ember-primitives 0.36.0 → 0.37.0

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;EAEA,IAAIA,YAAYC,GAAA,EAAK;AACnB,IAAA,OAAOA,GAAA;AACT;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;EAEA,IAAIT,KAAAA,GAAQ;IACV,OAAOO,QAAA,CAAS,IAAI,CAACc,IAAI,CAACrB,KAAK,EAAE,IAAI,CAACS,GAAG,CAAA;AAC3C;EAEA,IAAIa,UAAAA,GAAa;IACf,OAAOZ,cAAc,IAAI,CAACV,KAAK,EAAE,IAAI,CAACS,GAAG,CAAA;AAC3C;EAEA,IAAIc,OAAAA,GAAU;AACZ,IAAA,OAAO,IAAI,CAACvB,KAAK,GAAG,IAAI,CAACS,GAAG;AAC9B;EAEA,IAAIe,OAAAA,GAAU;AACZ,IAAA,OAAOb,IAAA,CAAKC,KAAK,CAAC,IAAI,CAACW,OAAO,GAAG,MAAM,GAAA,CAAA,GAAO,GAAA;AAChD;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":["../../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;;;;"}

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;EAEA,IAAIE,aAAAA,GAAgB;AAClB,IAAA,OAAO,IAAI,CAACD,IAAI,CAACE,WAAW,IAAI,IAAA;AAClC;EAEA,IAAIC,YAAAA,GAAe;IACjB,MAAMC,WAAW,IAAI,CAACJ,IAAI,CAACI,QAAQ,IAAI,KAAA;AAEvC,IAAA,OAAO,CAACA,QAAA,IAAY,IAAI,CAACH,aAAa;AACxC;EAEA,IAAII,UAAAA,GAAa;IACf,OAAO,CAAC,IAAI,CAACF,YAAY;AAC3B;EAEA,IAAIG,gBAAAA,GAAmB;IACrB,OAAO,CAAC,IAAI,CAACL,aAAa;AAC5B;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":["../../../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;;;;"}

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;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;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;AAEA,IAAA,IAAId,KAAA,KAAU,IAAI,CAACC,MAAM,EAAE;MACzB,IAAI,CAACA,MAAM,GAAG,CAAA;AAChB,KAAA,MAAO;MACL,IAAI,CAACA,MAAM,GAAGD,KAAA;AAChB;AAEA,IAAA,IAAI,CAACM,IAAI,CAACS,QAAQ,GAAGf,KAAA,CAAA;GACvB;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;AAEA,IAAA,IAAI,CAACL,SAAS,CAACK,GAAA,CAAA;GACjB;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;GACrB;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;GACvC;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":["../../../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;;;;"}

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,GAAA,CAAA;AAEA,EAAA,MAAM;EAENE,cAAA,GAAiBA,MAAA;AACf,IAAA,IAAI,IAAI,CAAC,MAAM,EAAE;AACfC,MAAAA,oBAAA,CAAqB,IAAI,CAAC,MAAM,CAAA;AAClC;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,KAAA,CAAA;GACF;EAEAC,WAAA,GAAcA,MAAA;AACZ,IAAA,IAAI,IAAI,CAAC,MAAM,EAAE;AACfR,MAAAA,oBAAA,CAAqB,IAAI,CAAC,MAAM,CAAA;AAClC;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,KAAA,CAAA;GACF;EAEAE,YAAA,GAAeA,MAAA;AACb,IAAA,IAAI,IAAI,CAAC,MAAM,EAAE;AACfT,MAAAA,oBAAA,CAAqB,IAAI,CAAC,MAAM,CAAA;AAClC;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,KAAA,CAAA;GACF;EAEAI,aAAA,GAAgBA,MAAA;AACd,IAAA,IAAI,IAAI,CAAC,MAAM,EAAE;AACfX,MAAAA,oBAAA,CAAqB,IAAI,CAAC,MAAM,CAAA;AAClC;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,KAAA,CAAA;GACF;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":["../../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;;;;"}

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;KACvB;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;KACb;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":["../../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;;;;"}

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":["../../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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"}

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":["../../../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":";;;;;;;;;;;;AAaA,MAAMA,aAAaC,WAAA,CAAY,iCAAA,CAAA;AAC/B,MAAMC,WAAA,GAAc,CAAA;AACpB,MAAMC,cAAA,GAAiB,CAAA;AAEhB,MAAMC,iBAAiBC,SAAA,CAAU;AAAA,EAAA;IAAAC,CAAA,CAAA,IAAA,CAAAC,SAAA,EAAA,iBAAA,EAAA,CACrCC,OAAA,CAAA,EAAA,YAAA;AAAA,MAAA,OAA8C,IAAA;AAAA,IAAA,CAAA,CAAA;AAAA;AAAA,EAAA,gBAAA,IAAAC,CAAA,CAAA,IAAA,EAAA,iBAAA,CAAA,EAAAC,MAAA;AAAA,EAAA;IAAAJ,CAAA,CAAA,IAAA,CAAAC,SAAA,EAAA,mBAAA,EAAA,CAC9CC,OAAA,CAAA,EAAA,YAAA;AAAA,MAAA,OAA4B,CAAA;AAAA,IAAA,CAAA,CAAA;AAAA;AAAA,EAAA,kBAAA,IAAAC,CAAA,CAAA,IAAA,EAAA,mBAAA,CAAA,EAAAC,MAAA;AAAA,EAAA;IAAAJ,CAAA,CAAA,IAAA,CAAAC,SAAA,EAAA,aAAA,EAAA,CAC5BC,OAAA,CAAA,EAAA,YAAA;AAAA,MAAA,OAAsB,CAAA;AAAA,IAAA,CAAA,CAAA;AAAA;AAAA,EAAA,YAAA,IAAAC,CAAA,CAAA,IAAA,EAAA,aAAA,CAAA,EAAAC,MAAA;AAAA,EAAA;IAAAJ,CAAA,CAAA,IAAA,CAAAC,SAAA,EAAA,aAAA,EAAA,CACtBC,OAAA,CAAA,EAAA,YAAA;AAAA,MAAA,OAAsB,CAAA;AAAA,IAAA,CAAA,CAAA;AAAA;AAAA,EAAA,YAAA,IAAAC,CAAA,CAAA,IAAA,EAAA,aAAA,CAAA,EAAAC,MAAA;AAEfC,EAAAA,eAAA,GAAkBC,QAAA,CACxB,CAACC,OAAS,EAAaC,CAAU,EAAE;IAAEC,GAAG;AAAEC,IAAAA;AAAyC,GAAA,KAAA;AACjF,IAAA,IAAID,GAAA,EAAKF,OAAA,CAAQI,KAAK,CAACC,WAAW,CAAC,gBAAA,EAAkB,CAAA,EAAGH,GAAA,IAAO,CAAA;AAC/D,IAAA,IAAIC,MAAA,EAAQH,OAAA,CAAQI,KAAK,CAACC,WAAW,CAAC,mBAAA,EAAqB,CAAA,EAAGF,MAAA,IAAU,CAAA;AAC1E,EAAA,CAAA,CAAA;AAGFG,EAAAA,cAAA,GAAiBnB,UAAA,CAAWoB,UAAU,EAAA;EACtCC,cAAA,GAAiBA,MAAA;AACfrB,IAAAA,UAAA,CAAWsB,QAAQ,CAAC,IAAI,CAACH,cAAc,CAAA;EACzC,CAAA;AAEQI,EAAAA,iBAAA,GAAoBX,QAAA,CAAUC,OAAS,IAAA;IAC7C,IAAI,CAACW,eAAe,GAAGX,OAAA;AACvB,IAAA,IAAI,CAACY,iBAAiB,GAAGZ,OAAA,CAAQa,UAAU;AAE3C,IAAA,MAAMC,sBAAA,GAAyB,IAAIC,cAAA,CAAe,MAAA;AAChD,MAAA,IAAI,CAACC,WAAW,GAAGhB,OAAA,CAAQgB,WAAW;AACtC,MAAA,IAAI,CAACC,WAAW,GAAGjB,OAAA,CAAQiB,WAAW;AACxC,IAAA,CAAA,CAAA;AAEAH,IAAAA,sBAAA,CAAuBI,OAAO,CAAClB,OAAA,CAAA;IAE/BA,OAAA,CAAQmB,gBAAgB,CAAC,QAAA,EAAU,IAAI,CAACC,cAAc,EAAE;AAAEC,MAAAA,OAAA,EAAS;AAAK,KAAA,CAAA;IACxErB,OAAA,CAAQmB,gBAAgB,CAAC,SAAA,EAAW,IAAI,CAACG,WAAW,CAAA;AAEpDC,IAAAA,qBAAA,CAAsB,MAAA;AACpBpC,MAAAA,UAAA,CAAWsB,QAAQ,CAAC,IAAI,CAACH,cAAc,CAAA;AACzC,IAAA,CAAA,CAAA;AAEA,IAAA,OAAO,MAAA;MACLN,OAAA,CAAQwB,mBAAmB,CAAC,QAAA,EAAU,IAAI,CAACJ,cAAc,CAAA;MACzDpB,OAAA,CAAQwB,mBAAmB,CAAC,SAAA,EAAW,IAAI,CAACF,WAAW,CAAA;AAEvDR,MAAAA,sBAAA,CAAuBW,SAAS,CAACzB,OAAA,CAAA;IACnC,CAAA;AACF,EAAA,CAAA,CAAA;EAEQsB,WAAA,GAAeI,KAAO,IAAA;AAC5B,IAAA,MAAMC,MAAA,GAASD,KAAA,CAAMC,MAAU;IAC/B,MAAM;MAAEC,GAAG;AAAEC,MAAAA;KAAU,GAAGH,KAAA;IAE1B,IAAI,CAAC,IAAI,CAACf,eAAe,IAAI,IAAI,CAACA,eAAe,KAAKgB,MAAA,EAAQ;AAC5D,MAAA;AACF,IAAA;IAEA,IAAIC,QAAQ,KAAA,EAAO;AACjB,MAAA;AACF,IAAA;AAEA,IAAA,MAAME,WAAA,GAAcH,OAAOI,kBAAkB;AAC7C,IAAA,MAAMC,eAAA,GAAkBL,OAAOM,sBAAsB;IAErD,IAAK,CAACJ,QAAA,IAAY,CAACC,WAAW,IAAMD,QAAA,IAAY,CAACG,eAAe,EAAG;AACjE,MAAA;AACF,IAAA;IAEAN,KAAA,CAAMQ,cAAc,EAAA;IAEpB,IAAIC,SAA6B,GAAG,IAAA;AAEpC,IAAA,IAAIN,QAAA,EAAU;AACZM,MAAAA,SAAA,GAAYH,eAAmB;AACjC,IAAA,CAAA,MAAO;AACLG,MAAAA,SAAA,GAAYL,WAAe;AAC7B,IAAA;IAEA,IAAI,CAACK,SAAA,EAAW;AACd,MAAA;AACF,IAAA;IAEAA,SAAA,EAAWC,KAAA,CAAM;AAAEC,MAAAA,aAAA,EAAe;AAAK,KAAA,CAAA;IAEvC,MAAMC,IAAA,GAAOC,6BAAA,CAA8BJ,SAAA,EAAW,IAAI,CAACxB,eAAe,CAAA;AAE1E,IAAA,IAAI,CAACA,eAAe,EAAE6B,QAAA,CAAS;MAC7BC,IAAA,EAAMH,KAAKG,IAAI;MACfC,QAAA,EAAU,IAAI,CAACC;AACjB,KAAA,CAAA;EACF,CAAA;EAEQvB,cAAA,GAAiBA,MAAA;IACvB,IAAI,CAACR,iBAAiB,GAAG,IAAI,CAACD,eAAe,EAAEE,UAAA,IAAc,CAAA;EAC/D,CAAA;EAEA,IAAIV,MAAAA,GAAS;AACX,IAAA,OAAO,IAAI,CAACyC,IAAI,CAACzC,MAAM,IAAIb,cAAA;AAC7B,EAAA;EAEA,IAAIY,GAAAA,GAAM;AACR,IAAA,OAAO,IAAI,CAAC0C,IAAI,CAAC1C,GAAG,IAAIb,WAAA;AAC1B,EAAA;EAEA,IAAIwD,SAAAA,GAAY;IACd,OAAO,IAAI,CAAC7B,WAAW,GAAG,IAAI,CAACC,WAAW,GAAG,IAAI,CAACd,MAAM;AAC1D,EAAA;EAEA,IAAI2C,gBAAAA,GAAmB;AACrB,IAAA,OAAO,IAAI,CAAClC,iBAAiB,IAAI,IAAI,CAACT,MAAM;AAC9C,EAAA;EAEA,IAAI4C,iBAAAA,GAAoB;AACtB,IAAA,OAAO,IAAI,CAAC/B,WAAW,GAAG,IAAI,CAACC,WAAW,GAAG,IAAI,CAACd,MAAM,GAAG,IAAI,CAACS,iBAAiB;AACnF,EAAA;EAEA,IAAI+B,iBAAiC;AACnC,IAAA,IAAIK,eAAeC,SAAA,EAAA,CAAA,EAAc;AAC/B,MAAA,OAAO,SAAA;AACT,IAAA;AAEA,IAAA,OAAO,IAAI,CAACL,IAAI,CAACD,cAAc,IAAI,QAAA;AACrC,EAAA;EAEA9B,UAAA,GAAaA,MAAA;AACX,IAAA,IAAI,EAAE,IAAI,CAACF,eAAe,YAAYuC,WAAW,CAAA,EAAG;AAClD,MAAA;AACF,IAAA;IAEA,MAAM;AAAEC,MAAAA;AAAU,KAAE,GAAG,IAAI,CAACC,sBAAsB,EAAA;IAElD,IAAI,CAACD,UAAA,EAAY;AACf,MAAA;AACF,IAAA;IAEA,MAAME,QAAA,GAAW,IAAI,IAAI,CAAC1C,eAAe,CAAC0C,QAAQ,CAAC;AAEnD,IAAA,MAAMC,eAAA,GAAkBD,QAAA,CAASE,OAAO,CAACJ,UAAA,CAAA;IAEzC,IAAIK,aAAA,GAAgBL,UAAA;IACpB,IAAIM,gBAAA,GAAmB,CAAA;IAEvB,KAAK,IAAI7D,CAAA,GAAI0D,eAAA,EAAiB1D,CAAA,IAAK,GAAGA,CAAA,EAAA,EAAK;AACzC,MAAA,MAAM8D,KAAA,GAAQL,QAAQ,CAACzD,CAAA,CAAE;AAEzB,MAAA,IAAI,EAAE8D,KAAA,YAAiBR,WAAW,CAAA,EAAG;AACnC,QAAA;AACF,MAAA;AAEAO,MAAAA,gBAAA,IAAoBC,KAAA,CAAMzC,WAAW,GAAG,IAAI,CAACf,GAAG;AAEhD,MAAA,IAAIuD,gBAAA,IAAoB,IAAI,CAACxC,WAAW,EAAE;AACxC,QAAA;AACF,MAAA;AAEAuC,MAAAA,aAAA,GAAgBE,KAAA;AAClB,IAAA;IAEA,MAAMpB,IAAA,GAAOC,6BAAA,CAA8BiB,aAAA,EAAe,IAAI,CAAC7C,eAAe,CAAA;AAE9E,IAAA,IAAI,CAACA,eAAe,CAAC6B,QAAQ,CAAC;MAC5BC,IAAA,EAAMH,KAAKG,IAAI;MACfC,QAAA,EAAU,IAAI,CAACC;AACjB,KAAA,CAAA;AAEA,IAAA,KAAKgB,cAAA,CAAe,IAAIC,OAAA,CAAQrC,qBAAA,CAAA,CAAA;EAClC,CAAA;EAEAsC,WAAA,GAAcA,MAAA;AACZ,IAAA,IAAI,EAAE,IAAI,CAAClD,eAAe,YAAYuC,WAAW,CAAA,EAAG;AAClD,MAAA;AACF,IAAA;IAEA,MAAM;MAAEY,WAAW;AAAEC,MAAAA;KAAW,GAAG,IAAI,CAACX,sBAAsB,EAAA;IAE9D,IAAI,CAACW,SAAA,EAAW;AACd,MAAA;AACF,IAAA;IAEA,IAAIzB,IAAA,GAAOC,6BAAA,CAA8BwB,SAAA,EAAW,IAAI,CAACpD,eAAe,CAAA;AAExE;IACA,IAAI2B,IAAA,CAAK0B,KAAK,GAAG,IAAI,CAAC/C,WAAW,IAAI6C,gBAAgBC,SAAA,EAAW;MAC9D,MAAMV,QAAA,GAAW,IAAI,IAAI,CAAC1C,eAAe,CAAC0C,QAAQ,CAAC;AACnD,MAAA,MAAMY,cAAA,GAAiBZ,QAAA,CAASE,OAAO,CAACQ,SAAA,CAAA;AACxC,MAAA,MAAMP,aAAA,GAAgBH,QAAQ,CAACY,cAAA,GAAiB,CAAA,CAAE;MAElD,IAAI,CAACT,aAAA,EAAe;AAClB,QAAA;AACF,MAAA;MAEAlB,IAAA,GAAOC,6BAAA,CAA8BiB,aAAA,EAAe,IAAI,CAAC7C,eAAe,CAAA;AAC1E,IAAA;AAEA,IAAA,IAAI,CAACA,eAAe,EAAE6B,QAAA,CAAS;MAC7BC,IAAA,EAAMH,KAAKG,IAAI;MACfC,QAAA,EAAU,IAAI,CAACC;AACjB,KAAA,CAAA;AAEA,IAAA,KAAKgB,cAAA,CAAe,IAAIC,OAAA,CAAQrC,qBAAA,CAAA,CAAA;EAClC,CAAA;AAEQ6B,EAAAA,sBAAAA,GAAyB;AAC/B,IAAA,MAAMc,SAIF,GAAA;AACFf,MAAAA,UAAA,EAAYgB,SAAA;AACZJ,MAAAA,SAAA,EAAWI,SAAA;AACXL,MAAAA,WAAA,EAAaK;KACf;AAEA,IAAA,IAAI,CAAC,IAAI,CAACxD,eAAe,EAAE;AACzB,MAAA,OAAOuD,SAAA;AACT,IAAA;AAEA,IAAA,MAAME,aAAA,GAAgB,IAAI,CAACzD,eAAe,CAACyD,aAAa;IAExD,IAAI,CAACA,aAAA,EAAe;AAClB,MAAA,OAAOF,SAAA;AACT,IAAA;IAEA,MAAMG,aAAA,GAAgB9B,6BAAA,CAA8B,IAAI,CAAC5B,eAAe,EAAEyD,aAAA,CAAA;IAE1E,MAAMf,QAAA,GAAW,IAAI,IAAI,CAAC1C,eAAe,CAAC0C,QAAQ,CAAC;AAEnD;AACA;AACA,IAAA,KAAK,MAAMK,SAASL,QAAA,EAAU;MAC5B,MAAMf,IAAA,GAAOC,6BAAA,CAA8BmB,KAAA,EAAO,IAAI,CAAC/C,eAAe,CAAA;AAEtE,MAAA,IAAI2B,IAAA,CAAKgC,KAAK,GAAG,IAAI,CAACpE,GAAG,IAAImE,aAAA,CAAc5B,IAAI,IAAI,CAACyB,SAAA,CAAUf,UAAU,EAAE;QACxEe,SAAA,CAAUf,UAAU,GAAGO,KAAA;AACzB,MAAA;AAEA,MAAA,IAAIpB,IAAA,CAAKG,IAAI,IAAI,IAAI,CAACtC,MAAM,IAAI,CAAC+D,SAAA,CAAUJ,WAAW,EAAE;QACtDI,SAAA,CAAUJ,WAAW,GAAGJ,KAAA;AAC1B,MAAA;AAEA,MAAA,IAAIpB,IAAA,CAAKgC,KAAK,IAAID,aAAA,CAAcL,KAAK,IAAI,CAACE,SAAA,CAAUH,SAAS,EAAE;QAC7DG,SAAA,CAAUH,SAAS,GAAGL,KAAA;AAEtB,QAAA;AACF,MAAA;AACF,IAAA;AAEA,IAAA,IAAI,CAACQ,SAAA,CAAUf,UAAU,EAAE;AACzBe,MAAAA,SAAA,CAAUf,UAAU,GAAGE,QAAQ,CAAC,CAAA,CAAE;AACpC,IAAA;AAEA,IAAA,IAAI,CAACa,SAAA,CAAUH,SAAS,EAAE;MACxBG,SAAA,CAAUH,SAAS,GAAGV,QAAQ,CAACA,QAAA,CAASkB,MAAM,GAAG,CAAA,CAAE;AACrD,IAAA;AAEA,IAAA,OAAOL,SAAA;AACT,EAAA;AAEA,EAAA;IAAAM,oBAAA,CAAAC,kBAAA,CAAA,qrCAAA,EAgDA;MAAAC,UAAA,EAAA,IAAA;AAAAC,MAAAA,KAAA,EAAAA,OAAA;QAAAC,IAAA;AAAAC,QAAAA;AAAA,OAAA;KAAU,CAAA,EAAV,IAAW,CAAA;AAAD;AACZ;AAIA,SAAStC,6BAAAA,CAA8BuC,YAAqB,EAAEV,aAAsB,EAAA;AAClF,EAAA,IAAI,CAACU,YAAA,IAAgB,CAACV,aAAA,EAAe;AACnC,IAAA,MAAM,IAAIW,KAAA,CAAM,sDAAA,CAAA;AAClB,EAAA;AAEA;AACA,EAAA,MAAMC,SAAA,GAAYF,aAAaG,qBAAqB,EAAA;AACpD,EAAA,MAAMC,UAAA,GAAad,cAAca,qBAAqB,EAAA;AAEtD;AACA,EAAA,MAAME,YAAA,GAAeC,MAAA,CAAOC,gBAAgB,CAACjB,aAAA,CAAA;AAE7C;AACA,EAAA,MAAMkB,gBAAA,GAAmBC,UAAA,CAAWJ,YAAA,CAAaK,UAAU,CAAA;AAC3D,EAAA,MAAMC,iBAAA,GAAoBF,UAAA,CAAWJ,YAAA,CAAaO,WAAW,CAAA;AAE7D,EAAA,MAAMC,oBAAA,GAAuBJ,UAAA,CAAWJ,YAAA,CAAaS,cAAc,CAAA;AACnE,EAAA,MAAMC,qBAAA,GAAwBN,UAAA,CAAWJ,YAAA,CAAaW,eAAe,CAAA;AAErE;EACA,OAAO;IACL9B,KAAA,EAAOgB,UAAUhB,KAAK;IACtB+B,MAAA,EAAQf,UAAUe,MAAM;IACxBC,GAAA,EAAKhB,UAAUgB,GAAG,GAAGd,UAAA,CAAWc,GAAG,GAAGL,oBAAA,GAAuBL,gBAAA;IAC7D7C,IAAA,EAAMuC,UAAUvC,IAAI,GAAGyC,UAAA,CAAWzC,IAAI,GAAGoD,qBAAA,GAAwBJ,iBAAA;AACjEQ,IAAAA,MAAA,EACEjB,SAAA,CAAUgB,GAAG,GAAGd,UAAA,CAAWc,GAAG,GAAGL,oBAAA,GAAuBL,gBAAA,GAAmBN,SAAA,CAAUe,MAAM;AAC7FzB,IAAAA,KAAA,EACEU,SAAA,CAAUvC,IAAI,GACdyC,UAAA,CAAWzC,IAAI,GACfoD,qBAAA,GACAJ,iBAAA,GACAT,SAAA,CAAUhB;GACd;AACF;;;;"}

