@threadlabs/looma 0.30.2 → 0.30.4

package/vue/UiEditorTableOverlay.d.ts

@@ -1,10 +1,11 @@
 import type { PropType } from 'vue';
+import { type InputBindings } from './props.js';
 declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     geometry: {
         type: PropType<{
             readonly rowBoundaries: readonly (number)[];
             readonly columnBoundaries: readonly (number)[];
-            readonly activeCell: {
+            readonly activeCell?: {
                 readonly left: number;
                 readonly top: number;
                 readonly width: number;
@@ -21,11 +22,12 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
                 readonly columnIndex: number;
             } | null;
         } | null>;
-        default: null;
     };
     open: {
         type: PropType<boolean | null>;
-        default: boolean;
+    };
+    "\0htmlNextInputStatus": {
+        type: PropType<InputBindings>;
     };
 }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "add-row-before": (event: CustomEvent<{
@@ -91,7 +93,7 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
         type: PropType<{
             readonly rowBoundaries: readonly (number)[];
             readonly columnBoundaries: readonly (number)[];
-            readonly activeCell: {
+            readonly activeCell?: {
                 readonly left: number;
                 readonly top: number;
                 readonly width: number;
@@ -108,11 +110,12 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
                 readonly columnIndex: number;
             } | null;
         } | null>;
-        default: null;
     };
     open: {
         type: PropType<boolean | null>;
-        default: boolean;
+    };
+    "\0htmlNextInputStatus": {
+        type: PropType<InputBindings>;
     };
 }>> & Readonly<{
     "onAdd-row-before"?: ((event: CustomEvent<{
@@ -173,28 +176,6 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
             readonly bottom: number;
         };
     }>) => any) | undefined;
-}>, {
-    open: boolean | null;
-    geometry: {
-        readonly rowBoundaries: readonly (number)[];
-        readonly columnBoundaries: readonly (number)[];
-        readonly activeCell: {
-            readonly left: number;
-            readonly top: number;
-            readonly width: number;
-            readonly height: number;
-            readonly rowIndex: number;
-            readonly columnIndex: number;
-        } | null;
-        readonly hoveredCell?: {
-            readonly left: number;
-            readonly top: number;
-            readonly width: number;
-            readonly height: number;
-            readonly rowIndex: number;
-            readonly columnIndex: number;
-        } | null;
-    } | null;
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 declare const _default: typeof __VLS_export;
 export default _default;

package/vue/UiEditorTableOverlay.vue

@@ -1,4 +1,4 @@
-<!-- Generated by HTML Next 1.0.0-alpha.58 for Vue 3.5. Do not edit. -->
+<!-- Generated by HTML Next 1.0.0-alpha.64 for Vue 3.5. Do not edit. -->
 <script setup lang="ts">
 import { computed, getCurrentInstance, provide, ref, watchSyncEffect } from 'vue'
 import type { PropType } from 'vue'
@@ -14,7 +14,18 @@ import {
   warnUnless,
 } from './host'
 import { acceptsControllerWrite } from './props'
-import { checkedProp, propValidityState, vPropValidity } from './props'
+import {
+  BINDING_INPUTS_PROP,
+  checkedProp,
+  checkPropInput,
+  type InputBindings,
+  propValidityState,
+  READY_INPUT,
+  requireInputStatus,
+  UNRESOLVED_INPUT,
+  vPropValidity,
+  vuePropInputs,
+} from './props'
 import UiIcon from './UiIcon.vue'
 
 defineOptions({ inheritAttrs: false })
@@ -35,45 +46,31 @@ const propValidityContract = {
         }, {
           name: 'activeCell',
           type: {
-            kind: 'union',
-            members: [{
-              kind: 'object',
-              fields: [
-                { name: 'left', type: { kind: 'terminal', name: 'number' }, optional: false },
-                { name: 'top', type: { kind: 'terminal', name: 'number' }, optional: false },
-                { name: 'width', type: { kind: 'terminal', name: 'number' }, optional: false },
-                { name: 'height', type: { kind: 'terminal', name: 'number' }, optional: false },
-                { name: 'rowIndex', type: { kind: 'terminal', name: 'integer' }, optional: false },
-                {
-                  name: 'columnIndex',
-                  type: { kind: 'terminal', name: 'integer' },
-                  optional: false,
-                },
-              ],
-              open: false,
-            }, { kind: 'terminal', name: 'null' }],
+            kind: 'object',
+            fields: [
+              { name: 'left', type: { kind: 'terminal', name: 'number' }, optional: false },
+              { name: 'top', type: { kind: 'terminal', name: 'number' }, optional: false },
+              { name: 'width', type: { kind: 'terminal', name: 'number' }, optional: false },
+              { name: 'height', type: { kind: 'terminal', name: 'number' }, optional: false },
+              { name: 'rowIndex', type: { kind: 'terminal', name: 'integer' }, optional: false },
+              { name: 'columnIndex', type: { kind: 'terminal', name: 'integer' }, optional: false },
+            ],
+            open: false,
           },
-          optional: false,
+          optional: true,
         }, {
           name: 'hoveredCell',
           type: {
-            kind: 'union',
-            members: [{
-              kind: 'object',
-              fields: [
-                { name: 'left', type: { kind: 'terminal', name: 'number' }, optional: false },
-                { name: 'top', type: { kind: 'terminal', name: 'number' }, optional: false },
-                { name: 'width', type: { kind: 'terminal', name: 'number' }, optional: false },
-                { name: 'height', type: { kind: 'terminal', name: 'number' }, optional: false },
-                { name: 'rowIndex', type: { kind: 'terminal', name: 'integer' }, optional: false },
-                {
-                  name: 'columnIndex',
-                  type: { kind: 'terminal', name: 'integer' },
-                  optional: false,
-                },
-              ],
-              open: false,
-            }, { kind: 'terminal', name: 'null' }],
+            kind: 'object',
+            fields: [
+              { name: 'left', type: { kind: 'terminal', name: 'number' }, optional: false },
+              { name: 'top', type: { kind: 'terminal', name: 'number' }, optional: false },
+              { name: 'width', type: { kind: 'terminal', name: 'number' }, optional: false },
+              { name: 'height', type: { kind: 'terminal', name: 'number' }, optional: false },
+              { name: 'rowIndex', type: { kind: 'terminal', name: 'integer' }, optional: false },
+              { name: 'columnIndex', type: { kind: 'terminal', name: 'integer' }, optional: false },
+            ],
+            open: false,
           },
           optional: true,
         }],
