@threadlabs/looma 0.23.20 → 0.23.22

package/vanilla/UiEditorTableOverlay.d.ts

@@ -1,4 +1,4 @@
-// Generated by HTML Next 1.0.0-alpha.25 for Vanilla DOM. Do not edit.
+// Generated by HTML Next 1.0.0-alpha.26 for Vanilla DOM. Do not edit.
 export interface UiEditorTableOverlayEventMap {
   "add-row-before": CustomEvent<{ readonly boundaryIndex: number }>;
   "add-row-after": CustomEvent<{ readonly boundaryIndex: number }>;

package/vanilla/UiEditorTableOverlay.js

@@ -1,9 +1,9 @@
-// Generated by HTML Next 1.0.0-alpha.25 for Vanilla DOM. Do not edit.
+// Generated by HTML Next 1.0.0-alpha.26 for Vanilla DOM. Do not edit.
 import { manageComponentLifecycle } from "@nextwebwg/html-next/runtime";
 import * as controller from "../components/ui-editor-table-overlay/ui-editor-table-overlay.js";
 import "../styles/ui-editor-table-overlay.css";
 
-const definition = {...{"contract":{"tag":"ui-editor-table-overlay","props":{"geometry":{"type":{"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":[{"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}],"open":false},{"kind":"terminal","name":"null"}]},"optional":true}],"open":false},"required":false,"target":{"attribute":"geometry"}},"open":{"type":"boolean","required":false,"target":{"attribute":"open"},"default":false}}},"template":{"kind":"element","name":"div","attributes":[{"kind":"literal","name":"aria-label","value":"Table controls"},{"kind":"attribute","name":"hidden","expression":"not open","expressionPlan":{"source":"not open","ast":{"kind":"unary","op":"not","operand":{"kind":"id","name":"open"}},"dependencies":["open"]}}],"children":[{"kind":"element","name":"div","attributes":[{"kind":"literal","name":"class","value":"rows"}],"children":[{"kind":"element","name":"div","attributes":[{"kind":"literal","name":"class","value":"control row"},{"kind":"attribute","name":"active","expression":"control.key = activeKey","expressionPlan":{"source":"control.key = activeKey","ast":{"kind":"binary","op":"=","left":{"kind":"member","object":{"kind":"id","name":"control"},"key":"key"},"right":{"kind":"id","name":"activeKey"}},"dependencies":["activeKey","control.key"]},"target":"class"},{"kind":"attribute","name":"top","expression":"control.offset","expressionPlan":{"source":"control.offset","ast":{"kind":"member","object":{"kind":"id","name":"control"},"key":"offset"},"dependencies":["control.offset"]},"target":"style"},{"kind":"attribute","name":"data-control-key","expression":"control.key","expressionPlan":{"source":"control.key","ast":{"kind":"member","object":{"kind":"id","name":"control"},"key":"key"},"dependencies":["control.key"]}}],"children":[{"kind":"element","name":"span","attributes":[{"kind":"literal","name":"class","value":"line"},{"kind":"literal","name":"aria-hidden","value":"true"}],"children":[]},{"kind":"element","name":"span","attributes":[{"kind":"literal","name":"class","value":"guide"},{"kind":"literal","name":"data-ui-guide","value":""},{"kind":"literal","name":"aria-hidden","value":"true"}],"children":[]},{"kind":"element","name":"button","attributes":[{"kind":"literal","name":"type","value":"button"},{"kind":"literal","name":"class","value":"handle"},{"kind":"attribute","name":"data-ui-affordance","expression":"control.affordance","expressionPlan":{"source":"control.affordance","ast":{"kind":"member","object":{"kind":"id","name":"control"},"key":"affordance"},"dependencies":["control.affordance"]}},{"kind":"attribute","name":"data-action","expression":"control.action","expressionPlan":{"source":"control.action","ast":{"kind":"member","object":{"kind":"id","name":"control"},"key":"action"},"dependencies":["control.action"]}},{"kind":"attribute","name":"data-boundary-index","expression":"control.index","expressionPlan":{"source":"control.index","ast":{"kind":"member","object":{"kind":"id","name":"control"},"key":"index"},"dependencies":["control.index"]}},{"kind":"attribute","name":"aria-label","expression":"control.label","expressionPlan":{"source":"control.label","ast":{"kind":"member","object":{"kind":"id","name":"control"},"key":"label"},"dependencies":["control.label"]}}],"children":[{"kind":"element","name":"ui-icon","attributes":[{"kind":"literal","name":"name","value":"plus"}],"children":[]},{"kind":"element","name":"span","attributes":[{"kind":"literal","name":"class","value":"tooltip"},{"kind":"literal","name":"role","value":"tooltip"},{"kind":"directive","name":"value","expression":"control.label","expressionPlan":{"source":"control.label","ast":{"kind":"member","object":{"kind":"id","name":"control"},"key":"label"},"dependencies":["control.label"]}}],"children":[]}]}],"flow":{"kind":"each","item":"control","list":"rows","listPlan":{"source":"rows","ast":{"kind":"id","name":"rows"},"dependencies":["rows"]},"key":"control.key","keyPlan":{"source":"control.key","ast":{"kind":"member","object":{"kind":"id","name":"control"},"key":"key"},"dependencies":["control.key"]}}}]},{"kind":"element","name":"div","attributes":[{"kind":"literal","name":"class","value":"cols"}],"children":[{"kind":"element","name":"div","attributes":[{"kind":"literal","name":"class","value":"control col"},{"kind":"attribute","name":"active","expression":"control.key = activeKey","expressionPlan":{"source":"control.key = activeKey","ast":{"kind":"binary","op":"=","left":{"kind":"member","object":{"kind":"id","name":"control"},"key":"key"},"right":{"kind":"id","name":"activeKey"}},"dependencies":["activeKey","control.key"]},"target":"class"},{"kind":"attribute","name":"left","expression":"control.offset","expressionPlan":{"source":"control.offset","ast":{"kind":"member","object":{"kind":"id","name":"control"},"key":"offset"},"dependencies":["control.offset"]},"target":"style"},{"kind":"attribute","name":"data-control-key","expression":"control.key","expressionPlan":{"source":"control.key","ast":{"kind":"member","object":{"kind":"id","name":"control"},"key":"key"},"dependencies":["control.key"]}}],"children":[{"kind":"element","name":"span","attributes":[{"kind":"literal","name":"class","value":"line"},{"kind":"literal","name":"aria-hidden","value":"true"}],"children":[]},{"kind":"element","name":"span","attributes":[{"kind":"literal","name":"class","value":"guide"},{"kind":"literal","name":"data-ui-guide","value":""},{"kind":"literal","name":"aria-hidden","value":"true"}],"children":[]},{"kind":"element","name":"button","attributes":[{"kind":"literal","name":"type","value":"button"},{"kind":"literal","name":"class","value":"handle"},{"kind":"attribute","name":"data-ui-affordance","expression":"control.affordance","expressionPlan":{"source":"control.affordance","ast":{"kind":"member","object":{"kind":"id","name":"control"},"key":"affordance"},"dependencies":["control.affordance"]}},{"kind":"attribute","name":"data-action","expression":"control.action","expressionPlan":{"source":"control.action","ast":{"kind":"member","object":{"kind":"id","name":"control"},"key":"action"},"dependencies":["control.action"]}},{"kind":"attribute","name":"data-boundary-index","expression":"control.index","expressionPlan":{"source":"control.index","ast":{"kind":"member","object":{"kind":"id","name":"control"},"key":"index"},"dependencies":["control.index"]}},{"kind":"attribute","name":"aria-label","expression":"control.label","expressionPlan":{"source":"control.label","ast":{"kind":"member","object":{"kind":"id","name":"control"},"key":"label"},"dependencies":["control.label"]}}],"children":[{"kind":"element","name":"ui-icon","attributes":[{"kind":"literal","name":"name","value":"plus"}],"children":[]},{"kind":"element","name":"span","attributes":[{"kind":"literal","name":"class","value":"tooltip"},{"kind":"literal","name":"role","value":"tooltip"},{"kind":"directive","name":"value","expression":"control.label","expressionPlan":{"source":"control.label","ast":{"kind":"member","object":{"kind":"id","name":"control"},"key":"label"},"dependencies":["control.label"]}}],"children":[]}]}],"flow":{"kind":"each","item":"control","list":"cols","listPlan":{"source":"cols","ast":{"kind":"id","name":"cols"},"dependencies":["cols"]},"key":"control.key","keyPlan":{"source":"control.key","ast":{"kind":"member","object":{"kind":"id","name":"control"},"key":"key"},"dependencies":["control.key"]}}}]},{"kind":"element","name":"template","attributes":[],"children":[{"kind":"element","name":"button","attributes":[{"kind":"literal","name":"type","value":"button"},{"kind":"literal","name":"class","value":"selector row"},{"kind":"attribute","name":"top","expression":"hovered.rowOffset","expressionPlan":{"source":"hovered.rowOffset","ast":{"kind":"member","object":{"kind":"id","name":"hovered"},"key":"rowOffset"},"dependencies":["hovered.rowOffset"]},"target":"style"},{"kind":"literal","name":"data-action","value":"select-row"},{"kind":"attribute","name":"data-row-index","expression":"hovered.rowIndex","expressionPlan":{"source":"hovered.rowIndex","ast":{"kind":"member","object":{"kind":"id","name":"hovered"},"key":"rowIndex"},"dependencies":["hovered.rowIndex"]}},{"kind":"attribute","name":"data-column-index","expression":"hovered.columnIndex","expressionPlan":{"source":"hovered.columnIndex","ast":{"kind":"member","object":{"kind":"id","name":"hovered"},"key":"columnIndex"},"dependencies":["hovered.columnIndex"]}},{"kind":"literal","name":"title","value":"Drag row to reorder; click for actions"},{"kind":"literal","name":"aria-label","value":"Row actions"}],"children":[{"kind":"element","name":"span","attributes":[{"kind":"literal","name":"class","value":"glyph"}],"children":[{"kind":"element","name":"ui-icon","attributes":[{"kind":"literal","name":"name","value":"grip-vertical"}],"children":[]}]}]},{"kind":"element","name":"button","attributes":[{"kind":"literal","name":"type","value":"button"},{"kind":"literal","name":"class","value":"selector column"},{"kind":"attribute","name":"left","expression":"hovered.columnOffset","expressionPlan":{"source":"hovered.columnOffset","ast":{"kind":"member","object":{"kind":"id","name":"hovered"},"key":"columnOffset"},"dependencies":["hovered.columnOffset"]},"target":"style"},{"kind":"literal","name":"data-action","value":"select-column"},{"kind":"attribute","name":"data-row-index","expression":"hovered.rowIndex","expressionPlan":{"source":"hovered.rowIndex","ast":{"kind":"member","object":{"kind":"id","name":"hovered"},"key":"rowIndex"},"dependencies":["hovered.rowIndex"]}},{"kind":"attribute","name":"data-column-index","expression":"hovered.columnIndex","expressionPlan":{"source":"hovered.columnIndex","ast":{"kind":"member","object":{"kind":"id","name":"hovered"},"key":"columnIndex"},"dependencies":["hovered.columnIndex"]}},{"kind":"literal","name":"title","value":"Drag column to reorder; click for actions"},{"kind":"literal","name":"aria-label","value":"Column actions"}],"children":[{"kind":"element","name":"span","attributes":[{"kind":"literal","name":"class","value":"glyph"}],"children":[{"kind":"element","name":"ui-icon","attributes":[{"kind":"literal","name":"name","value":"grip-horizontal"}],"children":[]}]}]}],"flow":{"kind":"if","test":"hovered","testPlan":{"source":"hovered","ast":{"kind":"id","name":"hovered"},"dependencies":["hovered"]}}},{"kind":"element","name":"button","attributes":[{"kind":"literal","name":"type","value":"button"},{"kind":"literal","name":"class","value":"cell-menu"},{"kind":"attribute","name":"left","expression":"active.menuLeft","expressionPlan":{"source":"active.menuLeft","ast":{"kind":"member","object":{"kind":"id","name":"active"},"key":"menuLeft"},"dependencies":["active.menuLeft"]},"target":"style"},{"kind":"attribute","name":"top","expression":"active.menuTop","expressionPlan":{"source":"active.menuTop","ast":{"kind":"member","object":{"kind":"id","name":"active"},"key":"menuTop"},"dependencies":["active.menuTop"]},"target":"style"},{"kind":"literal","name":"data-action","value":"open-cell-menu"},{"kind":"attribute","name":"data-row-index","expression":"active.rowIndex","expressionPlan":{"source":"active.rowIndex","ast":{"kind":"member","object":{"kind":"id","name":"active"},"key":"rowIndex"},"dependencies":["active.rowIndex"]}},{"kind":"attribute","name":"data-column-index","expression":"active.columnIndex","expressionPlan":{"source":"active.columnIndex","ast":{"kind":"member","object":{"kind":"id","name":"active"},"key":"columnIndex"},"dependencies":["active.columnIndex"]}},{"kind":"literal","name":"title","value":"Cell actions"},{"kind":"literal","name":"aria-label","value":"Cell actions"}],"children":[{"kind":"element","name":"ui-icon","attributes":[{"kind":"literal","name":"name","value":"chevron-down"}],"children":[]}],"flow":{"kind":"if","test":"active","testPlan":{"source":"active","ast":{"kind":"id","name":"active"},"dependencies":["active"]}}},{"kind":"element","name":"span","attributes":[{"kind":"literal","name":"class","value":"drop-indicator"},{"kind":"literal","name":"data-drop-indicator","value":""},{"kind":"literal","name":"hidden","value":""},{"kind":"literal","name":"aria-hidden","value":"true"}],"children":[]}]},"declarations":[{"kind":"state","name":"rows","shape":{"kind":"list","item":{"kind":"object","fields":[{"name":"key","type":{"kind":"terminal","name":"string"},"optional":false},{"name":"index","type":{"kind":"terminal","name":"integer"},"optional":false},{"name":"offset","type":{"kind":"terminal","name":"string"},"optional":false},{"name":"affordance","type":{"kind":"constrained","base":{"kind":"terminal","name":"keyword"},"values":["insert-row","insert-column"]},"optional":false},{"name":"action","type":{"kind":"constrained","base":{"kind":"terminal","name":"keyword"},"values":["add-row-before","add-row-after","add-column-before","add-column-after"]},"optional":false},{"name":"label","type":{"kind":"terminal","name":"string"},"optional":false}],"open":false}},"type":"list","value":"[]","expression":{"source":"[]","ast":{"kind":"array","items":[]},"dependencies":[]}},{"kind":"state","name":"cols","shape":{"kind":"list","item":{"kind":"object","fields":[{"name":"key","type":{"kind":"terminal","name":"string"},"optional":false},{"name":"index","type":{"kind":"terminal","name":"integer"},"optional":false},{"name":"offset","type":{"kind":"terminal","name":"string"},"optional":false},{"name":"affordance","type":{"kind":"constrained","base":{"kind":"terminal","name":"keyword"},"values":["insert-row","insert-column"]},"optional":false},{"name":"action","type":{"kind":"constrained","base":{"kind":"terminal","name":"keyword"},"values":["add-row-before","add-row-after","add-column-before","add-column-after"]},"optional":false},{"name":"label","type":{"kind":"terminal","name":"string"},"optional":false}],"open":false}},"type":"list","value":"[]","expression":{"source":"[]","ast":{"kind":"array","items":[]},"dependencies":[]}},{"kind":"state","name":"hovered","shape":{"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},"type":"object"},{"kind":"state","name":"active","shape":{"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},"type":"object"},{"kind":"state","name":"activeKey","type":"string","value":"","expression":{"source":"\"\"","ast":{"kind":"literal","value":""},"dependencies":[]}},{"kind":"event","name":"add-row-before","type":"object({ boundaryIndex: integer })","bubbles":true,"composed":true,"cancelable":false},{"kind":"event","name":"add-row-after","type":"object({ boundaryIndex: integer })","bubbles":true,"composed":true,"cancelable":false},{"kind":"event","name":"add-column-before","type":"object({ boundaryIndex: integer })","bubbles":true,"composed":true,"cancelable":false},{"kind":"event","name":"add-column-after","type":"object({ boundaryIndex: integer })","bubbles":true,"composed":true,"cancelable":false},{"kind":"event","name":"select-row","type":"object({ rowIndex: integer, columnIndex: integer })","bubbles":true,"composed":true,"cancelable":false},{"kind":"event","name":"select-column","type":"object({ rowIndex: integer, columnIndex: integer })","bubbles":true,"composed":true,"cancelable":false},{"kind":"event","name":"reorder-row","type":"object({ fromIndex: integer, toIndex: integer })","bubbles":true,"composed":true,"cancelable":false},{"kind":"event","name":"reorder-column","type":"object({ fromIndex: integer, toIndex: integer })","bubbles":true,"composed":true,"cancelable":false},{"kind":"event","name":"open-cell-menu","type":"object({ rowIndex: integer, columnIndex: integer, anchor: object({ left: number, top: number, right: number, bottom: number }) })","bubbles":true,"composed":true,"cancelable":false},{"kind":"event","name":"open-row-menu","type":"object({ rowIndex: integer, columnIndex: integer, anchor: object({ left: number, top: number, right: number, bottom: number }) })","bubbles":true,"composed":true,"cancelable":false},{"kind":"event","name":"open-column-menu","type":"object({ rowIndex: integer, columnIndex: integer, anchor: object({ left: number, top: number, right: number, bottom: number }) })","bubbles":true,"composed":true,"cancelable":false}],"root":{"kind":"native","element":"div","choices":["div"]}},source:{file:import.meta.url},css:""};
+const definition = {...{"contract":{"tag":"ui-editor-table-overlay","props":{"geometry":{"type":{"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":[{"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}],"open":false},{"kind":"terminal","name":"null"}]},"optional":true}],"open":false},"required":false,"target":{"attribute":"geometry"}},"open":{"type":"boolean","required":false,"target":{"attribute":"open"},"default":false}}},"template":{"kind":"element","name":"div","attributes":[{"kind":"literal","name":"aria-label","value":"Table controls"},{"kind":"attribute","name":"hidden","expression":"not open","expressionPlan":{"source":"not open","ast":{"kind":"unary","op":"not","operand":{"kind":"id","name":"open"}},"dependencies":["open"]}}],"children":[{"kind":"element","name":"div","attributes":[{"kind":"literal","name":"class","value":"rows"}],"children":[{"kind":"element","name":"div","attributes":[{"kind":"literal","name":"class","value":"control row"},{"kind":"attribute","name":"active","expression":"control.key = activeKey","expressionPlan":{"source":"control.key = activeKey","ast":{"kind":"binary","op":"=","left":{"kind":"member","object":{"kind":"id","name":"control"},"key":"key"},"right":{"kind":"id","name":"activeKey"}},"dependencies":["activeKey","control.key"]},"target":"class"},{"kind":"attribute","name":"top","expression":"control.offset","expressionPlan":{"source":"control.offset","ast":{"kind":"member","object":{"kind":"id","name":"control"},"key":"offset"},"dependencies":["control.offset"]},"target":"style"},{"kind":"attribute","name":"data-control-key","expression":"control.key","expressionPlan":{"source":"control.key","ast":{"kind":"member","object":{"kind":"id","name":"control"},"key":"key"},"dependencies":["control.key"]}}],"children":[{"kind":"element","name":"span","attributes":[{"kind":"literal","name":"class","value":"line"},{"kind":"literal","name":"aria-hidden","value":"true"}],"children":[]},{"kind":"element","name":"span","attributes":[{"kind":"literal","name":"class","value":"guide"},{"kind":"literal","name":"data-ui-guide","value":""},{"kind":"literal","name":"aria-hidden","value":"true"}],"children":[]},{"kind":"element","name":"button","attributes":[{"kind":"literal","name":"type","value":"button"},{"kind":"literal","name":"class","value":"handle"},{"kind":"attribute","name":"data-ui-affordance","expression":"control.affordance","expressionPlan":{"source":"control.affordance","ast":{"kind":"member","object":{"kind":"id","name":"control"},"key":"affordance"},"dependencies":["control.affordance"]}},{"kind":"attribute","name":"data-action","expression":"control.action","expressionPlan":{"source":"control.action","ast":{"kind":"member","object":{"kind":"id","name":"control"},"key":"action"},"dependencies":["control.action"]}},{"kind":"attribute","name":"data-boundary-index","expression":"control.index","expressionPlan":{"source":"control.index","ast":{"kind":"member","object":{"kind":"id","name":"control"},"key":"index"},"dependencies":["control.index"]}},{"kind":"attribute","name":"aria-label","expression":"control.label","expressionPlan":{"source":"control.label","ast":{"kind":"member","object":{"kind":"id","name":"control"},"key":"label"},"dependencies":["control.label"]}}],"children":[{"kind":"element","name":"ui-icon","attributes":[{"kind":"literal","name":"name","value":"plus"}],"children":[]},{"kind":"element","name":"span","attributes":[{"kind":"literal","name":"class","value":"tooltip"},{"kind":"literal","name":"role","value":"tooltip"}],"children":[{"kind":"text","value":"$control.label","expressionPlan":{"source":"$control.label","ast":{"kind":"member","object":{"kind":"id","name":"control"},"key":"label"},"dependencies":["control.label"]}}]}]}],"flow":{"kind":"each","item":"control","list":"rows","listPlan":{"source":"rows","ast":{"kind":"id","name":"rows"},"dependencies":["rows"]},"key":"control.key","keyPlan":{"source":"control.key","ast":{"kind":"member","object":{"kind":"id","name":"control"},"key":"key"},"dependencies":["control.key"]}}}]},{"kind":"element","name":"div","attributes":[{"kind":"literal","name":"class","value":"cols"}],"children":[{"kind":"element","name":"div","attributes":[{"kind":"literal","name":"class","value":"control col"},{"kind":"attribute","name":"active","expression":"control.key = activeKey","expressionPlan":{"source":"control.key = activeKey","ast":{"kind":"binary","op":"=","left":{"kind":"member","object":{"kind":"id","name":"control"},"key":"key"},"right":{"kind":"id","name":"activeKey"}},"dependencies":["activeKey","control.key"]},"target":"class"},{"kind":"attribute","name":"left","expression":"control.offset","expressionPlan":{"source":"control.offset","ast":{"kind":"member","object":{"kind":"id","name":"control"},"key":"offset"},"dependencies":["control.offset"]},"target":"style"},{"kind":"attribute","name":"data-control-key","expression":"control.key","expressionPlan":{"source":"control.key","ast":{"kind":"member","object":{"kind":"id","name":"control"},"key":"key"},"dependencies":["control.key"]}}],"children":[{"kind":"element","name":"span","attributes":[{"kind":"literal","name":"class","value":"line"},{"kind":"literal","name":"aria-hidden","value":"true"}],"children":[]},{"kind":"element","name":"span","attributes":[{"kind":"literal","name":"class","value":"guide"},{"kind":"literal","name":"data-ui-guide","value":""},{"kind":"literal","name":"aria-hidden","value":"true"}],"children":[]},{"kind":"element","name":"button","attributes":[{"kind":"literal","name":"type","value":"button"},{"kind":"literal","name":"class","value":"handle"},{"kind":"attribute","name":"data-ui-affordance","expression":"control.affordance","expressionPlan":{"source":"control.affordance","ast":{"kind":"member","object":{"kind":"id","name":"control"},"key":"affordance"},"dependencies":["control.affordance"]}},{"kind":"attribute","name":"data-action","expression":"control.action","expressionPlan":{"source":"control.action","ast":{"kind":"member","object":{"kind":"id","name":"control"},"key":"action"},"dependencies":["control.action"]}},{"kind":"attribute","name":"data-boundary-index","expression":"control.index","expressionPlan":{"source":"control.index","ast":{"kind":"member","object":{"kind":"id","name":"control"},"key":"index"},"dependencies":["control.index"]}},{"kind":"attribute","name":"aria-label","expression":"control.label","expressionPlan":{"source":"control.label","ast":{"kind":"member","object":{"kind":"id","name":"control"},"key":"label"},"dependencies":["control.label"]}}],"children":[{"kind":"element","name":"ui-icon","attributes":[{"kind":"literal","name":"name","value":"plus"}],"children":[]},{"kind":"element","name":"span","attributes":[{"kind":"literal","name":"class","value":"tooltip"},{"kind":"literal","name":"role","value":"tooltip"}],"children":[{"kind":"text","value":"$control.label","expressionPlan":{"source":"$control.label","ast":{"kind":"member","object":{"kind":"id","name":"control"},"key":"label"},"dependencies":["control.label"]}}]}]}],"flow":{"kind":"each","item":"control","list":"cols","listPlan":{"source":"cols","ast":{"kind":"id","name":"cols"},"dependencies":["cols"]},"key":"control.key","keyPlan":{"source":"control.key","ast":{"kind":"member","object":{"kind":"id","name":"control"},"key":"key"},"dependencies":["control.key"]}}}]},{"kind":"element","name":"template","attributes":[],"children":[{"kind":"element","name":"button","attributes":[{"kind":"literal","name":"type","value":"button"},{"kind":"literal","name":"class","value":"selector row"},{"kind":"attribute","name":"top","expression":"hovered.rowOffset","expressionPlan":{"source":"hovered.rowOffset","ast":{"kind":"member","object":{"kind":"id","name":"hovered"},"key":"rowOffset"},"dependencies":["hovered.rowOffset"]},"target":"style"},{"kind":"literal","name":"data-action","value":"select-row"},{"kind":"attribute","name":"data-row-index","expression":"hovered.rowIndex","expressionPlan":{"source":"hovered.rowIndex","ast":{"kind":"member","object":{"kind":"id","name":"hovered"},"key":"rowIndex"},"dependencies":["hovered.rowIndex"]}},{"kind":"attribute","name":"data-column-index","expression":"hovered.columnIndex","expressionPlan":{"source":"hovered.columnIndex","ast":{"kind":"member","object":{"kind":"id","name":"hovered"},"key":"columnIndex"},"dependencies":["hovered.columnIndex"]}},{"kind":"literal","name":"title","value":"Drag row to reorder; click for actions"},{"kind":"literal","name":"aria-label","value":"Row actions"}],"children":[{"kind":"element","name":"span","attributes":[{"kind":"literal","name":"class","value":"glyph"}],"children":[{"kind":"element","name":"ui-icon","attributes":[{"kind":"literal","name":"name","value":"grip-vertical"}],"children":[]}]}]},{"kind":"element","name":"button","attributes":[{"kind":"literal","name":"type","value":"button"},{"kind":"literal","name":"class","value":"selector column"},{"kind":"attribute","name":"left","expression":"hovered.columnOffset","expressionPlan":{"source":"hovered.columnOffset","ast":{"kind":"member","object":{"kind":"id","name":"hovered"},"key":"columnOffset"},"dependencies":["hovered.columnOffset"]},"target":"style"},{"kind":"literal","name":"data-action","value":"select-column"},{"kind":"attribute","name":"data-row-index","expression":"hovered.rowIndex","expressionPlan":{"source":"hovered.rowIndex","ast":{"kind":"member","object":{"kind":"id","name":"hovered"},"key":"rowIndex"},"dependencies":["hovered.rowIndex"]}},{"kind":"attribute","name":"data-column-index","expression":"hovered.columnIndex","expressionPlan":{"source":"hovered.columnIndex","ast":{"kind":"member","object":{"kind":"id","name":"hovered"},"key":"columnIndex"},"dependencies":["hovered.columnIndex"]}},{"kind":"literal","name":"title","value":"Drag column to reorder; click for actions"},{"kind":"literal","name":"aria-label","value":"Column actions"}],"children":[{"kind":"element","name":"span","attributes":[{"kind":"literal","name":"class","value":"glyph"}],"children":[{"kind":"element","name":"ui-icon","attributes":[{"kind":"literal","name":"name","value":"grip-horizontal"}],"children":[]}]}]}],"flow":{"kind":"if","test":"hovered","testPlan":{"source":"hovered","ast":{"kind":"id","name":"hovered"},"dependencies":["hovered"]}}},{"kind":"element","name":"button","attributes":[{"kind":"literal","name":"type","value":"button"},{"kind":"literal","name":"class","value":"cell-menu"},{"kind":"attribute","name":"left","expression":"active.menuLeft","expressionPlan":{"source":"active.menuLeft","ast":{"kind":"member","object":{"kind":"id","name":"active"},"key":"menuLeft"},"dependencies":["active.menuLeft"]},"target":"style"},{"kind":"attribute","name":"top","expression":"active.menuTop","expressionPlan":{"source":"active.menuTop","ast":{"kind":"member","object":{"kind":"id","name":"active"},"key":"menuTop"},"dependencies":["active.menuTop"]},"target":"style"},{"kind":"literal","name":"data-action","value":"open-cell-menu"},{"kind":"attribute","name":"data-row-index","expression":"active.rowIndex","expressionPlan":{"source":"active.rowIndex","ast":{"kind":"member","object":{"kind":"id","name":"active"},"key":"rowIndex"},"dependencies":["active.rowIndex"]}},{"kind":"attribute","name":"data-column-index","expression":"active.columnIndex","expressionPlan":{"source":"active.columnIndex","ast":{"kind":"member","object":{"kind":"id","name":"active"},"key":"columnIndex"},"dependencies":["active.columnIndex"]}},{"kind":"literal","name":"title","value":"Cell actions"},{"kind":"literal","name":"aria-label","value":"Cell actions"}],"children":[{"kind":"element","name":"ui-icon","attributes":[{"kind":"literal","name":"name","value":"chevron-down"}],"children":[]}],"flow":{"kind":"if","test":"active","testPlan":{"source":"active","ast":{"kind":"id","name":"active"},"dependencies":["active"]}}},{"kind":"element","name":"span","attributes":[{"kind":"literal","name":"class","value":"drop-indicator"},{"kind":"literal","name":"data-drop-indicator","value":""},{"kind":"literal","name":"hidden","value":""},{"kind":"literal","name":"aria-hidden","value":"true"}],"children":[]}]},"declarations":[{"kind":"state","name":"rows","shape":{"kind":"list","item":{"kind":"object","fields":[{"name":"key","type":{"kind":"terminal","name":"string"},"optional":false},{"name":"index","type":{"kind":"terminal","name":"integer"},"optional":false},{"name":"offset","type":{"kind":"terminal","name":"string"},"optional":false},{"name":"affordance","type":{"kind":"constrained","base":{"kind":"terminal","name":"keyword"},"values":["insert-row","insert-column"]},"optional":false},{"name":"action","type":{"kind":"constrained","base":{"kind":"terminal","name":"keyword"},"values":["add-row-before","add-row-after","add-column-before","add-column-after"]},"optional":false},{"name":"label","type":{"kind":"terminal","name":"string"},"optional":false}],"open":false}},"type":"list","value":"[]","expression":{"source":"[]","ast":{"kind":"array","items":[]},"dependencies":[]}},{"kind":"state","name":"cols","shape":{"kind":"list","item":{"kind":"object","fields":[{"name":"key","type":{"kind":"terminal","name":"string"},"optional":false},{"name":"index","type":{"kind":"terminal","name":"integer"},"optional":false},{"name":"offset","type":{"kind":"terminal","name":"string"},"optional":false},{"name":"affordance","type":{"kind":"constrained","base":{"kind":"terminal","name":"keyword"},"values":["insert-row","insert-column"]},"optional":false},{"name":"action","type":{"kind":"constrained","base":{"kind":"terminal","name":"keyword"},"values":["add-row-before","add-row-after","add-column-before","add-column-after"]},"optional":false},{"name":"label","type":{"kind":"terminal","name":"string"},"optional":false}],"open":false}},"type":"list","value":"[]","expression":{"source":"[]","ast":{"kind":"array","items":[]},"dependencies":[]}},{"kind":"state","name":"hovered","shape":{"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},"type":"object"},{"kind":"state","name":"active","shape":{"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},"type":"object"},{"kind":"state","name":"activeKey","type":"string","value":"","expression":{"source":"\"\"","ast":{"kind":"literal","value":""},"dependencies":[]}},{"kind":"event","name":"add-row-before","type":"object({ boundaryIndex: integer })","bubbles":true,"composed":true,"cancelable":false},{"kind":"event","name":"add-row-after","type":"object({ boundaryIndex: integer })","bubbles":true,"composed":true,"cancelable":false},{"kind":"event","name":"add-column-before","type":"object({ boundaryIndex: integer })","bubbles":true,"composed":true,"cancelable":false},{"kind":"event","name":"add-column-after","type":"object({ boundaryIndex: integer })","bubbles":true,"composed":true,"cancelable":false},{"kind":"event","name":"select-row","type":"object({ rowIndex: integer, columnIndex: integer })","bubbles":true,"composed":true,"cancelable":false},{"kind":"event","name":"select-column","type":"object({ rowIndex: integer, columnIndex: integer })","bubbles":true,"composed":true,"cancelable":false},{"kind":"event","name":"reorder-row","type":"object({ fromIndex: integer, toIndex: integer })","bubbles":true,"composed":true,"cancelable":false},{"kind":"event","name":"reorder-column","type":"object({ fromIndex: integer, toIndex: integer })","bubbles":true,"composed":true,"cancelable":false},{"kind":"event","name":"open-cell-menu","type":"object({ rowIndex: integer, columnIndex: integer, anchor: object({ left: number, top: number, right: number, bottom: number }) })","bubbles":true,"composed":true,"cancelable":false},{"kind":"event","name":"open-row-menu","type":"object({ rowIndex: integer, columnIndex: integer, anchor: object({ left: number, top: number, right: number, bottom: number }) })","bubbles":true,"composed":true,"cancelable":false},{"kind":"event","name":"open-column-menu","type":"object({ rowIndex: integer, columnIndex: integer, anchor: object({ left: number, top: number, right: number, bottom: number }) })","bubbles":true,"composed":true,"cancelable":false}],"root":{"kind":"native","element":"div","choices":["div"]}},source:{file:import.meta.url},css:""};
 
 export function createUiEditorTableOverlay(options = {}) {
   const { attributes = {}, children = [], slots = {}, ...componentProps } = options;
@@ -37,80 +37,84 @@ export function createUiEditorTableOverlay(options = {}) {
   const element6 = document.createElement("span");
   element6.setAttribute("class", "tooltip");
   element6.setAttribute("role", "tooltip");
+  const text7 = document.createTextNode("");
+  element6.append(text7);
   element4.append(element6);
   element1.append(element4);
   element0.append(element1);
   element.append(element0);
-  const element7 = document.createElement("div");
-  element7.setAttribute("class", "cols");
   const element8 = document.createElement("div");
-  element8.setAttribute("class", "control col");
-  const element9 = document.createElement("span");
-  element9.setAttribute("class", "line");
-  element9.setAttribute("aria-hidden", "true");
-  element8.append(element9);
+  element8.setAttribute("class", "cols");
+  const element9 = document.createElement("div");
+  element9.setAttribute("class", "control col");
   const element10 = document.createElement("span");
-  element10.setAttribute("class", "guide");
-  element10.setAttribute("data-ui-guide", "");
+  element10.setAttribute("class", "line");
   element10.setAttribute("aria-hidden", "true");
-  element8.append(element10);
-  const element11 = document.createElement("button");
-  element11.setAttribute("type", "button");
-  element11.setAttribute("class", "handle");
-  const element12 = document.createElement("ui-icon");
-  element12.setAttribute("name", "plus");
-  element11.append(element12);
-  const element13 = document.createElement("span");
-  element13.setAttribute("class", "tooltip");
-  element13.setAttribute("role", "tooltip");
-  element11.append(element13);
-  element8.append(element11);
-  element7.append(element8);
-  element.append(element7);
-  const element14 = document.createElement("template");
-  const element15 = document.createElement("button");
-  element15.setAttribute("type", "button");
-  element15.setAttribute("class", "selector row");
-  element15.setAttribute("data-action", "select-row");
-  element15.setAttribute("title", "Drag row to reorder; click for actions");
-  element15.setAttribute("aria-label", "Row actions");
-  const element16 = document.createElement("span");
-  element16.setAttribute("class", "glyph");
-  const element17 = document.createElement("ui-icon");
-  element17.setAttribute("name", "grip-vertical");
-  element16.append(element17);
-  element15.append(element16);
-  element14.append(element15);
-  const element18 = document.createElement("button");
-  element18.setAttribute("type", "button");
-  element18.setAttribute("class", "selector column");
-  element18.setAttribute("data-action", "select-column");
-  element18.setAttribute("title", "Drag column to reorder; click for actions");
-  element18.setAttribute("aria-label", "Column actions");
-  const element19 = document.createElement("span");
-  element19.setAttribute("class", "glyph");
-  const element20 = document.createElement("ui-icon");
-  element20.setAttribute("name", "grip-horizontal");
-  element19.append(element20);
+  element9.append(element10);
+  const element11 = document.createElement("span");
+  element11.setAttribute("class", "guide");
+  element11.setAttribute("data-ui-guide", "");
+  element11.setAttribute("aria-hidden", "true");
+  element9.append(element11);
+  const element12 = document.createElement("button");
+  element12.setAttribute("type", "button");
+  element12.setAttribute("class", "handle");
+  const element13 = document.createElement("ui-icon");
+  element13.setAttribute("name", "plus");
+  element12.append(element13);
+  const element14 = document.createElement("span");
+  element14.setAttribute("class", "tooltip");
+  element14.setAttribute("role", "tooltip");
+  const text15 = document.createTextNode("");
+  element14.append(text15);
+  element12.append(element14);
+  element9.append(element12);
+  element8.append(element9);
+  element.append(element8);
+  const element16 = document.createElement("template");
+  const element17 = document.createElement("button");
+  element17.setAttribute("type", "button");
+  element17.setAttribute("class", "selector row");
+  element17.setAttribute("data-action", "select-row");
+  element17.setAttribute("title", "Drag row to reorder; click for actions");
+  element17.setAttribute("aria-label", "Row actions");
+  const element18 = document.createElement("span");
+  element18.setAttribute("class", "glyph");
+  const element19 = document.createElement("ui-icon");
+  element19.setAttribute("name", "grip-vertical");
   element18.append(element19);
-  element14.append(element18);
-  element.append(element14);
-  const element21 = document.createElement("button");
-  element21.setAttribute("type", "button");
-  element21.setAttribute("class", "cell-menu");
-  element21.setAttribute("data-action", "open-cell-menu");
-  element21.setAttribute("title", "Cell actions");
-  element21.setAttribute("aria-label", "Cell actions");
+  element17.append(element18);
+  element16.append(element17);
+  const element20 = document.createElement("button");
+  element20.setAttribute("type", "button");
+  element20.setAttribute("class", "selector column");
+  element20.setAttribute("data-action", "select-column");
+  element20.setAttribute("title", "Drag column to reorder; click for actions");
+  element20.setAttribute("aria-label", "Column actions");
+  const element21 = document.createElement("span");
+  element21.setAttribute("class", "glyph");
   const element22 = document.createElement("ui-icon");
-  element22.setAttribute("name", "chevron-down");
+  element22.setAttribute("name", "grip-horizontal");
   element21.append(element22);
-  element.append(element21);
-  const element23 = document.createElement("span");
-  element23.setAttribute("class", "drop-indicator");
-  element23.setAttribute("data-drop-indicator", "");
-  element23.setAttribute("hidden", "");
-  element23.setAttribute("aria-hidden", "true");
+  element20.append(element21);
+  element16.append(element20);
+  element.append(element16);
+  const element23 = document.createElement("button");
+  element23.setAttribute("type", "button");
+  element23.setAttribute("class", "cell-menu");
+  element23.setAttribute("data-action", "open-cell-menu");
+  element23.setAttribute("title", "Cell actions");
+  element23.setAttribute("aria-label", "Cell actions");
+  const element24 = document.createElement("ui-icon");
+  element24.setAttribute("name", "chevron-down");
+  element23.append(element24);
   element.append(element23);
+  const element25 = document.createElement("span");
+  element25.setAttribute("class", "drop-indicator");
+  element25.setAttribute("data-drop-indicator", "");
+  element25.setAttribute("hidden", "");
+  element25.setAttribute("aria-hidden", "true");
+  element.append(element25);
   manageComponentLifecycle(element, definition, { props: componentProps, projected,
     controller,
   });

package/vanilla/UiEditorTableToolbar.d.ts

@@ -1,4 +1,4 @@
-// Generated by HTML Next 1.0.0-alpha.25 for Vanilla DOM. Do not edit.
+// Generated by HTML Next 1.0.0-alpha.26 for Vanilla DOM. Do not edit.
 export interface UiEditorTableToolbarEventMap {
   action: 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" }>;
 }