package/dist/floating-ui/component.js.map

@@ -1 +1 @@
-{"version":3,"file":"component.js","sources":["../../src/floating-ui/component.gts"],"sourcesContent":["import Component from \"@glimmer/component\";\nimport { tracked } from \"@glimmer/tracking\";\nimport { hash } from \"@ember/helper\";\n\nimport { modifier as eModifier } from \"ember-modifier\";\n\nimport { anchorTo } from \"./modifier.ts\";\n\nimport type { Signature as ModifierSignature } from \"./modifier.ts\";\nimport type { MiddlewareState } from \"@floating-ui/dom\";\nimport type { ModifierLike } from \"@glint/template\";\n\ntype ModifierArgs = ModifierSignature[\"Args\"][\"Named\"];\n\ninterface ReferenceSignature {\n  Element: HTMLElement | SVGElement;\n}\n\nexport interface Signature {\n  Args: {\n    /**\n     * Additional middleware to pass to FloatingUI.\n     *\n     * See: [The middleware docs](https://floating-ui.com/docs/middleware)\n     */\n    middleware?: ModifierArgs[\"middleware\"];\n    /**\n     * Where to place the floating element relative to its reference element.\n     * The default is 'bottom'.\n     *\n     * See: [The placement docs](https://floating-ui.com/docs/computePosition#placement)\n     */\n    placement?: ModifierArgs[\"placement\"];\n    /**\n     * This is the type of CSS position property to use.\n     * By default this is 'fixed', but can also be 'absolute'.\n     *\n     * See: [The strategy docs](https://floating-ui.com/docs/computePosition#strategy)\n     */\n    strategy?: ModifierArgs[\"strategy\"];\n    /**\n     * Options to pass to the [flip middleware](https://floating-ui.com/docs/flip)\n     */\n    flipOptions?: ModifierArgs[\"flipOptions\"];\n    /**\n     * Options to pass to the [hide middleware](https://floating-ui.com/docs/hide)\n     */\n    hideOptions?: ModifierArgs[\"hideOptions\"];\n    /**\n     * Options to pass to the [shift middleware](https://floating-ui.com/docs/shift)\n     */\n    shiftOptions?: ModifierArgs[\"shiftOptions\"];\n    /**\n     * Options to pass to the [offset middleware](https://floating-ui.com/docs/offset)\n     */\n    offsetOptions?: ModifierArgs[\"offsetOptions\"];\n  };\n  Blocks: {\n    default: [\n      /**\n       * A modifier to apply to the _reference_ element.\n       * This is what the floating element will use to anchor to.\n       *\n       * Example\n       * ```gjs\n       * import { FloatingUI } from 'ember-primitives/floating-ui';\n       *\n       * <template>\n       *   <FloatingUI as |reference floating|>\n       *     <button {{reference}}> ... </button>\n       *     ...\n       *   </FloatingUI>\n       * </template>\n       * ```\n       */\n      reference: ModifierLike<ReferenceSignature>,\n      /**\n       * A modifier to apply to the _floating_ element.\n       * This is what will anchor to the reference element.\n       *\n       * Example\n       * ```gjs\n       * import { FloatingUI } from 'ember-primitives/floating-ui';\n       *\n       * <template>\n       *   <FloatingUI as |reference floating|>\n       *     <button {{reference}}> ... </button>\n       *     <menu {{floating}}> ... </menu>\n       *   </FloatingUI>\n       * </template>\n       * ```\n       */\n      floating:\n        | undefined\n        | ModifierLike<{\n            Element: HTMLElement;\n            Args: {\n              Named: ModifierArgs;\n            };\n          }>,\n      /**\n       * Special utilities for advanced usage\n       */\n      util: {\n        /**\n         * If you want to have a single modifier with custom behavior\n         * on your reference element, you may use this `setReference`\n         * function to set the reference, rather than having multiple modifiers\n         * on that element.\n         */\n        setReference: (element: HTMLElement | SVGElement) => void;\n        /**\n         * Metadata exposed from floating-ui.\n         * Gives you x, y position, among other things.\n         */\n        data?: MiddlewareState;\n      },\n    ];\n  };\n}\n\nconst ref = eModifier<{\n  Element: HTMLElement | SVGElement;\n  Args: {\n    Positional: [setRef: (element: HTMLElement | SVGElement) => void];\n  };\n}>((element: HTMLElement | SVGElement, positional) => {\n  const fn = positional[0];\n\n  fn(element);\n});\n\n/**\n * A component that provides no DOM and yields two modifiers for creating\n * creating floating uis, such as menus, popovers, tooltips, etc.\n * This component currently uses [Floating UI](https://floating-ui.com/)\n * but will be switching to [CSS Anchor Positioning](https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_anchor_positioning) when that lands.\n *\n * Example usage:\n * ```gjs\n * import { FloatingUI } from 'ember-primitives/floating-ui';\n *\n * <template>\n *   <FloatingUI as |reference floating|>\n *     <button {{reference}}> ... </button>\n *     <menu {{floating}}> ... </menu>\n *   </FloatingUI>\n * </template>\n * ```\n */\nexport class FloatingUI extends Component<Signature> {\n  @tracked reference?: HTMLElement | SVGElement = undefined;\n  @tracked data?: MiddlewareState = undefined;\n\n  setData: ModifierArgs[\"setData\"] = (data) => (this.data = data);\n\n  setReference = (element: HTMLElement | SVGElement) => {\n    this.reference = element;\n  };\n\n  <template>\n    {{#let\n      (modifier\n        anchorTo\n        flipOptions=@flipOptions\n        hideOptions=@hideOptions\n        middleware=@middleware\n        offsetOptions=@offsetOptions\n        placement=@placement\n        shiftOptions=@shiftOptions\n        strategy=@strategy\n        setData=this.setData\n      )\n      as |prewiredAnchorTo|\n    }}\n      {{#let (if this.reference (modifier prewiredAnchorTo this.reference)) as |floating|}}\n        {{! @glint-nocheck -- Excessively deep, possibly infinite }}\n        {{yield\n          (modifier ref this.setReference)\n          floating\n          (hash setReference=this.setReference data=this.data)\n        }}\n      {{/let}}\n    {{/let}}\n  </template>\n}\n"],"names":["ref","eModifier","element","positional","fn","FloatingUI","Component","g","prototype","tracked","undefined","i","void 0","setData","data","setReference","reference","setComponentTemplate","precompileTemplate","strictMode","scope","anchorTo","hash"],"mappings":";;;;;;;;;AAyHA,MAAMA,GAAA,GAAMC,QAAA,CAKT,CAACC,OAAuB,EAAYC,UAAA,KAAA;AACrC,EAAA,MAAMC,EAAA,GAAKD,UAAU,CAAC,CAAA,CAAE;EAExBC,EAAA,CAAGF,OAAA,CAAA;AACL,CAAA,CAAA;AAEA;;;;;;;;;;;;;;;;;;AAkBO,MAAMG,UAAA,SAAmBC,SAAA,CAAU;AAAA,EAAA;IAAAC,CAAA,CAAA,IAAA,CAAAC,SAAA,EAAA,WAAA,EAAA,CACvCC,OAAA,CAAA,EAAA,YAAA;AAAA,MAAA,OAA+CC,SAAA;AAAA,KAAA,CAAA;AAAA;AAAA,EAAA,UAAA,IAAAC,CAAA,CAAA,IAAA,EAAA,WAAA,CAAA,EAAAC,MAAA;AAAA,EAAA;IAAAL,CAAA,CAAA,IAAA,CAAAC,SAAA,EAAA,MAAA,EAAA,CAC/CC,OAAA,CAAA,EAAA,YAAA;AAAA,MAAA,OAAiCC,SAAA;AAAA,KAAA,CAAA;AAAA;AAAA,EAAA,KAAA,IAAAC,CAAA,CAAA,IAAA,EAAA,MAAA,CAAA,EAAAC,MAAA;AAElCC,EAAAA,OAAA,GAAoCC,IAAA,IAAU,IAAI,CAACA,IAAI,GAAGA,IAAI;EAE9DC,YAAA,GAAgBb,OAAuB,IAAA;IACrC,IAAI,CAACc,SAAS,GAAGd,OAAA;GACnB;AAEA,EAAA;IAAAe,oBAAA,CAAAC,kBAAA,CAAA,mjBAAA,EAwBA;MAAAC,UAAA,EAAA,IAAA;AAAAC,MAAAA,KAAA,EAAAA,OAAA;QAAAC,QAAA;QAAArB,GAAA;AAAAsB,QAAAA;AAAA,OAAA;KAAU,CAAA,EAAV,IAAW,CAAA;AAAD;AACZ;;;;"}
+{"version":3,"file":"component.js","sources":["../../src/floating-ui/component.gts"],"sourcesContent":["import Component from \"@glimmer/component\";\nimport { tracked } from \"@glimmer/tracking\";\nimport { hash } from \"@ember/helper\";\n\nimport { modifier as eModifier } from \"ember-modifier\";\n\nimport { anchorTo } from \"./modifier.ts\";\n\nimport type { Signature as ModifierSignature } from \"./modifier.ts\";\nimport type { MiddlewareState } from \"@floating-ui/dom\";\nimport type { ModifierLike } from \"@glint/template\";\n\ntype ModifierArgs = ModifierSignature[\"Args\"][\"Named\"];\n\ninterface ReferenceSignature {\n  Element: HTMLElement | SVGElement;\n}\n\nexport interface Signature {\n  Args: {\n    /**\n     * Additional middleware to pass to FloatingUI.\n     *\n     * See: [The middleware docs](https://floating-ui.com/docs/middleware)\n     */\n    middleware?: ModifierArgs[\"middleware\"];\n    /**\n     * Where to place the floating element relative to its reference element.\n     * The default is 'bottom'.\n     *\n     * See: [The placement docs](https://floating-ui.com/docs/computePosition#placement)\n     */\n    placement?: ModifierArgs[\"placement\"];\n    /**\n     * This is the type of CSS position property to use.\n     * By default this is 'fixed', but can also be 'absolute'.\n     *\n     * See: [The strategy docs](https://floating-ui.com/docs/computePosition#strategy)\n     */\n    strategy?: ModifierArgs[\"strategy\"];\n    /**\n     * Options to pass to the [flip middleware](https://floating-ui.com/docs/flip)\n     */\n    flipOptions?: ModifierArgs[\"flipOptions\"];\n    /**\n     * Options to pass to the [hide middleware](https://floating-ui.com/docs/hide)\n     */\n    hideOptions?: ModifierArgs[\"hideOptions\"];\n    /**\n     * Options to pass to the [shift middleware](https://floating-ui.com/docs/shift)\n     */\n    shiftOptions?: ModifierArgs[\"shiftOptions\"];\n    /**\n     * Options to pass to the [offset middleware](https://floating-ui.com/docs/offset)\n     */\n    offsetOptions?: ModifierArgs[\"offsetOptions\"];\n  };\n  Blocks: {\n    default: [\n      /**\n       * A modifier to apply to the _reference_ element.\n       * This is what the floating element will use to anchor to.\n       *\n       * Example\n       * ```gjs\n       * import { FloatingUI } from 'ember-primitives/floating-ui';\n       *\n       * <template>\n       *   <FloatingUI as |reference floating|>\n       *     <button {{reference}}> ... </button>\n       *     ...\n       *   </FloatingUI>\n       * </template>\n       * ```\n       */\n      reference: ModifierLike<ReferenceSignature>,\n      /**\n       * A modifier to apply to the _floating_ element.\n       * This is what will anchor to the reference element.\n       *\n       * Example\n       * ```gjs\n       * import { FloatingUI } from 'ember-primitives/floating-ui';\n       *\n       * <template>\n       *   <FloatingUI as |reference floating|>\n       *     <button {{reference}}> ... </button>\n       *     <menu {{floating}}> ... </menu>\n       *   </FloatingUI>\n       * </template>\n       * ```\n       */\n      floating:\n        | undefined\n        | ModifierLike<{\n            Element: HTMLElement;\n            Args: {\n              Named: ModifierArgs;\n            };\n          }>,\n      /**\n       * Special utilities for advanced usage\n       */\n      util: {\n        /**\n         * If you want to have a single modifier with custom behavior\n         * on your reference element, you may use this `setReference`\n         * function to set the reference, rather than having multiple modifiers\n         * on that element.\n         */\n        setReference: (element: HTMLElement | SVGElement) => void;\n        /**\n         * Metadata exposed from floating-ui.\n         * Gives you x, y position, among other things.\n         */\n        data?: MiddlewareState;\n      },\n    ];\n  };\n}\n\nconst ref = eModifier<{\n  Element: HTMLElement | SVGElement;\n  Args: {\n    Positional: [setRef: (element: HTMLElement | SVGElement) => void];\n  };\n}>((element: HTMLElement | SVGElement, positional) => {\n  const fn = positional[0];\n\n  fn(element);\n});\n\n/**\n * A component that provides no DOM and yields two modifiers for creating\n * creating floating uis, such as menus, popovers, tooltips, etc.\n * This component currently uses [Floating UI](https://floating-ui.com/)\n * but will be switching to [CSS Anchor Positioning](https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_anchor_positioning) when that lands.\n *\n * Example usage:\n * ```gjs\n * import { FloatingUI } from 'ember-primitives/floating-ui';\n *\n * <template>\n *   <FloatingUI as |reference floating|>\n *     <button {{reference}}> ... </button>\n *     <menu {{floating}}> ... </menu>\n *   </FloatingUI>\n * </template>\n * ```\n */\nexport class FloatingUI extends Component<Signature> {\n  @tracked reference?: HTMLElement | SVGElement = undefined;\n  @tracked data?: MiddlewareState = undefined;\n\n  setData: ModifierArgs[\"setData\"] = (data) => (this.data = data);\n\n  setReference = (element: HTMLElement | SVGElement) => {\n    this.reference = element;\n  };\n\n  <template>\n    {{#let\n      (modifier\n        anchorTo\n        flipOptions=@flipOptions\n        hideOptions=@hideOptions\n        middleware=@middleware\n        offsetOptions=@offsetOptions\n        placement=@placement\n        shiftOptions=@shiftOptions\n        strategy=@strategy\n        setData=this.setData\n      )\n      as |prewiredAnchorTo|\n    }}\n      {{#let (if this.reference (modifier prewiredAnchorTo this.reference)) as |floating|}}\n        {{! @glint-nocheck -- Excessively deep, possibly infinite }}\n        {{yield\n          (modifier ref this.setReference)\n          floating\n          (hash setReference=this.setReference data=this.data)\n        }}\n      {{/let}}\n    {{/let}}\n  </template>\n}\n"],"names":["ref","eModifier","element","positional","fn","FloatingUI","Component","g","prototype","tracked","undefined","i","void 0","setData","data","setReference","reference","setComponentTemplate","precompileTemplate","strictMode","scope","anchorTo","hash"],"mappings":";;;;;;;;;AAyHA,MAAMA,GAAA,GAAMC,QAAA,CAKT,CAACC,OAAuB,EAAYC,UAAA,KAAA;AACrC,EAAA,MAAMC,EAAA,GAAKD,UAAU,CAAC,CAAA,CAAE;EAExBC,EAAA,CAAGF,OAAA,CAAA;AACL,CAAA,CAAA;AAEA;;;;;;;;;;;;;;;;;;AAkBO,MAAMG,UAAA,SAAmBC,SAAA,CAAU;AAAA,EAAA;IAAAC,CAAA,CAAA,IAAA,CAAAC,SAAA,EAAA,WAAA,EAAA,CACvCC,OAAA,CAAA,EAAA,YAAA;AAAA,MAAA,OAA+CC,SAAA;AAAA,IAAA,CAAA,CAAA;AAAA;AAAA,EAAA,UAAA,IAAAC,CAAA,CAAA,IAAA,EAAA,WAAA,CAAA,EAAAC,MAAA;AAAA,EAAA;IAAAL,CAAA,CAAA,IAAA,CAAAC,SAAA,EAAA,MAAA,EAAA,CAC/CC,OAAA,CAAA,EAAA,YAAA;AAAA,MAAA,OAAiCC,SAAA;AAAA,IAAA,CAAA,CAAA;AAAA;AAAA,EAAA,KAAA,IAAAC,CAAA,CAAA,IAAA,EAAA,MAAA,CAAA,EAAAC,MAAA;AAElCC,EAAAA,OAAA,GAAoCC,IAAA,IAAU,IAAI,CAACA,IAAI,GAAGA,IAAI;EAE9DC,YAAA,GAAgBb,OAAuB,IAAA;IACrC,IAAI,CAACc,SAAS,GAAGd,OAAA;EACnB,CAAA;AAEA,EAAA;IAAAe,oBAAA,CAAAC,kBAAA,CAAA,mjBAAA,EAwBA;MAAAC,UAAA,EAAA,IAAA;AAAAC,MAAAA,KAAA,EAAAA,OAAA;QAAAC,QAAA;QAAArB,GAAA;AAAAsB,QAAAA;AAAA,OAAA;KAAU,CAAA,EAAV,IAAW,CAAA;AAAD;AACZ;;;;"}

