@threadlabs/looma 0.39.1 → 0.39.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (50) hide show
  1. package/components/ui-button/ui-button.html +24 -3
  2. package/components/ui-checkbox/ui-checkbox.html +34 -18
  3. package/components/ui-combobox/ui-combobox.html +8 -3
  4. package/components/ui-combobox/ui-combobox.js +3 -2
  5. package/components/ui-dialog/ui-dialog.html +6 -52
  6. package/components/ui-input/ui-input.html +21 -3
  7. package/components/ui-input-group/ui-input-group.html +1 -0
  8. package/components/ui-light-editor/ui-light-editor.html +26 -25
  9. package/components/ui-select/ui-select.html +10 -3
  10. package/dist/index.js +1 -1
  11. package/docs/README.md +18 -7
  12. package/docs/catalog.json +2 -26
  13. package/docs/customizer-render.mjs +37 -33
  14. package/docs/customizer.js +82 -47
  15. package/docs/site.mjs +10 -6
  16. package/docs/theme-session.mjs +7 -8
  17. package/docs/theme.mjs +10 -22
  18. package/package.json +1 -1
  19. package/styles/ui-button.css +24 -1
  20. package/styles/ui-checkbox.css +39 -19
  21. package/styles/ui-combobox.css +16 -6
  22. package/styles/ui-dialog.css +6 -107
  23. package/styles/ui-input-group.css +1 -0
  24. package/styles/ui-input.css +24 -3
  25. package/styles/ui-light-editor.css +111 -0
  26. package/styles/ui-select.css +10 -3
  27. package/theme-system.css +4 -1
  28. package/tokens.css +9 -2
  29. package/vanilla/UiButton.js +14 -12
  30. package/vanilla/UiDialog.js +2 -2
  31. package/vanilla/UiLightEditor.js +2 -2
  32. package/vue/UiButton.vue +28 -7
  33. package/vue/UiCheckbox.vue +34 -19
  34. package/vue/UiCombobox.vue +22 -6
  35. package/vue/UiDialog.d.ts +3 -3
  36. package/vue/UiDialog.vue +18 -111
  37. package/vue/UiInput.vue +30 -3
  38. package/vue/UiInputGroup.vue +1 -0
  39. package/vue/UiLightEditor.vue +156 -40
  40. package/vue/UiSelect.vue +16 -3
  41. package/vue/chunks/UiButton.js +18 -10
  42. package/vue/chunks/UiCheckbox.js +1 -1
  43. package/vue/chunks/UiCombobox.js +1 -1
  44. package/vue/chunks/UiDialog.js +22 -14
  45. package/vue/chunks/UiInput.js +1 -1
  46. package/vue/chunks/UiInputGroup.js +1 -1
  47. package/vue/chunks/UiLightEditor.js +66 -58
  48. package/vue/chunks/UiSelect.js +1 -1
  49. package/vue/components.css +337 -160
  50. package/vue/editor/index.js +46 -36
@@ -704,6 +704,6 @@ var UiInput_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE
704
704
  }]]);
705
705
  };
706
706
  }
707
- }), [["__scopeId", "data-v-d1d52f1a"]]);
707
+ }), [["__scopeId", "data-v-a7bff040"]]);
708
708
  //#endregion
709
709
  export { UiInput_default as t };
@@ -220,6 +220,6 @@ var UiInputGroup_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @_
220
220
  }]]);
221
221
  };
222
222
  }
223
- }), [["__scopeId", "data-v-6e5b8e59"]]);
223
+ }), [["__scopeId", "data-v-5717ef0c"]]);
224
224
  //#endregion
225
225
  export { UiInputGroup_default as t };
@@ -2,7 +2,8 @@ import { C as useReflectedProp, S as useComponentHost, _ as nativeAttrs, a as ch
2
2
  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";
3
3
  import { t as UiIcon_default } from "./UiIcon.js";
4
4
  import { t as UiNumberInput_default } from "./UiNumberInput.js";
5
- import { computed, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, getCurrentInstance, mergeProps, openBlock, provide, ref, renderSlot, toDisplayString, unref, useTemplateRef, watchSyncEffect, withDirectives } from "vue";
5
+ import { t as UiDisclosure_default } from "./UiDisclosure.js";
6
+ import { computed, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, getCurrentInstance, mergeProps, openBlock, provide, ref, renderSlot, toDisplayString, unref, useTemplateRef, watchSyncEffect, withCtx, withDirectives } from "vue";
6
7
  //#region .build/vue/UiLightEditor.vue?vue&type=script&setup=true&lang.ts
7
8
  var _hoisted_1 = [
8
9
  "data-ui-light-editor-prop-disabled",
@@ -23,6 +24,7 @@ var _hoisted_5 = {
23
24
  };
24
25
  var _hoisted_6 = {
25
26
  class: "coordinates",
27
+ "data-slotted": "ui-light-editor",
26
28
  "data-hn-ui-light-editor": ""
27
29
  };
28
30
  //#endregion
@@ -288,70 +290,76 @@ var UiLightEditor_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @
288
290
  })])], 8, _hoisted_4)
289
291
  ], 512)], 8, _hoisted_2),
290
292
  _cache[4] || (_cache[4] = createTextVNode(toDisplayString(" "), -1)),
