@fusion.dev/helix 0.162.0 → 0.162.1

package/custom-elements.json

@@ -13899,6 +13899,18 @@
                 "module": "src/breadcrumbs/root/breadcrumbs-root.ts"
               }
             },
+            {
+              "kind": "field",
+              "name": "upgradeWatch",
+              "privacy": "protected",
+              "readonly": true,
+              "default": "new UpgradeController(this, this.handleSlotChange)",
+              "description": "Reads a crumb again once it upgrades, so the current one is marked.",
+              "inheritedFrom": {
+                "name": "HelixHeadlessBreadcrumbs",
+                "module": "src/breadcrumbs/root/breadcrumbs-root.ts"
+              }
+            },
             {
               "kind": "method",
               "name": "renderItems",
@@ -32290,6 +32302,18 @@
                 "module": "src/chat/root/chat-root.ts"
               }
             },
+            {
+              "kind": "field",
+              "name": "upgradeWatch",
+              "privacy": "protected",
+              "readonly": true,
+              "default": "new UpgradeController(this, () => this.handleSlotChange())",
+              "description": "Hears a message upgrade after it arrived. A message is known by its marker,\nwhich an element that has not upgraded lacks, so it was assigned nowhere.",
+              "inheritedFrom": {
+                "name": "HelixHeadlessChat",
+                "module": "src/chat/root/chat-root.ts"
+              }
+            },
             {
               "kind": "field",
               "name": "settling",
@@ -34445,6 +34469,18 @@
                 "module": "src/checkbox-group/root/checkbox-group-root.ts"
               }
             },
+            {
+              "kind": "field",
+              "name": "upgradeWatch",
+              "privacy": "protected",
+              "readonly": true,
+              "default": "new UpgradeController(this, undefined, { subtree: true })",
+              "description": "Reads a box again once it upgrades, so it takes the group's name and value.",
+              "inheritedFrom": {
+                "name": "HelixHeadlessCheckboxGroup",
+                "module": "src/checkbox-group/root/checkbox-group-root.ts"
+              }
+            },
             {
               "kind": "field",
               "name": "judged",
@@ -48474,6 +48510,18 @@
                 "module": "src/combobox/root/combobox-root.ts"
               }
             },
+            {
+              "kind": "field",
+              "name": "upgradeWatch",
+              "privacy": "protected",
+              "readonly": true,
+              "default": "new UpgradeController( this, () => { this.listbox?.requestUpdate() this.requestUpdate() }, { subtree: true }, )",
+              "description": "Hears an option upgrade after it arrived. The options are this element's\nchildren, which the listbox reaches through a slot and does not watch, so\nboth read them again: the listbox to select the one `value` names, and this\nelement for the words in its field.",
+              "inheritedFrom": {
+                "name": "HelixHeadlessCombobox",
+                "module": "src/combobox/root/combobox-root.ts"
+              }
+            },
             {
               "kind": "field",
               "name": "panel",
@@ -111831,6 +111879,18 @@
                 "module": "src/list/root/list-root.ts"
               }
             },
+            {
+              "kind": "field",
+              "name": "upgradeWatch",
+              "privacy": "protected",
+              "readonly": true,
+              "default": "new UpgradeController(this, this.handleSlotChange)",
+              "description": "Reads an item again once it upgrades, so it takes the role the list gives its rows.",
+              "inheritedFrom": {
+                "name": "HelixHeadlessList",
+                "module": "src/list/root/list-root.ts"
+              }
+            },
             {
               "kind": "field",
               "name": "tier",
@@ -114086,6 +114146,17 @@
                 "module": "src/listbox/root/listbox-root.ts"
               }
             },
