@max-ts/svelte 1.7.3 → 1.8.0

package/dist/components/Field/FieldSet/styles.css.js

@@ -1,4 +1,4 @@
-import "./../../../assets/src/theme.css.ts.vanilla-HT3RGHeI.css";
+import "./../../../assets/src/theme.css.ts.vanilla-DlH7Hr_5.css";
 import "./../../../assets/src/components/Field/FieldSet/styles.css.ts.vanilla-Bp8cZwZK.css";
 
 //#region src/components/Field/FieldSet/styles.css.ts

package/dist/components/Field/Group/styles.css.js

@@ -1,4 +1,4 @@
-import "./../../../assets/src/theme.css.ts.vanilla-HT3RGHeI.css";
+import "./../../../assets/src/theme.css.ts.vanilla-DlH7Hr_5.css";
 import "./../../../assets/src/components/Field/Group/styles.css.ts.vanilla-DmOIH8vN.css";
 
 //#region src/components/Field/Group/styles.css.ts

package/dist/components/Field/Label/styles.css.js

@@ -1,5 +1,5 @@
-import "./../../../assets/src/theme.css.ts.vanilla-HT3RGHeI.css";
-import "./../../../assets/src/components/Field/Label/styles.css.ts.vanilla-D_EWCO3b.css";
+import "./../../../assets/src/theme.css.ts.vanilla-DlH7Hr_5.css";
+import "./../../../assets/src/components/Field/Label/styles.css.ts.vanilla-Dg5c3RRL.css";
 
 //#region src/components/Field/Label/styles.css.ts
 var __default__ = { root: "styles_root__10hsf2y0" };

package/dist/components/Field/Legend/styles.css.js

@@ -1,4 +1,4 @@
-import "./../../../assets/src/theme.css.ts.vanilla-HT3RGHeI.css";
+import "./../../../assets/src/theme.css.ts.vanilla-DlH7Hr_5.css";
 import "./../../../assets/src/components/Field/Legend/styles.css.ts.vanilla-Z0EOdgnf.css";
 
 //#region src/components/Field/Legend/styles.css.ts

package/dist/components/Field/Separator/styles.css.js

@@ -1,4 +1,4 @@
-import "./../../../assets/src/theme.css.ts.vanilla-HT3RGHeI.css";
+import "./../../../assets/src/theme.css.ts.vanilla-DlH7Hr_5.css";
 import "./../../../assets/src/components/Field/Separator/styles.css.ts.vanilla-DdVu6Yid.css";
 
 //#region src/components/Field/Separator/styles.css.ts

package/dist/components/Field/Title/styles.css.js

@@ -1,4 +1,4 @@
-import "./../../../assets/src/theme.css.ts.vanilla-HT3RGHeI.css";
+import "./../../../assets/src/theme.css.ts.vanilla-DlH7Hr_5.css";
 import "./../../../assets/src/components/Field/Title/styles.css.ts.vanilla-ClIiAxyc.css";
 
 //#region src/components/Field/Title/styles.css.ts

package/dist/components/Field/styles.css.js

@@ -1,4 +1,4 @@
-import "./../../assets/src/theme.css.ts.vanilla-HT3RGHeI.css";
+import "./../../assets/src/theme.css.ts.vanilla-DlH7Hr_5.css";
 import "./../../assets/src/components/Field/styles.css.ts.vanilla-pJeVGP3o.css";
 
 //#region src/components/Field/styles.css.ts

package/dist/components/Input/styles.css.js