@@ -99,7 +96,7 @@ const props = defineProps({
       {
         readonly rowBoundaries: readonly (number)[]
         readonly columnBoundaries: readonly (number)[]
-        readonly activeCell: {
+        readonly activeCell?: {
           readonly left: number
           readonly top: number
           readonly width: number
@@ -117,96 +114,129 @@ const props = defineProps({
         } | null
       } | null
     >,
-    default: null,
   },
-  open: { type: null as unknown as PropType<boolean | null>, default: false },
+  open: { type: null as unknown as PropType<boolean | null> },
+  [BINDING_INPUTS_PROP]: { type: null as unknown as PropType<InputBindings> },
 })
 const acceptedProps: Record<string, unknown> = { geometry: null, open: false }
-const checkedProps = computed(() => ({
-  geometry: checkedProp<
-    {
-      readonly rowBoundaries: readonly (number)[]
-      readonly columnBoundaries: readonly (number)[]
-      readonly activeCell: {
-        readonly left: number
-        readonly top: number
-        readonly width: number
-        readonly height: number
-        readonly rowIndex: number
-        readonly columnIndex: number
-      } | null
-      readonly hoveredCell?: {
-        readonly left: number
-        readonly top: number
-        readonly width: number
-        readonly height: number
-        readonly rowIndex: number
-        readonly columnIndex: number
-      } | null
-    }
-  >(
-    props['geometry'],
-    {
-      kind: 'object',
-      fields: [{
-        name: 'rowBoundaries',
-        type: { kind: 'list', item: { kind: 'terminal', name: 'number' } },
-        optional: false,
-      }, {
-        name: 'columnBoundaries',
-        type: { kind: 'list', item: { kind: 'terminal', name: 'number' } },
-        optional: false,
-      }, {
-        name: 'activeCell',
-        type: {
-          kind: 'union',
-          members: [{
+const inputTracking = vuePropInputs(
+  acceptedProps,
+  { open: false },
+  (name, value, source, values) => {
+    switch (name) {
+      case 'geometry':
+        return checkPropInput(
+          value,
+          {
             kind: 'object',
-            fields: [
-              { name: 'left', type: { kind: 'terminal', name: 'number' }, optional: false },
-              { name: 'top', type: { kind: 'terminal', name: 'number' }, optional: false },
-              { name: 'width', type: { kind: 'terminal', name: 'number' }, optional: false },
-              { name: 'height', type: { kind: 'terminal', name: 'number' }, optional: false },
-              { name: 'rowIndex', type: { kind: 'terminal', name: 'integer' }, optional: false },
-              { name: 'columnIndex', type: { kind: 'terminal', name: 'integer' }, optional: false },
-            ],
-            open: false,
-          }, { kind: 'terminal', name: 'null' }],
-        },
-        optional: false,
-      }, {
-        name: 'hoveredCell',
-        type: {
-          kind: 'union',
-          members: [{
-            kind: 'object',
-            fields: [
-              { name: 'left', type: { kind: 'terminal', name: 'number' }, optional: false },
-              { name: 'top', type: { kind: 'terminal', name: 'number' }, optional: false },
-              { name: 'width', type: { kind: 'terminal', name: 'number' }, optional: false },
-              { name: 'height', type: { kind: 'terminal', name: 'number' }, optional: false },
-              { name: 'rowIndex', type: { kind: 'terminal', name: 'integer' }, optional: false },
-              { name: 'columnIndex', type: { kind: 'terminal', name: 'integer' }, optional: false },
-            ],
+            fields: [{
+              name: 'rowBoundaries',
+              type: { kind: 'list', item: { kind: 'terminal', name: 'number' } },
+              optional: false,
+            }, {
+              name: 'columnBoundaries',
+              type: { kind: 'list', item: { kind: 'terminal', name: 'number' } },
+              optional: false,
+            }, {
+              name: 'activeCell',
+              type: {
+                kind: 'object',
+                fields: [
+                  { name: 'left', type: { kind: 'terminal', name: 'number' }, optional: false },
+                  { name: 'top', type: { kind: 'terminal', name: 'number' }, optional: false },
+                  { name: 'width', type: { kind: 'terminal', name: 'number' }, optional: false },
+                  { name: 'height', type: { kind: 'terminal', name: 'number' }, optional: false },
+                  {
+                    name: 'rowIndex',
+                    type: { kind: 'terminal', name: 'integer' },
+                    optional: false,
+                  },
+                  {
+                    name: 'columnIndex',
+                    type: { kind: 'terminal', name: 'integer' },
+                    optional: false,
+                  },
+                ],
+                open: false,
+              },
+              optional: true,
+            }, {
+              name: 'hoveredCell',
+              type: {
+                kind: 'object',
+                fields: [
+                  { name: 'left', type: { kind: 'terminal', name: 'number' }, optional: false },
+                  { name: 'top', type: { kind: 'terminal', name: 'number' }, optional: false },
+                  { name: 'width', type: { kind: 'terminal', name: 'number' }, optional: false },
+                  { name: 'height', type: { kind: 'terminal', name: 'number' }, optional: false },
+                  {
+                    name: 'rowIndex',
+                    type: { kind: 'terminal', name: 'integer' },
+                    optional: false,
+                  },
+                  {
+                    name: 'columnIndex',
+                    type: { kind: 'terminal', name: 'integer' },
+                    optional: false,
+                  },
+                ],
+                open: false,
+              },
+              optional: true,
+            }],
             open: false,
-          }, { kind: 'terminal', name: 'null' }],
-        },
-        optional: true,
-      }],
-      open: false,
-    },
-    false,
-    'geometry',
-    acceptedProps,
-  ),
-  open: checkedProp<boolean>(
-    props['open'],
-    { kind: 'terminal', name: 'boolean' },
-    false,
-    'open',
-    acceptedProps,
-  ) as boolean,
-}))
+          },
+          true,
+          true,
+        )
+      case 'open':
+        return checkPropInput(value, { kind: 'terminal', name: 'boolean' }, true, true)
+      default:
+        return { ok: false }
+    }
+  },
+  () => {
+    void checkedProps.value
+  },
+)
+const propInputs = inputTracking.inputs
+const checkedProps = computed(() => {
+  void inputTracking.version.value
+  return ({
+    geometry: propInputs.value<
+      {
+        readonly rowBoundaries: readonly (number)[]
+        readonly columnBoundaries: readonly (number)[]
+        readonly activeCell?: {
+          readonly left: number
+          readonly top: number
+          readonly width: number
+          readonly height: number
+          readonly rowIndex: number
+          readonly columnIndex: number
+        } | null
+        readonly hoveredCell?: {
+          readonly left: number
+          readonly top: number
+          readonly width: number
+          readonly height: number
+          readonly rowIndex: number
+          readonly columnIndex: number
+        } | null
+      } | null
+    >('geometry', props['geometry'], props[BINDING_INPUTS_PROP]),
+    open: propInputs.value<boolean | null>(
+      'open',
+      props['open'],
+      props[BINDING_INPUTS_PROP],
+    ) as boolean,
+  })
+})
+const inputStatus = (name: string, handlesError: boolean) => {
+  void checkedProps.value
+  void inputTracking.version.value
+  return requireInputStatus(propInputs.status(name), handlesError)
+}
 void checkedProps.value
 watchSyncEffect(() => {
   void checkedProps.value
@@ -577,48 +607,45 @@ useComponentHost(() => import('../components/ui-editor-table-overlay/ui-editor-t
           },
         },
         hovered: {
-          kind: 'union',
-          members: [{
-            kind: 'object',
-            fields: [
-              { name: 'left', type: { kind: 'terminal', name: 'number' }, optional: false },
-              { name: 'top', type: { kind: 'terminal', name: 'number' }, optional: false },
-              { name: 'width', type: { kind: 'terminal', name: 'number' }, optional: false },
-              { name: 'height', type: { kind: 'terminal', name: 'number' }, optional: false },
-              { name: 'rowIndex', type: { kind: 'terminal', name: 'integer' }, optional: false },
-              { name: 'columnIndex', type: { kind: 'terminal', name: 'integer' }, optional: false },
-              { name: 'rowOffset', type: { kind: 'terminal', name: 'string' }, optional: false },
-              { name: 'columnOffset', type: { kind: 'terminal', name: 'string' }, optional: false },
-            ],
-            open: false,
-          }, { kind: 'terminal', name: 'null' }],
+          kind: 'object',
+          fields: [
+            { name: 'left', type: { kind: 'terminal', name: 'number' }, optional: false },
+            { name: 'top', type: { kind: 'terminal', name: 'number' }, optional: false },
+            { name: 'width', type: { kind: 'terminal', name: 'number' }, optional: false },
+            { name: 'height', type: { kind: 'terminal', name: 'number' }, optional: false },
+            { name: 'rowIndex', type: { kind: 'terminal', name: 'integer' }, optional: false },
+            { name: 'columnIndex', type: { kind: 'terminal', name: 'integer' }, optional: false },
+            { name: 'rowOffset', type: { kind: 'terminal', name: 'string' }, optional: false },
+            { name: 'columnOffset', type: { kind: 'terminal', name: 'string' }, optional: false },
+          ],
+          open: false,
         },
         active: {
-          kind: 'union',
-          members: [{
-            kind: 'object',
-            fields: [
-              { name: 'left', type: { kind: 'terminal', name: 'number' }, optional: false },
-              { name: 'top', type: { kind: 'terminal', name: 'number' }, optional: false },
-              { name: 'width', type: { kind: 'terminal', name: 'number' }, optional: false },
-              { name: 'height', type: { kind: 'terminal', name: 'number' }, optional: false },
-              { name: 'rowIndex', type: { kind: 'terminal', name: 'integer' }, optional: false },
-              { name: 'columnIndex', type: { kind: 'terminal', name: 'integer' }, optional: false },
-              { name: 'menuLeft', type: { kind: 'terminal', name: 'string' }, optional: false },
-              { name: 'menuTop', type: { kind: 'terminal', name: 'string' }, optional: false },
-            ],
-            open: false,
-          }, { kind: 'terminal', name: 'null' }],
+          kind: 'object',
+          fields: [
+            { name: 'left', type: { kind: 'terminal', name: 'number' }, optional: false },
+            { name: 'top', type: { kind: 'terminal', name: 'number' }, optional: false },
+            { name: 'width', type: { kind: 'terminal', name: 'number' }, optional: false },
+            { name: 'height', type: { kind: 'terminal', name: 'number' }, optional: false },
+            { name: 'rowIndex', type: { kind: 'terminal', name: 'integer' }, optional: false },
+            { name: 'columnIndex', type: { kind: 'terminal', name: 'integer' }, optional: false },
+            { name: 'menuLeft', type: { kind: 'terminal', name: 'string' }, optional: false },
+            { name: 'menuTop', type: { kind: 'terminal', name: 'string' }, optional: false },
+          ],
+          open: false,
         },
         activeKey: { kind: 'terminal', name: 'string' },
       } as Record<string, any>)[name],
       keys,
     ),
+  initials: { rows: [], cols: [], activeKey: '' },
   controllerSource: {
     specifier: '../components/ui-editor-table-overlay/ui-editor-table-overlay.js',
     definition: './components/ui-editor-table-overlay/ui-editor-table-overlay.html',
   },
   props: checkedProps,
+  inputs: propInputs,
+  inputTracking,
   propInputs: (name: string) => {
     const incoming = hydrationInstance?.vnode.props
     const kebab = name.replace(/[A-Z]/g, (letter) => '-' + letter.toLowerCase())

package/vue/UiEditorTableToolbar.d.ts

@@ -1,28 +1,26 @@
 import type { PropType } from 'vue';
+import { type InputBindings } from './props.js';
 declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     actions: {
         type: PropType<readonly ("align-left" | "align-center" | "align-right" | "background-none" | "background-gray" | "background-yellow" | "background-blue" | "background-green" | "background-red" | "add-row-before" | "add-row-after" | "add-column-before" | "add-column-after" | "toggle-header-row" | "toggle-header-column" | "move-row-up" | "move-row-down" | "move-column-left" | "move-column-right" | "clear-cells" | "merge-cells" | "split-cell" | "delete-row" | "delete-column" | "delete-table")[] | null>;
-        default: null;
     };
     cellAlignment: {
         type: PropType<"left" | "center" | "right" | null>;
-        default: string;
     };
     cellBackground: {
         type: PropType<string | null>;
-        default: string;
     };
     headerColumn: {
         type: PropType<boolean | null>;
-        default: boolean;
     };
     headerRow: {
         type: PropType<boolean | null>;
-        default: boolean;
     };
     open: {
         type: PropType<boolean | null>;
-        default: boolean;
+    };
+    "\0htmlNextInputStatus": {
+        type: PropType<InputBindings>;
     };
 }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     action: (event: CustomEvent<{
@@ -31,39 +29,29 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
 }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     actions: {
         type: PropType<readonly ("align-left" | "align-center" | "align-right" | "background-none" | "background-gray" | "background-yellow" | "background-blue" | "background-green" | "background-red" | "add-row-before" | "add-row-after" | "add-column-before" | "add-column-after" | "toggle-header-row" | "toggle-header-column" | "move-row-up" | "move-row-down" | "move-column-left" | "move-column-right" | "clear-cells" | "merge-cells" | "split-cell" | "delete-row" | "delete-column" | "delete-table")[] | null>;
-        default: null;
     };
     cellAlignment: {
         type: PropType<"left" | "center" | "right" | null>;
-        default: string;
     };
     cellBackground: {
         type: PropType<string | null>;
-        default: string;
     };
     headerColumn: {
         type: PropType<boolean | null>;
-        default: boolean;
     };
     headerRow: {
         type: PropType<boolean | null>;
-        default: boolean;
     };
     open: {
         type: PropType<boolean | null>;
-        default: boolean;
+    };
+    "\0htmlNextInputStatus": {
+        type: PropType<InputBindings>;
     };
 }>> & Readonly<{
     onAction?: ((event: CustomEvent<{
         readonly action: "align-left" | "align-center" | "align-right" | "background-none" | "background-gray" | "background-yellow" | "background-blue" | "background-green" | "background-red" | "add-row-before" | "add-row-after" | "add-column-before" | "add-column-after" | "toggle-header-row" | "toggle-header-column" | "move-row-up" | "move-row-down" | "move-column-left" | "move-column-right" | "clear-cells" | "merge-cells" | "split-cell" | "delete-row" | "delete-column" | "delete-table";
     }>) => any) | undefined;
-}>, {
-    open: boolean | null;
-    actions: readonly ("align-center" | "align-left" | "align-right" | "background-none" | "background-gray" | "background-yellow" | "background-blue" | "background-green" | "background-red" | "add-row-before" | "add-row-after" | "add-column-before" | "add-column-after" | "toggle-header-row" | "toggle-header-column" | "move-row-up" | "move-row-down" | "move-column-left" | "move-column-right" | "clear-cells" | "merge-cells" | "split-cell" | "delete-row" | "delete-column" | "delete-table")[] | null;
-    headerRow: boolean | null;
-    cellBackground: string | null;
-    headerColumn: boolean | null;
-    cellAlignment: "left" | "right" | "center" | null;
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 declare const _default: typeof __VLS_export;
 export default _default;