ember-primitives 0.48.1 → 0.49.0

package/dist/viewport/viewport.js

@@ -0,0 +1,92 @@
+import { registerDestructor } from '@ember/destroyable';
+import { createService } from '../service.js';
+
+/**
+ * Creates or returns the ViewportObserverManager.
+ *
+ * Only one of these will exist per owner.
+ *
+ * Has only two methods:
+ * - observe(element, callback: (intersectionObserverEntry) => void, options?)
+ * - unobserve(element, callback: (intersectionObserverEntry) => void)
+ *
+ * Like with the underlying IntersectionObserver API (and all event listeners),
+ * the callback passed to unobserve must be the same reference as the one
+ * passed to observe.
+ */
+function viewport(context) {
+  return createService(context, ViewportObserverManager);
+}
+class ViewportObserverManager {
+  #callbacks = new WeakMap();
+  #handleIntersection = entries => {
+    for (const entry of entries) {
+      const callbacks = this.#callbacks.get(entry.target);
+      if (callbacks) {
+        for (const callback of callbacks) {
+          callback(entry);
+        }
+      }
+    }
+  };
+  #observer = new IntersectionObserver(this.#handleIntersection, {
+    /**
+     * NOTE: clipping is unaffected by rootMargin if the intersection is with anything
+     *       other than the specified "root".
+     *       And since we don't specify the "root", this effectively means the window viewport.
+     *       (hence the utility name: "viewport")
+     */
+  });
+  constructor() {
+    registerDestructor(this, () => {
+      this.#observer?.disconnect();
+    });
+  }
+
+  /**
+   * Initiate the observing of the `element` or add an additional `callback`
+   * if the `element` is already observed.
+   *
+   * @param {object} element
+   * @param {function} callback The `callback` is called whenever the `element`
+   *    intersects with the viewport. It is called with an `IntersectionObserverEntry`
+   *    object for the particular `element`.
+   */
+  observe(element, callback) {
+    const callbacks = this.#callbacks.get(element);
+    if (callbacks) {
+      callbacks.add(callback);
+    } else {
+      this.#callbacks.set(element, new Set([callback]));
+      this.#observer.observe(element);
+    }
+  }
+
+  /**
+   * End the observing of the `element` or just remove the provided `callback`.
+   *
+   * It will unobserve the `element` if the `callback` is not provided
+   * or there are no more callbacks left for this `element`.
+   *
+   * @param {Element | undefined | null} element
+   * @param {function?} callback - The `callback` to remove from the listeners
+   *   of the `element` intersection changes.
+   */
+  unobserve(element, callback) {
+    if (!element) {
+      return;
+    }
+    const callbacks = this.#callbacks.get(element);
+    if (!callbacks) {
+      return;
+    }
+    callbacks.delete(callback);
+    if (!callback || !callbacks.size) {
+      this.#callbacks.delete(element);
+      this.#observer.unobserve(element);
+    }
+  }
+}
+
+export { viewport };
+//# sourceMappingURL=viewport.js.map

