@fusion.dev/helix-headless 0.208.0 → 0.208.1

package/dist/carousel/root/carousel-root.js

@@ -1,5 +1,5 @@
 import { __decorate } from "tslib";
-import { ChildrenController, capturePointer, customElement, formatWords, HelixActivateEvent, HelixElement, HelixSelectEvent, hostAria, inlineStep, isRtl, MIRROR_RULE, motionPaused, numberConverter, onMotionChange, reducedMotion, requestChange, SCROLLER_RULE, timeConverter, words, } from '@fusion.dev/helix-core';
+import { assignSlot, ChildrenController, capturePointer, customElement, formatWords, HelixActivateEvent, HelixElement, HelixSelectEvent, hostAria, inlineStep, isRtl, MIRROR_RULE, motionPaused, numberConverter, onMotionChange, reducedMotion, requestChange, SCROLLER_RULE, timeConverter, words, } from '@fusion.dev/helix-core';
 import { caretLeft, caretRight, play, stop } from '@fusion.dev/helix-icons';
 import { html, nothing } from 'lit';
 import { property, state } from 'lit/decorators.js';
@@ -464,16 +464,20 @@ let HelixHeadlessCarousel = class HelixHeadlessCarousel extends HelixElement {
             return;
         }
         for (const name of ICON_SLOTS) {
-            this.renderRoot
-                ?.querySelector?.(`slot[name="${name}"]`)
-                ?.assign?.(...this.iconsFor(name));
+            const slot = this.renderRoot?.querySelector?.(`slot[name="${name}"]`);
+            if (slot) {
+                assignSlot(slot, ...this.iconsFor(name));
+            }
         }
         const panes = this.renderRoot?.querySelectorAll?.('[part="slide"] slot');
         if (!panes) {
             return;
         }
         this.slides.forEach((slide, index) => {
-            panes[index]?.assign?.(slide);
+            const pane = panes[index];
+            if (pane) {
+                assignSlot(pane, slide);
+            }
         });
     }
     runEnd() {

package/dist/chat/root/chat-root.js

@@ -1,6 +1,6 @@
 var HelixHeadlessChat_1;
 import { __decorate } from "tslib";
-import { ChildrenController, customElement, deepActiveElement, drawIcon, focusableElements, formatWords, HelixBeforePinEvent, HelixElement, HelixHistoryEvent, HelixPinEvent, hostAria, MixinCollection, numberConverter, onUnlessFalse, reportRuntime, requestChange, SCROLLER_RULE, UpgradeController, VIRTUAL_RULE, VirtualizeController, whenHydrated, words, wordsConverter, } from '@fusion.dev/helix-core';
+import { assignSlot, ChildrenController, customElement, deepActiveElement, drawIcon, focusableElements, formatWords, HelixBeforePinEvent, HelixElement, HelixHistoryEvent, HelixPinEvent, hostAria, MixinCollection, numberConverter, onUnlessFalse, reportRuntime, requestChange, SCROLLER_RULE, UpgradeController, VIRTUAL_RULE, VirtualizeController, whenHydrated, words, wordsConverter, } from '@fusion.dev/helix-core';
 import { arrowDown } from '@fusion.dev/helix-icons';
 import { nothing } from 'lit';
 import { property, state } from 'lit/decorators.js';
@@ -291,9 +291,12 @@ let HelixHeadlessChat = class HelixHeadlessChat extends MixinCollection(HelixEle
             }
             return;
         }
