@threadlabs/looma 0.39.0 → 0.39.2

package/vue/chunks/UiLightEditor.js

@@ -2,7 +2,8 @@ import { C as useReflectedProp, S as useComponentHost, _ as nativeAttrs, a as ch
 import { d as propValidityState, f as requireInputStatus, h as vuePropInputs, i as checkPropInput, m as vPropValidity, r as acceptsControllerWrite, t as BINDING_INPUTS_PROP } from "./props.js";
 import { t as UiIcon_default } from "./UiIcon.js";
 import { t as UiNumberInput_default } from "./UiNumberInput.js";
-import { computed, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, getCurrentInstance, mergeProps, openBlock, provide, ref, renderSlot, toDisplayString, unref, useTemplateRef, watchSyncEffect, withDirectives } from "vue";
+import { t as UiDisclosure_default } from "./UiDisclosure.js";
+import { computed, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, getCurrentInstance, mergeProps, openBlock, provide, ref, renderSlot, toDisplayString, unref, useTemplateRef, watchSyncEffect, withCtx, withDirectives } from "vue";
 //#region .build/vue/UiLightEditor.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1 = [
 	"data-ui-light-editor-prop-disabled",
@@ -23,6 +24,7 @@ var _hoisted_5 = {
 };
 var _hoisted_6 = {
 	class: "coordinates",
+	"data-slotted": "ui-light-editor",
 	"data-hn-ui-light-editor": ""
 };
 //#endregion
@@ -288,70 +290,76 @@ var UiLightEditor_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @
 					})])], 8, _hoisted_4)
 				], 512)], 8, _hoisted_2),
 				_cache[4] || (_cache[4] = createTextVNode(toDisplayString(" "), -1)),
-				createElementVNode("span", _hoisted_6, [
-					createVNode(UiNumberInput_default, mergeProps({
-						class: "ui-number-input",
-						"data-coordinate": "x",
-						min: 0,
-						max: 100,
-						step: 1,
-						unit: "%",
-						label: "Light horizontal position",
-						value: horizontal.value,
-						size: checkedProps.value.size,
-						disabled: checkedProps.value.disabled
-					}, { [unref(BINDING_INPUTS_PROP)]: {
-						size: () => ({
-							value: checkedProps.value.size,
-							status: inputStatus("size", true)
-						}),
-						disabled: () => ({
-							value: checkedProps.value.disabled,
-							status: inputStatus("disabled", true)
-						})
-					} }), null, 16, [
-						"value",
-						"size",
-						"disabled"
-					]),
-					_cache[3] || (_cache[3] = createTextVNode(toDisplayString(" "), -1)),
-					createVNode(UiNumberInput_default, mergeProps({
-						class: "ui-number-input",
-						"data-coordinate": "y",
-						min: 0,
-						max: 100,
-						step: 1,
-						unit: "%",
-						label: "Light vertical position",
-						value: vertical.value,
-						size: checkedProps.value.size,
-						disabled: checkedProps.value.disabled
-					}, { [unref(BINDING_INPUTS_PROP)]: {
-						size: () => ({
-							value: checkedProps.value.size,
-							status: inputStatus("size", true)
-						}),
-						disabled: () => ({
-							value: checkedProps.value.disabled,
-							status: inputStatus("disabled", true)
-						})
-					} }), null, 16, [
-						"value",
-						"size",
-						"disabled"
-					])
-				]),
-				_cache[5] || (_cache[5] = createTextVNode(toDisplayString(" "), -1)),
-				_cache[6] || (_cache[6] = createElementVNode("span", {
+				_cache[5] || (_cache[5] = createElementVNode("span", {
 					class: "hint",
 					"data-hn-ui-light-editor": ""
-				}, "Drag the light, tap the background, use arrow keys, or enter its position. Escape cancels a drag. Top centre is 50%, 0%.", -1))
+				}, "Drag or tap to move the light. Arrow keys adjust; Escape cancels.", -1)),
+				_cache[6] || (_cache[6] = createTextVNode(toDisplayString(" "), -1)),
+				createVNode(UiDisclosure_default, {
+					class: "ui-disclosure",
+					summary: "Exact position"
+				}, {
+					default: withCtx(() => [createElementVNode("span", _hoisted_6, [
+						createVNode(UiNumberInput_default, mergeProps({
+							class: "ui-number-input",
+							"data-coordinate": "x",
+							min: 0,
+							max: 100,
+							step: 1,
+							unit: "%",
+							label: "Light horizontal position",
+							value: horizontal.value,
+							size: checkedProps.value.size,
+							disabled: checkedProps.value.disabled
+						}, { [unref(BINDING_INPUTS_PROP)]: {
+							size: () => ({
+								value: checkedProps.value.size,
+								status: inputStatus("size", true)
+							}),
+							disabled: () => ({
+								value: checkedProps.value.disabled,
+								status: inputStatus("disabled", true)
+							})
+						} }), null, 16, [
+							"value",
+							"size",
+							"disabled"
+						]),
+						_cache[3] || (_cache[3] = createTextVNode(toDisplayString(" "), -1)),
+						createVNode(UiNumberInput_default, mergeProps({
+							class: "ui-number-input",
+							"data-coordinate": "y",
+							min: 0,
+							max: 100,
+							step: 1,
+							unit: "%",
+							label: "Light vertical position",
+							value: vertical.value,
+							size: checkedProps.value.size,
+							disabled: checkedProps.value.disabled
+						}, { [unref(BINDING_INPUTS_PROP)]: {
+							size: () => ({
+								value: checkedProps.value.size,
+								status: inputStatus("size", true)
+							}),
+							disabled: () => ({
+								value: checkedProps.value.disabled,
+								status: inputStatus("disabled", true)
+							})
+						} }), null, 16, [
+							"value",
+							"size",
+							"disabled"
+						])
+					])]),
+					_: 1
+				})
 			], 16, _hoisted_1)), [[unref(vPropValidity), {
 				contract: propValidityContract,
 				values: { ...props }
 			}]]);
 		};
 	}