package/dist/floating-ui/middleware.js.map

@@ -1 +1 @@
-{"version":3,"file":"middleware.js","sources":["../../src/floating-ui/middleware.ts"],"sourcesContent":["import type { Middleware } from '@floating-ui/dom';\n\nexport function exposeMetadata(): Middleware {\n  return {\n    name: 'metadata',\n    fn: (data) => {\n      // https://floating-ui.com/docs/middleware#always-return-an-object\n      return {\n        data,\n      };\n    },\n  };\n}\n"],"names":["exposeMetadata","name","fn","data"],"mappings":"AAEO,SAASA,cAAcA,GAAe;EAC3C,OAAO;AACLC,IAAAA,IAAI,EAAE,UAAU;IAChBC,EAAE,EAAGC,IAAI,IAAK;AACZ;MACA,OAAO;AACLA,QAAAA;OACD;AACH;GACD;AACH;;;;"}
+{"version":3,"file":"middleware.js","sources":["../../src/floating-ui/middleware.ts"],"sourcesContent":["import type { Middleware } from '@floating-ui/dom';\n\nexport function exposeMetadata(): Middleware {\n  return {\n    name: 'metadata',\n    fn: (data) => {\n      // https://floating-ui.com/docs/middleware#always-return-an-object\n      return {\n        data,\n      };\n    },\n  };\n}\n"],"names":["exposeMetadata","name","fn","data"],"mappings":"AAEO,SAASA,cAAcA,GAAe;EAC3C,OAAO;AACLC,IAAAA,IAAI,EAAE,UAAU;IAChBC,EAAE,EAAGC,IAAI,IAAK;AACZ;MACA,OAAO;AACLA,QAAAA;OACD;AACH,IAAA;GACD;AACH;;;;"}