@@ -1,5 +1,5 @@
-import "./../../assets/src/theme.css.ts.vanilla-HT3RGHeI.css";
-import "./../../assets/src/components/Input/styles.css.ts.vanilla-1iD2bcUY.css";
+import "./../../assets/src/theme.css.ts.vanilla-DlH7Hr_5.css";
+import "./../../assets/src/components/Input/styles.css.ts.vanilla-OTgWCLQT.css";
 
 //#region src/components/Input/styles.css.ts
 var __default__ = {

package/dist/components/InputGroup/Addon/styles.css.js

@@ -1,5 +1,5 @@
-import "./../../../assets/src/theme.css.ts.vanilla-HT3RGHeI.css";
-import "./../../../assets/src/components/InputGroup/Addon/styles.css.ts.vanilla-CyiC_NQA.css";
+import "./../../../assets/src/theme.css.ts.vanilla-DlH7Hr_5.css";
+import "./../../../assets/src/components/InputGroup/Addon/styles.css.ts.vanilla-BZlnHdwv.css";
 
 //#region src/components/InputGroup/Addon/styles.css.ts
 var align = {

package/dist/components/InputGroup/Button/styles.css.js

@@ -1,5 +1,5 @@
-import "./../../../assets/src/theme.css.ts.vanilla-HT3RGHeI.css";
-import "./../../../assets/src/components/InputGroup/Button/styles.css.ts.vanilla-DPmQhx2j.css";
+import "./../../../assets/src/theme.css.ts.vanilla-DlH7Hr_5.css";
+import "./../../../assets/src/components/InputGroup/Button/styles.css.ts.vanilla-CyEiw7bW.css";
 
 //#region src/components/InputGroup/Button/styles.css.ts
 var sizes = {

package/dist/components/InputGroup/Input/styles.css.js

@@ -1,4 +1,4 @@
-import "./../../../assets/src/theme.css.ts.vanilla-HT3RGHeI.css";
+import "./../../../assets/src/theme.css.ts.vanilla-DlH7Hr_5.css";
 import "./../../../assets/src/components/InputGroup/Input/styles.css.ts.vanilla-Dkc417RX.css";
 
 //#region src/components/InputGroup/Input/styles.css.ts

package/dist/components/InputGroup/Text/styles.css.js

@@ -1,4 +1,4 @@
-import "./../../../assets/src/theme.css.ts.vanilla-HT3RGHeI.css";
+import "./../../../assets/src/theme.css.ts.vanilla-DlH7Hr_5.css";
 import "./../../../assets/src/components/InputGroup/Text/styles.css.ts.vanilla-Bu6aVU98.css";
 
 //#region src/components/InputGroup/Text/styles.css.ts

package/dist/components/InputGroup/Textarea/styles.css.js

@@ -1,4 +1,4 @@
-import "./../../../assets/src/theme.css.ts.vanilla-HT3RGHeI.css";
+import "./../../../assets/src/theme.css.ts.vanilla-DlH7Hr_5.css";
 import "./../../../assets/src/components/InputGroup/Textarea/styles.css.ts.vanilla-DIqtGbwz.css";
 
 //#region src/components/InputGroup/Textarea/styles.css.ts

package/dist/components/InputGroup/styles.css.js

@@ -1,5 +1,5 @@
-import "./../../assets/src/theme.css.ts.vanilla-HT3RGHeI.css";
-import "./../../assets/src/components/InputGroup/styles.css.ts.vanilla-D7Moo4H4.css";
+import "./../../assets/src/theme.css.ts.vanilla-DlH7Hr_5.css";
+import "./../../assets/src/components/InputGroup/styles.css.ts.vanilla-DNARUupj.css";
 
 //#region src/components/InputGroup/styles.css.ts
 var __default__ = { container: "styles_container__rl3s4j0" };

package/dist/components/Item/styles.css.js

@@ -1,5 +1,5 @@
-import "./../../assets/src/theme.css.ts.vanilla-HT3RGHeI.css";
-import "./../../assets/src/components/Item/styles.css.ts.vanilla-DqNzx9T_.css";
+import "./../../assets/src/theme.css.ts.vanilla-DlH7Hr_5.css";
+import "./../../assets/src/components/Item/styles.css.ts.vanilla-CvQd4vT5.css";
 
 //#region src/components/Item/styles.css.ts
 var __default__ = {

package/dist/components/Label/styles.css.js

@@ -1,4 +1,4 @@
-import "./../../assets/src/theme.css.ts.vanilla-HT3RGHeI.css";
+import "./../../assets/src/theme.css.ts.vanilla-DlH7Hr_5.css";
 import "./../../assets/src/components/Label/styles.css.ts.vanilla-QYh88Z8m.css";
 
 //#region src/components/Label/styles.css.ts

package/dist/components/Placeholder/Image/Image.js

@@ -6,16 +6,18 @@ import * as $ from "svelte/internal/client";
 var root = $.from_html(`<img/>`);
 function Image($$anchor, $$props) {
 	$.push($$props, true);
-	let size = $.prop($$props, "size", 3, "medium"), restProps = $.rest_props($$props, [
+	let size = $.prop($$props, "size", 3, "medium"), altAttr = $.prop($$props, "alt", 3, ""), restProps = $.rest_props($$props, [
 		"$$slots",
 		"$$events",
 		"$$legacy",
 		"class",
-		"size"
+		"size",
+		"alt"
 	]);
 	var img = root();
 	$.attribute_effect(img, () => ({
 		...restProps,
+		alt: altAttr(),
 		class: [
 			__default__.wrapper,
 			__default__.sizes[size()],

package/dist/components/Placeholder/Image/styles.css.js

@@ -1,4 +1,4 @@
-import "./../../../assets/src/theme.css.ts.vanilla-HT3RGHeI.css";
+import "./../../../assets/src/theme.css.ts.vanilla-DlH7Hr_5.css";
 import "./../../../assets/src/components/Placeholder/Image/styles.css.ts.vanilla-BTheqLgl.css";
 
 //#region src/components/Placeholder/Image/styles.css.ts

package/dist/components/Placeholder/styles.css.js

@@ -1,4 +1,4 @@
-import "./../../assets/src/theme.css.ts.vanilla-HT3RGHeI.css";
+import "./../../assets/src/theme.css.ts.vanilla-DlH7Hr_5.css";
 import "./../../assets/src/components/Placeholder/styles.css.ts.vanilla-D0kFn6PA.css";
 
 //#region src/components/Placeholder/styles.css.ts

package/dist/components/Popover/styles.css.js

@@ -1,5 +1,5 @@
-import "./../../assets/src/theme.css.ts.vanilla-HT3RGHeI.css";
-import "./../../assets/src/components/Popover/styles.css.ts.vanilla-CAA2wPSI.css";
+import "./../../assets/src/theme.css.ts.vanilla-DlH7Hr_5.css";
+import "./../../assets/src/components/Popover/styles.css.ts.vanilla-Bx7MQlFx.css";
 
 //#region src/components/Popover/styles.css.ts
 var __default__ = {

package/dist/components/RangeInput/RangeInput.js

@@ -148,6 +148,9 @@ function RangeInput($$anchor, $$props) {
 			get class() {
 				return __default__.slider;
 			},
+			get trackClass() {
+				return __default__.track;
+			},
 			type: "multiple",
 			get value() {
 				return $.get($0);

package/dist/components/RangeInput/styles.css.d.ts

@@ -7,5 +7,6 @@ declare const _default: {
     input: string;
     slider: string;
     fullWidth: string;
+    track: string;
 };
 export default _default;

package/dist/components/RangeInput/styles.css.js

@@ -1,5 +1,5 @@
-import "./../../assets/src/theme.css.ts.vanilla-HT3RGHeI.css";
-import "./../../assets/src/components/RangeInput/styles.css.ts.vanilla-B14tcXWf.css";
+import "./../../assets/src/theme.css.ts.vanilla-DlH7Hr_5.css";
+import "./../../assets/src/components/RangeInput/styles.css.ts.vanilla-CoGxbKI0.css";
 
 //#region src/components/RangeInput/styles.css.ts
 var __default__ = {
@@ -13,7 +13,8 @@ var __default__ = {
 	text: "styles_text__14rk0zx6",
 	input: "styles_input__14rk0zx7",
 	slider: "styles_slider__14rk0zx8",
-	fullWidth: "styles_fullWidth__14rk0zx1"
+	fullWidth: "styles_fullWidth__14rk0zx1",
+	track: "styles_track__14rk0zx9"
 };
 
 //#endregion

package/dist/components/ScalableContainer/ScalableContainer.js

@@ -0,0 +1,177 @@
+import Button from "../Button/Button.js";
+import { ButtonGroup } from "../ButtonGroup/index.js";
+import __default__ from "./styles.css.js";
+import { ScalableContainerStore } from "./store.svelte.js";
+import "svelte/internal/disclose-version";
+import * as $ from "svelte/internal/client";
+import { RotateCcw, ZoomIn, ZoomOut } from "@lucide/svelte";
+
+//#region src/components/ScalableContainer/ScalableContainer.svelte
+var root_2 = $.from_html(`<!> <!> <!>`, 1);
+var root = $.from_html(`<div><!> <div> </div> <div><!></div></div>`);
+function ScalableContainer($$anchor, $$props) {
+	$.push($$props, true);
+	let initialScale = $.prop($$props, "initialScale", 3, 1), minScale = $.prop($$props, "minScale", 3, .1), maxScale = $.prop($$props, "maxScale", 3, 4), showToolbar = $.prop($$props, "showToolbar", 3, false), restProps = $.rest_props($$props, [
+		"$$slots",
+		"$$events",
+		"$$legacy",
+		"initialScale",
+		"minScale",
+		"maxScale",
+		"showToolbar",
+		"class",
+		"onScaleChanged",
+		"onPositionChanged",
+		"children"
+	]);
+	const store = new ScalableContainerStore({
+		get initialScale() {
+			return initialScale();
+		},
+		get minScale() {
+			return minScale();
+		},
+		get maxScale() {
+			return maxScale();
+		},
+		get onScaleChanged() {
+			return $$props.onScaleChanged;
+		},
+		get onPositionChanged() {
+			return $$props.onPositionChanged;
+		}
+	});
+	function onpointerdown(e) {
+		e.currentTarget.setPointerCapture(e.pointerId);
+		store.startDrag(e.pointerId, e.clientX, e.clientY);
+	}
+	function onpointermove(e) {
+		store.moveDrag(e.pointerId, e.clientX, e.clientY);
+	}
+	function onpointerup(e) {
+		store.endDrag(e.pointerId);
+	}
+	function ontouchstart(e) {
+		if (e.touches.length === 2) store.startPinch(e.touches[0], e.touches[1]);
+	}
+	function ontouchmove(e) {
+		if (e.touches.length === 2) {
+			e.preventDefault();
+			store.movePinch(e.touches[0], e.touches[1]);
+		}
+	}
+	function ontouchend() {
+		store.endPinch();
+	}
+	function onwheel(e) {
+		const metaKey = e.metaKey || e.ctrlKey;
+		if (metaKey) e.preventDefault();
+		store.wheel(e.deltaY, metaKey);
+	}
+	var div = root();
+	$.attribute_effect(div, () => ({
+		class: [__default__.viewport, $$props.class],
+		onwheel,
+		...restProps,
+		[$.STYLE]: { cursor: store.cursor }
+	}));
+	var node = $.child(div);
+	var consequent = ($$anchor) => {
+		var fragment = $.comment();
+		var node_1 = $.first_child(fragment);
+		$.component(node_1, () => ButtonGroup.Root, ($$anchor, ButtonGroup_Root) => {
+			ButtonGroup_Root($$anchor, {
+				orientation: "vertical",
+				get class() {
+					return __default__.toolbar;
+				},
+				children: ($$anchor, $$slotProps) => {
+					var fragment_1 = root_2();
+					var node_2 = $.first_child(fragment_1);
+					Button(node_2, {
+						get onclick() {
+							return store.reset;
+						},
+						size: "iconSmall",
+						title: "Сбросить",
+						variant: "outline",
+						children: ($$anchor, $$slotProps) => {
+							RotateCcw($$anchor, {});
+						},
+						$$slots: { default: true }
+					});
+					var node_3 = $.sibling(node_2, 2);
+					Button(node_3, {
+						get onclick() {
+							return store.zoomOut;
+						},
+						size: "iconSmall",
+						title: "Уменьшить",
+						variant: "outline",
+						children: ($$anchor, $$slotProps) => {
+							ZoomOut($$anchor, {});
+						},
+						$$slots: { default: true }
+					});
+					Button($.sibling(node_3, 2), {
+						get onclick() {
+							return store.zoomIn;
+						},
+						size: "iconSmall",
+						title: "Увеличить",
+						variant: "outline",
+						children: ($$anchor, $$slotProps) => {
+							ZoomIn($$anchor, {});
+						},
+						$$slots: { default: true }
+					});
+					$.append($$anchor, fragment_1);
+				},
+				$$slots: { default: true }
+			});
+		});
+		$.append($$anchor, fragment);
+	};
+	$.if(node, ($$render) => {
+		if (showToolbar()) $$render(consequent);
+	});
+	var div_1 = $.sibling(node, 2);
+	var text = $.child(div_1);
+	$.reset(div_1);
+	var div_2 = $.sibling(div_1, 2);
+	let styles_1;
+	var node_5 = $.child(div_2);
+	$.snippet(node_5, () => $$props.children ?? $.noop);
+	$.reset(div_2);
+	$.reset(div);
+	$.template_effect(() => {
+		$.set_class(div_1, 1, $.clsx(__default__.overlay));
+		$.set_attribute(div_1, "data-visible", store.showOverlay);
+		$.set_text(text, `Используйте ${store.meta ?? ""} + колесо для масштабирования.`);
+		$.set_class(div_2, 1, $.clsx(__default__.contentWrapper));
+		styles_1 = $.set_style(div_2, "", styles_1, {
+			transform: store.trnsform,
+			transition: store.transition
+		});
+	});
+	$.delegated("pointerdown", div_2, onpointerdown);
+	$.delegated("pointermove", div_2, onpointermove);
+	$.delegated("pointerup", div_2, onpointerup);
+	$.event("pointercancel", div_2, onpointerup);
+	$.delegated("touchstart", div_2, ontouchstart, void 0, true);
+	$.delegated("touchmove", div_2, ontouchmove, void 0, true);
+	$.delegated("touchend", div_2, ontouchend);
+	$.append($$anchor, div);
+	$.pop();
+}
+$.delegate([
+	"pointerdown",
+	"pointermove",
+	"pointerup",
+	"touchstart",
+	"touchmove",
+	"touchend"
+]);
+
+//#endregion
+export { ScalableContainer as default };

package/dist/components/ScalableContainer/ScalableContainer.svelte.d.ts

@@ -0,0 +1,4 @@
+import type { ScalableContainerProps } from './types';
+declare const ScalableContainer: import("svelte").Component<ScalableContainerProps, {}, "">;
+type ScalableContainer = ReturnType<typeof ScalableContainer>;
+export default ScalableContainer;

package/dist/components/ScalableContainer/index.d.ts

@@ -0,0 +1,2 @@
+export { default as ScalableContainer } from './ScalableContainer.svelte';
+export * from './types';

package/dist/components/ScalableContainer/store.svelte.d.ts

@@ -0,0 +1,34 @@
+import type { ScalableContainerProps } from './types';
+export interface Position {
+    x: number;
+    y: number;
+}
+export declare class ScalableContainerStore {
+    #private;
+    readonly initialScale: number;
+    readonly minScale: number;
+    readonly maxScale: number;
+    readonly meta: string;
+    scale: number;
+    position: Position;
+    showOverlay: boolean;
+    pointers: Map<number, {
+        x: number;
+        y: number;
+    }>;
+    trnsform: string;
+    transition: string;
+    cursor: string;
+    constructor(props: Pick<ScalableContainerProps, 'initialScale' | 'minScale' | 'maxScale' | 'onScaleChanged' | 'onPositionChanged'>);
+    zoomIn: () => void;
+    zoomOut: () => void;
+    reset: () => void;
+    center: () => void;
+    startDrag: (pointerId: number, x: number, y: number) => void;
+    moveDrag: (pointerId: number, x: number, y: number) => void;
+    endDrag: (pointerId: number) => void;
+    startPinch: (t1: Touch, t2: Touch) => void;
+    movePinch: (t1: Touch, t2: Touch) => void;
+    endPinch: () => void;
+    wheel: (deltaY: number, metaKey: boolean) => void;
+}

package/dist/components/ScalableContainer/store.svelte.js

@@ -0,0 +1,125 @@
+//#region src/components/ScalableContainer/store.svelte.ts
+var ScalableContainerStore = class {
+	initialScale;
+	minScale;
+	maxScale;
+	meta;
+	#onScaleChanged;
+	#onPositionChanged;
+	scale = $state(1);
+	position = $state({
+		x: 0,
+		y: 0
+	});
+	#isDragging = $state(false);
+	showOverlay = $state(false);
+	#dragStart = {
+		x: 0,
+		y: 0
+	};
+	#activePointers = /* @__PURE__ */ new Map();
+	#initialPinchDistance = 0;
+	#initialPinchScale = 1;
+	pointers = $derived(this.#activePointers);
+	trnsform = $derived(`translate(${this.position.x}px, ${this.position.y}px) scale(${this.scale})`);
+	transition = $derived(this.#isDragging ? "none" : "transform 0.1s ease-out");
+	cursor = $derived(this.#isDragging ? "grabbing" : "grab");
+	constructor(props) {
+		this.initialScale = props.initialScale ?? 1;
+		this.scale = props.initialScale ?? 1;
+		this.minScale = props.minScale ?? .1;
+		this.maxScale = props.maxScale ?? 4;
+		this.#onScaleChanged = props.onScaleChanged;
+		this.#onPositionChanged = props.onPositionChanged;
+		this.meta = typeof window !== "undefined" && window.navigator && /Mac/i.test(navigator.userAgent) ? "⌘" : "ctrl";
+	}
+	#setScale = (value) => {
+		this.scale = Math.max(this.minScale, Math.min(this.maxScale, value));
+		this.#onScaleChanged?.(this.scale);
+	};
+	#setPosition = (pos) => {
+		this.position = pos;
+		this.#onPositionChanged?.(pos);
+	};
+	zoomIn = () => {
+		this.#setScale(this.scale * 1.5);
+	};
+	zoomOut = () => {
+		this.#setScale(this.scale / 1.5);
+	};
+	reset = () => {
+		this.#setScale(this.initialScale);
+		this.#setPosition({
+			x: 0,
+			y: 0
+		});
+	};
+	center = () => {
+		this.#setPosition({
+			x: 0,
+			y: 0
+		});
+	};
+	startDrag = (pointerId, x, y) => {
+		this.#activePointers.set(pointerId, {
+			x,
+			y
+		});
+		if (this.#activePointers.size === 1) {
+			this.#isDragging = true;
+			this.#dragStart = {
+				x: x - this.position.x,
+				y: y - this.position.y
+			};
+		}
+	};
+	moveDrag = (pointerId, x, y) => {
+		if (!this.#activePointers.has(pointerId)) return;
+		this.#activePointers.set(pointerId, {
+			x,
+			y
+		});
+		if (this.#activePointers.size === 1) this.#setPosition({
+			x: x - this.#dragStart.x,
+			y: y - this.#dragStart.y
+		});
+	};
+	endDrag = (pointerId) => {
+		this.#isDragging = false;
+		this.#activePointers.delete(pointerId);
+	};
+	startPinch = (t1, t2) => {
+		this.#initialPinchDistance = this.#getDistance(t1, t2);
+		this.#initialPinchScale = this.scale;
+	};
+	movePinch = (t1, t2) => {
+		if (this.#initialPinchDistance === 0) return;
+		const dist = this.#getDistance(t1, t2);
+		console.log({ dist });
+		this.#setScale(this.#initialPinchScale * (dist / this.#initialPinchDistance));
+	};
+	endPinch = () => {
+		this.#initialPinchDistance = 0;
+	};
+	wheel = (deltaY, metaKey) => {
+		if (metaKey) {
+			this.showOverlay = false;
+			this.#setScale(this.scale - deltaY * .05);
+		} else {
+			this.showOverlay = true;
+			clearTimeout(this.#overlayTimeout);
+			this.#overlayTimeout = setTimeout(() => {
+				this.showOverlay = false;
+			}, 1500);
+		}
+	};
+	#overlayTimeout = void 0;
+	#getDistance = (t1, t2) => {
+		const dx = t1.clientX - t2.clientX;
+		const dy = t1.clientY - t2.clientY;
+		return Math.sqrt(dx * dx + dy * dy);
+	};
+};
+
+//#endregion
+export { ScalableContainerStore };

package/dist/components/ScalableContainer/styles.css.d.ts

@@ -0,0 +1,7 @@
+declare const _default: {
+    toolbar: string;
+    viewport: string;
+    contentWrapper: string;
+    overlay: string;
+};
+export default _default;

package/dist/components/ScalableContainer/styles.css.js

@@ -0,0 +1,13 @@
+import "./../../assets/src/theme.css.ts.vanilla-DlH7Hr_5.css";
+import "./../../assets/src/components/ScalableContainer/styles.css.ts.vanilla-DW9CH1mT.css";
+
+//#region src/components/ScalableContainer/styles.css.ts
+var __default__ = {
+	toolbar: "styles_toolbar__14ie7q10",
+	viewport: "styles_viewport__14ie7q11",
+	contentWrapper: "styles_contentWrapper__14ie7q12",
+	overlay: "styles_overlay__14ie7q13"
+};
+
+//#endregion
+export { __default__ as default };

package/dist/components/ScalableContainer/types.d.ts

@@ -0,0 +1,12 @@
+import type { HTMLAttributes } from 'svelte/elements';
+export type ScalableContainerProps = {
+    initialScale?: number;
+    minScale?: number;
+    maxScale?: number;
+    showToolbar?: boolean;
+    onScaleChanged?: (scale: number) => void;
+    onPositionChanged?: (position: {
+        x: number;
+        y: number;
+    }) => void;
+} & HTMLAttributes<HTMLDivElement>;

package/dist/components/ScalableContainer/utils.d.ts

@@ -0,0 +1,5 @@
+export declare const getDistance: (touch1: Touch, touch2: Touch) => number;
+export declare const getEventPosition: (event: MouseEvent | TouchEvent) => {
+    x: number;
+    y: number;
+};

package/dist/components/Select/Content/styles.css.js

@@ -1,5 +1,5 @@
-import "./../../../assets/src/theme.css.ts.vanilla-HT3RGHeI.css";
-import "./../../../assets/src/components/Select/Content/styles.css.ts.vanilla-BlGUxbo8.css";
+import "./../../../assets/src/theme.css.ts.vanilla-DlH7Hr_5.css";
+import "./../../../assets/src/components/Select/Content/styles.css.ts.vanilla-D599WG_l.css";
 
 //#region src/components/Select/Content/styles.css.ts
 var __default__ = {

package/dist/components/Select/GroupHeading/styles.css.js

@@ -1,4 +1,4 @@
-import "./../../../assets/src/theme.css.ts.vanilla-HT3RGHeI.css";
+import "./../../../assets/src/theme.css.ts.vanilla-DlH7Hr_5.css";
 import "./../../../assets/src/components/Select/GroupHeading/styles.css.ts.vanilla-DUgk9xF8.css";
 
 //#region src/components/Select/GroupHeading/styles.css.ts

package/dist/components/Select/Item/styles.css.js

@@ -1,5 +1,5 @@
-import "./../../../assets/src/theme.css.ts.vanilla-HT3RGHeI.css";
-import "./../../../assets/src/components/Select/Item/styles.css.ts.vanilla-L6cdrGWQ.css";
+import "./../../../assets/src/theme.css.ts.vanilla-DlH7Hr_5.css";
+import "./../../../assets/src/components/Select/Item/styles.css.ts.vanilla-DNSfggBD.css";
 
 //#region src/components/Select/Item/styles.css.ts
 var __default__ = {

package/dist/components/Select/Label/styles.css.js

@@ -1,4 +1,4 @@
-import "./../../../assets/src/theme.css.ts.vanilla-HT3RGHeI.css";
+import "./../../../assets/src/theme.css.ts.vanilla-DlH7Hr_5.css";
 import "./../../../assets/src/components/Select/Label/styles.css.ts.vanilla-BdQq5WOs.css";
 
 //#region src/components/Select/Label/styles.css.ts

package/dist/components/Select/ScrollDownButton/styles.css.js

@@ -1,4 +1,4 @@
-import "./../../../assets/src/theme.css.ts.vanilla-HT3RGHeI.css";
+import "./../../../assets/src/theme.css.ts.vanilla-DlH7Hr_5.css";
 import "./../../../assets/src/components/Select/ScrollDownButton/styles.css.ts.vanilla-7S9gQjlF.css";
 
 //#region src/components/Select/ScrollDownButton/styles.css.ts

package/dist/components/Select/ScrollUpButton/styles.css.js

@@ -1,4 +1,4 @@
-import "./../../../assets/src/theme.css.ts.vanilla-HT3RGHeI.css";
+import "./../../../assets/src/theme.css.ts.vanilla-DlH7Hr_5.css";
 import "./../../../assets/src/components/Select/ScrollUpButton/styles.css.ts.vanilla-DLYWl4UM.css";
 
 //#region src/components/Select/ScrollUpButton/styles.css.ts