@sprawlify/vue 0.0.67 → 0.0.72

package/dist/components/image-cropper/index.js

@@ -0,0 +1,381 @@
+import { t as __exportAll } from "../../chunk-BN_g-Awi.js";
+import { n as useMachine, r as normalizeProps$1 } from "../../core-DNndr38p.js";
+import { a as useLocaleContext, c as useEnvironmentContext, i as DEFAULT_LOCALE, s as DEFAULT_ENVIRONMENT } from "../../providers-DNBWT-O_.js";
+import { t as createContext } from "../../create-context-Ds1GbsVc.js";
+import { t as useForwardExpose } from "../../use-forward-expose-CCAmHTUB.js";
+import { t as sprawlify } from "../../factory-Co08Aw8u.js";
+import { t as cleanProps } from "../../clean-props-D2R4tz5e.js";
+import { computed, createBlock, defineComponent, guardReactiveProps, mergeProps, normalizeProps, openBlock, renderSlot, toValue, unref, useId, withCtx } from "vue";
+import * as imageCropper from "@sprawlify/primitives/machines/image-cropper";
+import { anatomy, handles } from "@sprawlify/primitives/machines/image-cropper";
+
+//#region src/components/image-cropper/use-image-cropper-context.ts
+const [ImageCropperProvider, useImageCropperContext] = createContext("ImageCropperContext");
+
+//#endregion
+//#region src/components/image-cropper/image-cropper-context.vue?vue&type=script&setup=true&lang.ts
+var image_cropper_context_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "image-cropper-context",
+	setup(__props) {
+		const imageCropper = useImageCropperContext();
+		return (_ctx, _cache) => {
+			return renderSlot(_ctx.$slots, "default", normalizeProps(guardReactiveProps(unref(imageCropper))));
+		};
+	}
+});
+
+//#endregion
+//#region src/components/image-cropper/image-cropper-context.vue
+var image_cropper_context_default = image_cropper_context_vue_vue_type_script_setup_true_lang_default;
+
+//#endregion
+//#region src/components/image-cropper/image-cropper-grid.vue?vue&type=script&setup=true&lang.ts
+var image_cropper_grid_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "image-cropper-grid",
+	props: {
+		asChild: {
+			type: Boolean,
+			required: false
+		},
+		axis: {
+			type: String,
+			required: true
+		}
+	},
+	setup(__props) {
+		const props = __props;
+		const imageCropper = useImageCropperContext();
+		useForwardExpose();
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(sprawlify).div, mergeProps(unref(imageCropper).getGridProps({ axis: props.axis }), { "as-child": __props.asChild }), {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+				_: 3
+			}, 16, ["as-child"]);
+		};
+	}
+});
+
+//#endregion
+//#region src/components/image-cropper/image-cropper-grid.vue
+var image_cropper_grid_default = image_cropper_grid_vue_vue_type_script_setup_true_lang_default;
+
+//#endregion
+//#region src/components/image-cropper/image-cropper-handle.vue?vue&type=script&setup=true&lang.ts
+var image_cropper_handle_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "image-cropper-handle",
+	props: {
+		asChild: {
+			type: Boolean,
+			required: false
+		},
+		position: {
+			type: String,
+			required: true
+		}
+	},
+	setup(__props) {
+		const props = __props;
+		const imageCropper = useImageCropperContext();
+		useForwardExpose();
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(sprawlify).div, mergeProps(unref(imageCropper).getHandleProps({ position: props.position }), { "as-child": __props.asChild }), {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+				_: 3
+			}, 16, ["as-child"]);
+		};
+	}
+});
+
+//#endregion
+//#region src/components/image-cropper/image-cropper-handle.vue
+var image_cropper_handle_default = image_cropper_handle_vue_vue_type_script_setup_true_lang_default;
+
+//#endregion
+//#region src/components/image-cropper/image-cropper-image.vue?vue&type=script&setup=true&lang.ts
+var image_cropper_image_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "image-cropper-image",
+	props: { asChild: {
+		type: Boolean,
+		required: false
+	} },
+	setup(__props) {
+		const imageCropper = useImageCropperContext();
+		useForwardExpose();
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(sprawlify).img, mergeProps(unref(imageCropper).getImageProps(), { "as-child": __props.asChild }), null, 16, ["as-child"]);
+		};
+	}
+});
+
+//#endregion
+//#region src/components/image-cropper/image-cropper-image.vue
+var image_cropper_image_default = image_cropper_image_vue_vue_type_script_setup_true_lang_default;
+
+//#endregion
+//#region src/components/image-cropper/use-image-cropper.ts
+const useImageCropper = (props = {}, emit) => {
+	const id = useId();
+	const env = useEnvironmentContext(DEFAULT_ENVIRONMENT);
+	const locale = useLocaleContext(DEFAULT_LOCALE);
+	const context = computed(() => {
+		const localProps = toValue(props);
+		return {
+			id,
+			dir: locale.value.dir,
+			getRootNode: env?.value.getRootNode,
+			...cleanProps(localProps),
+			onZoomChange(details) {
+				emit?.("zoomChange", details);
+				emit?.("update:zoom", details.zoom);
+				localProps.onZoomChange?.(details);
+			},
+			onRotationChange(details) {
+				emit?.("rotationChange", details);
+				emit?.("update:rotation", details.rotation);
+				localProps.onRotationChange?.(details);
+			},
+			onFlipChange(details) {
+				emit?.("flipChange", details);
+				emit?.("update:flip", details.flip);
+				localProps.onFlipChange?.(details);
+			},
+			onCropChange(details) {
+				emit?.("cropChange", details);
+				emit?.("update:crop", details.crop);
+				localProps.onCropChange?.(details);
+			}
+		};
+	});
+	const service = useMachine(imageCropper.machine, context);
+	return computed(() => imageCropper.connect(service, normalizeProps$1));
+};
+
+//#endregion
+//#region src/components/image-cropper/image-cropper-root.vue?vue&type=script&setup=true&lang.ts
+var image_cropper_root_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "image-cropper-root",
+	props: {
+		ids: {
+			type: null,
+			required: false
+		},
+		translations: {
+			type: null,
+			required: false
+		},
+		initialCrop: {
+			type: null,
+			required: false
+		},
+		minWidth: {
+			type: Number,
+			required: false
+		},
+		minHeight: {
+			type: Number,
+			required: false
+		},
+		maxWidth: {
+			type: Number,
+			required: false
+		},
+		maxHeight: {
+			type: Number,
+			required: false
+		},
+		aspectRatio: {
+			type: Number,
+			required: false
+		},
+		cropShape: {
+			type: String,
+			required: false
+		},
+		zoom: {
+			type: Number,
+			required: false
+		},
+		rotation: {
+			type: Number,
+			required: false
+		},
+		flip: {
+			type: null,
+			required: false
+		},
+		defaultZoom: {
+			type: Number,
+			required: false
+		},
+		defaultRotation: {
+			type: Number,
+			required: false
+		},
+		defaultFlip: {
+			type: null,
+			required: false
+		},
+		zoomStep: {
+			type: Number,
+			required: false
+		},
+		zoomSensitivity: {
+			type: Number,
+			required: false
+		},
+		minZoom: {
+			type: Number,
+			required: false
+		},
+		maxZoom: {
+			type: Number,
+			required: false
+		},
+		nudgeStep: {
+			type: Number,
+			required: false
+		},
+		nudgeStepShift: {
+			type: Number,
+			required: false
+		},
+		nudgeStepCtrl: {
+			type: Number,
+			required: false
+		},
+		fixedCropArea: {
+			type: Boolean,
+			required: false
+		},
+		asChild: {
+			type: Boolean,
+			required: false
+		}
+	},
+	emits: [
+		"zoomChange",
+		"update:zoom",
+		"rotationChange",
+		"update:rotation",
+		"flipChange",
+		"update:flip",
+		"cropChange",
+		"update:crop"
+	],
+	setup(__props, { emit: __emit }) {
+		const imageCropper = useImageCropper({}, __emit);
+		ImageCropperProvider(imageCropper);
+		useForwardExpose();
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(sprawlify).div, mergeProps(unref(imageCropper).getRootProps(), { "as-child": __props.asChild }), {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+				_: 3
+			}, 16, ["as-child"]);
+		};
+	}
+});
+
+//#endregion
+//#region src/components/image-cropper/image-cropper-root.vue
+var image_cropper_root_default = image_cropper_root_vue_vue_type_script_setup_true_lang_default;
+
+//#endregion
+//#region src/components/image-cropper/image-cropper-root-provider.vue?vue&type=script&setup=true&lang.ts
+var image_cropper_root_provider_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "image-cropper-root-provider",
+	props: {
+		value: {
+			type: null,
+			required: true
+		},
+		asChild: {
+			type: Boolean,
+			required: false
+		}
+	},
+	setup(__props) {
+		const props = __props;
+		const imageCropper = computed(() => props.value);
+		ImageCropperProvider(imageCropper);
+		useForwardExpose();
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(sprawlify).div, mergeProps(imageCropper.value.getRootProps(), { "as-child": __props.asChild }), {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+				_: 3
+			}, 16, ["as-child"]);
+		};
+	}
+});
+
+//#endregion
+//#region src/components/image-cropper/image-cropper-root-provider.vue
+var image_cropper_root_provider_default = image_cropper_root_provider_vue_vue_type_script_setup_true_lang_default;
+
+//#endregion
+//#region src/components/image-cropper/image-cropper-selection.vue?vue&type=script&setup=true&lang.ts
+var image_cropper_selection_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "image-cropper-selection",
+	props: { asChild: {
+		type: Boolean,
+		required: false
+	} },
+	setup(__props) {
+		const imageCropper = useImageCropperContext();
+		useForwardExpose();
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(sprawlify).div, mergeProps(unref(imageCropper).getSelectionProps(), { "as-child": __props.asChild }), {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+				_: 3
+			}, 16, ["as-child"]);
+		};
+	}
+});
+
+//#endregion
+//#region src/components/image-cropper/image-cropper-selection.vue
+var image_cropper_selection_default = image_cropper_selection_vue_vue_type_script_setup_true_lang_default;
+
+//#endregion
+//#region src/components/image-cropper/image-cropper-viewport.vue?vue&type=script&setup=true&lang.ts
+var image_cropper_viewport_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "image-cropper-viewport",
+	props: { asChild: {
+		type: Boolean,
+		required: false
+	} },
+	setup(__props) {
+		const imageCropper = useImageCropperContext();
+		useForwardExpose();
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(sprawlify).div, mergeProps(unref(imageCropper).getViewportProps(), { "as-child": __props.asChild }), {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+				_: 3
+			}, 16, ["as-child"]);
+		};
+	}
+});
+
+//#endregion
+//#region src/components/image-cropper/image-cropper-viewport.vue
+var image_cropper_viewport_default = image_cropper_viewport_vue_vue_type_script_setup_true_lang_default;
+
+//#endregion
+//#region src/components/image-cropper/image-cropper-anatomy.ts
+const imageCropperAnatomy = anatomy;
+
+//#endregion
+//#region src/components/image-cropper/image-cropper.ts
+var image_cropper_exports = /* @__PURE__ */ __exportAll({
+	Context: () => image_cropper_context_default,
+	Grid: () => image_cropper_grid_default,
+	Handle: () => image_cropper_handle_default,
+	Image: () => image_cropper_image_default,
+	Root: () => image_cropper_root_default,
+	RootProvider: () => image_cropper_root_provider_default,
+	Selection: () => image_cropper_selection_default,
+	Viewport: () => image_cropper_viewport_default,
+	handles: () => handles
+});
+
+//#endregion
+export { image_cropper_exports as ImageCropper, image_cropper_context_default as ImageCropperContext, image_cropper_grid_default as ImageCropperGrid, image_cropper_handle_default as ImageCropperHandle, image_cropper_image_default as ImageCropperImage, image_cropper_root_default as ImageCropperRoot, image_cropper_root_provider_default as ImageCropperRootProvider, image_cropper_selection_default as ImageCropperSelection, image_cropper_viewport_default as ImageCropperViewport, imageCropperAnatomy, useImageCropper, useImageCropperContext };