291
- createElementVNode("span", _hoisted_6, [
292
- createVNode(UiNumberInput_default, mergeProps({
293
- class: "ui-number-input",
294
- "data-coordinate": "x",
295
- min: 0,
296
- max: 100,
297
- step: 1,
298
- unit: "%",
299
- label: "Light horizontal position",
300
- value: horizontal.value,
301
- size: checkedProps.value.size,
302
- disabled: checkedProps.value.disabled
303
- }, { [unref(BINDING_INPUTS_PROP)]: {
304
- size: () => ({
305
- value: checkedProps.value.size,
306
- status: inputStatus("size", true)
307
- }),
308
- disabled: () => ({
309
- value: checkedProps.value.disabled,
310
- status: inputStatus("disabled", true)
311
- })
312
- } }), null, 16, [
313
- "value",
314
- "size",
315
- "disabled"
316
- ]),
317
- _cache[3] || (_cache[3] = createTextVNode(toDisplayString(" "), -1)),
318
- createVNode(UiNumberInput_default, mergeProps({
319
- class: "ui-number-input",
320
- "data-coordinate": "y",
321
- min: 0,
322
- max: 100,
323
- step: 1,
324
- unit: "%",
325
- label: "Light vertical position",
326
- value: vertical.value,
327
- size: checkedProps.value.size,
328
- disabled: checkedProps.value.disabled
329
- }, { [unref(BINDING_INPUTS_PROP)]: {
330
- size: () => ({
331
- value: checkedProps.value.size,
332
- status: inputStatus("size", true)
333
- }),
334
- disabled: () => ({
335
- value: checkedProps.value.disabled,
336
- status: inputStatus("disabled", true)
337
- })
338
- } }), null, 16, [
339
- "value",
340
- "size",
341
- "disabled"
342
- ])
343
- ]),
344
- _cache[5] || (_cache[5] = createTextVNode(toDisplayString(" "), -1)),
345
- _cache[6] || (_cache[6] = createElementVNode("span", {
293
+ _cache[5] || (_cache[5] = createElementVNode("span", {
346
294
  class: "hint",
347
295
  "data-hn-ui-light-editor": ""
348
- }, "Drag the light, tap the background, use arrow keys, or enter its position. Escape cancels a drag. Top centre is 50%, 0%.", -1))
296
+ }, "Drag or tap to move the light. Arrow keys adjust; Escape cancels.", -1)),
297
+ _cache[6] || (_cache[6] = createTextVNode(toDisplayString(" "), -1)),
298
+ createVNode(UiDisclosure_default, {
299
+ class: "ui-disclosure",
300
+ summary: "Exact position"
301
+ }, {
302
+ default: withCtx(() => [createElementVNode("span", _hoisted_6, [
303
+ createVNode(UiNumberInput_default, mergeProps({
304
+ class: "ui-number-input",
305
+ "data-coordinate": "x",
306
+ min: 0,
307
+ max: 100,
308
+ step: 1,
309
+ unit: "%",
310
+ label: "Light horizontal position",
311
+ value: horizontal.value,
312
+ size: checkedProps.value.size,
313
+ disabled: checkedProps.value.disabled
314
+ }, { [unref(BINDING_INPUTS_PROP)]: {
315
+ size: () => ({
316
+ value: checkedProps.value.size,
317
+ status: inputStatus("size", true)
318
+ }),
319
+ disabled: () => ({
320
+ value: checkedProps.value.disabled,
321
+ status: inputStatus("disabled", true)
322
+ })
323
+ } }), null, 16, [
324
+ "value",
325
+ "size",
326
+ "disabled"
327
+ ]),
328
+ _cache[3] || (_cache[3] = createTextVNode(toDisplayString(" "), -1)),
329
+ createVNode(UiNumberInput_default, mergeProps({
330
+ class: "ui-number-input",
331
+ "data-coordinate": "y",
332
+ min: 0,
333
+ max: 100,
334
+ step: 1,
335
+ unit: "%",
336
+ label: "Light vertical position",
337
+ value: vertical.value,
338
+ size: checkedProps.value.size,
339
+ disabled: checkedProps.value.disabled
340
+ }, { [unref(BINDING_INPUTS_PROP)]: {
341
+ size: () => ({
342
+ value: checkedProps.value.size,
343
+ status: inputStatus("size", true)
344
+ }),
345
+ disabled: () => ({
346
+ value: checkedProps.value.disabled,
347
+ status: inputStatus("disabled", true)
348
+ })
349
+ } }), null, 16, [
350
+ "value",
351
+ "size",
352
+ "disabled"
353
+ ])
354
+ ])]),
355
+ _: 1
356
+ })
349
357
  ], 16, _hoisted_1)), [[unref(vPropValidity), {
350
358
  contract: propValidityContract,
351
359
  values: { ...props }
352
360
  }]]);
353
361
  };
354
362
  }
355
- }), [["__scopeId", "data-v-dc22fbcf"]]);
363
+ }), [["__scopeId", "data-v-7f354401"]]);
356
364
  //#endregion
357
365
  export { UiLightEditor_default as t };
@@ -246,6 +246,6 @@ var UiSelect_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PUR
246
246
  }]]);
247
247
  };
248
248
  }
249
- }), [["__scopeId", "data-v-988e4463"]]);
249
+ }), [["__scopeId", "data-v-aa155548"]]);
250
250
  //#endregion
251
251
  export { UiSelect_default as t };