framework7-svelte 6.3.5 → 7.0.0-beta.4

package/cjs/components/radio.js

@@ -1,198 +0,0 @@
-/* radio.svelte generated by Svelte v3.38.2 */
-"use strict";
-
-const { SvelteComponent, append, assign, attr, binding_callbacks, compute_rest_props, create_slot, detach, element, exclude_internal_props, get_spread_update, init, insert, listen, safe_not_equal, set_attributes, space, transition_in, transition_out, update_slot } = require("svelte/internal");
-const { createEventDispatcher } = require("svelte");
-const { colorClasses } = require("../shared/mixins");
-const { classNames, createEmitter } = require("../shared/utils");
-const { restProps } = require("../shared/rest-props");
-
-function create_fragment(ctx) {
-	let label;
-	let input;
-	let input_value_value;
-	let t0;
-	let i;
-	let t1;
-	let current;
-	let mounted;
-	let dispose;
-	const default_slot_template = /*#slots*/ ctx[11].default;
-	const default_slot = create_slot(default_slot_template, ctx, /*$$scope*/ ctx[10], null);
-	let label_levels = [{ class: /*classes*/ ctx[6] }, restProps(/*$$restProps*/ ctx[8])];
-	let label_data = {};
-
-	for (let i = 0; i < label_levels.length; i += 1) {
-		label_data = assign(label_data, label_levels[i]);
-	}
-
-	return {
-		c() {
-			label = element("label");
-			input = element("input");
-			t0 = space();
-			i = element("i");
-			t1 = space();
-			if (default_slot) default_slot.c();
-			attr(input, "type", "radio");
-			attr(input, "name", /*name*/ ctx[1]);
-
-			input.value = input_value_value = typeof /*value*/ ctx[2] === "undefined"
-			? ""
-			: /*value*/ ctx[2];
-
-			input.disabled = /*disabled*/ ctx[3];
-			input.readOnly = /*readonly*/ ctx[4];
-			input.checked = /*checked*/ ctx[0];
-			attr(i, "class", "icon-radio");
-			set_attributes(label, label_data);
-		},
-		m(target, anchor) {
-			insert(target, label, anchor);
-			append(label, input);
-			/*input_binding*/ ctx[12](input);
-			append(label, t0);
-			append(label, i);
-			append(label, t1);
-
-			if (default_slot) {
-				default_slot.m(label, null);
-			}
-
-			current = true;
-
-			if (!mounted) {
-				dispose = listen(input, "change", /*onChange*/ ctx[7]);
-				mounted = true;
-			}
-		},
-		p(ctx, [dirty]) {
-			if (!current || dirty & /*name*/ 2) {
-				attr(input, "name", /*name*/ ctx[1]);
-			}
-
-			if (!current || dirty & /*value*/ 4 && input_value_value !== (input_value_value = typeof /*value*/ ctx[2] === "undefined"
-			? ""
-			: /*value*/ ctx[2])) {
-				input.value = input_value_value;
-			}
-
-			if (!current || dirty & /*disabled*/ 8) {
-				input.disabled = /*disabled*/ ctx[3];
-			}
-
-			if (!current || dirty & /*readonly*/ 16) {
-				input.readOnly = /*readonly*/ ctx[4];
-			}
-
-			if (!current || dirty & /*checked*/ 1) {
-				input.checked = /*checked*/ ctx[0];
-			}
-
-			if (default_slot) {
-				if (default_slot.p && (!current || dirty & /*$$scope*/ 1024)) {
-					update_slot(default_slot, default_slot_template, ctx, /*$$scope*/ ctx[10], dirty, null, null);
-				}
-			}
-
-			set_attributes(label, label_data = get_spread_update(label_levels, [
-				(!current || dirty & /*classes*/ 64) && { class: /*classes*/ ctx[6] },
-				dirty & /*$$restProps*/ 256 && restProps(/*$$restProps*/ ctx[8])
-			]));
-		},
-		i(local) {
-			if (current) return;
-			transition_in(default_slot, local);
-			current = true;
-		},
-		o(local) {
-			transition_out(default_slot, local);
-			current = false;
-		},
-		d(detaching) {
-			if (detaching) detach(label);
-			/*input_binding*/ ctx[12](null);
-			if (default_slot) default_slot.d(detaching);
-			mounted = false;
-			dispose();
-		}
-	};
-}
-
-function instance($$self, $$props, $$invalidate) {
-	let classes;
-	const omit_props_names = ["class","checked","name","value","disabled","readonly"];
-	let $$restProps = compute_rest_props($$props, omit_props_names);
-	let { $$slots: slots = {}, $$scope } = $$props;
-	const emit = createEmitter(createEventDispatcher, $$props);
-	let { class: className = undefined } = $$props;
-	let { checked = undefined } = $$props;
-	let { name = undefined } = $$props;
-	let { value = undefined } = $$props;
-	let { disabled = undefined } = $$props;
-	let { readonly = undefined } = $$props;
-	let inputEl;
-
-	function onChange(event) {
-		emit("change", [event]);
-		$$invalidate(0, checked = event.target.checked);
-	}
-
-	function input_binding($$value) {
-		binding_callbacks[$$value ? "unshift" : "push"](() => {
-			inputEl = $$value;
-			$$invalidate(5, inputEl);
-		});
-	}
-
-	$$self.$$set = $$new_props => {
-		$$invalidate(14, $$props = assign(assign({}, $$props), exclude_internal_props($$new_props)));
-		$$invalidate(8, $$restProps = compute_rest_props($$props, omit_props_names));
-		if ("class" in $$new_props) $$invalidate(9, className = $$new_props.class);
-		if ("checked" in $$new_props) $$invalidate(0, checked = $$new_props.checked);
-		if ("name" in $$new_props) $$invalidate(1, name = $$new_props.name);
-		if ("value" in $$new_props) $$invalidate(2, value = $$new_props.value);
-		if ("disabled" in $$new_props) $$invalidate(3, disabled = $$new_props.disabled);
-		if ("readonly" in $$new_props) $$invalidate(4, readonly = $$new_props.readonly);
-		if ("$$scope" in $$new_props) $$invalidate(10, $$scope = $$new_props.$$scope);
-	};
-
-	$$self.$$.update = () => {
-		$: $$invalidate(6, classes = classNames(className, "radio", { disabled }, colorClasses($$props)));
-	};
-
-	$$props = exclude_internal_props($$props);
-
-	return [
-		checked,
-		name,
-		value,
-		disabled,
-		readonly,
-		inputEl,
-		classes,
-		onChange,
-		$$restProps,
-		className,
-		$$scope,
-		slots,
-		input_binding
-	];
-}
-
-class Radio extends SvelteComponent {
-	constructor(options) {
-		super();
-
-		init(this, options, instance, create_fragment, safe_not_equal, {
-			class: 9,
-			checked: 0,
-			name: 1,
-			value: 2,
-			disabled: 3,
-			readonly: 4
-		});
-	}
-}
-
-exports.default = Radio;

