framework7-svelte 6.3.5 → 7.0.0-beta.4

package/esm/components/popup.js

@@ -1,306 +0,0 @@
-/* popup.svelte generated by Svelte v3.38.2 */
-import {
-	SvelteComponent,
-	assign,
-	binding_callbacks,
-	compute_rest_props,
-	create_slot,
-	detach,
-	element,
-	exclude_internal_props,
-	get_spread_update,
-	init,
-	insert,
-	safe_not_equal,
-	set_attributes,
-	transition_in,
-	transition_out,
-	update_slot
-} from "svelte/internal";
-
-import { createEventDispatcher, onMount, onDestroy } from "svelte";
-import { colorClasses } from "../shared/mixins";
-import { classNames, createEmitter } from "../shared/utils";
-import { restProps } from "../shared/rest-props";
-import { app, f7ready } from "../shared/f7";
-import { modalStateClasses } from "../shared/modal-state-classes";
-const get_default_slot_changes = dirty => ({ popup: dirty[0] & /*f7Popup*/ 2 });
-const get_default_slot_context = ctx => ({ popup: /*f7Popup*/ ctx[1] });
-
-function create_fragment(ctx) {
-	let div;
-	let current;
-	const default_slot_template = /*#slots*/ ctx[18].default;
-	const default_slot = create_slot(default_slot_template, ctx, /*$$scope*/ ctx[17], get_default_slot_context);
-	let div_levels = [{ class: /*classes*/ ctx[2] }, restProps(/*$$restProps*/ ctx[3])];
-	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 (default_slot) default_slot.c();
-			set_attributes(div, div_data);
-		},
-		m(target, anchor) {
-			insert(target, div, anchor);
-
-			if (default_slot) {
-				default_slot.m(div, null);
-			}
-
-			/*div_binding*/ ctx[19](div);
-			current = true;
-		},
-		p(ctx, dirty) {
-			if (default_slot) {
-				if (default_slot.p && (!current || dirty[0] & /*$$scope, f7Popup*/ 131074)) {
-					update_slot(default_slot, default_slot_template, ctx, /*$$scope*/ ctx[17], dirty, get_default_slot_changes, get_default_slot_context);
-				}
-			}
-
-			set_attributes(div, div_data = get_spread_update(div_levels, [
-				(!current || dirty[0] & /*classes*/ 4) && { class: /*classes*/ ctx[2] },
-				dirty[0] & /*$$restProps*/ 8 && restProps(/*$$restProps*/ ctx[3])
-			]));
-		},
-		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 (default_slot) default_slot.d(detaching);
-			/*div_binding*/ ctx[19](null);
-		}
-	};
-}
-
-function instance_1($$self, $$props, $$invalidate) {
-	let classes;
-
-	const omit_props_names = [
-		"class","tabletFullscreen","opened","animate","backdrop","backdropEl","closeByBackdropClick","closeOnEscape","swipeToClose","swipeHandler","push","containerEl","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 { tabletFullscreen = undefined } = $$props;
-	let { opened = undefined } = $$props;
-	let { animate = undefined } = $$props;
-	let { backdrop = undefined } = $$props;
-	let { backdropEl = undefined } = $$props;
-	let { closeByBackdropClick = undefined } = $$props;
-	let { closeOnEscape = undefined } = $$props;
-	let { swipeToClose = false } = $$props;
-	let { swipeHandler = undefined } = $$props;
-	let { push = undefined } = $$props;
-	let { containerEl = undefined } = $$props;
-	let el;
-	let f7Popup;
-	const state = { isOpened: opened, isClosing: false };
-
-	function instance() {
-		return f7Popup;
-	}
-
-	function onSwipeStart(instance) {
-		emit("popupSwipeStart", [instance]);
-	}
-
-	function onSwipeMove(instance) {
-		emit("popupSwipeMove", [instance]);
-	}
-
-	function onSwipeEnd(instance) {
-		emit("popupSwipeEnd", [instance]);
-	}
-
-	function onSwipeClose(instance) {
-		emit("popupSwipeClose", [instance]);
-	}
-
-	function onOpen(instance) {
-		Object.assign(state, { isOpened: true, isClosing: false });
-		emit("popupOpen", [instance]);
-		$$invalidate(4, opened = true);
-	}
-
-	function onOpened(instance) {
-		emit("popupOpened", [instance]);
-	}
-
-	function onClose(instance) {
-		Object.assign(state, { isOpened: false, isClosing: true });
-		emit("popupClose", [instance]);
-	}
-
-	function onClosed(instance) {
-		Object.assign(state, { isClosing: false });
-		emit("popupClosed", [instance]);
-		$$invalidate(4, opened = false);
-	}
-
-	let initialWatched = false;
-
-	function watchOpened(openedPassed) {
-		if (!initialWatched) {
-			initialWatched = true;
-			return;
-		}
-
-		if (!f7Popup) return;
-		if (openedPassed) f7Popup.open(); else f7Popup.close();
-	}
-
-	onMount(() => {
-		const popupParams = {
-			el,
-			on: {
-				swipeStart: onSwipeStart,
-				swipeMove: onSwipeMove,
-				swipeEnd: onSwipeEnd,
-				swipeClose: onSwipeClose,
-				open: onOpen,
-				opened: onOpened,
-				close: onClose,
-				closed: onClosed
-			}
-		};
-
-		if (typeof closeByBackdropClick !== "undefined") popupParams.closeByBackdropClick = closeByBackdropClick;
-		if (typeof closeOnEscape !== "undefined") popupParams.closeOnEscape = closeOnEscape;
-		if (typeof animate !== "undefined") popupParams.animate = animate;
-		if (typeof backdrop !== "undefined") popupParams.backdrop = backdrop;
-		if (typeof backdropEl !== "undefined") popupParams.backdropEl = backdropEl;
-		if (typeof swipeToClose !== "undefined") popupParams.swipeToClose = swipeToClose;
-		if (typeof swipeHandler !== "undefined") popupParams.swipeHandler = swipeHandler;
-		if (typeof containerEl !== "undefined") popupParams.containerEl = containerEl;
-
-		f7ready(() => {
-			$$invalidate(1, f7Popup = app.f7.popup.create(popupParams));
-
-			if (opened) {
-				f7Popup.open(false);
-			}
-		});
-	});
-
-	onDestroy(() => {
-		if (f7Popup) f7Popup.destroy();
-		$$invalidate(1, f7Popup = null);
-	});
-
-	function div_binding($$value) {
-		binding_callbacks[$$value ? "unshift" : "push"](() => {
-			el = $$value;
-			$$invalidate(0, el);
-		});
-	}
-
-	$$self.$$set = $$new_props => {
-		$$invalidate(32, $$props = assign(assign({}, $$props), exclude_internal_props($$new_props)));
-		$$invalidate(3, $$restProps = compute_rest_props($$props, omit_props_names));
-		if ("class" in $$new_props) $$invalidate(5, className = $$new_props.class);
-		if ("tabletFullscreen" in $$new_props) $$invalidate(6, tabletFullscreen = $$new_props.tabletFullscreen);
-		if ("opened" in $$new_props) $$invalidate(4, opened = $$new_props.opened);
-		if ("animate" in $$new_props) $$invalidate(7, animate = $$new_props.animate);
-		if ("backdrop" in $$new_props) $$invalidate(8, backdrop = $$new_props.backdrop);
-		if ("backdropEl" in $$new_props) $$invalidate(9, backdropEl = $$new_props.backdropEl);
-		if ("closeByBackdropClick" in $$new_props) $$invalidate(10, closeByBackdropClick = $$new_props.closeByBackdropClick);
-		if ("closeOnEscape" in $$new_props) $$invalidate(11, closeOnEscape = $$new_props.closeOnEscape);
-		if ("swipeToClose" in $$new_props) $$invalidate(12, swipeToClose = $$new_props.swipeToClose);
-		if ("swipeHandler" in $$new_props) $$invalidate(13, swipeHandler = $$new_props.swipeHandler);
-		if ("push" in $$new_props) $$invalidate(14, push = $$new_props.push);
-		if ("containerEl" in $$new_props) $$invalidate(15, containerEl = $$new_props.containerEl);
-		if ("$$scope" in $$new_props) $$invalidate(17, $$scope = $$new_props.$$scope);
-	};
-
-	$$self.$$.update = () => {
-		$: $$invalidate(2, classes = classNames(
-			className,
-			"popup",
-			{
-				"popup-tablet-fullscreen": tabletFullscreen,
-				"popup-push": push
-			},
-			modalStateClasses(state),
-			colorClasses($$props)
-		));
-
-		if ($$self.$$.dirty[0] & /*opened*/ 16) {
-			$: watchOpened(opened);
-		}
-	};
-
-	$$props = exclude_internal_props($$props);
-
-	return [
-		el,
-		f7Popup,
-		classes,
-		$$restProps,
-		opened,
-		className,
-		tabletFullscreen,
-		animate,
-		backdrop,
-		backdropEl,
-		closeByBackdropClick,
-		closeOnEscape,
-		swipeToClose,
-		swipeHandler,
-		push,
-		containerEl,
-		instance,
-		$$scope,
-		slots,
-		div_binding
-	];
-}
-
-class Popup extends SvelteComponent {
-	constructor(options) {
-		super();
-
-		init(
-			this,
-			options,
-			instance_1,
-			create_fragment,
-			safe_not_equal,
-			{
-				class: 5,
-				tabletFullscreen: 6,
-				opened: 4,
-				animate: 7,
-				backdrop: 8,
-				backdropEl: 9,
-				closeByBackdropClick: 10,
-				closeOnEscape: 11,
-				swipeToClose: 12,
-				swipeHandler: 13,
-				push: 14,
-				containerEl: 15,
-				instance: 16
-			},
-			[-1, -1]
-		);
-	}
-
-	get instance() {
-		return this.$$.ctx[16];
-	}
-}
-
-export default Popup;

package/esm/components/preloader.js

@@ -1,226 +0,0 @@
-/* preloader.svelte generated by Svelte v3.38.2 */
-import {
-	SvelteComponent,
-	assign,
-	attr,
-	compute_rest_props,
-	detach,
-	element,
-	exclude_internal_props,
-	get_spread_update,
-	init,
-	insert,
-	noop,
-	safe_not_equal,
-	set_attributes
-} from "svelte/internal";
-
-import { restProps } from "../shared/rest-props";
-import { colorClasses } from "../shared/mixins";
-import { classNames } from "../shared/utils";
-import { useTheme } from "../shared/use-theme";
-
-function create_else_block(ctx) {
-	let span;
-
-	return {
-		c() {
-			span = element("span");
-			attr(span, "class", "preloader-inner");
-		},
-		m(target, anchor) {
-			insert(target, span, anchor);
-		},
-		d(detaching) {
-			if (detaching) detach(span);
-		}
-	};
-}
-
-// (48:34) 
-function create_if_block_2(ctx) {
-	let span1;
-
-	return {
-		c() {
-			span1 = element("span");
-			span1.innerHTML = `<span class="preloader-inner-circle"></span>`;
-			attr(span1, "class", "preloader-inner");
-		},
-		m(target, anchor) {
-			insert(target, span1, anchor);
-		},
-		d(detaching) {
-			if (detaching) detach(span1);
-		}
-	};
-}
-
-// (37:31) 
-function create_if_block_1(ctx) {
-	let span8;
-
-	return {
-		c() {
-			span8 = element("span");
-
-			span8.innerHTML = `<span class="preloader-inner-line"></span> 
-      <span class="preloader-inner-line"></span> 
-      <span class="preloader-inner-line"></span> 
-      <span class="preloader-inner-line"></span> 
-      <span class="preloader-inner-line"></span> 
-      <span class="preloader-inner-line"></span> 
-      <span class="preloader-inner-line"></span> 
-      <span class="preloader-inner-line"></span>`;
-
-			attr(span8, "class", "preloader-inner");
-		},
-		m(target, anchor) {
-			insert(target, span8, anchor);
-		},
-		d(detaching) {
-			if (detaching) detach(span8);
-		}
-	};
-}
-
-// (31:2) {#if theme && theme.md}
-function create_if_block(ctx) {
-	let span;
-
-	return {
-		c() {
-			span = element("span");
-			span.innerHTML = `<svg viewBox="0 0 36 36"><circle cx="18" cy="18" r="16"></circle></svg>`;
-			attr(span, "class", "preloader-inner");
-		},
-		m(target, anchor) {
-			insert(target, span, anchor);
-		},
-		d(detaching) {
-			if (detaching) detach(span);
-		}
-	};
-}
-
-function create_fragment(ctx) {
-	let span;
-
-	function select_block_type(ctx, dirty) {
-		if (/*theme*/ ctx[0] && /*theme*/ ctx[0].md) return create_if_block;
-		if (/*theme*/ ctx[0] && /*theme*/ ctx[0].ios) return create_if_block_1;
-		if (/*theme*/ ctx[0] && /*theme*/ ctx[0].aurora) return create_if_block_2;
-		return create_else_block;
-	}
-
-	let current_block_type = select_block_type(ctx, -1);
-	let if_block = current_block_type(ctx);
-
-	let span_levels = [
-		{ style: /*preloaderStyle*/ ctx[1] },
-		{ class: /*classes*/ ctx[2] },
-		restProps(/*$$restProps*/ ctx[3])
-	];
-
-	let span_data = {};
-
-	for (let i = 0; i < span_levels.length; i += 1) {
-		span_data = assign(span_data, span_levels[i]);
-	}
-
-	return {
-		c() {
-			span = element("span");
-			if_block.c();
-			set_attributes(span, span_data);
-		},
-		m(target, anchor) {
-			insert(target, span, anchor);
-			if_block.m(span, null);
-		},
-		p(ctx, [dirty]) {
-			if (current_block_type !== (current_block_type = select_block_type(ctx, dirty))) {
-				if_block.d(1);
-				if_block = current_block_type(ctx);
-
-				if (if_block) {
-					if_block.c();
-					if_block.m(span, null);
-				}
-			}
-
-			set_attributes(span, span_data = get_spread_update(span_levels, [
-				dirty & /*preloaderStyle*/ 2 && { style: /*preloaderStyle*/ ctx[1] },
-				dirty & /*classes*/ 4 && { class: /*classes*/ ctx[2] },
-				dirty & /*$$restProps*/ 8 && restProps(/*$$restProps*/ ctx[3])
-			]));
-		},
-		i: noop,
-		o: noop,
-		d(detaching) {
-			if (detaching) detach(span);
-			if_block.d();
-		}
-	};
-}
-
-function instance($$self, $$props, $$invalidate) {
-	let sizeComputed;
-	let preloaderStyle;
-	let classes;
-	const omit_props_names = ["style","class","size"];
-	let $$restProps = compute_rest_props($$props, omit_props_names);
-	let { style = undefined } = $$props;
-	let { class: className = undefined } = $$props;
-	let { size = undefined } = $$props;
-
-	let theme = useTheme(t => {
-		$$invalidate(0, theme = t);
-	});
-
-	$$self.$$set = $$new_props => {
-		$$invalidate(8, $$props = assign(assign({}, $$props), exclude_internal_props($$new_props)));
-		$$invalidate(3, $$restProps = compute_rest_props($$props, omit_props_names));
-		if ("style" in $$new_props) $$invalidate(4, style = $$new_props.style);
-		if ("class" in $$new_props) $$invalidate(5, className = $$new_props.class);
-		if ("size" in $$new_props) $$invalidate(6, size = $$new_props.size);
-	};
-
-	$$self.$$.update = () => {
-		if ($$self.$$.dirty & /*size*/ 64) {
-			$: $$invalidate(7, sizeComputed = size && typeof size === "string" && size.indexOf("px") >= 0
-			? size.replace("px", "")
-			: size);
-		}
-
-		if ($$self.$$.dirty & /*style, sizeComputed*/ 144) {
-			$: $$invalidate(1, preloaderStyle = ((style || "") + (sizeComputed
-			? `;width: ${sizeComputed}px; height: ${sizeComputed}px; --f7-preloader-size: ${sizeComputed}px`
-			: "")).replace(";;", ";"));
-		}
-
-		$: $$invalidate(2, classes = classNames(className, "preloader", colorClasses($$props)));
-	};
-
-	$$props = exclude_internal_props($$props);
-
-	return [
-		theme,
-		preloaderStyle,
-		classes,
-		$$restProps,
-		style,
-		className,
-		size,
-		sizeComputed
-	];
-}
-
-class Preloader extends SvelteComponent {
-	constructor(options) {
-		super();
-		init(this, options, instance, create_fragment, safe_not_equal, { style: 4, class: 5, size: 6 });
-	}
-}
-
-export default Preloader;

package/esm/components/progressbar.js

@@ -1,146 +0,0 @@
-/* progressbar.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,
-	insert,
-	noop,
-	safe_not_equal,
-	set_attributes
-} from "svelte/internal";
-
-import { colorClasses } from "../shared/mixins";
-import { classNames } from "../shared/utils";
-import { restProps } from "../shared/rest-props";
-import { app } from "../shared/f7";
-
-function create_fragment(ctx) {
-	let span1;
-	let span0;
-
-	let span1_levels = [
-		{ class: /*classes*/ ctx[2] },
-		{ "data-progress": /*progress*/ ctx[0] },
-		restProps(/*$$restProps*/ ctx[4])
-	];
-
-	let span1_data = {};
-
-	for (let i = 0; i < span1_levels.length; i += 1) {
-		span1_data = assign(span1_data, span1_levels[i]);
-	}
-
-	return {
-		c() {
-			span1 = element("span");
-			span0 = element("span");
-			attr(span0, "style", /*transformStyle*/ ctx[3]);
-			set_attributes(span1, span1_data);
-		},
-		m(target, anchor) {
-			insert(target, span1, anchor);
-			append(span1, span0);
-			/*span1_binding*/ ctx[8](span1);
-		},
-		p(ctx, [dirty]) {
-			if (dirty & /*transformStyle*/ 8) {
-				attr(span0, "style", /*transformStyle*/ ctx[3]);
-			}
-
-			set_attributes(span1, span1_data = get_spread_update(span1_levels, [
-				dirty & /*classes*/ 4 && { class: /*classes*/ ctx[2] },
-				dirty & /*progress*/ 1 && { "data-progress": /*progress*/ ctx[0] },
-				dirty & /*$$restProps*/ 16 && restProps(/*$$restProps*/ ctx[4])
-			]));
-		},
-		i: noop,
-		o: noop,
-		d(detaching) {
-			if (detaching) detach(span1);
-			/*span1_binding*/ ctx[8](null);
-		}
-	};
-}
-
-function instance($$self, $$props, $$invalidate) {
-	let classes;
-	let transformStyle;
-	const omit_props_names = ["class","progress","infinite","set"];
-	let $$restProps = compute_rest_props($$props, omit_props_names);
-	let { class: className = undefined } = $$props;
-	let { progress = 0 } = $$props;
-	let { infinite = false } = $$props;
-	let el;
-
-	function set(progress, speed) {
-		if (!app.f7) return;
-		app.f7.progressbar.set(el, progress, speed);
-	}
-
-	function span1_binding($$value) {
-		binding_callbacks[$$value ? "unshift" : "push"](() => {
-			el = $$value;
-			$$invalidate(1, el);
-		});
-	}
-
-	$$self.$$set = $$new_props => {
-		$$invalidate(9, $$props = assign(assign({}, $$props), exclude_internal_props($$new_props)));
-		$$invalidate(4, $$restProps = compute_rest_props($$props, omit_props_names));
-		if ("class" in $$new_props) $$invalidate(5, className = $$new_props.class);
-		if ("progress" in $$new_props) $$invalidate(0, progress = $$new_props.progress);
-		if ("infinite" in $$new_props) $$invalidate(6, infinite = $$new_props.infinite);
-	};
-
-	$$self.$$.update = () => {
-		$: $$invalidate(2, classes = classNames(className, "progressbar", { "progressbar-infinite": infinite }, colorClasses($$props)));
-
-		if ($$self.$$.dirty & /*progress*/ 1) {
-			$: $$invalidate(3, transformStyle = {
-				transform: progress ? `translate3d(${-100 + progress}%, 0, 0)` : "",
-				WebkitTransform: progress ? `translate3d(${-100 + progress}%, 0, 0)` : ""
-			});
-		}
-	};
-
-	$$props = exclude_internal_props($$props);
-
-	return [
-		progress,
-		el,
-		classes,
-		transformStyle,
-		$$restProps,
-		className,
-		infinite,
-		set,
-		span1_binding
-	];
-}
-
-class Progressbar extends SvelteComponent {
-	constructor(options) {
-		super();
-
-		init(this, options, instance, create_fragment, safe_not_equal, {
-			class: 5,
-			progress: 0,
-			infinite: 6,
-			set: 7
-		});
-	}
-
-	get set() {
-		return this.$$.ctx[7];
-	}
-}
-
-export default Progressbar;