package/dist/floating-ui/modifier.js.map

@@ -1 +1 @@
-{"version":3,"file":"modifier.js","sources":["../../src/floating-ui/modifier.ts"],"sourcesContent":["import { assert } from '@ember/debug';\n\nimport { autoUpdate, computePosition, flip, hide, offset, shift } from '@floating-ui/dom';\nimport { modifier as eModifier } from 'ember-modifier';\n\nimport { exposeMetadata } from './middleware.ts';\n\nimport type {\n  FlipOptions,\n  HideOptions,\n  Middleware,\n  OffsetOptions,\n  Placement,\n  ShiftOptions,\n  Strategy,\n} from '@floating-ui/dom';\n\nexport interface Signature {\n  /**\n   *\n   */\n  Element: HTMLElement;\n  Args: {\n    Positional: [\n      /**\n       * What do use as the reference element.\n       * Can be a selector or element instance.\n       *\n       * Example:\n       * ```gjs\n       * import { anchorTo } from 'ember-primitives/floating-ui';\n       *\n       * <template>\n       *   <div id=\"reference\">...</div>\n       *   <div {{anchorTo \"#reference\"}}> ... </div>\n       * </template>\n       * ```\n       */\n      referenceElement: string | HTMLElement | SVGElement,\n    ];\n    Named: {\n      /**\n       * This is the type of CSS position property to use.\n       * By default this is 'fixed', but can also be 'absolute'.\n       *\n       * See: [The strategy docs](https://floating-ui.com/docs/computePosition#strategy)\n       */\n      strategy?: Strategy;\n      /**\n       * Options to pass to the [offset middleware](https://floating-ui.com/docs/offset)\n       */\n      offsetOptions?: OffsetOptions;\n      /**\n       * Where to place the floating element relative to its reference element.\n       * The default is 'bottom'.\n       *\n       * See: [The placement docs](https://floating-ui.com/docs/computePosition#placement)\n       */\n      placement?: Placement;\n      /**\n       * Options to pass to the [flip middleware](https://floating-ui.com/docs/flip)\n       */\n      flipOptions?: FlipOptions;\n      /**\n       * Options to pass to the [shift middleware](https://floating-ui.com/docs/shift)\n       */\n      shiftOptions?: ShiftOptions;\n      /**\n       * Options to pass to the [hide middleware](https://floating-ui.com/docs/hide)\n       */\n      hideOptions?: HideOptions;\n      /**\n       * Additional middleware to pass to FloatingUI.\n       *\n       * See: [The middleware docs](https://floating-ui.com/docs/middleware)\n       */\n      middleware?: Middleware[];\n      /**\n       * A callback for when data changes about the position / placement / etc\n       * of the floating element.\n       */\n      setData?: Middleware['fn'];\n    };\n  };\n}\n\n/**\n * A modifier to apply to the _floating_ element.\n * This is what will anchor to the reference element.\n *\n * Example\n * ```gjs\n * import { anchorTo } from 'ember-primitives/floating-ui';\n *\n * <template>\n *   <button id=\"my-button\"> ... </button>\n *   <menu {{anchorTo \"#my-button\"}}> ... </menu>\n * </template>\n * ```\n */\nexport const anchorTo = eModifier<Signature>(\n  (\n    floatingElement,\n    [_referenceElement],\n    {\n      strategy = 'fixed',\n      offsetOptions = 0,\n      placement = 'bottom',\n      flipOptions,\n      shiftOptions,\n      middleware = [],\n      setData,\n    }\n  ) => {\n    const referenceElement: null | HTMLElement | SVGElement =\n      typeof _referenceElement === 'string'\n        ? document.querySelector(_referenceElement)\n        : _referenceElement;\n\n    assert(\n      'no reference element defined',\n      referenceElement instanceof HTMLElement || referenceElement instanceof SVGElement\n    );\n\n    assert(\n      'no floating element defined',\n      floatingElement instanceof HTMLElement || _referenceElement instanceof SVGElement\n    );\n\n    assert(\n      'reference and floating elements cannot be the same element',\n      floatingElement !== _referenceElement\n    );\n\n    assert('@middleware must be an array of one or more objects', Array.isArray(middleware));\n\n    Object.assign(floatingElement.style, {\n      position: strategy,\n      top: '0',\n      left: '0',\n    });\n\n    const update = async () => {\n      const { middlewareData, x, y } = await computePosition(referenceElement, floatingElement, {\n        middleware: [\n          offset(offsetOptions),\n          flip(flipOptions),\n          shift(shiftOptions),\n          ...middleware,\n          hide({ strategy: 'referenceHidden' }),\n          hide({ strategy: 'escaped' }),\n          exposeMetadata(),\n        ],\n        placement,\n        strategy,\n      });\n\n      const referenceHidden = middlewareData.hide?.referenceHidden;\n\n      Object.assign(floatingElement.style, {\n        top: `${y}px`,\n        left: `${x}px`,\n        margin: 0,\n        visibility: referenceHidden ? 'hidden' : 'visible',\n      });\n\n      // eslint-disable-next-line @typescript-eslint/no-unsafe-argument\n      void setData?.(middlewareData['metadata']);\n    };\n\n    void update();\n\n    // eslint-disable-next-line @typescript-eslint/no-misused-promises\n    const cleanup = autoUpdate(referenceElement, floatingElement, update);\n\n    /**\n     * in the function-modifier manager, teardown of the previous modifier\n     * occurs before setup of the next\n     * https://github.com/ember-modifier/ember-modifier/blob/main/ember-modifier/src/-private/function-based/modifier-manager.ts#L58\n     */\n    return cleanup;\n  }\n);\n"],"names":["anchorTo","eModifier","floatingElement","_referenceElement","strategy","offsetOptions","placement","flipOptions","shiftOptions","middleware","setData","referenceElement","document","querySelector","assert","HTMLElement","SVGElement","Array","isArray","Object","assign","style","position","top","left","update","middlewareData","x","y","computePosition","offset","flip","shift","hide","exposeMetadata","referenceHidden","margin","visibility","cleanup","autoUpdate"],"mappings":";;;;;AAsFA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,MAAMA,QAAQ,GAAGC,QAAS,CAC/B,CACEC,eAAe,EACf,CAACC,iBAAiB,CAAC,EACnB;AACEC,EAAAA,QAAQ,GAAG,OAAO;AAClBC,EAAAA,aAAa,GAAG,CAAC;AACjBC,EAAAA,SAAS,GAAG,QAAQ;EACpBC,WAAW;EACXC,YAAY;AACZC,EAAAA,UAAU,GAAG,EAAE;AACfC,EAAAA;AACF,CAAC,KACE;AACH,EAAA,MAAMC,gBAAiD,GACrD,OAAOR,iBAAiB,KAAK,QAAQ,GACjCS,QAAQ,CAACC,aAAa,CAACV,iBAAiB,CAAC,GACzCA,iBAAiB;EAEvBW,MAAM,CACJ,8BAA8B,EAC9BH,gBAAgB,YAAYI,WAAW,IAAIJ,gBAAgB,YAAYK,UACzE,CAAC;EAEDF,MAAM,CACJ,6BAA6B,EAC7BZ,eAAe,YAAYa,WAAW,IAAIZ,iBAAiB,YAAYa,UACzE,CAAC;AAEDF,EAAAA,MAAM,CACJ,4DAA4D,EAC5DZ,eAAe,KAAKC,iBACtB,CAAC;EAEDW,MAAM,CAAC,qDAAqD,EAAEG,KAAK,CAACC,OAAO,CAACT,UAAU,CAAC,CAAC;AAExFU,EAAAA,MAAM,CAACC,MAAM,CAAClB,eAAe,CAACmB,KAAK,EAAE;AACnCC,IAAAA,QAAQ,EAAElB,QAAQ;AAClBmB,IAAAA,GAAG,EAAE,GAAG;AACRC,IAAAA,IAAI,EAAE;AACR,GAAC,CAAC;AAEF,EAAA,MAAMC,MAAM,GAAG,YAAY;IACzB,MAAM;MAAEC,cAAc;MAAEC,CAAC;AAAEC,MAAAA;AAAE,KAAC,GAAG,MAAMC,eAAe,CAAClB,gBAAgB,EAAET,eAAe,EAAE;MACxFO,UAAU,EAAE,CACVqB,MAAM,CAACzB,aAAa,CAAC,EACrB0B,IAAI,CAACxB,WAAW,CAAC,EACjByB,KAAK,CAACxB,YAAY,CAAC,EACnB,GAAGC,UAAU,EACbwB,IAAI,CAAC;AAAE7B,QAAAA,QAAQ,EAAE;OAAmB,CAAC,EACrC6B,IAAI,CAAC;AAAE7B,QAAAA,QAAQ,EAAE;AAAU,OAAC,CAAC,EAC7B8B,cAAc,EAAE,CACjB;MACD5B,SAAS;AACTF,MAAAA;AACF,KAAC,CAAC;AAEF,IAAA,MAAM+B,eAAe,GAAGT,cAAc,CAACO,IAAI,EAAEE,eAAe;AAE5DhB,IAAAA,MAAM,CAACC,MAAM,CAAClB,eAAe,CAACmB,KAAK,EAAE;MACnCE,GAAG,EAAE,CAAA,EAAGK,CAAC,CAAA,EAAA,CAAI;MACbJ,IAAI,EAAE,CAAA,EAAGG,CAAC,CAAA,EAAA,CAAI;AACdS,MAAAA,MAAM,EAAE,CAAC;AACTC,MAAAA,UAAU,EAAEF,eAAe,GAAG,QAAQ,GAAG;AAC3C,KAAC,CAAC;;AAEF;AACA,IAAA,KAAKzB,OAAO,GAAGgB,cAAc,CAAC,UAAU,CAAC,CAAC;GAC3C;EAED,KAAKD,MAAM,EAAE;;AAEb;EACA,MAAMa,OAAO,GAAGC,UAAU,CAAC5B,gBAAgB,EAAET,eAAe,EAAEuB,MAAM,CAAC;;AAErE;AACJ;AACA;AACA;AACA;AACI,EAAA,OAAOa,OAAO;AAChB,CACF;;;;"}
+{"version":3,"file":"modifier.js","sources":["../../src/floating-ui/modifier.ts"],"sourcesContent":["import { assert } from '@ember/debug';\n\nimport { autoUpdate, computePosition, flip, hide, offset, shift } from '@floating-ui/dom';\nimport { modifier as eModifier } from 'ember-modifier';\n\nimport { exposeMetadata } from './middleware.ts';\n\nimport type {\n  FlipOptions,\n  HideOptions,\n  Middleware,\n  OffsetOptions,\n  Placement,\n  ShiftOptions,\n  Strategy,\n} from '@floating-ui/dom';\n\nexport interface Signature {\n  /**\n   *\n   */\n  Element: HTMLElement;\n  Args: {\n    Positional: [\n      /**\n       * What do use as the reference element.\n       * Can be a selector or element instance.\n       *\n       * Example:\n       * ```gjs\n       * import { anchorTo } from 'ember-primitives/floating-ui';\n       *\n       * <template>\n       *   <div id=\"reference\">...</div>\n       *   <div {{anchorTo \"#reference\"}}> ... </div>\n       * </template>\n       * ```\n       */\n      referenceElement: string | HTMLElement | SVGElement,\n    ];\n    Named: {\n      /**\n       * This is the type of CSS position property to use.\n       * By default this is 'fixed', but can also be 'absolute'.\n       *\n       * See: [The strategy docs](https://floating-ui.com/docs/computePosition#strategy)\n       */\n      strategy?: Strategy;\n      /**\n       * Options to pass to the [offset middleware](https://floating-ui.com/docs/offset)\n       */\n      offsetOptions?: OffsetOptions;\n      /**\n       * Where to place the floating element relative to its reference element.\n       * The default is 'bottom'.\n       *\n       * See: [The placement docs](https://floating-ui.com/docs/computePosition#placement)\n       */\n      placement?: Placement;\n      /**\n       * Options to pass to the [flip middleware](https://floating-ui.com/docs/flip)\n       */\n      flipOptions?: FlipOptions;\n      /**\n       * Options to pass to the [shift middleware](https://floating-ui.com/docs/shift)\n       */\n      shiftOptions?: ShiftOptions;\n      /**\n       * Options to pass to the [hide middleware](https://floating-ui.com/docs/hide)\n       */\n      hideOptions?: HideOptions;\n      /**\n       * Additional middleware to pass to FloatingUI.\n       *\n       * See: [The middleware docs](https://floating-ui.com/docs/middleware)\n       */\n      middleware?: Middleware[];\n      /**\n       * A callback for when data changes about the position / placement / etc\n       * of the floating element.\n       */\n      setData?: Middleware['fn'];\n    };\n  };\n}\n\n/**\n * A modifier to apply to the _floating_ element.\n * This is what will anchor to the reference element.\n *\n * Example\n * ```gjs\n * import { anchorTo } from 'ember-primitives/floating-ui';\n *\n * <template>\n *   <button id=\"my-button\"> ... </button>\n *   <menu {{anchorTo \"#my-button\"}}> ... </menu>\n * </template>\n * ```\n */\nexport const anchorTo = eModifier<Signature>(\n  (\n    floatingElement,\n    [_referenceElement],\n    {\n      strategy = 'fixed',\n      offsetOptions = 0,\n      placement = 'bottom',\n      flipOptions,\n      shiftOptions,\n      middleware = [],\n      setData,\n    }\n  ) => {\n    const referenceElement: null | HTMLElement | SVGElement =\n      typeof _referenceElement === 'string'\n        ? document.querySelector(_referenceElement)\n        : _referenceElement;\n\n    assert(\n      'no reference element defined',\n      referenceElement instanceof HTMLElement || referenceElement instanceof SVGElement\n    );\n\n    assert(\n      'no floating element defined',\n      floatingElement instanceof HTMLElement || _referenceElement instanceof SVGElement\n    );\n\n    assert(\n      'reference and floating elements cannot be the same element',\n      floatingElement !== _referenceElement\n    );\n\n    assert('@middleware must be an array of one or more objects', Array.isArray(middleware));\n\n    Object.assign(floatingElement.style, {\n      position: strategy,\n      top: '0',\n      left: '0',\n    });\n\n    const update = async () => {\n      const { middlewareData, x, y } = await computePosition(referenceElement, floatingElement, {\n        middleware: [\n          offset(offsetOptions),\n          flip(flipOptions),\n          shift(shiftOptions),\n          ...middleware,\n          hide({ strategy: 'referenceHidden' }),\n          hide({ strategy: 'escaped' }),\n          exposeMetadata(),\n        ],\n        placement,\n        strategy,\n      });\n\n      const referenceHidden = middlewareData.hide?.referenceHidden;\n\n      Object.assign(floatingElement.style, {\n        top: `${y}px`,\n        left: `${x}px`,\n        margin: 0,\n        visibility: referenceHidden ? 'hidden' : 'visible',\n      });\n\n      // eslint-disable-next-line @typescript-eslint/no-unsafe-argument\n      void setData?.(middlewareData['metadata']);\n    };\n\n    void update();\n\n    // eslint-disable-next-line @typescript-eslint/no-misused-promises\n    const cleanup = autoUpdate(referenceElement, floatingElement, update);\n\n    /**\n     * in the function-modifier manager, teardown of the previous modifier\n     * occurs before setup of the next\n     * https://github.com/ember-modifier/ember-modifier/blob/main/ember-modifier/src/-private/function-based/modifier-manager.ts#L58\n     */\n    return cleanup;\n  }\n);\n"],"names":["anchorTo","eModifier","floatingElement","_referenceElement","strategy","offsetOptions","placement","flipOptions","shiftOptions","middleware","setData","referenceElement","document","querySelector","assert","HTMLElement","SVGElement","Array","isArray","Object","assign","style","position","top","left","update","middlewareData","x","y","computePosition","offset","flip","shift","hide","exposeMetadata","referenceHidden","margin","visibility","cleanup","autoUpdate"],"mappings":";;;;;AAsFA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,MAAMA,QAAQ,GAAGC,QAAS,CAC/B,CACEC,eAAe,EACf,CAACC,iBAAiB,CAAC,EACnB;AACEC,EAAAA,QAAQ,GAAG,OAAO;AAClBC,EAAAA,aAAa,GAAG,CAAC;AACjBC,EAAAA,SAAS,GAAG,QAAQ;EACpBC,WAAW;EACXC,YAAY;AACZC,EAAAA,UAAU,GAAG,EAAE;AACfC,EAAAA;AACF,CAAC,KACE;AACH,EAAA,MAAMC,gBAAiD,GACrD,OAAOR,iBAAiB,KAAK,QAAQ,GACjCS,QAAQ,CAACC,aAAa,CAACV,iBAAiB,CAAC,GACzCA,iBAAiB;EAEvBW,MAAM,CACJ,8BAA8B,EAC9BH,gBAAgB,YAAYI,WAAW,IAAIJ,gBAAgB,YAAYK,UACzE,CAAC;EAEDF,MAAM,CACJ,6BAA6B,EAC7BZ,eAAe,YAAYa,WAAW,IAAIZ,iBAAiB,YAAYa,UACzE,CAAC;AAEDF,EAAAA,MAAM,CACJ,4DAA4D,EAC5DZ,eAAe,KAAKC,iBACtB,CAAC;EAEDW,MAAM,CAAC,qDAAqD,EAAEG,KAAK,CAACC,OAAO,CAACT,UAAU,CAAC,CAAC;AAExFU,EAAAA,MAAM,CAACC,MAAM,CAAClB,eAAe,CAACmB,KAAK,EAAE;AACnCC,IAAAA,QAAQ,EAAElB,QAAQ;AAClBmB,IAAAA,GAAG,EAAE,GAAG;AACRC,IAAAA,IAAI,EAAE;AACR,GAAC,CAAC;AAEF,EAAA,MAAMC,MAAM,GAAG,YAAY;IACzB,MAAM;MAAEC,cAAc;MAAEC,CAAC;AAAEC,MAAAA;AAAE,KAAC,GAAG,MAAMC,eAAe,CAAClB,gBAAgB,EAAET,eAAe,EAAE;MACxFO,UAAU,EAAE,CACVqB,MAAM,CAACzB,aAAa,CAAC,EACrB0B,IAAI,CAACxB,WAAW,CAAC,EACjByB,KAAK,CAACxB,YAAY,CAAC,EACnB,GAAGC,UAAU,EACbwB,IAAI,CAAC;AAAE7B,QAAAA,QAAQ,EAAE;OAAmB,CAAC,EACrC6B,IAAI,CAAC;AAAE7B,QAAAA,QAAQ,EAAE;AAAU,OAAC,CAAC,EAC7B8B,cAAc,EAAE,CACjB;MACD5B,SAAS;AACTF,MAAAA;AACF,KAAC,CAAC;AAEF,IAAA,MAAM+B,eAAe,GAAGT,cAAc,CAACO,IAAI,EAAEE,eAAe;AAE5DhB,IAAAA,MAAM,CAACC,MAAM,CAAClB,eAAe,CAACmB,KAAK,EAAE;MACnCE,GAAG,EAAE,CAAA,EAAGK,CAAC,CAAA,EAAA,CAAI;MACbJ,IAAI,EAAE,CAAA,EAAGG,CAAC,CAAA,EAAA,CAAI;AACdS,MAAAA,MAAM,EAAE,CAAC;AACTC,MAAAA,UAAU,EAAEF,eAAe,GAAG,QAAQ,GAAG;AAC3C,KAAC,CAAC;;AAEF;AACA,IAAA,KAAKzB,OAAO,GAAGgB,cAAc,CAAC,UAAU,CAAC,CAAC;EAC5C,CAAC;EAED,KAAKD,MAAM,EAAE;;AAEb;EACA,MAAMa,OAAO,GAAGC,UAAU,CAAC5B,gBAAgB,EAAET,eAAe,EAAEuB,MAAM,CAAC;;AAErE;AACJ;AACA;AACA;AACA;AACI,EAAA,OAAOa,OAAO;AAChB,CACF;;;;"}

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

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