package/dist/components/json-tree-view/index.d.ts

@@ -0,0 +1,91 @@
+import "../../factory-B5zr8_kk.js";
+import { r as PropTypes } from "../../index-CCRVRFFQ.js";
+import "../../use-render-strategy-U5NxU252.js";
+import "../../index-DhFoJHfp.js";
+import { _ as TreeViewRootBaseProps, h as TreeViewTreeProps, it as UseTreeViewProps, w as TreeViewRootProviderProps } from "../../index-DwWFWpls.js";
+import * as vue26 from "vue";
+import { ComputedRef, HTMLAttributes, MaybeRef } from "vue";
+import { JsonNode, JsonNodeHastElement, JsonNodePreviewOptions } from "@sprawlify/primitives/json-tree-utils";
+import * as treeView from "@sprawlify/primitives/machines/tree-view";
+
+//#region src/components/json-tree-view/json-tree-view-props-context.d.ts
+interface JsonTreeViewOptions extends Partial<JsonNodePreviewOptions> {
+  quotesOnKeys?: boolean;
+}
+//#endregion
+//#region src/components/json-tree-view/json-tree-view-root.vue.d.ts
+interface JsonTreeViewRootBaseProps extends JsonTreeViewOptions, Omit<TreeViewRootBaseProps<JsonNode>, 'collection'> {
+  data: object;
+  defaultExpandedDepth?: number;
+}
+interface JsonTreeViewRootProps extends JsonTreeViewRootBaseProps,
+/**
+ * @vue-ignore
+ */
+HTMLAttributes {}
+declare const _default: typeof __VLS_export$2;
+declare const __VLS_export$2: __VLS_WithSlots$2<vue26.DefineComponent<JsonTreeViewRootProps, {}, {}, {}, {}, vue26.ComponentOptionsMixin, vue26.ComponentOptionsMixin, {}, string, vue26.PublicProps, Readonly<JsonTreeViewRootProps> & Readonly<{}>, {
+  lazyMount: boolean;
+  unmountOnExit: boolean;
+  asChild: boolean;
+  showNonenumerable: boolean;
+  expandOnClick: boolean;
+  typeahead: boolean;
+  quotesOnKeys: boolean;
+}, {}, {}, {}, string, vue26.ComponentProvideOptions, false, {}, any>, {
+  default?: (props: {}) => any;
+}>;
+type __VLS_WithSlots$2<T, S> = T & {
+  new (): {
+    $slots: S;
+  };
+};
+//#endregion
+//#region src/components/json-tree-view/json-tree-view-root-provider.vue.d.ts
+interface JsonTreeViewRootProviderProps extends TreeViewRootProviderProps<JsonNode> {}
+declare const _default$1: typeof __VLS_export$1;
+declare const __VLS_export$1: __VLS_WithSlots$1<vue26.DefineComponent<JsonTreeViewRootProviderProps, {}, {}, {}, {}, vue26.ComponentOptionsMixin, vue26.ComponentOptionsMixin, {}, string, vue26.PublicProps, Readonly<JsonTreeViewRootProviderProps> & Readonly<{}>, {}, {}, {}, {}, string, vue26.ComponentProvideOptions, false, {}, any>, {
+  default?: (props: {}) => any;
+}>;
+type __VLS_WithSlots$1<T, S> = T & {
+  new (): {
+    $slots: S;
+  };
+};
+//#endregion
+//#region src/components/json-tree-view/json-tree-view-node.vue.d.ts
+interface JsonTreeViewNodeBaseProps {
+  indentGuide?: boolean;
+}
+//#endregion
+//#region src/components/json-tree-view/json-tree-view-tree.vue.d.ts
+interface JsonTreeViewTreeBaseProps extends JsonTreeViewNodeBaseProps {}
+interface JsonTreeViewTreeProps extends TreeViewTreeProps, JsonTreeViewTreeBaseProps {}
+declare const _default$2: typeof __VLS_export;
+declare const __VLS_export: __VLS_WithSlots<vue26.DefineComponent<JsonTreeViewTreeProps, {}, {}, {}, {}, vue26.ComponentOptionsMixin, vue26.ComponentOptionsMixin, {}, string, vue26.PublicProps, Readonly<JsonTreeViewTreeProps> & Readonly<{}>, {}, {}, {}, {}, string, vue26.ComponentProvideOptions, false, {}, any>, {
+  arrow(): unknown;
+  indentGuide(): unknown;
+  renderValue(props: {
+    node: JsonNodeHastElement;
+  }): unknown;
+}>;
+type __VLS_WithSlots<T, S> = T & {
+  new (): {
+    $slots: S;
+  };
+};
+//#endregion
+//#region src/components/json-tree-view/use-json-tree-view.d.ts
+interface UseJsonTreeViewProps extends Omit<UseTreeViewProps<JsonNode>, 'collection'>, JsonTreeViewOptions {
+  data: unknown;
+  defaultExpandedDepth?: number;
+}
+interface UseJsonTreeViewReturn extends ComputedRef<treeView.Api<PropTypes, JsonNode> & {
+  options: JsonTreeViewOptions;
+}> {}
+declare const useJsonTreeView: (props: MaybeRef<UseJsonTreeViewProps>) => UseJsonTreeViewReturn;
+declare namespace json_tree_view_d_exports {
+  export { _default as Root, JsonTreeViewRootBaseProps as RootBaseProps, JsonTreeViewRootProps as RootProps, _default$1 as RootProvider, JsonTreeViewRootProviderProps as RootProviderProps, _default$2 as Tree, JsonTreeViewTreeBaseProps as TreeBaseProps, JsonTreeViewTreeProps as TreeProps };
+}
+//#endregion
+export { json_tree_view_d_exports as JsonTreeView, _default as JsonTreeViewRoot, type JsonTreeViewRootProps, _default$1 as JsonTreeViewRootProvider, type JsonTreeViewRootProviderProps, _default$2 as JsonTreeViewTree, type JsonTreeViewTreeProps, type UseJsonTreeViewProps, type UseJsonTreeViewReturn, useJsonTreeView };