@threadlabs/looma 0.1.5 → 0.1.7

package/vue/index.js

@@ -1,86 +1,42 @@
 import {
-  createAdapterComponent
-} from "./chunk-P72L3GWE.js";
-
-// src/index.ts
-import "@threadlabs/looma/layout";
-import "@threadlabs/looma/core";
-var Stack = createAdapterComponent("ui-stack", "Stack");
-var Inline = createAdapterComponent("ui-inline", "Inline");
-var Cluster = createAdapterComponent("ui-cluster", "Cluster");
-var Grid = createAdapterComponent("ui-grid", "Grid");
-var Center = createAdapterComponent("ui-center", "Center");
-var Switcher = createAdapterComponent("ui-switcher", "Switcher");
-var Sidebar = createAdapterComponent("ui-sidebar", "Sidebar");
-var Reel = createAdapterComponent("ui-reel", "Reel");
-var Separator = createAdapterComponent("ui-separator", "Separator");
-var Disclosure = createAdapterComponent("ui-disclosure", "Disclosure");
-var Tabs = createAdapterComponent("ui-tabs", "Tabs");
-var Dialog = createAdapterComponent("ui-dialog", "Dialog");
-var Popover = createAdapterComponent("ui-popover", "Popover");
-var Menu = createAdapterComponent("ui-menu", "Menu");
-var MenuItem = createAdapterComponent("ui-menu-item", "MenuItem");
-var ContextMenu = createAdapterComponent("ui-context-menu", "ContextMenu");
-var Button = createAdapterComponent("ui-button", "Button");
-var IconButton = createAdapterComponent("ui-icon-button", "IconButton");
-var Input = createAdapterComponent("ui-input", "Input");
-var Select = createAdapterComponent("ui-select", "Select");
-var Textarea = createAdapterComponent("ui-textarea", "Textarea");
-var FormField = createAdapterComponent("ui-form-field", "FormField");
-var Tooltip = createAdapterComponent("ui-tooltip", "Tooltip");
-var ToastRegion = createAdapterComponent("ui-toast-region", "ToastRegion");
-var Checkbox = createAdapterComponent("ui-checkbox", "Checkbox");
-var Switch = createAdapterComponent("ui-switch", "Switch");
-var RadioGroup = createAdapterComponent("ui-radio-group", "RadioGroup");
-var Radio = createAdapterComponent("ui-radio", "Radio");
-var Badge = createAdapterComponent("ui-badge", "Badge");
-var Avatar = createAdapterComponent("ui-avatar", "Avatar");
-var AvatarGroup = createAdapterComponent("ui-avatar-group", "AvatarGroup");
-var FloatingActionButton = createAdapterComponent(
-  "ui-floating-action-button",
-  "FloatingActionButton"
-);
-var SearchShell = createAdapterComponent("ui-search-shell", "SearchShell");
-var SearchResultRow = createAdapterComponent("ui-search-result-row", "SearchResultRow");
-var TopBar = createAdapterComponent("ui-top-bar", "TopBar");
-var ADAPTER_COMPONENT_TAG_MAP = {
-  Stack: "ui-stack",
-  Inline: "ui-inline",
-  Cluster: "ui-cluster",
-  Grid: "ui-grid",
-  Center: "ui-center",
-  Switcher: "ui-switcher",
-  Sidebar: "ui-sidebar",
-  Reel: "ui-reel",
-  Separator: "ui-separator",
-  Disclosure: "ui-disclosure",
-  Tabs: "ui-tabs",
-  Dialog: "ui-dialog",
-  Popover: "ui-popover",
-  Menu: "ui-menu",
-  MenuItem: "ui-menu-item",
-  ContextMenu: "ui-context-menu",
-  Button: "ui-button",
-  IconButton: "ui-icon-button",
-  Input: "ui-input",
-  Select: "ui-select",
-  Textarea: "ui-textarea",
-  FormField: "ui-form-field",
-  Tooltip: "ui-tooltip",
-  ToastRegion: "ui-toast-region",
-  Checkbox: "ui-checkbox",
-  Switch: "ui-switch",
-  RadioGroup: "ui-radio-group",
-  Radio: "ui-radio",
-  Badge: "ui-badge",
-  Avatar: "ui-avatar",
-  AvatarGroup: "ui-avatar-group",
-  FloatingActionButton: "ui-floating-action-button",
-  SearchShell: "ui-search-shell",
-  SearchResultRow: "ui-search-result-row",
-  TopBar: "ui-top-bar"
-};
-var VUE_ADAPTER_NOTE = "Thin adapter only: attrs and slots pass through to custom elements and DOM events map to typed callbacks.";
+  ADAPTER_COMPONENT_TAG_MAP,
+  Avatar,
+  AvatarGroup,
+  Badge,
+  Button,
+  Center,
+  Checkbox,
+  Cluster,
+  ContextMenu,
+  Dialog,
+  Disclosure,
+  FloatingActionButton,
+  FormField,
+  Grid,
+  IconButton,
+  Inline,
+  Input,
+  Menu,
+  MenuItem,
+  Popover,
+  Radio,
+  RadioGroup,
+  Reel,
+  SearchResultRow,
+  SearchShell,
+  Select,
+  Separator,
+  Sidebar,
+  Stack,
+  Switch,
+  Switcher,
+  Tabs,
+  Textarea,
+  ToastRegion,
+  Tooltip,
+  TopBar,
+  VUE_ADAPTER_NOTE
+} from "./chunk-KDA4RFLQ.js";
 export {
   ADAPTER_COMPONENT_TAG_MAP,
   Avatar,

package/dist/looma/p-a7be33fd.entry.js

@@ -1 +0,0 @@
-import{r as i,g as a,h as o,H as e}from"./p-CEeiinfk.js";import{o as r,c as t,r as s}from"./p-CR7f2MQC.js";import{d as n}from"./p-JwSoedEO.js";const d=class{constructor(a){i(this,a)}get host(){return a(this)}open=!1;defaultOpen=!1;modal=!0;dismissible=!0;internalOpen=!1;overlayId=`ui-dialog-${Math.random().toString(36).slice(2,11)}`;dialogRef;syncFromProp(){this.internalOpen=this.open}syncOpen(){this.dialogRef&&(this.internalOpen?(this.dialogRef.showModal(),r({id:this.overlayId,modal:this.modal,element:this.host,dismissible:this.dismissible,requestClose:(i,a)=>this.handleRequestClose(i,a)})):(this.dialogRef.close(),t(this.overlayId)))}componentDidLoad(){this.syncFromProp(),this.internalOpen=this.internalOpen||this.defaultOpen,this.dialogRef?.addEventListener("close",this.onDialogClose),this.syncOpen()}disconnectedCallback(){this.dialogRef?.removeEventListener("close",this.onDialogClose),t(this.overlayId)}componentDidUpdate(){this.syncOpen()}handleRequestClose(i,a){this.internalOpen=!1,n(this.host,"close",{open:!1,reason:i,trigger:a})}onDialogClose=()=>{this.internalOpen&&(this.internalOpen=!1,t(this.overlayId),n(this.host,"close",{open:!1,reason:"programmatic",trigger:"programmatic"}))};onKeydown=i=>{"Escape"===i.key&&s("escape","keyboard")};render(){return o(e,{key:"2a2fcdfa1e3fac5eb3c0e3d6748cebdf388c216d","data-open":this.internalOpen?"":void 0,onKeyDown:this.onKeydown},o("dialog",{key:"c3eef2bb3bec77fa518269fce38c19c2ededda49",ref:i=>this.dialogRef=i,open:this.internalOpen},o("slot",{key:"9ae5c30d57096184ec287fd9dd134ff566b9fd39"})))}static get watchers(){return{open:[{syncFromProp:0}],internalOpen:[{syncOpen:0}]}}};d.style=":host{display:block}:host:not([data-open]){display:none}:host dialog{--ui-dialog-duration:var(--ui-motion-base);--ui-dialog-viewport-gap:var(--ui-space-4, 1rem);position:fixed;inset:0;inline-size:min(     calc(100% - (var(--ui-dialog-viewport-gap) * 2)),     var(--ui-dialog-max-width, 440px)   );max-inline-size:none;max-block-size:calc(100dvh - (var(--ui-dialog-viewport-gap) * 2));margin:auto;padding:var(--ui-space-4);overflow:auto;background:var(--ui-surface-elevated);border:1px solid var(--ui-border-default);border-radius:var(--ui-radius-dialog);box-shadow:var(--ui-shadow-dialog);visibility:hidden;pointer-events:none;opacity:0;transform:scale(0.96);transition:opacity var(--ui-dialog-duration) var(--ui-motion-ease),     transform var(--ui-dialog-duration) var(--ui-motion-ease),     visibility var(--ui-dialog-duration),     display var(--ui-dialog-duration) var(--ui-motion-ease) allow-discrete,     overlay var(--ui-dialog-duration) var(--ui-motion-ease) allow-discrete}:host dialog[open]{visibility:visible;pointer-events:auto;opacity:1;transform:scale(1);animation:ui-dialog-enter var(--ui-dialog-duration) var(--ui-motion-ease)}@keyframes ui-dialog-enter{from{opacity:0;transform:scale(0.96)}}:host dialog::backdrop{background-color:transparent;transition:background-color var(--ui-dialog-duration) var(--ui-motion-ease),     display var(--ui-dialog-duration) var(--ui-motion-ease) allow-discrete,     overlay var(--ui-dialog-duration) var(--ui-motion-ease) allow-discrete}:host dialog[open]::backdrop{background-color:var(--ui-overlay-backdrop);animation:ui-dialog-backdrop-enter var(--ui-dialog-duration) var(--ui-motion-ease)}@keyframes ui-dialog-backdrop-enter{from{background-color:transparent}}";export{d as ui_dialog}

package/editor/table-overlay-DTr3KC9e.d.ts

@@ -1,12 +0,0 @@
-/**
- * ui-editor-table-overlay — table edge controls for row/column insertion.
- * Emits looma-editor-table-overlay-action with insertion intent.
- * Domain-neutral: no Tiptap dependency.
- */
-type TableOverlayAction = "add-row-before" | "add-row-after" | "add-column-before" | "add-column-after";
-interface TableOverlayActionEventDetail {
-    action: TableOverlayAction;
-    boundaryIndex: number;
-}
-
-export type { TableOverlayAction as T, TableOverlayActionEventDetail as a };

package/vue/chunk-P72L3GWE.js

@@ -1,84 +0,0 @@
-// src/adapter.ts
-import {
-  cloneVNode,
-  defineComponent,
-  h,
-  isVNode,
-  shallowRef,
-  watchEffect
-} from "vue";
-var BASE_EVENT_BINDINGS = [
-  ["open", "onOpen"],
-  ["close", "onClose"],
-  ["select", "onSelect"],
-  ["change", "onChange"],
-  ["input", "onInput"],
-  ["dismiss", "onDismiss"]
-];
-function toHTMLElement(value) {
-  if (!value) return null;
-  if (value instanceof HTMLElement) return value;
-  return null;
-}
-function createAdapterComponent(tagName, displayName, additionalEventBindings = []) {
-  const eventBindings = [...BASE_EVENT_BINDINGS, ...additionalEventBindings];
-  const callbackAttrs = new Set(eventBindings.map(([, callbackAttr]) => callbackAttr));
-  return defineComponent({
-    name: displayName,
-    inheritAttrs: false,
-    setup(_props, { attrs, slots }) {
-      const elementRef = shallowRef(null);
-      watchEffect((onCleanup) => {
-        const element = elementRef.value;
-        if (!element) return;
-        const adapterAttrs = attrs;
-        const handlers = eventBindings.map(
-          ([eventName, callbackAttr]) => {
-            const callback = adapterAttrs[callbackAttr];
-            return [
-              eventName,
-              typeof callback === "function" ? (event) => callback(event.detail) : void 0
-            ];
-          }
-        );
-        for (const [eventName, handler] of handlers) {
-          if (handler) element.addEventListener(eventName, handler);
-        }
-        onCleanup(() => {
-          for (const [eventName, handler] of handlers) {
-            if (handler) element.removeEventListener(eventName, handler);
-          }
-        });
-      });
-      return () => {
-        const forwardedAttrs = Object.fromEntries(
-          Object.entries(attrs).filter(([name]) => !callbackAttrs.has(name))
-        );
-        const children = Object.entries(slots).flatMap(([slotName, slotFn]) => {
-          if (!slotFn) return [];
-          return slotFn().map((node) => {
-            if (slotName === "default") return node;
-            if (isVNode(node)) return cloneVNode(node, { slot: slotName });
-            return h("span", { slot: slotName }, node);
-          });
-        });
-        return h(
-          tagName,
-          {
-            "data-allow-mismatch": forwardedAttrs["data-allow-mismatch"] ?? "class",
-            ...forwardedAttrs,
-            ref: (value) => {
-              elementRef.value = toHTMLElement(value);
-            }
-          },
-          children.length > 0 ? children : void 0
-        );
-      };
-    }
-  });
-}
-
-export {
-  toHTMLElement,
-  createAdapterComponent
-};