@threadlabs/looma 0.30.9 → 0.31.1

package/components/ui-toast/ui-toast.js

@@ -5,7 +5,7 @@ function inputFor(event) {
 }
 
 /** An authored toast hides itself when dismissed, like a dialog closing; clearing hidden shows it again. */
-function connect(host) {
+export function connect(host) {
   const element = host.element;
   const { action } = host.refs;
   if (!element.id) element.id = `ui-toast-authored-${++toastSequence}`;
@@ -82,8 +82,3 @@ function connect(host) {
     element.removeEventListener("focusout", onFocusOut);
   };
 }
-
-/** Keep DOM setup and its cleanup tied to each connection, including reconnects. */
-export default function controller(host) {
-  host.on("connect", () => connect(host));
-}

package/components/ui-toast-region/ui-toast-region.html

@@ -1,6 +1,6 @@
 <link rel="component" href="../ui-icon-button/ui-icon-button.html">
 <link rel="component" href="../ui-icon/ui-icon.html">
-<template component="ui-toast-region" controller="./ui-toast-region.js">
+<template component="ui-toast-region" module="./ui-toast-region.js">
   <defs>
     <prop name="duration" type="number" default="0"
     >Default milliseconds for toasts added with the show-toast event or command; 0 keeps each until dismissed. Hover or focus pauses a timer.</prop>

package/components/ui-toast-region/ui-toast-region.js

@@ -7,7 +7,7 @@ let toastIds = 0;
  * Shows the region while it has authored or generated messages. Generated messages dismiss by
  * action or timeout; authored ui-toast children hide themselves, and a hidden one does not count.
  */
-function connect(host) {
+export function connect(host) {
   const element = host.element;
   const [trigger, stopTracking] = trackTrigger(host);
   const toasts = () => host.state.toasts ?? [];
@@ -119,8 +119,3 @@ function connect(host) {
     if (element.matches(":popover-open")) element.hidePopover();
   };
 }
-
-/** Keep DOM setup and its cleanup tied to each connection, including reconnects. */
-export default function controller(host) {
-  host.on("connect", () => connect(host));
-}

package/components/ui-tooltip/ui-tooltip.html

@@ -1,4 +1,4 @@
-<template component="ui-tooltip" controller="./ui-tooltip.js">
+<template component="ui-tooltip" module="./ui-tooltip.js">
   <defs>
     <prop name="for" type="string" default="">ID of the control described and visually anchored by the tooltip.</prop>
     <prop name="open" type="boolean" default="false">Whether the tooltip is open initially or when set externally.</prop>

package/components/ui-tooltip/ui-tooltip.js

@@ -2,7 +2,7 @@ import { closeOverlay, createAnchoredSurface, createIdResolver, onOverlayOpen, o
 
 const warmTooltips = new WeakMap();
 
-function connect(host) {
+export function connect(host) {
   const element = host.element;
   const document = element.ownerDocument;
   const warm = warmTooltips.get(document) ?? { active: 0, until: 0 };
@@ -212,8 +212,3 @@ function connect(host) {
     closeOverlay(document, overlayId);
   };
 }
-
-/** Keep DOM setup and its cleanup tied to each connection, including reconnects. */
-export default function controller(host) {
-  host.on("connect", () => connect(host));
-}

package/components/ui-tree/ui-tree.html

@@ -1,5 +1,5 @@
 <link rel="component" href="../ui-tree-item/ui-tree-item.html">
-<template component="ui-tree" controller="./ui-tree.js">
+<template component="ui-tree" module="./ui-tree.js">
   <defs>
     <prop name="density" type="keyword" values="comfortable, compact" default="comfortable"
     >Compact trades padding and type size for rows that fit more on screen.</prop>

package/components/ui-tree/ui-tree.js

@@ -16,7 +16,7 @@ function parentItem(item, tree) {
   return parent && tree.contains(parent) ? parent : null;
 }
 
-function connect(host) {
+export function connect(host) {
   const element = host.element;
   const document = element.ownerDocument;
   const itemSelector = '[role="treeitem"]';
@@ -483,8 +483,3 @@ function connect(host) {
     element.removeEventListener("click", onMoveClick, true);
   };
 }
-
-/** Keep DOM setup and its cleanup tied to each connection, including reconnects. */
-export default function controller(host) {
-  host.on("connect", () => connect(host));
-}

package/components/ui-tree-item/ui-tree-item.html

@@ -1,5 +1,5 @@
 <link rel="component" href="../ui-button/ui-button.html">
-<template component="ui-tree-item" controller="./ui-tree-item.js">
+<template component="ui-tree-item" module="./ui-tree-item.js">
   <defs>
     <prop name="itemId" type="string" default=""
     >The item's identifier, reported as sourceId and targetId in the tree's reorder events and as id in its expand event. A sortable item needs one to be

package/components/ui-tree-item/ui-tree-item.js

@@ -17,7 +17,7 @@ const CONTROLS = [
     "radio", "switch", "tab", "slider", "spinbutton", "combobox", "textbox", "dialog"].map((role) => `[role="${role}"]`),
 ].join(", ");
 
-function connect(host) {
+export function connect(host) {
   const element = host.element;
   const { row, disclosure, children, leading, label, actions, labelText } = host.refs;
   // Touch use enlarges rows and hides drag handles (see the template's styles).
@@ -233,8 +233,3 @@ function connect(host) {
     row.removeEventListener("click", onRowClick);
   };
 }
-
-/** Keep DOM setup and its cleanup tied to each connection, including reconnects. */
-export default function controller(host) {
-  host.on("connect", () => connect(host));
-}