package/dist/viewport/viewport.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"viewport.js","sources":["../../src/viewport/viewport.ts"],"sourcesContent":["import { registerDestructor } from '@ember/destroyable';\n\nimport { createService } from '../service.ts';\n\n/**\n * Creates or returns the ViewportObserverManager.\n *\n * Only one of these will exist per owner.\n *\n * Has only two methods:\n * - observe(element, callback: (intersectionObserverEntry) => void, options?)\n * - unobserve(element, callback: (intersectionObserverEntry) => void)\n *\n * Like with the underlying IntersectionObserver API (and all event listeners),\n * the callback passed to unobserve must be the same reference as the one\n * passed to observe.\n */\nexport function viewport(context: object) {\n  return createService(context, ViewportObserverManager);\n}\n\nexport interface ViewportOptions {\n  /**\n   * A margin around the root. Can have values similar to the CSS margin property.\n   * The values can be percentages. This set of values serves to grow or shrink each\n   * side of the root element's bounding box before computing intersections.\n   * Defaults to all zeros.\n   */\n  rootMargin?: string;\n  /**\n   * Either a single number or an array of numbers which indicate at what percentage\n   * of the target's visibility the observer's callback should be executed. If you only\n   * want to detect when visibility passes the 50% mark, you can use a value of 0.5.\n   * If you want the callback to run every time visibility passes another 25%, you would\n   * specify the array [0, 0.25, 0.5, 0.75, 1]. The default is 0 (meaning as soon as\n   * even one pixel is visible, the callback will be run).\n   */\n  threshold?: number | number[];\n}\n\nclass ViewportObserverManager {\n  #callbacks = new WeakMap<Element, Set<(entries: IntersectionObserverEntry) => unknown>>();\n\n  #handleIntersection = (entries: IntersectionObserverEntry[]) => {\n    for (const entry of entries) {\n      const callbacks = this.#callbacks.get(entry.target);\n\n      if (callbacks) {\n        for (const callback of callbacks) {\n          callback(entry);\n        }\n      }\n    }\n  };\n\n  #observer = new IntersectionObserver(this.#handleIntersection, {\n    /**\n     * NOTE: clipping is unaffected by rootMargin if the intersection is with anything\n     *       other than the specified \"root\".\n     *       And since we don't specify the \"root\", this effectively means the window viewport.\n     *       (hence the utility name: \"viewport\")\n     */\n  });\n\n  constructor() {\n    registerDestructor(this, () => {\n      this.#observer?.disconnect();\n    });\n  }\n\n  /**\n   * Initiate the observing of the `element` or add an additional `callback`\n   * if the `element` is already observed.\n   *\n   * @param {object} element\n   * @param {function} callback The `callback` is called whenever the `element`\n   *    intersects with the viewport. It is called with an `IntersectionObserverEntry`\n   *    object for the particular `element`.\n   */\n  observe(element: Element, callback: (entry: IntersectionObserverEntry) => unknown) {\n    const callbacks = this.#callbacks.get(element);\n\n    if (callbacks) {\n      callbacks.add(callback);\n    } else {\n      this.#callbacks.set(element, new Set([callback]));\n      this.#observer.observe(element);\n    }\n  }\n\n  /**\n   * End the observing of the `element` or just remove the provided `callback`.\n   *\n   * It will unobserve the `element` if the `callback` is not provided\n   * or there are no more callbacks left for this `element`.\n   *\n   * @param {Element | undefined | null} element\n   * @param {function?} callback - The `callback` to remove from the listeners\n   *   of the `element` intersection changes.\n   */\n  unobserve(\n    element: Element | undefined | null,\n    callback: (entry: IntersectionObserverEntry) => unknown\n  ) {\n    if (!element) {\n      return;\n    }\n\n    const callbacks = this.#callbacks.get(element);\n\n    if (!callbacks) {\n      return;\n    }\n\n    callbacks.delete(callback);\n\n    if (!callback || !callbacks.size) {\n      this.#callbacks.delete(element);\n      this.#observer.unobserve(element);\n    }\n  }\n}\n"],"names":["viewport","context","createService","ViewportObserverManager","WeakMap","entries","entry","callbacks","get","target","callback","IntersectionObserver","constructor","registerDestructor","disconnect","observe","element","add","set","Set","unobserve","delete","size"],"mappings":";;;AAIA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,SAASA,QAAQA,CAACC,OAAe,EAAE;AACxC,EAAA,OAAOC,aAAa,CAACD,OAAO,EAAEE,uBAAuB,CAAC;AACxD;AAqBA,MAAMA,uBAAuB,CAAC;AAC5B,EAAA,UAAU,GAAG,IAAIC,OAAO,EAAiE;EAEzF,mBAAmB,GAAIC,OAAoC,IAAK;AAC9D,IAAA,KAAK,MAAMC,KAAK,IAAID,OAAO,EAAE;AAC3B,MAAA,MAAME,SAAS,GAAG,IAAI,CAAC,UAAU,CAACC,GAAG,CAACF,KAAK,CAACG,MAAM,CAAC;AAEnD,MAAA,IAAIF,SAAS,EAAE;AACb,QAAA,KAAK,MAAMG,QAAQ,IAAIH,SAAS,EAAE;UAChCG,QAAQ,CAACJ,KAAK,CAAC;AACjB,QAAA;AACF,MAAA;AACF,IAAA;EACF,CAAC;EAED,SAAS,GAAG,IAAIK,oBAAoB,CAAC,IAAI,CAAC,mBAAmB,EAAE;AAC7D;AACJ;AACA;AACA;AACA;AACA;AALI,GAMD,CAAC;AAEFC,EAAAA,WAAWA,GAAG;IACZC,kBAAkB,CAAC,IAAI,EAAE,MAAM;AAC7B,MAAA,IAAI,CAAC,SAAS,EAAEC,UAAU,EAAE;AAC9B,IAAA,CAAC,CAAC;AACJ,EAAA;;AAEA;AACF;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACEC,EAAAA,OAAOA,CAACC,OAAgB,EAAEN,QAAuD,EAAE;IACjF,MAAMH,SAAS,GAAG,IAAI,CAAC,UAAU,CAACC,GAAG,CAACQ,OAAO,CAAC;AAE9C,IAAA,IAAIT,SAAS,EAAE;AACbA,MAAAA,SAAS,CAACU,GAAG,CAACP,QAAQ,CAAC;AACzB,IAAA,CAAC,MAAM;AACL,MAAA,IAAI,CAAC,UAAU,CAACQ,GAAG,CAACF,OAAO,EAAE,IAAIG,GAAG,CAAC,CAACT,QAAQ,CAAC,CAAC,CAAC;AACjD,MAAA,IAAI,CAAC,SAAS,CAACK,OAAO,CAACC,OAAO,CAAC;AACjC,IAAA;AACF,EAAA;;AAEA;AACF;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACEI,EAAAA,SAASA,CACPJ,OAAmC,EACnCN,QAAuD,EACvD;IACA,IAAI,CAACM,OAAO,EAAE;AACZ,MAAA;AACF,IAAA;IAEA,MAAMT,SAAS,GAAG,IAAI,CAAC,UAAU,CAACC,GAAG,CAACQ,OAAO,CAAC;IAE9C,IAAI,CAACT,SAAS,EAAE;AACd,MAAA;AACF,IAAA;AAEAA,IAAAA,SAAS,CAACc,MAAM,CAACX,QAAQ,CAAC;AAE1B,IAAA,IAAI,CAACA,QAAQ,IAAI,CAACH,SAAS,CAACe,IAAI,EAAE;AAChC,MAAA,IAAI,CAAC,UAAU,CAACD,MAAM,CAACL,OAAO,CAAC;AAC/B,MAAA,IAAI,CAAC,SAAS,CAACI,SAAS,CAACJ,OAAO,CAAC;AACnC,IAAA;AACF,EAAA;AACF;;;;"}

