ember-primitives 0.30.0 → 0.31.0

package/declarations/helpers/body-class.d.ts

@@ -0,0 +1,29 @@
+/**
+ * Initial inspo:
+ * - https://github.com/ef4/ember-set-body-class/blob/master/addon/services/body-class.js
+ * - https://github.com/ef4/ember-set-body-class/blob/master/addon/helpers/set-body-class.js
+ */
+import Helper from '@ember/component/helper';
+export interface Signature {
+    Args: {
+        Positional: [
+            /**
+             * a space-delimited list of classes to apply when this helper is called.
+             *
+             * When the helper is removed from rendering, the clasess will be removed as well.
+             */
+            classes: string
+        ];
+    };
+    /**
+     * This helper returns nothing, as it is a side-effect that mutates and manages external state.
+     */
+    Return: undefined;
+}
+export default class BodyClass extends Helper<Signature> {
+    localId: number;
+    compute([classes]: [string]): undefined;
+    willDestroy(): void;
+}
+export declare const bodyClass: typeof BodyClass;
+//# sourceMappingURL=body-class.d.ts.map

package/declarations/helpers/body-class.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"body-class.d.ts","sourceRoot":"","sources":["../../src/helpers/body-class.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AACH,OAAO,MAAM,MAAM,yBAAyB,CAAC;AAsD7C,MAAM,WAAW,SAAS;IACxB,IAAI,EAAE;QACJ,UAAU,EAAE;YACV;;;;eAIG;YACH,OAAO,EAAE,MAAM;SAChB,CAAC;KACH,CAAC;IACF;;OAEG;IACH,MAAM,EAAE,SAAS,CAAC;CACnB;AAED,MAAM,CAAC,OAAO,OAAO,SAAU,SAAQ,MAAM,CAAC,SAAS,CAAC;IACtD,OAAO,SAAQ;IAEf,OAAO,CAAC,CAAC,OAAO,CAAC,EAAE,CAAC,MAAM,CAAC,GAAG,SAAS;IAQvC,WAAW;CAIZ;AAED,eAAO,MAAM,SAAS,kBAAY,CAAC"}

package/dist/components/scroller.js