package/cjs/components/range.js

@@ -1,333 +0,0 @@
-/* range.svelte generated by Svelte v3.38.2 */
-"use strict";
-
-const { SvelteComponent, append, assign, attr, binding_callbacks, compute_rest_props, create_slot, detach, element, exclude_internal_props, get_spread_update, init: init_1, insert, safe_not_equal, set_attributes, space, transition_in, transition_out, update_slot } = require("svelte/internal");
-const { createEventDispatcher, onMount, onDestroy } = require("svelte");
-const { colorClasses } = require("../shared/mixins");
-const { classNames, noUndefinedProps, createEmitter } = require("../shared/utils");
-const { restProps } = require("../shared/rest-props");
-const { app, f7ready } = require("../shared/f7");
-const get_default_slot_changes = dirty => ({ range: dirty[0] & /*f7Range*/ 16 });
-const get_default_slot_context = ctx => ({ range: /*f7Range*/ ctx[4] });
-
-// (104:2) {#if input}
-function create_if_block(ctx) {
-	let input_1;
-
-	return {
-		c() {
-			input_1 = element("input");
-			attr(input_1, "type", "range");
-			attr(input_1, "name", /*name*/ ctx[0]);
-			attr(input_1, "id", /*inputId*/ ctx[2]);
-		},
-		m(target, anchor) {
-			insert(target, input_1, anchor);
-		},
-		p(ctx, dirty) {
-			if (dirty[0] & /*name*/ 1) {
-				attr(input_1, "name", /*name*/ ctx[0]);
-			}
-
-			if (dirty[0] & /*inputId*/ 4) {
-				attr(input_1, "id", /*inputId*/ ctx[2]);
-			}
-		},
-		d(detaching) {
-			if (detaching) detach(input_1);
-		}
-	};
-}
-
-function create_fragment(ctx) {
-	let div;
-	let t;
-	let current;
-	let if_block = /*input*/ ctx[1] && create_if_block(ctx);
-	const default_slot_template = /*#slots*/ ctx[27].default;
-	const default_slot = create_slot(default_slot_template, ctx, /*$$scope*/ ctx[26], get_default_slot_context);
-	let div_levels = [{ class: /*classes*/ ctx[5] }, restProps(/*$$restProps*/ ctx[6])];
-	let div_data = {};
-
-	for (let i = 0; i < div_levels.length; i += 1) {
-		div_data = assign(div_data, div_levels[i]);
-	}
-
-	return {
-		c() {
-			div = element("div");
-			if (if_block) if_block.c();
-			t = space();
-			if (default_slot) default_slot.c();
-			set_attributes(div, div_data);
-		},
-		m(target, anchor) {
-			insert(target, div, anchor);
-			if (if_block) if_block.m(div, null);
-			append(div, t);
-
-			if (default_slot) {
-				default_slot.m(div, null);
-			}
-
-			/*div_binding*/ ctx[28](div);
-			current = true;
-		},
-		p(ctx, dirty) {
-			if (/*input*/ ctx[1]) {
-				if (if_block) {
-					if_block.p(ctx, dirty);
-				} else {
-					if_block = create_if_block(ctx);
-					if_block.c();
-					if_block.m(div, t);
-				}
-			} else if (if_block) {
-				if_block.d(1);
-				if_block = null;
-			}
-
-			if (default_slot) {
-				if (default_slot.p && (!current || dirty[0] & /*$$scope, f7Range*/ 67108880)) {
-					update_slot(default_slot, default_slot_template, ctx, /*$$scope*/ ctx[26], dirty, get_default_slot_changes, get_default_slot_context);
-				}
-			}
-
-			set_attributes(div, div_data = get_spread_update(div_levels, [
-				(!current || dirty[0] & /*classes*/ 32) && { class: /*classes*/ ctx[5] },
-				dirty[0] & /*$$restProps*/ 64 && restProps(/*$$restProps*/ ctx[6])
-			]));
-		},
-		i(local) {
-			if (current) return;
-			transition_in(default_slot, local);
-			current = true;
-		},
-		o(local) {
-			transition_out(default_slot, local);
-			current = false;
-		},
-		d(detaching) {
-			if (detaching) detach(div);
-			if (if_block) if_block.d();
-			if (default_slot) default_slot.d(detaching);
-			/*div_binding*/ ctx[28](null);
-		}
-	};
-}
-
-function instance_1($$self, $$props, $$invalidate) {
-	let classes;
-
-	const omit_props_names = [
-		"class","init","value","min","max","step","label","dual","vertical","verticalReversed","draggableBar","formatLabel","scale","scaleSteps","scaleSubSteps","formatScaleLabel","limitKnobPosition","name","input","inputId","disabled","instance"
-	];
-
-	let $$restProps = compute_rest_props($$props, omit_props_names);
-	let { $$slots: slots = {}, $$scope } = $$props;
-	const emit = createEmitter(createEventDispatcher, $$props);
-	let { class: className = undefined } = $$props;
-	let { init = true } = $$props;
-	let { value = 0 } = $$props;
-	let { min = 0 } = $$props;
-	let { max = 100 } = $$props;
-	let { step = 1 } = $$props;
-	let { label = false } = $$props;
-	let { dual = false } = $$props;
-	let { vertical = false } = $$props;
-	let { verticalReversed = false } = $$props;
-	let { draggableBar = true } = $$props;
-	let { formatLabel = undefined } = $$props;
-	let { scale = false } = $$props;
-	let { scaleSteps = 5 } = $$props;
-	let { scaleSubSteps = 0 } = $$props;
-	let { formatScaleLabel = undefined } = $$props;
-	let { limitKnobPosition = undefined } = $$props;
-	let { name = undefined } = $$props;
-	let { input = false } = $$props;
-	let { inputId = undefined } = $$props;
-	let { disabled = false } = $$props;
-	let el;
-	let f7Range;
-
-	function instance() {
-		return f7Range;
-	}
-
-	function watchValue(newValue) {
-		if (!f7Range) return;
-		f7Range.setValue(newValue);
-	}
-
-	onMount(() => {
-		if (!init) return;
-
-		f7ready(() => {
-			$$invalidate(4, f7Range = app.f7.range.create(noUndefinedProps({
-				el,
-				value,
-				min,
-				max,
-				step,
-				label,
-				dual,
-				draggableBar,
-				vertical,
-				verticalReversed,
-				formatLabel,
-				scale,
-				scaleSteps,
-				scaleSubSteps,
-				formatScaleLabel,
-				limitKnobPosition,
-				on: {
-					change(range, val) {
-						emit("rangeChange", [val]);
-					},
-					changed(range, val) {
-						emit("rangeChanged", [val]);
-						$$invalidate(7, value = val);
-					}
-				}
-			})));
-		});
-	});
-
-	onDestroy(() => {
-		if (f7Range && f7Range.destroy) {
-			f7Range.destroy();
-			$$invalidate(4, f7Range = null);
-		}
-	});
-
-	function div_binding($$value) {
-		binding_callbacks[$$value ? "unshift" : "push"](() => {
-			el = $$value;
-			$$invalidate(3, el);
-		});
-	}
-
-	$$self.$$set = $$new_props => {
-		$$invalidate(31, $$props = assign(assign({}, $$props), exclude_internal_props($$new_props)));
-		$$invalidate(6, $$restProps = compute_rest_props($$props, omit_props_names));
-		if ("class" in $$new_props) $$invalidate(8, className = $$new_props.class);
-		if ("init" in $$new_props) $$invalidate(9, init = $$new_props.init);
-		if ("value" in $$new_props) $$invalidate(7, value = $$new_props.value);
-		if ("min" in $$new_props) $$invalidate(10, min = $$new_props.min);
-		if ("max" in $$new_props) $$invalidate(11, max = $$new_props.max);
-		if ("step" in $$new_props) $$invalidate(12, step = $$new_props.step);
-		if ("label" in $$new_props) $$invalidate(13, label = $$new_props.label);
-		if ("dual" in $$new_props) $$invalidate(14, dual = $$new_props.dual);
-		if ("vertical" in $$new_props) $$invalidate(15, vertical = $$new_props.vertical);
-		if ("verticalReversed" in $$new_props) $$invalidate(16, verticalReversed = $$new_props.verticalReversed);
-		if ("draggableBar" in $$new_props) $$invalidate(17, draggableBar = $$new_props.draggableBar);
-		if ("formatLabel" in $$new_props) $$invalidate(18, formatLabel = $$new_props.formatLabel);
-		if ("scale" in $$new_props) $$invalidate(19, scale = $$new_props.scale);
-		if ("scaleSteps" in $$new_props) $$invalidate(20, scaleSteps = $$new_props.scaleSteps);
-		if ("scaleSubSteps" in $$new_props) $$invalidate(21, scaleSubSteps = $$new_props.scaleSubSteps);
-		if ("formatScaleLabel" in $$new_props) $$invalidate(22, formatScaleLabel = $$new_props.formatScaleLabel);
-		if ("limitKnobPosition" in $$new_props) $$invalidate(23, limitKnobPosition = $$new_props.limitKnobPosition);
-		if ("name" in $$new_props) $$invalidate(0, name = $$new_props.name);
-		if ("input" in $$new_props) $$invalidate(1, input = $$new_props.input);
-		if ("inputId" in $$new_props) $$invalidate(2, inputId = $$new_props.inputId);
-		if ("disabled" in $$new_props) $$invalidate(24, disabled = $$new_props.disabled);
-		if ("$$scope" in $$new_props) $$invalidate(26, $$scope = $$new_props.$$scope);
-	};
-
-	$$self.$$.update = () => {
-		$: $$invalidate(5, classes = classNames(
-			className,
-			"range-slider",
-			{
-				"range-slider-horizontal": !vertical,
-				"range-slider-vertical": vertical,
-				"range-slider-vertical-reversed": vertical && verticalReversed,
-				disabled
-			},
-			colorClasses($$props)
-		));
-
-		if ($$self.$$.dirty[0] & /*value*/ 128) {
-			$: watchValue(value);
-		}
-	};
-
-	$$props = exclude_internal_props($$props);
-
-	return [
-		name,
-		input,
-		inputId,
-		el,
-		f7Range,
-		classes,
-		$$restProps,
-		value,
-		className,
-		init,
-		min,
-		max,
-		step,
-		label,
-		dual,
-		vertical,
-		verticalReversed,
-		draggableBar,
-		formatLabel,
-		scale,
-		scaleSteps,
-		scaleSubSteps,
-		formatScaleLabel,
-		limitKnobPosition,
-		disabled,
-		instance,
-		$$scope,
-		slots,
-		div_binding
-	];
-}
-
-class Range extends SvelteComponent {
-	constructor(options) {
-		super();
-
-		init_1(
-			this,
-			options,
-			instance_1,
-			create_fragment,
-			safe_not_equal,
-			{
-				class: 8,
-				init: 9,
-				value: 7,
-				min: 10,
-				max: 11,
-				step: 12,
-				label: 13,
-				dual: 14,
-				vertical: 15,
-				verticalReversed: 16,
-				draggableBar: 17,
-				formatLabel: 18,
-				scale: 19,
-				scaleSteps: 20,
-				scaleSubSteps: 21,
-				formatScaleLabel: 22,
-				limitKnobPosition: 23,
-				name: 0,
-				input: 1,
-				inputId: 2,
-				disabled: 24,
-				instance: 25
-			},
-			[-1, -1]
-		);
-	}
-
-	get instance() {
-		return this.$$.ctx[25];
-	}
-}
-
-exports.default = Range;