ember-primitives 0.32.0 → 0.34.0

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,QAAiB,SAAAC,SAAA;AAwF5BC,EAAAA,GAAM,GAAAC,QAAA,CAAUC,EAAI,IAAA;IAClB,IAAI,CAACC,aAAa,GAAGD,EAAA;AACvB,GAAG,CAAA;AAEH,EAAA,MAAM;EAENE,cAAiB,GAAAA,MAAA;AACf,IAAA,IAAI,IAAI,CAAC,MAAM,EAAE;AACfC,MAAAA,oBAAqB,CAAA,IAAI,CAAC,MAAM,CAAA;AAClC;AAEA,IAAA,IAAI,CAAC,MAAM,GAAGC,qBAAsB,CAAA,MAAA;MAClC,IAAIC,WAAY,CAAA,IAAI,CAAK,IAAAC,YAAA,CAAa,IAAI,CAAG,EAAA;AAE7C,MAAA,IAAI,CAACL,aAAa,CAACM,QAAQ,CAAC;AAC1BC,QAAAA,GAAA,EAAK,IAAI,CAACP,aAAa,CAACQ,YAAY;AACpCC,QAAAA,QAAU,EAAA;AACZ,OAAA,CAAA;AACF,KAAA,CAAA;GACA;EAEFC,WAAc,GAAAA,MAAA;AACZ,IAAA,IAAI,IAAI,CAAC,MAAM,EAAE;AACfR,MAAAA,oBAAqB,CAAA,IAAI,CAAC,MAAM,CAAA;AAClC;AAEA,IAAA,IAAI,CAAC,MAAM,GAAGC,qBAAsB,CAAA,MAAA;MAClC,IAAIC,WAAY,CAAA,IAAI,CAAK,IAAAC,YAAA,CAAa,IAAI,CAAG,EAAA;AAE7C,MAAA,IAAI,CAACL,aAAa,CAACM,QAAQ,CAAC;AAC1BC,QAAAA,GAAK,EAAA,CAAA;AACLE,QAAAA,QAAU,EAAA;AACZ,OAAA,CAAA;AACF,KAAA,CAAA;GACA;EAEFE,YAAe,GAAAA,MAAA;AACb,IAAA,IAAI,IAAI,CAAC,MAAM,EAAE;AACfT,MAAAA,oBAAqB,CAAA,IAAI,CAAC,MAAM,CAAA;AAClC;AAEA,IAAA,IAAI,CAAC,MAAM,GAAGC,qBAAsB,CAAA,MAAA;MAClC,IAAIC,WAAY,CAAA,IAAI,CAAK,IAAAC,YAAA,CAAa,IAAI,CAAG,EAAA;AAE7C,MAAA,IAAI,CAACL,aAAa,CAACM,QAAQ,CAAC;AAC1BM,QAAAA,IAAM,EAAA,CAAA;AACNH,QAAAA,QAAU,EAAA;AACZ,OAAA,CAAA;AACF,KAAA,CAAA;GACA;EAEFI,aAAgB,GAAAA,MAAA;AACd,IAAA,IAAI,IAAI,CAAC,MAAM,EAAE;AACfX,MAAAA,oBAAqB,CAAA,IAAI,CAAC,MAAM,CAAA;AAClC;AAEA,IAAA,IAAI,CAAC,MAAM,GAAGC,qBAAsB,CAAA,MAAA;MAClC,IAAIC,WAAY,CAAA,IAAI,CAAK,IAAAC,YAAA,CAAa,IAAI,CAAG,EAAA;AAE7C,MAAA,IAAI,CAACL,aAAa,CAACM,QAAQ,CAAC;AAC1BM,QAAAA,IAAA,EAAM,IAAI,CAACZ,aAAa,CAACc,WAAW;AACpCL,QAAAA,QAAU,EAAA;AACZ,OAAA,CAAA;AACF,KAAA,CAAA;GACA;AAEF,EAAA;IAAAM,oBAAA,CAAAC,kBAAA,CAWA,+NAAA,EAAA;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,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;;;;"}

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,MAAS,GAAAA,MAAA;AACb,EAAA,MAAMC,SAASC,IAAK,EAAA;EAEpB,OAAO;IACL,IAAIC,IAAOA,GAAA;MACT,OAAOF,OAAOG,OAAO;KACvB;AACAC,IAAAA,MAAQ,EAAAC,QAAA,CAAUC,OAAS,IAAA;AACzB,MAAA,MAAMC,UAAA,GAAaD,OAAQ,CAAAE,YAAY,CAAC;AAAEC,QAAAA,IAAM,EAAA;AAAO,OAAA,CAAA;AACvD,MAAA,MAAMC,GAAA,GAAMC,QAAS,CAAAC,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,MAAS,GAAAC,oBAAA,CAAAC,kBAAA,CAQf,0HAAA,EAAA;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,CAiBL,gYAAA,EAAA;EAAAC,UAAA,EAAA,IAAA;AAAAC,EAAAA,KAAA,EAAAA,OAAA;IAAAzB,MAAA;AAAAqB,IAAAA;AAAA,GAAA;AAAU,CAAE,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;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;;;;"}

