ember-primitives 0.27.2 → 0.28.1

package/dist/components/one-time-password/otp.js.map

@@ -1 +1 @@
-{"version":3,"file":"otp.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"otp.js","sources":["../../../src/components/one-time-password/otp.gts"],"sourcesContent":["import { assert } from \"@ember/debug\";\nimport { fn, hash } from \"@ember/helper\";\nimport { on } from \"@ember/modifier\";\nimport { buildWaiter } from \"@ember/test-waiters\";\n\nimport { Reset, Submit } from \"./buttons.gts\";\nimport { OTPInput } from \"./input.gts\";\n\nimport type { TOC } from \"@ember/component/template-only\";\nimport type { WithBoundArgs } from \"@glint/template\";\n\nconst waiter = buildWaiter(\"ember-primitives:OTP:handleAutoSubmitAttempt\");\n\nconst handleFormSubmit = (submit: (data: { code: string }) => void, event: SubmitEvent) => {\n  event.preventDefault();\n\n  assert(\n    \"[BUG]: handleFormSubmit was not attached to a form. Please open an issue.\",\n    event.currentTarget instanceof HTMLFormElement,\n  );\n\n  const formData = new FormData(event.currentTarget);\n\n  let code = \"\";\n\n  for (const [key, value] of formData.entries()) {\n    if (key.startsWith(\"code\")) {\n      // eslint-disable-next-line @typescript-eslint/restrict-plus-operands, @typescript-eslint/no-base-to-string\n      code += value;\n    }\n  }\n\n  submit({\n    code,\n  });\n};\n\nfunction handleChange(\n  autoSubmit: boolean | undefined,\n  data: { code: string; complete: boolean },\n  event: Event,\n) {\n  if (!autoSubmit) return;\n  if (!data.complete) return;\n\n  assert(\n    \"[BUG]: event target is not a known element type\",\n    event.target instanceof HTMLElement || event.target instanceof SVGElement,\n  );\n\n  const form = event.target.closest(\"form\");\n\n  assert(\"[BUG]: Cannot handle event when <OTP> Inputs are not rendered within their <form>\", form);\n\n  const token = waiter.beginAsync();\n  const finished = () => {\n    waiter.endAsync(token);\n    form.removeEventListener(\"submit\", finished);\n  };\n\n  form.addEventListener(\"submit\", finished);\n\n  // NOTE: when calling .submit() the submit event handlers are not run\n  form.requestSubmit();\n}\n\nexport const OTP: TOC<{\n  /**\n   * The overall OTP Input is in its own form.\n   * Modern UI/UX Patterns usually have this sort of field\n   * as its own page, thus within its own form.\n   *\n   * By default, only the 'submit' event is bound, and is\n   * what calls the `@onSubmit` argument.\n   */\n  Element: HTMLFormElement;\n  Args: {\n    /**\n     * How many characters the one-time-password field should be\n     * Defaults to 6\n     */\n    length?: number;\n\n    /**\n     * The on submit callback will give you the entered\n     * one-time-password code.\n     *\n     * It will be called when the user manually clicks the 'submit'\n     * button or when the full code is pasted and meats the validation\n     * criteria.\n     */\n    onSubmit: (data: { code: string }) => void;\n\n    /**\n     * Whether or not to auto-submit after the code has been pasted\n     * in to the collective \"field\".  Default is true\n     */\n    autoSubmit?: boolean;\n  };\n  Blocks: {\n    default: [\n      {\n        /**\n         * The collective input field that the OTP code will be typed/pasted in to\n         */\n        Input: WithBoundArgs<typeof OTPInput, \"length\" | \"onChange\">;\n        /**\n         * Button with `type=\"submit\"` to submit the form\n         */\n        Submit: typeof Submit;\n        /**\n         * Pre-wired button to reset the form\n         */\n        Reset: typeof Reset;\n      },\n    ];\n  };\n}> = <template>\n  <form {{on \"submit\" (fn handleFormSubmit @onSubmit)}} ...attributes>\n    {{yield\n      (hash\n        Input=(component\n          OTPInput length=@length onChange=(if @autoSubmit (fn handleChange @autoSubmit))\n        )\n        Submit=Submit\n        Reset=Reset\n      )\n    }}\n  </form>\n</template>;\n"],"names":["waiter","buildWaiter","handleFormSubmit","submit","event","preventDefault","assert","currentTarget","HTMLFormElement","formData","FormData","code","key","value","entries","startsWith","handleChange","autoSubmit","data","complete","target","HTMLElement","SVGElement","form","closest","token","beginAsync","finished","endAsync","removeEventListener","addEventListener","requestSubmit","OTP","setComponentTemplate","precompileTemplate","strictMode","scope","on","fn","hash","OTPInput","Submit","Reset","templateOnly"],"mappings":";;;;;;;;;;AAWA,MAAMA,SAASC,WAAY,CAAA,8CAAA,CAAA;AAE3B,MAAMC,gBAAA,GAAmBA,CAACC,MAAwC,EAAEC,KAAO,KAAA;EACzEA,KAAA,CAAMC,cAAc,EAAA;EAEpBC,MACE,CAAA,2EAAA,EACAF,KAAM,CAAAG,aAAa,YAAYC,eAAA,CAAA;EAGjC,MAAMC,QAAW,GAAA,IAAIC,QAAS,CAAAN,KAAA,CAAMG,aAAa,CAAA;EAEjD,IAAII,IAAO,GAAA,EAAA;AAEX,EAAA,KAAK,MAAM,CAACC,GAAA,EAAKC,MAAM,IAAIJ,QAAA,CAASK,OAAO,EAAI,EAAA;AAC7C,IAAA,IAAIF,GAAA,CAAIG,UAAU,CAAC,MAAS,CAAA,EAAA;AAC1B;AACAJ,MAAAA,IAAQ,IAAAE,KAAA;AACV;AACF;AAEAV,EAAAA,MAAO,CAAA;AACLQ,IAAAA;AACF,GAAA,CAAA;AACF,CAAA;AAEA,SAASK,YACPA,CAAAC,UAA+B,EAC/BC,IAAyC,EACzCd,KAAY,EAAA;EAEZ,IAAI,CAACa,UAAY,EAAA;AACjB,EAAA,IAAI,CAACC,IAAK,CAAAC,QAAQ,EAAE;AAEpBb,EAAAA,MAAA,CACE,mDACAF,KAAM,CAAAgB,MAAM,YAAYC,WAAe,IAAAjB,KAAA,CAAMgB,MAAM,YAAYE,UAAA,CAAA;EAGjE,MAAMC,IAAO,GAAAnB,KAAA,CAAMgB,MAAM,CAACI,OAAO,CAAC,MAAA,CAAA;AAElClB,EAAAA,MAAA,CAAO,mFAAqF,EAAAiB,IAAA,CAAA;AAE5F,EAAA,MAAME,KAAA,GAAQzB,OAAO0B,UAAU,EAAA;EAC/B,MAAMC,QAAW,GAAAA,MAAA;AACf3B,IAAAA,MAAA,CAAO4B,QAAQ,CAACH,KAAA,CAAA;AAChBF,IAAAA,IAAK,CAAAM,mBAAmB,CAAC,QAAU,EAAAF,QAAA,CAAA;GACrC;AAEAJ,EAAAA,IAAK,CAAAO,gBAAgB,CAAC,QAAU,EAAAH,QAAA,CAAA;AAEhC;EACAJ,IAAA,CAAKQ,aAAa,EAAA;AACpB;MAEaC,GAmDR,GAAAC,oBAAA,CAAAC,kBAAA,CAYL,2OAAA,EAAA;EAAAC,UAAA,EAAA,IAAA;AAAAC,EAAAA,KAAA,EAAAA,OAAA;IAAAC,EAAA;IAAAC,EAAA;IAAApC,gBAAA;IAAAqC,IAAA;IAAAC,QAAA;IAAAxB,YAAA;IAAAyB,MAAA;AAAAC,IAAAA;AAAA,GAAA;AAAU,CAAE,CAAA,EAAAC,YAAA,EAAA;;;;"}

