@threadlabs/looma 0.2.14 → 0.2.15

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@threadlabs/looma",
-  "version": "0.2.14",
+  "version": "0.2.15",
   "type": "module",
   "description": "Looma declarative components, responsive layout primitives, a complete editor, and supported Vue adapters.",
   "license": "MIT",

package/vue/{chunk-ICIUKKZA.js → chunk-P7BZ2KJZ.js}

@@ -3364,38 +3364,40 @@ var Combobox = defineComponent2({
         element.value = toHTMLElement(value);
       },
       class: attrs.class,
-      "onOptions-change": (event) => {
-        rows.value = event.detail;
-        emit("optionsChange", event.detail);
+      onOptionsChange: (detail) => {
+        rows.value = detail;
+        emit("optionsChange", detail);
       },
-      "onQuery-change": (event) => {
-        currentQuery.value = event.detail.query;
-        emit("update:query", event.detail.query);
-        emit("queryChange", event.detail);
+      onQueryChange: (detail) => {
+        currentQuery.value = detail.query;
+        emit("update:query", detail.query);
+        emit("queryChange", detail);
       },
-      "onValue-change": (event) => {
-        emit("update:modelValue", props.multiple ? event.detail : event.detail.value);
-        emit("valueChange", event.detail);
+      onValueChange: (detail) => {
+        emit("update:modelValue", props.multiple ? detail : detail.value);
+        emit("valueChange", detail);
       },
-      "onFree-entry": (event) => emit("freeEntry", event.detail),
-      "onCreate-entry": (event) => emit("createEntry", event.detail),
-      "onDependency-invalidate": (event) => emit("dependencyInvalidate", event.detail),
-      "onValidation-change": (event) => emit("validationChange", event.detail),
-      "onAdd-item": (event) => emit("addItem", event.detail),
-      "onRemove-item": (event) => emit("removeItem", event.detail),
-      "onCreate-item": (event) => emit("createItem", event.detail)
-    }, [
-      h2("label", { slot: "fallback" }, [props.label, h2("input", {
-        value: props.query ?? props.defaultQuery ?? "",
-        disabled: props.disabled,
-        readonly: props.readOnly,
-        required: props.required
-      })]),
-      ...slots.option ? rows.value.map((option) => h2("div", { slot: `option-${option.id}`, key: option.id }, slots.option({ option }))) : [],
-      ...props.multiple && slots.item ? items().map((item) => h2("span", { slot: `item-${item.id}`, key: item.id }, slots.item({ item }))) : [],
-      ...slots.create ? [h2("span", { slot: "create" }, slots.create({ query: currentQuery.value }))] : [],
-      ...["start", "footer", "loading", "empty", "error"].flatMap((name) => slots[name] ? [h2("div", { slot: name }, slots[name]({}))] : [])
-    ]);
+      onFreeEntry: (detail) => emit("freeEntry", detail),
+      onCreateEntry: (detail) => emit("createEntry", detail),
+      onDependencyInvalidate: (detail) => emit("dependencyInvalidate", detail),
+      onValidationChange: (detail) => emit("validationChange", detail),
+      onAddItem: (detail) => emit("addItem", detail),
+      onRemoveItem: (detail) => emit("removeItem", detail),
+      onCreateItem: (detail) => emit("createItem", detail)
+    }, {
+      default: () => [
+        h2("label", { slot: "fallback" }, [props.label, h2("input", {
+          value: props.query ?? props.defaultQuery ?? "",
+          disabled: props.disabled,
+          readonly: props.readOnly,
+          required: props.required
+        })]),
+        ...slots.option ? rows.value.map((option) => h2("div", { slot: `option-${option.id}`, key: option.id }, slots.option({ option }))) : [],
+        ...props.multiple && slots.item ? items().map((item) => h2("span", { slot: `item-${item.id}`, key: item.id }, slots.item({ item }))) : [],
+        ...slots.create ? [h2("span", { slot: "create" }, slots.create({ query: currentQuery.value }))] : [],
+        ...["start", "footer", "loading", "empty", "error"].flatMap((name) => slots[name] ? [h2("div", { slot: name }, slots[name]({}))] : [])
+      ]
+    });
   }
 });
 

package/vue/editor/index.js

@@ -10,7 +10,7 @@ import {
   UiEditorToolbar_default,
   createAdapterComponent,
   toHTMLElement
-} from "../chunk-ICIUKKZA.js";
+} from "../chunk-P7BZ2KJZ.js";
 
 // src/editor/index.ts
 import "@threadlabs/looma/editor";

package/vue/index.js

@@ -43,7 +43,7 @@ import {
   Tree,
   TreeItem,
   VUE_ADAPTER_NOTE
-} from "./chunk-ICIUKKZA.js";
+} from "./chunk-P7BZ2KJZ.js";
 export {
   ADAPTER_COMPONENT_TAG_MAP,
   AffordanceScope,