ember-primitives 0.40.0 → 0.41.0

package/dist/components/portal.js.map

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

package/dist/components/progress.js

@@ -1,3 +1,4 @@
+
 import Component from '@glimmer/component';
 import { hash } from '@ember/helper';
 import { precompileTemplate } from '@ember/template-compilation';

package/dist/components/progress.js.map

@@ -1 +1 @@
-{"version":3,"file":"progress.js","sources":["../../src/components/progress.gts"],"sourcesContent":["import Component from \"@glimmer/component\";\nimport { hash } from \"@ember/helper\";\n\nimport type { TOC } from \"@ember/component/template-only\";\nimport type { WithBoundArgs } from \"@glint/template\";\n\nexport interface Signature {\n  Element: HTMLDivElement;\n  Args: {\n    /**\n     * The current progress\n     * This may be less than 0 or more than `max`,\n     * but the resolved value (managed internally, and yielded out)\n     * does not exceed the range [0, max]\n     */\n    value: number;\n    /**\n     * The max value, defaults to 100\n     */\n    max?: number;\n  };\n  Blocks: {\n    default: [\n      {\n        /**\n         * The indicator element with some state applied.\n         * This can be used to style the progress of bar.\n         */\n        Indicator: WithBoundArgs<typeof Indicator, \"value\" | \"max\" | \"percent\">;\n        /**\n         * The value as a percent of how far along the indicator should be\n         * positioned, between 0 and 100.\n         * Will be rounded to two decimal places.\n         */\n        percent: number;\n        /**\n         * The value as a percent of how far along the indicator should be positioned,\n         * between 0 and 1\n         */\n        decimal: number;\n        /**\n         * The resolved value within the limits of the progress bar.\n         */\n        value: number;\n      },\n    ];\n  };\n}\n\ntype ProgressState = \"indeterminate\" | \"complete\" | \"loading\";\n\nconst DEFAULT_MAX = 100;\n\n/**\n * Non-negative, non-NaN, non-Infinite, positive, rational\n */\nfunction isValidProgressNumber(value: number | undefined | null): value is number {\n  if (typeof value !== \"number\") return false;\n  if (!Number.isFinite(value)) return false;\n\n  return value >= 0;\n}\n\nfunction progressState(value: number | undefined | null, maxValue: number): ProgressState {\n  return value == null ? \"indeterminate\" : value === maxValue ? \"complete\" : \"loading\";\n}\n\nfunction getMax(userMax: number | undefined | null): number {\n  return isValidProgressNumber(userMax) ? userMax : DEFAULT_MAX;\n}\n\nfunction getValue(userValue: number | undefined | null, maxValue: number): number {\n  const max = getMax(maxValue);\n\n  if (!isValidProgressNumber(userValue)) {\n    return 0;\n  }\n\n  if (userValue > max) {\n    return max;\n  }\n\n  return userValue;\n}\n\nfunction getValueLabel(value: number, max: number) {\n  return `${Math.round((value / max) * 100)}%`;\n}\n\nconst Indicator: TOC<{\n  Element: HTMLDivElement;\n  Args: { max: number; value: number; percent: number };\n  Blocks: { default: [] };\n}> = <template>\n  <div\n    ...attributes\n    data-max={{@max}}\n    data-value={{@value}}\n    data-state={{progressState @value @max}}\n    data-percent={{@percent}}\n  >\n    {{yield}}\n  </div>\n</template>;\n\nexport class Progress extends Component<Signature> {\n  get max() {\n    return getMax(this.args.max);\n  }\n\n  get value() {\n    return getValue(this.args.value, this.max);\n  }\n\n  get valueLabel() {\n    return getValueLabel(this.value, this.max);\n  }\n\n  get decimal() {\n    return this.value / this.max;\n  }\n\n  get percent() {\n    return Math.round(this.decimal * 100 * 100) / 100;\n  }\n\n  <template>\n    <div\n      ...attributes\n      aria-valuemax={{this.max}}\n      aria-valuemin=\"0\"\n      aria-valuenow={{this.value}}\n      aria-valuetext={{this.valueLabel}}\n      role=\"progressbar\"\n      data-value={{this.value}}\n      data-state={{progressState this.value this.max}}\n      data-max={{this.max}}\n      data-min=\"0\"\n      data-percent={{this.percent}}\n    >\n\n      {{yield\n        (hash\n          Indicator=(component Indicator value=this.value max=this.max percent=this.percent)\n          value=this.value\n          percent=this.percent\n          decimal=this.decimal\n        )\n      }}\n    </div>\n  </template>\n}\n\nexport default Progress;\n"],"names":["DEFAULT_MAX","isValidProgressNumber","value","Number","isFinite","progressState","maxValue","getMax","userMax","getValue","userValue","max","getValueLabel","Math","round","Indicator","setComponentTemplate","precompileTemplate","strictMode","scope","templateOnly","Progress","Component","args","valueLabel","decimal","percent","hash"],"mappings":";;;;;;AAmDA,MAAMA,WAAA,GAAc,GAAA;AAEpB;;;AAGA,SAASC,qBAAAA,CAAsBC,KAAgC,EAAkB;AAC/E,EAAA,IAAI,OAAOA,KAAA,KAAU,QAAA,EAAU,OAAO,KAAA;EACtC,IAAI,CAACC,MAAA,CAAOC,QAAQ,CAACF,QAAQ,OAAO,KAAA;EAEpC,OAAOA,KAAA,IAAS,CAAA;AAClB;AAEA,SAASG,aAAAA,CAAcH,KAAgC,EAAEI,QAAgB,EAAG;AAC1E,EAAA,OAAOJ,KAAA,IAAS,IAAA,GAAO,eAAA,GAAkBA,KAAA,KAAUI,WAAW,UAAA,GAAa,SAAA;AAC7E;AAEA,SAASC,MAAAA,CAAOC,OAAkC,EAAS;AACzD,EAAA,OAAOP,qBAAA,CAAsBO,WAAWA,OAAA,GAAUR,WAAA;AACpD;AAEA,SAASS,QAAAA,CAASC,SAAoC,EAAEJ,QAAgB,EAAS;AAC/E,EAAA,MAAMK,MAAMJ,MAAA,CAAOD,QAAA,CAAA;AAEnB,EAAA,IAAI,CAACL,sBAAsBS,SAAA,CAAA,EAAY;AACrC,IAAA,OAAO,CAAA;AACT,EAAA;EAEA,IAAIA,YAAYC,GAAA,EAAK;AACnB,IAAA,OAAOA,GAAA;AACT,EAAA;AAEA,EAAA,OAAOD,SAAA;AACT;AAEA,SAASE,aAAAA,CAAcV,KAAa,EAAES,GAAW,EAAA;EAC/C,OAAO,CAAA,EAAGE,IAAA,CAAKC,KAAK,CAAEZ,KAAA,GAAQS,GAAG,GAAI,GAAA,CAAA,CAAA,CAAA,CAAO;AAC9C;AAEA,MAAMI,SAID,GAAAC,oBAAA,CAAAC,kBAAA,CAAA,+JAAA,EAUL;EAAAC,UAAA,EAAA,IAAA;AAAAC,EAAAA,KAAA,EAAAA,OAAA;AAAAd,IAAAA;AAAA,GAAA;AAAU,CAAA,CAAA,EAAAe,YAAA,EAAA,CAAA;AAEH,MAAMC,iBAAiBC,SAAA,CAAU;EACtC,IAAIX,GAAAA,GAAM;AACR,IAAA,OAAOJ,MAAA,CAAO,IAAI,CAACgB,IAAI,CAACZ,GAAG,CAAA;AAC7B,EAAA;EAEA,IAAIT,KAAAA,GAAQ;IACV,OAAOO,QAAA,CAAS,IAAI,CAACc,IAAI,CAACrB,KAAK,EAAE,IAAI,CAACS,GAAG,CAAA;AAC3C,EAAA;EAEA,IAAIa,UAAAA,GAAa;IACf,OAAOZ,cAAc,IAAI,CAACV,KAAK,EAAE,IAAI,CAACS,GAAG,CAAA;AAC3C,EAAA;EAEA,IAAIc,OAAAA,GAAU;AACZ,IAAA,OAAO,IAAI,CAACvB,KAAK,GAAG,IAAI,CAACS,GAAG;AAC9B,EAAA;EAEA,IAAIe,OAAAA,GAAU;AACZ,IAAA,OAAOb,IAAA,CAAKC,KAAK,CAAC,IAAI,CAACW,OAAO,GAAG,MAAM,GAAA,CAAA,GAAO,GAAA;AAChD,EAAA;AAEA,EAAA;IAAAT,oBAAA,CAAAC,kBAAA,CAAA,qeAAA,EAwBA;MAAAC,UAAA,EAAA,IAAA;AAAAC,MAAAA,KAAA,EAAAA,OAAA;QAAAd,aAAA;QAAAsB,IAAA;AAAAZ,QAAAA;AAAA,OAAA;KAAU,CAAA,EAAV,IAAW,CAAA;AAAD;AACZ;;;;"}
+{"version":3,"file":"progress.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/components/rating/index.js

@@ -1,3 +1,4 @@
+
 import Component from '@glimmer/component';
 import { hash } from '@ember/helper';
 import { on } from '@ember/modifier';

package/dist/components/rating/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../src/components/rating/index.gts"],"sourcesContent":["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":["Rating","Component","name","uniqueId","icon","args","isInteractive","interactive","isChangeable","readonly","isReadonly","needsDescription","setComponentTemplate","precompileTemplate","strictMode","scope","RatingState","on","Stars","hash","RatingRange"],"mappings":";;;;;;;;;;AAkHO,MAAMA,eAAeC,SAAA,CAAU;AACpCC,EAAAA,IAAA,GAAO,CAAA,OAAA,EAAUC,QAAA,EAAA,CAAA,CAAY;EAE7B,IAAIC,IAAAA,GAAO;AACT,IAAA,OAAO,IAAI,CAACC,IAAI,CAACD,IAAI,IAAI,GAAA;AAC3B,EAAA;EAEA,IAAIE,aAAAA,GAAgB;AAClB,IAAA,OAAO,IAAI,CAACD,IAAI,CAACE,WAAW,IAAI,IAAA;AAClC,EAAA;EAEA,IAAIC,YAAAA,GAAe;IACjB,MAAMC,WAAW,IAAI,CAACJ,IAAI,CAACI,QAAQ,IAAI,KAAA;AAEvC,IAAA,OAAO,CAACA,QAAA,IAAY,IAAI,CAACH,aAAa;AACxC,EAAA;EAEA,IAAII,UAAAA,GAAa;IACf,OAAO,CAAC,IAAI,CAACF,YAAY;AAC3B,EAAA;EAEA,IAAIG,gBAAAA,GAAmB;IACrB,OAAO,CAAC,IAAI,CAACL,aAAa;AAC5B,EAAA;AAEA,EAAA;IAAAM,oBAAA,CAAAC,kBAAA,CAAA,2nDAAA,EAuEA;MAAAC,UAAA,EAAA,IAAA;AAAAC,MAAAA,KAAA,EAAAA,OAAA;QAAAC,WAAA;QAAAC,EAAA;QAAAC,KAAA;QAAAC,IAAA;AAAAC,QAAAA;AAAA,OAAA;KAAU,CAAA,EAAV,IAAW,CAAA;AAAD;AACZ;;;;"}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/components/rating/range.js

@@ -1,3 +1,4 @@
+
 import { on } from '@ember/modifier';
 import { precompileTemplate } from '@ember/template-compilation';
 import { setComponentTemplate } from '@ember/component';

package/dist/components/rating/range.js.map

@@ -1 +1 @@
-{"version":3,"file":"range.js","sources":["../../../src/components/rating/range.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"],"names":["RatingRange","setComponentTemplate","precompileTemplate","strictMode","scope","on","templateOnly"],"mappings":";;;;;MAIaA,WAQR,GAAAC,oBAAA,CAAAC,kBAAA,CAAA,2HAAA,EASL;EAAAC,UAAA,EAAA,IAAA;AAAAC,EAAAA,KAAA,EAAAA,OAAA;AAAAC,IAAAA;AAAA,GAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA;;;;"}
+{"version":3,"file":"range.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/components/rating/stars.js

@@ -1,3 +1,4 @@
+
 import { uniqueId } from '../../utils.js';
 import { isString, lte, percentSelected } from './utils.js';
 import { precompileTemplate } from '@ember/template-compilation';

package/dist/components/rating/stars.js.map

@@ -1 +1 @@
-{"version":3,"file":"stars.js","sources":["../../../src/components/rating/stars.gts"],"sourcesContent":["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"],"names":["Stars","setComponentTemplate","precompileTemplate","strictMode","scope","uniqueId","percentSelected","lte","isString","templateOnly"],"mappings":";;;;;;MAMaA,KAcR,GAAAC,oBAAA,CAAAC,kBAAA,CAAA,k+BAAA,EAuCL;EAAAC,UAAA,EAAA,IAAA;AAAAC,EAAAA,KAAA,EAAAA,OAAA;IAAAC,QAAA;IAAAC,eAAA;IAAAC,GAAA;AAAAC,IAAAA;AAAA,GAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA;;;;"}
+{"version":3,"file":"stars.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/components/rating/state.js

@@ -1,3 +1,4 @@
+
 import Component from '@glimmer/component';
 import { cached } from '@glimmer/tracking';
 import { assert } from '@ember/debug';

package/dist/components/rating/state.js.map

@@ -1 +1 @@
-{"version":3,"file":"state.js","sources":["../../../src/components/rating/state.gts"],"sourcesContent":["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"],"names":["RatingState","Component","localCopy","i","void 0","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","setComponentTemplate","precompileTemplate","strictMode","scope","hash"],"mappings":";;;;;;;;;AASO,MAAMA,WAAA,SAAoBC,SAAA;;iCA0B9BC,SAAA,CAAU,YAAA,CAAA,CAAA,CAAA;AAAA;AAAA,EAAA,OAAA,IAAAC,CAAA,CAAA,IAAA,EAAA,QAAA,CAAA,EAAAC,MAAA,EAAA;EAEX,IAAIC,KAAAA,GAAQ;AACV,IAAA,OAAO,IAAI,CAACC,MAAM,IAAI,CAAA;AACxB,EAAA;EAEA,IACIC,KAAAA,GAAQ;IACV,OAAOC,KAAA,CAAMC,IAAI,CAAC;AAAEC,MAAAA,MAAA,EAAQ,IAAI,CAACC,IAAI,CAACC,GAAG,IAAI;KAAE,EAAG,CAACC,CAAA,EAAGC,KAAA,KAAUA,KAAA,GAAQ,CAAA,CAAA;AAC1E,EAAA;AAAA,EAAA;IAAAC,CAAA,CAAA,IAAA,CAAAC,SAAA,EAAA,OAAA,EAAA,CAHCC,MAAA,CAAA,CAAA;AAAA;EAKDC,SAAA,GAAab,KAAa,IAAA;AACxB,IAAA,IAAI,IAAI,CAACM,IAAI,CAACQ,QAAQ,EAAE;AACtB,MAAA;AACF,IAAA;AAEA,IAAA,IAAId,KAAA,KAAU,IAAI,CAACC,MAAM,EAAE;MACzB,IAAI,CAACA,MAAM,GAAG,CAAA;AAChB,IAAA,CAAA,MAAO;MACL,IAAI,CAACA,MAAM,GAAGD,KAAA;AAChB,IAAA;AAEA,IAAA,IAAI,CAACM,IAAI,CAACS,QAAQ,GAAGf,KAAA,CAAA;EACvB,CAAA;EAEAgB,aAAA,GAAiBhB,KAAc,IAAA;AAC7BiB,IAAAA,MAAA,CAAO,2CAAA,EAA6C,OAAOjB,KAAA,KAAU,QAAA,CAAA;AAErE,IAAA,MAAMkB,MAAMC,UAAA,CAAWnB,KAAA,CAAA;AAEvB,IAAA,IAAIoB,MAAMF,GAAA,CAAA,EAAM;AACd;AACA;AACA;AACA,MAAA;AACF,IAAA;AAEA,IAAA,IAAI,CAACL,SAAS,CAACK,GAAA,CAAA;EACjB,CAAA;AAEA;;;;;EAKAG,WAAA,GAAeC,KAAO,IAAA;AACpB;AACA;IACA,MAAMC,OAAA,GACJD,MAAME,MAAM,YAAYC,oBACxBH,KAAA,CAAME,MAAM,CAACE,IAAI,KAAK,IAAI,CAACpB,IAAI,CAACoB,IAAI,IACpCJ,MAAME,MAAM,CAACG,IAAI,KAAK,OAAA;IAExB,IAAI,CAACJ,OAAA,EAAS;AAEd,IAAA,MAAMK,QAAA,GAAWN,KAAA,CAAME,MAAM,EAAExB,KAAA;AAE/B,IAAA,IAAI,CAACgB,aAAa,CAACY,QAAA,CAAA;EACrB,CAAA;AAEA;;;;EAIAC,YAAA,GAAgBP,KAAO,IAAA;AACrB,IAAA,MAAMC,UAAUD,KAAA,CAAME,MAAM,KAAK,IAAA,IAAQ,OAAA,IAAWF,MAAME,MAAM;IAEhE,IAAI,CAACD,OAAA,EAAS;IAEd,IAAI,CAACP,aAAa,CAACM,KAAA,CAAME,MAAM,CAACxB,KAAK,CAAA;EACvC,CAAA;AAEA,EAAA;IAAA8B,oBAAA,CAAAC,kBAAA,CAAA,2NAAA,EAYA;MAAAC,UAAA,EAAA,IAAA;AAAAC,MAAAA,KAAA,EAAAA,OAAA;AAAAC,QAAAA;AAAA,OAAA;KAAU,CAAA,EAAV,IAAW,CAAA;AAAD;AACZ;;;;"}
+{"version":3,"file":"state.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/components/rating/utils.js

@@ -1,3 +1,4 @@
+
 function isString(x) {
   return typeof x === 'string';
 }

package/dist/components/rating/utils.js.map

@@ -1 +1 @@
-{"version":3,"file":"utils.js","sources":["../../../src/components/rating/utils.ts"],"sourcesContent":["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"],"names":["isString","x","lte","a","b","percentSelected","diff","percent"],"mappings":"AAAO,SAASA,QAAQA,CAACC,CAAU,EAAE;EACnC,OAAO,OAAOA,CAAC,KAAK,QAAQ;AAC9B;AAEO,SAASC,GAAGA,CAACC,CAAS,EAAEC,CAAS,EAAE;EACxC,OAAOD,CAAC,IAAIC,CAAC;AACf;AAEO,SAASC,eAAeA,CAACF,CAAS,EAAEC,CAAS,EAAE;AACpD,EAAA,MAAME,IAAI,GAAGF,CAAC,GAAG,CAAC,GAAGD,CAAC;AAEtB,EAAA,IAAIG,IAAI,GAAG,CAAC,EAAE,OAAO,CAAC;AACtB,EAAA,IAAIA,IAAI,GAAG,CAAC,EAAE,OAAO,GAAG;AACxB,EAAA,IAAIH,CAAC,KAAKC,CAAC,EAAE,OAAO,GAAG;AAEvB,EAAA,MAAMG,OAAO,GAAGD,IAAI,GAAG,GAAG;AAE1B,EAAA,OAAOC,OAAO;AAChB;;;;"}
+{"version":3,"file":"utils.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/components/rating.js

@@ -1,2 +1,3 @@
+
 export { Rating } from './rating/index.js';
 //# sourceMappingURL=rating.js.map

package/dist/components/scroller.js

@@ -1,3 +1,4 @@
+
 import Component from '@glimmer/component';
 import { isDestroyed, isDestroying } from '@ember/destroyable';
 import { hash } from '@ember/helper';

package/dist/components/scroller.js.map

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

package/dist/components/shadowed.js

@@ -1,3 +1,4 @@
+
 import { modifier } from 'ember-modifier';
 import { cell } from 'ember-resources';
 import { precompileTemplate } from '@ember/template-compilation';

package/dist/components/shadowed.js.map

@@ -1 +1 @@
-{"version":3,"file":"shadowed.js","sources":["../../src/components/shadowed.gts"],"sourcesContent":["import { modifier } from \"ember-modifier\";\nimport { cell } from \"ember-resources\";\n\nimport type { TOC } from \"@ember/component/template-only\";\n\nconst Shadow = () => {\n  const shadow = cell<Element>();\n\n  return {\n    get root() {\n      return shadow.current;\n    },\n    attach: modifier((element: Element) => {\n      const shadowRoot = element.attachShadow({ mode: \"open\" });\n      const div = document.createElement(\"div\");\n\n      // ember-source 5.6 broke the ability to in-element\n      // natively into a shadowroot.\n      //\n      // See these ember-source bugs:\n      // - https://github.com/emberjs/ember.js/issues/20643\n      // - https://github.com/emberjs/ember.js/issues/20642\n      // - https://github.com/emberjs/ember.js/issues/20641\n      shadowRoot.appendChild(div);\n\n      shadow.set(div);\n    }),\n  };\n};\n\n// index.html has the production-fingerprinted references to these links\n// Ideally, we'd have some pre-processor scan everything for references to\n// assets in public, but idk how to set that up\nconst getStyles = () => [...document.querySelectorAll(\"link\")].map((link) => link.href);\n\n/**\n * style + native @import\n * is the only robust way to load styles in a shadowroot.\n *\n * link is only valid in the head element.\n */\nconst Styles = <template>\n  <style>\n    {{#each (getStyles) as |styleHref|}}\n\n      @import \"{{styleHref}}\";\n\n    {{/each}}\n  </style>\n</template>;\n\n/**\n * Render content in a shadow dom, attached to a div.\n *\n * Uses the [shadow DOM][mdn-shadow-dom] API.\n *\n * [mdn-shadow-dom]: https://developer.mozilla.org/en-US/docs/Web/API/Web_components/Using_shadow_DOM\n *\n * This is useful when you want to render content that escapes your app's styles.\n */\nexport const Shadowed: TOC<{\n  /**\n   * The shadow dom attaches to a div element.\n   * You may specify any attribute, and it'll be applied to this host element.\n   */\n  Element: HTMLDivElement;\n  Args: {\n    /**\n     * @public\n     *\n     * By default, shadow-dom does not include any styles.\n     * Setting this to true will include all the `<style>` tags\n     * that are present in the `<head>` element.\n     */\n    includeStyles?: boolean;\n  };\n  Blocks: {\n    /**\n     * Content to be placed within the ShadowDOM\n     */\n    default: [];\n  };\n}> = <template>\n  {{#let (Shadow) as |shadow|}}\n    {{! TODO: We need a way in ember to render in to a shadow dom without an effect }}\n    <div {{shadow.attach}} ...attributes></div>\n\n    {{#if shadow.root}}\n      {{#in-element shadow.root}}\n\n        {{#if @includeStyles}}\n          <Styles />\n        {{/if}}\n\n        {{yield}}\n\n      {{/in-element}}\n    {{/if}}\n  {{/let}}\n</template>;\n\nexport default Shadowed;\n"],"names":["Shadow","shadow","cell","root","current","attach","modifier","element","shadowRoot","attachShadow","mode","div","document","createElement","appendChild","set","getStyles","querySelectorAll","map","link","href","Styles","setComponentTemplate","precompileTemplate","strictMode","scope","templateOnly","Shadowed"],"mappings":";;;;;;AAKA,MAAMA,MAAA,GAASA,MAAA;AACb,EAAA,MAAMC,SAASC,IAAA,EAAK;EAEpB,OAAO;IACL,IAAIC,IAAAA,GAAO;MACT,OAAOF,OAAOG,OAAO;IACvB,CAAA;AACAC,IAAAA,MAAA,EAAQC,QAAA,CAAUC,OAAS,IAAA;AACzB,MAAA,MAAMC,UAAA,GAAaD,OAAA,CAAQE,YAAY,CAAC;AAAEC,QAAAA,IAAA,EAAM;AAAO,OAAA,CAAA;AACvD,MAAA,MAAMC,GAAA,GAAMC,QAAA,CAASC,aAAa,CAAC,KAAA,CAAA;AAEnC;AACA;AACA;AACA;AACA;AACA;AACA;AACAL,MAAAA,UAAA,CAAWM,WAAW,CAACH,GAAA,CAAA;AAEvBV,MAAAA,MAAA,CAAOc,GAAG,CAACJ,GAAA,CAAA;IACb,CAAA;GACF;AACF,CAAA;AAEA;AACA;AACA;AACA,MAAMK,YAAYA,MAAM,CAAI,GAAAJ,QAAA,CAASK,gBAAgB,CAAC,MAAA,CAAA,CAAQ,CAACC,GAAG,CAAEC,IAAA,IAASA,KAAKC,IAAI,CAAA;AAEtF;;;;;;AAMA,MAAMC,MAAA,GAAAC,oBAAA,CAASC,kBAAA,CAAA,0HAAA,EAQf;EAAAC,UAAA,EAAA,IAAA;AAAAC,EAAAA,KAAA,EAAAA,OAAA;AAAAT,IAAAA;AAAA,GAAA;AAAU,CAAA,CAAA,EAAAU,YAAA,EAAA,CAAA;AAEV;;;;;;;;;MASaC,QAsBR,GAAAL,oBAAA,CAAAC,kBAAA,CAAA,gYAAA,EAiBL;EAAAC,UAAA,EAAA,IAAA;AAAAC,EAAAA,KAAA,EAAAA,OAAA;IAAAzB,MAAA;AAAAqB,IAAAA;AAAA,GAAA;AAAU,CAAA,CAAA,EAAAK,YAAA,EAAA;;;;"}
+{"version":3,"file":"shadowed.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/components/switch.js

@@ -1,3 +1,4 @@
+
 import { fn, hash } from '@ember/helper';
 import { on } from '@ember/modifier';
 import { cell } from 'ember-resources';

package/dist/components/switch.js.map

@@ -1 +1 @@
-{"version":3,"file":"switch.js","sources":["../../src/components/switch.gts"],"sourcesContent":["import { fn, hash } from \"@ember/helper\";\nimport { on } from \"@ember/modifier\";\n\nimport { cell } from \"ember-resources\";\n\nimport { uniqueId } from \"../utils.ts\";\nimport { Label } from \"./-private/typed-elements.gts\";\nimport { toggleWithFallback } from \"./-private/utils.ts\";\n\nimport type { TOC } from \"@ember/component/template-only\";\nimport type { WithBoundArgs } from \"@glint/template\";\n\nexport interface Signature {\n  Element: HTMLInputElement;\n  Args: {\n    /**\n     * The initial checked value of the Switch.\n     * This value is reactive, so if the value that\n     * `@checked` is set to updates, the state of the Switch will also update.\n     */\n    checked?: boolean;\n    /**\n     * Callback when the Switch state is toggled\n     */\n    onChange?: (checked: boolean, event: Event) => void;\n  };\n  Blocks: {\n    default?: [\n      {\n        /**\n         * The Switch Element.\n         * It has a pre-wired `id` so that the relevant Label is\n         * appropriately associated via the `for` property of the Label.\n         *\n         * ```gjs\n         * import { Switch } from 'ember-primitives';\n         *\n         * <template>\n         *   <Switch as |s|>\n         *     <s.Control />\n         *   </Switch>\n         * </template>\n         * ```\n         */\n        Control: WithBoundArgs<typeof Checkbox, \"checked\" | \"id\" | \"onChange\">;\n        /**\n         * The Switch element requires a label, and this label already has\n         * the association to the Control by setting the `for` attribute to the `id` of the Control\n         *\n         * ```gjs\n         * import { Switch } from 'ember-primitives';\n         *\n         * <template>\n         *   <Switch as |s|>\n         *     <s.Label />\n         *   </Switch>\n         * </template>\n         * ```\n         */\n        Label: WithBoundArgs<typeof Label, \"for\">;\n      },\n    ];\n  };\n}\n\ninterface ControlSignature {\n  Element: HTMLInputElement;\n  Args: { id: string; checked?: boolean; onChange: () => void };\n}\n\nconst Checkbox: TOC<ControlSignature> = <template>\n  {{#let (cell @checked) as |checked|}}\n    <input\n      id={{@id}}\n      type=\"checkbox\"\n      role=\"switch\"\n      checked={{checked.current}}\n      aria-checked={{checked.current}}\n      data-state={{if checked.current \"on\" \"off\"}}\n      {{on \"click\" (fn toggleWithFallback checked.toggle @onChange)}}\n      ...attributes\n    />\n  {{/let}}\n</template>;\n\n/**\n * @public\n */\nexport const Switch: TOC<Signature> = <template>\n  <div ...attributes data-prim-switch>\n    {{! @glint-nocheck }}\n    {{#let (uniqueId) as |id|}}\n      {{yield\n        (hash\n          Control=(component Checkbox checked=@checked id=id onChange=@onChange)\n          Label=(component Label for=id)\n        )\n      }}\n    {{/let}}\n  </div>\n</template>;\n\nexport default Switch;\n"],"names":["Checkbox","setComponentTemplate","precompileTemplate","strictMode","scope","cell","on","fn","toggleWithFallback","templateOnly","Switch","uniqueId","hash","Label"],"mappings":";;;;;;;;;;AAsEA,MAAMA,QAAc,GAAAC,oBAAA,CAAoBC,kBAAA,CAAA,mTAAA,EAaxC;EAAAC,UAAA,EAAA,IAAA;AAAAC,EAAAA,KAAA,EAAAA,OAAA;IAAAC,IAAA;IAAAC,EAAA;IAAAC,EAAA;AAAAC,IAAAA;AAAA,GAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA,CAAA;AAEV;;AAEC;MACYC,MAAY,GAAAT,oBAAA,CAAaC,kBAAA,CAAA,kQAAA,EAYtC;EAAAC,UAAA,EAAA,IAAA;AAAAC,EAAAA,KAAA,EAAAA,OAAA;IAAAO,QAAA;IAAAC,IAAA;IAAAZ,QAAA;AAAAa,IAAAA;AAAA,GAAA;AAAU,CAAA,CAAA,EAAAJ,YAAA,EAAA;;;;"}
+{"version":3,"file":"switch.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/components/tabs.js

@@ -0,0 +1,218 @@
+
+import Component from '@glimmer/component';
+import { tracked } from '@glimmer/tracking';
+import { isDestroyed, isDestroying } from '@ember/destroyable';
+import { fn } from '@ember/helper';
+import { on } from '@ember/modifier';
+import { next } from '@ember/runloop';
+import { getTabsterAttribute, MoverDirections } from 'tabster';
+import { uniqueId } from '../utils.js';
+import { Portal } from './portal.js';
+import { buildWaiter } from '@ember/test-waiters';
+import { precompileTemplate } from '@ember/template-compilation';
+import { setComponentTemplate } from '@ember/component';
+import templateOnly from '@ember/component/template-only';
+import { g, i } from 'decorator-transforms/runtime';
+
+/**
+ * References:
+ * - https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Reference/Roles/tablist_role
+ * - https://www.w3.org/WAI/ARIA/apg/patterns/tabs/
+ *
+ *
+ * Keyboard behaviors (optionally) provided by tabster
+ */
+const UNSET = Symbol.for("ember-primitives:tabs:unset");
+const TABSTER_CONFIG = getTabsterAttribute({
+  mover: {
+    direction: MoverDirections.Both,
+    cyclic: true,
+    memorizeCurrent: true
+  },
+  deloser: {}
+}, true);
+const TabLink = setComponentTemplate(precompileTemplate("\n  <a href=\"##missing##\" ...attributes role=\"tab\" aria-controls={{@panelId}} id={{@id}}>\n    {{yield}}\n  </a>\n", {
+  strictMode: true
+}), templateOnly());
+const TabButton = setComponentTemplate(precompileTemplate("\n  <button ...attributes role=\"tab\" type=\"button\" aria-controls={{@panelId}} aria-selected={{String (@state.isActive @id @value)}} id={{@id}} {{on \"click\" @handleClick}} {{!-- The Types for modifier are wrong --}} {{!-- @glint-expect-error--}} {{(if @state.isAutomatic (modifier on \"focus\" @handleClick))}}>\n    {{yield}}\n  </button>\n", {
+  strictMode: true,
+  scope: () => ({
+    String,
+    on
+  })
+}), templateOnly());
+const TabContent = setComponentTemplate(precompileTemplate("\n  <Portal @to=\"#{{@state.tabpanelId}}\" @append={{true}}>\n    {{#if (@state.isActive @tabId)}}\n      <div ...attributes role=\"tabpanel\" aria-labelledby={{@tabId}} id={{@id}}>\n        {{yield}}\n      </div>\n    {{/if}}\n  </Portal>\n", {
+  strictMode: true,
+  scope: () => ({
+    Portal
+  })
+}), templateOnly());
+function isString(x) {
+  return typeof x === "string";
+}
+function makeTab(tabButton, tabLink) {
+  // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment, @typescript-eslint/no-unsafe-member-access
+  tabButton.Link = tabLink;
+  return tabButton;
+}
+class TabContainer extends Component {
+  id = `ember-primitives__tab-${uniqueId()}`;
+  get tabId() {
+    return `${this.id}__tab`;
+  }
+  get panelId() {
+    return `${this.id}__panel`;
+  }
+  get label() {
+    return this.args.label ?? this.tabId;
+  }
+  static {
+    setComponentTemplate(precompileTemplate("\n    {{#if @label}}\n      <TabButton @state={{@state}} @id={{this.tabId}} @value={{@value}} @panelId={{this.panelId}} @handleClick={{fn @state.handleChange this.tabId @value}}>\n        {{#if (isString @label)}}\n          {{@label}}\n        {{else}}\n          <@label />\n        {{/if}}\n      </TabButton>\n\n      <TabContent @state={{@state}} @id={{this.panelId}} @tabId={{this.tabId}}>\n        {{#if @content}}\n          {{#if (isString @content)}}\n            {{@content}}\n          {{else}}\n            <@content />\n          {{/if}}\n        {{else}}\n          {{yield}}\n        {{/if}}\n      </TabContent>\n    {{else}}\n      {{yield (makeTab (component TabButton state=@state value=@value id=this.tabId panelId=this.panelId handleClick=(fn @state.handleChange this.tabId @value)) (component TabLink state=@state id=this.tabId panelId=this.panelId)) (component TabContent state=@state id=this.panelId tabId=this.tabId)}}\n    {{/if}}\n  ", {
+      strictMode: true,
+      scope: () => ({
+        TabButton,
+        fn,
+        isString,
+        TabContent,
+        makeTab,
+        TabLink
+      })
+    }), this);
+  }
+}
+const Label = setComponentTemplate(precompileTemplate("\n  <Portal @to=\"#{{@state.labelId}}\">\n    {{yield}}\n  </Portal>\n", {
+  strictMode: true,
+  scope: () => ({
+    Portal
+  })
+}), templateOnly());
+/**
+ * We're doing old skool hax with this, so we don't need to care about what the types think, really
+ */
+function makeAPI(tabContainer, labelComponent) {
+  // eslint-disable-next-line @typescript-eslint/no-unsafe-member-access, @typescript-eslint/no-unsafe-assignment
+  tabContainer.Label = labelComponent;
+  return tabContainer;
+}
+const stateWaiter = buildWaiter("ember-primitives:tabs");
+/**
+ * State bucket passed around to all the sub-components.
+ *
+ * Sort of a "Context", but with a bit of prop-drilling (which is more efficient than dom-context)
+ */
+class TabState {
+  static {
+    g(this.prototype, "_active", [tracked], function () {
+      return null;
+    });
+  }
+  #_active = (i(this, "_active"), void 0);
+  static {
+    g(this.prototype, "_label", [tracked]);
+  }
+  #_label = (i(this, "_label"), void 0);
+  #first = null;
+  id;
+  labelId;
+  tabpanelId;
+  #token;
+  constructor(args) {
+    this.args = args;
+    this.id = `ember-primitives-${uniqueId()}`;
+    this.labelId = `${this.id}__label`;
+    this.tabpanelId = `${this.id}__tabpanel`;
+  }
+  get activationMode() {
+    return this.args.activationMode ?? "automatic";
+  }
+  get isAutomatic() {
+    return this.activationMode === "automatic";
+  }
+  /**
+  * This function relies on the fact that during rendering,
+  * the first component to be rendered will be first,
+  * and it will be the one to set the secret first value,
+  * which means all other tabs will not be first.
+  *
+  */
+  isActive = (tabId, tabValue) => {
+    /**
+    * When users pass the @value to a tab, we use that for managing
+    * the "active state" instead of the DOM ID.
+    *
+    * NOTE: DOM IDs must be unique across the whole document, but @value
+    *     does not need to be unqiue.
+    *          `@value` *should* be unique for the Tabs component though
+    */
+    const isSelected = x => {
+      if (tabValue) return x === tabValue;
+      return x === tabId;
+    };
+    if (this.active === UNSET) {
+      if (this.#first) return isSelected(this.#first);
+      this.#first = tabValue ?? tabId;
+      this.#token = stateWaiter.beginAsync();
+      // eslint-disable-next-line ember/no-runloop
+      next(() => {
+        if (!this.#token) return;
+        stateWaiter.endAsync(this.#token);
+        if (this._active) return;
+        if (isDestroyed(this) || isDestroying(this)) return;
+        this._label = tabValue ?? tabId;
+      });
+      return true;
+    }
+    return isSelected(this.active);
+  };
+  get active() {
+    return this._active ?? this.args.activeTab ?? UNSET;
+  }
+  get activeLabel() {
+    /**
+    * This is only needed during the first set
+    * because we prioritize rendering first, and then updating metadata later
+    * (next render)
+    *
+    * NOTE: this does not mean that the a11y tree is updated later.
+    *       it is correct on initial render
+    */
+    if (this._label) {
+      return this._label;
+    }
+    if (this.active === UNSET) {
+      return "Pending";
+    }
+    return this.active;
+  }
+  handleChange = (tabId, tabValue) => {
+    const previous = this.active;
+    const next = tabValue ?? tabId;
+    // No change, no need to be noisy
+    if (next === previous) return;
+    this._active = this._label = next;
+    this.args.onChange?.(next, previous === UNSET ? null : previous);
+  };
+}
+class Tabs extends Component {
+  state;
+  // eslint-disable-next-line @typescript-eslint/no-empty-object-type
+  constructor(owner, args) {
+    super(owner, args);
+    this.state = new TabState(args);
+  }
+  static {
+    setComponentTemplate(precompileTemplate("\n    <div class=\"ember-primitives__tabs\" ...attributes data-active={{this.state.activeLabel}}>\n      {{!-- This element will be portaled in to and replaced if tabs.Label is invoked --}}\n      <div class=\"ember-primitives__tabs__label\" id={{this.state.labelId}}>\n        {{#if (isString @label)}}\n          {{@label}}\n        {{else}}\n          <@label />\n        {{/if}}\n      </div>\n      <div class=\"ember-primitives__tabs__tablist\" role=\"tablist\" aria-labelledby={{this.state.labelId}} data-tabster={{TABSTER_CONFIG}}>\n        {{yield (makeAPI (component TabContainer state=this.state) (component Label state=this.state))}}\n      </div>\n      {{!--\n        Tab's contents are portaled in to this element\n      --}}\n      <div class=\"ember-primitives__tabs__tabpanel\" id={{this.state.tabpanelId}}></div>\n    </div>\n  ", {
+      strictMode: true,
+      scope: () => ({
+        isString,
+        TABSTER_CONFIG,
+        makeAPI,
+        TabContainer,
+        Label
+      })
+    }), this);
+  }
+}
+
+export { Tabs };
+//# sourceMappingURL=tabs.js.map

package/dist/components/tabs.js.map

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

package/dist/components/toggle-group.js

@@ -1,3 +1,4 @@
+
 import Component from '@glimmer/component';
 import { cached } from '@glimmer/tracking';
 import { hash } from '@ember/helper';

package/dist/components/toggle-group.js.map

@@ -1 +1 @@
-{"version":3,"file":"toggle-group.js","sources":["../../src/components/toggle-group.gts"],"sourcesContent":["import Component from \"@glimmer/component\";\nimport { cached } from \"@glimmer/tracking\";\nimport { hash } from \"@ember/helper\";\n\nimport { getTabsterAttribute, MoverDirections } from \"tabster\";\nimport { TrackedSet } from \"tracked-built-ins\";\n// The consumer will need to provide types for tracked-toolbox.\n// Or.. better yet, we PR to trakcked-toolbox to provide them\n// eslint-disable-next-line @typescript-eslint/ban-ts-comment\n// @ts-ignore\nimport { localCopy } from \"tracked-toolbox\";\n\nimport { Toggle } from \"./toggle.gts\";\n\nimport type { ComponentLike } from \"@glint/template\";\n\nconst TABSTER_CONFIG = getTabsterAttribute(\n  {\n    mover: {\n      direction: MoverDirections.Both,\n      cyclic: true,\n    },\n  },\n  true,\n);\n\nexport interface ItemSignature<Value = any> {\n  /**\n   * The button element will have aria-pressed=\"true\" on it when the button is in the pressed state.\n   */\n  Element: HTMLButtonElement;\n  Args: {\n    /**\n     * When used in a group of Toggles, this option will be helpful to\n     * know which toggle was pressed if you're using the same @onChange\n     * handler for multiple toggles.\n     */\n    value?: Value;\n  };\n  Blocks: {\n    default: [\n      /**\n       * the current pressed state of the toggle button\n       *\n       * Useful when using the toggle button as an uncontrolled component\n       */\n      pressed: boolean,\n    ];\n  };\n}\n\nexport type Item<Value = any> = ComponentLike<ItemSignature<Value>>;\n\nexport interface SingleSignature<Value> {\n  Element: HTMLDivElement;\n  Args: {\n    /**\n     * Optionally set the initial toggle state\n     */\n    value?: Value;\n    /**\n     * Callback for when the toggle-group's state is changed.\n     *\n     * Can be used to control the state of the component.\n     *\n     *\n     * When none of the toggles are selected, undefined will be passed.\n     */\n    onChange?: (value: Value | undefined) => void;\n  };\n  Blocks: {\n    default: [\n      {\n        /**\n         * The Toggle Switch\n         */\n        Item: Item;\n      },\n    ];\n  };\n}\n\nexport interface MultiSignature<Value = any> {\n  Element: HTMLDivElement;\n  Args: {\n    /**\n     * Optionally set the initial toggle state\n     */\n    value?: Value[] | Set<Value> | Value;\n    /**\n     * Callback for when the toggle-group's state is changed.\n     *\n     * Can be used to control the state of the component.\n     *\n     *\n     * When none of the toggles are selected, undefined will be passed.\n     */\n    onChange?: (value: Set<Value>) => void;\n  };\n  Blocks: {\n    default: [\n      {\n        /**\n         * The Toggle Switch\n         */\n        Item: Item;\n      },\n    ];\n  };\n}\n\ninterface PrivateSingleSignature<Value = any> {\n  Element: HTMLDivElement;\n  Args: {\n    type?: \"single\";\n\n    /**\n     * Optionally set the initial toggle state\n     */\n    value?: Value;\n    /**\n     * Callback for when the toggle-group's state is changed.\n     *\n     * Can be used to control the state of the component.\n     *\n     *\n     * When none of the toggles are selected, undefined will be passed.\n     */\n    onChange?: (value: Value | undefined) => void;\n  };\n  Blocks: {\n    default: [\n      {\n        Item: Item;\n      },\n    ];\n  };\n}\n\ninterface PrivateMultiSignature<Value = any> {\n  Element: HTMLDivElement;\n  Args: {\n    type: \"multi\";\n    /**\n     * Optionally set the initial toggle state\n     */\n    value?: Value[] | Set<Value> | Value;\n    /**\n     * Callback for when the toggle-group's state is changed.\n     *\n     * Can be used to control the state of the component.\n     *\n     *\n     * When none of the toggles are selected, undefined will be passed.\n     */\n    onChange?: (value: Set<Value>) => void;\n  };\n  Blocks: {\n    default: [\n      {\n        Item: Item;\n      },\n    ];\n  };\n}\n\nfunction isMulti(x: \"single\" | \"multi\" | undefined): x is \"multi\" {\n  return x === \"multi\";\n}\n\nexport class ToggleGroup<Value = any> extends Component<\n  PrivateSingleSignature<Value> | PrivateMultiSignature<Value>\n> {\n  // See: https://github.com/typed-ember/glint/issues/715\n  <template>\n    {{#if (isMulti this.args.type)}}\n      <MultiToggleGroup\n        @value={{this.args.value}}\n        @onChange={{this.args.onChange}}\n        ...attributes\n        as |x|\n      >\n        {{yield x}}\n      </MultiToggleGroup>\n    {{else}}\n      <SingleToggleGroup\n        @value={{this.args.value}}\n        @onChange={{this.args.onChange}}\n        ...attributes\n        as |x|\n      >\n        {{yield x}}\n      </SingleToggleGroup>\n    {{/if}}\n  </template>\n}\n\nclass SingleToggleGroup<Value = any> extends Component<SingleSignature<Value>> {\n  // eslint-disable-next-line @typescript-eslint/no-unsafe-call\n  @localCopy(\"args.value\") activePressed?: Value;\n\n  handleToggle = (value: Value) => {\n    if (this.activePressed === value) {\n      this.activePressed = undefined;\n\n      return;\n    }\n\n    this.activePressed = value;\n\n    this.args.onChange?.(this.activePressed);\n  };\n\n  isPressed = (value: Value | undefined) => value === this.activePressed;\n\n  <template>\n    <div data-tabster={{TABSTER_CONFIG}} ...attributes>\n      {{yield (hash Item=(component Toggle onChange=this.handleToggle isPressed=this.isPressed))}}\n    </div>\n  </template>\n}\n\nclass MultiToggleGroup<Value = any> extends Component<MultiSignature<Value>> {\n  /**\n   * Normalizes @value to a Set\n   * and makes sure that even if the input Set is reactive,\n   * we don't mistakenly dirty it.\n   */\n  @cached\n  get activePressed(): TrackedSet<Value> {\n    const value = this.args.value;\n\n    if (!value) {\n      return new TrackedSet();\n    }\n\n    if (Array.isArray(value)) {\n      return new TrackedSet(value);\n    }\n\n    if (value instanceof Set) {\n      return new TrackedSet(value);\n    }\n\n    return new TrackedSet([value]);\n  }\n\n  handleToggle = (value: Value) => {\n    if (this.activePressed.has(value)) {\n      this.activePressed.delete(value);\n    } else {\n      this.activePressed.add(value);\n    }\n\n    this.args.onChange?.(new Set<Value>(this.activePressed.values()));\n  };\n\n  isPressed = (value: Value) => this.activePressed.has(value);\n\n  <template>\n    <div data-tabster={{TABSTER_CONFIG}} ...attributes>\n      {{yield (hash Item=(component Toggle onChange=this.handleToggle isPressed=this.isPressed))}}\n    </div>\n  </template>\n}\n"],"names":["TABSTER_CONFIG","getTabsterAttribute","mover","direction","MoverDirections","Both","cyclic","isMulti","x","ToggleGroup","Component","setComponentTemplate","precompileTemplate","strictMode","scope","MultiToggleGroup","SingleToggleGroup","g","prototype","localCopy","i","void 0","handleToggle","value","activePressed","undefined","args","onChange","isPressed","hash","Toggle","TrackedSet","Array","isArray","Set","n","cached","has","delete","add","values"],"mappings":"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"}
+{"version":3,"file":"toggle-group.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/components/toggle.js

@@ -1,3 +1,4 @@
+
 import { fn } from '@ember/helper';
 import { on } from '@ember/modifier';
 import { cell } from 'ember-resources';

package/dist/components/toggle.js.map

@@ -1 +1 @@
-{"version":3,"file":"toggle.js","sources":["../../src/components/toggle.gts"],"sourcesContent":["// import Component from '@glimmer/component';\nimport { fn } from \"@ember/helper\";\nimport { on } from \"@ember/modifier\";\n\nimport { cell } from \"ember-resources\";\n\nimport { toggleWithFallback } from \"./-private/utils.ts\";\n\nimport type { TOC } from \"@ember/component/template-only\";\n\nexport interface Signature<Value = any> {\n  Element: HTMLButtonElement;\n  Args: {\n    /**\n     * The pressed-state of the toggle.\n     *\n     * Can be used to control the state of the component.\n     */\n    pressed?: boolean;\n    /**\n     * Callback for when the toggle's state is changed.\n     *\n     * Can be used to control the state of the component.\n     *\n     * if a `@value` is passed to this `<Toggle>`, that @value will\n     * be passed to the `@onChange` handler.\n     *\n     * This can be useful when using the same function for the `@onChange`\n     * handler with multiple `<Toggle>` components.\n     */\n    onChange?: (value: Value | undefined, pressed: boolean) => void;\n\n    /**\n     * When used in a group of Toggles, this option will be helpful to\n     * know which toggle was pressed if you're using the same @onChange\n     * handler for multiple toggles.\n     */\n    value?: Value;\n\n    /**\n     * When controlling state in a wrapping component, this function can be used in conjunction with `@value` to determine if this `<Toggle>` should appear pressed.\n     */\n    isPressed?: (value?: Value) => boolean;\n  };\n  Blocks: {\n    default: [\n      /**\n       * the current pressed state of the toggle button\n       *\n       * Useful when using the toggle button as an uncontrolled component\n       */\n      pressed: boolean,\n    ];\n  };\n}\n\nfunction isPressed(\n  pressed?: boolean,\n  value?: unknown,\n  isPressed?: (value?: unknown) => boolean,\n): boolean {\n  if (!value) return Boolean(pressed);\n  if (!isPressed) return Boolean(pressed);\n\n  return isPressed(value);\n}\n\nexport const Toggle: TOC<Signature> = <template>\n  {{#let (cell (isPressed @pressed @value @isPressed)) as |pressed|}}\n    <button\n      type=\"button\"\n      aria-pressed=\"{{pressed.current}}\"\n      {{on \"click\" (fn toggleWithFallback pressed.toggle @onChange @value)}}\n      ...attributes\n    >\n      {{yield pressed.current}}\n    </button>\n  {{/let}}\n</template>;\n\nexport default Toggle;\n"],"names":["isPressed","pressed","value","Boolean","Toggle","setComponentTemplate","precompileTemplate","strictMode","scope","cell","on","fn","toggleWithFallback","templateOnly"],"mappings":";;;;;;;;AAAA;;AAwDA,SAASA,SAAAA,CACPC,OAAiB,EACjBC,KAAe,EACfF,SAAwC,EAChC;AACR,EAAA,IAAI,CAACE,KAAA,EAAO,OAAOC,OAAA,CAAQF,OAAA,CAAA;AAC3B,EAAA,IAAI,CAACD,SAAA,EAAW,OAAOG,OAAA,CAAQF,OAAA,CAAA;EAE/B,OAAOD,SAAA,CAAUE,KAAA,CAAA;AACnB;MAEaE,MAAY,GAAAC,oBAAA,CAAaC,kBAAA,CAAA,iSAAA,EAWtC;EAAAC,UAAA,EAAA,IAAA;AAAAC,EAAAA,KAAA,EAAAA,OAAA;IAAAC,IAAA;IAAAT,SAAA;IAAAU,EAAA;IAAAC,EAAA;AAAAC,IAAAA;AAAA,GAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA;;;;"}
+{"version":3,"file":"toggle.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/components/violations.css.js

@@ -0,0 +1,3 @@
+import "./violations.css"
+;
+//# sourceMappingURL=violations.css.js.map

package/dist/components/violations.css.js.map

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

package/dist/components/visually-hidden.js

@@ -1,4 +1,5 @@
-import './visually-hidden.css';
+
+import '../visually-hidden-CGP1FSjt.js';
 import { precompileTemplate } from '@ember/template-compilation';
 import { setComponentTemplate } from '@ember/component';
 import templateOnly from '@ember/component/template-only';

package/dist/components/visually-hidden.js.map

@@ -1 +1 @@
-{"version":3,"file":"visually-hidden.js","sources":["../../src/components/visually-hidden.gts"],"sourcesContent":["import \"./visually-hidden.css\";\n\nimport type { TOC } from \"@ember/component/template-only\";\n\nexport const VisuallyHidden: TOC<{\n  Element: HTMLSpanElement;\n  Blocks: {\n    /**\n     * Content to hide visually\n     */\n    default: [];\n  };\n}> = <template>\n  <span class=\"ember-primitives__visually-hidden\" ...attributes>{{yield}}</span>\n</template>;\n"],"names":["VisuallyHidden","setComponentTemplate","precompileTemplate","strictMode","templateOnly"],"mappings":";;;;;MAIaA,cAQR,GAAAC,oBAAA,CAAAC,kBAAA,CAAA,wFAAA,EAEL;EAAAC,UAAA,EAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA;;;;"}
+{"version":3,"file":"visually-hidden.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/components/zoetrope/index.js

@@ -1,4 +1,4 @@
-import './styles.css';
+import "./styles.css"
 import Component from '@glimmer/component';
 import { tracked } from '@glimmer/tracking';
 import { hash } from '@ember/helper';
@@ -10,6 +10,8 @@ import { precompileTemplate } from '@ember/template-compilation';
 import { setComponentTemplate } from '@ember/component';
 import { g, i } from 'decorator-transforms/runtime';
 
+;
+
 const testWaiter = buildWaiter("ember-primitive:zoetrope-waiter");
 const DEFAULT_GAP = 8;
 const DEFAULT_OFFSET = 0;

package/dist/components/zoetrope/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../src/components/zoetrope/index.gts"],"sourcesContent":["import \"./styles.css\";\n\nimport Component from \"@glimmer/component\";\nimport { tracked } from \"@glimmer/tracking\";\nimport { hash } from \"@ember/helper\";\nimport { on } from \"@ember/modifier\";\nimport { buildWaiter, waitForPromise } from \"@ember/test-waiters\";\nimport { isTesting, macroCondition } from \"@embroider/macros\";\n\nimport { modifier } from \"ember-modifier\";\n\nimport type { ScrollBehavior, Signature } from \"./types.ts\";\n\nconst testWaiter = buildWaiter(\"ember-primitive:zoetrope-waiter\");\nconst DEFAULT_GAP = 8;\nconst DEFAULT_OFFSET = 0;\n\nexport class Zoetrope extends Component<Signature> {\n  @tracked scrollerElement: HTMLElement | null = null;\n  @tracked currentlyScrolled = 0;\n  @tracked scrollWidth = 0;\n  @tracked offsetWidth = 0;\n\n  private setCSSVariables = modifier(\n    (element: HTMLElement, _: unknown, { gap, offset }: { gap: number; offset: number }) => {\n      if (gap) element.style.setProperty(\"--zoetrope-gap\", `${gap}px`);\n      if (offset) element.style.setProperty(\"--zoetrope-offset\", `${offset}px`);\n    },\n  );\n\n  scrollerWaiter = testWaiter.beginAsync();\n  noScrollWaiter = () => {\n    testWaiter.endAsync(this.scrollerWaiter);\n  };\n\n  private configureScroller = modifier((element: HTMLElement) => {\n    this.scrollerElement = element;\n    this.currentlyScrolled = element.scrollLeft;\n\n    const zoetropeResizeObserver = new ResizeObserver(() => {\n      this.scrollWidth = element.scrollWidth;\n      this.offsetWidth = element.offsetWidth;\n    });\n\n    zoetropeResizeObserver.observe(element);\n\n    element.addEventListener(\"scroll\", this.scrollListener, { passive: true });\n    element.addEventListener(\"keydown\", this.tabListener);\n\n    requestAnimationFrame(() => {\n      testWaiter.endAsync(this.scrollerWaiter);\n    });\n\n    return () => {\n      element.removeEventListener(\"scroll\", this.scrollListener);\n      element.removeEventListener(\"keydown\", this.tabListener);\n\n      zoetropeResizeObserver.unobserve(element);\n    };\n  });\n\n  private tabListener = (event: KeyboardEvent) => {\n    const target = event.target as HTMLElement;\n    const { key, shiftKey } = event;\n\n    if (!this.scrollerElement || this.scrollerElement === target) {\n      return;\n    }\n\n    if (key !== \"Tab\") {\n      return;\n    }\n\n    const nextElement = target.nextElementSibling;\n    const previousElement = target.previousElementSibling;\n\n    if ((!shiftKey && !nextElement) || (shiftKey && !previousElement)) {\n      return;\n    }\n\n    event.preventDefault();\n\n    let newTarget: HTMLElement | null = null;\n\n    if (shiftKey) {\n      newTarget = previousElement as HTMLElement;\n    } else {\n      newTarget = nextElement as HTMLElement;\n    }\n\n    if (!newTarget) {\n      return;\n    }\n\n    newTarget?.focus({ preventScroll: true });\n\n    const rect = getRelativeBoundingClientRect(newTarget, this.scrollerElement);\n\n    this.scrollerElement?.scrollBy({\n      left: rect.left,\n      behavior: this.scrollBehavior,\n    });\n  };\n\n  private scrollListener = () => {\n    this.currentlyScrolled = this.scrollerElement?.scrollLeft || 0;\n  };\n\n  get offset() {\n    return this.args.offset ?? DEFAULT_OFFSET;\n  }\n\n  get gap() {\n    return this.args.gap ?? DEFAULT_GAP;\n  }\n\n  get canScroll() {\n    return this.scrollWidth > this.offsetWidth + this.offset;\n  }\n\n  get cannotScrollLeft() {\n    return this.currentlyScrolled <= this.offset;\n  }\n\n  get cannotScrollRight() {\n    return this.scrollWidth - this.offsetWidth - this.offset < this.currentlyScrolled;\n  }\n\n  get scrollBehavior(): ScrollBehavior {\n    if (macroCondition(isTesting())) {\n      return \"instant\";\n    }\n\n    return this.args.scrollBehavior || \"smooth\";\n  }\n\n  scrollLeft = () => {\n    if (!(this.scrollerElement instanceof HTMLElement)) {\n      return;\n    }\n\n    const { firstChild } = this.findOverflowingElement();\n\n    if (!firstChild) {\n      return;\n    }\n\n    const children = [...this.scrollerElement.children];\n\n    const firstChildIndex = children.indexOf(firstChild);\n\n    let targetElement = firstChild;\n    let accumalatedWidth = 0;\n\n    for (let i = firstChildIndex; i >= 0; i--) {\n      const child = children[i];\n\n      if (!(child instanceof HTMLElement)) {\n        continue;\n      }\n\n      accumalatedWidth += child.offsetWidth + this.gap;\n\n      if (accumalatedWidth >= this.offsetWidth) {\n        break;\n      }\n\n      targetElement = child;\n    }\n\n    const rect = getRelativeBoundingClientRect(targetElement, this.scrollerElement);\n\n    this.scrollerElement.scrollBy({\n      left: rect.left,\n      behavior: this.scrollBehavior,\n    });\n\n    void waitForPromise(new Promise(requestAnimationFrame));\n  };\n\n  scrollRight = () => {\n    if (!(this.scrollerElement instanceof HTMLElement)) {\n      return;\n    }\n\n    const { activeSlide, lastChild } = this.findOverflowingElement();\n\n    if (!lastChild) {\n      return;\n    }\n\n    let rect = getRelativeBoundingClientRect(lastChild, this.scrollerElement);\n\n    // If the card is larger than the container then skip to the next card\n    if (rect.width > this.offsetWidth && activeSlide === lastChild) {\n      const children = [...this.scrollerElement.children];\n      const lastChildIndex = children.indexOf(lastChild);\n      const targetElement = children[lastChildIndex + 1];\n\n      if (!targetElement) {\n        return;\n      }\n\n      rect = getRelativeBoundingClientRect(targetElement, this.scrollerElement);\n    }\n\n    this.scrollerElement?.scrollBy({\n      left: rect.left,\n      behavior: this.scrollBehavior,\n    });\n\n    void waitForPromise(new Promise(requestAnimationFrame));\n  };\n\n  private findOverflowingElement() {\n    const returnObj: {\n      activeSlide?: Element;\n      firstChild?: Element;\n      lastChild?: Element;\n    } = {\n      firstChild: undefined,\n      lastChild: undefined,\n      activeSlide: undefined,\n    };\n\n    if (!this.scrollerElement) {\n      return returnObj;\n    }\n\n    const parentElement = this.scrollerElement.parentElement;\n\n    if (!parentElement) {\n      return returnObj;\n    }\n\n    const containerRect = getRelativeBoundingClientRect(this.scrollerElement, parentElement);\n\n    const children = [...this.scrollerElement.children];\n\n    // Find the first child that is overflowing the left edge of the container\n    // and the last child that is overflowing the right edge of the container\n    for (const child of children) {\n      const rect = getRelativeBoundingClientRect(child, this.scrollerElement);\n\n      if (rect.right + this.gap >= containerRect.left && !returnObj.firstChild) {\n        returnObj.firstChild = child;\n      }\n\n      if (rect.left >= this.offset && !returnObj.activeSlide) {\n        returnObj.activeSlide = child;\n      }\n\n      if (rect.right >= containerRect.width && !returnObj.lastChild) {\n        returnObj.lastChild = child;\n\n        break;\n      }\n    }\n\n    if (!returnObj.firstChild) {\n      returnObj.firstChild = children[0];\n    }\n\n    if (!returnObj.lastChild) {\n      returnObj.lastChild = children[children.length - 1];\n    }\n\n    return returnObj;\n  }\n\n  <template>\n    <section\n      class=\"ember-primitives__zoetrope\"\n      {{this.setCSSVariables gap=this.gap offset=this.offset}}\n      ...attributes\n    >\n      {{#if (has-block \"header\")}}\n        <div class=\"ember-primitives__zoetrope__header\">\n          {{yield to=\"header\"}}\n        </div>\n      {{/if}}\n\n      {{#if (has-block \"controls\")}}\n        {{yield\n          (hash\n            cannotScrollLeft=this.cannotScrollLeft\n            cannotScrollRight=this.cannotScrollRight\n            canScroll=this.canScroll\n            scrollLeft=this.scrollLeft\n            scrollRight=this.scrollRight\n          )\n          to=\"controls\"\n        }}\n      {{else}}\n        {{#if this.canScroll}}\n          <div class=\"ember-primitives__zoetrope__controls\">\n            <button\n              type=\"button\"\n              {{on \"click\" this.scrollLeft}}\n              disabled={{this.cannotScrollLeft}}\n            >Left</button>\n\n            <button\n              type=\"button\"\n              {{on \"click\" this.scrollRight}}\n              disabled={{this.cannotScrollRight}}\n            >Right</button>\n          </div>\n        {{/if}}\n      {{/if}}\n      {{#if (has-block \"content\")}}\n        <div class=\"ember-primitives__zoetrope__scroller\" {{this.configureScroller}}>\n          {{yield to=\"content\"}}\n        </div>\n      {{else}}\n        {{(this.noScrollWaiter)}}\n      {{/if}}\n    </section>\n  </template>\n}\n\nexport default Zoetrope;\n\nfunction getRelativeBoundingClientRect(childElement: Element, parentElement: Element) {\n  if (!childElement || !parentElement) {\n    throw new Error(\"Both childElement and parentElement must be provided\");\n  }\n\n  // Get the bounding rect of the child and parent elements\n  const childRect = childElement.getBoundingClientRect();\n  const parentRect = parentElement.getBoundingClientRect();\n\n  // Get computed styles of the parent element\n  const parentStyles = window.getComputedStyle(parentElement);\n\n  // Extract and parse parent's padding, and border, for all sides\n  const parentPaddingTop = parseFloat(parentStyles.paddingTop);\n  const parentPaddingLeft = parseFloat(parentStyles.paddingLeft);\n\n  const parentBorderTopWidth = parseFloat(parentStyles.borderTopWidth);\n  const parentBorderLeftWidth = parseFloat(parentStyles.borderLeftWidth);\n\n  // Calculate child's position relative to parent's content area (including padding and borders)\n  return {\n    width: childRect.width,\n    height: childRect.height,\n    top: childRect.top - parentRect.top - parentBorderTopWidth - parentPaddingTop,\n    left: childRect.left - parentRect.left - parentBorderLeftWidth - parentPaddingLeft,\n    bottom:\n      childRect.top - parentRect.top - parentBorderTopWidth - parentPaddingTop + childRect.height,\n    right:\n      childRect.left -\n      parentRect.left -\n      parentBorderLeftWidth -\n      parentPaddingLeft +\n      childRect.width,\n  };\n}\n"],"names":["testWaiter","buildWaiter","DEFAULT_GAP","DEFAULT_OFFSET","Zoetrope","Component","g","prototype","tracked","i","void 0","setCSSVariables","modifier","element","_","gap","offset","style","setProperty","scrollerWaiter","beginAsync","noScrollWaiter","endAsync","configureScroller","scrollerElement","currentlyScrolled","scrollLeft","zoetropeResizeObserver","ResizeObserver","scrollWidth","offsetWidth","observe","addEventListener","scrollListener","passive","tabListener","requestAnimationFrame","removeEventListener","unobserve","event","target","key","shiftKey","nextElement","nextElementSibling","previousElement","previousElementSibling","preventDefault","newTarget","focus","preventScroll","rect","getRelativeBoundingClientRect","scrollBy","left","behavior","scrollBehavior","args","canScroll","cannotScrollLeft","cannotScrollRight","macroCondition","isTesting","HTMLElement","firstChild","findOverflowingElement","children","firstChildIndex","indexOf","targetElement","accumalatedWidth","child","waitForPromise","Promise","scrollRight","activeSlide","lastChild","width","lastChildIndex","returnObj","undefined","parentElement","containerRect","right","length","setComponentTemplate","precompileTemplate","strictMode","scope","hash","on","childElement","Error","childRect","getBoundingClientRect","parentRect","parentStyles","window","getComputedStyle","parentPaddingTop","parseFloat","paddingTop","parentPaddingLeft","paddingLeft","parentBorderTopWidth","borderTopWidth","parentBorderLeftWidth","borderLeftWidth","height","top","bottom"],"mappings":"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"}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/components/zoetrope.js

@@ -1,2 +1,3 @@
+
 export { Zoetrope, Zoetrope as default } from './zoetrope/index.js';
 //# sourceMappingURL=zoetrope.js.map

package/dist/dom-context.js

@@ -1,7 +1,8 @@
+
 import Component from '@glimmer/component';
 import { tracked, cached } from '@glimmer/tracking';
 import { assert } from '@ember/debug';
-import { createStore } from 'ember-primitives/store';
+import { createStore } from './store.js';
 import { precompileTemplate } from '@ember/template-compilation';
 import { setComponentTemplate } from '@ember/component';
 import { g, i, n } from 'decorator-transforms/runtime';