package/dist/helpers/link.js.map

@@ -1 +1 @@
-{"version":3,"file":"link.js","sources":["../../src/helpers/link.ts"],"sourcesContent":["import Helper from '@ember/component/helper';\nimport { assert } from '@ember/debug';\nimport { service } from '@ember/service';\n\nimport { handle } from '../proper-links.ts';\n\nimport type RouterService from '@ember/routing/router-service';\n\nexport interface Signature {\n  Args: {\n    Positional: [href: string];\n    Named: {\n      includeActiveQueryParams?: boolean | string[];\n      activeOnSubPaths?: boolean;\n    };\n  };\n  Return: {\n    isExternal: boolean;\n    isActive: boolean;\n    handleClick: (event: MouseEvent) => void;\n  };\n}\n\nexport default class Link extends Helper<Signature> {\n  @service declare router: RouterService;\n\n  compute(\n    [href]: [href: string],\n    {\n      includeActiveQueryParams = false,\n      activeOnSubPaths = false,\n    }: { includeActiveQueryParams?: boolean | string[]; activeOnSubPaths?: boolean }\n  ) {\n    assert('href was not passed in', href);\n\n    const router = this.router;\n    const handleClick = (event: MouseEvent) => {\n      assert('[BUG]', event.target instanceof HTMLAnchorElement);\n\n      handle(router, event.target, [], event);\n    };\n\n    return {\n      isExternal: isExternal(href),\n      get isActive() {\n        return isActive(router, href, includeActiveQueryParams, activeOnSubPaths);\n      },\n      handleClick,\n    };\n  }\n}\n\nexport const link = Link;\n\nexport function isExternal(href: string) {\n  if (!href) return false;\n  if (href.startsWith('#')) return false;\n  if (href.startsWith('/')) return false;\n\n  return location.origin !== new URL(href).origin;\n}\n\nexport function isActive(\n  router: RouterService,\n  href: string,\n  includeQueryParams?: boolean | string[],\n  activeOnSubPaths?: boolean\n) {\n  if (!includeQueryParams) {\n    /**\n     * is Active doesn't understand `href`, so we have to convert to RouteInfo-esque\n     */\n    const info = router.recognize(href);\n\n    if (info) {\n      const dynamicSegments = getParams(info);\n      const routeName = activeOnSubPaths ? info.name.replace(/\\.index$/, '') : info.name;\n\n      // eslint-disable-next-line @typescript-eslint/no-unsafe-argument\n      return router.isActive(routeName, ...dynamicSegments);\n    }\n\n    return false;\n  }\n\n  const url = new URL(href, location.origin);\n  const hrefQueryParams = new URLSearchParams(url.searchParams);\n  const hrefPath = url.pathname;\n\n  const currentPath = router.currentURL?.split('?')[0];\n\n  if (!currentPath) return false;\n\n  if (activeOnSubPaths ? !currentPath.startsWith(hrefPath) : hrefPath !== currentPath) return false;\n\n  const currentQueryParams = router.currentRoute?.queryParams;\n\n  if (!currentQueryParams) return false;\n\n  if (includeQueryParams === true) {\n    return Object.entries(currentQueryParams).every(([key, value]) => {\n      return hrefQueryParams.get(key) === value;\n    });\n  }\n\n  return includeQueryParams.every((key) => {\n    return hrefQueryParams.get(key) === currentQueryParams[key];\n  });\n}\n\ntype RouteInfo = ReturnType<RouterService['recognize']>;\n\nexport function getParams(currentRouteInfo: RouteInfo) {\n  let params: Record<string, unknown>[] = [];\n\n  while (currentRouteInfo?.parent) {\n    const currentParams = currentRouteInfo.params;\n\n    params = currentParams ? [currentParams, ...params] : params;\n    currentRouteInfo = currentRouteInfo.parent;\n  }\n\n  // eslint-disable-next-line @typescript-eslint/no-unsafe-return\n  return params.map(Object.values).flat();\n}\n"],"names":["Link","Helper","g","prototype","service","i","void 0","compute","href","includeActiveQueryParams","activeOnSubPaths","assert","router","handleClick","event","target","HTMLAnchorElement","handle","isExternal","isActive","link","startsWith","location","origin","URL","includeQueryParams","info","recognize","dynamicSegments","getParams","routeName","name","replace","url","hrefQueryParams","URLSearchParams","searchParams","hrefPath","pathname","currentPath","currentURL","split","currentQueryParams","currentRoute","queryParams","Object","entries","every","key","value","get","currentRouteInfo","params","parent","currentParams","map","values","flat"],"mappings":"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"}
+{"version":3,"file":"link.js","sources":["../../src/helpers/link.ts"],"sourcesContent":["import Helper from '@ember/component/helper';\nimport { assert } from '@ember/debug';\nimport { service } from '@ember/service';\n\nimport { handle } from '../proper-links.ts';\n\nimport type RouterService from '@ember/routing/router-service';\n\nexport interface Signature {\n  Args: {\n    Positional: [href: string];\n    Named: {\n      includeActiveQueryParams?: boolean | string[];\n      activeOnSubPaths?: boolean;\n    };\n  };\n  Return: {\n    isExternal: boolean;\n    isActive: boolean;\n    handleClick: (event: MouseEvent) => void;\n  };\n}\n\nexport default class Link extends Helper<Signature> {\n  @service declare router: RouterService;\n\n  compute(\n    [href]: [href: string],\n    {\n      includeActiveQueryParams = false,\n      activeOnSubPaths = false,\n    }: { includeActiveQueryParams?: boolean | string[]; activeOnSubPaths?: boolean }\n  ) {\n    assert('href was not passed in', href);\n\n    const router = this.router;\n    const handleClick = (event: MouseEvent) => {\n      assert('[BUG]', event.target instanceof HTMLAnchorElement);\n\n      handle(router, event.target, [], event);\n    };\n\n    return {\n      isExternal: isExternal(href),\n      get isActive() {\n        return isActive(router, href, includeActiveQueryParams, activeOnSubPaths);\n      },\n      handleClick,\n    };\n  }\n}\n\nexport const link = Link;\n\nexport function isExternal(href: string) {\n  if (!href) return false;\n  if (href.startsWith('#')) return false;\n  if (href.startsWith('/')) return false;\n\n  return location.origin !== new URL(href).origin;\n}\n\nexport function isActive(\n  router: RouterService,\n  href: string,\n  includeQueryParams?: boolean | string[],\n  activeOnSubPaths?: boolean\n) {\n  if (!includeQueryParams) {\n    /**\n     * is Active doesn't understand `href`, so we have to convert to RouteInfo-esque\n     */\n    const info = router.recognize(href);\n\n    if (info) {\n      const dynamicSegments = getParams(info);\n      const routeName = activeOnSubPaths ? info.name.replace(/\\.index$/, '') : info.name;\n\n      // eslint-disable-next-line @typescript-eslint/no-unsafe-argument\n      return router.isActive(routeName, ...dynamicSegments);\n    }\n\n    return false;\n  }\n\n  const url = new URL(href, location.origin);\n  const hrefQueryParams = new URLSearchParams(url.searchParams);\n  const hrefPath = url.pathname;\n\n  const currentPath = router.currentURL?.split('?')[0];\n\n  if (!currentPath) return false;\n\n  if (activeOnSubPaths ? !currentPath.startsWith(hrefPath) : hrefPath !== currentPath) return false;\n\n  const currentQueryParams = router.currentRoute?.queryParams;\n\n  if (!currentQueryParams) return false;\n\n  if (includeQueryParams === true) {\n    return Object.entries(currentQueryParams).every(([key, value]) => {\n      return hrefQueryParams.get(key) === value;\n    });\n  }\n\n  return includeQueryParams.every((key) => {\n    return hrefQueryParams.get(key) === currentQueryParams[key];\n  });\n}\n\ntype RouteInfo = ReturnType<RouterService['recognize']>;\n\nexport function getParams(currentRouteInfo: RouteInfo) {\n  let params: Record<string, unknown>[] = [];\n\n  while (currentRouteInfo?.parent) {\n    const currentParams = currentRouteInfo.params;\n\n    params = currentParams ? [currentParams, ...params] : params;\n    currentRouteInfo = currentRouteInfo.parent;\n  }\n\n  // eslint-disable-next-line @typescript-eslint/no-unsafe-return\n  return params.map(Object.values).flat();\n}\n"],"names":["Link","Helper","g","prototype","service","i","void 0","compute","href","includeActiveQueryParams","activeOnSubPaths","assert","router","handleClick","event","target","HTMLAnchorElement","handle","isExternal","isActive","link","startsWith","location","origin","URL","includeQueryParams","info","recognize","dynamicSegments","getParams","routeName","name","replace","url","hrefQueryParams","URLSearchParams","searchParams","hrefPath","pathname","currentPath","currentURL","split","currentQueryParams","currentRoute","queryParams","Object","entries","every","key","value","get","currentRouteInfo","params","parent","currentParams","map","values","flat"],"mappings":"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"}