package/dist/components/switch.js.map

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

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/toggle.js.map

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

package/dist/components/violations.css

@@ -75,10 +75,10 @@ div[data-prim-switch]:not(:has(label)):has(input[role="switch"]) input[role="swi
     border-color: black;
   }
   :is(
-      a[href="##missing##"],
-      span[data-prim-avatar]:has(img[alt="__missing__"]),
-      div[data-prim-switch]:not(:has(label)):has(input[role="switch"]) input[role="switch"]
-    ):after {
+    a[href="##missing##"],
+    span[data-prim-avatar]:has(img[alt="__missing__"]),
+    div[data-prim-switch]:not(:has(label)):has(input[role="switch"]) input[role="switch"]
+  ):after {
     background: white;
     border: 1px solid black;
     color: darkred;
@@ -94,10 +94,10 @@ div[data-prim-switch]:not(:has(label)):has(input[role="switch"]) input[role="swi
     border-color: red;
   }
   :is(
-      a[href="##missing##"],
-      span[data-prim-avatar]:has(img[alt="__missing__"]),
-      div[data-prim-switch]:not(:has(label)):has(input[role="switch"]) input[role="switch"]
-    ):after {
+    a[href="##missing##"],
+    span[data-prim-avatar]:has(img[alt="__missing__"]),
+    div[data-prim-switch]:not(:has(label)):has(input[role="switch"]) input[role="switch"]
+  ):after {
     background: #222;
     border: 1px solid red;
     color: red;

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

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

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

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,GAAM,GAAAC,QAAA,CAKT,CAACC,OAAmC,EAAAC,UAAA,KAAA;AACrC,EAAA,MAAMC,EAAA,GAAKD,UAAU,CAAC,CAAE,CAAA;EAExBC,EAAG,CAAAF,OAAA,CAAA;AACL,CAAA,CAAA;AAEA;;;;;;;;;;;;;;;;;;AAkBO,MAAMG,UAAA,SAAmBC,SAAU,CAAA;AAAA,EAAA;IAAAC,CAAA,CAAA,IAAA,CAAAC,SAAA,EAAA,WAAA,EAAA,CACvCC,OAAA,CAAA,EAAA,YAAA;AAAA,MAAA,OAA+CC,SAAU;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,CACzDC,OAAA,CAAA,EAAA,YAAA;AAAA,MAAA,OAAiCC,SAAU;AAAA,KAAA,CAAA;AAAA;AAAA,EAAA,KAAA,IAAAC,CAAA,CAAA,IAAA,EAAA,MAAA,CAAA,EAAAC,MAAA;AAE5CC,EAAAA,OAAS,GAA2BC,IAAS,IAAC,IAAI,CAACA,IAAI,GAAGA,IAAM;EAEhEC,YAAe,GAACb,OAAuB,IAAA;IACrC,IAAI,CAACc,SAAS,GAAGd,OAAA;GACjB;AAEF,EAAA;IAAAe,oBAAA,CAAAC,kBAAA,CAwBA,mjBAAA,EAAA;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,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;;;;"}

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,CAAGK,EAAAA,CAAC,CAAI,EAAA,CAAA;MACbJ,IAAI,EAAE,CAAGG,EAAAA,CAAC,CAAI,EAAA,CAAA;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;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;;;;"}

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,SAAU,CAAA;AAC9C,EAAA;IAAAC,oBAAA,CAAAC,kBAAA,CAWA,uLAAA,EAAA;MAAAC,UAAA,EAAA,IAAA;AAAAC,MAAAA,KAAA,EAAAA,OAAA;AAAAC,QAAAA;AAAA,OAAA;KAAU,CAAA,EAAV,IAAW,CAAA;AAAD;EAEV,IAAIC,QAAWA,GAAA;AACb,IAAA,OAAO,CAAC,IAAI,CAACC,IAAI,CAACC,UAAU;AAC9B;AACF;;MCfaC,gBAAsB,GAAAR,oBAAA,CAAaC,kBAAA,CAahD,oRAAA,EAAA;EAAAC,UAAA,EAAA,IAAA;AAAAC,EAAAA,KAAA,EAAAA,OAAA;IAAAC,YAAA;AAAAK,IAAAA;AAAA,GAAA;AAAU,CAAE,CAAA,EAAAC,YAAA,EAAA;;MCZCC,eAAqB,GAAAX,oBAAA,CAAaC,kBAAA,CAgB/C,2QAAA,EAAA;EAAAC,UAAA,EAAA,IAAA;AAAAC,EAAAA,KAAA,EAAAA,OAAA;IAAAC,YAAA;IAAAQ,IAAA;AAAAC,aAAAA;AAAA,GAAA;AAAU,CAAE,CAAA,EAAAH,YAAA,EAAA;;ACzBL,SAASN,YAAAA,CAAaG,UAAmB,EAAS;AACvD,EAAA,OAAOA,aAAa,MAAS,GAAA,QAAA;AAC/B;AAUO,MAAMO,sBAAsBf,SAAU,CAAA;AAC3C,EAAA;IAAAC,oBAAA,CAAAC,kBAAA,CAgBA,6WAAA,EAAA;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,CAAG,EAAA;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;GACpC;AACJ;;;;"}
+{"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;;;;"}

package/dist/proper-links.js.map

@@ -1 +1 @@
-{"version":3,"file":"proper-links.js","sources":["../src/proper-links.ts"],"sourcesContent":["import { assert } from '@ember/debug';\nimport { registerDestructor } from '@ember/destroyable';\nimport { getOwner } from '@ember/owner';\n\nimport { getAnchor, shouldHandle } from 'should-handle-link';\n\nimport type EmberRouter from '@ember/routing/router';\nimport type RouterService from '@ember/routing/router-service';\n\nexport { shouldHandle } from 'should-handle-link';\n\ntype Constructor<T extends object = object> = { new (...args: any[]): T };\n\nexport interface Options {\n  ignore?: string[];\n}\n\nexport function properLinks(\n  options: Options\n): <Instance extends object, Klass = { new (...args: any[]): Instance }>(klass: Klass) => Klass;\n\nexport function properLinks<Instance extends object, Klass = { new (...args: any[]): Instance }>(\n  klass: Klass\n): Klass;\n/**\n * @internal\n */\nexport function properLinks<Instance extends object, Klass = { new (...args: any[]): Instance }>(\n  options: Options,\n  klass: Klass\n): Klass;\n\nexport function properLinks<Instance extends object, Klass = { new (...args: any[]): Instance }>(\n  ...args: [Options] | [Klass] | [Options, Klass]\n): Klass | ((klass: Klass) => Klass) {\n  let options: Options = {};\n\n  let klass: undefined | Klass = undefined;\n\n  if (args.length === 2) {\n    options = args[0];\n    klass = args[1];\n  } else if (args.length === 1) {\n    if (typeof args[0] === 'object') {\n      // TODO: how to get first arg type correct?\n      // eslint-disable-next-line @typescript-eslint/no-unsafe-argument\n      return (klass: Klass) => properLinks(args[0] as any, klass);\n    } else {\n      klass = args[0];\n    }\n  }\n\n  const ignore = options.ignore || [];\n\n  assert(`klass was not defined. possibile incorrect arity given to properLinks`, klass);\n\n  return class RouterWithProperLinks extends (klass as unknown as Constructor<EmberRouter>) {\n    // SAFETY: we literally do not care about the args' type here,\n    //         because we just call super\n    constructor(...args: any[]) {\n      // eslint-disable-next-line @typescript-eslint/no-unsafe-argument\n      super(...args);\n\n      setup(this, ignore);\n    }\n  } as unknown as Klass;\n}\n\n/**\n * Setup proper links without a decorator.\n * This function only requires that a framework object with an owner is passed.\n */\nexport function setup(parent: object, ignore?: string[]) {\n  const handler = (event: MouseEvent) => {\n    /**\n     * event.target may not be an anchor,\n     * it may be a span, svg, img, or any number of elements nested in <a>...</a>\n     */\n    const interactive = getAnchor(event);\n\n    if (!interactive) return;\n\n    const owner = getOwner(parent);\n\n    assert('owner is not present', owner);\n\n    const routerService = owner.lookup('service:router');\n\n    handle(routerService, interactive, ignore ?? [], event);\n  };\n\n  document.body.addEventListener('click', handler, false);\n\n  registerDestructor(parent, () => document.body.removeEventListener('click', handler));\n}\n\nexport function handle(\n  router: RouterService,\n  element: HTMLAnchorElement,\n  ignore: string[],\n  event: MouseEvent\n) {\n  if (!shouldHandle(location.href, element, event, ignore)) {\n    return;\n  }\n\n  const url = new URL(element.href);\n\n  const fullHref = `${url.pathname}${url.search}${url.hash}`;\n\n  const rootURL = router.rootURL;\n\n  let withoutRootURL = fullHref.slice(rootURL.length);\n\n  // re-add the \"root\" sigil\n  // we removed it when we chopped off the rootURL,\n  // because the rootURL often has this attached to it as well\n  if (!withoutRootURL.startsWith('/')) {\n    withoutRootURL = `/${withoutRootURL}`;\n  }\n\n  try {\n    const routeInfo = router.recognize(fullHref);\n\n    if (routeInfo) {\n      event.preventDefault();\n      event.stopImmediatePropagation();\n      event.stopPropagation();\n\n      router.transitionTo(withoutRootURL);\n\n      return false;\n    }\n  } catch (e) {\n    if (e instanceof Error && e.name === 'UnrecognizedURLError') {\n      return;\n    }\n\n    throw e;\n  }\n}\n"],"names":["properLinks","args","options","klass","undefined","length","ignore","assert","RouterWithProperLinks","constructor","setup","parent","handler","event","interactive","getAnchor","owner","getOwner","routerService","lookup","handle","document","body","addEventListener","registerDestructor","removeEventListener","router","element","shouldHandle","location","href","url","URL","fullHref","pathname","search","hash","rootURL","withoutRootURL","slice","startsWith","routeInfo","recognize","preventDefault","stopImmediatePropagation","stopPropagation","transitionTo","e","Error","name"],"mappings":"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"}
+{"version":3,"file":"proper-links.js","sources":["../src/proper-links.ts"],"sourcesContent":["import { assert } from '@ember/debug';\nimport { registerDestructor } from '@ember/destroyable';\nimport { getOwner } from '@ember/owner';\n\nimport { getAnchor, shouldHandle } from 'should-handle-link';\n\nimport type EmberRouter from '@ember/routing/router';\nimport type RouterService from '@ember/routing/router-service';\n\nexport { shouldHandle } from 'should-handle-link';\n\ntype Constructor<T extends object = object> = { new (...args: any[]): T };\n\nexport interface Options {\n  ignore?: string[];\n}\n\nexport function properLinks(\n  options: Options\n): <Instance extends object, Klass = { new (...args: any[]): Instance }>(klass: Klass) => Klass;\n\nexport function properLinks<Instance extends object, Klass = { new (...args: any[]): Instance }>(\n  klass: Klass\n): Klass;\n/**\n * @internal\n */\nexport function properLinks<Instance extends object, Klass = { new (...args: any[]): Instance }>(\n  options: Options,\n  klass: Klass\n): Klass;\n\nexport function properLinks<Instance extends object, Klass = { new (...args: any[]): Instance }>(\n  ...args: [Options] | [Klass] | [Options, Klass]\n): Klass | ((klass: Klass) => Klass) {\n  let options: Options = {};\n\n  let klass: undefined | Klass = undefined;\n\n  if (args.length === 2) {\n    options = args[0];\n    klass = args[1];\n  } else if (args.length === 1) {\n    if (typeof args[0] === 'object') {\n      // TODO: how to get first arg type correct?\n      // eslint-disable-next-line @typescript-eslint/no-unsafe-argument\n      return (klass: Klass) => properLinks(args[0] as any, klass);\n    } else {\n      klass = args[0];\n    }\n  }\n\n  const ignore = options.ignore || [];\n\n  assert(`klass was not defined. possibile incorrect arity given to properLinks`, klass);\n\n  return class RouterWithProperLinks extends (klass as unknown as Constructor<EmberRouter>) {\n    // SAFETY: we literally do not care about the args' type here,\n    //         because we just call super\n    constructor(...args: any[]) {\n      // eslint-disable-next-line @typescript-eslint/no-unsafe-argument\n      super(...args);\n\n      setup(this, ignore);\n    }\n  } as unknown as Klass;\n}\n\n/**\n * Setup proper links without a decorator.\n * This function only requires that a framework object with an owner is passed.\n */\nexport function setup(parent: object, ignore?: string[]) {\n  const handler = (event: MouseEvent) => {\n    /**\n     * event.target may not be an anchor,\n     * it may be a span, svg, img, or any number of elements nested in <a>...</a>\n     */\n    const interactive = getAnchor(event);\n\n    if (!interactive) return;\n\n    const owner = getOwner(parent);\n\n    assert('owner is not present', owner);\n\n    const routerService = owner.lookup('service:router');\n\n    handle(routerService, interactive, ignore ?? [], event);\n  };\n\n  document.body.addEventListener('click', handler, false);\n\n  registerDestructor(parent, () => document.body.removeEventListener('click', handler));\n}\n\nexport function handle(\n  router: RouterService,\n  element: HTMLAnchorElement,\n  ignore: string[],\n  event: MouseEvent\n) {\n  if (!shouldHandle(location.href, element, event, ignore)) {\n    return;\n  }\n\n  const url = new URL(element.href);\n\n  const fullHref = `${url.pathname}${url.search}${url.hash}`;\n\n  const rootURL = router.rootURL;\n\n  let withoutRootURL = fullHref.slice(rootURL.length);\n\n  // re-add the \"root\" sigil\n  // we removed it when we chopped off the rootURL,\n  // because the rootURL often has this attached to it as well\n  if (!withoutRootURL.startsWith('/')) {\n    withoutRootURL = `/${withoutRootURL}`;\n  }\n\n  try {\n    const routeInfo = router.recognize(fullHref);\n\n    if (routeInfo) {\n      event.preventDefault();\n      event.stopImmediatePropagation();\n      event.stopPropagation();\n\n      router.transitionTo(withoutRootURL);\n\n      return false;\n    }\n  } catch (e) {\n    if (e instanceof Error && e.name === 'UnrecognizedURLError') {\n      return;\n    }\n\n    throw e;\n  }\n}\n"],"names":["properLinks","args","options","klass","undefined","length","ignore","assert","RouterWithProperLinks","constructor","setup","parent","handler","event","interactive","getAnchor","owner","getOwner","routerService","lookup","handle","document","body","addEventListener","registerDestructor","removeEventListener","router","element","shouldHandle","location","href","url","URL","fullHref","pathname","search","hash","rootURL","withoutRootURL","slice","startsWith","routeInfo","recognize","preventDefault","stopImmediatePropagation","stopPropagation","transitionTo","e","Error","name"],"mappings":"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"}

package/dist/qp.js

@@ -0,0 +1,92 @@
+import Helper from '@ember/component/helper';
+import { assert } from '@ember/debug';
+import { service } from '@ember/service';
+import { g, i } from 'decorator-transforms/runtime';
+
+/**
+ * Grabs a query-param off the current route from the router service.
+ *
+ * ```gjs
+ * import { qp } from 'ember-primitives/qp';
+ *
+ * <template>
+ *  {{qp "query-param"}}
+ * </template>
+ * ```
+ */
+class qp extends Helper {
+  static {
+    g(this.prototype, "router", [service]);
+  }
+  #router = (i(this, "router"), void 0);
+  compute([name]) {
+    assert('A queryParam name is required', name);
+    return this.router.currentRoute?.queryParams?.[name];
+  }
+}
+
+/**
+ * Returns a string for use as an `href` on `<a>` tags, updated with the passed query param
+ *
+ * ```gjs
+ * import { withQP } from 'ember-primitives/qp';
+ *
+ * <template>
+ *   <a href={{withQP "foo" "2"}}>
+ *     ...
+ *   </a>
+ * </template>
+ * ```
+ */
+class withQP extends Helper {
+  static {
+    g(this.prototype, "router", [service]);
+  }
+  #router = (i(this, "router"), void 0);
+  compute([qpName, nextValue]) {
+    const existing = this.router.currentURL;
+    assert('A queryParam name is required', qpName);
+    assert('There is no currentURL', existing);
+    const url = new URL(existing, location.origin);
+    url.searchParams.set(qpName, nextValue);
+    return url.href;
+  }
+}
+
+/**
+ * Cast a query-param string value to a boolean
+ *
+ * ```gjs
+ * import { castToBoolean, qp } from 'ember-primitives/qp';
+ *
+ * <template>
+ *  {{#if (castToBoolean (qp 'the-qp'))}}
+ *    ...
+ *  {{/if}}
+ * </template>
+ * ```
+ *
+ * The following values are considered "false"
+ * - undefined
+ * - ""
+ * - "0"
+ * - false
+ * - "f"
+ * - "off"
+ * - "no"
+ * - "null"
+ * - "undefined"
+ *
+ * All other values are considered truthy
+ */
+function castToBoolean(x) {
+  if (!x) return false;
+  const isFalsey = x === '0' || x === 'false' || x === 'f' || x === 'null' || x === 'off' || x === 'undefined' || x === 'no';
+  if (isFalsey) return false;
+
+  // All other values are considered truthy
+  return true;
+}
+
+export { castToBoolean, qp, withQP };
+//# sourceMappingURL=qp.js.map

package/dist/qp.js.map

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

package/dist/test-support/otp.js.map

@@ -1 +1 @@
-{"version":3,"file":"otp.js","sources":["../../src/test-support/otp.ts"],"sourcesContent":["import { assert } from '@ember/debug';\nimport { fillIn, find, settled } from '@ember/test-helpers';\n\n/**\n * @param {string} code the code to fill the input(s) with.\n * @param {string} [ selector ] if there are multiple OTP components on a page, this can be used to select one of them.\n */\nexport async function fillOTP(code: string, selector?: string) {\n  const ancestor = selector ? find(selector) : document;\n\n  assert(\n    `Could not find ancestor element, does your selector match an existing element?`,\n    ancestor\n  );\n\n  const fieldset =\n    ancestor instanceof HTMLFieldSetElement ? ancestor : ancestor.querySelector('fieldset');\n\n  assert(\n    `Could not find containing fieldset element (this holds the OTP Input fields). Was the OTP component rendered?`,\n    fieldset\n  );\n\n  const inputs = fieldset.querySelectorAll('input');\n\n  assert(\n    `code cannot be longer than the available inputs. code is of length ${code.length} but there are ${inputs.length}`,\n    code.length <= inputs.length\n  );\n\n  const chars = code.split('');\n\n  assert(`OTP Input for index 0 is missing!`, inputs[0]);\n  assert(`Character at index 0 is missing`, chars[0]);\n\n  for (let i = 0; i < chars.length; i++) {\n    const input = inputs[i];\n    const char = chars[i];\n\n    assert(`Input at index ${i} is missing`, input);\n    assert(`Character at index ${i} is missing`, char);\n\n    input.value = char;\n  }\n\n  await fillIn(inputs[0], chars[0]);\n\n  // Account for out-of-settled-system delay due to RAF debounce.\n  await new Promise((resolve) => requestAnimationFrame(resolve));\n  await settled();\n}\n"],"names":["fillOTP","code","selector","ancestor","find","document","assert","fieldset","HTMLFieldSetElement","querySelector","inputs","querySelectorAll","length","chars","split","i","input","char","value","fillIn","Promise","resolve","requestAnimationFrame","settled"],"mappings":";;;AAGA;AACA;AACA;AACA;AACO,eAAeA,OAAOA,CAACC,IAAY,EAAEC,QAAiB,EAAE;EAC7D,MAAMC,QAAQ,GAAGD,QAAQ,GAAGE,IAAI,CAACF,QAAQ,CAAC,GAAGG,QAAQ;AAErDC,EAAAA,MAAM,CACJ,CAAA,8EAAA,CAAgF,EAChFH,QACF,CAAC;AAED,EAAA,MAAMI,QAAQ,GACZJ,QAAQ,YAAYK,mBAAmB,GAAGL,QAAQ,GAAGA,QAAQ,CAACM,aAAa,CAAC,UAAU,CAAC;AAEzFH,EAAAA,MAAM,CACJ,CAAA,6GAAA,CAA+G,EAC/GC,QACF,CAAC;AAED,EAAA,MAAMG,MAAM,GAAGH,QAAQ,CAACI,gBAAgB,CAAC,OAAO,CAAC;AAEjDL,EAAAA,MAAM,CACJ,CAAsEL,mEAAAA,EAAAA,IAAI,CAACW,MAAM,CAAA,eAAA,EAAkBF,MAAM,CAACE,MAAM,CAAE,CAAA,EAClHX,IAAI,CAACW,MAAM,IAAIF,MAAM,CAACE,MACxB,CAAC;AAED,EAAA,MAAMC,KAAK,GAAGZ,IAAI,CAACa,KAAK,CAAC,EAAE,CAAC;AAE5BR,EAAAA,MAAM,CAAC,CAAmC,iCAAA,CAAA,EAAEI,MAAM,CAAC,CAAC,CAAC,CAAC;AACtDJ,EAAAA,MAAM,CAAC,CAAiC,+BAAA,CAAA,EAAEO,KAAK,CAAC,CAAC,CAAC,CAAC;AAEnD,EAAA,KAAK,IAAIE,CAAC,GAAG,CAAC,EAAEA,CAAC,GAAGF,KAAK,CAACD,MAAM,EAAEG,CAAC,EAAE,EAAE;AACrC,IAAA,MAAMC,KAAK,GAAGN,MAAM,CAACK,CAAC,CAAC;AACvB,IAAA,MAAME,IAAI,GAAGJ,KAAK,CAACE,CAAC,CAAC;AAErBT,IAAAA,MAAM,CAAC,CAAkBS,eAAAA,EAAAA,CAAC,CAAa,WAAA,CAAA,EAAEC,KAAK,CAAC;AAC/CV,IAAAA,MAAM,CAAC,CAAsBS,mBAAAA,EAAAA,CAAC,CAAa,WAAA,CAAA,EAAEE,IAAI,CAAC;IAElDD,KAAK,CAACE,KAAK,GAAGD,IAAI;AACpB;EAEA,MAAME,MAAM,CAACT,MAAM,CAAC,CAAC,CAAC,EAAEG,KAAK,CAAC,CAAC,CAAC,CAAC;;AAEjC;EACA,MAAM,IAAIO,OAAO,CAAEC,OAAO,IAAKC,qBAAqB,CAACD,OAAO,CAAC,CAAC;EAC9D,MAAME,OAAO,EAAE;AACjB;;;;"}
+{"version":3,"file":"otp.js","sources":["../../src/test-support/otp.ts"],"sourcesContent":["import { assert } from '@ember/debug';\nimport { fillIn, find, settled } from '@ember/test-helpers';\n\n/**\n * @param {string} code the code to fill the input(s) with.\n * @param {string} [ selector ] if there are multiple OTP components on a page, this can be used to select one of them.\n */\nexport async function fillOTP(code: string, selector?: string) {\n  const ancestor = selector ? find(selector) : document;\n\n  assert(\n    `Could not find ancestor element, does your selector match an existing element?`,\n    ancestor\n  );\n\n  const fieldset =\n    ancestor instanceof HTMLFieldSetElement ? ancestor : ancestor.querySelector('fieldset');\n\n  assert(\n    `Could not find containing fieldset element (this holds the OTP Input fields). Was the OTP component rendered?`,\n    fieldset\n  );\n\n  const inputs = fieldset.querySelectorAll('input');\n\n  assert(\n    `code cannot be longer than the available inputs. code is of length ${code.length} but there are ${inputs.length}`,\n    code.length <= inputs.length\n  );\n\n  const chars = code.split('');\n\n  assert(`OTP Input for index 0 is missing!`, inputs[0]);\n  assert(`Character at index 0 is missing`, chars[0]);\n\n  for (let i = 0; i < chars.length; i++) {\n    const input = inputs[i];\n    const char = chars[i];\n\n    assert(`Input at index ${i} is missing`, input);\n    assert(`Character at index ${i} is missing`, char);\n\n    input.value = char;\n  }\n\n  await fillIn(inputs[0], chars[0]);\n\n  // Account for out-of-settled-system delay due to RAF debounce.\n  await new Promise((resolve) => requestAnimationFrame(resolve));\n  await settled();\n}\n"],"names":["fillOTP","code","selector","ancestor","find","document","assert","fieldset","HTMLFieldSetElement","querySelector","inputs","querySelectorAll","length","chars","split","i","input","char","value","fillIn","Promise","resolve","requestAnimationFrame","settled"],"mappings":";;;AAGA;AACA;AACA;AACA;AACO,eAAeA,OAAOA,CAACC,IAAY,EAAEC,QAAiB,EAAE;EAC7D,MAAMC,QAAQ,GAAGD,QAAQ,GAAGE,IAAI,CAACF,QAAQ,CAAC,GAAGG,QAAQ;AAErDC,EAAAA,MAAM,CACJ,CAAA,8EAAA,CAAgF,EAChFH,QACF,CAAC;AAED,EAAA,MAAMI,QAAQ,GACZJ,QAAQ,YAAYK,mBAAmB,GAAGL,QAAQ,GAAGA,QAAQ,CAACM,aAAa,CAAC,UAAU,CAAC;AAEzFH,EAAAA,MAAM,CACJ,CAAA,6GAAA,CAA+G,EAC/GC,QACF,CAAC;AAED,EAAA,MAAMG,MAAM,GAAGH,QAAQ,CAACI,gBAAgB,CAAC,OAAO,CAAC;AAEjDL,EAAAA,MAAM,CACJ,CAAA,mEAAA,EAAsEL,IAAI,CAACW,MAAM,CAAA,eAAA,EAAkBF,MAAM,CAACE,MAAM,CAAA,CAAE,EAClHX,IAAI,CAACW,MAAM,IAAIF,MAAM,CAACE,MACxB,CAAC;AAED,EAAA,MAAMC,KAAK,GAAGZ,IAAI,CAACa,KAAK,CAAC,EAAE,CAAC;AAE5BR,EAAAA,MAAM,CAAC,CAAA,iCAAA,CAAmC,EAAEI,MAAM,CAAC,CAAC,CAAC,CAAC;AACtDJ,EAAAA,MAAM,CAAC,CAAA,+BAAA,CAAiC,EAAEO,KAAK,CAAC,CAAC,CAAC,CAAC;AAEnD,EAAA,KAAK,IAAIE,CAAC,GAAG,CAAC,EAAEA,CAAC,GAAGF,KAAK,CAACD,MAAM,EAAEG,CAAC,EAAE,EAAE;AACrC,IAAA,MAAMC,KAAK,GAAGN,MAAM,CAACK,CAAC,CAAC;AACvB,IAAA,MAAME,IAAI,GAAGJ,KAAK,CAACE,CAAC,CAAC;AAErBT,IAAAA,MAAM,CAAC,CAAA,eAAA,EAAkBS,CAAC,CAAA,WAAA,CAAa,EAAEC,KAAK,CAAC;AAC/CV,IAAAA,MAAM,CAAC,CAAA,mBAAA,EAAsBS,CAAC,CAAA,WAAA,CAAa,EAAEE,IAAI,CAAC;IAElDD,KAAK,CAACE,KAAK,GAAGD,IAAI;AACpB;EAEA,MAAME,MAAM,CAACT,MAAM,CAAC,CAAC,CAAC,EAAEG,KAAK,CAAC,CAAC,CAAC,CAAC;;AAEjC;EACA,MAAM,IAAIO,OAAO,CAAEC,OAAO,IAAKC,qBAAqB,CAACD,OAAO,CAAC,CAAC;EAC9D,MAAME,OAAO,EAAE;AACjB;;;;"}