framework7-svelte 6.3.5 → 7.0.0-beta.4

package/cjs/components/text-editor.js

@@ -1,364 +0,0 @@
-/* text-editor.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, 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_root_slot_changes = dirty => ({
-	textEditor: dirty[0] & /*f7TextEditor*/ 2
-});
-
-const get_root_slot_context = ctx => ({ textEditor: /*f7TextEditor*/ ctx[1] });
-
-const get_root_end_slot_changes = dirty => ({
-	textEditor: dirty[0] & /*f7TextEditor*/ 2
-});
-
-const get_root_end_slot_context = ctx => ({ textEditor: /*f7TextEditor*/ ctx[1] });
-
-const get_default_slot_changes = dirty => ({
-	textEditor: dirty[0] & /*f7TextEditor*/ 2
-});
-
-const get_default_slot_context = ctx => ({ textEditor: /*f7TextEditor*/ ctx[1] });
-
-const get_root_start_slot_changes = dirty => ({
-	textEditor: dirty[0] & /*f7TextEditor*/ 2
-});
-
-const get_root_start_slot_context = ctx => ({ textEditor: /*f7TextEditor*/ ctx[1] });
-
-function create_fragment(ctx) {
-	let div1;
-	let t0;
-	let div0;
-	let t1;
-	let t2;
-	let current;
-	const root_start_slot_template = /*#slots*/ ctx[17]["root-start"];
-	const root_start_slot = create_slot(root_start_slot_template, ctx, /*$$scope*/ ctx[16], get_root_start_slot_context);
-	const default_slot_template = /*#slots*/ ctx[17].default;
-	const default_slot = create_slot(default_slot_template, ctx, /*$$scope*/ ctx[16], get_default_slot_context);
-	const root_end_slot_template = /*#slots*/ ctx[17]["root-end"];
-	const root_end_slot = create_slot(root_end_slot_template, ctx, /*$$scope*/ ctx[16], get_root_end_slot_context);
-	const root_slot_template = /*#slots*/ ctx[17].root;
-	const root_slot = create_slot(root_slot_template, ctx, /*$$scope*/ ctx[16], get_root_slot_context);
-	let div1_levels = [{ class: /*classes*/ ctx[2] }, restProps(/*$$restProps*/ ctx[3])];
-	let div1_data = {};
-
-	for (let i = 0; i < div1_levels.length; i += 1) {
-		div1_data = assign(div1_data, div1_levels[i]);
-	}
-
-	return {
-		c() {
-			div1 = element("div");
-			if (root_start_slot) root_start_slot.c();
-			t0 = space();
-			div0 = element("div");
-			if (default_slot) default_slot.c();
-			t1 = space();
-			if (root_end_slot) root_end_slot.c();
-			t2 = space();
-			if (root_slot) root_slot.c();
-			attr(div0, "class", "text-editor-content");
-			attr(div0, "contenteditable", "");
-			set_attributes(div1, div1_data);
-		},
-		m(target, anchor) {
-			insert(target, div1, anchor);
-
-			if (root_start_slot) {
-				root_start_slot.m(div1, null);
-			}
-
-			append(div1, t0);
-			append(div1, div0);
-
-			if (default_slot) {
-				default_slot.m(div0, null);
-			}
-
-			append(div1, t1);
-
-			if (root_end_slot) {
-				root_end_slot.m(div1, null);
-			}
-
-			append(div1, t2);
-
-			if (root_slot) {
-				root_slot.m(div1, null);
-			}
-
-			/*div1_binding*/ ctx[18](div1);
-			current = true;
-		},
-		p(ctx, dirty) {
-			if (root_start_slot) {
-				if (root_start_slot.p && (!current || dirty[0] & /*$$scope, f7TextEditor*/ 65538)) {
-					update_slot(root_start_slot, root_start_slot_template, ctx, /*$$scope*/ ctx[16], dirty, get_root_start_slot_changes, get_root_start_slot_context);
-				}
-			}
-
-			if (default_slot) {
-				if (default_slot.p && (!current || dirty[0] & /*$$scope, f7TextEditor*/ 65538)) {
-					update_slot(default_slot, default_slot_template, ctx, /*$$scope*/ ctx[16], dirty, get_default_slot_changes, get_default_slot_context);
-				}
-			}
-
-			if (root_end_slot) {
-				if (root_end_slot.p && (!current || dirty[0] & /*$$scope, f7TextEditor*/ 65538)) {
-					update_slot(root_end_slot, root_end_slot_template, ctx, /*$$scope*/ ctx[16], dirty, get_root_end_slot_changes, get_root_end_slot_context);
-				}
-			}
-
-			if (root_slot) {
-				if (root_slot.p && (!current || dirty[0] & /*$$scope, f7TextEditor*/ 65538)) {
-					update_slot(root_slot, root_slot_template, ctx, /*$$scope*/ ctx[16], dirty, get_root_slot_changes, get_root_slot_context);
-				}
-			}
-
-			set_attributes(div1, div1_data = get_spread_update(div1_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(root_start_slot, local);
-			transition_in(default_slot, local);
-			transition_in(root_end_slot, local);
-			transition_in(root_slot, local);
-			current = true;
-		},
-		o(local) {
-			transition_out(root_start_slot, local);
-			transition_out(default_slot, local);
-			transition_out(root_end_slot, local);
-			transition_out(root_slot, local);
-			current = false;
-		},
-		d(detaching) {
-			if (detaching) detach(div1);
-			if (root_start_slot) root_start_slot.d(detaching);
-			if (default_slot) default_slot.d(detaching);
-			if (root_end_slot) root_end_slot.d(detaching);
-			if (root_slot) root_slot.d(detaching);
-			/*div1_binding*/ ctx[18](null);
-		}
-	};
-}
-
-function instance_1($$self, $$props, $$invalidate) {
-	let classes;
-
-	const omit_props_names = [
-		"class","mode","value","buttons","customButtons","dividers","imageUrlText","linkUrlText","placeholder","clearFormattingOnPaste","resizable","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 { mode = undefined } = $$props;
-	let { value = undefined } = $$props;
-	let { buttons = undefined } = $$props;
-	let { customButtons = undefined } = $$props;
-	let { dividers = undefined } = $$props;
-	let { imageUrlText = undefined } = $$props;
-	let { linkUrlText = undefined } = $$props;
-	let { placeholder = undefined } = $$props;
-	let { clearFormattingOnPaste = undefined } = $$props;
-	let { resizable = false } = $$props;
-	let el;
-	let f7TextEditor;
-
-	function instance() {
-		return f7TextEditor;
-	}
-
-	function watchValue(newValue) {
-		if (f7TextEditor) {
-			f7TextEditor.setValue(newValue);
-		}
-	}
-
-	function onChange(editor, editorValue) {
-		emit("textEditorChange", [editorValue]);
-	}
-
-	function onInput(editor, editorValue) {
-		emit("textEditorInput", [editorValue]);
-	}
-
-	function onFocus() {
-		emit("textEditorFocus");
-	}
-
-	function onBlur() {
-		emit("textEditorBlur");
-	}
-
-	function onButtonClick(editor, button) {
-		emit("textEditorButtonClick", [button]);
-	}
-
-	function onKeyboardOpen() {
-		emit("textEditorKeyboardOpen");
-	}
-
-	function onKeyboardClose() {
-		emit("textEditorKeyboardClose");
-	}
-
-	function onPopoverOpen() {
-		emit("textEditorPopoverOpen");
-	}
-
-	function onPopoverClose() {
-		emit("textEditorPopoverClose");
-	}
-
-	const onInsertLink = (editor, url) => {
-		emit("textEditorInsertLink", [url]);
-	};
-
-	const onInsertImage = (editor, url) => {
-		emit("textEditorInsertImage", [url]);
-	};
-
-	onMount(() => {
-		const params = noUndefinedProps({
-			el,
-			mode,
-			value,
-			buttons,
-			customButtons,
-			dividers,
-			imageUrlText,
-			linkUrlText,
-			placeholder,
-			clearFormattingOnPaste,
-			on: {
-				change: onChange,
-				input: onInput,
-				focus: onFocus,
-				blur: onBlur,
-				buttonClick: onButtonClick,
-				keyboardOpen: onKeyboardOpen,
-				keyboardClose: onKeyboardClose,
-				popoverOpen: onPopoverOpen,
-				popoverClose: onPopoverClose,
-				insertLink: onInsertLink,
-				insertImage: onInsertImage
-			}
-		});
-
-		f7ready(() => {
-			$$invalidate(1, f7TextEditor = app.f7.textEditor.create(params));
-		});
-	});
-
-	onDestroy(() => {
-		if (f7TextEditor && f7TextEditor.destroy) {
-			f7TextEditor.destroy();
-			$$invalidate(1, f7TextEditor = null);
-		}
-	});
-
-	function div1_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(4, className = $$new_props.class);
-		if ("mode" in $$new_props) $$invalidate(5, mode = $$new_props.mode);
-		if ("value" in $$new_props) $$invalidate(6, value = $$new_props.value);
-		if ("buttons" in $$new_props) $$invalidate(7, buttons = $$new_props.buttons);
-		if ("customButtons" in $$new_props) $$invalidate(8, customButtons = $$new_props.customButtons);
-		if ("dividers" in $$new_props) $$invalidate(9, dividers = $$new_props.dividers);
-		if ("imageUrlText" in $$new_props) $$invalidate(10, imageUrlText = $$new_props.imageUrlText);
-		if ("linkUrlText" in $$new_props) $$invalidate(11, linkUrlText = $$new_props.linkUrlText);
-		if ("placeholder" in $$new_props) $$invalidate(12, placeholder = $$new_props.placeholder);
-		if ("clearFormattingOnPaste" in $$new_props) $$invalidate(13, clearFormattingOnPaste = $$new_props.clearFormattingOnPaste);
-		if ("resizable" in $$new_props) $$invalidate(14, resizable = $$new_props.resizable);
-		if ("$$scope" in $$new_props) $$invalidate(16, $$scope = $$new_props.$$scope);
-	};
-
-	$$self.$$.update = () => {
-		$: $$invalidate(2, classes = classNames(className, "text-editor", resizable && "text-editor-resizable", colorClasses($$props)));
-
-		if ($$self.$$.dirty[0] & /*value*/ 64) {
-			$: watchValue(value);
-		}
-	};
-
-	$$props = exclude_internal_props($$props);
-
-	return [
-		el,
-		f7TextEditor,
-		classes,
-		$$restProps,
-		className,
-		mode,
-		value,
-		buttons,
-		customButtons,
-		dividers,
-		imageUrlText,
-		linkUrlText,
-		placeholder,
-		clearFormattingOnPaste,
-		resizable,
-		instance,
-		$$scope,
-		slots,
-		div1_binding
-	];
-}
-
-class Text_editor extends SvelteComponent {
-	constructor(options) {
-		super();
-
-		init(
-			this,
-			options,
-			instance_1,
-			create_fragment,
-			safe_not_equal,
-			{
-				class: 4,
-				mode: 5,
-				value: 6,
-				buttons: 7,
-				customButtons: 8,
-				dividers: 9,
-				imageUrlText: 10,
-				linkUrlText: 11,
-				placeholder: 12,
-				clearFormattingOnPaste: 13,
-				resizable: 14,
-				instance: 15
-			},
-			[-1, -1]
-		);
-	}
-
-	get instance() {
-		return this.$$.ctx[15];
-	}
-}
-
-exports.default = Text_editor;

package/cjs/components/toggle.js

@@ -1,259 +0,0 @@
-/* toggle.svelte generated by Svelte v3.38.2 */
-"use strict";
-
-const { SvelteComponent, action_destroyer, append, assign, attr, binding_callbacks, compute_rest_props, detach, element, exclude_internal_props, get_spread_update, init: init_1, insert, is_function, listen, noop, run_all, safe_not_equal, set_attributes, space } = require("svelte/internal");
-const { createEventDispatcher, onMount, onDestroy } = require("svelte");
-const { colorClasses } = require("../shared/mixins");
-const { classNames, createEmitter } = require("../shared/utils");
-const { restProps } = require("../shared/rest-props");
-const { app, f7ready } = require("../shared/f7");
-const { useTooltip } = require("../shared/use-tooltip");
-
-function create_fragment(ctx) {
-	let label;
-	let input;
-	let input_value_value;
-	let t;
-	let span;
-	let useTooltip_action;
-	let mounted;
-	let dispose;
-	let label_levels = [{ class: /*classes*/ ctx[9] }, restProps(/*$$restProps*/ ctx[11])];
-	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");
-			t = space();
-			span = element("span");
-			attr(input, "type", "checkbox");
-			attr(input, "name", /*name*/ ctx[3]);
-			input.disabled = /*disabled*/ ctx[1];
-			input.readOnly = /*readonly*/ ctx[2];
-			input.checked = /*checked*/ ctx[0];
-
-			input.value = input_value_value = typeof /*value*/ ctx[4] === "undefined"
-			? ""
-			: /*value*/ ctx[4];
-
-			attr(span, "class", "toggle-icon");
-			set_attributes(label, label_data);
-		},
-		m(target, anchor) {
-			insert(target, label, anchor);
-			append(label, input);
-			/*input_binding*/ ctx[15](input);
-			append(label, t);
-			append(label, span);
-			/*label_binding*/ ctx[16](label);
-
-			if (!mounted) {
-				dispose = [
-					listen(input, "change", /*onChange*/ ctx[10]),
-					action_destroyer(useTooltip_action = useTooltip.call(null, label, {
-						tooltip: /*tooltip*/ ctx[5],
-						tooltipTrigger: /*tooltipTrigger*/ ctx[6]
-					}))
-				];
-
-				mounted = true;
-			}
-		},
-		p(ctx, [dirty]) {
-			if (dirty & /*name*/ 8) {
-				attr(input, "name", /*name*/ ctx[3]);
-			}
-
-			if (dirty & /*disabled*/ 2) {
-				input.disabled = /*disabled*/ ctx[1];
-			}
-
-			if (dirty & /*readonly*/ 4) {
-				input.readOnly = /*readonly*/ ctx[2];
-			}
-
-			if (dirty & /*checked*/ 1) {
-				input.checked = /*checked*/ ctx[0];
-			}
-
-			if (dirty & /*value*/ 16 && input_value_value !== (input_value_value = typeof /*value*/ ctx[4] === "undefined"
-			? ""
-			: /*value*/ ctx[4])) {
-				input.value = input_value_value;
-			}
-
-			set_attributes(label, label_data = get_spread_update(label_levels, [
-				dirty & /*classes*/ 512 && { class: /*classes*/ ctx[9] },
-				dirty & /*$$restProps*/ 2048 && restProps(/*$$restProps*/ ctx[11])
-			]));
-
-			if (useTooltip_action && is_function(useTooltip_action.update) && dirty & /*tooltip, tooltipTrigger*/ 96) useTooltip_action.update.call(null, {
-				tooltip: /*tooltip*/ ctx[5],
-				tooltipTrigger: /*tooltipTrigger*/ ctx[6]
-			});
-		},
-		i: noop,
-		o: noop,
-		d(detaching) {
-			if (detaching) detach(label);
-			/*input_binding*/ ctx[15](null);
-			/*label_binding*/ ctx[16](null);
-			mounted = false;
-			run_all(dispose);
-		}
-	};
-}
-
-function instance_1($$self, $$props, $$invalidate) {
-	let classes;
-
-	const omit_props_names = [
-		"class","init","checked","disabled","readonly","name","value","tooltip","tooltipTrigger","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 { checked = undefined } = $$props;
-	let { disabled = undefined } = $$props;
-	let { readonly = undefined } = $$props;
-	let { name = undefined } = $$props;
-	let { value = undefined } = $$props;
-	let { tooltip = undefined } = $$props;
-	let { tooltipTrigger = undefined } = $$props;
-	let el;
-	let inputEl;
-	let f7Toggle;
-
-	function instance() {
-		return f7Toggle;
-	}
-
-	let initialWatched = false;
-
-	function watchChecked(isChecked) {
-		if (!initialWatched) {
-			initialWatched = true;
-			return;
-		}
-
-		if (!f7Toggle) return;
-		f7Toggle.checked = isChecked;
-	}
-
-	function onChange(event) {
-		emit("change", [event]);
-	}
-
-	onMount(() => {
-		if (!init) return;
-
-		f7ready(() => {
-			f7Toggle = app.f7.toggle.create({
-				el,
-				on: {
-					change(toggle) {
-						emit("toggleChange", [toggle.checked]);
-						$$invalidate(0, checked = toggle.checked);
-					}
-				}
-			});
-		});
-	});
-
-	onDestroy(() => {
-		if (f7Toggle && f7Toggle.destroy && f7Toggle.$el) {
-			f7Toggle.destroy();
-			f7Toggle = null;
-		}
-	});
-
-	function input_binding($$value) {
-		binding_callbacks[$$value ? "unshift" : "push"](() => {
-			inputEl = $$value;
-			$$invalidate(8, inputEl);
-		});
-	}
-
-	function label_binding($$value) {
-		binding_callbacks[$$value ? "unshift" : "push"](() => {
-			el = $$value;
-			$$invalidate(7, el);
-		});
-	}
-
-	$$self.$$set = $$new_props => {
-		$$invalidate(21, $$props = assign(assign({}, $$props), exclude_internal_props($$new_props)));
-		$$invalidate(11, $$restProps = compute_rest_props($$props, omit_props_names));
-		if ("class" in $$new_props) $$invalidate(12, className = $$new_props.class);
-		if ("init" in $$new_props) $$invalidate(13, init = $$new_props.init);
-		if ("checked" in $$new_props) $$invalidate(0, checked = $$new_props.checked);
-		if ("disabled" in $$new_props) $$invalidate(1, disabled = $$new_props.disabled);
-		if ("readonly" in $$new_props) $$invalidate(2, readonly = $$new_props.readonly);
-		if ("name" in $$new_props) $$invalidate(3, name = $$new_props.name);
-		if ("value" in $$new_props) $$invalidate(4, value = $$new_props.value);
-		if ("tooltip" in $$new_props) $$invalidate(5, tooltip = $$new_props.tooltip);
-		if ("tooltipTrigger" in $$new_props) $$invalidate(6, tooltipTrigger = $$new_props.tooltipTrigger);
-	};
-
-	$$self.$$.update = () => {
-		$: $$invalidate(9, classes = classNames("toggle", className, { disabled }, colorClasses($$props)));
-
-		if ($$self.$$.dirty & /*checked*/ 1) {
-			$: watchChecked(checked);
-		}
-	};
-
-	$$props = exclude_internal_props($$props);
-
-	return [
-		checked,
-		disabled,
-		readonly,
-		name,
-		value,
-		tooltip,
-		tooltipTrigger,
-		el,
-		inputEl,
-		classes,
-		onChange,
-		$$restProps,
-		className,
-		init,
-		instance,
-		input_binding,
-		label_binding
-	];
-}
-
-class Toggle extends SvelteComponent {
-	constructor(options) {
-		super();
-
-		init_1(this, options, instance_1, create_fragment, safe_not_equal, {
-			class: 12,
-			init: 13,
-			checked: 0,
-			disabled: 1,
-			readonly: 2,
-			name: 3,
-			value: 4,
-			tooltip: 5,
-			tooltipTrigger: 6,
-			instance: 14
-		});
-	}
-
-	get instance() {
-		return this.$$.ctx[14];
-	}
-}
-
-exports.default = Toggle;