package/dist/components/one-time-password/utils.js

@@ -1,24 +1,24 @@
 import { assert } from '@ember/debug';
 
 function getInputs(current) {
-  let fieldset = current.closest('fieldset');
+  const fieldset = current.closest('fieldset');
   assert('[BUG]: fieldset went missing', fieldset);
   return [...fieldset.querySelectorAll('input')];
 }
 function nextInput(current) {
-  let inputs = getInputs(current);
-  let currentIndex = inputs.indexOf(current);
+  const inputs = getInputs(current);
+  const currentIndex = inputs.indexOf(current);
   return inputs[currentIndex + 1];
 }
 function selectAll(event) {
-  let target = event.target;
+  const target = event.target;
   assert(`selectAll is only meant for use with input elements`, target instanceof HTMLInputElement);
   target.select();
 }
 function handlePaste(event) {
-  let target = event.target;
+  const target = event.target;
   assert(`handlePaste is only meant for use with input elements`, target instanceof HTMLInputElement);
-  let clipboardData = event.clipboardData;
+  const clipboardData = event.clipboardData;
   assert(`Could not get clipboardData while handling the paste event on OTP. Please report this issue on the ember-primitives repo with a reproduction. Thanks!`, clipboardData);
 
   // This is typically not good to prevent paste.
@@ -26,13 +26,13 @@ function handlePaste(event) {
   // we want to split the pasted value across
   // multiple text fields
   event.preventDefault();
-  let value = clipboardData.getData('Text');
+  const value = clipboardData.getData('Text');
   const digits = value;
   let i = 0;
   let currElement = target;
   while (currElement) {
     currElement.value = digits[i++] || '';
-    let next = nextInput(currElement);
+    const next = nextInput(currElement);
     if (next instanceof HTMLInputElement) {
       currElement = next;
     } else {
@@ -56,18 +56,18 @@ function handleNavigation(event) {
   }
 }
 function focusLeft(event) {
-  let target = event.target;
+  const target = event.target;
   assert(`only allowed on input elements`, target instanceof HTMLInputElement);
-  let input = previousInput(target);
+  const input = previousInput(target);
   input?.focus();
   requestAnimationFrame(() => {
     input?.select();
   });
 }
 function focusRight(event) {
-  let target = event.target;
+  const target = event.target;
   assert(`only allowed on input elements`, target instanceof HTMLInputElement);
-  let input = nextInput(target);
+  const input = nextInput(target);
   input?.focus();
   requestAnimationFrame(() => {
     input?.select();
@@ -84,7 +84,7 @@ function handleBackspace(event) {
    *   speed of the user's computer
    */
   event.preventDefault();
-  let target = event.target;
+  const target = event.target;
   if (target && 'value' in target) {
     if (target.value === '') {
       focusLeft({
@@ -97,13 +97,13 @@ function handleBackspace(event) {
   target?.dispatchEvent(syntheticEvent);
 }
 function previousInput(current) {
-  let inputs = getInputs(current);
-  let currentIndex = inputs.indexOf(current);
+  const inputs = getInputs(current);
+  const currentIndex = inputs.indexOf(current);
   return inputs[currentIndex - 1];
 }
 const autoAdvance = event => {
   assert('[BUG]: autoAdvance called on non-input element', event.target instanceof HTMLInputElement);
-  let value = event.target.value;
+  const value = event.target.value;
   if (value.length === 0) return;
   if (value.length > 0) {
     if ('data' in event && event.data && typeof event.data === 'string') {
@@ -129,10 +129,10 @@ function getCollectiveValue(elementTarget, length) {
     parent = elementTarget.closest('fieldset');
   }
   assert(`[BUG]: somehow the input fields were rendered without a parent element`, parent);
-  let elements = parent.querySelectorAll('input');
+  const elements = parent.querySelectorAll('input');
   let value = '';
   assert(`found elements (${elements.length}) do not match length (${length}). Was the same OTP input rendered more than once?`, elements.length === length);
-  for (let element of elements) {
+  for (const element of elements) {
     assert('[BUG]: how did the queried elements become a non-input element?', element instanceof HTMLInputElement);
     value += element.value;
   }

package/dist/components/one-time-password/utils.js.map

@@ -1 +1 @@
-{"version":3,"file":"utils.js","sources":["../../../src/components/one-time-password/utils.ts"],"sourcesContent":["import { assert } from '@ember/debug';\n\nfunction getInputs(current: HTMLInputElement) {\n  let fieldset = current.closest('fieldset');\n\n  assert('[BUG]: fieldset went missing', fieldset);\n\n  return [...fieldset.querySelectorAll('input')];\n}\n\nfunction nextInput(current: HTMLInputElement) {\n  let inputs = getInputs(current);\n  let currentIndex = inputs.indexOf(current);\n\n  return inputs[currentIndex + 1];\n}\n\nexport function selectAll(event: Event) {\n  let target = event.target;\n\n  assert(`selectAll is only meant for use with input elements`, target instanceof HTMLInputElement);\n\n  target.select();\n}\n\nexport function handlePaste(event: Event) {\n  let target = event.target;\n\n  assert(\n    `handlePaste is only meant for use with input elements`,\n    target instanceof HTMLInputElement\n  );\n\n  let clipboardData = (event as ClipboardEvent).clipboardData;\n\n  assert(\n    `Could not get clipboardData while handling the paste event on OTP. Please report this issue on the ember-primitives repo with a reproduction. Thanks!`,\n    clipboardData\n  );\n\n  // This is typically not good to prevent paste.\n  // But because of the UX we're implementing,\n  // we want to split the pasted value across\n  // multiple text fields\n  event.preventDefault();\n\n  let value = clipboardData.getData('Text');\n  const digits = value;\n  let i = 0;\n  let currElement: HTMLInputElement | null = target;\n\n  while (currElement) {\n    currElement.value = digits[i++] || '';\n\n    let next = nextInput(currElement);\n\n    if (next instanceof HTMLInputElement) {\n      currElement = next;\n    } else {\n      break;\n    }\n  }\n\n  // We want to select the first field again\n  // so that if someone holds paste, or\n  // pastes again, they get the same result.\n  target.select();\n}\n\nexport function handleNavigation(event: KeyboardEvent) {\n  switch (event.key) {\n    case 'Backspace':\n      return handleBackspace(event);\n    case 'ArrowLeft':\n      return focusLeft(event);\n    case 'ArrowRight':\n      return focusRight(event);\n  }\n}\n\nfunction focusLeft(event: Pick<Event, 'target'>) {\n  let target = event.target;\n\n  assert(`only allowed on input elements`, target instanceof HTMLInputElement);\n\n  let input = previousInput(target);\n\n  input?.focus();\n  requestAnimationFrame(() => {\n    input?.select();\n  });\n}\n\nfunction focusRight(event: Pick<Event, 'target'>) {\n  let target = event.target;\n\n  assert(`only allowed on input elements`, target instanceof HTMLInputElement);\n\n  let input = nextInput(target);\n\n  input?.focus();\n  requestAnimationFrame(() => {\n    input?.select();\n  });\n}\n\nconst syntheticEvent = new InputEvent('input');\n\nfunction handleBackspace(event: KeyboardEvent) {\n  if (event.key !== 'Backspace') return;\n\n  /**\n   * We have to prevent default because we\n   * - want to clear the whole field\n   * - have the focus behavior keep up with the key-repeat\n   *   speed of the user's computer\n   */\n  event.preventDefault();\n\n  let target = event.target;\n\n  if (target && 'value' in target) {\n    if (target.value === '') {\n      focusLeft({ target });\n    } else {\n      target.value = '';\n    }\n  }\n\n  target?.dispatchEvent(syntheticEvent);\n}\n\nfunction previousInput(current: HTMLInputElement) {\n  let inputs = getInputs(current);\n  let currentIndex = inputs.indexOf(current);\n\n  return inputs[currentIndex - 1];\n}\n\nexport const autoAdvance = (event: Event) => {\n  assert(\n    '[BUG]: autoAdvance called on non-input element',\n    event.target instanceof HTMLInputElement\n  );\n\n  let value = event.target.value;\n\n  if (value.length === 0) return;\n\n  if (value.length > 0) {\n    if ('data' in event && event.data && typeof event.data === 'string') {\n      event.target.value = event.data;\n    }\n\n    return focusRight(event);\n  }\n};\n\nexport function getCollectiveValue(elementTarget: EventTarget | null, length: number) {\n  if (!elementTarget) return;\n\n  assert(\n    `[BUG]: somehow the element target is not HTMLElement`,\n    elementTarget instanceof HTMLElement\n  );\n\n  let parent: null | HTMLElement | ShadowRoot;\n\n  // TODO: should this logic be extracted?\n  //       why is getting the target element within a shadow root hard?\n  if (!(elementTarget instanceof HTMLInputElement)) {\n    if (elementTarget.shadowRoot) {\n      parent = elementTarget.shadowRoot;\n    } else {\n      parent = elementTarget.closest('fieldset');\n    }\n  } else {\n    parent = elementTarget.closest('fieldset');\n  }\n\n  assert(`[BUG]: somehow the input fields were rendered without a parent element`, parent);\n\n  let elements = parent.querySelectorAll('input');\n\n  let value = '';\n\n  assert(\n    `found elements (${elements.length}) do not match length (${length}). Was the same OTP input rendered more than once?`,\n    elements.length === length\n  );\n\n  for (let element of elements) {\n    assert(\n      '[BUG]: how did the queried elements become a non-input element?',\n      element instanceof HTMLInputElement\n    );\n    value += element.value;\n  }\n\n  return value;\n}\n"],"names":["getInputs","current","fieldset","closest","assert","querySelectorAll","nextInput","inputs","currentIndex","indexOf","selectAll","event","target","HTMLInputElement","select","handlePaste","clipboardData","preventDefault","value","getData","digits","i","currElement","next","handleNavigation","key","handleBackspace","focusLeft","focusRight","input","previousInput","focus","requestAnimationFrame","syntheticEvent","InputEvent","dispatchEvent","autoAdvance","length","data","getCollectiveValue","elementTarget","HTMLElement","parent","shadowRoot","elements","element"],"mappings":"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"}
+{"version":3,"file":"utils.js","sources":["../../../src/components/one-time-password/utils.ts"],"sourcesContent":["import { assert } from '@ember/debug';\n\nfunction getInputs(current: HTMLInputElement) {\n  const fieldset = current.closest('fieldset');\n\n  assert('[BUG]: fieldset went missing', fieldset);\n\n  return [...fieldset.querySelectorAll('input')];\n}\n\nfunction nextInput(current: HTMLInputElement) {\n  const inputs = getInputs(current);\n  const currentIndex = inputs.indexOf(current);\n\n  return inputs[currentIndex + 1];\n}\n\nexport function selectAll(event: Event) {\n  const target = event.target;\n\n  assert(`selectAll is only meant for use with input elements`, target instanceof HTMLInputElement);\n\n  target.select();\n}\n\nexport function handlePaste(event: Event) {\n  const target = event.target;\n\n  assert(\n    `handlePaste is only meant for use with input elements`,\n    target instanceof HTMLInputElement\n  );\n\n  const clipboardData = (event as ClipboardEvent).clipboardData;\n\n  assert(\n    `Could not get clipboardData while handling the paste event on OTP. Please report this issue on the ember-primitives repo with a reproduction. Thanks!`,\n    clipboardData\n  );\n\n  // This is typically not good to prevent paste.\n  // But because of the UX we're implementing,\n  // we want to split the pasted value across\n  // multiple text fields\n  event.preventDefault();\n\n  const value = clipboardData.getData('Text');\n  const digits = value;\n  let i = 0;\n  let currElement: HTMLInputElement | null = target;\n\n  while (currElement) {\n    currElement.value = digits[i++] || '';\n\n    const next = nextInput(currElement);\n\n    if (next instanceof HTMLInputElement) {\n      currElement = next;\n    } else {\n      break;\n    }\n  }\n\n  // We want to select the first field again\n  // so that if someone holds paste, or\n  // pastes again, they get the same result.\n  target.select();\n}\n\nexport function handleNavigation(event: KeyboardEvent) {\n  switch (event.key) {\n    case 'Backspace':\n      return handleBackspace(event);\n    case 'ArrowLeft':\n      return focusLeft(event);\n    case 'ArrowRight':\n      return focusRight(event);\n  }\n}\n\nfunction focusLeft(event: Pick<Event, 'target'>) {\n  const target = event.target;\n\n  assert(`only allowed on input elements`, target instanceof HTMLInputElement);\n\n  const input = previousInput(target);\n\n  input?.focus();\n  requestAnimationFrame(() => {\n    input?.select();\n  });\n}\n\nfunction focusRight(event: Pick<Event, 'target'>) {\n  const target = event.target;\n\n  assert(`only allowed on input elements`, target instanceof HTMLInputElement);\n\n  const input = nextInput(target);\n\n  input?.focus();\n  requestAnimationFrame(() => {\n    input?.select();\n  });\n}\n\nconst syntheticEvent = new InputEvent('input');\n\nfunction handleBackspace(event: KeyboardEvent) {\n  if (event.key !== 'Backspace') return;\n\n  /**\n   * We have to prevent default because we\n   * - want to clear the whole field\n   * - have the focus behavior keep up with the key-repeat\n   *   speed of the user's computer\n   */\n  event.preventDefault();\n\n  const target = event.target;\n\n  if (target && 'value' in target) {\n    if (target.value === '') {\n      focusLeft({ target });\n    } else {\n      target.value = '';\n    }\n  }\n\n  target?.dispatchEvent(syntheticEvent);\n}\n\nfunction previousInput(current: HTMLInputElement) {\n  const inputs = getInputs(current);\n  const currentIndex = inputs.indexOf(current);\n\n  return inputs[currentIndex - 1];\n}\n\nexport const autoAdvance = (event: Event) => {\n  assert(\n    '[BUG]: autoAdvance called on non-input element',\n    event.target instanceof HTMLInputElement\n  );\n\n  const value = event.target.value;\n\n  if (value.length === 0) return;\n\n  if (value.length > 0) {\n    if ('data' in event && event.data && typeof event.data === 'string') {\n      event.target.value = event.data;\n    }\n\n    return focusRight(event);\n  }\n};\n\nexport function getCollectiveValue(elementTarget: EventTarget | null, length: number) {\n  if (!elementTarget) return;\n\n  assert(\n    `[BUG]: somehow the element target is not HTMLElement`,\n    elementTarget instanceof HTMLElement\n  );\n\n  let parent: null | HTMLElement | ShadowRoot;\n\n  // TODO: should this logic be extracted?\n  //       why is getting the target element within a shadow root hard?\n  if (!(elementTarget instanceof HTMLInputElement)) {\n    if (elementTarget.shadowRoot) {\n      parent = elementTarget.shadowRoot;\n    } else {\n      parent = elementTarget.closest('fieldset');\n    }\n  } else {\n    parent = elementTarget.closest('fieldset');\n  }\n\n  assert(`[BUG]: somehow the input fields were rendered without a parent element`, parent);\n\n  const elements = parent.querySelectorAll('input');\n\n  let value = '';\n\n  assert(\n    `found elements (${elements.length}) do not match length (${length}). Was the same OTP input rendered more than once?`,\n    elements.length === length\n  );\n\n  for (const element of elements) {\n    assert(\n      '[BUG]: how did the queried elements become a non-input element?',\n      element instanceof HTMLInputElement\n    );\n    value += element.value;\n  }\n\n  return value;\n}\n"],"names":["getInputs","current","fieldset","closest","assert","querySelectorAll","nextInput","inputs","currentIndex","indexOf","selectAll","event","target","HTMLInputElement","select","handlePaste","clipboardData","preventDefault","value","getData","digits","i","currElement","next","handleNavigation","key","handleBackspace","focusLeft","focusRight","input","previousInput","focus","requestAnimationFrame","syntheticEvent","InputEvent","dispatchEvent","autoAdvance","length","data","getCollectiveValue","elementTarget","HTMLElement","parent","shadowRoot","elements","element"],"mappings":"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"}

package/dist/components/popover.js

@@ -11,8 +11,8 @@ import { precompileTemplate } from '@ember/template-compilation';
 import { setComponentTemplate } from '@ember/component';
 import templateOnly from '@ember/component/template-only';
 
-function getElementTag(tagName1) {
-  return tagName1 || 'div';
+function getElementTag(tagName) {
+  return tagName || "div";
 }
 /**
  * Allows lazy evaluation of the portal target (do nothing until rendered)
@@ -28,69 +28,69 @@ const Content = setComponentTemplate(precompileTemplate("\n  {{#let (element (ge
   })
 }), templateOnly());
 const arrowSides = {
-  top: 'bottom',
-  right: 'left',
-  bottom: 'top',
-  left: 'right'
+  top: "bottom",
+  right: "left",
+  bottom: "top",
+  left: "right"
 };
-const attachArrow = modifier((element1, _1, named1) => {
-  if (element1 === named1.arrowElement.current) {
-    if (!named1.data) return;
-    if (!named1.data.middlewareData) return;
-    let {
-      arrow: arrow1
-    } = named1.data.middlewareData;
-    let {
-      placement: placement1
-    } = named1.data;
-    if (!arrow1) return;
-    if (!placement1) return;
-    let {
-      x: arrowX1,
-      y: arrowY1
-    } = arrow1;
-    let otherSide1 = placement1.split('-')[0];
-    let staticSide1 = arrowSides[otherSide1];
-    Object.assign(named1.arrowElement.current.style, {
-      left: arrowX1 != null ? `${arrowX1}px` : '',
-      top: arrowY1 != null ? `${arrowY1}px` : '',
-      right: '',
-      bottom: '',
-      [staticSide1]: '-4px'
+const attachArrow = modifier((element, _, named) => {
+  if (element === named.arrowElement.current) {
+    if (!named.data) return;
+    if (!named.data.middlewareData) return;
+    const {
+      arrow
+    } = named.data.middlewareData;
+    const {
+      placement
+    } = named.data;
+    if (!arrow) return;
+    if (!placement) return;
+    const {
+      x: arrowX,
+      y: arrowY
+    } = arrow;
+    const otherSide = placement.split("-")[0];
+    const staticSide = arrowSides[otherSide];
+    Object.assign(named.arrowElement.current.style, {
+      left: arrowX != null ? `${arrowX}px` : "",
+      top: arrowY != null ? `${arrowY}px` : "",
+      right: "",
+      bottom: "",
+      [staticSide]: "-4px"
     });
     return;
   }
-  (async () => {
+  void (async () => {
     await Promise.resolve();
-    named1.arrowElement.set(element1);
+    named.arrowElement.set(element);
   })();
 });
 const ArrowElement = () => cell();
-function maybeAddArrow(middleware1, element1) {
-  let result1 = [...(middleware1 || [])];
-  if (element1) {
-    result1.push(arrow({
-      element: element1
+function maybeAddArrow(middleware, element) {
+  const result = [...(middleware || [])];
+  if (element) {
+    result.push(arrow({
+      element
     }));
   }
-  return result1;
+  return result;
 }
-function flipOptions(options1) {
+function flipOptions(options) {
   return {
-    elementContext: 'reference',
-    ...options1
+    elementContext: "reference",
+    ...options
   };
 }
-const Popover = setComponentTemplate(precompileTemplate("\n  {{#let (ArrowElement) as |arrowElement|}}\n    <FloatingUI @placement={{@placement}} @strategy={{@strategy}} @middleware={{maybeAddArrow @middleware arrowElement.current}} @flipOptions={{flipOptions @flipOptions}} @shiftOptions={{@shiftOptions}} @offsetOptions={{@offsetOptions}} as |reference floating extra|>\n      {{yield (hash reference=reference setReference=extra.setReference Content=(component Content floating=floating inline=@inline) data=extra.data arrow=(modifier attachArrow arrowElement=arrowElement data=extra.data))}}\n    </FloatingUI>\n  {{/let}}\n", {
+const Popover = setComponentTemplate(precompileTemplate("\n  {{#let (ArrowElement) as |arrowElement|}}\n    <FloatingUI @placement={{@placement}} @strategy={{@strategy}} @middleware={{maybeAddArrow @middleware arrowElement.current}} @flipOptions={{flipOptions @flipOptions}} @shiftOptions={{@shiftOptions}} @offsetOptions={{@offsetOptions}} as |reference floating extra|>\n      {{#let (modifier attachArrow arrowElement=arrowElement data=extra.data) as |arrow|}}\n        {{yield (hash reference=reference setReference=extra.setReference Content=(component Content floating=floating inline=@inline) data=extra.data arrow=arrow)}}\n      {{/let}}\n    </FloatingUI>\n  {{/let}}\n", {
   strictMode: true,
   scope: () => ({
     ArrowElement,
     FloatingUI,
     maybeAddArrow,
     flipOptions,
+    attachArrow,
     hash,
-    Content,
-    attachArrow
+    Content
   })
 }), templateOnly());
 

package/dist/components/popover.js.map

@@ -1 +1 @@
-{"version":3,"file":"popover.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"popover.js","sources":["../../src/components/popover.gts"],"sourcesContent":["import { hash } from \"@ember/helper\";\n\nimport { arrow } from \"@floating-ui/dom\";\nimport { element } from \"ember-element-helper\";\nimport { modifier as eModifier } from \"ember-modifier\";\nimport { cell } from \"ember-resources\";\n\nimport { FloatingUI } from \"../floating-ui.ts\";\nimport { Portal } from \"./portal.gts\";\nimport { TARGETS } from \"./portal-targets.gts\";\n\nimport type { Signature as FloatingUiComponentSignature } from \"../floating-ui/component.ts\";\nimport type { Signature as HookSignature } from \"../floating-ui/modifier.ts\";\nimport type { TOC } from \"@ember/component/template-only\";\nimport type { ElementContext, Middleware } from \"@floating-ui/dom\";\nimport type { ModifierLike, WithBoundArgs } from \"@glint/template\";\n\nexport interface Signature {\n  Args: {\n    /**\n     * See the Floating UI's [flip docs](https://floating-ui.com/docs/flip) for possible values.\n     *\n     * This argument is forwarded to the `<FloatingUI>` component.\n     */\n    flipOptions?: HookSignature[\"Args\"][\"Named\"][\"flipOptions\"];\n    /**\n     * Array of one or more objects to add to Floating UI's list of [middleware](https://floating-ui.com/docs/middleware)\n     *\n     * This argument is forwarded to the `<FloatingUI>` component.\n     */\n    middleware?: HookSignature[\"Args\"][\"Named\"][\"middleware\"];\n    /**\n     * See the Floating UI's [offset docs](https://floating-ui.com/docs/offset) for possible values.\n     *\n     * This argument is forwarded to the `<FloatingUI>` component.\n     */\n    offsetOptions?: HookSignature[\"Args\"][\"Named\"][\"offsetOptions\"];\n    /**\n     * One of the possible [`placements`](https://floating-ui.com/docs/computeposition#placement). The default is 'bottom'.\n     *\n     * Possible values are\n     * - top\n     * - bottom\n     * - right\n     * - left\n     *\n     * And may optionally have `-start` or `-end` added to adjust position along the side.\n     *\n     * This argument is forwarded to the `<FloatingUI>` component.\n     */\n    placement?: `${\"top\" | \"bottom\" | \"left\" | \"right\"}${\"\" | \"-start\" | \"-end\"}`;\n    /**\n     * See the Floating UI's [shift docs](https://floating-ui.com/docs/shift) for possible values.\n     *\n     * This argument is forwarded to the `<FloatingUI>` component.\n     */\n    shiftOptions?: HookSignature[\"Args\"][\"Named\"][\"shiftOptions\"];\n    /**\n     * CSS position property, either `fixed` or `absolute`.\n     *\n     * Pros and cons of each strategy are explained on [Floating UI's Docs](https://floating-ui.com/docs/computePosition#strategy)\n     *\n     * This argument is forwarded to the `<FloatingUI>` component.\n     */\n    strategy?: HookSignature[\"Args\"][\"Named\"][\"strategy\"];\n\n    /**\n     * By default, the popover is portaled.\n     * If you don't control your CSS, and the positioning of the popover content\n     * is misbehaving, you may pass \"@inline={{true}}\" to opt out of portalling.\n     *\n     * Inline may also be useful in nested menus, where you know exactly how the nesting occurs\n     */\n    inline?: boolean;\n  };\n  Blocks: {\n    default: [\n      {\n        reference: FloatingUiComponentSignature[\"Blocks\"][\"default\"][0];\n        setReference: FloatingUiComponentSignature[\"Blocks\"][\"default\"][2][\"setReference\"];\n        Content: WithBoundArgs<typeof Content, \"floating\">;\n        data: FloatingUiComponentSignature[\"Blocks\"][\"default\"][2][\"data\"];\n        arrow: ModifierLike<{ Element: HTMLElement }>;\n      },\n    ];\n  };\n}\n\nfunction getElementTag(tagName: undefined | string) {\n  return tagName || \"div\";\n}\n\n/**\n * Allows lazy evaluation of the portal target (do nothing until rendered)\n * This is useful because the algorithm for finding the portal target isn't cheap.\n */\nconst Content: TOC<{\n  Element: HTMLDivElement;\n  Args: {\n    floating: ModifierLike<{ Element: HTMLElement }>;\n    inline?: boolean;\n    /**\n     * By default the popover content is wrapped in a div.\n     * You may change this by supplying the name of an element here.\n     *\n     * For example:\n     * ```gjs\n     * <Popover as |p|>\n     *  <p.Content @as=\"dialog\">\n     *    this is now focus trapped\n     *  </p.Content>\n     * </Popover>\n     * ```\n     */\n    as?: string;\n  };\n  Blocks: { default: [] };\n}> = <template>\n  {{#let (element (getElementTag @as)) as |El|}}\n    {{#if @inline}}\n      {{! @glint-ignore\n            https://github.com/tildeio/ember-element-helper/issues/91\n            https://github.com/typed-ember/glint/issues/610\n      }}\n      <El {{@floating}} ...attributes>\n        {{yield}}\n      </El>\n    {{else}}\n      <Portal @to={{TARGETS.popover}}>\n        {{! @glint-ignore\n              https://github.com/tildeio/ember-element-helper/issues/91\n              https://github.com/typed-ember/glint/issues/610\n        }}\n        <El {{@floating}} ...attributes>\n          {{yield}}\n        </El>\n      </Portal>\n    {{/if}}\n  {{/let}}\n</template>;\n\ninterface AttachArrowSignature {\n  Element: HTMLElement;\n  Args: {\n    Named: {\n      arrowElement: ReturnType<typeof ArrowElement>;\n      data:\n        | undefined\n        | {\n            placement: string;\n            middlewareData?: {\n              arrow?: { x?: number; y?: number };\n            };\n          };\n    };\n  };\n}\n\nconst arrowSides = {\n  top: \"bottom\",\n  right: \"left\",\n  bottom: \"top\",\n  left: \"right\",\n};\n\ntype Direction = \"top\" | \"bottom\" | \"left\" | \"right\";\ntype Placement = `${Direction}${\"\" | \"-start\" | \"-end\"}`;\n\nconst attachArrow: ModifierLike<AttachArrowSignature> = eModifier<AttachArrowSignature>(\n  (element, _: [], named) => {\n    if (element === named.arrowElement.current) {\n      if (!named.data) return;\n      if (!named.data.middlewareData) return;\n\n      const { arrow } = named.data.middlewareData;\n      const { placement } = named.data;\n\n      if (!arrow) return;\n      if (!placement) return;\n\n      const { x: arrowX, y: arrowY } = arrow;\n      const otherSide = (placement as Placement).split(\"-\")[0] as Direction;\n      const staticSide = arrowSides[otherSide];\n\n      Object.assign(named.arrowElement.current.style, {\n        left: arrowX != null ? `${arrowX}px` : \"\",\n        top: arrowY != null ? `${arrowY}px` : \"\",\n        right: \"\",\n        bottom: \"\",\n        [staticSide]: \"-4px\",\n      });\n\n      return;\n    }\n\n    void (async () => {\n      await Promise.resolve();\n      named.arrowElement.set(element);\n    })();\n  },\n);\n\nconst ArrowElement: () => ReturnType<typeof cell<HTMLElement>> = () => cell<HTMLElement>();\n\nfunction maybeAddArrow(middleware: Middleware[] | undefined, element: Element | undefined) {\n  const result = [...(middleware || [])];\n\n  if (element) {\n    result.push(arrow({ element }));\n  }\n\n  return result;\n}\n\nfunction flipOptions(options: HookSignature[\"Args\"][\"Named\"][\"flipOptions\"]) {\n  return {\n    elementContext: \"reference\" as ElementContext,\n    ...options,\n  };\n}\n\nexport const Popover: TOC<Signature> = <template>\n  {{#let (ArrowElement) as |arrowElement|}}\n    <FloatingUI\n      @placement={{@placement}}\n      @strategy={{@strategy}}\n      @middleware={{maybeAddArrow @middleware arrowElement.current}}\n      @flipOptions={{flipOptions @flipOptions}}\n      @shiftOptions={{@shiftOptions}}\n      @offsetOptions={{@offsetOptions}}\n      as |reference floating extra|\n    >\n      {{#let (modifier attachArrow arrowElement=arrowElement data=extra.data) as |arrow|}}\n        {{yield\n          (hash\n            reference=reference\n            setReference=extra.setReference\n            Content=(component Content floating=floating inline=@inline)\n            data=extra.data\n            arrow=arrow\n          )\n        }}\n      {{/let}}\n    </FloatingUI>\n  {{/let}}\n</template>;\n\nexport default Popover;\n"],"names":["getElementTag","tagName","Content","setComponentTemplate","precompileTemplate","strictMode","scope","element","Portal","TARGETS","templateOnly","arrowSides","top","right","bottom","left","attachArrow","eModifier","_","named","arrowElement","current","data","middlewareData","arrow","placement","x","arrowX","y","arrowY","otherSide","split","staticSide","Object","assign","style","Promise","resolve","set","ArrowElement","cell","maybeAddArrow","middleware","result","push","flipOptions","options","elementContext","Popover","FloatingUI","hash"],"mappings":"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"}

package/dist/components/portal-targets.js

@@ -5,26 +5,26 @@ import { setComponentTemplate } from '@ember/component';
 import templateOnly from '@ember/component/template-only';
 
 const TARGETS = Object.freeze({
-  popover: 'ember-primitives__portal-targets__popover',
-  tooltip: 'ember-primitives__portal-targets__tooltip',
-  modal: 'ember-primitives__portal-targets__modal'
+  popover: "ember-primitives__portal-targets__popover",
+  tooltip: "ember-primitives__portal-targets__tooltip",
+  modal: "ember-primitives__portal-targets__modal"
 });
-function findNearestTarget(origin1, name1) {
-  assert(`first argument to \`findNearestTarget\` must be an element`, origin1 instanceof Element);
-  assert(`second argument to \`findNearestTarget\` must be a string`, typeof name1 === `string`);
-  let element1 = null;
-  let parent1 = origin1.parentNode;
-  while (!element1 && parent1) {
-    element1 = parent1.querySelector(`[data-portal-name=${name1}]`);
-    if (element1) break;
-    parent1 = parent1.parentNode;
+function findNearestTarget(origin, name) {
+  assert(`first argument to \`findNearestTarget\` must be an element`, origin instanceof Element);
+  assert(`second argument to \`findNearestTarget\` must be a string`, typeof name === `string`);
+  let element = null;
+  let parent = origin.parentNode;
+  while (!element && parent) {
+    element = parent.querySelector(`[data-portal-name=${name}]`);
+    if (element) break;
+    parent = parent.parentNode;
   }
   if (macroCondition(isDevelopingApp())) {
-    // eslint-disable-next-line @typescript-eslint/no-explicit-any
-    window.prime0 = origin1;
+    // eslint-disable-next-line @typescript-eslint/no-unsafe-member-access
+    window.prime0 = origin;
   }
-  assert(`Could not find element by the given name: \`${name1}\`.` + ` The known names are ` + `${Object.values(TARGETS).join(', ')} ` + `-- but any name will work as long as it is set to the \`data-portal-name\` attribute. ` + `Double check that the element you're wanting to portal to is rendered. ` + `The element passed to \`findNearestTarget\` is stored on \`window.prime0\` ` + `You can debug in your browser's console via ` + `\`document.querySelector('[data-portal-name="${name1}"]')\``, element1);
-  return element1;
+  assert(`Could not find element by the given name: \`${name}\`.` + ` The known names are ` + `${Object.values(TARGETS).join(", ")} ` + `-- but any name will work as long as it is set to the \`data-portal-name\` attribute. ` + `Double check that the element you're wanting to portal to is rendered. ` + `The element passed to \`findNearestTarget\` is stored on \`window.prime0\` ` + `You can debug in your browser's console via ` + `\`document.querySelector('[data-portal-name="${name}"]')\``, element);
+  return element;
 }
 const PortalTargets = setComponentTemplate(precompileTemplate("\n  <div data-portal-name={{TARGETS.popover}}></div>\n  <div data-portal-name={{TARGETS.tooltip}}></div>\n  <div data-portal-name={{TARGETS.modal}}></div>\n", {
   strictMode: true,

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

@@ -1 +1 @@
-{"version":3,"file":"portal-targets.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"portal-targets.js","sources":["../../src/components/portal-targets.gts"],"sourcesContent":["import { assert } from \"@ember/debug\";\nimport { isDevelopingApp, macroCondition } from \"@embroider/macros\";\n\nimport type { TOC } from \"@ember/component/template-only\";\n\nexport const TARGETS = Object.freeze({\n  popover: \"ember-primitives__portal-targets__popover\",\n  tooltip: \"ember-primitives__portal-targets__tooltip\",\n  modal: \"ember-primitives__portal-targets__modal\",\n});\n\nexport function findNearestTarget(origin: Element, name: string) {\n  assert(`first argument to \\`findNearestTarget\\` must be an element`, origin instanceof Element);\n  assert(`second argument to \\`findNearestTarget\\` must be a string`, typeof name === `string`);\n\n  let element: Element | null = null;\n\n  let parent = origin.parentNode;\n\n  while (!element && parent) {\n    element = parent.querySelector(`[data-portal-name=${name}]`);\n    if (element) break;\n    parent = parent.parentNode;\n  }\n\n  if (macroCondition(isDevelopingApp())) {\n    // eslint-disable-next-line @typescript-eslint/no-unsafe-member-access\n    (window as any).prime0 = origin;\n  }\n\n  assert(\n    `Could not find element by the given name: \\`${name}\\`.` +\n      ` The known names are ` +\n      `${Object.values(TARGETS).join(\", \")} ` +\n      `-- but any name will work as long as it is set to the \\`data-portal-name\\` attribute. ` +\n      `Double check that the element you're wanting to portal to is rendered. ` +\n      `The element passed to \\`findNearestTarget\\` is stored on \\`window.prime0\\` ` +\n      `You can debug in your browser's console via ` +\n      `\\`document.querySelector('[data-portal-name=\"${name}\"]')\\``,\n    element,\n  );\n\n  return element;\n}\n\nexport interface Signature {\n  Element: null;\n}\n\nexport const PortalTargets: TOC<Signature> = <template>\n  <div data-portal-name={{TARGETS.popover}}></div>\n  <div data-portal-name={{TARGETS.tooltip}}></div>\n  <div data-portal-name={{TARGETS.modal}}></div>\n</template>;\n\nexport default PortalTargets;\n"],"names":["TARGETS","Object","freeze","popover","tooltip","modal","findNearestTarget","origin","name","assert","Element","element","parent","parentNode","querySelector","macroCondition","isDevelopingApp","window","prime0","values","join","PortalTargets","setComponentTemplate","precompileTemplate","strictMode","scope","templateOnly"],"mappings":";;;;;;MAKaA,OAAA,GAAUC,MAAO,CAAAC,MAAM,CAAC;AACnCC,EAAAA,OAAS,EAAA,2CAAA;AACTC,EAAAA,OAAS,EAAA,2CAAA;AACTC,EAAAA,KAAO,EAAA;AACT,CAAG;AAEI,SAASC,iBAAkBA,CAAAC,MAAe,EAAEC,IAAY,EAAA;AAC7DC,EAAAA,MAAA,CAAO,CAA4D,0DAAA,CAAA,EAAEF,MAAkB,YAAAG,OAAA,CAAA;AACvFD,EAAAA,MAAO,CAAA,CAA2D,yDAAA,CAAA,EAAE,OAAOD,IAAS,KAAA,QAAQ,CAAA;EAE5F,IAAIG,OAAuB,GAAG,IAAA;AAE9B,EAAA,IAAIC,MAAA,GAASL,OAAOM,UAAU;AAE9B,EAAA,OAAO,CAACF,WAAWC,MAAQ,EAAA;IACzBD,OAAU,GAAAC,MAAA,CAAOE,aAAa,CAAC,CAAqBN,kBAAAA,EAAAA,IAAA,GAAO,CAAA;AAC3D,IAAA,IAAIG,OAAS,EAAA;IACbC,MAAA,GAASA,OAAOC,UAAU;AAC5B;AAEA,EAAA,IAAIE,eAAeC,eAAoB,EAAA,CAAA,EAAA;AACrC;IACCC,MAAU,CAAKC,MAAM,GAAGX,MAAA;AAC3B;AAEAE,EAAAA,MACE,CAAA,CAAA,4CAAA,EAA+CD,IAAA,CAAA,GAAA,CAAS,GACtD,CAAuB,qBAAA,CAAA,GACvB,CAAGP,EAAAA,OAAOkB,MAAM,CAACnB,SAASoB,IAAI,CAAC,MAAQ,CAAA,CAAA,GACvC,CAAwF,sFAAA,CAAA,GACxF,yEAAyE,GACzE,CAAA,2EAAA,CAA6E,GAC7E,CAAA,4CAAA,CAA8C,GAC9C,CAAgDZ,6CAAAA,EAAAA,IAAA,CAAY,MAAA,CAAA,EAC9DG,OAAA,CAAA;AAGF,EAAA,OAAOA,OAAA;AACT;MAMaU,aAAmB,GAAAC,oBAAA,CAAaC,kBAAA,CAI7C,8JAAA,EAAA;EAAAC,UAAA,EAAA,IAAA;AAAAC,EAAAA,KAAA,EAAAA,OAAA;AAAAzB,IAAAA;AAAA,GAAA;AAAU,CAAE,CAAA,EAAA0B,YAAA,EAAA;;;;"}

package/dist/components/portal.js

@@ -5,9 +5,11 @@ import { precompileTemplate } from '@ember/template-compilation';
 import { setComponentTemplate } from '@ember/component';
 import templateOnly from '@ember/component/template-only';
 
-const anchor = modifier((element1, [to1, update1]) => {
-  let found1 = findNearestTarget(element1, to1);
-  update1(found1);
+const anchor = modifier((element, [to, update]) => {
+  // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment, @typescript-eslint/no-unsafe-call
+  const found = findNearestTarget(element, to);
+  // eslint-disable-next-line @typescript-eslint/no-unsafe-argument
+  update(found);
 });
 const ElementValue = () => cell();
 const Portal = setComponentTemplate(precompileTemplate("\n  {{#let (ElementValue) as |target|}}\n    {{!-- This div is always going to be empty,\n          because it'll either find the portal and render content elsewhere,\n          it it won't find the portal and won't render anything.\n    --}}\n    {{!-- template-lint-disable no-inline-styles --}}\n    <div style=\"display:contents;\" {{anchor @to target.set}}>\n      {{#if target.current}}\n        {{#in-element target.current}}\n          {{yield}}\n        {{/in-element}}\n      {{/if}}\n    </div>\n  {{/let}}\n", {

package/dist/components/portal.js.map

@@ -1 +1 @@
-{"version":3,"file":"portal.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"portal.js","sources":["../../src/components/portal.gts"],"sourcesContent":["import { modifier } from \"ember-modifier\";\nimport { cell } from \"ember-resources\";\n\nimport { findNearestTarget, type TARGETS } from \"./portal-targets.gts\";\n\nimport type { TOC } from \"@ember/component/template-only\";\n\ntype Targets = (typeof TARGETS)[keyof typeof TARGETS];\n\nexport interface Signature {\n  Args: {\n    /**\n     * The name of the PortalTarget to render in to.\n     * This is the value of the `data-portal-name` attribute\n     * of the element you wish to render in to.\n     */\n    // eslint-disable-next-line @typescript-eslint/no-redundant-type-constituents\n    to: Targets | (string & {});\n  };\n  Blocks: {\n    /**\n     * The portaled content\n     */\n    default: [];\n  };\n}\n\nconst anchor = modifier(\n  (element: Element, [to, update]: [string, ReturnType<typeof ElementValue>[\"set\"]]) => {\n    // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment, @typescript-eslint/no-unsafe-call\n    const found = findNearestTarget(element, to);\n\n    // eslint-disable-next-line @typescript-eslint/no-unsafe-argument\n    update(found);\n  },\n);\n\nconst ElementValue = () => cell<Element | ShadowRoot>();\n\nexport const Portal: TOC<Signature> = <template>\n  {{#let (ElementValue) as |target|}}\n    {{! This div is always going to be empty,\n          because it'll either find the portal and render content elsewhere,\n          it it won't find the portal and won't render anything.\n    }}\n    {{! template-lint-disable no-inline-styles }}\n    <div style=\"display:contents;\" {{anchor @to target.set}}>\n      {{#if target.current}}\n        {{#in-element target.current}}\n          {{yield}}\n        {{/in-element}}\n      {{/if}}\n    </div>\n  {{/let}}\n</template>;\n\nexport default Portal;\n"],"names":["anchor","modifier","element","to","update","found","findNearestTarget","ElementValue","cell","Portal","setComponentTemplate","precompileTemplate","strictMode","scope","templateOnly"],"mappings":";;;;;;;AA2BA,MAAMA,MAAS,GAAAC,QAAA,CACb,CAACC,OAAkB,EAAA,CAACC,EAAI,EAAAC,MAAA,CAAyD,KAAA;AAC/E;AACA,EAAA,MAAMC,KAAA,GAAQC,kBAAkBJ,OAAS,EAAAC,EAAA,CAAA;AAEzC;EACAC,MAAO,CAAAC,KAAA,CAAA;AACT,CAAA,CAAA;AAGF,MAAME,YAAA,GAAeA,MAAMC,IAAA,EAAe;MAE7BC,MAAY,GAAAC,oBAAA,CAAaC,kBAAA,CAetC,ygBAAA,EAAA;EAAAC,UAAA,EAAA,IAAA;AAAAC,EAAAA,KAAA,EAAAA,OAAA;IAAAN,YAAA;AAAAP,IAAAA;AAAA,GAAA;AAAU,CAAE,CAAA,EAAAc,YAAA,EAAA;;;;"}

package/dist/components/progress.js

@@ -8,29 +8,29 @@ const DEFAULT_MAX = 100;
 /**
  * Non-negative, non-NaN, non-Infinite, positive, rational
  */
-function isValidProgressNumber(value1) {
-  if (typeof value1 !== 'number') return false;
-  if (!Number.isFinite(value1)) return false;
-  return value1 >= 0;
+function isValidProgressNumber(value) {
+  if (typeof value !== "number") return false;
+  if (!Number.isFinite(value)) return false;
+  return value >= 0;
 }
-function progressState(value1, maxValue1) {
-  return value1 == null ? 'indeterminate' : value1 === maxValue1 ? 'complete' : 'loading';
+function progressState(value, maxValue) {
+  return value == null ? "indeterminate" : value === maxValue ? "complete" : "loading";
 }
-function getMax(userMax1) {
-  return isValidProgressNumber(userMax1) ? userMax1 : DEFAULT_MAX;
+function getMax(userMax) {
+  return isValidProgressNumber(userMax) ? userMax : DEFAULT_MAX;
 }
-function getValue(userValue1, maxValue1) {
-  let max1 = getMax(maxValue1);
-  if (!isValidProgressNumber(userValue1)) {
+function getValue(userValue, maxValue) {
+  const max = getMax(maxValue);
+  if (!isValidProgressNumber(userValue)) {
     return 0;
   }
-  if (userValue1 > max1) {
-    return max1;
+  if (userValue > max) {
+    return max;
   }
-  return userValue1;
+  return userValue;
 }
-function getValueLabel(value1, max1) {
-  return `${Math.round(value1 / max1 * 100)}%`;
+function getValueLabel(value, max) {
+  return `${Math.round(value / max * 100)}%`;
 }
 const Indicator = setComponentTemplate(precompileTemplate("\n  <div ...attributes data-max={{@max}} data-value={{@value}} data-state={{progressState @value @max}} data-percent={{@percent}}>\n    {{yield}}\n  </div>\n", {
   strictMode: true,

package/dist/components/progress.js.map

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

package/dist/components/scroller.js

@@ -7,8 +7,8 @@ import { setComponentTemplate } from '@ember/component';
 
 class Scroller extends Component {
   withinElement;
-  ref = modifier(el1 => {
-    this.withinElement = el1;
+  ref = modifier(el => {
+    this.withinElement = el;
   });
   #frame;
   scrollToBottom = () => {
@@ -19,7 +19,7 @@ class Scroller extends Component {
       if (isDestroyed(this) || isDestroying(this)) return;
       this.withinElement.scrollTo({
         top: this.withinElement.scrollHeight,
-        behavior: 'auto'
+        behavior: "auto"
       });
     });
   };
@@ -31,7 +31,7 @@ class Scroller extends Component {
       if (isDestroyed(this) || isDestroying(this)) return;
       this.withinElement.scrollTo({
         top: 0,
-        behavior: 'auto'
+        behavior: "auto"
       });
     });
   };
@@ -43,7 +43,7 @@ class Scroller extends Component {
       if (isDestroyed(this) || isDestroying(this)) return;
       this.withinElement.scrollTo({
         left: 0,
-        behavior: 'auto'
+        behavior: "auto"
       });
     });
   };
@@ -55,7 +55,7 @@ class Scroller extends Component {
       if (isDestroyed(this) || isDestroying(this)) return;
       this.withinElement.scrollTo({
         left: this.withinElement.scrollWidth,
-        behavior: 'auto'
+        behavior: "auto"
       });
     });
   };

package/dist/components/scroller.js.map

@@ -1 +1 @@
-{"version":3,"file":"scroller.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"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","withinElement","ref","modifier","el","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;EAsFpBC,aAAA;AAERC,EAAAA,GAAM,GAAAC,QAAA,CAAUC,EAAI,IAAA;IAClB,IAAI,CAACH,aAAa,GAAGG,EAAA;AACvB,GAAG,CAAA;AAEH,EAAA,MAAM;EAENC,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,CAACR,aAAa,CAACS,QAAQ,CAAC;AAC1BC,QAAAA,GAAA,EAAK,IAAI,CAACV,aAAa,CAACW,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,CAACR,aAAa,CAACS,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,CAACR,aAAa,CAACS,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,CAACR,aAAa,CAACS,QAAQ,CAAC;AAC1BM,QAAAA,IAAA,EAAM,IAAI,CAACf,aAAa,CAACiB,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;;;;"}

package/dist/components/shadowed.js

@@ -5,16 +5,16 @@ import { setComponentTemplate } from '@ember/component';
 import templateOnly from '@ember/component/template-only';
 
 const Shadow = () => {
-  let shadow1 = cell();
+  const shadow = cell();
   return {
     get root() {
-      return shadow1.current;
+      return shadow.current;
     },
-    attach: modifier(element1 => {
-      let shadowRoot1 = element1.attachShadow({
-        mode: 'open'
+    attach: modifier(element => {
+      const shadowRoot = element.attachShadow({
+        mode: "open"
       });
-      let div1 = document.createElement('div');
+      const div = document.createElement("div");
       // ember-source 5.6 broke the ability to in-element
       // natively into a shadowroot.
       //
@@ -22,15 +22,15 @@ const Shadow = () => {
       // - https://github.com/emberjs/ember.js/issues/20643
       // - https://github.com/emberjs/ember.js/issues/20642
       // - https://github.com/emberjs/ember.js/issues/20641
-      shadowRoot1.appendChild(div1);
-      shadow1.set(div1);
+      shadowRoot.appendChild(div);
+      shadow.set(div);
     })
   };
 };
 // index.html has the production-fingerprinted references to these links
 // Ideally, we'd have some pre-processor scan everything for references to
 // assets in public, but idk how to set that up
-const getStyles = () => [...document.querySelectorAll('link')].map(link1 => link1.href);
+const getStyles = () => [...document.querySelectorAll("link")].map(link => link.href);
 /**
  * style + native @import
  * is the only robust way to load styles in a shadowroot.

package/dist/components/shadowed.js.map

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