ember-primitives 0.37.0 → 0.39.0

package/declarations/components/portal-targets.d.ts

@@ -4,9 +4,23 @@ export declare const TARGETS: Readonly<{
     tooltip: "ember-primitives__portal-targets__tooltip";
     modal: "ember-primitives__portal-targets__modal";
 }>;
-export declare function findNearestTarget(origin: Element, name: string): Element;
+export declare function findNearestTarget(origin: Element, name: string): Element | undefined;
 export interface Signature {
     Element: null;
 }
 export declare const PortalTargets: TOC<Signature>;
+/**
+ * For manually registering a PortalTarget for use with Portal
+ */
+export declare const PortalTarget: TOC<{
+    Element: HTMLDivElement;
+    Args: {
+        /**
+         * The name of the PortalTarget
+         *
+         * This exact string may be passed to `Portal`'s `@to` argument.
+         */
+        name: string;
+    };
+}>;
 export default PortalTargets;

package/declarations/components/portal.d.ts

@@ -8,15 +8,21 @@ export interface Signature {
          * This is the value of the `data-portal-name` attribute
          * of the element you wish to render in to.
          *
-         * This can also be an Element which pairs nicely with query-utilities such as `wormhole`, or the platform-native `querySelector`
+         * This can also be an Element which pairs nicely with query-utilities such as the platform-native `querySelector`
          */
-        to: (Targets | (string & {})) | Element;
+        to?: (Targets | (string & {})) | Element;
         /**
          * Set to true to append to the portal instead of replace
          *
          * Default: false
          */
         append?: boolean;
+        /**
+         * For ember-wormhole style behavior, this argument may be an id,
+         * or a selector.
+         * This can also be an element, in which case the behavior is identical to `@to`
+         */
+        wormhole?: string | Element;
     };
     Blocks: {
         /**
@@ -42,6 +48,6 @@ export interface Signature {
  *
  * ```
  */
-export declare function wormhole(query: string | null | undefined | Element): Element;
+export declare function wormhole(query: string | null | undefined | Element): Element | null;
 export declare const Portal: TOC<Signature>;
 export default Portal;

package/declarations/narrowing.d.ts

@@ -0,0 +1,2 @@
+export declare function isString(x: unknown): x is string;
+export declare function isElement(x: unknown): x is Element;

package/declarations/store.d.ts

@@ -0,0 +1,39 @@
+import type { Newable } from './type-utils.ts';
+/**
+ * Creates a singleton for the given context and links the lifetime of the created class to the passed context
+ *
+ * Note that this function is _not_ lazy. Calling `createStore` will create an instance of the passed class.
+ * When combined with a getter though, creation becomes lazy.
+ *
+ * In this example, `MyState` is created once per instance of the component.
+ * repeat accesses to `this.foo` return a stable reference _as if_ `@cached` were used.
+ * ```js
+ * class MyState {}
+ *
+ * class Demo extends Component {
+ *   // this is a stable reference
+ *   get foo() {
+ *     return createStore(this, MyState);
+ *   }
+ *
+ *   // or
+ *   bar = createStore(this, MyState);
+ *
+ *  // or
+ *  three = createStore(this, () => new MyState(1, 2));
+ * }
+ * ```
+ *
+ * If arguments need to be configured during construction, the second argument may also be a function
+ * ```js
+ * class MyState {}
+ *
+ * class Demo extends Component {
+ *   // this is a stable reference
+ *   get foo() {
+ *     return createStore(this, MyState);
+ *   }
+ * }
+ * ```
+ */
+export declare function createStore<Instance extends object>(context: object, theClass: Newable<Instance> | (() => Instance)): Instance;

package/declarations/type-utils.d.ts

@@ -0,0 +1,3 @@
+export type Newable<T extends object = object> = {
+    new (...args: any[]): T;
+};

package/declarations/utils.d.ts

@@ -1 +1,2 @@
 export declare function uniqueId(): string;
+export declare function isNewable(x: any): x is new (...args: unknown[]) => NonNullable<object>;

package/dist/components/portal-targets.js

@@ -1,9 +1,12 @@
 import { assert } from '@ember/debug';
 import { macroCondition, isDevelopingApp } from '@embroider/macros';
+import { modifier } from 'ember-modifier';
+import { TrackedMap, TrackedSet } from 'tracked-built-ins';
 import { precompileTemplate } from '@ember/template-compilation';
 import { setComponentTemplate } from '@ember/component';
 import templateOnly from '@ember/component/template-only';
 
+const cache = new TrackedMap();
 const TARGETS = Object.freeze({
   popover: "ember-primitives__portal-targets__popover",
   tooltip: "ember-primitives__portal-targets__tooltip",
@@ -14,8 +17,31 @@ function findNearestTarget(origin, name) {
   assert(`second argument to \`findNearestTarget\` must be a string`, typeof name === `string`);
   let element = null;
   let parent = origin.parentNode;
+  const manuallyRegisteredSet = cache.get(name);
+  const manuallyRegistered = manuallyRegisteredSet?.size ? [...manuallyRegisteredSet] : null;
+  /**
+  * For use with <PortalTarget @name="hi" />
+  */
+  function findRegistered(host) {
+    return manuallyRegistered?.find(element => {
+      if (host.contains(element)) {
+        return element;
+      }
+    });
+  }
+  const selector = Object.values(TARGETS).includes(name) ? `[data-portal-name=${name}]` : name;
+  /**
+  * Default portals / non-registered -- here we match a query selector instead of an element
+  */
+  function findDefault(host) {
+    return host.querySelector(selector);
+  }
+  const finder = manuallyRegistered ? findRegistered : findDefault;
+  /**
+  * Crawl up the ancestry looking for our portal target
+  */
   while (!element && parent) {
-    element = parent.querySelector(`[data-portal-name=${name}]`);
+    element = finder(parent);
     if (element) break;
     parent = parent.parentNode;
   }
@@ -23,15 +49,43 @@ function findNearestTarget(origin, name) {
     // eslint-disable-next-line @typescript-eslint/no-unsafe-member-access
     window.prime0 = origin;
   }
-  assert(`Could not find element by the given name: \`${name}\`.` + ` The known names are ` + `${Object.values(TARGETS).join(", ")} ` + `-- but any name will work as long as it is set to the \`data-portal-name\` attribute. ` + `Double check that the element you're wanting to portal to is rendered. ` + `The element passed to \`findNearestTarget\` is stored on \`window.prime0\` ` + `You can debug in your browser's console via ` + `\`document.querySelector('[data-portal-name="${name}"]')\``, element);
-  return element;
+  if (name.startsWith("ember-primitives")) {
+    assert(`Could not find element by the given name: \`${name}\`.` + ` The known names are ` + `${Object.values(TARGETS).join(", ")} ` + `-- but any name will work as long as it is set to the \`data-portal-name\` attribute ` + `(or if the name has been specifically registered via the <PortalTarget /> component). ` + `Double check that the element you're wanting to portal to is rendered. ` + `The element passed to \`findNearestTarget\` is stored on \`window.prime0\` ` + `You can debug in your browser's console via ` + `\`document.querySelector('[data-portal-name="${name}"]')\``, element);
+  }
+  return element ?? undefined;
 }
+const register = modifier((element, [name]) => {
+  assert(`@name is required when using <PortalTarget>`, name);
+  void (async () => {
+    // Bad TypeScript lint.
+    // eslint-disable-next-line @typescript-eslint/await-thenable
+    await 0;
+    let existing = cache.get(name);
+    if (!existing) {
+      existing = new TrackedSet();
+      cache.set(name, existing);
+    }
+    existing.add(element);
+  })();
+  return () => {
+    cache.delete(name);
+  };
+});
 const PortalTargets = setComponentTemplate(precompileTemplate("\n  <div data-portal-name={{TARGETS.popover}}></div>\n  <div data-portal-name={{TARGETS.tooltip}}></div>\n  <div data-portal-name={{TARGETS.modal}}></div>\n", {
   strictMode: true,
   scope: () => ({
     TARGETS
   })
 }), templateOnly());
+/**
+ * For manually registering a PortalTarget for use with Portal
+ */
+const PortalTarget = setComponentTemplate(precompileTemplate("\n  <div {{register @name}} ...attributes></div>\n", {
+  strictMode: true,
+  scope: () => ({
+    register
+  })
+}), templateOnly());
 
-export { PortalTargets, TARGETS, PortalTargets as default, findNearestTarget };
+export { PortalTarget, PortalTargets, TARGETS, PortalTargets as default, findNearestTarget };
 //# sourceMappingURL=portal-targets.js.map

package/dist/components/portal-targets.js.map

@@ -1 +1 @@
-{"version":3,"file":"portal-targets.js","sources":["../../src/components/portal-targets.gts"],"sourcesContent":["import { assert } from \"@ember/debug\";\nimport { isDevelopingApp, macroCondition } from \"@embroider/macros\";\n\nimport type { TOC } from \"@ember/component/template-only\";\n\nexport const TARGETS = Object.freeze({\n  popover: \"ember-primitives__portal-targets__popover\",\n  tooltip: \"ember-primitives__portal-targets__tooltip\",\n  modal: \"ember-primitives__portal-targets__modal\",\n});\n\nexport function findNearestTarget(origin: Element, name: string) {\n  assert(`first argument to \\`findNearestTarget\\` must be an element`, origin instanceof Element);\n  assert(`second argument to \\`findNearestTarget\\` must be a string`, typeof name === `string`);\n\n  let element: Element | null = null;\n\n  let parent = origin.parentNode;\n\n  while (!element && parent) {\n    element = parent.querySelector(`[data-portal-name=${name}]`);\n    if (element) break;\n    parent = parent.parentNode;\n  }\n\n  if (macroCondition(isDevelopingApp())) {\n    // eslint-disable-next-line @typescript-eslint/no-unsafe-member-access\n    (window as any).prime0 = origin;\n  }\n\n  assert(\n    `Could not find element by the given name: \\`${name}\\`.` +\n      ` The known names are ` +\n      `${Object.values(TARGETS).join(\", \")} ` +\n      `-- but any name will work as long as it is set to the \\`data-portal-name\\` attribute. ` +\n      `Double check that the element you're wanting to portal to is rendered. ` +\n      `The element passed to \\`findNearestTarget\\` is stored on \\`window.prime0\\` ` +\n      `You can debug in your browser's console via ` +\n      `\\`document.querySelector('[data-portal-name=\"${name}\"]')\\``,\n    element,\n  );\n\n  return element;\n}\n\nexport interface Signature {\n  Element: null;\n}\n\nexport const PortalTargets: TOC<Signature> = <template>\n  <div data-portal-name={{TARGETS.popover}}></div>\n  <div data-portal-name={{TARGETS.tooltip}}></div>\n  <div data-portal-name={{TARGETS.modal}}></div>\n</template>;\n\nexport default PortalTargets;\n"],"names":["TARGETS","Object","freeze","popover","tooltip","modal","findNearestTarget","origin","name","assert","Element","element","parent","parentNode","querySelector","macroCondition","isDevelopingApp","window","prime0","values","join","PortalTargets","setComponentTemplate","precompileTemplate","strictMode","scope","templateOnly"],"mappings":";;;;;;MAKaA,OAAA,GAAUC,MAAA,CAAOC,MAAM,CAAC;AACnCC,EAAAA,OAAA,EAAS,2CAAA;AACTC,EAAAA,OAAA,EAAS,2CAAA;AACTC,EAAAA,KAAA,EAAO;AACT,CAAA;AAEO,SAASC,iBAAAA,CAAkBC,MAAe,EAAEC,IAAY,EAAA;AAC7DC,EAAAA,MAAA,CAAO,CAAA,0DAAA,CAA4D,EAAEF,MAAA,YAAkBG,OAAA,CAAA;AACvFD,EAAAA,MAAA,CAAO,CAAA,yDAAA,CAA2D,EAAE,OAAOD,IAAA,KAAS,QAAQ,CAAA;EAE5F,IAAIG,OAAuB,GAAG,IAAA;AAE9B,EAAA,IAAIC,MAAA,GAASL,OAAOM,UAAU;AAE9B,EAAA,OAAO,CAACF,WAAWC,MAAA,EAAQ;IACzBD,OAAA,GAAUC,MAAA,CAAOE,aAAa,CAAC,CAAA,kBAAA,EAAqBN,IAAA,GAAO,CAAA;AAC3D,IAAA,IAAIG,OAAA,EAAS;IACbC,MAAA,GAASA,OAAOC,UAAU;AAC5B,EAAA;AAEA,EAAA,IAAIE,eAAeC,eAAA,EAAA,CAAA,EAAoB;AACrC;IACCC,MAAA,CAAeC,MAAM,GAAGX,MAAA;AAC3B,EAAA;AAEAE,EAAAA,MAAA,CACE,CAAA,4CAAA,EAA+CD,IAAA,CAAA,GAAA,CAAS,GACtD,CAAA,qBAAA,CAAuB,GACvB,CAAA,EAAGP,OAAOkB,MAAM,CAACnB,SAASoB,IAAI,CAAC,QAAQ,GACvC,CAAA,sFAAA,CAAwF,GACxF,yEAAyE,GACzE,CAAA,2EAAA,CAA6E,GAC7E,CAAA,4CAAA,CAA8C,GAC9C,CAAA,6CAAA,EAAgDZ,IAAA,CAAA,MAAA,CAAY,EAC9DG,OAAA,CAAA;AAGF,EAAA,OAAOA,OAAA;AACT;MAMaU,aAAmB,GAAAC,oBAAA,CAAaC,kBAAA,CAAA,8JAAA,EAI7C;EAAAC,UAAA,EAAA,IAAA;AAAAC,EAAAA,KAAA,EAAAA,OAAA;AAAAzB,IAAAA;AAAA,GAAA;AAAU,CAAA,CAAA,EAAA0B,YAAA,EAAA;;;;"}
+{"version":3,"file":"portal-targets.js","sources":["../../src/components/portal-targets.gts"],"sourcesContent":["import { assert } from \"@ember/debug\";\nimport { isDevelopingApp, macroCondition } from \"@embroider/macros\";\n\nimport { modifier } from \"ember-modifier\";\nimport { TrackedMap, TrackedSet } from \"tracked-built-ins\";\n\nimport type { TOC } from \"@ember/component/template-only\";\n\nconst cache = new TrackedMap<string, Set<Element>>();\n\nexport const TARGETS = Object.freeze({\n  popover: \"ember-primitives__portal-targets__popover\",\n  tooltip: \"ember-primitives__portal-targets__tooltip\",\n  modal: \"ember-primitives__portal-targets__modal\",\n});\n\nexport function findNearestTarget(origin: Element, name: string): Element | undefined {\n  assert(`first argument to \\`findNearestTarget\\` must be an element`, origin instanceof Element);\n  assert(`second argument to \\`findNearestTarget\\` must be a string`, typeof name === `string`);\n\n  let element: Element | undefined | null = null;\n\n  let parent = origin.parentNode;\n\n  const manuallyRegisteredSet = cache.get(name);\n  const manuallyRegistered: Element[] | null = manuallyRegisteredSet?.size\n    ? [...manuallyRegisteredSet]\n    : null;\n\n  /**\n   * For use with <PortalTarget @name=\"hi\" />\n   */\n  function findRegistered(host: ParentNode): Element | undefined {\n    return manuallyRegistered?.find((element) => {\n      if (host.contains(element)) {\n        return element;\n      }\n    });\n  }\n\n  const selector = Object.values(TARGETS as Record<string, string>).includes(name)\n    ? `[data-portal-name=${name}]`\n    : name;\n\n  /**\n   * Default portals / non-registered -- here we match a query selector instead of an element\n   */\n  function findDefault(host: ParentNode): Element | undefined {\n    return host.querySelector(selector) as Element;\n  }\n\n  const finder = manuallyRegistered ? findRegistered : findDefault;\n\n  /**\n   * Crawl up the ancestry looking for our portal target\n   */\n  while (!element && parent) {\n    element = finder(parent);\n    if (element) break;\n    parent = parent.parentNode;\n  }\n\n  if (macroCondition(isDevelopingApp())) {\n    // eslint-disable-next-line @typescript-eslint/no-unsafe-member-access\n    (window as any).prime0 = origin;\n  }\n\n  if (name.startsWith(\"ember-primitives\")) {\n    assert(\n      `Could not find element by the given name: \\`${name}\\`.` +\n        ` The known names are ` +\n        `${Object.values(TARGETS).join(\", \")} ` +\n        `-- but any name will work as long as it is set to the \\`data-portal-name\\` attribute ` +\n        `(or if the name has been specifically registered via the <PortalTarget /> component). ` +\n        `Double check that the element you're wanting to portal to is rendered. ` +\n        `The element passed to \\`findNearestTarget\\` is stored on \\`window.prime0\\` ` +\n        `You can debug in your browser's console via ` +\n        `\\`document.querySelector('[data-portal-name=\"${name}\"]')\\``,\n      element,\n    );\n  }\n\n  return element ?? undefined;\n}\n\nconst register = modifier((element: Element, [name]: [name: string]) => {\n  assert(`@name is required when using <PortalTarget>`, name);\n\n  void (async () => {\n    // Bad TypeScript lint.\n    // eslint-disable-next-line @typescript-eslint/await-thenable\n    await 0;\n\n    let existing = cache.get(name);\n\n    if (!existing) {\n      existing = new TrackedSet<Element>();\n      cache.set(name, existing);\n    }\n\n    existing.add(element);\n  })();\n\n  return () => {\n    cache.delete(name);\n  };\n});\n\nexport interface Signature {\n  Element: null;\n}\n\nexport const PortalTargets: TOC<Signature> = <template>\n  <div data-portal-name={{TARGETS.popover}}></div>\n  <div data-portal-name={{TARGETS.tooltip}}></div>\n  <div data-portal-name={{TARGETS.modal}}></div>\n</template>;\n\n/**\n * For manually registering a PortalTarget for use with Portal\n */\nexport const PortalTarget: TOC<{\n  Element: HTMLDivElement;\n  Args: {\n    /**\n     * The name of the PortalTarget\n     *\n     * This exact string may be passed to `Portal`'s `@to` argument.\n     */\n    name: string;\n  };\n}> = <template>\n  <div {{register @name}} ...attributes></div>\n</template>;\n\nexport default PortalTargets;\n"],"names":["cache","TrackedMap","TARGETS","Object","freeze","popover","tooltip","modal","findNearestTarget","origin","name","assert","Element","element","parent","parentNode","manuallyRegisteredSet","get","manuallyRegistered","size","findRegistered","host","find","contains","selector","values","includes","findDefault","querySelector","finder","macroCondition","isDevelopingApp","window","prime0","startsWith","join","undefined","register","modifier","existing","TrackedSet","set","add","delete","PortalTargets","setComponentTemplate","precompileTemplate","strictMode","scope","templateOnly","PortalTarget"],"mappings":"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"}

package/dist/components/portal.js

@@ -1,6 +1,9 @@
 import { assert } from '@ember/debug';
+import { schedule } from '@ember/runloop';
+import { buildWaiter } from '@ember/test-waiters';
 import { modifier } from 'ember-modifier';
-import { cell } from 'ember-resources';
+import { resourceFactory, cell, resource } from 'ember-resources';
+import { isElement } from '../narrowing.js';
 import { findNearestTarget } from './portal-targets.js';
 import { precompileTemplate } from '@ember/template-compilation';
 import { setComponentTemplate } from '@ember/component';
@@ -26,12 +29,11 @@ import templateOnly from '@ember/component/template-only';
  */
 function wormhole(query) {
   assert(`Expected query/element to be truthy.`, query);
-  if (query instanceof Element) {
+  if (isElement(query)) {
     return query;
   }
   let found = document.getElementById(query);
   found ??= document.querySelector(query);
-  assert(`Could not find element with id/selector ${query}`, found);
   return found;
 }
 const anchor = modifier((element, [to, update]) => {
@@ -41,13 +43,40 @@ const anchor = modifier((element, [to, update]) => {
   update(found);
 });
 const ElementValue = () => cell();
-function isElement(x) {
-  return x instanceof Element;
+const waiter = buildWaiter("ember-primitives:portal");
+function wormholeCompat(selector) {
+  const target = wormhole(selector);
+  if (target) return target;
+  return resource(() => {
+    const target = cell();
+    const token = waiter.beginAsync();
+    // eslint-disable-next-line ember/no-runloop
+    schedule("afterRender", () => {
+      const result = wormhole(selector);
+      waiter.endAsync(token);
+      target.current = result;
+      assert(`Could not find element with id/selector \`${typeof selector === "string" ? selector : "<Element>"}\``, result);
+    });
+    return () => target.current;
+  });
 }
-const Portal = setComponentTemplate(precompileTemplate("\n  {{#if (isElement @to)}}\n    {{#if @append}}\n      {{#in-element @to insertBefore=null}}\n        {{yield}}\n      {{/in-element}}\n    {{else}}\n      {{#in-element @to}}\n        {{yield}}\n      {{/in-element}}\n    {{/if}}\n  {{else}}\n    {{#let (ElementValue) as |target|}}\n      {{!-- This div is always going to be empty,\n          because it'll either find the portal and render content elsewhere,\n          it it won't find the portal and won't render anything.\n      --}}\n      {{!-- template-lint-disable no-inline-styles --}}\n      <div style=\"display:contents;\" {{anchor @to target.set}}>\n        {{#if target.current}}\n          {{#if @append}}\n            {{#in-element target.current insertBefore=null}}\n              {{yield}}\n            {{/in-element}}\n          {{else}}\n            {{#in-element target.current}}\n              {{yield}}\n            {{/in-element}}\n          {{/if}}\n        {{/if}}\n      </div>\n    {{/let}}\n  {{/if}}\n", {
+resourceFactory(wormholeCompat);
+const Portal = setComponentTemplate(precompileTemplate("\n  {{#if (isElement @to)}}\n    <ToElement @to={{@to}} @append={{@append}}>\n      {{yield}}\n    </ToElement>\n  {{else if @wormhole}}\n    {{#let (wormholeCompat @wormhole) as |target|}}\n      {{#if target}}\n        {{#in-element target insertBefore=null}}\n          {{yield}}\n        {{/in-element}}\n      {{/if}}\n    {{/let}}\n  {{else if @to}}\n    <Nestable @to={{@to}} @append={{@append}}>\n      {{yield}}\n    </Nestable>\n  {{else}}\n    {{assert \"either @to or @wormhole is required. Received neither\"}}\n  {{/if}}\n", {
   strictMode: true,
   scope: () => ({
     isElement,
+    ToElement,
+    wormholeCompat,
+    Nestable,
+    assert
+  })
+}), templateOnly());
+const ToElement = setComponentTemplate(precompileTemplate("\n  {{#if @append}}\n    {{#in-element @to insertBefore=null}}\n      {{yield}}\n    {{/in-element}}\n  {{else}}\n    {{#in-element @to}}\n      {{yield}}\n    {{/in-element}}\n  {{/if}}\n", {
+  strictMode: true
+}), templateOnly());
+const Nestable = setComponentTemplate(precompileTemplate("\n  {{#let (ElementValue) as |target|}}\n    {{!-- This div is always going to be empty,\n          because it'll either find the portal and render content elsewhere,\n          it it won't find the portal and won't render anything.\n      --}}\n    {{!-- template-lint-disable no-inline-styles --}}\n    <div style=\"display:contents;\" {{anchor @to target.set}}>\n      {{#if target.current}}\n        {{#if @append}}\n          {{#in-element target.current insertBefore=null}}\n            {{yield}}\n          {{/in-element}}\n        {{else}}\n          {{#in-element target.current}}\n            {{yield}}\n          {{/in-element}}\n        {{/if}}\n      {{/if}}\n    </div>\n  {{/let}}\n", {
+  strictMode: true,
+  scope: () => ({
     ElementValue,
     anchor
   })

package/dist/components/portal.js.map

@@ -1 +1 @@
-{"version":3,"file":"portal.js","sources":["../../src/components/portal.gts"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-redundant-type-constituents */\nimport { assert } from \"@ember/debug\";\n\nimport { modifier } from \"ember-modifier\";\nimport { cell } from \"ember-resources\";\n\nimport { findNearestTarget, type TARGETS } from \"./portal-targets.gts\";\n\nimport type { TOC } from \"@ember/component/template-only\";\n\ntype Targets = (typeof TARGETS)[keyof typeof TARGETS];\n\nexport interface Signature {\n  Args: {\n    /**\n     * The name of the PortalTarget to render in to.\n     * This is the value of the `data-portal-name` attribute\n     * of the element you wish to render in to.\n     *\n     * This can also be an Element which pairs nicely with query-utilities such as `wormhole`, or the platform-native `querySelector`\n     */\n    to: (Targets | (string & {})) | Element;\n\n    /**\n     * Set to true to append to the portal instead of replace\n     *\n     * Default: false\n     */\n    append?: boolean;\n  };\n  Blocks: {\n    /**\n     * The portaled content\n     */\n    default: [];\n  };\n}\n\n/**\n * Polyfill for ember-wormhole behavior\n *\n * Example usage:\n * ```gjs\n * import { wormhole, Portal } from 'ember-primitives/components/portal';\n *\n * <template>\n *   <div id=\"the-portal\"></div>\n *\n *   <Portal @to={{wormhole \"the-portal\"}}>\n *     content renders in the above div\n *   </Portal>\n * </template>\n *\n * ```\n */\nexport function wormhole(query: string | null | undefined | Element) {\n  assert(`Expected query/element to be truthy.`, query);\n\n  if (query instanceof Element) {\n    return query;\n  }\n\n  let found = document.getElementById(query);\n\n  found ??= document.querySelector(query);\n\n  assert(`Could not find element with id/selector ${query}`, found);\n\n  return found;\n}\n\nconst anchor = modifier(\n  (element: Element, [to, update]: [string, ReturnType<typeof ElementValue>[\"set\"]]) => {\n    // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment, @typescript-eslint/no-unsafe-call\n    const found = findNearestTarget(element, to);\n\n    // eslint-disable-next-line @typescript-eslint/no-unsafe-argument\n    update(found);\n  },\n);\n\nconst ElementValue = () => cell<Element | ShadowRoot>();\n\nfunction isElement(x: unknown): x is Element {\n  return x instanceof Element;\n}\n\nexport const Portal: TOC<Signature> = <template>\n  {{#if (isElement @to)}}\n    {{#if @append}}\n      {{#in-element @to insertBefore=null}}\n        {{yield}}\n      {{/in-element}}\n    {{else}}\n      {{#in-element @to}}\n        {{yield}}\n      {{/in-element}}\n    {{/if}}\n  {{else}}\n    {{#let (ElementValue) as |target|}}\n      {{! This div is always going to be empty,\n          because it'll either find the portal and render content elsewhere,\n          it it won't find the portal and won't render anything.\n      }}\n      {{! template-lint-disable no-inline-styles }}\n      <div style=\"display:contents;\" {{anchor @to target.set}}>\n        {{#if target.current}}\n          {{#if @append}}\n            {{#in-element target.current insertBefore=null}}\n              {{yield}}\n            {{/in-element}}\n          {{else}}\n            {{#in-element target.current}}\n              {{yield}}\n            {{/in-element}}\n          {{/if}}\n        {{/if}}\n      </div>\n    {{/let}}\n  {{/if}}\n</template>;\n\nexport default Portal;\n"],"names":["wormhole","query","assert","Element","found","document","getElementById","querySelector","anchor","modifier","element","to","update","findNearestTarget","ElementValue","cell","isElement","x","Portal","setComponentTemplate","precompileTemplate","strictMode","scope","templateOnly"],"mappings":";;;;;;;;AAAA;AAsCA;;;;;;;;;;;;;;;;;AAiBO,SAASA,QAAAA,CAASC,KAA0C,EAAA;AACjEC,EAAAA,MAAA,CAAO,CAAA,oCAAA,CAAsC,EAAED,KAAA,CAAA;EAE/C,IAAIA,iBAAiBE,OAAA,EAAS;AAC5B,IAAA,OAAOF,KAAA;AACT,EAAA;AAEA,EAAA,IAAIG,KAAA,GAAQC,QAAA,CAASC,cAAc,CAACL,KAAA,CAAA;AAEpCG,EAAAA,KAAA,KAAUC,QAAA,CAASE,aAAa,CAACN,KAAA,CAAA;AAEjCC,EAAAA,MAAA,CAAO,CAAA,wCAAA,EAA2CD,KAAA,CAAA,CAAO,EAAEG,KAAA,CAAA;AAE3D,EAAA,OAAOA,KAAA;AACT;AAEA,MAAMI,MAAA,GAASC,QAAA,CACb,CAACC,OAAS,EAAS,CAACC,EAAA,EAAIC,MAAA,CAAyD,KAAA;AAC/E;AACA,EAAA,MAAMR,KAAA,GAAQS,kBAAkBH,OAAA,EAASC,EAAA,CAAA;AAEzC;EACAC,MAAA,CAAOR,KAAA,CAAA;AACT,CAAA,CAAA;AAGF,MAAMU,YAAA,GAAeA,MAAMC,IAAA,EAAe;AAE1C,SAASC,SAAAA,CAAUC,CAAU,EAAQ;EACnC,OAAOA,CAAA,YAAad,OAAA;AACtB;MAEae,MAAY,GAAAC,oBAAA,CAAaC,kBAAA,CAAA,29BAAA,EAiCtC;EAAAC,UAAA,EAAA,IAAA;AAAAC,EAAAA,KAAA,EAAAA,OAAA;IAAAN,SAAA;IAAAF,YAAA;AAAAN,IAAAA;AAAA,GAAA;AAAU,CAAA,CAAA,EAAAe,YAAA,EAAA;;;;"}
+{"version":3,"file":"portal.js","sources":["../../src/components/portal.gts"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-redundant-type-constituents */\nimport { assert } from \"@ember/debug\";\nimport { schedule } from \"@ember/runloop\";\nimport { buildWaiter } from \"@ember/test-waiters\";\n\nimport { modifier } from \"ember-modifier\";\nimport { cell, resource, resourceFactory } from \"ember-resources\";\n\nimport { isElement } from \"../narrowing.ts\";\nimport { findNearestTarget, type TARGETS } from \"./portal-targets.gts\";\n\nimport type { TOC } from \"@ember/component/template-only\";\n\ntype Targets = (typeof TARGETS)[keyof typeof TARGETS];\n\ninterface ToSignature {\n  Args: {\n    to: string;\n    append?: boolean;\n  };\n  Blocks: {\n    default: [];\n  };\n}\ninterface ElementSignature {\n  Args: {\n    to: Element;\n    append?: boolean;\n  };\n  Blocks: {\n    default: [];\n  };\n}\n\nexport interface Signature {\n  Args: {\n    /**\n     * The name of the PortalTarget to render in to.\n     * This is the value of the `data-portal-name` attribute\n     * of the element you wish to render in to.\n     *\n     * This can also be an Element which pairs nicely with query-utilities such as the platform-native `querySelector`\n     */\n    to?: (Targets | (string & {})) | Element;\n\n    /**\n     * Set to true to append to the portal instead of replace\n     *\n     * Default: false\n     */\n    append?: boolean;\n    /**\n     * For ember-wormhole style behavior, this argument may be an id,\n     * or a selector.\n     * This can also be an element, in which case the behavior is identical to `@to`\n     */\n    wormhole?: string | Element;\n  };\n  Blocks: {\n    /**\n     * The portaled content\n     */\n    default: [];\n  };\n}\n\n/**\n * Polyfill for ember-wormhole behavior\n *\n * Example usage:\n * ```gjs\n * import { wormhole, Portal } from 'ember-primitives/components/portal';\n *\n * <template>\n *   <div id=\"the-portal\"></div>\n *\n *   <Portal @to={{wormhole \"the-portal\"}}>\n *     content renders in the above div\n *   </Portal>\n * </template>\n *\n * ```\n */\nexport function wormhole(query: string | null | undefined | Element) {\n  assert(`Expected query/element to be truthy.`, query);\n\n  if (isElement(query)) {\n    return query;\n  }\n\n  let found = document.getElementById(query);\n\n  found ??= document.querySelector(query);\n\n  return found;\n}\n\nconst anchor = modifier(\n  (element: Element, [to, update]: [string, ReturnType<typeof ElementValue>[\"set\"]]) => {\n    // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment, @typescript-eslint/no-unsafe-call\n    const found = findNearestTarget(element, to);\n\n    // eslint-disable-next-line @typescript-eslint/no-unsafe-argument\n    update(found);\n  },\n);\n\nconst ElementValue = () => cell<Element | ShadowRoot | null | undefined>();\n\nconst waiter = buildWaiter(\"ember-primitives:portal\");\n\nfunction wormholeCompat(selector: string | Element) {\n  const target = wormhole(selector);\n\n  if (target) return target;\n\n  return resource(() => {\n    const target = cell<Element | undefined | null>();\n\n    const token = waiter.beginAsync();\n\n    // eslint-disable-next-line ember/no-runloop\n    schedule(\"afterRender\", () => {\n      const result = wormhole(selector);\n\n      waiter.endAsync(token);\n      target.current = result;\n      assert(\n        `Could not find element with id/selector \\`${typeof selector === \"string\" ? selector : \"<Element>\"}\\``,\n        result,\n      );\n    });\n\n    return () => target.current;\n  });\n}\n\nresourceFactory(wormholeCompat);\n\nexport const Portal: TOC<Signature> = <template>\n  {{#if (isElement @to)}}\n    <ToElement @to={{@to}} @append={{@append}}>\n      {{yield}}\n    </ToElement>\n  {{else if @wormhole}}\n    {{#let (wormholeCompat @wormhole) as |target|}}\n      {{#if target}}\n        {{#in-element target insertBefore=null}}\n          {{yield}}\n        {{/in-element}}\n      {{/if}}\n    {{/let}}\n  {{else if @to}}\n    <Nestable @to={{@to}} @append={{@append}}>\n      {{yield}}\n    </Nestable>\n  {{else}}\n    {{assert \"either @to or @wormhole is required. Received neither\"}}\n  {{/if}}\n</template>;\n\nconst ToElement: TOC<ElementSignature> = <template>\n  {{#if @append}}\n    {{#in-element @to insertBefore=null}}\n      {{yield}}\n    {{/in-element}}\n  {{else}}\n    {{#in-element @to}}\n      {{yield}}\n    {{/in-element}}\n  {{/if}}\n</template>;\n\nconst Nestable: TOC<ToSignature> = <template>\n  {{#let (ElementValue) as |target|}}\n    {{! This div is always going to be empty,\n          because it'll either find the portal and render content elsewhere,\n          it it won't find the portal and won't render anything.\n      }}\n    {{! template-lint-disable no-inline-styles }}\n    <div style=\"display:contents;\" {{anchor @to target.set}}>\n      {{#if target.current}}\n        {{#if @append}}\n          {{#in-element target.current insertBefore=null}}\n            {{yield}}\n          {{/in-element}}\n        {{else}}\n          {{#in-element target.current}}\n            {{yield}}\n          {{/in-element}}\n        {{/if}}\n      {{/if}}\n    </div>\n  {{/let}}\n</template>;\n\nexport default Portal;\n"],"names":["wormhole","query","assert","isElement","found","document","getElementById","querySelector","anchor","modifier","element","to","update","findNearestTarget","ElementValue","cell","waiter","buildWaiter","wormholeCompat","selector","target","resource","token","beginAsync","schedule","result","endAsync","current","resourceFactory","Portal","setComponentTemplate","precompileTemplate","strictMode","scope","ToElement","Nestable","templateOnly"],"mappings":";;;;;;;;;;;AAAA;AAkEA;;;;;;;;;;;;;;;;;AAiBO,SAASA,QAAAA,CAASC,KAA0C,EAAA;AACjEC,EAAAA,MAAA,CAAO,CAAA,oCAAA,CAAsC,EAAED,KAAA,CAAA;AAE/C,EAAA,IAAIE,UAAUF,KAAA,CAAA,EAAQ;AACpB,IAAA,OAAOA,KAAA;AACT,EAAA;AAEA,EAAA,IAAIG,KAAA,GAAQC,QAAA,CAASC,cAAc,CAACL,KAAA,CAAA;AAEpCG,EAAAA,KAAA,KAAUC,QAAA,CAASE,aAAa,CAACN,KAAA,CAAA;AAEjC,EAAA,OAAOG,KAAA;AACT;AAEA,MAAMI,MAAA,GAASC,QAAA,CACb,CAACC,OAAS,EAAS,CAACC,EAAA,EAAIC,MAAA,CAAyD,KAAA;AAC/E;AACA,EAAA,MAAMR,KAAA,GAAQS,kBAAkBH,OAAA,EAASC,EAAA,CAAA;AAEzC;EACAC,MAAA,CAAOR,KAAA,CAAA;AACT,CAAA,CAAA;AAGF,MAAMU,eAAeA,MAAMC,IAAA,EAA4C;AAEvE,MAAMC,SAASC,WAAA,CAAY,yBAAA,CAAA;AAE3B,SAASC,cAAAA,CAAeC,QAA0B,EAAA;AAChD,EAAA,MAAMC,SAASpB,QAAA,CAASmB,QAAA,CAAA;EAExB,IAAIC,QAAQ,OAAOA,MAAA;EAEnB,OAAOC,QAAA,CAAS,MAAA;AACd,IAAA,MAAMD,MAAA,GAASL,IAAA,EAA+B;AAE9C,IAAA,MAAMO,KAAA,GAAQN,OAAOO,UAAU,EAAA;AAE/B;IACAC,QAAA,CAAS,aAAA,EAAe,MAAA;AACtB,MAAA,MAAMC,SAASzB,QAAA,CAASmB,QAAA,CAAA;AAExBH,MAAAA,MAAA,CAAOU,QAAQ,CAACJ,KAAA,CAAA;MAChBF,MAAA,CAAOO,OAAO,GAAGF,MAAA;AACjBvB,MAAAA,MAAA,CACE,CAAA,0CAAA,EAA6C,OAAOiB,QAAA,KAAa,WAAWA,QAAA,GAAW,WAAA,CAAA,EAAA,CAAe,EACtGM,MAAA,CAAA;AAEJ,IAAA,CAAA,CAAA;IAEA,OAAO,MAAML,OAAOO,OAAO;AAC7B,EAAA,CAAA,CAAA;AACF;AAEAC,eAAA,CAAgBV,cAAA,CAAA;MAEHW,MAAY,GAAAC,oBAAA,CAAaC,kBAAA,CAAA,0hBAAA,EAoBtC;EAAAC,UAAA,EAAA,IAAA;AAAAC,EAAAA,KAAA,EAAAA,OAAA;IAAA9B,SAAA;IAAA+B,SAAA;IAAAhB,cAAA;IAAAiB,QAAA;AAAAjC,IAAAA;AAAA,GAAA;AAAU,CAAA,CAAA,EAAAkC,YAAA,EAAA;AAEV,MAAMF,SAAe,GAAAJ,oBAAA,CAAoBC,kBAAA,CAAA,8LAAA,EAUzC;EAAAC,UAAA,EAAA;AAAU,CAAA,CAAA,EAAAI,YAAA,EAAA,CAAA;AAEV,MAAMD,QAAc,GAAAL,oBAAA,CAAeC,kBAAA,CAAA,2rBAAA,EAqBnC;EAAAC,UAAA,EAAA,IAAA;AAAAC,EAAAA,KAAA,EAAAA,OAAA;IAAAnB,YAAA;AAAAN,IAAAA;AAAA,GAAA;AAAU,CAAA,CAAA,EAAA4B,YAAA,EAAA,CAAA;;;;"}

package/dist/narrowing.js

@@ -0,0 +1,9 @@
+function isString(x) {
+  return typeof x === 'string';
+}
+function isElement(x) {
+  return x instanceof Element;
+}
+
+export { isElement, isString };
+//# sourceMappingURL=narrowing.js.map

package/dist/narrowing.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"narrowing.js","sources":["../src/narrowing.ts"],"sourcesContent":["export function isString(x: unknown): x is string {\n  return typeof x === 'string';\n}\n\nexport function isElement(x: unknown): x is Element {\n  return x instanceof Element;\n}\n"],"names":["isString","x","isElement","Element"],"mappings":"AAAO,SAASA,QAAQA,CAACC,CAAU,EAAe;EAChD,OAAO,OAAOA,CAAC,KAAK,QAAQ;AAC9B;AAEO,SAASC,SAASA,CAACD,CAAU,EAAgB;EAClD,OAAOA,CAAC,YAAYE,OAAO;AAC7B;;;;"}

package/dist/proper-links.js.map

@@ -1 +1 @@
-{"version":3,"file":"proper-links.js","sources":["../src/proper-links.ts"],"sourcesContent":["import { assert } from '@ember/debug';\nimport { registerDestructor } from '@ember/destroyable';\nimport { getOwner } from '@ember/owner';\n\nimport { getAnchor, shouldHandle } from 'should-handle-link';\n\nimport type EmberRouter from '@ember/routing/router';\nimport type RouterService from '@ember/routing/router-service';\n\nexport { shouldHandle } from 'should-handle-link';\n\ntype Constructor<T extends object = object> = { new (...args: any[]): T };\n\nexport interface Options {\n  ignore?: string[];\n}\n\nexport function properLinks(\n  options: Options\n): <Instance extends object, Klass = { new (...args: any[]): Instance }>(klass: Klass) => Klass;\n\nexport function properLinks<Instance extends object, Klass = { new (...args: any[]): Instance }>(\n  klass: Klass\n): Klass;\n/**\n * @internal\n */\nexport function properLinks<Instance extends object, Klass = { new (...args: any[]): Instance }>(\n  options: Options,\n  klass: Klass\n): Klass;\n\nexport function properLinks<Instance extends object, Klass = { new (...args: any[]): Instance }>(\n  ...args: [Options] | [Klass] | [Options, Klass]\n): Klass | ((klass: Klass) => Klass) {\n  let options: Options = {};\n\n  let klass: undefined | Klass = undefined;\n\n  if (args.length === 2) {\n    options = args[0];\n    klass = args[1];\n  } else if (args.length === 1) {\n    if (typeof args[0] === 'object') {\n      // TODO: how to get first arg type correct?\n      // eslint-disable-next-line @typescript-eslint/no-unsafe-argument\n      return (klass: Klass) => properLinks(args[0] as any, klass);\n    } else {\n      klass = args[0];\n    }\n  }\n\n  const ignore = options.ignore || [];\n\n  assert(`klass was not defined. possibile incorrect arity given to properLinks`, klass);\n\n  return class RouterWithProperLinks extends (klass as unknown as Constructor<EmberRouter>) {\n    // SAFETY: we literally do not care about the args' type here,\n    //         because we just call super\n    constructor(...args: any[]) {\n      // eslint-disable-next-line @typescript-eslint/no-unsafe-argument\n      super(...args);\n\n      setup(this, ignore);\n    }\n  } as unknown as Klass;\n}\n\n/**\n * Setup proper links without a decorator.\n * This function only requires that a framework object with an owner is passed.\n */\nexport function setup(parent: object, ignore?: string[]) {\n  const handler = (event: MouseEvent) => {\n    /**\n     * event.target may not be an anchor,\n     * it may be a span, svg, img, or any number of elements nested in <a>...</a>\n     */\n    const interactive = getAnchor(event);\n\n    if (!interactive) return;\n\n    const owner = getOwner(parent);\n\n    assert('owner is not present', owner);\n\n    const routerService = owner.lookup('service:router');\n\n    handle(routerService, interactive, ignore ?? [], event);\n  };\n\n  document.body.addEventListener('click', handler, false);\n\n  registerDestructor(parent, () => document.body.removeEventListener('click', handler));\n}\n\nexport function handle(\n  router: RouterService,\n  element: HTMLAnchorElement,\n  ignore: string[],\n  event: MouseEvent\n) {\n  if (!shouldHandle(location.href, element, event, ignore)) {\n    return;\n  }\n\n  const url = new URL(element.href);\n\n  const fullHref = `${url.pathname}${url.search}${url.hash}`;\n\n  const rootURL = router.rootURL;\n\n  let withoutRootURL = fullHref.slice(rootURL.length);\n\n  // re-add the \"root\" sigil\n  // we removed it when we chopped off the rootURL,\n  // because the rootURL often has this attached to it as well\n  if (!withoutRootURL.startsWith('/')) {\n    withoutRootURL = `/${withoutRootURL}`;\n  }\n\n  try {\n    const routeInfo = router.recognize(fullHref);\n\n    if (routeInfo) {\n      event.preventDefault();\n      event.stopImmediatePropagation();\n      event.stopPropagation();\n\n      router.transitionTo(withoutRootURL);\n\n      return false;\n    }\n  } catch (e) {\n    if (e instanceof Error && e.name === 'UnrecognizedURLError') {\n      return;\n    }\n\n    throw e;\n  }\n}\n"],"names":["properLinks","args","options","klass","undefined","length","ignore","assert","RouterWithProperLinks","constructor","setup","parent","handler","event","interactive","getAnchor","owner","getOwner","routerService","lookup","handle","document","body","addEventListener","registerDestructor","removeEventListener","router","element","shouldHandle","location","href","url","URL","fullHref","pathname","search","hash","rootURL","withoutRootURL","slice","startsWith","routeInfo","recognize","preventDefault","stopImmediatePropagation","stopPropagation","transitionTo","e","Error","name"],"mappings":";;;;;;AAwBA;AACA;AACA;;AAMO,SAASA,WAAWA,CACzB,GAAGC,IAA4C,EACZ;EACnC,IAAIC,OAAgB,GAAG,EAAE;EAEzB,IAAIC,KAAwB,GAAGC,SAAS;AAExC,EAAA,IAAIH,IAAI,CAACI,MAAM,KAAK,CAAC,EAAE;AACrBH,IAAAA,OAAO,GAAGD,IAAI,CAAC,CAAC,CAAC;AACjBE,IAAAA,KAAK,GAAGF,IAAI,CAAC,CAAC,CAAC;AACjB,EAAA,CAAC,MAAM,IAAIA,IAAI,CAACI,MAAM,KAAK,CAAC,EAAE;AAC5B,IAAA,IAAI,OAAOJ,IAAI,CAAC,CAAC,CAAC,KAAK,QAAQ,EAAE;AAC/B;AACA;MACA,OAAQE,KAAY,IAAKH,WAAW,CAACC,IAAI,CAAC,CAAC,CAAC,EAASE,KAAK,CAAC;AAC7D,IAAA,CAAC,MAAM;AACLA,MAAAA,KAAK,GAAGF,IAAI,CAAC,CAAC,CAAC;AACjB,IAAA;AACF,EAAA;AAEA,EAAA,MAAMK,MAAM,GAAGJ,OAAO,CAACI,MAAM,IAAI,EAAE;AAEnCC,EAAAA,MAAM,CAAC,CAAA,qEAAA,CAAuE,EAAEJ,KAAK,CAAC;AAEtF,EAAA,OAAO,MAAMK,qBAAqB,SAAUL,KAAK,CAAyC;AACxF;AACA;IACAM,WAAWA,CAAC,GAAGR,IAAW,EAAE;AAC1B;MACA,KAAK,CAAC,GAAGA,IAAI,CAAC;AAEdS,MAAAA,KAAK,CAAC,IAAI,EAAEJ,MAAM,CAAC;AACrB,IAAA;GACD;AACH;;AAEA;AACA;AACA;AACA;AACO,SAASI,KAAKA,CAACC,MAAc,EAAEL,MAAiB,EAAE;EACvD,MAAMM,OAAO,GAAIC,KAAiB,IAAK;AACrC;AACJ;AACA;AACA;AACI,IAAA,MAAMC,WAAW,GAAGC,SAAS,CAACF,KAAK,CAAC;IAEpC,IAAI,CAACC,WAAW,EAAE;AAElB,IAAA,MAAME,KAAK,GAAGC,QAAQ,CAACN,MAAM,CAAC;AAE9BJ,IAAAA,MAAM,CAAC,sBAAsB,EAAES,KAAK,CAAC;AAErC,IAAA,MAAME,aAAa,GAAGF,KAAK,CAACG,MAAM,CAAC,gBAAgB,CAAC;IAEpDC,MAAM,CAACF,aAAa,EAAEJ,WAAW,EAAER,MAAM,IAAI,EAAE,EAAEO,KAAK,CAAC;EACzD,CAAC;EAEDQ,QAAQ,CAACC,IAAI,CAACC,gBAAgB,CAAC,OAAO,EAAEX,OAAO,EAAE,KAAK,CAAC;AAEvDY,EAAAA,kBAAkB,CAACb,MAAM,EAAE,MAAMU,QAAQ,CAACC,IAAI,CAACG,mBAAmB,CAAC,OAAO,EAAEb,OAAO,CAAC,CAAC;AACvF;AAEO,SAASQ,MAAMA,CACpBM,MAAqB,EACrBC,OAA0B,EAC1BrB,MAAgB,EAChBO,KAAiB,EACjB;AACA,EAAA,IAAI,CAACe,YAAY,CAACC,QAAQ,CAACC,IAAI,EAAEH,OAAO,EAAEd,KAAK,EAAEP,MAAM,CAAC,EAAE;AACxD,IAAA;AACF,EAAA;EAEA,MAAMyB,GAAG,GAAG,IAAIC,GAAG,CAACL,OAAO,CAACG,IAAI,CAAC;AAEjC,EAAA,MAAMG,QAAQ,GAAG,CAAA,EAAGF,GAAG,CAACG,QAAQ,CAAA,EAAGH,GAAG,CAACI,MAAM,CAAA,EAAGJ,GAAG,CAACK,IAAI,CAAA,CAAE;AAE1D,EAAA,MAAMC,OAAO,GAAGX,MAAM,CAACW,OAAO;EAE9B,IAAIC,cAAc,GAAGL,QAAQ,CAACM,KAAK,CAACF,OAAO,CAAChC,MAAM,CAAC;;AAEnD;AACA;AACA;AACA,EAAA,IAAI,CAACiC,cAAc,CAACE,UAAU,CAAC,GAAG,CAAC,EAAE;IACnCF,cAAc,GAAG,CAAA,CAAA,EAAIA,cAAc,CAAA,CAAE;AACvC,EAAA;EAEA,IAAI;AACF,IAAA,MAAMG,SAAS,GAAGf,MAAM,CAACgB,SAAS,CAACT,QAAQ,CAAC;AAE5C,IAAA,IAAIQ,SAAS,EAAE;MACb5B,KAAK,CAAC8B,cAAc,EAAE;MACtB9B,KAAK,CAAC+B,wBAAwB,EAAE;MAChC/B,KAAK,CAACgC,eAAe,EAAE;AAEvBnB,MAAAA,MAAM,CAACoB,YAAY,CAACR,cAAc,CAAC;AAEnC,MAAA,OAAO,KAAK;AACd,IAAA;EACF,CAAC,CAAC,OAAOS,CAAC,EAAE;IACV,IAAIA,CAAC,YAAYC,KAAK,IAAID,CAAC,CAACE,IAAI,KAAK,sBAAsB,EAAE;AAC3D,MAAA;AACF,IAAA;AAEA,IAAA,MAAMF,CAAC;AACT,EAAA;AACF;;;;"}
+{"version":3,"file":"proper-links.js","sources":["../src/proper-links.ts"],"sourcesContent":["import { assert } from '@ember/debug';\nimport { registerDestructor } from '@ember/destroyable';\nimport { getOwner } from '@ember/owner';\n\nimport { getAnchor, shouldHandle } from 'should-handle-link';\n\nimport type { Newable } from './type-utils.ts';\nimport type EmberRouter from '@ember/routing/router';\nimport type RouterService from '@ember/routing/router-service';\n\nexport { shouldHandle } from 'should-handle-link';\n\nexport interface Options {\n  ignore?: string[];\n}\n\nexport function properLinks(\n  options: Options\n): <Instance extends object, Klass = { new (...args: any[]): Instance }>(klass: Klass) => Klass;\n\nexport function properLinks<Instance extends object, Klass = { new (...args: any[]): Instance }>(\n  klass: Klass\n): Klass;\n/**\n * @internal\n */\nexport function properLinks<Instance extends object, Klass = { new (...args: any[]): Instance }>(\n  options: Options,\n  klass: Klass\n): Klass;\n\nexport function properLinks<Instance extends object, Klass = { new (...args: any[]): Instance }>(\n  ...args: [Options] | [Klass] | [Options, Klass]\n): Klass | ((klass: Klass) => Klass) {\n  let options: Options = {};\n\n  let klass: undefined | Klass = undefined;\n\n  if (args.length === 2) {\n    options = args[0];\n    klass = args[1];\n  } else if (args.length === 1) {\n    if (typeof args[0] === 'object') {\n      // TODO: how to get first arg type correct?\n      // eslint-disable-next-line @typescript-eslint/no-unsafe-argument\n      return (klass: Klass) => properLinks(args[0] as any, klass);\n    } else {\n      klass = args[0];\n    }\n  }\n\n  const ignore = options.ignore || [];\n\n  assert(`klass was not defined. possibile incorrect arity given to properLinks`, klass);\n\n  return class RouterWithProperLinks extends (klass as unknown as Newable<EmberRouter>) {\n    // SAFETY: we literally do not care about the args' type here,\n    //         because we just call super\n    constructor(...args: any[]) {\n      // eslint-disable-next-line @typescript-eslint/no-unsafe-argument\n      super(...args);\n\n      setup(this, ignore);\n    }\n  } as unknown as Klass;\n}\n\n/**\n * Setup proper links without a decorator.\n * This function only requires that a framework object with an owner is passed.\n */\nexport function setup(parent: object, ignore?: string[]) {\n  const handler = (event: MouseEvent) => {\n    /**\n     * event.target may not be an anchor,\n     * it may be a span, svg, img, or any number of elements nested in <a>...</a>\n     */\n    const interactive = getAnchor(event);\n\n    if (!interactive) return;\n\n    const owner = getOwner(parent);\n\n    assert('owner is not present', owner);\n\n    const routerService = owner.lookup('service:router');\n\n    handle(routerService, interactive, ignore ?? [], event);\n  };\n\n  document.body.addEventListener('click', handler, false);\n\n  registerDestructor(parent, () => document.body.removeEventListener('click', handler));\n}\n\nexport function handle(\n  router: RouterService,\n  element: HTMLAnchorElement,\n  ignore: string[],\n  event: MouseEvent\n) {\n  if (!shouldHandle(location.href, element, event, ignore)) {\n    return;\n  }\n\n  const url = new URL(element.href);\n\n  const fullHref = `${url.pathname}${url.search}${url.hash}`;\n\n  const rootURL = router.rootURL;\n\n  let withoutRootURL = fullHref.slice(rootURL.length);\n\n  // re-add the \"root\" sigil\n  // we removed it when we chopped off the rootURL,\n  // because the rootURL often has this attached to it as well\n  if (!withoutRootURL.startsWith('/')) {\n    withoutRootURL = `/${withoutRootURL}`;\n  }\n\n  try {\n    const routeInfo = router.recognize(fullHref);\n\n    if (routeInfo) {\n      event.preventDefault();\n      event.stopImmediatePropagation();\n      event.stopPropagation();\n\n      router.transitionTo(withoutRootURL);\n\n      return false;\n    }\n  } catch (e) {\n    if (e instanceof Error && e.name === 'UnrecognizedURLError') {\n      return;\n    }\n\n    throw e;\n  }\n}\n"],"names":["properLinks","args","options","klass","undefined","length","ignore","assert","RouterWithProperLinks","constructor","setup","parent","handler","event","interactive","getAnchor","owner","getOwner","routerService","lookup","handle","document","body","addEventListener","registerDestructor","removeEventListener","router","element","shouldHandle","location","href","url","URL","fullHref","pathname","search","hash","rootURL","withoutRootURL","slice","startsWith","routeInfo","recognize","preventDefault","stopImmediatePropagation","stopPropagation","transitionTo","e","Error","name"],"mappings":"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"}

package/dist/store.js

@@ -0,0 +1,63 @@
+import { link } from 'reactiveweb/link';
+import { isNewable } from './utils.js';
+
+/**
+ * context => { class => instance }
+ */
+const contextCache = new WeakMap();
+
+/**
+ * Creates a singleton for the given context and links the lifetime of the created class to the passed context
+ *
+ * Note that this function is _not_ lazy. Calling `createStore` will create an instance of the passed class.
+ * When combined with a getter though, creation becomes lazy.
+ *
+ * In this example, `MyState` is created once per instance of the component.
+ * repeat accesses to `this.foo` return a stable reference _as if_ `@cached` were used.
+ * ```js
+ * class MyState {}
+ *
+ * class Demo extends Component {
+ *   // this is a stable reference
+ *   get foo() {
+ *     return createStore(this, MyState);
+ *   }
+ *
+ *   // or
+ *   bar = createStore(this, MyState);
+ *
+ *  // or
+ *  three = createStore(this, () => new MyState(1, 2));
+ * }
+ * ```
+ *
+ * If arguments need to be configured during construction, the second argument may also be a function
+ * ```js
+ * class MyState {}
+ *
+ * class Demo extends Component {
+ *   // this is a stable reference
+ *   get foo() {
+ *     return createStore(this, MyState);
+ *   }
+ * }
+ * ```
+ */
+function createStore(context, theClass) {
+  let cache = contextCache.get(context);
+  if (!cache) {
+    cache = new Map();
+    contextCache.set(context, cache);
+  }
+  let existing = cache.get(theClass);
+  if (!existing) {
+    const instance = isNewable(theClass) ? new theClass() : theClass();
+    link(instance, context);
+    cache.set(theClass, instance);
+    existing = instance;
+  }
+  return existing;
+}
+
+export { createStore };
+//# sourceMappingURL=store.js.map

package/dist/store.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"store.js","sources":["../src/store.ts"],"sourcesContent":["import { link } from 'reactiveweb/link';\n\nimport { isNewable } from './utils.ts';\n\nimport type { Newable } from './type-utils.ts';\n\n/**\n * context => { class => instance }\n */\nconst contextCache = new WeakMap<object, Map<object, object>>();\n\n/**\n * Creates a singleton for the given context and links the lifetime of the created class to the passed context\n *\n * Note that this function is _not_ lazy. Calling `createStore` will create an instance of the passed class.\n * When combined with a getter though, creation becomes lazy.\n *\n * In this example, `MyState` is created once per instance of the component.\n * repeat accesses to `this.foo` return a stable reference _as if_ `@cached` were used.\n * ```js\n * class MyState {}\n *\n * class Demo extends Component {\n *   // this is a stable reference\n *   get foo() {\n *     return createStore(this, MyState);\n *   }\n *\n *   // or\n *   bar = createStore(this, MyState);\n *\n *  // or\n *  three = createStore(this, () => new MyState(1, 2));\n * }\n * ```\n *\n * If arguments need to be configured during construction, the second argument may also be a function\n * ```js\n * class MyState {}\n *\n * class Demo extends Component {\n *   // this is a stable reference\n *   get foo() {\n *     return createStore(this, MyState);\n *   }\n * }\n * ```\n */\nexport function createStore<Instance extends object>(\n  context: object,\n  theClass: Newable<Instance> | (() => Instance)\n): Instance {\n  let cache = contextCache.get(context);\n\n  if (!cache) {\n    cache = new Map();\n    contextCache.set(context, cache);\n  }\n\n  let existing = cache.get(theClass);\n\n  if (!existing) {\n    const instance = isNewable(theClass) ? new theClass() : theClass();\n\n    link(instance, context);\n\n    cache.set(theClass, instance);\n    existing = instance;\n  }\n\n  return existing as Instance;\n}\n"],"names":["contextCache","WeakMap","createStore","context","theClass","cache","get","Map","set","existing","instance","isNewable","link"],"mappings":";;;AAMA;AACA;AACA;AACA,MAAMA,YAAY,GAAG,IAAIC,OAAO,EAA+B;;AAE/D;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,SAASC,WAAWA,CACzBC,OAAe,EACfC,QAA8C,EACpC;AACV,EAAA,IAAIC,KAAK,GAAGL,YAAY,CAACM,GAAG,CAACH,OAAO,CAAC;EAErC,IAAI,CAACE,KAAK,EAAE;AACVA,IAAAA,KAAK,GAAG,IAAIE,GAAG,EAAE;AACjBP,IAAAA,YAAY,CAACQ,GAAG,CAACL,OAAO,EAAEE,KAAK,CAAC;AAClC,EAAA;AAEA,EAAA,IAAII,QAAQ,GAAGJ,KAAK,CAACC,GAAG,CAACF,QAAQ,CAAC;EAElC,IAAI,CAACK,QAAQ,EAAE;AACb,IAAA,MAAMC,QAAQ,GAAGC,SAAS,CAACP,QAAQ,CAAC,GAAG,IAAIA,QAAQ,EAAE,GAAGA,QAAQ,EAAE;AAElEQ,IAAAA,IAAI,CAACF,QAAQ,EAAEP,OAAO,CAAC;AAEvBE,IAAAA,KAAK,CAACG,GAAG,CAACJ,QAAQ,EAAEM,QAAQ,CAAC;AAC7BD,IAAAA,QAAQ,GAAGC,QAAQ;AACrB,EAAA;AAEA,EAAA,OAAOD,QAAQ;AACjB;;;;"}

package/dist/type-utils.js

@@ -0,0 +1,2 @@
+
+//# sourceMappingURL=type-utils.js.map

package/dist/type-utils.js.map

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

package/dist/utils.js

@@ -7,6 +7,10 @@ function uniqueId() {
   // eslint-disable-next-line @typescript-eslint/no-unsafe-return, @typescript-eslint/no-unsafe-call, @typescript-eslint/restrict-plus-operands, @typescript-eslint/no-unsafe-member-access
   return ([3e7] + -1e3 + -4e3 + -2e3 + -1e11).replace(/[0-3]/g, a => (a * 4 ^ Math.random() * 16 >> (a & 2)).toString(16));
 }
+function isNewable(x) {
+  // eslint-disable-next-line @typescript-eslint/no-unsafe-member-access
+  return x.prototype?.constructor === x;
+}
 
-export { uniqueId };
+export { isNewable, uniqueId };
 //# sourceMappingURL=utils.js.map

package/dist/utils.js.map

@@ -1 +1 @@
-{"version":3,"file":"utils.js","sources":["../src/utils.ts"],"sourcesContent":["// this is copy pasted from https://github.com/emberjs/ember.js/blob/60d2e0cddb353aea0d6e36a72fda971010d92355/packages/%40ember/-internals/glimmer/lib/helpers/unique-id.ts\n// Unfortunately due to https://github.com/emberjs/ember.js/issues/20165 we cannot use the built-in version in template tags\nexport function uniqueId(): string {\n  // @ts-expect-error this one-liner abuses weird JavaScript semantics that\n  // TypeScript (legitimately) doesn't like, but they're nonetheless valid and\n  // specced.\n  // eslint-disable-next-line @typescript-eslint/no-unsafe-return, @typescript-eslint/no-unsafe-call, @typescript-eslint/restrict-plus-operands, @typescript-eslint/no-unsafe-member-access\n  return ([3e7] + -1e3 + -4e3 + -2e3 + -1e11).replace(/[0-3]/g, (a) =>\n    ((a * 4) ^ ((Math.random() * 16) >> (a & 2))).toString(16)\n  );\n}\n"],"names":["uniqueId","replace","a","Math","random","toString"],"mappings":"AAAA;AACA;AACO,SAASA,QAAQA,GAAW;AACjC;AACA;AACA;AACA;EACA,OAAO,CAAC,CAAC,GAAG,CAAC,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,KAAK,EAAEC,OAAO,CAAC,QAAQ,EAAGC,CAAC,IAC9D,CAAEA,CAAC,GAAG,CAAC,GAAMC,IAAI,CAACC,MAAM,EAAE,GAAG,EAAE,KAAMF,CAAC,GAAG,CAAC,CAAE,EAAEG,QAAQ,CAAC,EAAE,CAC3D,CAAC;AACH;;;;"}
+{"version":3,"file":"utils.js","sources":["../src/utils.ts"],"sourcesContent":["// this is copy pasted from https://github.com/emberjs/ember.js/blob/60d2e0cddb353aea0d6e36a72fda971010d92355/packages/%40ember/-internals/glimmer/lib/helpers/unique-id.ts\n// Unfortunately due to https://github.com/emberjs/ember.js/issues/20165 we cannot use the built-in version in template tags\nexport function uniqueId(): string {\n  // @ts-expect-error this one-liner abuses weird JavaScript semantics that\n  // TypeScript (legitimately) doesn't like, but they're nonetheless valid and\n  // specced.\n  // eslint-disable-next-line @typescript-eslint/no-unsafe-return, @typescript-eslint/no-unsafe-call, @typescript-eslint/restrict-plus-operands, @typescript-eslint/no-unsafe-member-access\n  return ([3e7] + -1e3 + -4e3 + -2e3 + -1e11).replace(/[0-3]/g, (a) =>\n    ((a * 4) ^ ((Math.random() * 16) >> (a & 2))).toString(16)\n  );\n}\n\nexport function isNewable(x: any): x is new (...args: unknown[]) => NonNullable<object> {\n  // eslint-disable-next-line @typescript-eslint/no-unsafe-member-access\n  return x.prototype?.constructor === x;\n}\n"],"names":["uniqueId","replace","a","Math","random","toString","isNewable","x","prototype","constructor"],"mappings":"AAAA;AACA;AACO,SAASA,QAAQA,GAAW;AACjC;AACA;AACA;AACA;EACA,OAAO,CAAC,CAAC,GAAG,CAAC,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,KAAK,EAAEC,OAAO,CAAC,QAAQ,EAAGC,CAAC,IAC9D,CAAEA,CAAC,GAAG,CAAC,GAAMC,IAAI,CAACC,MAAM,EAAE,GAAG,EAAE,KAAMF,CAAC,GAAG,CAAC,CAAE,EAAEG,QAAQ,CAAC,EAAE,CAC3D,CAAC;AACH;AAEO,SAASC,SAASA,CAACC,CAAM,EAAwD;AACtF;AACA,EAAA,OAAOA,CAAC,CAACC,SAAS,EAAEC,WAAW,KAAKF,CAAC;AACvC;;;;"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ember-primitives",
-  "version": "0.37.0",
+  "version": "0.39.0",
   "description": "Making apps easier to build",
   "sideEffects": [
     "*.css"