+            {
+              "kind": "field",
+              "name": "upgradeWatch",
+              "privacy": "protected",
+              "readonly": true,
+              "default": "new UpgradeController(this, undefined, { subtree: true })",
+              "inheritedFrom": {
+                "name": "HelixHeadlessListbox",
+                "module": "src/listbox/root/listbox-root.ts"
+              }
+            },
             {
               "kind": "method",
               "name": "among",
@@ -136041,13 +136112,35 @@
                 "module": "src/notifications/group/notification-group.ts"
               }
             },
+            {
+              "kind": "field",
+              "name": "recount",
+              "privacy": "private",
+              "readonly": true,
+              "description": "Hears a row arrive after the render. The slot is assigned by hand, so a\nnew row is in no slot and sends no `slotchange` to say it came. The feed\nthe group is in is asked to update as well, since it counts the group's\nrows and does not watch inside the group.",
+              "inheritedFrom": {
+                "name": "HelixHeadlessNotificationGroup",
+                "module": "src/notifications/group/notification-group.ts"
+              }
+            },
             {
               "kind": "field",
               "name": "childWatch",
               "privacy": "protected",
               "readonly": true,
-              "default": "new ChildrenController(this, () => { this.requestUpdate() ;(this.parentElement as Partial<Pick<HelixElement, 'requestUpdate'>> | null)?.requestUpdate?.() })",
-              "description": "Hears a row arrive after the render. The slot is assigned by hand, so a\nnew row is in no slot and sends no `slotchange` to say it came. The feed\nthe group is in is asked to update as well, since it counts the group's\nrows and does not watch inside the group.",
+              "default": "new ChildrenController(this, this.recount)",
+              "inheritedFrom": {
+                "name": "HelixHeadlessNotificationGroup",
+                "module": "src/notifications/group/notification-group.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "upgradeWatch",
+              "privacy": "protected",
+              "readonly": true,
+              "default": "new UpgradeController(this, this.recount)",
+              "description": "Hears a row upgrade after it arrived, which neither the slot nor `childWatch` reports.",
               "inheritedFrom": {
                 "name": "HelixHeadlessNotificationGroup",
                 "module": "src/notifications/group/notification-group.ts"
@@ -138616,6 +138709,18 @@
                 "module": "src/notifications/root/notifications-root.ts"
               }
             },
+            {
+              "kind": "field",
+              "name": "upgradeWatch",
+              "privacy": "protected",
+              "readonly": true,
+              "default": "new UpgradeController(this, this.handleSlotChange)",
+              "description": "Hears a row upgrade after it arrived. A row is known by its marker, which\nan element that has not upgraded lacks, so the row was assigned nowhere.",
+              "inheritedFrom": {
+                "name": "HelixHeadlessNotifications",
+                "module": "src/notifications/root/notifications-root.ts"
+              }
+            },
             {
               "kind": "field",
               "name": "handleRead",
@@ -138814,7 +138919,7 @@
                   "text": "void"
                 }
               },
-              "description": "Says whether anything in the feed has media, so every item can hold the\ncolumn open whether or not it has one of its own.\n\n**A fact no item can answer for itself**, which is why it is here. An item\nknows about its own media slot and nothing about its neighbors, so a feed\nwhere some rows have an avatar and some do not draws two different left\nedges for its text: measured on a four item feed, the rows without media\nstarted their text 32 pixels to the left of the rows with it. The styled\ntier turns this into a width; this tier ships no stylesheet and is\nunaffected.\n\n**What is asked of each row is its light DOM, not the row.** A notification\npublishes no property for this, and asking one would make the answer depend\non the row having drawn itself; a `[slot=\"media\"]` child is there from the\nmoment the markup is parsed. The rows themselves come from `items`, which\ndoes need them upgraded, and that is the honest limit rather than a claim\nthis had made the other way: a row that upgrades late is counted on the next\nupdate, which its own `slotchange` asks for.",
+              "description": "Says whether anything in the feed has media, so every item can hold the\ncolumn open whether or not it has one of its own.\n\n**A fact no item can answer for itself**, which is why it is here. An item\nknows about its own media slot and nothing about its neighbors, so a feed\nwhere some rows have an avatar and some do not draws two different left\nedges for its text: measured on a four item feed, the rows without media\nstarted their text 32 pixels to the left of the rows with it. The styled\ntier turns this into a width; this tier ships no stylesheet and is\nunaffected.\n\n**What is asked of each row is its light DOM, not the row.** A notification\npublishes no property for this, and asking one would make the answer depend\non the row having drawn itself; a `[slot=\"media\"]` child is there from the\nmoment the markup is parsed. The rows themselves come from `items`, which\ndoes need them upgraded, and that is the honest limit rather than a claim\nthis had made the other way: a row that upgrades late is counted on the next\nupdate, which `UpgradeController` asks for when its definition arrives.",
               "inheritedFrom": {
                 "name": "HelixHeadlessNotifications",
                 "module": "src/notifications/root/notifications-root.ts"
@@ -159886,6 +159991,17 @@
                 "module": "src/radio/group/radio-group.ts"
               }
             },