package/dist/helpers/service.js.map

@@ -1 +1 @@
-{"version":3,"file":"service.js","sources":["../../src/helpers/service.ts"],"sourcesContent":["import Helper from '@ember/component/helper';\nimport { assert } from '@ember/debug';\nimport { getOwner } from '@ember/owner';\n\nimport type { Registry } from '@ember/service';\nimport type Service from '@ember/service';\n\nexport interface Signature<Key extends keyof Registry> {\n  Args: {\n    Positional: [Key];\n  };\n  Return: Registry[Key] & Service;\n}\n\nexport default class GetService<Key extends keyof Registry> extends Helper<Signature<Key>> {\n  compute(positional: [Key]): Registry[Key] & Service {\n    const owner = getOwner(this);\n\n    assert(`Could not get owner.`, owner);\n\n    return owner.lookup(`service:${positional[0]}`) as Registry[Key] & Service;\n  }\n}\n\nexport const service = GetService;\n"],"names":["GetService","Helper","compute","positional","owner","getOwner","assert","lookup","service"],"mappings":";;;;AAce,MAAMA,UAAU,SAAqCC,MAAM,CAAiB;EACzFC,OAAOA,CAACC,UAAiB,EAA2B;AAClD,IAAA,MAAMC,KAAK,GAAGC,QAAQ,CAAC,IAAI,CAAC;AAE5BC,IAAAA,MAAM,CAAC,CAAA,oBAAA,CAAsB,EAAEF,KAAK,CAAC;IAErC,OAAOA,KAAK,CAACG,MAAM,CAAC,CAAA,QAAA,EAAWJ,UAAU,CAAC,CAAC,CAAC,CAAA,CAAE,CAAC;AACjD;AACF;AAEO,MAAMK,OAAO,GAAGR;;;;"}
+{"version":3,"file":"service.js","sources":["../../src/helpers/service.ts"],"sourcesContent":["import Helper from '@ember/component/helper';\nimport { assert } from '@ember/debug';\nimport { getOwner } from '@ember/owner';\n\nimport type { Registry } from '@ember/service';\nimport type Service from '@ember/service';\n\nexport interface Signature<Key extends keyof Registry> {\n  Args: {\n    Positional: [Key];\n  };\n  Return: Registry[Key] & Service;\n}\n\nexport default class GetService<Key extends keyof Registry> extends Helper<Signature<Key>> {\n  compute(positional: [Key]): Registry[Key] & Service {\n    const owner = getOwner(this);\n\n    assert(`Could not get owner.`, owner);\n\n    return owner.lookup(`service:${positional[0]}`) as Registry[Key] & Service;\n  }\n}\n\nexport const service = GetService;\n"],"names":["GetService","Helper","compute","positional","owner","getOwner","assert","lookup","service"],"mappings":";;;;AAce,MAAMA,UAAU,SAAqCC,MAAM,CAAiB;EACzFC,OAAOA,CAACC,UAAiB,EAA2B;AAClD,IAAA,MAAMC,KAAK,GAAGC,QAAQ,CAAC,IAAI,CAAC;AAE5BC,IAAAA,MAAM,CAAC,CAAA,oBAAA,CAAsB,EAAEF,KAAK,CAAC;IAErC,OAAOA,KAAK,CAACG,MAAM,CAAC,CAAA,QAAA,EAAWJ,UAAU,CAAC,CAAC,CAAC,CAAA,CAAE,CAAC;AACjD,EAAA;AACF;AAEO,MAAMK,OAAO,GAAGR;;;;"}