@@ -6,7 +6,6 @@ import { precompileTemplate } from '@ember/template-compilation';
 import { setComponentTemplate } from '@ember/component';
 
 class Scroller extends Component {
-  withinElement;
   ref = modifier(el => {
     this.withinElement = el;
   });

package/dist/components/scroller.js.map

@@ -1 +1 @@
-{"version":3,"file":"scroller.js","sources":["../../src/components/scroller.gts"],"sourcesContent":["import Component from \"@glimmer/component\";\nimport { isDestroyed, isDestroying } from \"@ember/destroyable\";\nimport { hash } from \"@ember/helper\";\n\nimport { modifier } from \"ember-modifier\";\n\n/**\n * Utility component for helping with scrolling in any direction within\n * any of the 4 directions: up, down, left, right.\n *\n * This can be used to auto-scroll content as new content is inserted into the scrollable area, or possibly to bring focus to something on the page.\n */\nexport class Scroller extends Component<{\n  /**\n   * A containing element is required - in this case, a div.\n   * It must be scrollable for this component to work, but can be customized.\n   *\n   * By default, this element will have some styling applied:\n   *   overflow: auto;\n   *\n   * By default, this element will have tabindex=\"0\" to support keyboard usage.\n   *\n   * The scroll-behavior is \"auto\", which can be controlled via CSS\n   * https://developer.mozilla.org/en-US/docs/Web/CSS/scroll-behavior\n   *\n   */\n  Element: HTMLDivElement;\n  Blocks: {\n    default: [\n      {\n        /**\n         * Scroll the content to the bottom\n         *\n         * ```gjs\n         * import { Scroller } from 'ember-primitives';\n         *\n         * <template>\n         *   <Scroller as |s|>\n         *      ...\n         *\n         *      {{ (s.scrollToBottom) }}\n         *   </Scroller>\n         * </template>\n         * ```\n         */\n        scrollToBottom: () => void;\n        /**\n         * Scroll the content to the top\n         *\n         * ```gjs\n         * import { Scroller } from 'ember-primitives';\n         *\n         * <template>\n         *   <Scroller as |s|>\n         *      ...\n         *\n         *      {{ (s.scrollToTop) }}\n         *   </Scroller>\n         * </template>\n         * ```\n         */\n        scrollToTop: () => void;\n        /**\n         * Scroll the content to the left\n         *\n         * ```gjs\n         * import { Scroller } from 'ember-primitives';\n         *\n         * <template>\n         *   <Scroller as |s|>\n         *      ...\n         *\n         *      {{ (s.scrollToLeft) }}\n         *   </Scroller>\n         * </template>\n         * ```\n         */\n        scrollToLeft: () => void;\n        /**\n         * Scroll the content to the right\n         *\n         * ```gjs\n         * import { Scroller } from 'ember-primitives';\n         *\n         * <template>\n         *   <Scroller as |s|>\n         *      ...\n         *\n         *      {{ (s.scrollToRight) }}\n         *   </Scroller>\n         * </template>\n         * ```\n         */\n        scrollToRight: () => void;\n      },\n    ];\n  };\n}> {\n  declare withinElement: HTMLDivElement;\n\n  ref = modifier((el: HTMLDivElement) => {\n    this.withinElement = el;\n  });\n\n  #frame?: number;\n\n  scrollToBottom = () => {\n    if (this.#frame) {\n      cancelAnimationFrame(this.#frame);\n    }\n\n    this.#frame = requestAnimationFrame(() => {\n      if (isDestroyed(this) || isDestroying(this)) return;\n\n      this.withinElement.scrollTo({\n        top: this.withinElement.scrollHeight,\n        behavior: \"auto\",\n      });\n    });\n  };\n\n  scrollToTop = () => {\n    if (this.#frame) {\n      cancelAnimationFrame(this.#frame);\n    }\n\n    this.#frame = requestAnimationFrame(() => {\n      if (isDestroyed(this) || isDestroying(this)) return;\n\n      this.withinElement.scrollTo({\n        top: 0,\n        behavior: \"auto\",\n      });\n    });\n  };\n\n  scrollToLeft = () => {\n    if (this.#frame) {\n      cancelAnimationFrame(this.#frame);\n    }\n\n    this.#frame = requestAnimationFrame(() => {\n      if (isDestroyed(this) || isDestroying(this)) return;\n\n      this.withinElement.scrollTo({\n        left: 0,\n        behavior: \"auto\",\n      });\n    });\n  };\n\n  scrollToRight = () => {\n    if (this.#frame) {\n      cancelAnimationFrame(this.#frame);\n    }\n\n    this.#frame = requestAnimationFrame(() => {\n      if (isDestroyed(this) || isDestroying(this)) return;\n\n      this.withinElement.scrollTo({\n        left: this.withinElement.scrollWidth,\n        behavior: \"auto\",\n      });\n    });\n  };\n\n  <template>\n    <div tabindex=\"0\" ...attributes {{this.ref}}>\n      {{yield\n        (hash\n          scrollToBottom=this.scrollToBottom\n          scrollToTop=this.scrollToTop\n          scrollToLeft=this.scrollToLeft\n          scrollToRight=this.scrollToRight\n        )\n      }}\n    </div>\n  </template>\n}\n"],"names":["Scroller","Component","withinElement","ref","modifier","el","scrollToBottom","cancelAnimationFrame","requestAnimationFrame","isDestroyed","isDestroying","scrollTo","top","scrollHeight","behavior","scrollToTop","scrollToLeft","left","scrollToRight","scrollWidth","setComponentTemplate","precompileTemplate","strictMode","scope","hash"],"mappings":";;;;;;;AAYO,MAAMA,QAAiB,SAAAC,SAAA;EAsFpBC,aAAA;AAERC,EAAAA,GAAM,GAAAC,QAAA,CAAUC,EAAI,IAAA;IAClB,IAAI,CAACH,aAAa,GAAGG,EAAA;AACvB,GAAG,CAAA;AAEH,EAAA,MAAM;EAENC,cAAiB,GAAAA,MAAA;AACf,IAAA,IAAI,IAAI,CAAC,MAAM,EAAE;AACfC,MAAAA,oBAAqB,CAAA,IAAI,CAAC,MAAM,CAAA;AAClC;AAEA,IAAA,IAAI,CAAC,MAAM,GAAGC,qBAAsB,CAAA,MAAA;MAClC,IAAIC,WAAY,CAAA,IAAI,CAAK,IAAAC,YAAA,CAAa,IAAI,CAAG,EAAA;AAE7C,MAAA,IAAI,CAACR,aAAa,CAACS,QAAQ,CAAC;AAC1BC,QAAAA,GAAA,EAAK,IAAI,CAACV,aAAa,CAACW,YAAY;AACpCC,QAAAA,QAAU,EAAA;AACZ,OAAA,CAAA;AACF,KAAA,CAAA;GACA;EAEFC,WAAc,GAAAA,MAAA;AACZ,IAAA,IAAI,IAAI,CAAC,MAAM,EAAE;AACfR,MAAAA,oBAAqB,CAAA,IAAI,CAAC,MAAM,CAAA;AAClC;AAEA,IAAA,IAAI,CAAC,MAAM,GAAGC,qBAAsB,CAAA,MAAA;MAClC,IAAIC,WAAY,CAAA,IAAI,CAAK,IAAAC,YAAA,CAAa,IAAI,CAAG,EAAA;AAE7C,MAAA,IAAI,CAACR,aAAa,CAACS,QAAQ,CAAC;AAC1BC,QAAAA,GAAK,EAAA,CAAA;AACLE,QAAAA,QAAU,EAAA;AACZ,OAAA,CAAA;AACF,KAAA,CAAA;GACA;EAEFE,YAAe,GAAAA,MAAA;AACb,IAAA,IAAI,IAAI,CAAC,MAAM,EAAE;AACfT,MAAAA,oBAAqB,CAAA,IAAI,CAAC,MAAM,CAAA;AAClC;AAEA,IAAA,IAAI,CAAC,MAAM,GAAGC,qBAAsB,CAAA,MAAA;MAClC,IAAIC,WAAY,CAAA,IAAI,CAAK,IAAAC,YAAA,CAAa,IAAI,CAAG,EAAA;AAE7C,MAAA,IAAI,CAACR,aAAa,CAACS,QAAQ,CAAC;AAC1BM,QAAAA,IAAM,EAAA,CAAA;AACNH,QAAAA,QAAU,EAAA;AACZ,OAAA,CAAA;AACF,KAAA,CAAA;GACA;EAEFI,aAAgB,GAAAA,MAAA;AACd,IAAA,IAAI,IAAI,CAAC,MAAM,EAAE;AACfX,MAAAA,oBAAqB,CAAA,IAAI,CAAC,MAAM,CAAA;AAClC;AAEA,IAAA,IAAI,CAAC,MAAM,GAAGC,qBAAsB,CAAA,MAAA;MAClC,IAAIC,WAAY,CAAA,IAAI,CAAK,IAAAC,YAAA,CAAa,IAAI,CAAG,EAAA;AAE7C,MAAA,IAAI,CAACR,aAAa,CAACS,QAAQ,CAAC;AAC1BM,QAAAA,IAAA,EAAM,IAAI,CAACf,aAAa,CAACiB,WAAW;AACpCL,QAAAA,QAAU,EAAA;AACZ,OAAA,CAAA;AACF,KAAA,CAAA;GACA;AAEF,EAAA;IAAAM,oBAAA,CAAAC,kBAAA,CAWA,+NAAA,EAAA;MAAAC,UAAA,EAAA,IAAA;AAAAC,MAAAA,KAAA,EAAAA,OAAA;AAAAC,QAAAA;AAAA,OAAA;KAAU,CAAA,EAAV,IAAW,CAAA;AAAD;AACZ;;;;"}
+{"version":3,"file":"scroller.js","sources":["../../src/components/scroller.gts"],"sourcesContent":["import Component from \"@glimmer/component\";\nimport { isDestroyed, isDestroying } from \"@ember/destroyable\";\nimport { hash } from \"@ember/helper\";\n\nimport { modifier } from \"ember-modifier\";\n\n/**\n * Utility component for helping with scrolling in any direction within\n * any of the 4 directions: up, down, left, right.\n *\n * This can be used to auto-scroll content as new content is inserted into the scrollable area, or possibly to bring focus to something on the page.\n */\nexport class Scroller extends Component<{\n  /**\n   * A containing element is required - in this case, a div.\n   * It must be scrollable for this component to work, but can be customized.\n   *\n   * By default, this element will have some styling applied:\n   *   overflow: auto;\n   *\n   * By default, this element will have tabindex=\"0\" to support keyboard usage.\n   *\n   * The scroll-behavior is \"auto\", which can be controlled via CSS\n   * https://developer.mozilla.org/en-US/docs/Web/CSS/scroll-behavior\n   *\n   */\n  Element: HTMLDivElement;\n  Blocks: {\n    default: [\n      {\n        /**\n         * Scroll the content to the bottom\n         *\n         * ```gjs\n         * import { Scroller } from 'ember-primitives';\n         *\n         * <template>\n         *   <Scroller as |s|>\n         *      ...\n         *\n         *      {{ (s.scrollToBottom) }}\n         *   </Scroller>\n         * </template>\n         * ```\n         */\n        scrollToBottom: () => void;\n        /**\n         * Scroll the content to the top\n         *\n         * ```gjs\n         * import { Scroller } from 'ember-primitives';\n         *\n         * <template>\n         *   <Scroller as |s|>\n         *      ...\n         *\n         *      {{ (s.scrollToTop) }}\n         *   </Scroller>\n         * </template>\n         * ```\n         */\n        scrollToTop: () => void;\n        /**\n         * Scroll the content to the left\n         *\n         * ```gjs\n         * import { Scroller } from 'ember-primitives';\n         *\n         * <template>\n         *   <Scroller as |s|>\n         *      ...\n         *\n         *      {{ (s.scrollToLeft) }}\n         *   </Scroller>\n         * </template>\n         * ```\n         */\n        scrollToLeft: () => void;\n        /**\n         * Scroll the content to the right\n         *\n         * ```gjs\n         * import { Scroller } from 'ember-primitives';\n         *\n         * <template>\n         *   <Scroller as |s|>\n         *      ...\n         *\n         *      {{ (s.scrollToRight) }}\n         *   </Scroller>\n         * </template>\n         * ```\n         */\n        scrollToRight: () => void;\n      },\n    ];\n  };\n}> {\n  declare withinElement: HTMLDivElement;\n\n  ref = modifier((el: HTMLDivElement) => {\n    this.withinElement = el;\n  });\n\n  #frame?: number;\n\n  scrollToBottom = () => {\n    if (this.#frame) {\n      cancelAnimationFrame(this.#frame);\n    }\n\n    this.#frame = requestAnimationFrame(() => {\n      if (isDestroyed(this) || isDestroying(this)) return;\n\n      this.withinElement.scrollTo({\n        top: this.withinElement.scrollHeight,\n        behavior: \"auto\",\n      });\n    });\n  };\n\n  scrollToTop = () => {\n    if (this.#frame) {\n      cancelAnimationFrame(this.#frame);\n    }\n\n    this.#frame = requestAnimationFrame(() => {\n      if (isDestroyed(this) || isDestroying(this)) return;\n\n      this.withinElement.scrollTo({\n        top: 0,\n        behavior: \"auto\",\n      });\n    });\n  };\n\n  scrollToLeft = () => {\n    if (this.#frame) {\n      cancelAnimationFrame(this.#frame);\n    }\n\n    this.#frame = requestAnimationFrame(() => {\n      if (isDestroyed(this) || isDestroying(this)) return;\n\n      this.withinElement.scrollTo({\n        left: 0,\n        behavior: \"auto\",\n      });\n    });\n  };\n\n  scrollToRight = () => {\n    if (this.#frame) {\n      cancelAnimationFrame(this.#frame);\n    }\n\n    this.#frame = requestAnimationFrame(() => {\n      if (isDestroyed(this) || isDestroying(this)) return;\n\n      this.withinElement.scrollTo({\n        left: this.withinElement.scrollWidth,\n        behavior: \"auto\",\n      });\n    });\n  };\n\n  <template>\n    <div tabindex=\"0\" ...attributes {{this.ref}}>\n      {{yield\n        (hash\n          scrollToBottom=this.scrollToBottom\n          scrollToTop=this.scrollToTop\n          scrollToLeft=this.scrollToLeft\n          scrollToRight=this.scrollToRight\n        )\n      }}\n    </div>\n  </template>\n}\n"],"names":["Scroller","Component","ref","modifier","el","withinElement","scrollToBottom","cancelAnimationFrame","requestAnimationFrame","isDestroyed","isDestroying","scrollTo","top","scrollHeight","behavior","scrollToTop","scrollToLeft","left","scrollToRight","scrollWidth","setComponentTemplate","precompileTemplate","strictMode","scope","hash"],"mappings":";;;;;;;AAYO,MAAMA,QAAiB,SAAAC,SAAA;AAwF5BC,EAAAA,GAAM,GAAAC,QAAA,CAAUC,EAAI,IAAA;IAClB,IAAI,CAACC,aAAa,GAAGD,EAAA;AACvB,GAAG,CAAA;AAEH,EAAA,MAAM;EAENE,cAAiB,GAAAA,MAAA;AACf,IAAA,IAAI,IAAI,CAAC,MAAM,EAAE;AACfC,MAAAA,oBAAqB,CAAA,IAAI,CAAC,MAAM,CAAA;AAClC;AAEA,IAAA,IAAI,CAAC,MAAM,GAAGC,qBAAsB,CAAA,MAAA;MAClC,IAAIC,WAAY,CAAA,IAAI,CAAK,IAAAC,YAAA,CAAa,IAAI,CAAG,EAAA;AAE7C,MAAA,IAAI,CAACL,aAAa,CAACM,QAAQ,CAAC;AAC1BC,QAAAA,GAAA,EAAK,IAAI,CAACP,aAAa,CAACQ,YAAY;AACpCC,QAAAA,QAAU,EAAA;AACZ,OAAA,CAAA;AACF,KAAA,CAAA;GACA;EAEFC,WAAc,GAAAA,MAAA;AACZ,IAAA,IAAI,IAAI,CAAC,MAAM,EAAE;AACfR,MAAAA,oBAAqB,CAAA,IAAI,CAAC,MAAM,CAAA;AAClC;AAEA,IAAA,IAAI,CAAC,MAAM,GAAGC,qBAAsB,CAAA,MAAA;MAClC,IAAIC,WAAY,CAAA,IAAI,CAAK,IAAAC,YAAA,CAAa,IAAI,CAAG,EAAA;AAE7C,MAAA,IAAI,CAACL,aAAa,CAACM,QAAQ,CAAC;AAC1BC,QAAAA,GAAK,EAAA,CAAA;AACLE,QAAAA,QAAU,EAAA;AACZ,OAAA,CAAA;AACF,KAAA,CAAA;GACA;EAEFE,YAAe,GAAAA,MAAA;AACb,IAAA,IAAI,IAAI,CAAC,MAAM,EAAE;AACfT,MAAAA,oBAAqB,CAAA,IAAI,CAAC,MAAM,CAAA;AAClC;AAEA,IAAA,IAAI,CAAC,MAAM,GAAGC,qBAAsB,CAAA,MAAA;MAClC,IAAIC,WAAY,CAAA,IAAI,CAAK,IAAAC,YAAA,CAAa,IAAI,CAAG,EAAA;AAE7C,MAAA,IAAI,CAACL,aAAa,CAACM,QAAQ,CAAC;AAC1BM,QAAAA,IAAM,EAAA,CAAA;AACNH,QAAAA,QAAU,EAAA;AACZ,OAAA,CAAA;AACF,KAAA,CAAA;GACA;EAEFI,aAAgB,GAAAA,MAAA;AACd,IAAA,IAAI,IAAI,CAAC,MAAM,EAAE;AACfX,MAAAA,oBAAqB,CAAA,IAAI,CAAC,MAAM,CAAA;AAClC;AAEA,IAAA,IAAI,CAAC,MAAM,GAAGC,qBAAsB,CAAA,MAAA;MAClC,IAAIC,WAAY,CAAA,IAAI,CAAK,IAAAC,YAAA,CAAa,IAAI,CAAG,EAAA;AAE7C,MAAA,IAAI,CAACL,aAAa,CAACM,QAAQ,CAAC;AAC1BM,QAAAA,IAAA,EAAM,IAAI,CAACZ,aAAa,CAACc,WAAW;AACpCL,QAAAA,QAAU,EAAA;AACZ,OAAA,CAAA;AACF,KAAA,CAAA;GACA;AAEF,EAAA;IAAAM,oBAAA,CAAAC,kBAAA,CAWA,+NAAA,EAAA;MAAAC,UAAA,EAAA,IAAA;AAAAC,MAAAA,KAAA,EAAAA,OAAA;AAAAC,QAAAA;AAAA,OAAA;KAAU,CAAA,EAAV,IAAW,CAAA;AAAD;AACZ;;;;"}

package/dist/helpers/body-class.js

@@ -0,0 +1,64 @@
+import Helper from '@ember/component/helper';
+import { buildWaiter } from '@ember/test-waiters';
+
+/**
+ * Initial inspo:
+ * - https://github.com/ef4/ember-set-body-class/blob/master/addon/services/body-class.js
+ * - https://github.com/ef4/ember-set-body-class/blob/master/addon/helpers/set-body-class.js
+ */
+const waiter = buildWaiter('ember-primitives:body-class:raf');
+let id = 0;
+const registrations = new Map();
+let previousRegistrations = [];
+function classNames() {
+  const allNames = new Set();
+  for (const classNames of registrations.values()) {
+    for (const className of classNames) {
+      allNames.add(className);
+    }
+  }
+  return [...allNames];
+}
+let frame;
+let waiterToken;
+function queueUpdate() {
+  waiterToken ||= waiter.beginAsync();
+  cancelAnimationFrame(frame);
+  frame = requestAnimationFrame(() => {
+    updateBodyClass();
+    waiter.endAsync(waiterToken);
+    waiterToken = undefined;
+  });
+}
+
+/**
+ * This should only add/remove classes that we tried to maintain via the body-class helper.
+ *
+ * Folks can set classes in their html and we don't want to mess with those
+ */
+function updateBodyClass() {
+  const toAdd = classNames();
+  for (const name of previousRegistrations) {
+    document.body.classList.remove(name);
+  }
+  for (const name of toAdd) {
+    document.body.classList.add(name);
+  }
+  previousRegistrations = toAdd;
+}
+class BodyClass extends Helper {
+  localId = id++;
+  compute([classes]) {
+    const classNames = classes ? classes.split(/\s+/) : [];
+    registrations.set(this.localId, classNames);
+    queueUpdate();
+  }
+  willDestroy() {
+    registrations.delete(this.localId);
+    queueUpdate();
+  }
+}
+const bodyClass = BodyClass;
+
+export { bodyClass, BodyClass as default };
+//# sourceMappingURL=body-class.js.map

package/dist/helpers/body-class.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"body-class.js","sources":["../../src/helpers/body-class.ts"],"sourcesContent":["/**\n * Initial inspo:\n * - https://github.com/ef4/ember-set-body-class/blob/master/addon/services/body-class.js\n * - https://github.com/ef4/ember-set-body-class/blob/master/addon/helpers/set-body-class.js\n */\nimport Helper from '@ember/component/helper';\nimport { buildWaiter } from '@ember/test-waiters';\n\nconst waiter = buildWaiter('ember-primitives:body-class:raf');\n\nlet id = 0;\nconst registrations = new Map<number, string[]>();\nlet previousRegistrations: string[] = [];\n\nfunction classNames(): string[] {\n  const allNames = new Set<string>();\n\n  for (const classNames of registrations.values()) {\n    for (const className of classNames) {\n      allNames.add(className);\n    }\n  }\n\n  return [...allNames];\n}\n\nlet frame: number;\nlet waiterToken: unknown;\n\nfunction queueUpdate() {\n  waiterToken ||= waiter.beginAsync();\n\n  cancelAnimationFrame(frame);\n  frame = requestAnimationFrame(() => {\n    updateBodyClass();\n    waiter.endAsync(waiterToken);\n    waiterToken = undefined;\n  });\n}\n\n/**\n * This should only add/remove classes that we tried to maintain via the body-class helper.\n *\n * Folks can set classes in their html and we don't want to mess with those\n */\nfunction updateBodyClass() {\n  const toAdd = classNames();\n\n  for (const name of previousRegistrations) {\n    document.body.classList.remove(name);\n  }\n\n  for (const name of toAdd) {\n    document.body.classList.add(name);\n  }\n\n  previousRegistrations = toAdd;\n}\n\nexport interface Signature {\n  Args: {\n    Positional: [\n      /**\n       * a space-delimited list of classes to apply when this helper is called.\n       *\n       * When the helper is removed from rendering, the clasess will be removed as well.\n       */\n      classes: string,\n    ];\n  };\n  /**\n   * This helper returns nothing, as it is a side-effect that mutates and manages external state.\n   */\n  Return: undefined;\n}\n\nexport default class BodyClass extends Helper<Signature> {\n  localId = id++;\n\n  compute([classes]: [string]): undefined {\n    const classNames = classes ? classes.split(/\\s+/) : [];\n\n    registrations.set(this.localId, classNames);\n\n    queueUpdate();\n  }\n\n  willDestroy() {\n    registrations.delete(this.localId);\n    queueUpdate();\n  }\n}\n\nexport const bodyClass = BodyClass;\n"],"names":["waiter","buildWaiter","id","registrations","Map","previousRegistrations","classNames","allNames","Set","values","className","add","frame","waiterToken","queueUpdate","beginAsync","cancelAnimationFrame","requestAnimationFrame","updateBodyClass","endAsync","undefined","toAdd","name","document","body","classList","remove","BodyClass","Helper","localId","compute","classes","split","set","willDestroy","delete","bodyClass"],"mappings":";;;AAAA;AACA;AACA;AACA;AACA;AAIA,MAAMA,MAAM,GAAGC,WAAW,CAAC,iCAAiC,CAAC;AAE7D,IAAIC,EAAE,GAAG,CAAC;AACV,MAAMC,aAAa,GAAG,IAAIC,GAAG,EAAoB;AACjD,IAAIC,qBAA+B,GAAG,EAAE;AAExC,SAASC,UAAUA,GAAa;AAC9B,EAAA,MAAMC,QAAQ,GAAG,IAAIC,GAAG,EAAU;EAElC,KAAK,MAAMF,UAAU,IAAIH,aAAa,CAACM,MAAM,EAAE,EAAE;AAC/C,IAAA,KAAK,MAAMC,SAAS,IAAIJ,UAAU,EAAE;AAClCC,MAAAA,QAAQ,CAACI,GAAG,CAACD,SAAS,CAAC;AACzB;AACF;EAEA,OAAO,CAAC,GAAGH,QAAQ,CAAC;AACtB;AAEA,IAAIK,KAAa;AACjB,IAAIC,WAAoB;AAExB,SAASC,WAAWA,GAAG;AACrBD,EAAAA,WAAW,KAAKb,MAAM,CAACe,UAAU,EAAE;EAEnCC,oBAAoB,CAACJ,KAAK,CAAC;EAC3BA,KAAK,GAAGK,qBAAqB,CAAC,MAAM;AAClCC,IAAAA,eAAe,EAAE;AACjBlB,IAAAA,MAAM,CAACmB,QAAQ,CAACN,WAAW,CAAC;AAC5BA,IAAAA,WAAW,GAAGO,SAAS;AACzB,GAAC,CAAC;AACJ;;AAEA;AACA;AACA;AACA;AACA;AACA,SAASF,eAAeA,GAAG;AACzB,EAAA,MAAMG,KAAK,GAAGf,UAAU,EAAE;AAE1B,EAAA,KAAK,MAAMgB,IAAI,IAAIjB,qBAAqB,EAAE;IACxCkB,QAAQ,CAACC,IAAI,CAACC,SAAS,CAACC,MAAM,CAACJ,IAAI,CAAC;AACtC;AAEA,EAAA,KAAK,MAAMA,IAAI,IAAID,KAAK,EAAE;IACxBE,QAAQ,CAACC,IAAI,CAACC,SAAS,CAACd,GAAG,CAACW,IAAI,CAAC;AACnC;AAEAjB,EAAAA,qBAAqB,GAAGgB,KAAK;AAC/B;AAmBe,MAAMM,SAAS,SAASC,MAAM,CAAY;EACvDC,OAAO,GAAG3B,EAAE,EAAE;AAEd4B,EAAAA,OAAOA,CAAC,CAACC,OAAO,CAAW,EAAa;IACtC,MAAMzB,UAAU,GAAGyB,OAAO,GAAGA,OAAO,CAACC,KAAK,CAAC,KAAK,CAAC,GAAG,EAAE;IAEtD7B,aAAa,CAAC8B,GAAG,CAAC,IAAI,CAACJ,OAAO,EAAEvB,UAAU,CAAC;AAE3CQ,IAAAA,WAAW,EAAE;AACf;AAEAoB,EAAAA,WAAWA,GAAG;AACZ/B,IAAAA,aAAa,CAACgC,MAAM,CAAC,IAAI,CAACN,OAAO,CAAC;AAClCf,IAAAA,WAAW,EAAE;AACf;AACF;AAEO,MAAMsB,SAAS,GAAGT;;;;"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ember-primitives",
-  "version": "0.30.0",
+  "version": "0.31.0",
   "description": "Making apps easier to build",
   "sideEffects": [
     "*.css"
@@ -17,36 +17,36 @@
     "declarations"
   ],
   "dependencies": {
-    "@babel/runtime": "^7.27.0",
-    "@embroider/addon-shim": "^1.9.0",
-    "@embroider/macros": "^1.17.1",
-    "@floating-ui/dom": "^1.5.3",
+    "@babel/runtime": "^7.27.1",
+    "@embroider/addon-shim": "^1.10.0",
+    "@embroider/macros": "^1.17.3",
+    "@floating-ui/dom": "^1.7.0",
     "decorator-transforms": "^2.3.0",
-    "ember-element-helper": ">= 0.8.6",
+    "ember-element-helper": "^0.8.7",
     "form-data-utils": "^0.6.0",
-    "reactiveweb": "^1.4.0",
+    "reactiveweb": "^1.4.2",
     "should-handle-link": "^1.2.2",
-    "tabster": "^8.5.2",
+    "tabster": "^8.5.5",
     "tracked-built-ins": "^4.0.0",
     "tracked-toolbox": "^2.0.0"
   },
   "devDependencies": {
     "@arethetypeswrong/cli": "^0.17.4",
-    "@babel/core": "^7.26.9",
+    "@babel/core": "^7.27.1",
     "@babel/plugin-proposal-class-properties": "^7.18.6",
     "@babel/plugin-proposal-decorators": "^7.25.9",
     "@babel/plugin-proposal-object-rest-spread": "^7.20.7",
-    "@babel/plugin-syntax-decorators": "^7.25.9",
-    "@babel/plugin-transform-class-static-block": "^7.26.0",
-    "@babel/plugin-transform-private-methods": "^7.25.9",
-    "@babel/preset-typescript": "^7.27.0",
+    "@babel/plugin-syntax-decorators": "^7.27.1",
+    "@babel/plugin-transform-class-static-block": "^7.27.1",
+    "@babel/plugin-transform-private-methods": "^7.27.1",
+    "@babel/preset-typescript": "^7.27.1",
     "@ember/test-helpers": "^5.2.0",
     "@ember/test-waiters": "^4.1.0",
     "@embroider/addon-dev": "^7.0.1",
     "@glimmer/component": "^2.0.0",
     "@glimmer/tracking": "^1.1.2",
     "@glint/core": "1.5.2",
-    "@glint/environment-ember-loose": "1.4.1-unstable.5564fc2",
+    "@glint/environment-ember-loose": "1.5.2",
     "@glint/environment-ember-template-imports": "1.4.1-unstable.5564fc2",
     "@glint/template": "^1.5.2",
     "@nullvoxpopuli/eslint-configs": "^5.1.1",
@@ -55,17 +55,17 @@
     "babel-plugin-ember-template-compilation": "^2.4.0",
     "concurrently": "^9.1.0",
     "ember-modifier": "^4.1.0",
-    "ember-resources": "^7.0.0",
-    "ember-source": "6.5.0-alpha.2",
-    "ember-template-lint": "^7.0.1",
-    "eslint": "^9.23.0",
+    "ember-resources": "^7.0.4",
+    "ember-source": "6.5.0-beta.1",
+    "ember-template-lint": "^7.6.0",
+    "eslint": "^9.26.0",
     "fix-bad-declaration-output": "^1.1.4",
     "prettier": "^3.2.5",
-    "prettier-plugin-ember-template-tag": "^2.0.4",
+    "prettier-plugin-ember-template-tag": "^2.0.5",
     "publint": "^0.3.9",
-    "rollup": "~4.38.0",
+    "rollup": "~4.40.2",
     "rollup-plugin-copy": "^3.5.0",
-    "typescript": "^5.8.2"
+    "typescript": "^5.8.3"
   },
   "publishConfig": {
     "registry": "https://registry.npmjs.org"
@@ -122,11 +122,9 @@
     "@ember/test-helpers": ">= 3.2.0",
     "@ember/test-waiters": ">= 3.0.2",
     "@glimmer/component": "^2.0.0",
-    "@glimmer/tracking": ">= 1.1.2",
     "@glint/template": ">= 1.0.0",
     "ember-modifier": ">= 4.1.0",
-    "ember-resources": ">= 6.1.0",
-    "ember-source": "6.5.0-alpha.2"
+    "ember-resources": ">= 6.1.0"
   },
   "peerDependenciesMeta": {
     "@ember/test-helpers": {