framework7-svelte 6.3.5 → 7.0.0-beta.4

package/esm/components/stepper.js

@@ -1,574 +0,0 @@
-/* stepper.svelte generated by Svelte v3.38.2 */
-import {
-	SvelteComponent,
-	append,
-	assign,
-	attr,
-	binding_callbacks,
-	compute_rest_props,
-	detach,
-	element,
-	exclude_internal_props,
-	get_spread_update,
-	init as init_1,
-	insert,
-	listen,
-	noop,
-	run_all,
-	safe_not_equal,
-	set_attributes,
-	set_data,
-	space,
-	text
-} from "svelte/internal";
-
-import { createEventDispatcher, onMount, onDestroy } from "svelte";
-import { colorClasses } from "../shared/mixins";
-
-import {
-	classNames,
-	noUndefinedProps,
-	plainText,
-	createEmitter
-} from "../shared/utils";
-
-import { restProps } from "../shared/rest-props";
-import { app, f7ready } from "../shared/f7";
-
-function create_if_block_1(ctx) {
-	let div;
-	let input_1;
-	let input_1_min_value;
-	let input_1_max_value;
-	let input_1_step_value;
-	let input_1_value_value;
-	let mounted;
-	let dispose;
-
-	return {
-		c() {
-			div = element("div");
-			input_1 = element("input");
-			attr(input_1, "name", /*name*/ ctx[4]);
-			attr(input_1, "id", /*inputId*/ ctx[5]);
-			attr(input_1, "type", /*inputType*/ ctx[7]);
-
-			attr(input_1, "min", input_1_min_value = /*inputType*/ ctx[7] === "number"
-			? /*min*/ ctx[1]
-			: undefined);
-
-			attr(input_1, "max", input_1_max_value = /*inputType*/ ctx[7] === "number"
-			? /*max*/ ctx[2]
-			: undefined);
-
-			attr(input_1, "step", input_1_step_value = /*inputType*/ ctx[7] === "number"
-			? /*step*/ ctx[3]
-			: undefined);
-
-			input_1.value = input_1_value_value = typeof /*value*/ ctx[0] === "undefined"
-			? ""
-			: /*value*/ ctx[0];
-
-			input_1.readOnly = /*inputReadonly*/ ctx[8];
-			attr(div, "class", "stepper-input-wrap");
-		},
-		m(target, anchor) {
-			insert(target, div, anchor);
-			append(div, input_1);
-
-			if (!mounted) {
-				dispose = [
-					listen(input_1, "input", /*onInput*/ ctx[12]),
-					listen(input_1, "change", /*onChange*/ ctx[13])
-				];
-
-				mounted = true;
-			}
-		},
-		p(ctx, dirty) {
-			if (dirty[0] & /*name*/ 16) {
-				attr(input_1, "name", /*name*/ ctx[4]);
-			}
-
-			if (dirty[0] & /*inputId*/ 32) {
-				attr(input_1, "id", /*inputId*/ ctx[5]);
-			}
-
-			if (dirty[0] & /*inputType*/ 128) {
-				attr(input_1, "type", /*inputType*/ ctx[7]);
-			}
-
-			if (dirty[0] & /*inputType, min*/ 130 && input_1_min_value !== (input_1_min_value = /*inputType*/ ctx[7] === "number"
-			? /*min*/ ctx[1]
-			: undefined)) {
-				attr(input_1, "min", input_1_min_value);
-			}
-
-			if (dirty[0] & /*inputType, max*/ 132 && input_1_max_value !== (input_1_max_value = /*inputType*/ ctx[7] === "number"
-			? /*max*/ ctx[2]
-			: undefined)) {
-				attr(input_1, "max", input_1_max_value);
-			}
-
-			if (dirty[0] & /*inputType, step*/ 136 && input_1_step_value !== (input_1_step_value = /*inputType*/ ctx[7] === "number"
-			? /*step*/ ctx[3]
-			: undefined)) {
-				attr(input_1, "step", input_1_step_value);
-			}
-
-			if (dirty[0] & /*value*/ 1 && input_1_value_value !== (input_1_value_value = typeof /*value*/ ctx[0] === "undefined"
-			? ""
-			: /*value*/ ctx[0]) && input_1.value !== input_1_value_value) {
-				input_1.value = input_1_value_value;
-			}
-
-			if (dirty[0] & /*inputReadonly*/ 256) {
-				input_1.readOnly = /*inputReadonly*/ ctx[8];
-			}
-		},
-		d(detaching) {
-			if (detaching) detach(div);
-			mounted = false;
-			run_all(dispose);
-		}
-	};
-}
-
-// (167:2) {#if !input && !buttonsOnly}
-function create_if_block(ctx) {
-	let div;
-	let t_value = plainText(/*value*/ ctx[0]) + "";
-	let t;
-
-	return {
-		c() {
-			div = element("div");
-			t = text(t_value);
-			attr(div, "class", "stepper-value");
-		},
-		m(target, anchor) {
-			insert(target, div, anchor);
-			append(div, t);
-		},
-		p(ctx, dirty) {
-			if (dirty[0] & /*value*/ 1 && t_value !== (t_value = plainText(/*value*/ ctx[0]) + "")) set_data(t, t_value);
-		},
-		d(detaching) {
-			if (detaching) detach(div);
-		}
-	};
-}
-
-function create_fragment(ctx) {
-	let div2;
-	let div0;
-	let t0;
-	let t1;
-	let t2;
-	let div1;
-	let mounted;
-	let dispose;
-	let if_block0 = /*input*/ ctx[6] && !/*buttonsOnly*/ ctx[9] && create_if_block_1(ctx);
-	let if_block1 = !/*input*/ ctx[6] && !/*buttonsOnly*/ ctx[9] && create_if_block(ctx);
-	let div2_levels = [{ class: /*classes*/ ctx[11] }, restProps(/*$$restProps*/ ctx[16])];
-	let div2_data = {};
-
-	for (let i = 0; i < div2_levels.length; i += 1) {
-		div2_data = assign(div2_data, div2_levels[i]);
-	}
-
-	return {
-		c() {
-			div2 = element("div");
-			div0 = element("div");
-			t0 = space();
-			if (if_block0) if_block0.c();
-			t1 = space();
-			if (if_block1) if_block1.c();
-			t2 = space();
-			div1 = element("div");
-			attr(div0, "class", "stepper-button-minus");
-			attr(div1, "class", "stepper-button-plus");
-			set_attributes(div2, div2_data);
-		},
-		m(target, anchor) {
-			insert(target, div2, anchor);
-			append(div2, div0);
-			append(div2, t0);
-			if (if_block0) if_block0.m(div2, null);
-			append(div2, t1);
-			if (if_block1) if_block1.m(div2, null);
-			append(div2, t2);
-			append(div2, div1);
-			/*div2_binding*/ ctx[48](div2);
-
-			if (!mounted) {
-				dispose = [
-					listen(div0, "click", /*onMinusClick*/ ctx[14]),
-					listen(div1, "click", /*onPlusClick*/ ctx[15])
-				];
-
-				mounted = true;
-			}
-		},
-		p(ctx, dirty) {
-			if (/*input*/ ctx[6] && !/*buttonsOnly*/ ctx[9]) {
-				if (if_block0) {
-					if_block0.p(ctx, dirty);
-				} else {
-					if_block0 = create_if_block_1(ctx);
-					if_block0.c();
-					if_block0.m(div2, t1);
-				}
-			} else if (if_block0) {
-				if_block0.d(1);
-				if_block0 = null;
-			}
-
-			if (!/*input*/ ctx[6] && !/*buttonsOnly*/ ctx[9]) {
-				if (if_block1) {
-					if_block1.p(ctx, dirty);
-				} else {
-					if_block1 = create_if_block(ctx);
-					if_block1.c();
-					if_block1.m(div2, t2);
-				}
-			} else if (if_block1) {
-				if_block1.d(1);
-				if_block1 = null;
-			}
-
-			set_attributes(div2, div2_data = get_spread_update(div2_levels, [
-				dirty[0] & /*classes*/ 2048 && { class: /*classes*/ ctx[11] },
-				dirty[0] & /*$$restProps*/ 65536 && restProps(/*$$restProps*/ ctx[16])
-			]));
-		},
-		i: noop,
-		o: noop,
-		d(detaching) {
-			if (detaching) detach(div2);
-			if (if_block0) if_block0.d();
-			if (if_block1) if_block1.d();
-			/*div2_binding*/ ctx[48](null);
-			mounted = false;
-			run_all(dispose);
-		}
-	};
-}
-
-function instance_1($$self, $$props, $$invalidate) {
-	let classes;
-
-	const omit_props_names = [
-		"class","init","value","min","max","step","formatValue","name","inputId","input","inputType","inputReadonly","autorepeat","autorepeatDynamic","wraps","manualInputMode","decimalPoint","buttonsEndInputMode","disabled","buttonsOnly","round","roundMd","roundIos","roundAurora","fill","fillMd","fillIos","fillAurora","large","largeMd","largeIos","largeAurora","small","smallMd","smallIos","smallAurora","raised","raisedMd","raisedIos","raisedAurora","instance"
-	];
-
-	let $$restProps = compute_rest_props($$props, omit_props_names);
-	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 { formatValue = undefined } = $$props;
-	let { name = undefined } = $$props;
-	let { inputId = undefined } = $$props;
-	let { input = true } = $$props;
-	let { inputType = "text" } = $$props;
-	let { inputReadonly = false } = $$props;
-	let { autorepeat = false } = $$props;
-	let { autorepeatDynamic = false } = $$props;
-	let { wraps = false } = $$props;
-	let { manualInputMode = false } = $$props;
-	let { decimalPoint = 4 } = $$props;
-	let { buttonsEndInputMode = true } = $$props;
-	let { disabled = undefined } = $$props;
-	let { buttonsOnly = undefined } = $$props;
-	let { round = false } = $$props;
-	let { roundMd = false } = $$props;
-	let { roundIos = false } = $$props;
-	let { roundAurora = false } = $$props;
-	let { fill = false } = $$props;
-	let { fillMd = false } = $$props;
-	let { fillIos = false } = $$props;
-	let { fillAurora = false } = $$props;
-	let { large = false } = $$props;
-	let { largeMd = false } = $$props;
-	let { largeIos = false } = $$props;
-	let { largeAurora = false } = $$props;
-	let { small = false } = $$props;
-	let { smallMd = false } = $$props;
-	let { smallIos = false } = $$props;
-	let { smallAurora = false } = $$props;
-	let { raised = false } = $$props;
-	let { raisedMd = false } = $$props;
-	let { raisedIos = false } = $$props;
-	let { raisedAurora = false } = $$props;
-	let el;
-	let f7Stepper;
-
-	function instance() {
-		return f7Stepper;
-	}
-
-	function watchValue(newValue) {
-		if (!f7Stepper) return;
-		f7Stepper.setValue(newValue);
-	}
-
-	function onInput(event) {
-		emit("input", [event, f7Stepper]);
-	}
-
-	function onChange(event) {
-		emit("change", [event, f7Stepper]);
-	}
-
-	function onMinusClick(event) {
-		emit("stepperMinusClick", [event, f7Stepper]);
-	}
-
-	function onPlusClick(event) {
-		emit("stepperPlusClick", [event, f7Stepper]);
-	}
-
-	onMount(() => {
-		if (!init) return;
-
-		f7ready(() => {
-			f7Stepper = app.f7.stepper.create(noUndefinedProps({
-				el,
-				min,
-				max,
-				value,
-				step,
-				formatValue,
-				autorepeat,
-				autorepeatDynamic,
-				wraps,
-				manualInputMode,
-				decimalPoint,
-				buttonsEndInputMode,
-				on: {
-					change(stepper, newValue) {
-						emit("stepperChange", [newValue]);
-						$$invalidate(0, value = newValue);
-					}
-				}
-			}));
-		});
-	});
-
-	onDestroy(() => {
-		if (f7Stepper && f7Stepper.destroy) {
-			f7Stepper.destroy();
-			f7Stepper = null;
-		}
-	});
-
-	function div2_binding($$value) {
-		binding_callbacks[$$value ? "unshift" : "push"](() => {
-			el = $$value;
-			$$invalidate(10, el);
-		});
-	}
-
-	$$self.$$set = $$new_props => {
-		$$invalidate(52, $$props = assign(assign({}, $$props), exclude_internal_props($$new_props)));
-		$$invalidate(16, $$restProps = compute_rest_props($$props, omit_props_names));
-		if ("class" in $$new_props) $$invalidate(17, className = $$new_props.class);
-		if ("init" in $$new_props) $$invalidate(18, init = $$new_props.init);
-		if ("value" in $$new_props) $$invalidate(0, value = $$new_props.value);
-		if ("min" in $$new_props) $$invalidate(1, min = $$new_props.min);
-		if ("max" in $$new_props) $$invalidate(2, max = $$new_props.max);
-		if ("step" in $$new_props) $$invalidate(3, step = $$new_props.step);
-		if ("formatValue" in $$new_props) $$invalidate(19, formatValue = $$new_props.formatValue);
-		if ("name" in $$new_props) $$invalidate(4, name = $$new_props.name);
-		if ("inputId" in $$new_props) $$invalidate(5, inputId = $$new_props.inputId);
-		if ("input" in $$new_props) $$invalidate(6, input = $$new_props.input);
-		if ("inputType" in $$new_props) $$invalidate(7, inputType = $$new_props.inputType);
-		if ("inputReadonly" in $$new_props) $$invalidate(8, inputReadonly = $$new_props.inputReadonly);
-		if ("autorepeat" in $$new_props) $$invalidate(20, autorepeat = $$new_props.autorepeat);
-		if ("autorepeatDynamic" in $$new_props) $$invalidate(21, autorepeatDynamic = $$new_props.autorepeatDynamic);
-		if ("wraps" in $$new_props) $$invalidate(22, wraps = $$new_props.wraps);
-		if ("manualInputMode" in $$new_props) $$invalidate(23, manualInputMode = $$new_props.manualInputMode);
-		if ("decimalPoint" in $$new_props) $$invalidate(24, decimalPoint = $$new_props.decimalPoint);
-		if ("buttonsEndInputMode" in $$new_props) $$invalidate(25, buttonsEndInputMode = $$new_props.buttonsEndInputMode);
-		if ("disabled" in $$new_props) $$invalidate(26, disabled = $$new_props.disabled);
-		if ("buttonsOnly" in $$new_props) $$invalidate(9, buttonsOnly = $$new_props.buttonsOnly);
-		if ("round" in $$new_props) $$invalidate(27, round = $$new_props.round);
-		if ("roundMd" in $$new_props) $$invalidate(28, roundMd = $$new_props.roundMd);
-		if ("roundIos" in $$new_props) $$invalidate(29, roundIos = $$new_props.roundIos);
-		if ("roundAurora" in $$new_props) $$invalidate(30, roundAurora = $$new_props.roundAurora);
-		if ("fill" in $$new_props) $$invalidate(31, fill = $$new_props.fill);
-		if ("fillMd" in $$new_props) $$invalidate(32, fillMd = $$new_props.fillMd);
-		if ("fillIos" in $$new_props) $$invalidate(33, fillIos = $$new_props.fillIos);
-		if ("fillAurora" in $$new_props) $$invalidate(34, fillAurora = $$new_props.fillAurora);
-		if ("large" in $$new_props) $$invalidate(35, large = $$new_props.large);
-		if ("largeMd" in $$new_props) $$invalidate(36, largeMd = $$new_props.largeMd);
-		if ("largeIos" in $$new_props) $$invalidate(37, largeIos = $$new_props.largeIos);
-		if ("largeAurora" in $$new_props) $$invalidate(38, largeAurora = $$new_props.largeAurora);
-		if ("small" in $$new_props) $$invalidate(39, small = $$new_props.small);
-		if ("smallMd" in $$new_props) $$invalidate(40, smallMd = $$new_props.smallMd);
-		if ("smallIos" in $$new_props) $$invalidate(41, smallIos = $$new_props.smallIos);
-		if ("smallAurora" in $$new_props) $$invalidate(42, smallAurora = $$new_props.smallAurora);
-		if ("raised" in $$new_props) $$invalidate(43, raised = $$new_props.raised);
-		if ("raisedMd" in $$new_props) $$invalidate(44, raisedMd = $$new_props.raisedMd);
-		if ("raisedIos" in $$new_props) $$invalidate(45, raisedIos = $$new_props.raisedIos);
-		if ("raisedAurora" in $$new_props) $$invalidate(46, raisedAurora = $$new_props.raisedAurora);
-	};
-
-	$$self.$$.update = () => {
-		$: $$invalidate(11, classes = classNames(
-			className,
-			"stepper",
-			{
-				disabled,
-				"stepper-round": round,
-				"stepper-round-ios": roundIos,
-				"stepper-round-md": roundMd,
-				"stepper-round-aurora": roundAurora,
-				"stepper-fill": fill,
-				"stepper-fill-ios": fillIos,
-				"stepper-fill-md": fillMd,
-				"stepper-fill-aurora": fillAurora,
-				"stepper-large": large,
-				"stepper-large-ios": largeIos,
-				"stepper-large-md": largeMd,
-				"stepper-large-aurora": largeAurora,
-				"stepper-small": small,
-				"stepper-small-ios": smallIos,
-				"stepper-small-md": smallMd,
-				"stepper-small-aurora": smallAurora,
-				"stepper-raised": raised,
-				"stepper-raised-ios": raisedIos,
-				"stepper-raised-md": raisedMd,
-				"stepper-raised-aurora": raisedAurora
-			},
-			colorClasses($$props)
-		));
-
-		if ($$self.$$.dirty[0] & /*value*/ 1) {
-			$: watchValue(value);
-		}
-	};
-
-	$$props = exclude_internal_props($$props);
-
-	return [
-		value,
-		min,
-		max,
-		step,
-		name,
-		inputId,
-		input,
-		inputType,
-		inputReadonly,
-		buttonsOnly,
-		el,
-		classes,
-		onInput,
-		onChange,
-		onMinusClick,
-		onPlusClick,
-		$$restProps,
-		className,
-		init,
-		formatValue,
-		autorepeat,
-		autorepeatDynamic,
-		wraps,
-		manualInputMode,
-		decimalPoint,
-		buttonsEndInputMode,
-		disabled,
-		round,
-		roundMd,
-		roundIos,
-		roundAurora,
-		fill,
-		fillMd,
-		fillIos,
-		fillAurora,
-		large,
-		largeMd,
-		largeIos,
-		largeAurora,
-		small,
-		smallMd,
-		smallIos,
-		smallAurora,
-		raised,
-		raisedMd,
-		raisedIos,
-		raisedAurora,
-		instance,
-		div2_binding
-	];
-}
-
-class Stepper extends SvelteComponent {
-	constructor(options) {
-		super();
-
-		init_1(
-			this,
-			options,
-			instance_1,
-			create_fragment,
-			safe_not_equal,
-			{
-				class: 17,
-				init: 18,
-				value: 0,
-				min: 1,
-				max: 2,
-				step: 3,
-				formatValue: 19,
-				name: 4,
-				inputId: 5,
-				input: 6,
-				inputType: 7,
-				inputReadonly: 8,
-				autorepeat: 20,
-				autorepeatDynamic: 21,
-				wraps: 22,
-				manualInputMode: 23,
-				decimalPoint: 24,
-				buttonsEndInputMode: 25,
-				disabled: 26,
-				buttonsOnly: 9,
-				round: 27,
-				roundMd: 28,
-				roundIos: 29,
-				roundAurora: 30,
-				fill: 31,
-				fillMd: 32,
-				fillIos: 33,
-				fillAurora: 34,
-				large: 35,
-				largeMd: 36,
-				largeIos: 37,
-				largeAurora: 38,
-				small: 39,
-				smallMd: 40,
-				smallIos: 41,
-				smallAurora: 42,
-				raised: 43,
-				raisedMd: 44,
-				raisedIos: 45,
-				raisedAurora: 46,
-				instance: 47
-			},
-			[-1, -1]
-		);
-	}
-
-	get instance() {
-		return this.$$.ctx[47];
-	}
-}
-
-export default Stepper;