-        log.assign(...(this.fed ? [] : this.messages));
+        assignSlot(log, ...(this.fed ? [] : this.messages));
         for (const name of REGIONS) {
-            root?.querySelector?.(`slot[name="${name}"]`)?.assign?.(...this.given(name));
+            const slot = root?.querySelector?.(`slot[name="${name}"]`);
+            if (slot) {
+                assignSlot(slot, ...this.given(name));
+            }
         }
     }
     given(name) {

package/dist/data-table/root/data-table-root.js

@@ -1,6 +1,6 @@
 var HelixHeadlessDataTable_1;
 import { __decorate } from "tslib";
-import { anchorAt, arranged, auditChildren, auditServed, commaList, countLabel, customElement, cycle, deepActiveElement, deepContains, everyState, format, formatWords, gridMove, HelixActivateEvent, HelixElement, HelixExpandEvent, HelixFilterEvent, HelixFilteredEvent, HelixLoadMoreEvent, HelixNavigateEvent, HelixReorderEvent, HelixReorderedEvent, HelixSelectEvent, HelixSelectedEvent, HelixSortEvent, HelixSortedEvent, handedLocale, hostAria, inlineStep, inRowOrder, MIRROR_RULE, MixinCollection, markRegion, numberConverter, onAndroid, ordered, pageRows, parse, placeKey, ReorderController, rangeAdd, reportRuntime, requestChange, requestReorder, SCROLLER_RULE, scrollingAncestor, scrollRoom, selectsAll, Typeahead, toggleEvery, treeArrow, typesCharacter, VIRTUAL_RULE, VirtualizeController, valueAt, whenHydrated, window_, words, wordsLocale, writtenList, } from '@fusion.dev/helix-core';
+import { anchorAt, arranged, assignSlot, auditChildren, auditServed, commaList, countLabel, customElement, cycle, deepActiveElement, deepContains, everyState, format, formatWords, gridMove, HelixActivateEvent, HelixElement, HelixExpandEvent, HelixFilterEvent, HelixFilteredEvent, HelixLoadMoreEvent, HelixNavigateEvent, HelixReorderEvent, HelixReorderedEvent, HelixSelectEvent, HelixSelectedEvent, HelixSortEvent, HelixSortedEvent, handedLocale, hostAria, inlineStep, inRowOrder, MIRROR_RULE, MixinCollection, markRegion, numberConverter, onAndroid, ordered, pageRows, parse, placeKey, ReorderController, rangeAdd, reportRuntime, requestChange, requestReorder, SCROLLER_RULE, scrollingAncestor, scrollRoom, selectsAll, Typeahead, toggleEvery, treeArrow, typesCharacter, VIRTUAL_RULE, VirtualizeController, valueAt, whenHydrated, window_, words, wordsLocale, writtenList, } from '@fusion.dev/helix-core';
 import { caretDown, caretRight, dotsSixVertical } from '@fusion.dev/helix-icons';
 import { nothing } from 'lit';
 import { property, state } from 'lit/decorators.js';
@@ -924,10 +924,11 @@ let HelixHeadlessDataTable = class HelixHeadlessDataTable extends MixinCollectio
             return;
         }
         const columns = this.orderedColumns;
-        head.assign(...columns);
-        root
-            .querySelector('[part="table"] > slot:not([name])')
-            ?.assign(...(this.serving ? this.servedRows : []));
+        assignSlot(head, ...columns);
+        const served = root.querySelector('[part="table"] > slot:not([name])');
+        if (served) {
+            assignSlot(served, ...(this.serving ? this.servedRows : []));
+        }
         const rest = [...this.children].filter((child) => !columns.includes(child));
         for (const [name, wanted] of [
             ['toolbar', true],
@@ -937,8 +938,8 @@ let HelixHeadlessDataTable = class HelixHeadlessDataTable extends MixinCollectio
             ['loading', true],
         ]) {
             const slot = root.querySelector(`slot[name="${name}"]`);
-            if (slot?.assign && wanted) {
-                slot.assign(...rest.filter((child) => child.getAttribute('slot') === name));
+            if (slot && wanted) {
+                assignSlot(slot, ...rest.filter((child) => child.getAttribute('slot') === name));
             }
         }
     }

package/dist/outline/root/outline-root.js

@@ -1,5 +1,5 @@
 import { __decorate } from "tslib";
-import { customElement, elementById, HelixActivateEvent, HelixElement, IndicatorController, numberConverter, plainClick, reflectElements, scrollingAncestor, scrollWithin, words, } from '@fusion.dev/helix-core';
+import { assignSlot, customElement, elementById, HelixActivateEvent, HelixElement, IndicatorController, numberConverter, plainClick, reflectElements, scrollingAncestor, scrollWithin, words, } from '@fusion.dev/helix-core';
 import { html, nothing } from 'lit';
 import { property } from 'lit/decorators.js';
 import { levelOf, nest } from '../levels.js';
@@ -296,22 +296,27 @@ let HelixHeadlessOutline = class HelixHeadlessOutline extends HelixElement {
         }
         const root = this.renderRoot;
         const heading = root?.querySelector?.('slot[name="heading"]');
-        heading?.assign?.(...this.knownChildren.filter((child) => child.slot === 'heading'));
-        root
-            ?.querySelector?.('slot[name="indicator"]')
-            ?.assign?.(...this.knownChildren.filter((child) => child.slot === 'indicator'));
+        if (heading) {
+            assignSlot(heading, ...this.knownChildren.filter((child) => child.slot === 'heading'));
+        }
+        const indicator = root?.querySelector?.('slot[name="indicator"]');
+        if (indicator) {
+            assignSlot(indicator, ...this.knownChildren.filter((child) => child.slot === 'indicator'));
+        }
         const run = this.run;
         if (run) {
             for (const slot of root?.querySelectorAll?.('slot[data-link]') ?? []) {
                 const link = run[Number(slot.dataset.link)];
                 if (link) {
-                    slot.assign(link);
+                    assignSlot(slot, link);
                 }
             }
             return;
         }
         const plain = root?.querySelector?.('nav > slot:not([role])');
-        plain?.assign?.(...[...this.childNodes].filter((node) => node instanceof Element ? !OWN_SLOTS.has(node.slot) : node instanceof Text));
+        if (plain) {
+            assignSlot(plain, ...[...this.childNodes].filter((node) => node instanceof Element ? !OWN_SLOTS.has(node.slot) : node instanceof Text));
+        }
     }
     updated(changed) {
         super.updated(changed);