package/dist/item-D6pwWzMs.js.map

@@ -1 +1 @@
-{"version":3,"file":"item-D6pwWzMs.js","sources":["../src/components/accordion/content.gts","../src/components/accordion/trigger.gts","../src/components/accordion/header.gts","../src/components/accordion/item.gts"],"sourcesContent":["import Component from \"@glimmer/component\";\n\nimport { getDataState } from \"./item.gts\";\n\nimport type { AccordionContentExternalSignature } from \"./public.ts\";\n\ninterface Signature extends AccordionContentExternalSignature {\n  Args: {\n    isExpanded: boolean;\n    value: string;\n    disabled?: boolean;\n  };\n}\n\nexport class AccordionContent extends Component<Signature> {\n  <template>\n    <div\n      role=\"region\"\n      id={{@value}}\n      data-state={{getDataState @isExpanded}}\n      hidden={{this.isHidden}}\n      data-disabled={{@disabled}}\n      ...attributes\n    >\n      {{yield}}\n    </div>\n  </template>\n\n  get isHidden() {\n    return !this.args.isExpanded;\n  }\n}\n\nexport default AccordionContent;\n","import { on } from \"@ember/modifier\";\n\nimport { getDataState } from \"./item.gts\";\n\nimport type { AccordionTriggerExternalSignature } from \"./public.ts\";\nimport type { TOC } from \"@ember/component/template-only\";\n\ninterface Signature extends AccordionTriggerExternalSignature {\n  Args: {\n    isExpanded: boolean;\n    value: string;\n    disabled?: boolean;\n    toggleItem: () => void;\n  };\n}\n\nexport const AccordionTrigger: TOC<Signature> = <template>\n  <button\n    type=\"button\"\n    aria-controls={{@value}}\n    aria-expanded={{@isExpanded}}\n    data-state={{getDataState @isExpanded}}\n    data-disabled={{@disabled}}\n    aria-disabled={{if @disabled \"true\" \"false\"}}\n    {{on \"click\" @toggleItem}}\n    ...attributes\n  >\n    {{yield}}\n  </button>\n</template>;\n\nexport default AccordionTrigger;\n","import { hash } from \"@ember/helper\";\n\nimport { getDataState } from \"./item.gts\";\nimport Trigger from \"./trigger.gts\";\n\nimport type { AccordionHeaderExternalSignature } from \"./public.ts\";\nimport type { TOC } from \"@ember/component/template-only\";\n\ninterface Signature extends AccordionHeaderExternalSignature {\n  Args: {\n    value: string;\n    isExpanded: boolean;\n    disabled?: boolean;\n    toggleItem: () => void;\n  };\n}\n\nexport const AccordionHeader: TOC<Signature> = <template>\n  <div\n    role=\"heading\"\n    aria-level=\"3\"\n    data-state={{getDataState @isExpanded}}\n    data-disabled={{@disabled}}\n    ...attributes\n  >\n    {{yield\n      (hash\n        Trigger=(component\n          Trigger value=@value isExpanded=@isExpanded disabled=@disabled toggleItem=@toggleItem\n        )\n      )\n    }}\n  </div>\n</template>;\n\nexport default AccordionHeader;\n","import Component from \"@glimmer/component\";\nimport { hash } from \"@ember/helper\";\n\nimport Content from \"./content.gts\";\nimport Header from \"./header.gts\";\n\nimport type { AccordionItemExternalSignature } from \"./public.ts\";\n\nexport function getDataState(isExpanded: boolean): string {\n  return isExpanded ? \"open\" : \"closed\";\n}\n\ninterface Signature extends AccordionItemExternalSignature {\n  Args: AccordionItemExternalSignature[\"Args\"] & {\n    selectedValue?: string | string[];\n    disabled?: boolean;\n    toggleItem: (value: string) => void;\n  };\n}\n\nexport class AccordionItem extends Component<Signature> {\n  <template>\n    <div data-state={{getDataState this.isExpanded}} data-disabled={{@disabled}} ...attributes>\n      {{yield\n        (hash\n          isExpanded=this.isExpanded\n          Header=(component\n            Header\n            value=@value\n            isExpanded=this.isExpanded\n            disabled=@disabled\n            toggleItem=this.toggleItem\n          )\n          Content=(component Content value=@value isExpanded=this.isExpanded disabled=@disabled)\n        )\n      }}\n    </div>\n  </template>\n\n  get isExpanded(): boolean {\n    if (Array.isArray(this.args.selectedValue)) {\n      return this.args.selectedValue.includes(this.args.value);\n    }\n\n    return this.args.selectedValue === this.args.value;\n  }\n\n  toggleItem = (): void => {\n    if (this.args.disabled) return;\n\n    this.args.toggleItem(this.args.value);\n  };\n}\n\nexport default AccordionItem;\n"],"names":["AccordionContent","Component","setComponentTemplate","precompileTemplate","strictMode","scope","getDataState","isHidden","args","isExpanded","AccordionTrigger","on","templateOnly","AccordionHeader","hash","Trigger","AccordionItem","Header","Content","Array","isArray","selectedValue","includes","value","toggleItem","disabled"],"mappings":";;;;;;;AAcO,MAAMA,yBAAyBC,SAAA,CAAU;AAC9C,EAAA;IAAAC,oBAAA,CAAAC,kBAAA,CAAA,uLAAA,EAWA;MAAAC,UAAA,EAAA,IAAA;AAAAC,MAAAA,KAAA,EAAAA,OAAA;AAAAC,QAAAA;AAAA,OAAA;KAAU,CAAA,EAAV,IAAW,CAAA;AAAD;EAEV,IAAIC,QAAAA,GAAW;AACb,IAAA,OAAO,CAAC,IAAI,CAACC,IAAI,CAACC,UAAU;AAC9B;AACF;;MCfaC,gBAAsB,GAAAR,oBAAA,CAAaC,kBAAA,CAAA,oRAAA,EAahD;EAAAC,UAAA,EAAA,IAAA;AAAAC,EAAAA,KAAA,EAAAA,OAAA;IAAAC,YAAA;AAAAK,IAAAA;AAAA,GAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA;;MCZGC,eAAqB,GAAAX,oBAAA,CAAaC,kBAAA,CAAA,2QAAA,EAgB/C;EAAAC,UAAA,EAAA,IAAA;AAAAC,EAAAA,KAAA,EAAAA,OAAA;IAAAC,YAAA;IAAAQ,IAAA;AAAAC,aAAAA;AAAA,GAAA;AAAU,CAAA,CAAA,EAAAH,YAAA,EAAA;;ACzBH,SAASN,YAAAA,CAAaG,UAAmB,EAAS;AACvD,EAAA,OAAOA,aAAa,MAAA,GAAS,QAAA;AAC/B;AAUO,MAAMO,sBAAsBf,SAAA,CAAU;AAC3C,EAAA;IAAAC,oBAAA,CAAAC,kBAAA,CAAA,6WAAA,EAgBA;MAAAC,UAAA,EAAA,IAAA;AAAAC,MAAAA,KAAA,EAAAA,OAAA;QAAAC,YAAA;QAAAQ,IAAA;gBAAAG,eAAA;AAAAC,iBAAAA;AAAA,OAAA;KAAU,CAAA,EAAV,IAAW,CAAA;AAAD;EAEV,IAAIT,UAAAA,GAAsB;IACxB,IAAIU,KAAA,CAAMC,OAAO,CAAC,IAAI,CAACZ,IAAI,CAACa,aAAa,CAAA,EAAG;AAC1C,MAAA,OAAO,IAAI,CAACb,IAAI,CAACa,aAAa,CAACC,QAAQ,CAAC,IAAI,CAACd,IAAI,CAACe,KAAK,CAAA;AACzD;IAEA,OAAO,IAAI,CAACf,IAAI,CAACa,aAAa,KAAK,IAAI,CAACb,IAAI,CAACe,KAAK;AACpD;EAEAC,UAAA,GAAaA,MAAQ;AACnB,IAAA,IAAI,IAAI,CAAChB,IAAI,CAACiB,QAAQ,EAAE;IAExB,IAAI,CAACjB,IAAI,CAACgB,UAAU,CAAC,IAAI,CAAChB,IAAI,CAACe,KAAK,CAAA;GACtC;AACF;;;;"}
+{"version":3,"file":"item-D6pwWzMs.js","sources":["../src/components/accordion/content.gts","../src/components/accordion/trigger.gts","../src/components/accordion/header.gts","../src/components/accordion/item.gts"],"sourcesContent":["import Component from \"@glimmer/component\";\n\nimport { getDataState } from \"./item.gts\";\n\nimport type { AccordionContentExternalSignature } from \"./public.ts\";\n\ninterface Signature extends AccordionContentExternalSignature {\n  Args: {\n    isExpanded: boolean;\n    value: string;\n    disabled?: boolean;\n  };\n}\n\nexport class AccordionContent extends Component<Signature> {\n  <template>\n    <div\n      role=\"region\"\n      id={{@value}}\n      data-state={{getDataState @isExpanded}}\n      hidden={{this.isHidden}}\n      data-disabled={{@disabled}}\n      ...attributes\n    >\n      {{yield}}\n    </div>\n  </template>\n\n  get isHidden() {\n    return !this.args.isExpanded;\n  }\n}\n\nexport default AccordionContent;\n","import { on } from \"@ember/modifier\";\n\nimport { getDataState } from \"./item.gts\";\n\nimport type { AccordionTriggerExternalSignature } from \"./public.ts\";\nimport type { TOC } from \"@ember/component/template-only\";\n\ninterface Signature extends AccordionTriggerExternalSignature {\n  Args: {\n    isExpanded: boolean;\n    value: string;\n    disabled?: boolean;\n    toggleItem: () => void;\n  };\n}\n\nexport const AccordionTrigger: TOC<Signature> = <template>\n  <button\n    type=\"button\"\n    aria-controls={{@value}}\n    aria-expanded={{@isExpanded}}\n    data-state={{getDataState @isExpanded}}\n    data-disabled={{@disabled}}\n    aria-disabled={{if @disabled \"true\" \"false\"}}\n    {{on \"click\" @toggleItem}}\n    ...attributes\n  >\n    {{yield}}\n  </button>\n</template>;\n\nexport default AccordionTrigger;\n","import { hash } from \"@ember/helper\";\n\nimport { getDataState } from \"./item.gts\";\nimport Trigger from \"./trigger.gts\";\n\nimport type { AccordionHeaderExternalSignature } from \"./public.ts\";\nimport type { TOC } from \"@ember/component/template-only\";\n\ninterface Signature extends AccordionHeaderExternalSignature {\n  Args: {\n    value: string;\n    isExpanded: boolean;\n    disabled?: boolean;\n    toggleItem: () => void;\n  };\n}\n\nexport const AccordionHeader: TOC<Signature> = <template>\n  <div\n    role=\"heading\"\n    aria-level=\"3\"\n    data-state={{getDataState @isExpanded}}\n    data-disabled={{@disabled}}\n    ...attributes\n  >\n    {{yield\n      (hash\n        Trigger=(component\n          Trigger value=@value isExpanded=@isExpanded disabled=@disabled toggleItem=@toggleItem\n        )\n      )\n    }}\n  </div>\n</template>;\n\nexport default AccordionHeader;\n","import Component from \"@glimmer/component\";\nimport { hash } from \"@ember/helper\";\n\nimport Content from \"./content.gts\";\nimport Header from \"./header.gts\";\n\nimport type { AccordionItemExternalSignature } from \"./public.ts\";\n\nexport function getDataState(isExpanded: boolean): string {\n  return isExpanded ? \"open\" : \"closed\";\n}\n\ninterface Signature extends AccordionItemExternalSignature {\n  Args: AccordionItemExternalSignature[\"Args\"] & {\n    selectedValue?: string | string[];\n    disabled?: boolean;\n    toggleItem: (value: string) => void;\n  };\n}\n\nexport class AccordionItem extends Component<Signature> {\n  <template>\n    <div data-state={{getDataState this.isExpanded}} data-disabled={{@disabled}} ...attributes>\n      {{yield\n        (hash\n          isExpanded=this.isExpanded\n          Header=(component\n            Header\n            value=@value\n            isExpanded=this.isExpanded\n            disabled=@disabled\n            toggleItem=this.toggleItem\n          )\n          Content=(component Content value=@value isExpanded=this.isExpanded disabled=@disabled)\n        )\n      }}\n    </div>\n  </template>\n\n  get isExpanded(): boolean {\n    if (Array.isArray(this.args.selectedValue)) {\n      return this.args.selectedValue.includes(this.args.value);\n    }\n\n    return this.args.selectedValue === this.args.value;\n  }\n\n  toggleItem = (): void => {\n    if (this.args.disabled) return;\n\n    this.args.toggleItem(this.args.value);\n  };\n}\n\nexport default AccordionItem;\n"],"names":["AccordionContent","Component","setComponentTemplate","precompileTemplate","strictMode","scope","getDataState","isHidden","args","isExpanded","AccordionTrigger","on","templateOnly","AccordionHeader","hash","Trigger","AccordionItem","Header","Content","Array","isArray","selectedValue","includes","value","toggleItem","disabled"],"mappings":";;;;;;;AAcO,MAAMA,yBAAyBC,SAAA,CAAU;AAC9C,EAAA;IAAAC,oBAAA,CAAAC,kBAAA,CAAA,uLAAA,EAWA;MAAAC,UAAA,EAAA,IAAA;AAAAC,MAAAA,KAAA,EAAAA,OAAA;AAAAC,QAAAA;AAAA,OAAA;KAAU,CAAA,EAAV,IAAW,CAAA;AAAD;EAEV,IAAIC,QAAAA,GAAW;AACb,IAAA,OAAO,CAAC,IAAI,CAACC,IAAI,CAACC,UAAU;AAC9B,EAAA;AACF;;MCfaC,gBAAsB,GAAAR,oBAAA,CAAaC,kBAAA,CAAA,oRAAA,EAahD;EAAAC,UAAA,EAAA,IAAA;AAAAC,EAAAA,KAAA,EAAAA,OAAA;IAAAC,YAAA;AAAAK,IAAAA;AAAA,GAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA;;MCZGC,eAAqB,GAAAX,oBAAA,CAAaC,kBAAA,CAAA,2QAAA,EAgB/C;EAAAC,UAAA,EAAA,IAAA;AAAAC,EAAAA,KAAA,EAAAA,OAAA;IAAAC,YAAA;IAAAQ,IAAA;AAAAC,aAAAA;AAAA,GAAA;AAAU,CAAA,CAAA,EAAAH,YAAA,EAAA;;ACzBH,SAASN,YAAAA,CAAaG,UAAmB,EAAS;AACvD,EAAA,OAAOA,aAAa,MAAA,GAAS,QAAA;AAC/B;AAUO,MAAMO,sBAAsBf,SAAA,CAAU;AAC3C,EAAA;IAAAC,oBAAA,CAAAC,kBAAA,CAAA,6WAAA,EAgBA;MAAAC,UAAA,EAAA,IAAA;AAAAC,MAAAA,KAAA,EAAAA,OAAA;QAAAC,YAAA;QAAAQ,IAAA;gBAAAG,eAAA;AAAAC,iBAAAA;AAAA,OAAA;KAAU,CAAA,EAAV,IAAW,CAAA;AAAD;EAEV,IAAIT,UAAAA,GAAsB;IACxB,IAAIU,KAAA,CAAMC,OAAO,CAAC,IAAI,CAACZ,IAAI,CAACa,aAAa,CAAA,EAAG;AAC1C,MAAA,OAAO,IAAI,CAACb,IAAI,CAACa,aAAa,CAACC,QAAQ,CAAC,IAAI,CAACd,IAAI,CAACe,KAAK,CAAA;AACzD,IAAA;IAEA,OAAO,IAAI,CAACf,IAAI,CAACa,aAAa,KAAK,IAAI,CAACb,IAAI,CAACe,KAAK;AACpD,EAAA;EAEAC,UAAA,GAAaA,MAAQ;AACnB,IAAA,IAAI,IAAI,CAAChB,IAAI,CAACiB,QAAQ,EAAE;IAExB,IAAI,CAACjB,IAAI,CAACgB,UAAU,CAAC,IAAI,CAAChB,IAAI,CAACe,KAAK,CAAA;EACtC,CAAA;AACF;;;;"}

