ember-primitives 0.48.2 → 0.49.0

package/dist/proper-links.js.map

@@ -1 +1 @@
-{"version":3,"file":"proper-links.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
+{"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/qp.js

@@ -1,4 +1,3 @@
-
 import Helper from '@ember/component/helper';
 import { assert } from '@ember/debug';
 import { service } from '@ember/service';

package/dist/qp.js.map

@@ -1 +1 @@
-{"version":3,"file":"qp.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
+{"version":3,"file":"qp.js","sources":["../src/qp.ts"],"sourcesContent":["import Helper from '@ember/component/helper';\nimport { assert } from '@ember/debug';\nimport { service } from '@ember/service';\n\nimport type RouterService from '@ember/routing/router-service';\n\ninterface Signature {\n  Args: {\n    Positional: [string];\n  };\n  Return: string | undefined;\n}\n\n/**\n * Grabs a query-param off the current route from the router service.\n *\n * ```gjs\n * import { qp } from 'ember-primitives/qp';\n *\n * <template>\n *  {{qp \"query-param\"}}\n * </template>\n * ```\n */\nexport class qp extends Helper<Signature> {\n  @service declare router: RouterService;\n\n  compute([name]: [string]): string | undefined {\n    assert('A queryParam name is required', name);\n\n    return this.router.currentRoute?.queryParams?.[name] as string | undefined;\n  }\n}\n\n/**\n * Returns a string for use as an `href` on `<a>` tags, updated with the passed query param\n *\n * ```gjs\n * import { withQP } from 'ember-primitives/qp';\n *\n * <template>\n *   <a href={{withQP \"foo\" \"2\"}}>\n *     ...\n *   </a>\n * </template>\n * ```\n */\nexport class withQP extends Helper<{ Args: { Positional: [string, string] }; Return: string }> {\n  @service declare router: RouterService;\n\n  compute([qpName, nextValue]: [string, string]) {\n    const existing = this.router.currentURL;\n\n    assert('A queryParam name is required', qpName);\n    assert('There is no currentURL', existing);\n\n    const url = new URL(existing, location.origin);\n\n    url.searchParams.set(qpName, nextValue);\n\n    return url.href;\n  }\n}\n\n/**\n * Cast a query-param string value to a boolean\n *\n * ```gjs\n * import { castToBoolean, qp } from 'ember-primitives/qp';\n *\n * <template>\n *  {{#if (castToBoolean (qp 'the-qp'))}}\n *    ...\n *  {{/if}}\n * </template>\n * ```\n *\n * The following values are considered \"false\"\n * - undefined\n * - \"\"\n * - \"0\"\n * - false\n * - \"f\"\n * - \"off\"\n * - \"no\"\n * - \"null\"\n * - \"undefined\"\n *\n * All other values are considered truthy\n */\nexport function castToBoolean(x: string | undefined) {\n  if (!x) return false;\n\n  const isFalsey =\n    x === '0' ||\n    x === 'false' ||\n    x === 'f' ||\n    x === 'null' ||\n    x === 'off' ||\n    x === 'undefined' ||\n    x === 'no';\n\n  if (isFalsey) return false;\n\n  // All other values are considered truthy\n  return true;\n}\n"],"names":["qp","Helper","g","prototype","service","i","compute","name","assert","router","currentRoute","queryParams","withQP","qpName","nextValue","existing","currentURL","url","URL","location","origin","searchParams","set","href","castToBoolean","x","isFalsey"],"mappings":";;;;;AAaA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,MAAMA,EAAE,SAASC,MAAM,CAAY;AAAA,EAAA;IAAAC,CAAA,CAAA,IAAA,CAAAC,SAAA,EAAA,QAAA,EAAA,CACvCC,OAAO,CAAA,CAAA;AAAA;EAAA,OAAA,IAAAC,CAAA,CAAA,IAAA,EAAA,QAAA,CAAA,EAAA,MAAA;AAERC,EAAAA,OAAOA,CAAC,CAACC,IAAI,CAAW,EAAsB;AAC5CC,IAAAA,MAAM,CAAC,+BAA+B,EAAED,IAAI,CAAC;IAE7C,OAAO,IAAI,CAACE,MAAM,CAACC,YAAY,EAAEC,WAAW,GAAGJ,IAAI,CAAC;AACtD,EAAA;AACF;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,MAAMK,MAAM,SAASX,MAAM,CAA6D;AAAA,EAAA;IAAAC,CAAA,CAAA,IAAA,CAAAC,SAAA,EAAA,QAAA,EAAA,CAC5FC,OAAO,CAAA,CAAA;AAAA;EAAA,OAAA,IAAAC,CAAA,CAAA,IAAA,EAAA,QAAA,CAAA,EAAA,MAAA;AAERC,EAAAA,OAAOA,CAAC,CAACO,MAAM,EAAEC,SAAS,CAAmB,EAAE;AAC7C,IAAA,MAAMC,QAAQ,GAAG,IAAI,CAACN,MAAM,CAACO,UAAU;AAEvCR,IAAAA,MAAM,CAAC,+BAA+B,EAAEK,MAAM,CAAC;AAC/CL,IAAAA,MAAM,CAAC,wBAAwB,EAAEO,QAAQ,CAAC;IAE1C,MAAME,GAAG,GAAG,IAAIC,GAAG,CAACH,QAAQ,EAAEI,QAAQ,CAACC,MAAM,CAAC;IAE9CH,GAAG,CAACI,YAAY,CAACC,GAAG,CAACT,MAAM,EAAEC,SAAS,CAAC;IAEvC,OAAOG,GAAG,CAACM,IAAI;AACjB,EAAA;AACF;;AAEA;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,aAAaA,CAACC,CAAqB,EAAE;AACnD,EAAA,IAAI,CAACA,CAAC,EAAE,OAAO,KAAK;AAEpB,EAAA,MAAMC,QAAQ,GACZD,CAAC,KAAK,GAAG,IACTA,CAAC,KAAK,OAAO,IACbA,CAAC,KAAK,GAAG,IACTA,CAAC,KAAK,MAAM,IACZA,CAAC,KAAK,KAAK,IACXA,CAAC,KAAK,WAAW,IACjBA,CAAC,KAAK,IAAI;EAEZ,IAAIC,QAAQ,EAAE,OAAO,KAAK;;AAE1B;AACA,EAAA,OAAO,IAAI;AACb;;;;"}

package/dist/{rating-D052JWRa.js → rating-CjBVsX6q.js}

@@ -1,4 +1,3 @@
-
 import Component from '@glimmer/component';
 import { hash } from '@ember/helper';
 import { on } from '@ember/modifier';
@@ -11,7 +10,7 @@ import { assert } from '@ember/debug';
 import { localCopy } from 'tracked-toolbox';
 import { g, i, n } from 'decorator-transforms/runtime';
 
-const RatingRange = setComponentTemplate(precompileTemplate("\n  <input ...attributes name={{@name}} type=\"range\" max={{@max}} value={{@value}} {{on \"change\" @handleChange}} />\n", {
+const RatingRange = setComponentTemplate(precompileTemplate("<input ...attributes name={{@name}} type=\"range\" max={{@max}} value={{@value}} {{on \"change\" @handleChange}} />", {
   strictMode: true,
   scope: () => ({
     on
@@ -33,7 +32,7 @@ function percentSelected(a, b) {
   return percent;
 }
 
-const Stars = setComponentTemplate(precompileTemplate("\n  <div class=\"ember-primitives__rating__items\">\n    {{#each @stars as |star|}}\n      {{#let (uniqueId) as |id|}}\n        <span class=\"ember-primitives__rating__item\" data-number={{star}} data-percent-selected={{percentSelected star @currentValue}} data-selected={{lte star @currentValue}} data-readonly={{@isReadonly}}>\n          <label for=\"input-{{id}}\">\n            <span visually-hidden>{{star}} star</span>\n            <span aria-hidden=\"true\">\n              {{#if (isString @icon)}}\n                {{@icon}}\n              {{else}}\n                <@icon @value={{star}} @isSelected={{lte star @currentValue}} @percentSelected={{percentSelected star @currentValue}} @readonly={{@isReadonly}} />\n              {{/if}}\n            </span>\n          </label>\n\n          <input id=\"input-{{id}}\" type=\"radio\" name={{@name}} value={{star}} readonly={{@isReadonly}} checked={{lte star @currentValue}} />\n        </span>\n      {{/let}}\n    {{/each}}\n  </div>\n", {
+const Stars = setComponentTemplate(precompileTemplate("<div class=\"ember-primitives__rating__items\">\n  {{#each @stars as |star|}}\n    {{#let (uniqueId) as |id|}}\n      <span class=\"ember-primitives__rating__item\" data-number={{star}} data-percent-selected={{percentSelected star @currentValue}} data-selected={{lte star @currentValue}} data-readonly={{@isReadonly}}>\n        <label for=\"input-{{id}}\">\n          <span visually-hidden>{{star}} star</span>\n          <span aria-hidden=\"true\">\n            {{#if (isString @icon)}}\n              {{@icon}}\n            {{else}}\n              <@icon @value={{star}} @isSelected={{lte star @currentValue}} @percentSelected={{percentSelected star @currentValue}} @readonly={{@isReadonly}} />\n            {{/if}}\n          </span>\n        </label>\n\n        <input id=\"input-{{id}}\" type=\"radio\" name={{@name}} value={{star}} readonly={{@isReadonly}} checked={{lte star @currentValue}} />\n      </span>\n    {{/let}}\n  {{/each}}\n</div>", {
   strictMode: true,
   scope: () => ({
     uniqueId,
@@ -104,7 +103,7 @@ class RatingState extends Component {
     this.setFromString(event.target.value);
   };
   static {
-    setComponentTemplate(precompileTemplate("\n    {{yield (hash stars=this.stars total=this.stars.length handleClick=this.handleClick handleChange=this.handleChange setRating=this.setRating value=this.value) (hash total=this.stars.length value=this.value)}}\n  ", {
+    setComponentTemplate(precompileTemplate("{{yield (hash stars=this.stars total=this.stars.length handleClick=this.handleClick handleChange=this.handleChange setRating=this.setRating value=this.value) (hash total=this.stars.length value=this.value)}}", {
       strictMode: true,
       scope: () => ({
         hash
@@ -132,7 +131,7 @@ class Rating extends Component {
     return !this.isInteractive;
   }
   static {
-    setComponentTemplate(precompileTemplate("\n    <RatingState @max={{@max}} @value={{@value}} @name={{this.name}} @readonly={{this.isReadonly}} @onChange={{@onChange}} as |r publicState|>\n      <fieldset class=\"ember-primitives__rating\" data-total={{r.total}} data-value={{r.value}} data-readonly={{this.isReadonly}} {{!-- We use event delegation, this isn't a primary interactive -- we're capturing events from inputs --}} {{!-- template-lint-disable no-invalid-interactive --}} {{on \"click\" r.handleClick}} ...attributes>\n        {{#let (component Stars stars=r.stars icon=this.icon isReadonly=this.isReadonly name=this.name total=r.total currentValue=r.value) as |RatingStars|}}\n\n          {{#if (has-block)}}\n            {{yield (hash max=r.total total=r.total value=r.value name=this.name isReadonly=this.isReadonly isChangeable=this.isChangeable Stars=RatingStars Range=(component RatingRange max=r.total value=r.value name=this.name handleChange=r.handleChange))}}\n          {{else}}\n            {{#if this.needsDescription}}\n              {{#if (has-block \"label\")}}\n                {{yield publicState to=\"label\"}}\n              {{else}}\n                <span visually-hidden class=\"ember-primitives__rating__label\">Rated\n                  {{r.value}}\n                  out of\n                  {{r.total}}</span>\n              {{/if}}\n            {{else}}\n              {{#if (has-block \"label\")}}\n                <legend>\n                  {{yield publicState to=\"label\"}}\n                </legend>\n              {{/if}}\n            {{/if}}\n\n            <RatingStars />\n          {{/if}}\n        {{/let}}\n\n      </fieldset>\n    </RatingState>\n  ", {
+    setComponentTemplate(precompileTemplate("<RatingState @max={{@max}} @value={{@value}} @name={{this.name}} @readonly={{this.isReadonly}} @onChange={{@onChange}} as |r publicState|>\n  <fieldset class=\"ember-primitives__rating\" data-total={{r.total}} data-value={{r.value}} data-readonly={{this.isReadonly}} {{!-- We use event delegation, this isn't a primary interactive -- we're capturing events from inputs --}} {{!-- template-lint-disable no-invalid-interactive --}} {{on \"click\" r.handleClick}} ...attributes>\n    {{#let (component Stars stars=r.stars icon=this.icon isReadonly=this.isReadonly name=this.name total=r.total currentValue=r.value) as |RatingStars|}}\n\n      {{#if (has-block)}}\n        {{yield (hash max=r.total total=r.total value=r.value name=this.name isReadonly=this.isReadonly isChangeable=this.isChangeable Stars=RatingStars Range=(component RatingRange max=r.total value=r.value name=this.name handleChange=r.handleChange))}}\n      {{else}}\n        {{#if this.needsDescription}}\n          {{#if (has-block \"label\")}}\n            {{yield publicState to=\"label\"}}\n          {{else}}\n            <span visually-hidden class=\"ember-primitives__rating__label\">Rated\n              {{r.value}}\n              out of\n              {{r.total}}</span>\n          {{/if}}\n        {{else}}\n          {{#if (has-block \"label\")}}\n            <legend>\n              {{yield publicState to=\"label\"}}\n            </legend>\n          {{/if}}\n        {{/if}}\n\n        <RatingStars />\n      {{/if}}\n    {{/let}}\n\n  </fieldset>\n</RatingState>", {
       strictMode: true,
       scope: () => ({
         RatingState,
@@ -146,4 +145,4 @@ class Rating extends Component {
 }
 
 export { Rating as R };
-//# sourceMappingURL=rating-D052JWRa.js.map
+//# sourceMappingURL=rating-CjBVsX6q.js.map

package/dist/rating-CjBVsX6q.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"rating-CjBVsX6q.js","sources":["../src/components/rating/range.gts","../src/components/rating/utils.ts","../src/components/rating/stars.gts","../src/components/rating/state.gts","../src/components/rating/rating.gts"],"sourcesContent":["import { on } from \"@ember/modifier\";\n\nimport type { TOC } from \"@ember/component/template-only\";\n\nexport const RatingRange: TOC<{\n  Element: HTMLInputElement;\n  Args: {\n    name: string;\n    max: number;\n    value: number;\n    handleChange: (event: Event) => void;\n  };\n}> = <template>\n  <input\n    ...attributes\n    name={{@name}}\n    type=\"range\"\n    max={{@max}}\n    value={{@value}}\n    {{on \"change\" @handleChange}}\n  />\n</template>;\n","export function isString(x: unknown) {\n  return typeof x === 'string';\n}\n\nexport function lte(a: number, b: number) {\n  return a <= b;\n}\n\nexport function percentSelected(a: number, b: number) {\n  const diff = b + 1 - a;\n\n  if (diff < 0) return 0;\n  if (diff > 1) return 100;\n  if (a === b) return 100;\n\n  const percent = diff * 100;\n\n  return percent;\n}\n","import { uniqueId } from \"../../utils.ts\";\nimport { isString, lte, percentSelected } from \"./utils.ts\";\n\nimport type { ComponentIcons, StringIcons } from \"./public-types.ts\";\nimport type { TOC } from \"@ember/component/template-only\";\n\nexport const Stars: TOC<{\n  Args: {\n    // Configuration\n    stars: number[];\n    icon: StringIcons[\"icon\"] | ComponentIcons[\"icon\"];\n    isReadonly: boolean;\n\n    // HTML Boilerplate\n    name: string;\n\n    // State\n    currentValue: number;\n    total: number;\n  };\n}> = <template>\n  <div class=\"ember-primitives__rating__items\">\n    {{#each @stars as |star|}}\n      {{#let (uniqueId) as |id|}}\n        <span\n          class=\"ember-primitives__rating__item\"\n          data-number={{star}}\n          data-percent-selected={{percentSelected star @currentValue}}\n          data-selected={{lte star @currentValue}}\n          data-readonly={{@isReadonly}}\n        >\n          <label for=\"input-{{id}}\">\n            <span visually-hidden>{{star}} star</span>\n            <span aria-hidden=\"true\">\n              {{#if (isString @icon)}}\n                {{@icon}}\n              {{else}}\n                <@icon\n                  @value={{star}}\n                  @isSelected={{lte star @currentValue}}\n                  @percentSelected={{percentSelected star @currentValue}}\n                  @readonly={{@isReadonly}}\n                />\n              {{/if}}\n            </span>\n          </label>\n\n          <input\n            id=\"input-{{id}}\"\n            type=\"radio\"\n            name={{@name}}\n            value={{star}}\n            readonly={{@isReadonly}}\n            checked={{lte star @currentValue}}\n          />\n        </span>\n      {{/let}}\n    {{/each}}\n  </div>\n</template>;\n","import Component from \"@glimmer/component\";\nimport { cached } from \"@glimmer/tracking\";\nimport { assert } from \"@ember/debug\";\nimport { hash } from \"@ember/helper\";\n\n// eslint-disable-next-line @typescript-eslint/ban-ts-comment\n// @ts-expect-error\nimport { localCopy } from \"tracked-toolbox\";\n\nexport class RatingState extends Component<{\n  Args: {\n    max: number | undefined;\n    value: number | undefined;\n    readonly: boolean | undefined;\n    name: string;\n    onChange?: (value: number) => void;\n  };\n  Blocks: {\n    default: [\n      internalApi: {\n        stars: number[];\n        value: number;\n        total: number;\n        handleClick: (event: Event) => void;\n        handleChange: (event: Event) => void;\n        setRating: (num: number) => void;\n      },\n      publicApi: {\n        value: number;\n        total: number;\n      },\n    ];\n  };\n}> {\n  // eslint-disable-next-line @typescript-eslint/no-unsafe-call\n  @localCopy(\"args.value\") declare _value: number;\n\n  get value() {\n    return this._value ?? 0;\n  }\n\n  @cached\n  get stars() {\n    return Array.from({ length: this.args.max ?? 5 }, (_, index) => index + 1);\n  }\n\n  setRating = (value: number) => {\n    if (this.args.readonly) {\n      return;\n    }\n\n    if (value === this._value) {\n      this._value = 0;\n    } else {\n      this._value = value;\n    }\n\n    this.args.onChange?.(value);\n  };\n\n  setFromString = (value: unknown) => {\n    assert(\"[BUG]: value from input must be a string.\", typeof value === \"string\");\n\n    const num = parseFloat(value);\n\n    if (isNaN(num)) {\n      // something went wrong.\n      // Since we're using event delegation,\n      // this could be from an unrelated input\n      return;\n    }\n\n    this.setRating(num);\n  };\n\n  /**\n   * Click events are captured by\n   * - radio changes (mouse and keyboard)\n   *   - but only range clicks\n   */\n  handleClick = (event: Event) => {\n    // Since we're doing event delegation on a click, we want to make sure\n    // we don't do anything on other elements\n    const isValid =\n      event.target instanceof HTMLInputElement &&\n      event.target.name === this.args.name &&\n      event.target.type === \"radio\";\n\n    if (!isValid) return;\n\n    const selected = event.target?.value;\n\n    this.setFromString(selected);\n  };\n\n  /**\n   * Only attached to a range element, if present.\n   * Range elements don't fire click events on keyboard usage, like radios do\n   */\n  handleChange = (event: Event) => {\n    const isValid = event.target !== null && \"value\" in event.target;\n\n    if (!isValid) return;\n\n    this.setFromString(event.target.value);\n  };\n\n  <template>\n    {{yield\n      (hash\n        stars=this.stars\n        total=this.stars.length\n        handleClick=this.handleClick\n        handleChange=this.handleChange\n        setRating=this.setRating\n        value=this.value\n      )\n      (hash total=this.stars.length value=this.value)\n    }}\n  </template>\n}\n","import Component from \"@glimmer/component\";\nimport { hash } from \"@ember/helper\";\nimport { on } from \"@ember/modifier\";\n\nimport { uniqueId } from \"../../utils.ts\";\nimport { RatingRange } from \"./range.gts\";\nimport { Stars } from \"./stars.gts\";\nimport { RatingState } from \"./state.gts\";\n\nimport type { ComponentIcons, StringIcons } from \"./public-types.ts\";\nimport type { WithBoundArgs } from \"@glint/template\";\n\nexport interface Signature {\n  /*\n   * The element all passed attributes / modifiers are applied to.\n   *\n   * This is a `<fieldset>`, becaues the rating elements are\n   * powered by a group of radio buttons.\n   */\n  Element: HTMLFieldSetElement;\n  Args: (ComponentIcons | StringIcons) & {\n    /**\n     * The number of stars/whichever-icon to show\n     *\n     * Defaults to 5\n     */\n    max?: number;\n\n    /**\n     * The current number of stars/whichever-icon to show as selected\n     *\n     * Defaults to 0\n     */\n    value?: number;\n\n    /**\n     * Prevents click events on the icons and sets aria-readonly.\n     *\n     * Also sets data-readonly=true on the wrapping element\n     */\n    readonly?: boolean;\n\n    /**\n     * Toggles the ability to interact with the rating component.\n     * When `true` (the default), the Rating component can be as a form input\n     * to gather user feedback.\n     *\n     * When false, only the `@value` will be shown, and it cannot be changed.\n     */\n    interactive?: boolean;\n\n    /**\n     * Callback when the selected rating changes.\n     * Can include half-ratings if the iconHalf argument is passed.\n     */\n    onChange?: (value: number) => void;\n  };\n\n  Blocks: {\n    default: [\n      rating: {\n        /**\n         * The maximum rating\n         */\n        max: number;\n        /**\n         * The maxium rating\n         */\n        total: number;\n        /**\n         * The current rating\n         */\n        value: number;\n        /**\n         * The name shared by the field group\n         */\n        name: string;\n        /**\n         * If the rating can be changed\n         */\n        isReadonly: boolean;\n        /**\n         * If the rating can be changed\n         */\n        isChangeable: boolean;\n        /**\n         * The stars / items radio group\n         */\n        Stars: WithBoundArgs<\n          typeof Stars,\n          \"stars\" | \"icon\" | \"isReadonly\" | \"name\" | \"total\" | \"currentValue\"\n        >;\n        /**\n         * Input range for adjusting the rating via fractional means\n         */\n        Range: WithBoundArgs<typeof RatingRange, \"max\" | \"value\" | \"name\" | \"handleChange\">;\n      },\n    ];\n    label: [\n      state: {\n        /**\n         * The current rating\n         */\n        value: number;\n\n        /**\n         * The maximum rating\n         */\n        total: number;\n      },\n    ];\n  };\n}\n\nexport class Rating extends Component<Signature> {\n  name = `rating-${uniqueId()}`;\n\n  get icon() {\n    return this.args.icon ?? \"★\";\n  }\n\n  get isInteractive() {\n    return this.args.interactive ?? true;\n  }\n\n  get isChangeable() {\n    const readonly = this.args.readonly ?? false;\n\n    return !readonly && this.isInteractive;\n  }\n\n  get isReadonly() {\n    return !this.isChangeable;\n  }\n\n  get needsDescription() {\n    return !this.isInteractive;\n  }\n\n  <template>\n    <RatingState\n      @max={{@max}}\n      @value={{@value}}\n      @name={{this.name}}\n      @readonly={{this.isReadonly}}\n      @onChange={{@onChange}}\n      as |r publicState|\n    >\n      <fieldset\n        class=\"ember-primitives__rating\"\n        data-total={{r.total}}\n        data-value={{r.value}}\n        data-readonly={{this.isReadonly}}\n        {{! We use event delegation, this isn't a primary interactive -- we're capturing events from inputs }}\n        {{! template-lint-disable no-invalid-interactive }}\n        {{on \"click\" r.handleClick}}\n        ...attributes\n      >\n        {{#let\n          (component\n            Stars\n            stars=r.stars\n            icon=this.icon\n            isReadonly=this.isReadonly\n            name=this.name\n            total=r.total\n            currentValue=r.value\n          )\n          as |RatingStars|\n        }}\n\n          {{#if (has-block)}}\n            {{yield\n              (hash\n                max=r.total\n                total=r.total\n                value=r.value\n                name=this.name\n                isReadonly=this.isReadonly\n                isChangeable=this.isChangeable\n                Stars=RatingStars\n                Range=(component\n                  RatingRange max=r.total value=r.value name=this.name handleChange=r.handleChange\n                )\n              )\n            }}\n          {{else}}\n            {{#if this.needsDescription}}\n              {{#if (has-block \"label\")}}\n                {{yield publicState to=\"label\"}}\n              {{else}}\n                <span visually-hidden class=\"ember-primitives__rating__label\">Rated\n                  {{r.value}}\n                  out of\n                  {{r.total}}</span>\n              {{/if}}\n            {{else}}\n              {{#if (has-block \"label\")}}\n                <legend>\n                  {{yield publicState to=\"label\"}}\n                </legend>\n              {{/if}}\n            {{/if}}\n\n            <RatingStars />\n          {{/if}}\n        {{/let}}\n\n      </fieldset>\n    </RatingState>\n  </template>\n}\n"],"names":["RatingRange","setComponentTemplate","precompileTemplate","strictMode","scope","on","templateOnly","isString","x","lte","a","b","percentSelected","diff","percent","Stars","uniqueId","RatingState","Component","localCopy","i","value","_value","stars","Array","from","length","args","max","_","index","n","prototype","cached","setRating","readonly","onChange","setFromString","assert","num","parseFloat","isNaN","handleClick","event","isValid","target","HTMLInputElement","name","type","selected","handleChange","hash","Rating","icon","isInteractive","interactive","isChangeable","isReadonly","needsDescription"],"mappings":"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"}

package/dist/resize-observer.js

@@ -1,4 +1,3 @@
-
 import { assert } from '@ember/debug';
 import { registerDestructor } from '@ember/destroyable';
 import { createStore } from './store.js';

package/dist/resize-observer.js.map

@@ -1 +1 @@
-{"version":3,"file":"resize-observer.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
+{"version":3,"file":"resize-observer.js","sources":["../src/resize-observer.ts"],"sourcesContent":["import { assert } from '@ember/debug';\nimport { registerDestructor } from '@ember/destroyable';\n\nimport { createStore } from './store.ts';\nimport { findOwner } from './utils.ts';\n\n/**\n * Creates or returns the ResizeObserverManager.\n *\n * Only one of these will exist per owner.\n *\n * Has only two methods:\n * - observe(element, callback: (resizeObserverEntry) => void)\n * - unobserve(element, callback: (resizeObserverEntry) => void)\n *\n * Like with the underlying ResizeObserver API (and all event listeners),\n * the callback passed to unobserved must be the same reference as the one\n * passed to observe.\n */\nexport function resizeObserver(context: object) {\n  const owner = findOwner(context);\n\n  assert(\n    `Could not find owner on the passed context (to resizeObserver). resizeObserver can only be used on an object whos lifetime is in someone entangled with the application (which incidentally has an \"owner\").`,\n    owner\n  );\n\n  return createStore(owner, ResizeObserverManager);\n}\n\nclass ResizeObserverManager {\n  #callbacks = new WeakMap<Element, Set<(entry: ResizeObserverEntry) => unknown>>();\n\n  #handleResize = (entries: ResizeObserverEntry[]) => {\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  #observer = new ResizeObserver(this.#handleResize);\n\n  constructor() {\n    ignoreROError();\n\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 size of\n   *    the `element` changes. It is called with `ResizeObserverEntry` object\n   *    for the particular `element`.\n   */\n  observe(element: Element, callback: (entry: ResizeObserverEntry) => 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 {object} element\n   * @param {function?} callback - The `callback` to remove from the listeners\n   *   of the `element` size changes.\n   */\n  unobserve(element: Element, callback: (entry: ResizeObserverEntry) => unknown) {\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\nconst errorMessages = [\n  'ResizeObserver loop limit exceeded',\n  'ResizeObserver loop completed with undelivered notifications.',\n];\n\n/**\n * Ignores \"ResizeObserver loop limit exceeded\" error in Ember tests.\n *\n * This \"error\" is safe to ignore as it is just a warning message,\n * telling that the \"looping\" observation will be skipped in the current frame,\n * and will be delivered in the next one.\n *\n * For some reason, it is fired as an `error` event at `window` failing Ember\n * tests and exploding Sentry with errors that must be ignored.\n */\nexport function ignoreROError() {\n  if (typeof window.onerror !== 'function') {\n    return;\n  }\n\n  const onError = window.onerror;\n\n  window.onerror = (...args) => {\n    const [message] = args;\n\n    if (typeof message === 'string') {\n      if (errorMessages.includes(message)) return true;\n    }\n\n    onError(...args);\n  };\n}\n"],"names":["resizeObserver","context","owner","findOwner","assert","createStore","ResizeObserverManager","WeakMap","entries","entry","callbacks","get","target","callback","ResizeObserver","constructor","ignoreROError","registerDestructor","disconnect","observe","element","add","set","Set","unobserve","delete","size","errorMessages","window","onerror","onError","args","message","includes"],"mappings":";;;;;AAMA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,SAASA,cAAcA,CAACC,OAAe,EAAE;AAC9C,EAAA,MAAMC,KAAK,GAAGC,SAAS,CAACF,OAAO,CAAC;AAEhCG,EAAAA,MAAM,CACJ,CAAA,4MAAA,CAA8M,EAC9MF,KACF,CAAC;AAED,EAAA,OAAOG,WAAW,CAACH,KAAK,EAAEI,qBAAqB,CAAC;AAClD;AAEA,MAAMA,qBAAqB,CAAC;AAC1B,EAAA,UAAU,GAAG,IAAIC,OAAO,EAAyD;EAEjF,aAAa,GAAIC,OAA8B,IAAK;AAClD,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;EACD,SAAS,GAAG,IAAIK,cAAc,CAAC,IAAI,CAAC,aAAa,CAAC;AAElDC,EAAAA,WAAWA,GAAG;AACZC,IAAAA,aAAa,EAAE;IAEfC,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,EAAEP,QAAiD,EAAE;IAC3E,MAAMH,SAAS,GAAG,IAAI,CAAC,UAAU,CAACC,GAAG,CAACS,OAAO,CAAC;AAE9C,IAAA,IAAIV,SAAS,EAAE;AACbA,MAAAA,SAAS,CAACW,GAAG,CAACR,QAAQ,CAAC;AACzB,IAAA,CAAC,MAAM;AACL,MAAA,IAAI,CAAC,UAAU,CAACS,GAAG,CAACF,OAAO,EAAE,IAAIG,GAAG,CAAC,CAACV,QAAQ,CAAC,CAAC,CAAC;AACjD,MAAA,IAAI,CAAC,SAAS,CAACM,OAAO,CAACC,OAAO,CAAC;AACjC,IAAA;AACF,EAAA;;AAEA;AACF;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACEI,EAAAA,SAASA,CAACJ,OAAgB,EAAEP,QAAiD,EAAE;IAC7E,MAAMH,SAAS,GAAG,IAAI,CAAC,UAAU,CAACC,GAAG,CAACS,OAAO,CAAC;IAE9C,IAAI,CAACV,SAAS,EAAE;AACd,MAAA;AACF,IAAA;AAEAA,IAAAA,SAAS,CAACe,MAAM,CAACZ,QAAQ,CAAC;AAE1B,IAAA,IAAI,CAACA,QAAQ,IAAI,CAACH,SAAS,CAACgB,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;AAEA,MAAMO,aAAa,GAAG,CACpB,oCAAoC,EACpC,+DAA+D,CAChE;;AAED;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,SAASX,aAAaA,GAAG;AAC9B,EAAA,IAAI,OAAOY,MAAM,CAACC,OAAO,KAAK,UAAU,EAAE;AACxC,IAAA;AACF,EAAA;AAEA,EAAA,MAAMC,OAAO,GAAGF,MAAM,CAACC,OAAO;AAE9BD,EAAAA,MAAM,CAACC,OAAO,GAAG,CAAC,GAAGE,IAAI,KAAK;AAC5B,IAAA,MAAM,CAACC,OAAO,CAAC,GAAGD,IAAI;AAEtB,IAAA,IAAI,OAAOC,OAAO,KAAK,QAAQ,EAAE;MAC/B,IAAIL,aAAa,CAACM,QAAQ,CAACD,OAAO,CAAC,EAAE,OAAO,IAAI;AAClD,IAAA;IAEAF,OAAO,CAAC,GAAGC,IAAI,CAAC;EAClB,CAAC;AACH;;;;"}

package/dist/service.js

@@ -1,4 +1,3 @@
-
 import { assert } from '@ember/debug';
 import { getPromiseState } from 'reactiveweb/get-promise-state';
 import { createStore } from './store.js';

package/dist/service.js.map

@@ -1 +1 @@
-{"version":3,"file":"service.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
+{"version":3,"file":"service.js","sources":["../src/service.ts"],"sourcesContent":["import { assert } from '@ember/debug';\n\nimport { getPromiseState } from 'reactiveweb/get-promise-state';\n\nimport { createStore } from './store.ts';\nimport { findOwner } from './utils.ts';\n\nimport type { Newable } from './type-utils.ts';\n\n/*\nimport type { Newable } from './type-utils.ts';\nimport type { Registry } from '@ember/service';\nimport type Service from '@ember/service';\n\ntype Decorator = ReturnType<typeof emberService>;\n\n// export function service<Key extends keyof Registry>(\n//   context: object,\n//   serviceName: Key\n// ): Registry[Key] & Service;\nexport function service<Class extends object>(\n  context: object,\n  serviceDefinition: Newable<Class>\n): Class;\nexport function service<Class extends object>(serviceDefinition: Newable<Class>): Decorator;\nexport function service<Key extends keyof Registry>(serviceName: Key): Decorator;\nexport function service(prototype: object, name: string | symbol, descriptor: unknown): void;\nexport function service<Value, Result>(\n  context: object,\n  fn: Parameters<typeof getPromiseState<Value, Result>>[0]\n): ReturnType<typeof getPromiseState<Value, Result>>;\nexport function service<Value, Result>(\n  fn: Parameters<typeof getPromiseState<Value, Result>>[0]\n): Decorator;\n*/\n\n/**\n * Instantiates a class once per application instance.\n *\n *\n */\nexport function createService<Instance extends object>(\n  context: object,\n  theClass: Newable<Instance> | (() => Instance)\n): Instance {\n  const owner = findOwner(context);\n\n  assert(\n    `Could not find owner / application instance. Cannot create a instance tied to the application lifetime without the application`,\n    owner\n  );\n\n  return createStore(owner, theClass);\n}\n\nconst promiseCache = new WeakMap<() => any, unknown>();\n\n/**\n * Lazily instantiate a service.\n *\n * This is a replacement / alternative API for ember's `@service` decorator from `@ember/service`.\n *\n * For example\n * ```js\n * import { service } from 'ember-primitives/service';\n *\n * const loader = () => {\n *   let module = await import('./foo/file/with/class.js');\n *   return () => new module.MyState();\n * }\n *\n * class Demo extends Component {\n *   state = createAsyncService(this, loader);\n * }\n * ```\n *\n * The important thing is for repeat usage of `createAsyncService` the second parameter,\n * (loader in this case), must be shared between all usages.\n *\n * This is an alternative to using `createStore` inside an await'd component,\n * or a component rendered with [`getPromiseState`](https://reactive.nullvoxpopuli.com/functions/get-promise-state.getPromiseState.html)\n * ```\n */\nexport function createAsyncService<Instance extends object>(\n  context: object,\n  theClass: () => Promise<Newable<Instance> | (() => Instance)>\n): ReturnType<typeof getPromiseState<unknown, Instance>> {\n  let existing = promiseCache.get(theClass);\n\n  if (!existing) {\n    existing = async () => {\n      const result = await theClass();\n\n      // Pay no attention to the lies, I don't know what the right type is here\n      return createStore(context, result as Newable<Instance>);\n    };\n\n    promiseCache.set(theClass, existing);\n  }\n\n  // Pay no attention to the TS inference crime here\n  return getPromiseState<unknown, Instance>(existing);\n}\n"],"names":["createService","context","theClass","owner","findOwner","assert","createStore","promiseCache","WeakMap","createAsyncService","existing","get","result","set","getPromiseState"],"mappings":";;;;;AASA;AACA;AACA;AACA;;AAEA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACO,SAASA,aAAaA,CAC3BC,OAAe,EACfC,QAA8C,EACpC;AACV,EAAA,MAAMC,KAAK,GAAGC,SAAS,CAACH,OAAO,CAAC;AAEhCI,EAAAA,MAAM,CACJ,CAAA,8HAAA,CAAgI,EAChIF,KACF,CAAC;AAED,EAAA,OAAOG,WAAW,CAACH,KAAK,EAAED,QAAQ,CAAC;AACrC;AAEA,MAAMK,YAAY,GAAG,IAAIC,OAAO,EAAsB;;AAEtD;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,kBAAkBA,CAChCR,OAAe,EACfC,QAA6D,EACN;AACvD,EAAA,IAAIQ,QAAQ,GAAGH,YAAY,CAACI,GAAG,CAACT,QAAQ,CAAC;EAEzC,IAAI,CAACQ,QAAQ,EAAE;IACbA,QAAQ,GAAG,YAAY;AACrB,MAAA,MAAME,MAAM,GAAG,MAAMV,QAAQ,EAAE;;AAE/B;AACA,MAAA,OAAOI,WAAW,CAACL,OAAO,EAAEW,MAA2B,CAAC;IAC1D,CAAC;AAEDL,IAAAA,YAAY,CAACM,GAAG,CAACX,QAAQ,EAAEQ,QAAQ,CAAC;AACtC,EAAA;;AAEA;EACA,OAAOI,eAAe,CAAoBJ,QAAQ,CAAC;AACrD;;;;"}

package/dist/store.js

@@ -1,4 +1,3 @@
-
 import { link } from 'reactiveweb/link';
 import { isNewable } from './utils.js';
 

package/dist/store.js.map

@@ -1 +1 @@
-{"version":3,"file":"store.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
+{"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/styles.css.js

@@ -1,3 +1,2 @@
-
 import './visually-hidden-CGP1FSjt.js';
 //# sourceMappingURL=styles.css.js.map

package/dist/tabster.js

@@ -1,4 +1,3 @@
-
 import { registerDestructor } from '@ember/destroyable';
 
 async function setupTabster(

package/dist/tabster.js.map

@@ -1 +1 @@
-{"version":3,"file":"tabster.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
+{"version":3,"file":"tabster.js","sources":["../src/tabster.ts"],"sourcesContent":["import { registerDestructor } from '@ember/destroyable';\n\nexport async function setupTabster(\n  /**\n   * A destroyable object.\n   * This is needed so that when the app (or tests) or unmounted or ending,\n   * the tabster instance can be disposed of.\n   */\n  context: object,\n  {\n    tabster,\n    setTabsterRoot,\n  }: {\n    /**\n     * Let this setup function initalize tabster.\n     * https://tabster.io/docs/core\n     *\n     * This should be done only once per application as we don't want\n     * focus managers fighting with each other.\n     *\n     * Defaults to `true`,\n     *\n     * Will fallback to an existing tabster instance automatically if `getTabster` returns a value.\n     *\n     * If `false` is explicitly passed here, you'll also be in charge of teardown.\n     */\n    tabster?: boolean;\n    setTabsterRoot?: boolean;\n  } = {}\n) {\n  const { createTabster, getDeloser, getMover, getTabster, disposeTabster } =\n    await import('tabster');\n\n  tabster ??= true;\n  setTabsterRoot ??= true;\n\n  if (!tabster) {\n    return;\n  }\n\n  const existing = getTabster(window);\n  const primitivesTabster = existing ?? createTabster(window);\n\n  getMover(primitivesTabster);\n  getDeloser(primitivesTabster);\n\n  if (setTabsterRoot) {\n    document.body.setAttribute('data-tabster', '{ \"root\": {} }');\n  }\n\n  registerDestructor(context, () => {\n    disposeTabster(primitivesTabster);\n  });\n}\n"],"names":["setupTabster","context","tabster","setTabsterRoot","createTabster","getDeloser","getMover","getTabster","disposeTabster","existing","window","primitivesTabster","document","body","setAttribute","registerDestructor"],"mappings":";;AAEO,eAAeA,YAAYA;AAChC;AACF;AACA;AACA;AACA;AACEC,OAAe,EACf;EACEC,OAAO;AACPC,EAAAA;AAiBF,CAAC,GAAG,EAAE,EACN;EACA,MAAM;IAAEC,aAAa;IAAEC,UAAU;IAAEC,QAAQ;IAAEC,UAAU;AAAEC,IAAAA;AAAe,GAAC,GACvE,MAAM,OAAO,SAAS,CAAC;AAEzBN,EAAAA,OAAO,KAAK,IAAI;AAChBC,EAAAA,cAAc,KAAK,IAAI;EAEvB,IAAI,CAACD,OAAO,EAAE;AACZ,IAAA;AACF,EAAA;AAEA,EAAA,MAAMO,QAAQ,GAAGF,UAAU,CAACG,MAAM,CAAC;AACnC,EAAA,MAAMC,iBAAiB,GAAGF,QAAQ,IAAIL,aAAa,CAACM,MAAM,CAAC;EAE3DJ,QAAQ,CAACK,iBAAiB,CAAC;EAC3BN,UAAU,CAACM,iBAAiB,CAAC;AAE7B,EAAA,IAAIR,cAAc,EAAE;IAClBS,QAAQ,CAACC,IAAI,CAACC,YAAY,CAAC,cAAc,EAAE,gBAAgB,CAAC;AAC9D,EAAA;EAEAC,kBAAkB,CAACd,OAAO,EAAE,MAAM;IAChCO,cAAc,CAACG,iBAAiB,CAAC;AACnC,EAAA,CAAC,CAAC;AACJ;;;;"}

package/dist/test-support.js

@@ -1,4 +1,3 @@
-
 import { assert } from '@ember/debug';
 import { setupTabster as setupTabster$1 } from './tabster.js';
 import { find, fillIn, settled, findAll, click } from '@ember/test-helpers';

package/dist/test-support.js.map

@@ -1 +1 @@
-{"version":3,"file":"test-support.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
+{"version":3,"file":"test-support.js","sources":["../src/test-support/a11y.ts","../src/test-support/dom.ts","../src/test-support/otp.ts","../src/test-support/rating.ts","../src/test-support/routing.ts","../src/test-support/zoetrope.ts"],"sourcesContent":["import { assert } from '@ember/debug';\n\nimport { setupTabster as _setupTabster } from '../tabster.ts';\n\nimport type Owner from '@ember/owner';\n\n/**\n * Sets up all support utilities for primitive components.\n * Including the tabster root.\n */\nasync function setup(owner: Owner) {\n  await _setupTabster(owner, { setTabsterRoot: false });\n\n  document.querySelector('#ember-testing')?.setAttribute('data-tabster', '{ \"root\": {} }');\n}\n\n/**\n * A QUnit test utility for setting up the tabbing utility that a few of the components in ember-primitive use for providing enhanced keyboard support.\n *\n * ```gjs\n * import { module, test } from 'qunit';\n * import { setupRenderingTest } from 'ember-qunit';\n * import { setupTabster } from 'ember-primitives/test-support';\n *\n * module('your suite', function (hooks) {\n *   setupRenderingTest(hooks);\n *   setupTabster(hooks);\n *\n *   test('your test', async function (assert) {\n *      // ...\n *   });\n * });\n * ```\n *\n * This utility takes no options.\n */\nexport function setupTabster(hooks: {\n  beforeEach: (callback: () => void | Promise<void>) => unknown;\n}) {\n  hooks.beforeEach(async function (this: { owner: object }) {\n    const owner = this.owner;\n\n    assert(\n      `Test does not have an owner, be sure to use setupRenderingTest, setupTest, or setupApplicationTest (from ember-qunit (or similar))`,\n      owner\n    );\n\n    await setup(this.owner as Owner);\n  });\n}\n","import { assert } from '@ember/debug';\nimport { find } from '@ember/test-helpers';\n\ntype Findable = Parameters<typeof find>[0] | Element;\n\n/**\n * Find an element within a given element that has a shadow-root.\n *\n * If the `root` can't be found, or if there actually is no shadow root,\n * nothing will be returned.\n *\n * ```gjs\n * import { findInShadow } from 'ember-primitives/test-support';\n *\n * // ...\n *\n * test('...', async function (assert) {\n *    // ...\n *    const root = find('div.with-shadowdom');\n *    assert.dom(findInShadow(root, 'h1')).containsText('welcome');\n * });\n * ```\n */\nexport function findInShadow(root: Findable, query: string) {\n  const rootElement = root instanceof Element ? root : find(root);\n\n  return rootElement?.shadowRoot?.querySelector(query);\n}\n\n/**\n * Does the element have a shadow root?\n *\n * Using this utility function will only save a few characters over using its implementation directly.\n *\n * ```gjs\n * import { hasShadowRoot } from 'ember-primitives/test-support';\n *\n * // ...\n *\n * test('...', async function (assert) {\n *    // ...\n *    const el = find('div.with-shadowdom');\n *    assert.ok(hasShadowRoot(el), 'expecting el to have a shadow root');\n * });\n * ```\n */\nexport function hasShadowRoot(el: Element) {\n  return Boolean(el.shadowRoot);\n}\n\n/**\n * Find an element within `root`, that has a shadow root.\n * The `root` param is optional, and if not provided, all of `#ember-testing` will be searched.\n *\n * This only returns the first-found shadow, so if you want a specifc shadow root,\n * you'll need to narrow down the search by specifying a `root`.\n *\n * ```gjs\n * import { findShadow } from 'ember-primitives/test-support';\n *\n * // ...\n *\n * test('...', async function (assert) {\n *    // ...\n *    const el = findShadow('div.with-shadowdom');\n *    // ...\n * });\n * ```\n */\nexport function findShadow(root?: Findable) {\n  const rootElement = root\n    ? root instanceof Element\n      ? root\n      : find(root)\n    : document.getElementById('ember-testing');\n\n  if (!rootElement) return;\n\n  for (const element of rootElement.querySelectorAll('*')) {\n    if (element.shadowRoot) {\n      return element;\n    }\n  }\n}\n\n/**\n * For the first available shadow root on the page, query in to it, like you would with `querySelector`.\n *\n *\n * ```gjs\n * import { findInFirstShadow } from 'ember-primitives/test-support';\n *\n * // ...\n *\n * test('...', async function (assert) {\n *    // ...\n *    assert.dom(findInFirstShadow('h1')).containsText('welcome');\n * });\n * ```\n *\n * If there are multiple shadow roots on the page / test-render,\n * this is not the utility for you.\n *\n * For querying in specific shadow roots, you'll want to use `findInShadow`\n */\nexport function findInFirstShadow(query: string) {\n  const host = findShadow();\n\n  assert(`No element with a shadow root could be found`, host);\n\n  return findInShadow(host, query);\n}\n","import { assert } from '@ember/debug';\nimport { fillIn, find, settled } from '@ember/test-helpers';\n\n/**\n * Fill the OTP input\n *\n * ```gjs\n * import { fillOTP } from 'ember-primitives/test-support';\n *\n * test('...', async function(assert) {\n *   // ...\n *   await fillOTP('123456');\n *   // ...\n * })\n *\n * ```\n *\n * @param {string} code the code to fill the input(s) with.\n * @param {string} [ selector ] if there are multiple OTP components on a page, this can be used to select one of them.\n */\nexport async function fillOTP(code: string, selector?: string) {\n  const ancestor = selector ? find(selector) : document;\n\n  assert(\n    `Could not find ancestor element, does your selector match an existing element?`,\n    ancestor\n  );\n\n  const fieldset =\n    ancestor instanceof HTMLFieldSetElement ? ancestor : ancestor.querySelector('fieldset');\n\n  assert(\n    `Could not find containing fieldset element (this holds the OTP Input fields). Was the OTP component rendered?`,\n    fieldset\n  );\n\n  const inputs = fieldset.querySelectorAll('input');\n\n  assert(\n    `code cannot be longer than the available inputs. code is of length ${code.length} but there are ${inputs.length}`,\n    code.length <= inputs.length\n  );\n\n  const chars = code.split('');\n\n  assert(`OTP Input for index 0 is missing!`, inputs[0]);\n  assert(`Character at index 0 is missing`, chars[0]);\n\n  for (let i = 0; i < chars.length; i++) {\n    const input = inputs[i];\n    const char = chars[i];\n\n    assert(`Input at index ${i} is missing`, input);\n    assert(`Character at index ${i} is missing`, char);\n\n    input.value = char;\n  }\n\n  await fillIn(inputs[0], chars[0]);\n\n  // Account for out-of-settled-system delay due to RAF debounce.\n  await new Promise((resolve) => requestAnimationFrame(resolve));\n  await settled();\n}\n","import { assert } from '@ember/debug';\nimport { click, fillIn, find, findAll } from '@ember/test-helpers';\n\nconst selectors = {\n  root: '.ember-primitives__rating',\n  item: '.ember-primitives__rating__item',\n  label: '.ember-primitives__rating__label',\n\n  rootData: {\n    total: '[data-total]',\n    value: '[data-value]',\n  },\n\n  itemData: {\n    number: '[data-number]',\n    readonly: '[data-readonly]',\n    selected: '[data-selected]',\n    itemPercent: '[data-percent-selected]',\n  },\n};\n\nconst stars = {\n  selected: '★',\n  unselected: '☆',\n};\n\n/**\n * Test utility for interacting with the\n * Rating component.\n *\n * Simulates user behavior and provides high level functions so you don't need to worry about the DOM.\n *\n * Actual elements are not exposed, as the elements are private API.\n * Even as you build a design system, the DOM should not be exposed to your consumers.\n */\nexport function rating(selector?: string) {\n  const root = `${selector ?? ''}${selectors.root}`;\n\n  return new RatingPageObject(root);\n}\n\nclass RatingPageObject {\n  #root: string;\n\n  constructor(root: string) {\n    this.#root = root;\n  }\n\n  get #rootElement() {\n    const element = find(this.#root);\n\n    assert(\n      `Could not find the root element for the <Rating> component. Used the selector \\`${this.#root}\\`. Was it rendered?`,\n      element\n    );\n\n    return element;\n  }\n\n  get #labelElement() {\n    const element = find(`${this.#root} ${selectors.label}`);\n\n    assert(`Could not find the label for the <Rating> component. Was it rendered?`, element);\n\n    return element;\n  }\n\n  get label() {\n    return this.#labelElement.textContent?.replaceAll(/\\s+/g, ' ').trim();\n  }\n\n  get #starElements() {\n    const elements = findAll(`${this.#root} ${selectors.item}`);\n\n    assert(\n      `There are no stars/items. Is the <Rating> component misconfigured?`,\n      elements.length > 0\n    );\n\n    return elements as HTMLElement[];\n  }\n\n  get stars() {\n    const elements = this.#starElements;\n\n    return elements\n      .map((x) => (x.hasAttribute('data-selected') ? stars.selected : stars.unselected))\n      .join(' ');\n  }\n\n  get starTexts() {\n    const elements = this.#starElements;\n\n    return elements.map((x) => x.querySelector('[aria-hidden]')?.textContent?.trim()).join(' ');\n  }\n\n  get value() {\n    const value = this.#rootElement.getAttribute(`data-value`);\n\n    assert(`data-value attribute is missing on element '${this.#root}'`, value);\n\n    const number = parseFloat(value);\n\n    return number;\n  }\n\n  get isReadonly() {\n    return this.#starElements.every((x) => x.hasAttribute('data-readonly'));\n  }\n\n  async select(stars: number) {\n    const root = this.#rootElement;\n\n    const star = root.querySelector(`[data-number=\"${stars}\"] input`);\n\n    if (star) {\n      await click(star);\n\n      return;\n    }\n\n    /**\n     * When we don't have an input, we require an input --\n     * which is also the only way we can choose non-integer values.\n     *\n     * Should be able to be a number input or range input.\n     */\n    const input = root.querySelector('input[type=\"number\"], input[type=\"range\"]');\n\n    if (input) {\n      await fillIn(input, `${stars}`);\n\n      return;\n    }\n\n    const available = [...root.querySelectorAll('[data-number]')].map((x) =>\n      x.getAttribute('data-number')\n    );\n\n    assert(\n      `Could not find item/star in <Rating> with value '${stars}' (or a number or range input with the same \"name\" value). Is the number (${stars}) correct and in-range for this component? The found available values are ${available.join(', ')}.`\n    );\n  }\n}\n","import { assert } from '@ember/debug';\nimport Router from '@ember/routing/router';\n\nimport { properLinks } from '../proper-links.ts';\n\nimport type Owner from '@ember/owner';\nimport type { DSLCallback } from '@ember/routing/lib/dsl';\nimport type RouterService from '@ember/routing/router-service';\n\n/**\n * Allows setting up routes in tests without the need to scaffold routes in the actual app,\n * allowing for iterating on many different routing scenario / configurations rapidly.\n *\n * Example:\n * ```js\n * import { setupRouting } from 'ember-primitives/test-support';\n *\n *  ...\n *\n * test('my test', async function (assert) {\n *   setupRouting(this.owner, function () {\n *     this.route('foo');\n *     this.route('bar', function () {\n *       this.route('a');\n *       this.route('b');\n *     })\n *   });\n *\n *   await visit('/bar/b');\n * });\n * ```\n *\n */\nexport function setupRouting(owner: Owner, map: DSLCallback, options?: { rootURL: string }) {\n  if (options?.rootURL) {\n    assert('rootURL must begin with a forward slash (\"/\")', options?.rootURL?.startsWith('/'));\n  }\n\n  @properLinks\n  class TestRouter extends Router {\n    rootURL = options?.rootURL ?? '/';\n  }\n\n  TestRouter.map(map);\n\n  owner.register('router:main', TestRouter);\n\n  // eslint-disable-next-line ember/no-private-routing-service\n  const iKnowWhatIMDoing = owner.lookup('router:main');\n\n  // We need a public testing API for this sort of stuff\n\n  // eslint-disable-next-line @typescript-eslint/no-unsafe-call, @typescript-eslint/no-unsafe-member-access\n  (iKnowWhatIMDoing as any).setupRouter();\n}\n\n/**\n * A small utility that only gives you a _typed_ router service.\n */\nexport function getRouter(owner: Owner): RouterService {\n  return owner.lookup('service:router');\n}\n","/* eslint-disable @typescript-eslint/no-non-null-assertion */\nimport { click } from '@ember/test-helpers';\n\nexport class ZoetropeHelper {\n  parentSelector = '.ember-primitives__zoetrope';\n\n  constructor(parentSelector?: string) {\n    if (parentSelector) {\n      this.parentSelector = parentSelector;\n    }\n  }\n\n  async scrollLeft() {\n    await click(`${this.parentSelector} .ember-primitives__zoetrope__controls button:first-child`);\n  }\n\n  async scrollRight() {\n    await click(`${this.parentSelector} .ember-primitives__zoetrope__controls button:last-child`);\n  }\n\n  visibleItems() {\n    const zoetropeContent = document.querySelectorAll(\n      `${this.parentSelector} .ember-primitives__zoetrope__scroller > *`\n    );\n\n    let firstVisibleItemIndex = -1;\n    let lastVisibleItemIndex = -1;\n\n    for (let i = 0; i < zoetropeContent.length; i++) {\n      const item = zoetropeContent[i]!;\n      const rect = item.getBoundingClientRect();\n      const parentRect = item.parentElement!.getBoundingClientRect();\n\n      if (rect.right >= parentRect?.left && rect.left <= parentRect?.right) {\n        if (firstVisibleItemIndex === -1) {\n          firstVisibleItemIndex = i;\n        }\n\n        lastVisibleItemIndex = i;\n      } else if (firstVisibleItemIndex !== -1) {\n        break;\n      }\n    }\n\n    return Array.from(zoetropeContent).slice(firstVisibleItemIndex, lastVisibleItemIndex + 1);\n  }\n\n  visibleItemCount() {\n    return this.visibleItems().length;\n  }\n}\n"],"names":["setup","owner","_setupTabster","setTabsterRoot","document","querySelector","setAttribute","setupTabster","hooks","beforeEach","assert","findInShadow","root","query","rootElement","Element","find","shadowRoot","hasShadowRoot","el","Boolean","findShadow","getElementById","element","querySelectorAll","findInFirstShadow","host","fillOTP","code","selector","ancestor","fieldset","HTMLFieldSetElement","inputs","length","chars","split","i","input","char","value","fillIn","Promise","resolve","requestAnimationFrame","settled","selectors","item","label","stars","selected","unselected","rating","RatingPageObject","constructor","#rootElement","#labelElement","textContent","replaceAll","trim","#starElements","elements","findAll","map","x","hasAttribute","join","starTexts","getAttribute","number","parseFloat","isReadonly","every","select","star","click","available","setupRouting","options","rootURL","startsWith","TestRouter","c","Router","properLinks","register","iKnowWhatIMDoing","lookup","setupRouter","getRouter","ZoetropeHelper","parentSelector","scrollLeft","scrollRight","visibleItems","zoetropeContent","firstVisibleItemIndex","lastVisibleItemIndex","rect","getBoundingClientRect","parentRect","parentElement","right","left","Array","from","slice","visibleItemCount"],"mappings":";;;;;;;AAMA;AACA;AACA;AACA;AACA,eAAeA,KAAKA,CAACC,KAAY,EAAE;EACjC,MAAMC,cAAa,CAACD,KAAK,EAAE;AAAEE,IAAAA,cAAc,EAAE;AAAM,GAAC,CAAC;EAErDC,QAAQ,CAACC,aAAa,CAAC,gBAAgB,CAAC,EAAEC,YAAY,CAAC,cAAc,EAAE,gBAAgB,CAAC;AAC1F;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,SAASC,YAAYA,CAACC,KAE5B,EAAE;EACDA,KAAK,CAACC,UAAU,CAAC,kBAAyC;AACxD,IAAA,MAAMR,KAAK,GAAG,IAAI,CAACA,KAAK;AAExBS,IAAAA,MAAM,CACJ,CAAA,kIAAA,CAAoI,EACpIT,KACF,CAAC;AAED,IAAA,MAAMD,KAAK,CAAC,IAAI,CAACC,KAAc,CAAC;AAClC,EAAA,CAAC,CAAC;AACJ;;AC5CA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,SAASU,YAAYA,CAACC,IAAc,EAAEC,KAAa,EAAE;EAC1D,MAAMC,WAAW,GAAGF,IAAI,YAAYG,OAAO,GAAGH,IAAI,GAAGI,IAAI,CAACJ,IAAI,CAAC;AAE/D,EAAA,OAAOE,WAAW,EAAEG,UAAU,EAAEZ,aAAa,CAACQ,KAAK,CAAC;AACtD;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,SAASK,aAAaA,CAACC,EAAW,EAAE;AACzC,EAAA,OAAOC,OAAO,CAACD,EAAE,CAACF,UAAU,CAAC;AAC/B;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,SAASI,UAAUA,CAACT,IAAe,EAAE;EAC1C,MAAME,WAAW,GAAGF,IAAI,GACpBA,IAAI,YAAYG,OAAO,GACrBH,IAAI,GACJI,IAAI,CAACJ,IAAI,CAAC,GACZR,QAAQ,CAACkB,cAAc,CAAC,eAAe,CAAC;EAE5C,IAAI,CAACR,WAAW,EAAE;EAElB,KAAK,MAAMS,OAAO,IAAIT,WAAW,CAACU,gBAAgB,CAAC,GAAG,CAAC,EAAE;IACvD,IAAID,OAAO,CAACN,UAAU,EAAE;AACtB,MAAA,OAAOM,OAAO;AAChB,IAAA;AACF,EAAA;AACF;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,SAASE,iBAAiBA,CAACZ,KAAa,EAAE;AAC/C,EAAA,MAAMa,IAAI,GAAGL,UAAU,EAAE;AAEzBX,EAAAA,MAAM,CAAC,CAAA,4CAAA,CAA8C,EAAEgB,IAAI,CAAC;AAE5D,EAAA,OAAOf,YAAY,CAACe,IAAI,EAAEb,KAAK,CAAC;AAClC;;AC5GA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,eAAec,OAAOA,CAACC,IAAY,EAAEC,QAAiB,EAAE;EAC7D,MAAMC,QAAQ,GAAGD,QAAQ,GAAGb,IAAI,CAACa,QAAQ,CAAC,GAAGzB,QAAQ;AAErDM,EAAAA,MAAM,CACJ,CAAA,8EAAA,CAAgF,EAChFoB,QACF,CAAC;AAED,EAAA,MAAMC,QAAQ,GACZD,QAAQ,YAAYE,mBAAmB,GAAGF,QAAQ,GAAGA,QAAQ,CAACzB,aAAa,CAAC,UAAU,CAAC;AAEzFK,EAAAA,MAAM,CACJ,CAAA,6GAAA,CAA+G,EAC/GqB,QACF,CAAC;AAED,EAAA,MAAME,MAAM,GAAGF,QAAQ,CAACP,gBAAgB,CAAC,OAAO,CAAC;AAEjDd,EAAAA,MAAM,CACJ,CAAA,mEAAA,EAAsEkB,IAAI,CAACM,MAAM,CAAA,eAAA,EAAkBD,MAAM,CAACC,MAAM,CAAA,CAAE,EAClHN,IAAI,CAACM,MAAM,IAAID,MAAM,CAACC,MACxB,CAAC;AAED,EAAA,MAAMC,KAAK,GAAGP,IAAI,CAACQ,KAAK,CAAC,EAAE,CAAC;AAE5B1B,EAAAA,MAAM,CAAC,CAAA,iCAAA,CAAmC,EAAEuB,MAAM,CAAC,CAAC,CAAC,CAAC;AACtDvB,EAAAA,MAAM,CAAC,CAAA,+BAAA,CAAiC,EAAEyB,KAAK,CAAC,CAAC,CAAC,CAAC;AAEnD,EAAA,KAAK,IAAIE,CAAC,GAAG,CAAC,EAAEA,CAAC,GAAGF,KAAK,CAACD,MAAM,EAAEG,CAAC,EAAE,EAAE;AACrC,IAAA,MAAMC,KAAK,GAAGL,MAAM,CAACI,CAAC,CAAC;AACvB,IAAA,MAAME,IAAI,GAAGJ,KAAK,CAACE,CAAC,CAAC;AAErB3B,IAAAA,MAAM,CAAC,CAAA,eAAA,EAAkB2B,CAAC,CAAA,WAAA,CAAa,EAAEC,KAAK,CAAC;AAC/C5B,IAAAA,MAAM,CAAC,CAAA,mBAAA,EAAsB2B,CAAC,CAAA,WAAA,CAAa,EAAEE,IAAI,CAAC;IAElDD,KAAK,CAACE,KAAK,GAAGD,IAAI;AACpB,EAAA;EAEA,MAAME,MAAM,CAACR,MAAM,CAAC,CAAC,CAAC,EAAEE,KAAK,CAAC,CAAC,CAAC,CAAC;;AAEjC;EACA,MAAM,IAAIO,OAAO,CAAEC,OAAO,IAAKC,qBAAqB,CAACD,OAAO,CAAC,CAAC;EAC9D,MAAME,OAAO,EAAE;AACjB;;AC5DA,MAAMC,SAAS,GAAG;AAChBlC,EAAAA,IAAI,EAAE,2BAA2B;AACjCmC,EAAAA,IAAI,EAAE,iCAAiC;AACvCC,EAAAA,KAAK,EAAE,kCAaT,CAAC;AAED,MAAMC,KAAK,GAAG;AACZC,EAAAA,QAAQ,EAAE,GAAG;AACbC,EAAAA,UAAU,EAAE;AACd,CAAC;;AAED;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,SAASC,MAAMA,CAACvB,QAAiB,EAAE;EACxC,MAAMjB,IAAI,GAAG,CAAA,EAAGiB,QAAQ,IAAI,EAAE,CAAA,EAAGiB,SAAS,CAAClC,IAAI,CAAA,CAAE;AAEjD,EAAA,OAAO,IAAIyC,gBAAgB,CAACzC,IAAI,CAAC;AACnC;AAEA,MAAMyC,gBAAgB,CAAC;AACrB,EAAA,KAAK;EAELC,WAAWA,CAAC1C,IAAY,EAAE;AACxB,IAAA,IAAI,CAAC,KAAK,GAAGA,IAAI;AACnB,EAAA;EAEA,IAAI,YAAY2C,GAAG;IACjB,MAAMhC,OAAO,GAAGP,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC;IAEhCN,MAAM,CACJ,mFAAmF,IAAI,CAAC,KAAK,CAAA,oBAAA,CAAsB,EACnHa,OACF,CAAC;AAED,IAAA,OAAOA,OAAO;AAChB,EAAA;EAEA,IAAI,aAAaiC,GAAG;AAClB,IAAA,MAAMjC,OAAO,GAAGP,IAAI,CAAC,GAAG,IAAI,CAAC,KAAK,CAAA,CAAA,EAAI8B,SAAS,CAACE,KAAK,EAAE,CAAC;AAExDtC,IAAAA,MAAM,CAAC,CAAA,qEAAA,CAAuE,EAAEa,OAAO,CAAC;AAExF,IAAA,OAAOA,OAAO;AAChB,EAAA;EAEA,IAAIyB,KAAKA,GAAG;AACV,IAAA,OAAO,IAAI,CAAC,aAAa,CAACS,WAAW,EAAEC,UAAU,CAAC,MAAM,EAAE,GAAG,CAAC,CAACC,IAAI,EAAE;AACvE,EAAA;EAEA,IAAI,aAAaC,GAAG;AAClB,IAAA,MAAMC,QAAQ,GAAGC,OAAO,CAAC,GAAG,IAAI,CAAC,KAAK,CAAA,CAAA,EAAIhB,SAAS,CAACC,IAAI,EAAE,CAAC;IAE3DrC,MAAM,CACJ,oEAAoE,EACpEmD,QAAQ,CAAC3B,MAAM,GAAG,CACpB,CAAC;AAED,IAAA,OAAO2B,QAAQ;AACjB,EAAA;EAEA,IAAIZ,KAAKA,GAAG;AACV,IAAA,MAAMY,QAAQ,GAAG,IAAI,CAAC,aAAa;IAEnC,OAAOA,QAAQ,CACZE,GAAG,CAAEC,CAAC,IAAMA,CAAC,CAACC,YAAY,CAAC,eAAe,CAAC,GAAGhB,KAAK,CAACC,QAAQ,GAAGD,KAAK,CAACE,UAAW,CAAC,CACjFe,IAAI,CAAC,GAAG,CAAC;AACd,EAAA;EAEA,IAAIC,SAASA,GAAG;AACd,IAAA,MAAMN,QAAQ,GAAG,IAAI,CAAC,aAAa;IAEnC,OAAOA,QAAQ,CAACE,GAAG,CAAEC,CAAC,IAAKA,CAAC,CAAC3D,aAAa,CAAC,eAAe,CAAC,EAAEoD,WAAW,EAAEE,IAAI,EAAE,CAAC,CAACO,IAAI,CAAC,GAAG,CAAC;AAC7F,EAAA;EAEA,IAAI1B,KAAKA,GAAG;IACV,MAAMA,KAAK,GAAG,IAAI,CAAC,YAAY,CAAC4B,YAAY,CAAC,CAAA,UAAA,CAAY,CAAC;IAE1D1D,MAAM,CAAC,+CAA+C,IAAI,CAAC,KAAK,CAAA,CAAA,CAAG,EAAE8B,KAAK,CAAC;AAE3E,IAAA,MAAM6B,MAAM,GAAGC,UAAU,CAAC9B,KAAK,CAAC;AAEhC,IAAA,OAAO6B,MAAM;AACf,EAAA;EAEA,IAAIE,UAAUA,GAAG;AACf,IAAA,OAAO,IAAI,CAAC,aAAa,CAACC,KAAK,CAAER,CAAC,IAAKA,CAAC,CAACC,YAAY,CAAC,eAAe,CAAC,CAAC;AACzE,EAAA;EAEA,MAAMQ,MAAMA,CAACxB,KAAa,EAAE;AAC1B,IAAA,MAAMrC,IAAI,GAAG,IAAI,CAAC,YAAY;IAE9B,MAAM8D,IAAI,GAAG9D,IAAI,CAACP,aAAa,CAAC,CAAA,cAAA,EAAiB4C,KAAK,CAAA,QAAA,CAAU,CAAC;AAEjE,IAAA,IAAIyB,IAAI,EAAE;MACR,MAAMC,KAAK,CAACD,IAAI,CAAC;AAEjB,MAAA;AACF,IAAA;;AAEA;AACJ;AACA;AACA;AACA;AACA;AACI,IAAA,MAAMpC,KAAK,GAAG1B,IAAI,CAACP,aAAa,CAAC,2CAA2C,CAAC;AAE7E,IAAA,IAAIiC,KAAK,EAAE;AACT,MAAA,MAAMG,MAAM,CAACH,KAAK,EAAE,CAAA,EAAGW,KAAK,EAAE,CAAC;AAE/B,MAAA;AACF,IAAA;IAEA,MAAM2B,SAAS,GAAG,CAAC,GAAGhE,IAAI,CAACY,gBAAgB,CAAC,eAAe,CAAC,CAAC,CAACuC,GAAG,CAAEC,CAAC,IAClEA,CAAC,CAACI,YAAY,CAAC,aAAa,CAC9B,CAAC;AAED1D,IAAAA,MAAM,CACJ,CAAA,iDAAA,EAAoDuC,KAAK,CAAA,0EAAA,EAA6EA,KAAK,CAAA,0EAAA,EAA6E2B,SAAS,CAACV,IAAI,CAAC,IAAI,CAAC,GAC9O,CAAC;AACH,EAAA;AACF;;ACtIA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,SAASW,YAAYA,CAAC5E,KAAY,EAAE8D,GAAgB,EAAEe,OAA6B,EAAE;EAC1F,IAAIA,OAAO,EAAEC,OAAO,EAAE;IACpBrE,MAAM,CAAC,+CAA+C,EAAEoE,OAAO,EAAEC,OAAO,EAAEC,UAAU,CAAC,GAAG,CAAC,CAAC;AAC5F,EAAA;AAAC,EAAA,MAGKC,UAAU,GAAAC,CAAA,OAAVD,UAAU,SAASE,MAAM,CAAC;AAC9BJ,IAAAA,OAAO,GAAGD,OAAO,EAAEC,OAAO,IAAI,GAAG;AACnC,GAAC,GAHAK,WAAW,CAAA,CAAA;AAKZH,EAAAA,UAAU,CAAClB,GAAG,CAACA,GAAG,CAAC;AAEnB9D,EAAAA,KAAK,CAACoF,QAAQ,CAAC,aAAa,EAAEJ,UAAU,CAAC;;AAEzC;AACA,EAAA,MAAMK,gBAAgB,GAAGrF,KAAK,CAACsF,MAAM,CAAC,aAAa,CAAC;;AAEpD;;AAEA;EACCD,gBAAgB,CAASE,WAAW,EAAE;AACzC;;AAEA;AACA;AACA;AACO,SAASC,SAASA,CAACxF,KAAY,EAAiB;AACrD,EAAA,OAAOA,KAAK,CAACsF,MAAM,CAAC,gBAAgB,CAAC;AACvC;;AC7DA;AAGO,MAAMG,cAAc,CAAC;AAC1BC,EAAAA,cAAc,GAAG,6BAA6B;EAE9CrC,WAAWA,CAACqC,cAAuB,EAAE;AACnC,IAAA,IAAIA,cAAc,EAAE;MAClB,IAAI,CAACA,cAAc,GAAGA,cAAc;AACtC,IAAA;AACF,EAAA;EAEA,MAAMC,UAAUA,GAAG;AACjB,IAAA,MAAMjB,KAAK,CAAC,CAAA,EAAG,IAAI,CAACgB,cAAc,2DAA2D,CAAC;AAChG,EAAA;EAEA,MAAME,WAAWA,GAAG;AAClB,IAAA,MAAMlB,KAAK,CAAC,CAAA,EAAG,IAAI,CAACgB,cAAc,0DAA0D,CAAC;AAC/F,EAAA;AAEAG,EAAAA,YAAYA,GAAG;IACb,MAAMC,eAAe,GAAG3F,QAAQ,CAACoB,gBAAgB,CAC/C,CAAA,EAAG,IAAI,CAACmE,cAAc,CAAA,0CAAA,CACxB,CAAC;IAED,IAAIK,qBAAqB,GAAG,EAAE;IAC9B,IAAIC,oBAAoB,GAAG,EAAE;AAE7B,IAAA,KAAK,IAAI5D,CAAC,GAAG,CAAC,EAAEA,CAAC,GAAG0D,eAAe,CAAC7D,MAAM,EAAEG,CAAC,EAAE,EAAE;AAC/C,MAAA,MAAMU,IAAI,GAAGgD,eAAe,CAAC1D,CAAC,CAAE;AAChC,MAAA,MAAM6D,IAAI,GAAGnD,IAAI,CAACoD,qBAAqB,EAAE;MACzC,MAAMC,UAAU,GAAGrD,IAAI,CAACsD,aAAa,CAAEF,qBAAqB,EAAE;AAE9D,MAAA,IAAID,IAAI,CAACI,KAAK,IAAIF,UAAU,EAAEG,IAAI,IAAIL,IAAI,CAACK,IAAI,IAAIH,UAAU,EAAEE,KAAK,EAAE;AACpE,QAAA,IAAIN,qBAAqB,KAAK,EAAE,EAAE;AAChCA,UAAAA,qBAAqB,GAAG3D,CAAC;AAC3B,QAAA;AAEA4D,QAAAA,oBAAoB,GAAG5D,CAAC;AAC1B,MAAA,CAAC,MAAM,IAAI2D,qBAAqB,KAAK,EAAE,EAAE;AACvC,QAAA;AACF,MAAA;AACF,IAAA;AAEA,IAAA,OAAOQ,KAAK,CAACC,IAAI,CAACV,eAAe,CAAC,CAACW,KAAK,CAACV,qBAAqB,EAAEC,oBAAoB,GAAG,CAAC,CAAC;AAC3F,EAAA;AAEAU,EAAAA,gBAAgBA,GAAG;AACjB,IAAA,OAAO,IAAI,CAACb,YAAY,EAAE,CAAC5D,MAAM;AACnC,EAAA;AACF;;;;"}

package/dist/{utils-C5796IKA.js → utils-D0v9WKmV.js}

@@ -1,4 +1,3 @@
-
 /**
  * If the user provides an onChange or similar function, use that,
  * otherwise fallback to the uncontrolled toggle
@@ -11,4 +10,4 @@ function toggleWithFallback(uncontrolledToggle, controlledToggle, ...args) {
 }
 
 export { toggleWithFallback as t };
-//# sourceMappingURL=utils-C5796IKA.js.map
+//# sourceMappingURL=utils-D0v9WKmV.js.map

package/dist/utils-D0v9WKmV.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils-D0v9WKmV.js","sources":["../src/components/-private/utils.ts"],"sourcesContent":["/**\n * If the user provides an onChange or similar function, use that,\n * otherwise fallback to the uncontrolled toggle\n */\nexport function toggleWithFallback(\n  uncontrolledToggle: (...args: unknown[]) => void,\n\n  controlledToggle?: (...args: any[]) => void,\n  ...args: unknown[]\n) {\n  if (controlledToggle) {\n    return controlledToggle(...args);\n  }\n\n  uncontrolledToggle(...args);\n}\n"],"names":["toggleWithFallback","uncontrolledToggle","controlledToggle","args"],"mappings":"AAAA;AACA;AACA;AACA;AACO,SAASA,kBAAkBA,CAChCC,kBAAgD,EAEhDC,gBAA2C,EAC3C,GAAGC,IAAe,EAClB;AACA,EAAA,IAAID,gBAAgB,EAAE;AACpB,IAAA,OAAOA,gBAAgB,CAAC,GAAGC,IAAI,CAAC;AAClC,EAAA;EAEAF,kBAAkB,CAAC,GAAGE,IAAI,CAAC;AAC7B;;;;"}

package/dist/utils.js

@@ -1,4 +1,3 @@
-
 import { getOwner } from '@ember/owner';
 
 // this is copy pasted from https://github.com/emberjs/ember.js/blob/60d2e0cddb353aea0d6e36a72fda971010d92355/packages/%40ember/-internals/glimmer/lib/helpers/unique-id.ts
@@ -55,6 +54,10 @@ function findOwner(contextOrOwner) {
   if (!isNonNullableObject(contextOrOwner)) return;
   const maybeOwner = getOwner(contextOrOwner);
   if (isOwner(maybeOwner)) return maybeOwner;
+  if ('owner' in contextOrOwner) {
+    const maybeOwner = contextOrOwner.owner;
+    if (isOwner(maybeOwner)) return maybeOwner;
+  }
   return;
 }
 

package/dist/utils.js.map

@@ -1 +1 @@
-{"version":3,"file":"utils.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
+{"version":3,"file":"utils.js","sources":["../src/utils.ts"],"sourcesContent":["import { getOwner } from '@ember/owner';\n\nimport type Owner from '@ember/owner';\n\n// 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  // TypeScript has really bad prototype support -- they don't really\n  // want folks using this sort of stuff -- but it's handy for perf and all that.\n  //\n  // eslint-disable-next-line @typescript-eslint/no-unsafe-member-access\n  return x.prototype?.constructor === x;\n}\n\n/**\n * Loose check for an \"ownerish\" API.\n * only the \".lookup\" method is required.\n *\n * The requirements for what an \"owner\" is are sort of undefined,\n * as the actual owner in ember applications has too much on it,\n * and the long term purpose of the owner will be questioned once we\n * eliminate the need to have a registry (what lookup looks in to),\n * but we'll still need \"Something\" to represent the lifetime of the application.\n *\n * Technically, the owner could be any object, including `{}`\n */\nexport function isOwner(x: unknown): x is Owner {\n  if (!isNonNullableObject(x)) return false;\n\n  return 'lookup' in x && typeof x.lookup === 'function';\n}\n\nexport function isNonNullableObject(x: unknown): x is NonNullable<object> {\n  if (typeof x !== 'object') return false;\n  if (x === null) return false;\n\n  return true;\n}\n\n/**\n * Can receive the class instance or the owner itself, and will always return return the owner.\n *\n * undefined will be returned if the Owner does not exist on the passed object\n *\n * Can be useful when combined with `createStore` to then create \"services\",\n * which don't require string lookup.\n */\nexport function findOwner(contextOrOwner: unknown): Owner | undefined {\n  if (isOwner(contextOrOwner)) return contextOrOwner;\n\n  // _ENSURE_ that we have an object, else getOwner makes no sense to call\n  if (!isNonNullableObject(contextOrOwner)) return;\n\n  const maybeOwner = getOwner(contextOrOwner);\n\n  if (isOwner(maybeOwner)) return maybeOwner;\n\n  if ('owner' in contextOrOwner) {\n    const maybeOwner = contextOrOwner.owner;\n\n    if (isOwner(maybeOwner)) return maybeOwner;\n  }\n\n  return;\n}\n"],"names":["uniqueId","replace","a","Math","random","toString","isNewable","x","prototype","constructor","isOwner","isNonNullableObject","lookup","findOwner","contextOrOwner","maybeOwner","getOwner","owner"],"mappings":";;AAIA;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;AACA;AACA;AACA,EAAA,OAAOA,CAAC,CAACC,SAAS,EAAEC,WAAW,KAAKF,CAAC;AACvC;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,SAASG,OAAOA,CAACH,CAAU,EAAc;AAC9C,EAAA,IAAI,CAACI,mBAAmB,CAACJ,CAAC,CAAC,EAAE,OAAO,KAAK;EAEzC,OAAO,QAAQ,IAAIA,CAAC,IAAI,OAAOA,CAAC,CAACK,MAAM,KAAK,UAAU;AACxD;AAEO,SAASD,mBAAmBA,CAACJ,CAAU,EAA4B;AACxE,EAAA,IAAI,OAAOA,CAAC,KAAK,QAAQ,EAAE,OAAO,KAAK;AACvC,EAAA,IAAIA,CAAC,KAAK,IAAI,EAAE,OAAO,KAAK;AAE5B,EAAA,OAAO,IAAI;AACb;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,SAASM,SAASA,CAACC,cAAuB,EAAqB;AACpE,EAAA,IAAIJ,OAAO,CAACI,cAAc,CAAC,EAAE,OAAOA,cAAc;;AAElD;AACA,EAAA,IAAI,CAACH,mBAAmB,CAACG,cAAc,CAAC,EAAE;AAE1C,EAAA,MAAMC,UAAU,GAAGC,QAAQ,CAACF,cAAc,CAAC;AAE3C,EAAA,IAAIJ,OAAO,CAACK,UAAU,CAAC,EAAE,OAAOA,UAAU;EAE1C,IAAI,OAAO,IAAID,cAAc,EAAE;AAC7B,IAAA,MAAMC,UAAU,GAAGD,cAAc,CAACG,KAAK;AAEvC,IAAA,IAAIP,OAAO,CAACK,UAAU,CAAC,EAAE,OAAOA,UAAU;AAC5C,EAAA;AAEA,EAAA;AACF;;;;"}

package/dist/viewport/in-viewport.js

@@ -0,0 +1,82 @@
+import Component from '@glimmer/component';
+import { tracked } from '@glimmer/tracking';
+import { assert } from '@ember/debug';
+import { element } from 'ember-element-helper';
+import { modifier } from 'ember-modifier';
+import { viewport } from './viewport.js';
+import { precompileTemplate } from '@ember/template-compilation';
+import { setComponentTemplate } from '@ember/component';
+import { g, i } from 'decorator-transforms/runtime';
+
+/**
+ * A component that only renders its content when the element is near the viewport.
+ *
+ * This is useful for deferring the rendering of heavy components until they're
+ * actually needed, improving performance for pages with many components.
+ *
+ * Example usage:
+ * ```gjs
+ * import { InViewport } from 'ember-primitives';
+ *
+ * <template>
+ *   <InViewport>
+ *     <ExpensiveComponent />
+ *   </InViewport>
+ * </template>
+ * ```
+ *
+ * The component uses the Intersection Observer API to detect when the element
+ * is near the viewport. Once detected, the observer is destroyed and the content
+ * is rendered permanently.
+ */
+class InViewport extends Component {
+  static {
+    g(this.prototype, "hasIntersected", [tracked], function () {
+      return false;
+    });
+  }
+  #hasIntersected = (i(this, "hasIntersected"), void 0);
+  /**
+  * Whether the element has been detected as in/near the viewport
+  */
+  get #viewport() {
+    return viewport(this);
+  }
+  setupObserver = modifier(element => {
+    if (this.hasIntersected) {
+      return;
+    }
+    this.#viewport.observe(element, this.handle);
+    return () => this.#viewport.unobserve(element, this.handle);
+  });
+  handle = entry => {
+    if (entry?.isIntersecting) {
+      this.hasIntersected = true;
+      this.#viewport.unobserve(entry.target, this.handle);
+    }
+  };
+  get mode() {
+    assert('InViewport mode must be either "replace" or "contain"', !this.args.mode || this.args.mode === "replace" || this.args.mode === "contain");
+    return this.args.mode ?? "contain";
+  }
+  get tagName() {
+    return this.args.tagName ?? "div";
+  }
+  get hasReachedViewport() {
+    return this.hasIntersected;
+  }
+  get isReplacing() {
+    return this.mode === "replace";
+  }
+  static {
+    setComponentTemplate(precompileTemplate("{{#let (element this.tagName) as |El|}}\n  {{#if this.isReplacing}}\n    {{#if this.hasReachedViewport}}\n      {{yield}}\n    {{else}}\n      <El {{this.setupObserver}} ...attributes />\n    {{/if}}\n  {{else}}\n    <El {{this.setupObserver}} ...attributes>\n      {{#if this.hasReachedViewport}}\n        {{yield}}\n      {{/if}}\n    </El>\n  {{/if}}\n{{/let}}", {
+      strictMode: true,
+      scope: () => ({
+        element
+      })
+    }), this);
+  }
+}
+
+export { InViewport };
+//# sourceMappingURL=in-viewport.js.map

package/dist/viewport/in-viewport.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"in-viewport.js","sources":["../../src/viewport/in-viewport.gts"],"sourcesContent":["import Component from \"@glimmer/component\";\nimport { tracked } from \"@glimmer/tracking\";\nimport { assert } from \"@ember/debug\";\n\nimport { element } from \"ember-element-helper\";\nimport { modifier } from \"ember-modifier\";\n\nimport { viewport } from \"./viewport.ts\";\n\nexport type InViewportMode = \"replace\" | \"contain\";\n\n/**\n * Configuration for the InViewport component\n */\nexport interface InViewportSignature {\n  Element: HTMLElement;\n  Args: {\n    /**\n     * The tag name for the placeholder element.\n     * Can be any valid HTML tag name.\n     * Default: 'div'\n     */\n    tagName?: string;\n\n    /**\n     * The mode determines how yielded content is rendered:\n     * - 'replace': yielded content replaces the placeholder element\n     * - 'contain': yielded content is rendered within the placeholder\n     * Default: 'contain'\n     */\n    mode?: InViewportMode;\n  };\n  Blocks: {\n    /**\n     * Default block - rendered when the element is in the viewport\n     */\n    default: [];\n  };\n}\n\n/**\n * A component that only renders its content when the element is near the viewport.\n *\n * This is useful for deferring the rendering of heavy components until they're\n * actually needed, improving performance for pages with many components.\n *\n * Example usage:\n * ```gjs\n * import { InViewport } from 'ember-primitives';\n *\n * <template>\n *   <InViewport>\n *     <ExpensiveComponent />\n *   </InViewport>\n * </template>\n * ```\n *\n * The component uses the Intersection Observer API to detect when the element\n * is near the viewport. Once detected, the observer is destroyed and the content\n * is rendered permanently.\n */\nexport class InViewport extends Component<InViewportSignature> {\n  /**\n   * Whether the element has been detected as in/near the viewport\n   */\n  @tracked hasIntersected = false;\n\n  get #viewport() {\n    return viewport(this);\n  }\n\n  setupObserver = modifier((element: Element) => {\n    if (this.hasIntersected) {\n      return;\n    }\n\n    this.#viewport.observe(element, this.handle);\n\n    return () => this.#viewport.unobserve(element, this.handle);\n  });\n\n  handle = (entry: IntersectionObserverEntry) => {\n    if (entry?.isIntersecting) {\n      this.hasIntersected = true;\n\n      this.#viewport.unobserve(entry.target, this.handle);\n    }\n  };\n\n  get mode(): InViewportMode {\n    assert(\n      'InViewport mode must be either \"replace\" or \"contain\"',\n      !this.args.mode || this.args.mode === \"replace\" || this.args.mode === \"contain\",\n    );\n\n    return this.args.mode ?? \"contain\";\n  }\n\n  get tagName(): string {\n    return this.args.tagName ?? \"div\";\n  }\n\n  get hasReachedViewport(): boolean {\n    return this.hasIntersected;\n  }\n\n  get isReplacing(): boolean {\n    return this.mode === \"replace\";\n  }\n\n  <template>\n    {{#let (element this.tagName) as |El|}}\n      {{#if this.isReplacing}}\n        {{#if this.hasReachedViewport}}\n          {{yield}}\n        {{else}}\n          <El {{this.setupObserver}} ...attributes />\n        {{/if}}\n      {{else}}\n        <El {{this.setupObserver}} ...attributes>\n          {{#if this.hasReachedViewport}}\n            {{yield}}\n          {{/if}}\n        </El>\n      {{/if}}\n    {{/let}}\n  </template>\n}\n"],"names":["InViewport","Component","g","prototype","tracked","i","#viewport","viewport","setupObserver","modifier","element","hasIntersected","observe","handle","unobserve","entry","isIntersecting","target","mode","assert","args","tagName","hasReachedViewport","isReplacing","setComponentTemplate","precompileTemplate","strictMode","scope"],"mappings":";;;;;;;;;;AAwCA;;;;;;;;;;;;;;;;;;;;;AAqBO,MAAMA,UAAA,SAAmBC,SAAA,CAAU;AAAA,EAAA;IAAAC,CAAA,CAAA,IAAA,CAAAC,SAAA,EAAA,gBAAA,EAAA,CAIvCC,OAAA,CAAA,EAAA,YAAA;AAAA,MAAA,OAAyB,KAAA;AAAA,IAAA,CAAA,CAAA;AAAA;EAAA,eAAA,IAAAC,CAAA,CAAA,IAAA,EAAA,gBAAA,CAAA,EAAA,MAAA;AAH1B;;AAEC;EAGD,IAAI,SAASC,GAAA;IACX,OAAOC,SAAS,IAAI,CAAA;AACtB,EAAA;AAEAC,EAAAA,aAAA,GAAgBC,QAAA,CAAUC,OAAS,IAAA;IACjC,IAAI,IAAI,CAACC,cAAc,EAAE;AACvB,MAAA;AACF,IAAA;IAEA,IAAI,CAAC,SAAS,CAACC,OAAO,CAACF,OAAA,EAAS,IAAI,CAACG,MAAM,CAAA;AAE3C,IAAA,OAAO,MAAM,IAAI,CAAC,SAAS,CAACC,SAAS,CAACJ,OAAA,EAAS,IAAI,CAACG,MAAM,CAAA;AAC5D,EAAA,CAAA,CAAA;EAEAA,MAAA,GAAUE,KAAO,IAAA;IACf,IAAIA,OAAOC,cAAA,EAAgB;MACzB,IAAI,CAACL,cAAc,GAAG,IAAA;AAEtB,MAAA,IAAI,CAAC,SAAS,CAACG,SAAS,CAACC,KAAA,CAAME,MAAM,EAAE,IAAI,CAACJ,MAAM,CAAA;AACpD,IAAA;EACF,CAAA;EAEA,IAAIK,OAAuB;IACzBC,MAAA,CACE,uDAAA,EACA,CAAC,IAAI,CAACC,IAAI,CAACF,IAAI,IAAI,IAAI,CAACE,IAAI,CAACF,IAAI,KAAK,SAAA,IAAa,IAAI,CAACE,IAAI,CAACF,IAAI,KAAK,SAAA,CAAA;AAGxE,IAAA,OAAO,IAAI,CAACE,IAAI,CAACF,IAAI,IAAI,SAAA;AAC3B,EAAA;EAEA,IAAIG,OAAAA,GAAkB;AACpB,IAAA,OAAO,IAAI,CAACD,IAAI,CAACC,OAAO,IAAI,KAAA;AAC9B,EAAA;EAEA,IAAIC,kBAAAA,GAA8B;IAChC,OAAO,IAAI,CAACX,cAAc;AAC5B,EAAA;EAEA,IAAIY,WAAAA,GAAuB;AACzB,IAAA,OAAO,IAAI,CAACL,IAAI,KAAK,SAAA;AACvB,EAAA;AAEA,EAAA;IAAAM,oBAAA,CAAAC,kBAAA,CAAA,6WAAA,EAgBA;MAAAC,UAAA,EAAA,IAAA;AAAAC,MAAAA,KAAA,EAAAA,OAAA;AAAAjB,QAAAA;AAAA,OAAA;KAAU,CAAA,EAAV,IAAW,CAAA;AAAD;AACZ;;;;"}

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":";"}