package/dist/viewport.js

@@ -0,0 +1,3 @@
+export { InViewport } from './viewport/in-viewport.js';
+export { viewport } from './viewport/viewport.js';
+//# sourceMappingURL=viewport.js.map

package/dist/viewport.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"viewport.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ember-primitives",
-  "version": "0.48.1",
+  "version": "0.49.0",
   "description": "Making apps easier to build",
   "keywords": [
     "ember-addon"
@@ -16,17 +16,17 @@
   "dependencies": {
     "@babel/runtime": "^7.27.1",
     "@embroider/addon-shim": "^1.10.0",
-    "@embroider/macros": "^1.19.2",
+    "@embroider/macros": "^1.19.6",
     "@floating-ui/dom": "^1.7.0",
     "decorator-transforms": "^2.3.0",
     "ember-element-helper": ">= 0.8.6",
     "form-data-utils": "^0.6.0",
     "reactiveweb": "^1.8.0",
     "should-handle-link": "^1.2.2",
-    "tabster": "^8.5.5",
-    "tracked-built-ins": "^4.0.0",
+    "tabster": "^8.7.0",
+    "tracked-built-ins": "^4.1.0",
     "tracked-toolbox": "^2.0.0",
-    "which-heading-do-i-need": "0.2.1"
+    "which-heading-do-i-need": "0.2.2"
   },
   "devDependencies": {
     "@arethetypeswrong/cli": "^0.18.0",
@@ -38,31 +38,31 @@
     "@babel/plugin-transform-class-static-block": "^7.27.1",
     "@babel/plugin-transform-private-methods": "^7.27.1",
     "@babel/preset-typescript": "^7.28.5",
-    "@ember/library-tsconfig": "^1.1.3",
-    "@ember/test-helpers": "^5.4.0",
+    "@ember/library-tsconfig": "^2.0.0",
+    "@ember/test-helpers": "^5.4.1",
     "@ember/test-waiters": "^4.1.0",
-    "@embroider/addon-dev": "^8.1.0",
+    "@embroider/addon-dev": "^8.2.0",
     "@glimmer/component": "^2.0.0",
     "@glimmer/tracking": "^1.1.2",
-    "@glint/ember-tsc": "^1.0.7",
-    "@glint/template": "^1.7.2",
-    "@glint/tsserver-plugin": "^2.0.7",
-    "@nullvoxpopuli/eslint-configs": "^5.3.4",
+    "@glint/ember-tsc": "^1.0.8",
+    "@glint/template": "^1.7.3",
+    "@glint/tsserver-plugin": "^2.0.8",
+    "@nullvoxpopuli/eslint-configs": "^5.5.0",
     "@rollup/plugin-babel": "^6.1.0",
-    "@tsconfig/ember": "^3.0.5",
-    "babel-plugin-ember-template-compilation": "^2.4.0",
+    "@tsconfig/ember": "^3.0.12",
+    "babel-plugin-ember-template-compilation": "^3.0.1",
     "concurrently": "^9.2.1",
     "ember-modifier": "^4.2.2",
     "ember-resources": "^7.0.7",
-    "ember-source": "6.8.1",
+    "ember-source": "6.9.0",
     "ember-template-lint": "^7.9.3",
-    "eslint": "^9.39.0",
+    "eslint": "^9.39.2",
     "execa": "^9.6.0",
     "fix-bad-declaration-output": "^1.1.5",
-    "prettier": "^3.2.5",
-    "prettier-plugin-ember-template-tag": "^2.0.5",
-    "publint": "^0.3.12",
-    "rollup": "~4.52.5",
+    "prettier": "^3.7.4",
+    "prettier-plugin-ember-template-tag": "^2.1.2",
+    "publint": "^0.3.16",
+    "rollup": "~4.54.0",
     "rollup-plugin-copy": "^3.5.0",
     "typescript": "^5.9.3"
   },

package/dist/component-Bs3N-G9z.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"component-Bs3N-G9z.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/index-DKE67I8L.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index-DKE67I8L.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/otp-C6hCCXKx.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"otp-C6hCCXKx.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/rating-D052JWRa.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"rating-D052JWRa.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/utils-C5796IKA.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"utils-C5796IKA.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}