+            {
+              "kind": "field",
+              "name": "upgradeWatch",
+              "privacy": "protected",
+              "readonly": true,
+              "default": "new UpgradeController(this, undefined, { subtree: true })",
+              "inheritedFrom": {
+                "name": "HelixHeadlessRadioGroup",
+                "module": "src/radio/group/radio-group.ts"
+              }
+            },
             {
               "kind": "field",
               "name": "handleSelection",
@@ -172977,6 +173093,18 @@
                 "module": "src/select/root/select-root.ts"
               }
             },
+            {
+              "kind": "field",
+              "name": "upgradeWatch",
+              "privacy": "protected",
+              "readonly": true,
+              "default": "new UpgradeController( this, () => { this.listbox?.requestUpdate() this.requestUpdate() }, { subtree: true }, )",
+              "description": "Hears an option upgrade after it arrived. The options are this element's\nchildren, which the listbox reaches through a slot and does not watch, so\nboth read them again: the listbox to select the one `value` names, and this\nelement for the words on its trigger.",
+              "inheritedFrom": {
+                "name": "HelixHeadlessSelect",
+                "module": "src/select/root/select-root.ts"
+              }
+            },
             {
               "kind": "field",
               "name": "panel",
@@ -202411,6 +202539,18 @@
                 "module": "src/tag/group/tag-group.ts"
               }
             },
+            {
+              "kind": "field",
+              "name": "upgradeWatch",
+              "privacy": "protected",
+              "readonly": true,
+              "default": "new UpgradeController(this, this.handleSlotchange)",
+              "description": "Reads a tag again once it upgrades, so it takes its role and its place.",
+              "inheritedFrom": {
+                "name": "HelixHeadlessTagGroup",
+                "module": "src/tag/group/tag-group.ts"
+              }
+            },
             {
               "kind": "field",
               "name": "handleFocusin",
@@ -220112,6 +220252,17 @@
                 "module": "src/toggle/group/toggle-group.ts"
               }
             },
+            {
+              "kind": "field",
+              "name": "upgradeWatch",
+              "privacy": "protected",
+              "readonly": true,
+              "default": "new UpgradeController(this, () => this.handleItems(), { subtree: true, })",
+              "inheritedFrom": {
+                "name": "HelixHeadlessToggleGroup",
+                "module": "src/toggle/group/toggle-group.ts"
+              }
+            },
             {
               "kind": "field",
               "name": "handleSelection",
@@ -229615,6 +229766,17 @@
                 "module": "src/tree/root/tree-root.ts"
               }
             },
+            {
+              "kind": "field",
+              "name": "upgradeWatch",
+              "privacy": "protected",
+              "readonly": true,
+              "default": "new UpgradeController(this, () => this.syncItems(), { subtree: true, })",
+              "inheritedFrom": {
+                "name": "HelixHeadlessTree",
+                "module": "src/tree/root/tree-root.ts"
+              }
+            },
             {
               "kind": "field",
               "name": "focused",
@@ -240840,6 +241002,6 @@
   ],
   "helix": {
     "package": "@fusion.dev/helix",
-    "version": "0.162.0"
+    "version": "0.162.1"
   }
 }