package/dist/on-resize.js.map

@@ -1 +1 @@
-{"version":3,"file":"on-resize.js","sources":["../src/on-resize.ts"],"sourcesContent":["import { assert } from '@ember/debug';\nimport { registerDestructor } from '@ember/destroyable';\n\nimport Modifier, { type ArgsFor } from 'ember-modifier';\n\nimport type Owner from '@ember/owner';\n\nexport interface Signature {\n  /**\n   * Any element that is resizable can have onResize attached\n   */\n  Element: Element;\n  Args: {\n    Positional: [\n      /**\n       * The ResizeObserver callback will only receive\n       * one entry per resize event.\n       *\n       * See: [ResizeObserverEntry](https://developer.mozilla.org/en-US/docs/Web/API/ResizeObserverEntry)\n       */\n      callback: (entry: ResizeObserverEntry) => void,\n    ];\n  };\n}\n\nclass OnResize extends Modifier<Signature> {\n  #callback: ((entry: ResizeObserverEntry) => void) | null = null;\n  #element: Element | null = null;\n\n  #resizeObserver: ResizeObserverManager = new ResizeObserverManager();\n\n  constructor(owner: Owner, args: ArgsFor<Signature>) {\n    super(owner, args);\n\n    registerDestructor(this, () => {\n      if (this.#element && this.#callback) {\n        this.#resizeObserver.unobserve(this.#element, this.#callback);\n      }\n    });\n  }\n\n  modify(element: Element, [callback]: [callback: (entry: ResizeObserverEntry) => void]) {\n    assert(\n      `{{onResize}}: callback must be a function, but was ${callback as unknown as string}`,\n      typeof callback === 'function'\n    );\n\n    if (this.#element && this.#callback) {\n      this.#resizeObserver.unobserve(this.#element, this.#callback);\n    }\n\n    this.#resizeObserver.observe(element, callback);\n\n    this.#callback = callback;\n    this.#element = element;\n  }\n}\n\nexport const onResize = OnResize;\n\nconst errorMessages = [\n  'ResizeObserver loop limit exceeded',\n  'ResizeObserver loop completed with undelivered notifications.',\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\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 default 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":["OnResize","Modifier","ResizeObserverManager","constructor","owner","args","registerDestructor","unobserve","modify","element","callback","assert","observe","onResize","errorMessages","WeakMap","entries","entry","callbacks","get","target","ResizeObserver","ignoreROError","disconnect","add","set","Set","delete","size","window","onerror","onError","message","includes"],"mappings":"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"}
+{"version":3,"file":"on-resize.js","sources":["../src/on-resize.ts"],"sourcesContent":["import { assert } from '@ember/debug';\nimport { registerDestructor } from '@ember/destroyable';\n\nimport Modifier, { type ArgsFor } from 'ember-modifier';\n\nimport type Owner from '@ember/owner';\n\nexport interface Signature {\n  /**\n   * Any element that is resizable can have onResize attached\n   */\n  Element: Element;\n  Args: {\n    Positional: [\n      /**\n       * The ResizeObserver callback will only receive\n       * one entry per resize event.\n       *\n       * See: [ResizeObserverEntry](https://developer.mozilla.org/en-US/docs/Web/API/ResizeObserverEntry)\n       */\n      callback: (entry: ResizeObserverEntry) => void,\n    ];\n  };\n}\n\nclass OnResize extends Modifier<Signature> {\n  #callback: ((entry: ResizeObserverEntry) => void) | null = null;\n  #element: Element | null = null;\n\n  #resizeObserver: ResizeObserverManager = new ResizeObserverManager();\n\n  constructor(owner: Owner, args: ArgsFor<Signature>) {\n    super(owner, args);\n\n    registerDestructor(this, () => {\n      if (this.#element && this.#callback) {\n        this.#resizeObserver.unobserve(this.#element, this.#callback);\n      }\n    });\n  }\n\n  modify(element: Element, [callback]: [callback: (entry: ResizeObserverEntry) => void]) {\n    assert(\n      `{{onResize}}: callback must be a function, but was ${callback as unknown as string}`,\n      typeof callback === 'function'\n    );\n\n    if (this.#element && this.#callback) {\n      this.#resizeObserver.unobserve(this.#element, this.#callback);\n    }\n\n    this.#resizeObserver.observe(element, callback);\n\n    this.#callback = callback;\n    this.#element = element;\n  }\n}\n\nexport const onResize = OnResize;\n\nconst errorMessages = [\n  'ResizeObserver loop limit exceeded',\n  'ResizeObserver loop completed with undelivered notifications.',\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\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 default 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":["OnResize","Modifier","ResizeObserverManager","constructor","owner","args","registerDestructor","unobserve","modify","element","callback","assert","observe","onResize","errorMessages","WeakMap","entries","entry","callbacks","get","target","ResizeObserver","ignoreROError","disconnect","add","set","Set","delete","size","window","onerror","onError","message","includes"],"mappings":"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"}