-}), [["__scopeId", "data-v-dc22fbcf"]]);
+}), [["__scopeId", "data-v-7f354401"]]);
 //#endregion
 export { UiLightEditor_default as t };

package/vue/chunks/UiSkeleton.js

@@ -1,6 +1,6 @@
-import { C as useReflectedProp, _ as nativeAttrs, a as checkHydratedRoot, t as _plugin_vue_export_helper_default } from "./_plugin-vue_export-helper.js";
-import { h as vuePropInputs, i as checkPropInput, m as vPropValidity, t as BINDING_INPUTS_PROP } from "./props.js";
-import { computed, createElementBlock, defineComponent, mergeProps, openBlock, unref, watchSyncEffect, withDirectives } from "vue";
+import { C as useReflectedProp, S as useComponentHost, _ as nativeAttrs, a as checkHydratedRoot, s as createDispatch, t as _plugin_vue_export_helper_default } from "./_plugin-vue_export-helper.js";
+import { d as propValidityState, h as vuePropInputs, i as checkPropInput, m as vPropValidity, t as BINDING_INPUTS_PROP } from "./props.js";
+import { computed, createElementBlock, defineComponent, getCurrentInstance, mergeProps, openBlock, ref, unref, watchSyncEffect, withDirectives } from "vue";
 //#region .build/vue/UiSkeleton.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1 = [
 	"data-ui-skeleton-prop-animated",
@@ -30,8 +30,8 @@ var UiSkeleton_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__P
 				},
 				required: false,
 				target: { attribute: "animated" },
-				description: "Gently pulses the placeholder. Off by default, and always still when the reader requests reduced motion.",
-				default: false
+				description: "Moves a subtle highlight from left to right. On by default; pass false to keep it static. Reduced-motion preferences always disable the shimmer.",
+				default: true
 			},
 			height: {
 				type: {
@@ -71,12 +71,12 @@ var UiSkeleton_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__P
 		} };
 		const props = __props;
 		const inputTracking = vuePropInputs({
-			animated: false,
+			animated: true,
 			height: "",
 			shape: "text",
 			width: ""
 		}, {
-			animated: false,
+			animated: true,
 			height: "",
 			shape: "text",
 			width: ""
@@ -118,6 +118,8 @@ var UiSkeleton_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__P
 			checkedProps.value;
 		});
 		const reflectedProp = useReflectedProp();
+		const hydrationInstance = getCurrentInstance();
+		const root = ref(null);
 		checkHydratedRoot("span", "ui-skeleton");
 		/** The values the styles' :host() and :state() rules test. */
 		const hostState = computed(() => [
@@ -125,6 +127,34 @@ var UiSkeleton_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__P
 			checkedProps.value.shape != null && `shape=${encodeURIComponent(checkedProps.value.shape)}`,
 			checkedProps.value.animated && "animated"
 		].filter(Boolean).join(" "));
+		const dispatch = createDispatch(root);
+		useComponentHost(() => import("@threadlabs/looma/components/ui-skeleton/ui-skeleton.js"), {
+			root,
+			module: true,
+			dispatch,
+			controllerSource: {
+				specifier: "../components/ui-skeleton/ui-skeleton.js",
+				definition: "./components/ui-skeleton/ui-skeleton.html"
+			},
+			props: checkedProps,
+			inputs: propInputs,
+			inputTracking,
+			propInputs: (name) => {
+				const incoming = hydrationInstance?.vnode.props;
+				const kebab = name.replace(/[A-Z]/g, (letter) => "-" + letter.toLowerCase());
+				return incoming !== null && incoming !== void 0 ? incoming[name] ?? incoming[kebab] ?? null : null;
+			},
+			propNames: [
+				"animated",
+				"height",
+				"shape",
+				"width"
+			],
+			propValidity: (name) => propValidityState({
+				contract: propValidityContract,
+				values: { ...props }
+			}, name)
+		});
 		return (_ctx, _cache) => {
 			return withDirectives((openBlock(), createElementBlock("span", mergeProps({
 				class: "ui-skeleton",
@@ -139,13 +169,15 @@ var UiSkeleton_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__P
 				"data-ui-skeleton-prop-height": unref(reflectedProp)("height", "height", checkedProps.value.height, void 0, false),
 				"data-ui-skeleton-prop-shape": unref(reflectedProp)("shape", "shape", checkedProps.value.shape, void 0, false),
 				"data-ui-skeleton-prop-width": unref(reflectedProp)("width", "width", checkedProps.value.width, void 0, false),
-				"data-ui-skeleton-state": hostState.value || void 0
+				"data-ui-skeleton-state": hostState.value || void 0,
+				ref_key: "root",
+				ref: root
 			}), null, 16, _hoisted_1)), [[unref(vPropValidity), {
 				contract: propValidityContract,
 				values: { ...props }
 			}]]);
 		};
 	}
-}), [["__scopeId", "data-v-ee40410c"]]);
+}), [["__scopeId", "data-v-908ae327"]]);
 //#endregion
 export { UiSkeleton_default as t };