package/dist/filter-input/root/filter-input-root.css.js

@@ -3,6 +3,6 @@ export const styles = createSheet(`:host {--_filter-input-size: var(--filter-inp
 var(--filter-input-field-border-color, var(--helix-color-border));border-radius: var(--filter-input-radius, var(--helix-radii-sm));color: var(--helix-color-foreground-subtle);display: flex;flex-wrap: wrap;gap: var(--helix-space-2xs);min-block-size: var(--_filter-input-size);padding-block: var(--helix-space-2xs);padding-inline: var(--filter-input-padding-inline, var(--helix-space-xs));transition:
 border-color var(--helix-duration-fast) var(--helix-easing-standard),
 background-color var(--helix-duration-fast) var(--helix-easing-standard);}::slotted([slot="tags"]) {flex: 0 0 auto;max-inline-size: 100%;}[part="control"] {flex: 1 1 var(--filter-input-control-size, 6ch);}[part="lead"] {align-items: center;align-self: stretch;border-inline-end: var(--helix-border-thin) solid
-var(--filter-input-lead-border-color, var(--helix-color-border));display: flex;margin-block: calc(var(--helix-space-2xs) * -1);margin-inline-start: calc(var(--helix-space-xs) * -1);padding-inline: var(--helix-space-2xs) var(--helix-space-xs);}[part="lead"][hidden] {display: none;}[part="lead"],
+var(--filter-input-lead-border-color, var(--helix-color-border));display: flex;margin-block: calc(var(--helix-space-2xs) * -1);margin-inline-start: calc(var(--helix-space-xs) * -1);padding-inline: var(--helix-space-2xs);}[part="lead"][hidden] {display: none;}[part="lead"],
 slot[name="end"] {--button-size: var(--filter-input-action-size, var(--helix-size-tag));--icon-button-size: var(--filter-input-action-size, var(--helix-size-tag));--button-padding-inline: var(--filter-input-action-padding-inline, var(--helix-space-xs));}slot[name="start"]::slotted(*),
 slot[name="end"]::slotted(*) {color: var(--helix-color-foreground-subtle);flex: 0 0 auto;}[part="clear"] {--icon-size: 0.85em;all: unset;align-items: center;align-self: center;border-radius: var(--helix-radii-sm);box-sizing: border-box;color: var(--filter-input-clear-color, var(--helix-color-foreground-subtle));cursor: pointer;display: flex;flex: 0 0 auto;justify-content: center;min-block-size: var(--helix-size-icon-loose);min-inline-size: var(--helix-size-icon-loose);transition: color var(--helix-duration-fast) var(--helix-easing-standard);}[part="clear"]:hover {background-color: color-mix(in oklab, currentcolor 12%, transparent);color: var(--filter-input-clear-color-hover, var(--helix-color-foreground));}[part="clear"]:focus-visible {outline: var(--helix-size-focus-ring) solid var(--helix-color-focus-ring);outline-offset: var(--helix-size-focus-offset);}:host(:disabled) [part="field"] {cursor: not-allowed;opacity: 0.5;}@media print {:host {print-color-adjust: exact;}}[part="surface"] {--_floating-border-color: var(--filter-input-border-color, var(--helix-color-border));--_floating-border-width: var(--filter-input-border-width, var(--helix-border-floating));--_floating-shadow: var(--filter-input-shadow, var(--helix-shadow-floating));box-sizing: border-box;inline-size: var(--filter-input-panel-size, var(--floating-anchor-inline-size, 100%));max-block-size: var(--floating-available-block-size, 20rem);min-inline-size: max-content;overflow-y: auto;padding-block: var(--helix-space-2xs);padding-inline: var(--helix-space-none);position: absolute;}`);