ember-primitives 0.32.0 → 0.33.0

package/declarations/-private.d.ts

@@ -2,4 +2,3 @@
  * @internal
  */
 export declare const PRIMITIVES: unique symbol;
-//# sourceMappingURL=-private.d.ts.map

package/declarations/color-scheme.d.ts

@@ -57,4 +57,3 @@ export declare function setColorScheme(value: string): void;
  * Removes the `color-scheme` from the given element
  */
 export declare function removeColorScheme(element?: HTMLElement): void;
-//# sourceMappingURL=color-scheme.d.ts.map

package/declarations/components/-private/typed-elements.d.ts

@@ -14,4 +14,3 @@ export declare const Label: TOC<{
         default: [];
     };
 }>;
-//# sourceMappingURL=typed-elements.d.ts.map

package/declarations/components/-private/utils.d.ts

@@ -3,4 +3,3 @@
  * otherwise fallback to the uncontrolled toggle
  */
 export declare function toggleWithFallback(uncontrolledToggle: (...args: unknown[]) => void, controlledToggle?: (...args: any[]) => void, ...args: unknown[]): void;
-//# sourceMappingURL=utils.d.ts.map

package/declarations/components/accordion/content.d.ts

@@ -11,4 +11,3 @@ export declare class AccordionContent extends Component<Signature> {
     get isHidden(): boolean;
 }
 export default AccordionContent;
-//# sourceMappingURL=content.d.ts.map

package/declarations/components/accordion/header.d.ts

@@ -10,4 +10,3 @@ interface Signature extends AccordionHeaderExternalSignature {
 }
 export declare const AccordionHeader: TOC<Signature>;
 export default AccordionHeader;
-//# sourceMappingURL=header.d.ts.map

package/declarations/components/accordion/item.d.ts

@@ -13,4 +13,3 @@ export declare class AccordionItem extends Component<Signature> {
     toggleItem: () => void;
 }
 export default AccordionItem;
-//# sourceMappingURL=item.d.ts.map

package/declarations/components/accordion/public.d.ts

@@ -58,4 +58,3 @@ export interface AccordionItemExternalSignature {
         value: string;
     };
 }
-//# sourceMappingURL=public.d.ts.map

package/declarations/components/accordion/trigger.d.ts

@@ -10,4 +10,3 @@ interface Signature extends AccordionTriggerExternalSignature {
 }
 export declare const AccordionTrigger: TOC<Signature>;
 export default AccordionTrigger;
-//# sourceMappingURL=trigger.d.ts.map

package/declarations/components/accordion.d.ts

@@ -98,4 +98,3 @@ export declare class Accordion extends Component<{
     toggleItemMultiple: (value: string) => void;
 }
 export default Accordion;
-//# sourceMappingURL=accordion.d.ts.map

package/declarations/components/avatar.d.ts

@@ -69,4 +69,3 @@ export declare const Avatar: TOC<{
     };
 }>;
 export default Avatar;
-//# sourceMappingURL=avatar.d.ts.map

package/declarations/components/dialog.d.ts

@@ -126,4 +126,3 @@ declare class ModalDialog extends Component<Signature> {
 export declare const Modal: typeof ModalDialog;
 export declare const Dialog: typeof ModalDialog;
 export default ModalDialog;
-//# sourceMappingURL=dialog.d.ts.map

package/declarations/components/external-link.d.ts

@@ -6,4 +6,3 @@ export declare const ExternalLink: TOC<{
     };
 }>;
 export default ExternalLink;
-//# sourceMappingURL=external-link.d.ts.map

package/declarations/components/form.d.ts

@@ -37,4 +37,3 @@ export interface Signature {
 }
 export declare const Form: TOC<Signature>;
 export default Form;
-//# sourceMappingURL=form.d.ts.map

package/declarations/components/keys.d.ts

@@ -14,4 +14,3 @@ export interface KeySignature {
     };
 }
 export declare const Key: TOC<KeySignature>;
-//# sourceMappingURL=keys.d.ts.map

package/declarations/components/layout/hero.d.ts

@@ -9,4 +9,3 @@ export declare const Hero: TOC<{
         default: [];
     };
 }>;
-//# sourceMappingURL=hero.d.ts.map

package/declarations/components/layout/sticky-footer.d.ts

@@ -24,4 +24,3 @@ export declare const StickyFooter: TOC<{
     };
 }>;
 export default StickyFooter;
-//# sourceMappingURL=sticky-footer.d.ts.map

package/declarations/components/link.d.ts

@@ -138,4 +138,3 @@ export interface Signature {
  */
 export declare const Link: TOC<Signature>;
 export default Link;
-//# sourceMappingURL=link.d.ts.map

package/declarations/components/menu.d.ts

@@ -107,4 +107,3 @@ export declare class Menu extends Component<Signature> {
     contentId: string;
 }
 export default Menu;
-//# sourceMappingURL=menu.d.ts.map

package/declarations/components/one-time-password/buttons.d.ts

@@ -11,4 +11,3 @@ export declare const Reset: TOC<{
         default: [];
     };
 }>;
-//# sourceMappingURL=buttons.d.ts.map

package/declarations/components/one-time-password/index.d.ts

@@ -1,3 +1,2 @@
 export { OTPInput } from './input';
 export { OTP } from './otp';
-//# sourceMappingURL=index.d.ts.map

package/declarations/components/one-time-password/input.d.ts

@@ -73,4 +73,3 @@ export declare class OTPInput extends Component<{
     get fields(): undefined[];
 }
 export {};
-//# sourceMappingURL=input.d.ts.map

package/declarations/components/one-time-password/otp.d.ts

@@ -54,4 +54,3 @@ export declare const OTP: TOC<{
         ];
     };
 }>;
-//# sourceMappingURL=otp.d.ts.map

package/declarations/components/one-time-password/utils.d.ts

@@ -3,4 +3,3 @@ export declare function handlePaste(event: Event): void;
 export declare function handleNavigation(event: KeyboardEvent): void;
 export declare const autoAdvance: (event: Event) => void;
 export declare function getCollectiveValue(elementTarget: EventTarget | null, length: number): string | undefined;
-//# sourceMappingURL=utils.d.ts.map

package/declarations/components/popover.d.ts

@@ -105,4 +105,3 @@ declare const Content: TOC<{
 }>;
 export declare const Popover: TOC<Signature>;
 export default Popover;
-//# sourceMappingURL=popover.d.ts.map

package/declarations/components/portal-targets.d.ts

@@ -10,4 +10,3 @@ export interface Signature {
 }
 export declare const PortalTargets: TOC<Signature>;
 export default PortalTargets;
-//# sourceMappingURL=portal-targets.d.ts.map

package/declarations/components/portal.d.ts

@@ -19,4 +19,3 @@ export interface Signature {
 }
 export declare const Portal: TOC<Signature>;
 export default Portal;
-//# sourceMappingURL=portal.d.ts.map

package/declarations/components/progress.d.ts

@@ -62,4 +62,3 @@ export declare class Progress extends Component<Signature> {
     get percent(): number;
 }
 export default Progress;
-//# sourceMappingURL=progress.d.ts.map

package/declarations/components/rating/index.d.ts

@@ -105,4 +105,3 @@ export declare class Rating extends Component<Signature> {
     get isReadonly(): boolean;
     get needsDescription(): boolean;
 }
-//# sourceMappingURL=index.d.ts.map

package/declarations/components/rating/public-types.d.ts

@@ -44,4 +44,3 @@ export interface StringIcons {
      */
     icon?: string;
 }
-//# sourceMappingURL=public-types.d.ts.map

package/declarations/components/rating/range.d.ts

@@ -8,4 +8,3 @@ export declare const RatingRange: TOC<{
         handleChange: (event: Event) => void;
     };
 }>;
-//# sourceMappingURL=range.d.ts.map

package/declarations/components/rating/stars.d.ts

@@ -10,4 +10,3 @@ export declare const Stars: TOC<{
         total: number;
     };
 }>;
-//# sourceMappingURL=stars.d.ts.map

package/declarations/components/rating/state.d.ts

@@ -41,4 +41,3 @@ export declare class RatingState extends Component<{
      */
     handleChange: (event: Event) => void;
 }
-//# sourceMappingURL=state.d.ts.map

package/declarations/components/rating/utils.d.ts

@@ -1,4 +1,3 @@
 export declare function isString(x: unknown): x is string;
 export declare function lte(a: number, b: number): boolean;
 export declare function percentSelected(a: number, b: number): number;
-//# sourceMappingURL=utils.d.ts.map

package/declarations/components/rating.d.ts

@@ -1,4 +1,3 @@
 export { Rating } from './rating/index';
 import type { ComponentIcons } from "./rating/public-types.ts";
 export type IconType = ComponentIcons["icon"];
-//# sourceMappingURL=rating.d.ts.map

package/declarations/components/scroller.d.ts

@@ -105,4 +105,3 @@ export declare class Scroller extends Component<{
     scrollToLeft: () => void;
     scrollToRight: () => void;
 }
-//# sourceMappingURL=scroller.d.ts.map

package/declarations/components/shadowed.d.ts

@@ -32,4 +32,3 @@ export declare const Shadowed: TOC<{
     };
 }>;
 export default Shadowed;
-//# sourceMappingURL=shadowed.d.ts.map

package/declarations/components/switch.d.ts

@@ -67,4 +67,3 @@ declare const Checkbox: TOC<ControlSignature>;
  */
 export declare const Switch: TOC<Signature>;
 export default Switch;
-//# sourceMappingURL=switch.d.ts.map

package/declarations/components/toggle-group.d.ts

@@ -136,4 +136,3 @@ interface PrivateMultiSignature<Value = any> {
 export declare class ToggleGroup<Value = any> extends Component<PrivateSingleSignature<Value> | PrivateMultiSignature<Value>> {
 }
 export {};
-//# sourceMappingURL=toggle-group.d.ts.map

package/declarations/components/toggle.d.ts

@@ -44,4 +44,3 @@ export interface Signature<Value = any> {
 }
 export declare const Toggle: TOC<Signature>;
 export default Toggle;
-//# sourceMappingURL=toggle.d.ts.map

package/declarations/components/visually-hidden.d.ts

@@ -9,4 +9,3 @@ export declare const VisuallyHidden: TOC<{
         default: [];
     };
 }>;
-//# sourceMappingURL=visually-hidden.d.ts.map

package/declarations/components/zoetrope/index.d.ts

@@ -23,4 +23,3 @@ export declare class Zoetrope extends Component<Signature> {
     private findOverflowingElement;
 }
 export default Zoetrope;
-//# sourceMappingURL=index.d.ts.map

package/declarations/components/zoetrope/types.d.ts

@@ -54,4 +54,3 @@ export interface Signature {
     };
     Element: HTMLElement;
 }
-//# sourceMappingURL=types.d.ts.map

package/declarations/components/zoetrope.d.ts

@@ -1,4 +1,3 @@
 export { Zoetrope } from './zoetrope/index';
 export { default } from './zoetrope/index';
 export type { Signature } from './zoetrope/types.ts';
-//# sourceMappingURL=zoetrope.d.ts.map

package/declarations/floating-ui/component.d.ts

@@ -131,4 +131,3 @@ export declare class FloatingUI extends Component<Signature> {
     setReference: (element: HTMLElement | SVGElement) => void;
 }
 export {};
-//# sourceMappingURL=component.d.ts.map

package/declarations/floating-ui/middleware.d.ts

@@ -1,3 +1,2 @@
 import type { Middleware } from '@floating-ui/dom';
 export declare function exposeMetadata(): Middleware;
-//# sourceMappingURL=middleware.d.ts.map

package/declarations/floating-ui/modifier.d.ts

@@ -130,4 +130,3 @@ export declare const anchorTo: import("ember-modifier").FunctionBasedModifier<{
         Positional: [referenceElement: string | HTMLElement | SVGElement];
     };
 }>;
-//# sourceMappingURL=modifier.d.ts.map

package/declarations/floating-ui.d.ts

@@ -1,3 +1,2 @@
 export { FloatingUI } from './floating-ui/component';
 export { anchorTo } from './floating-ui/modifier.ts';
-//# sourceMappingURL=floating-ui.d.ts.map

package/declarations/helpers/body-class.d.ts

@@ -26,4 +26,3 @@ export default class BodyClass extends Helper<Signature> {
     willDestroy(): void;
 }
 export declare const bodyClass: typeof BodyClass;
-//# sourceMappingURL=body-class.d.ts.map

package/declarations/helpers/link.d.ts

@@ -31,4 +31,3 @@ export declare function isActive(router: RouterService, href: string, includeQue
 type RouteInfo = ReturnType<RouterService['recognize']>;
 export declare function getParams(currentRouteInfo: RouteInfo): any[];
 export {};
-//# sourceMappingURL=link.d.ts.map

package/declarations/helpers/service.d.ts

@@ -11,4 +11,3 @@ export default class GetService<Key extends keyof Registry> extends Helper<Signa
     compute(positional: [Key]): Registry[Key] & Service;
 }
 export declare const service: typeof GetService;
-//# sourceMappingURL=service.d.ts.map

package/declarations/helpers.d.ts

@@ -1,3 +1,2 @@
 export { link } from './helpers/link.ts';
 export { service } from './helpers/service.ts';
-//# sourceMappingURL=helpers.d.ts.map

package/declarations/iframe.d.ts

@@ -28,4 +28,3 @@ export declare const inIframe: () => boolean;
  * ```
  */
 export declare const notInIframe: () => boolean;
-//# sourceMappingURL=iframe.d.ts.map

package/declarations/index.d.ts

@@ -23,4 +23,3 @@ export { ToggleGroup } from './components/toggle-group';
 export { VisuallyHidden } from './components/visually-hidden';
 export { Zoetrope } from './components/zoetrope.ts';
 export * from './helpers.ts';
-//# sourceMappingURL=index.d.ts.map

package/declarations/on-resize.d.ts

@@ -35,4 +35,3 @@ export declare const onResize: typeof OnResize;
  */
 export default function ignoreROError(): void;
 export {};
-//# sourceMappingURL=on-resize.d.ts.map

package/declarations/proper-links.d.ts

@@ -21,4 +21,3 @@ export declare function properLinks<Instance extends object, Klass = {
  */
 export declare function setup(parent: object, ignore?: string[]): void;
 export declare function handle(router: RouterService, element: HTMLAnchorElement, ignore: string[], event: MouseEvent): false | undefined;
-//# sourceMappingURL=proper-links.d.ts.map

package/declarations/qp.d.ts

@@ -0,0 +1,31 @@
+import Helper from '@ember/component/helper';
+import type RouterService from '@ember/routing/router-service';
+export interface Signature {
+    Args: {
+        Positional: [string];
+    };
+    Return: string | undefined;
+}
+declare class QP extends Helper<Signature> {
+    router: RouterService;
+    compute([name]: [string]): string | undefined;
+}
+export declare const qp: typeof QP;
+/**
+ * Cast a query-param string value to a boolean
+ *
+ * The following values are considered "false"
+ * - undefined
+ * - ""
+ * - "0"
+ * - false
+ * - "f"
+ * - "off"
+ * - "no"
+ * - "null"
+ * - "undefined"
+ *
+ * All other values are considered truthy
+ */
+export declare function castToBoolean(x: string | undefined): boolean;
+export {};

package/declarations/styles.css.d.ts

@@ -3,4 +3,3 @@
  * may not be are included here.
  */
 import './components/visually-hidden.css';
-//# sourceMappingURL=styles.css.d.ts.map

package/declarations/tabster.d.ts

@@ -21,4 +21,3 @@ context: object, { tabster, setTabsterRoot, }?: {
     tabster?: boolean;
     setTabsterRoot?: boolean;
 }): Promise<void>;
-//# sourceMappingURL=tabster.d.ts.map

package/declarations/template-registry.d.ts

@@ -30,4 +30,3 @@ export default interface Registry {
     Toggle: typeof Toggle;
     service: typeof service;
 }
-//# sourceMappingURL=template-registry.d.ts.map

package/declarations/test-support/a11y.d.ts

@@ -1,4 +1,3 @@
 export declare function setupTabster(hooks: {
     beforeEach: (callback: () => void | Promise<void>) => unknown;
 }): void;
-//# sourceMappingURL=a11y.d.ts.map

package/declarations/test-support/index.d.ts

@@ -3,4 +3,3 @@ export { fillOTP } from './otp.ts';
 export { rating } from './rating.ts';
 export { getRouter, setupRouting } from './routing.ts';
 export { ZoetropeHelper } from './zoetrope.ts';
-//# sourceMappingURL=index.d.ts.map

package/declarations/test-support/otp.d.ts

@@ -3,4 +3,3 @@
  * @param {string} [ selector ] if there are multiple OTP components on a page, this can be used to select one of them.
  */
 export declare function fillOTP(code: string, selector?: string): Promise<void>;
-//# sourceMappingURL=otp.d.ts.map

package/declarations/test-support/rating.d.ts

@@ -19,4 +19,3 @@ declare class RatingPageObject {
     select(stars: number): Promise<void>;
 }
 export {};
-//# sourceMappingURL=rating.d.ts.map

package/declarations/test-support/routing.d.ts

@@ -29,4 +29,3 @@ export declare function setupRouting(owner: Owner, map: DSLCallback, options?: {
     rootURL: string;
 }): void;
 export declare function getRouter(owner: Owner): RouterService;
-//# sourceMappingURL=routing.d.ts.map

package/declarations/test-support/zoetrope.d.ts

@@ -6,4 +6,3 @@ export declare class ZoetropeHelper {
     visibleItems(): Element[];
     visibleItemCount(): number;
 }
-//# sourceMappingURL=zoetrope.d.ts.map

package/declarations/utils.d.ts

@@ -1,2 +1 @@
 export declare function uniqueId(): string;
-//# sourceMappingURL=utils.d.ts.map

package/dist/components/-private/typed-elements.js.map

@@ -1 +1 @@
-{"version":3,"file":"typed-elements.js","sources":["../../../src/components/-private/typed-elements.gts"],"sourcesContent":["import type { TOC } from \"@ember/component/template-only\";\n\nexport const Div: TOC<{ Element: HTMLDivElement; Blocks: { default: [] } }> = <template>\n  <div ...attributes>{{yield}}</div>\n</template>;\n\nexport const Label: TOC<{\n  Element: HTMLLabelElement;\n  Args: { for: string };\n  Blocks: { default: [] };\n}> = <template>\n  <label for={{@for}} ...attributes>{{yield}}</label>\n</template>;\n"],"names":["Div","setComponentTemplate","precompileTemplate","strictMode","templateOnly","Label"],"mappings":";;;;MAEaA,GAAiE,GAAAC,oBAAA,CAAAC,kBAAA,CAE9E,0CAAA,EAAA;EAAAC,UAAA,EAAA;AAAU,CAAE,CAAA,EAAAC,YAAA,EAAA;MAECC,KAIR,GAAAJ,oBAAA,CAAAC,kBAAA,CAEL,2DAAA,EAAA;EAAAC,UAAA,EAAA;AAAU,CAAE,CAAA,EAAAC,YAAA,EAAA;;;;"}
+{"version":3,"file":"typed-elements.js","sources":["../../../src/components/-private/typed-elements.gts"],"sourcesContent":["import type { TOC } from \"@ember/component/template-only\";\n\nexport const Div: TOC<{ Element: HTMLDivElement; Blocks: { default: [] } }> = <template>\n  <div ...attributes>{{yield}}</div>\n</template>;\n\nexport const Label: TOC<{\n  Element: HTMLLabelElement;\n  Args: { for: string };\n  Blocks: { default: [] };\n}> = <template>\n  <label for={{@for}} ...attributes>{{yield}}</label>\n</template>;\n"],"names":["Div","setComponentTemplate","precompileTemplate","strictMode","templateOnly","Label"],"mappings":";;;;MAEaA,GAAiE,GAAAC,oBAAA,CAAAC,kBAAA,CAAA,0CAAA,EAE9E;EAAAC,UAAA,EAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA;MAEGC,KAIR,GAAAJ,oBAAA,CAAAC,kBAAA,CAAA,2DAAA,EAEL;EAAAC,UAAA,EAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA;;;;"}

package/dist/components/accordion.js.map

@@ -1 +1 @@
-{"version":3,"file":"accordion.js","sources":["../../src/components/accordion.gts"],"sourcesContent":["import Component from \"@glimmer/component\";\nimport { assert } from \"@ember/debug\";\nimport { hash } from \"@ember/helper\";\n\n// temp\n//  https://github.com/tracked-tools/tracked-toolbox/issues/38\n// eslint-disable-next-line @typescript-eslint/ban-ts-comment\n// @ts-ignore\nimport { localCopy } from \"tracked-toolbox\";\n\nimport AccordionItem from \"./accordion/item.gts\";\n\nimport type { WithBoundArgs } from \"@glint/template\";\n\ntype AccordionSingleArgs = {\n  /**\n   * The type of accordion. If `single`, only one item can be selected at a time. If `multiple`, multiple items can be selected at a time.\n   */\n  type: \"single\";\n  /**\n   * Whether the accordion is disabled. When `true`, all items cannot be expanded or collapsed.\n   */\n  disabled?: boolean;\n  /**\n   * When type is `single`, whether the accordion is collapsible. When `true`, the selected item can be collapsed by clicking its trigger.\n   */\n  collapsible?: boolean;\n} & (\n  | {\n      /**\n       * The currently selected value. To be used in a controlled fashion in conjunction with `onValueChange`.\n       */\n      value: string;\n      /**\n       * A callback that is called when the selected value changes. To be used in a controlled fashion in conjunction with `value`.\n       */\n      onValueChange: (value: string | undefined) => void;\n      /**\n       * Not available in a controlled fashion.\n       */\n      defaultValue?: never;\n    }\n  | {\n      /**\n       * Not available in an uncontrolled fashion.\n       */\n      value?: never;\n      /**\n       * Not available in an uncontrolled fashion.\n       */\n      onValueChange?: never;\n      /**\n       * The default value of the accordion. To be used in an uncontrolled fashion.\n       */\n      defaultValue?: string;\n    }\n);\n\ntype AccordionMultipleArgs = {\n  /**\n   * The type of accordion. If `single`, only one item can be selected at a time. If `multiple`, multiple items can be selected at a time.\n   */\n  type: \"multiple\";\n  /**\n   * Whether the accordion is disabled. When `true`, all items cannot be expanded or collapsed.\n   */\n  disabled?: boolean;\n} & (\n  | {\n      /**\n       * The currently selected values. To be used in a controlled fashion in conjunction with `onValueChange`.\n       */\n      value: string[];\n      /**\n       * A callback that is called when the selected values change. To be used in a controlled fashion in conjunction with `value`.\n       */\n      onValueChange: (value?: string[]) => void;\n      /**\n       * Not available in a controlled fashion.\n       */\n      defaultValue?: never;\n    }\n  | {\n      /**\n       * Not available in an uncontrolled fashion.\n       */\n      value?: never;\n      /**\n       * Not available in an uncontrolled fashion.\n       */\n      onValueChange?: never;\n      /**\n       * The default values of the accordion. To be used in an uncontrolled fashion.\n       */\n      defaultValue?: string[];\n    }\n);\n\nexport class Accordion extends Component<{\n  Element: HTMLDivElement;\n  Args: AccordionSingleArgs | AccordionMultipleArgs;\n  Blocks: {\n    default: [\n      {\n        /**\n         * The AccordionItem component.\n         */\n        Item: WithBoundArgs<typeof AccordionItem, \"selectedValue\" | \"toggleItem\" | \"disabled\">;\n      },\n    ];\n  };\n}> {\n  <template>\n    <div data-disabled={{@disabled}} ...attributes>\n      {{yield\n        (hash\n          Item=(component\n            AccordionItem\n            selectedValue=this.selectedValue\n            toggleItem=this.toggleItem\n            disabled=@disabled\n          )\n        )\n      }}\n    </div>\n  </template>\n\n  // eslint-disable-next-line @typescript-eslint/no-unsafe-call\n  @localCopy(\"args.defaultValue\") declare _internallyManagedValue?: string | string[];\n\n  get selectedValue() {\n    return this.args.value ?? this._internallyManagedValue;\n  }\n\n  toggleItem = (value: string) => {\n    if (this.args.disabled) {\n      return;\n    }\n\n    if (this.args.type === \"single\") {\n      this.toggleItemSingle(value);\n    } else if (this.args.type === \"multiple\") {\n      this.toggleItemMultiple(value);\n    }\n  };\n\n  toggleItemSingle = (value: string) => {\n    assert(\"Cannot call `toggleItemSingle` when `disabled` is true.\", !this.args.disabled);\n    assert(\n      \"Cannot call `toggleItemSingle` when `type` is not `single`.\",\n      this.args.type === \"single\",\n    );\n\n    if (value === this.selectedValue && !this.args.collapsible) {\n      return;\n    }\n\n    const newValue = value === this.selectedValue ? undefined : value;\n\n    if (this.args.onValueChange) {\n      this.args.onValueChange(newValue);\n    } else {\n      this._internallyManagedValue = newValue;\n    }\n  };\n\n  toggleItemMultiple = (value: string) => {\n    assert(\"Cannot call `toggleItemMultiple` when `disabled` is true.\", !this.args.disabled);\n    assert(\n      \"Cannot call `toggleItemMultiple` when `type` is not `multiple`.\",\n      this.args.type === \"multiple\",\n    );\n\n    const currentValues = (this.selectedValue as string[] | undefined) ?? [];\n    const indexOfValue = currentValues.indexOf(value);\n    let newValue: string[];\n\n    if (indexOfValue === -1) {\n      newValue = [...currentValues, value];\n    } else {\n      newValue = [\n        ...currentValues.slice(0, indexOfValue),\n        ...currentValues.slice(indexOfValue + 1),\n      ];\n    }\n\n    if (this.args.onValueChange) {\n      this.args.onValueChange(newValue);\n    } else {\n      this._internallyManagedValue = newValue;\n    }\n  };\n}\n\nexport default Accordion;\n"],"names":["Accordion","Component","setComponentTemplate","precompileTemplate","strictMode","scope","hash","AccordionItem","g","prototype","localCopy","i","void 0","selectedValue","args","value","_internallyManagedValue","toggleItem","disabled","type","toggleItemSingle","toggleItemMultiple","assert","collapsible","newValue","undefined","onValueChange","currentValues","indexOfValue","indexOf","slice"],"mappings":";;;;;;;;;AAkGO,MAAMA,SAAkB,SAAAC,SAAA;AAc7B,EAAA;IAAAC,oBAAA,CAAAC,kBAAA,CAaA,6MAAA,EAAA;MAAAC,UAAA,EAAA,IAAA;AAAAC,MAAAA,KAAA,EAAAA,OAAA;QAAAC,IAAA;AAAAC,QAAAA;AAAA,OAAA;KAAU,CAAA,EAAV,IAAW,CAAA;AAAD;AAEV;AAAA,EAAA;AAAAC,IAAAA,CAAA,MAAAC,SAAA,EAAA,yBAAA,EAAA,CACCC,SAAU,CAAA,mBAAA,CAAA,CAAA,CAAA;AAAA;AAAA,EAAA,wBAAA,IAAAC,CAAA,CAAA,IAAA,EAAA,yBAAA,CAAA,EAAAC,MAAA;EAEX,IAAIC,aAAgBA,GAAA;IAClB,OAAO,IAAI,CAACC,IAAI,CAACC,KAAK,IAAI,IAAI,CAACC,uBAAuB;AACxD;EAEAC,UAAa,GAACF,KAAa,IAAA;AACzB,IAAA,IAAI,IAAI,CAACD,IAAI,CAACI,QAAQ,EAAE;AACtB,MAAA;AACF;AAEA,IAAA,IAAI,IAAI,CAACJ,IAAI,CAACK,IAAI,KAAK,QAAU,EAAA;AAC/B,MAAA,IAAI,CAACC,gBAAgB,CAACL,KAAA,CAAA;KACxB,MAAO,IAAI,IAAI,CAACD,IAAI,CAACK,IAAI,KAAK,UAAY,EAAA;AACxC,MAAA,IAAI,CAACE,kBAAkB,CAACN,KAAA,CAAA;AAC1B;GACA;EAEFK,gBAAmB,GAACL,KAAa,IAAA;IAC/BO,MAAA,CAAO,2DAA2D,CAAC,IAAI,CAACR,IAAI,CAACI,QAAQ,CAAA;IACrFI,MAAA,CACE,+DACA,IAAI,CAACR,IAAI,CAACK,IAAI,KAAK,QAAA,CAAA;AAGrB,IAAA,IAAIJ,KAAA,KAAU,IAAI,CAACF,aAAa,IAAI,CAAC,IAAI,CAACC,IAAI,CAACS,WAAW,EAAE;AAC1D,MAAA;AACF;IAEA,MAAMC,WAAWT,KAAU,KAAA,IAAI,CAACF,aAAa,GAAGY,SAAY,GAAAV,KAAA;AAE5D,IAAA,IAAI,IAAI,CAACD,IAAI,CAACY,aAAa,EAAE;AAC3B,MAAA,IAAI,CAACZ,IAAI,CAACY,aAAa,CAACF,QAAA,CAAA;AAC1B,KAAO,MAAA;MACL,IAAI,CAACR,uBAAuB,GAAGQ,QAAA;AACjC;GACA;EAEFH,kBAAqB,GAACN,KAAa,IAAA;IACjCO,MAAA,CAAO,6DAA6D,CAAC,IAAI,CAACR,IAAI,CAACI,QAAQ,CAAA;IACvFI,MAAA,CACE,mEACA,IAAI,CAACR,IAAI,CAACK,IAAI,KAAK,UAAA,CAAA;AAGrB,IAAA,MAAMQ,aAAA,GAAiB,IAAI,CAACd,aAAa,IAA6B,EAAE;AACxE,IAAA,MAAMe,YAAA,GAAeD,aAAc,CAAAE,OAAO,CAACd,KAAA,CAAA;AAC3C,IAAA,IAAIS,QAAgB;AAEpB,IAAA,IAAII,YAAA,KAAiB,EAAI,EAAA;AACvBJ,MAAAA,QAAW,GAAA,CAAI,GAAAG,aAAA,EAAeZ,KAAA,CAAM;AACtC,KAAO,MAAA;MACLS,QAAW,GAAA,IACNG,aAAc,CAAAG,KAAK,CAAC,CAAG,EAAAF,YAAA,CAAA,KACvBD,aAAc,CAAAG,KAAK,CAACF,YAAe,GAAA,CAAA,CAAA,CACvC;AACH;AAEA,IAAA,IAAI,IAAI,CAACd,IAAI,CAACY,aAAa,EAAE;AAC3B,MAAA,IAAI,CAACZ,IAAI,CAACY,aAAa,CAACF,QAAA,CAAA;AAC1B,KAAO,MAAA;MACL,IAAI,CAACR,uBAAuB,GAAGQ,QAAA;AACjC;GACA;AACJ;;;;"}
+{"version":3,"file":"accordion.js","sources":["../../src/components/accordion.gts"],"sourcesContent":["import Component from \"@glimmer/component\";\nimport { assert } from \"@ember/debug\";\nimport { hash } from \"@ember/helper\";\n\n// temp\n//  https://github.com/tracked-tools/tracked-toolbox/issues/38\n// eslint-disable-next-line @typescript-eslint/ban-ts-comment\n// @ts-ignore\nimport { localCopy } from \"tracked-toolbox\";\n\nimport AccordionItem from \"./accordion/item.gts\";\n\nimport type { WithBoundArgs } from \"@glint/template\";\n\ntype AccordionSingleArgs = {\n  /**\n   * The type of accordion. If `single`, only one item can be selected at a time. If `multiple`, multiple items can be selected at a time.\n   */\n  type: \"single\";\n  /**\n   * Whether the accordion is disabled. When `true`, all items cannot be expanded or collapsed.\n   */\n  disabled?: boolean;\n  /**\n   * When type is `single`, whether the accordion is collapsible. When `true`, the selected item can be collapsed by clicking its trigger.\n   */\n  collapsible?: boolean;\n} & (\n  | {\n      /**\n       * The currently selected value. To be used in a controlled fashion in conjunction with `onValueChange`.\n       */\n      value: string;\n      /**\n       * A callback that is called when the selected value changes. To be used in a controlled fashion in conjunction with `value`.\n       */\n      onValueChange: (value: string | undefined) => void;\n      /**\n       * Not available in a controlled fashion.\n       */\n      defaultValue?: never;\n    }\n  | {\n      /**\n       * Not available in an uncontrolled fashion.\n       */\n      value?: never;\n      /**\n       * Not available in an uncontrolled fashion.\n       */\n      onValueChange?: never;\n      /**\n       * The default value of the accordion. To be used in an uncontrolled fashion.\n       */\n      defaultValue?: string;\n    }\n);\n\ntype AccordionMultipleArgs = {\n  /**\n   * The type of accordion. If `single`, only one item can be selected at a time. If `multiple`, multiple items can be selected at a time.\n   */\n  type: \"multiple\";\n  /**\n   * Whether the accordion is disabled. When `true`, all items cannot be expanded or collapsed.\n   */\n  disabled?: boolean;\n} & (\n  | {\n      /**\n       * The currently selected values. To be used in a controlled fashion in conjunction with `onValueChange`.\n       */\n      value: string[];\n      /**\n       * A callback that is called when the selected values change. To be used in a controlled fashion in conjunction with `value`.\n       */\n      onValueChange: (value?: string[]) => void;\n      /**\n       * Not available in a controlled fashion.\n       */\n      defaultValue?: never;\n    }\n  | {\n      /**\n       * Not available in an uncontrolled fashion.\n       */\n      value?: never;\n      /**\n       * Not available in an uncontrolled fashion.\n       */\n      onValueChange?: never;\n      /**\n       * The default values of the accordion. To be used in an uncontrolled fashion.\n       */\n      defaultValue?: string[];\n    }\n);\n\nexport class Accordion extends Component<{\n  Element: HTMLDivElement;\n  Args: AccordionSingleArgs | AccordionMultipleArgs;\n  Blocks: {\n    default: [\n      {\n        /**\n         * The AccordionItem component.\n         */\n        Item: WithBoundArgs<typeof AccordionItem, \"selectedValue\" | \"toggleItem\" | \"disabled\">;\n      },\n    ];\n  };\n}> {\n  <template>\n    <div data-disabled={{@disabled}} ...attributes>\n      {{yield\n        (hash\n          Item=(component\n            AccordionItem\n            selectedValue=this.selectedValue\n            toggleItem=this.toggleItem\n            disabled=@disabled\n          )\n        )\n      }}\n    </div>\n  </template>\n\n  // eslint-disable-next-line @typescript-eslint/no-unsafe-call\n  @localCopy(\"args.defaultValue\") declare _internallyManagedValue?: string | string[];\n\n  get selectedValue() {\n    return this.args.value ?? this._internallyManagedValue;\n  }\n\n  toggleItem = (value: string) => {\n    if (this.args.disabled) {\n      return;\n    }\n\n    if (this.args.type === \"single\") {\n      this.toggleItemSingle(value);\n    } else if (this.args.type === \"multiple\") {\n      this.toggleItemMultiple(value);\n    }\n  };\n\n  toggleItemSingle = (value: string) => {\n    assert(\"Cannot call `toggleItemSingle` when `disabled` is true.\", !this.args.disabled);\n    assert(\n      \"Cannot call `toggleItemSingle` when `type` is not `single`.\",\n      this.args.type === \"single\",\n    );\n\n    if (value === this.selectedValue && !this.args.collapsible) {\n      return;\n    }\n\n    const newValue = value === this.selectedValue ? undefined : value;\n\n    if (this.args.onValueChange) {\n      this.args.onValueChange(newValue);\n    } else {\n      this._internallyManagedValue = newValue;\n    }\n  };\n\n  toggleItemMultiple = (value: string) => {\n    assert(\"Cannot call `toggleItemMultiple` when `disabled` is true.\", !this.args.disabled);\n    assert(\n      \"Cannot call `toggleItemMultiple` when `type` is not `multiple`.\",\n      this.args.type === \"multiple\",\n    );\n\n    const currentValues = (this.selectedValue as string[] | undefined) ?? [];\n    const indexOfValue = currentValues.indexOf(value);\n    let newValue: string[];\n\n    if (indexOfValue === -1) {\n      newValue = [...currentValues, value];\n    } else {\n      newValue = [\n        ...currentValues.slice(0, indexOfValue),\n        ...currentValues.slice(indexOfValue + 1),\n      ];\n    }\n\n    if (this.args.onValueChange) {\n      this.args.onValueChange(newValue);\n    } else {\n      this._internallyManagedValue = newValue;\n    }\n  };\n}\n\nexport default Accordion;\n"],"names":["Accordion","Component","setComponentTemplate","precompileTemplate","strictMode","scope","hash","AccordionItem","g","prototype","localCopy","i","void 0","selectedValue","args","value","_internallyManagedValue","toggleItem","disabled","type","toggleItemSingle","toggleItemMultiple","assert","collapsible","newValue","undefined","onValueChange","currentValues","indexOfValue","indexOf","slice"],"mappings":";;;;;;;;;AAkGO,MAAMA,SAAA,SAAkBC,SAAA;AAc7B,EAAA;IAAAC,oBAAA,CAAAC,kBAAA,CAAA,6MAAA,EAaA;MAAAC,UAAA,EAAA,IAAA;AAAAC,MAAAA,KAAA,EAAAA,OAAA;QAAAC,IAAA;AAAAC,QAAAA;AAAA,OAAA;KAAU,CAAA,EAAV,IAAW,CAAA;AAAD;AAEV;AAAA,EAAA;AAAAC,IAAAA,CAAA,MAAAC,SAAA,EAAA,yBAAA,EAAA,CACCC,SAAA,CAAU,mBAAA,CAAA,CAAA,CAAA;AAAA;AAAA,EAAA,wBAAA,IAAAC,CAAA,CAAA,IAAA,EAAA,yBAAA,CAAA,EAAAC,MAAA;EAEX,IAAIC,aAAAA,GAAgB;IAClB,OAAO,IAAI,CAACC,IAAI,CAACC,KAAK,IAAI,IAAI,CAACC,uBAAuB;AACxD;EAEAC,UAAA,GAAcF,KAAa,IAAA;AACzB,IAAA,IAAI,IAAI,CAACD,IAAI,CAACI,QAAQ,EAAE;AACtB,MAAA;AACF;AAEA,IAAA,IAAI,IAAI,CAACJ,IAAI,CAACK,IAAI,KAAK,QAAA,EAAU;AAC/B,MAAA,IAAI,CAACC,gBAAgB,CAACL,KAAA,CAAA;KACxB,MAAO,IAAI,IAAI,CAACD,IAAI,CAACK,IAAI,KAAK,UAAA,EAAY;AACxC,MAAA,IAAI,CAACE,kBAAkB,CAACN,KAAA,CAAA;AAC1B;GACF;EAEAK,gBAAA,GAAoBL,KAAa,IAAA;IAC/BO,MAAA,CAAO,2DAA2D,CAAC,IAAI,CAACR,IAAI,CAACI,QAAQ,CAAA;IACrFI,MAAA,CACE,+DACA,IAAI,CAACR,IAAI,CAACK,IAAI,KAAK,QAAA,CAAA;AAGrB,IAAA,IAAIJ,KAAA,KAAU,IAAI,CAACF,aAAa,IAAI,CAAC,IAAI,CAACC,IAAI,CAACS,WAAW,EAAE;AAC1D,MAAA;AACF;IAEA,MAAMC,WAAWT,KAAA,KAAU,IAAI,CAACF,aAAa,GAAGY,SAAA,GAAYV,KAAA;AAE5D,IAAA,IAAI,IAAI,CAACD,IAAI,CAACY,aAAa,EAAE;AAC3B,MAAA,IAAI,CAACZ,IAAI,CAACY,aAAa,CAACF,QAAA,CAAA;AAC1B,KAAA,MAAO;MACL,IAAI,CAACR,uBAAuB,GAAGQ,QAAA;AACjC;GACF;EAEAH,kBAAA,GAAsBN,KAAa,IAAA;IACjCO,MAAA,CAAO,6DAA6D,CAAC,IAAI,CAACR,IAAI,CAACI,QAAQ,CAAA;IACvFI,MAAA,CACE,mEACA,IAAI,CAACR,IAAI,CAACK,IAAI,KAAK,UAAA,CAAA;AAGrB,IAAA,MAAMQ,aAAA,GAAiB,IAAI,CAACd,aAAa,IAA6B,EAAE;AACxE,IAAA,MAAMe,YAAA,GAAeD,aAAA,CAAcE,OAAO,CAACd,KAAA,CAAA;AAC3C,IAAA,IAAIS,QAAgB;AAEpB,IAAA,IAAII,YAAA,KAAiB,EAAC,EAAG;AACvBJ,MAAAA,QAAA,GAAW,CAAI,GAAAG,aAAA,EAAeZ,KAAA,CAAM;AACtC,KAAA,MAAO;MACLS,QAAA,GAAW,IACNG,aAAA,CAAcG,KAAK,CAAC,CAAA,EAAGF,YAAA,CAAA,KACvBD,aAAA,CAAcG,KAAK,CAACF,YAAA,GAAe,CAAA,CAAA,CACvC;AACH;AAEA,IAAA,IAAI,IAAI,CAACd,IAAI,CAACY,aAAa,EAAE;AAC3B,MAAA,IAAI,CAACZ,IAAI,CAACY,aAAa,CAACF,QAAA,CAAA;AAC1B,KAAA,MAAO;MACL,IAAI,CAACR,uBAAuB,GAAGQ,QAAA;AACjC;GACF;AACF;;;;"}

package/dist/components/avatar.js.map

@@ -1 +1 @@
-{"version":3,"file":"avatar.js","sources":["../../src/components/avatar.gts"],"sourcesContent":["import { hash } from \"@ember/helper\";\n\nimport { ReactiveImage } from \"reactiveweb/image\";\nimport { WaitUntil } from \"reactiveweb/wait-until\";\n\nimport type { TOC } from \"@ember/component/template-only\";\nimport type { WithBoundArgs } from \"@glint/template\";\n\nconst Fallback: TOC<{\n  Blocks: { default: [] };\n  Args: {\n    /**\n     * The number of milliseconds to wait for the image to load\n     * before displaying the fallback\n     */\n    delayMs?: number;\n    /**\n     * @private\n     * Bound internally by ember-primitives\n     */\n    isLoaded: boolean;\n  };\n}> = <template>\n  {{#unless @isLoaded}}\n    {{#let (WaitUntil @delayMs) as |delayFinished|}}\n      {{#if delayFinished}}\n        {{yield}}\n      {{/if}}\n    {{/let}}\n  {{/unless}}\n</template>;\n\nconst Image: TOC<{\n  Element: HTMLImageElement;\n  Args: {\n    /**\n     * @private\n     * The `src` value for the image.\n     *\n     * Bound internally by ember-primitives\n     */\n    src: string;\n    /**\n     * @private\n     * Bound internally by ember-primitives\n     */\n    isLoaded: boolean;\n  };\n}> = <template>\n  {{#if @isLoaded}}\n    <img alt=\"__missing__\" ...attributes src={{@src}} />\n  {{/if}}\n</template>;\n\nexport const Avatar: TOC<{\n  Element: HTMLSpanElement;\n  Args: {\n    /**\n     * The `src` value for the image.\n     */\n    src: string;\n  };\n  Blocks: {\n    default: [\n      avatar: {\n        /**\n         * The image to render. It will only render when it has loaded.\n         */\n        Image: WithBoundArgs<typeof Image, \"src\" | \"isLoaded\">;\n        /**\n         * An element that renders when the image hasn't loaded.\n         * This means whilst it's loading, or if there was an error.\n         * If you notice a flash during loading,\n         * you can provide a delayMs prop to delay its rendering so it only renders for those with slower connections.\n         */\n        Fallback: WithBoundArgs<typeof Fallback, \"isLoaded\">;\n        /**\n         * true while the image is loading\n         */\n        isLoading: boolean;\n        /**\n         * If the image fails to load, this will be `true`\n         */\n        isError: boolean;\n      },\n    ];\n  };\n}> = <template>\n  {{#let (ReactiveImage @src) as |imgState|}}\n    <span\n      data-prim-avatar\n      ...attributes\n      data-loading={{imgState.isLoading}}\n      data-error={{imgState.isError}}\n    >\n      {{yield\n        (hash\n          Image=(component Image src=@src isLoaded=imgState.isResolved)\n          Fallback=(component Fallback isLoaded=imgState.isResolved)\n          isLoading=imgState.isLoading\n          isError=imgState.isError\n        )\n      }}\n    </span>\n  {{/let}}\n</template>;\n\nexport default Avatar;\n"],"names":["Fallback","setComponentTemplate","precompileTemplate","strictMode","scope","WaitUntil","templateOnly","Image","Avatar","ReactiveImage","hash"],"mappings":";;;;;;;AAQA,MAAMA,QAcD,GAAAC,oBAAA,CAAAC,kBAAA,CAQL,+KAAA,EAAA;EAAAC,UAAA,EAAA,IAAA;AAAAC,EAAAA,KAAA,EAAAA,OAAA;AAAAC,IAAAA;AAAA,GAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA,CAAA;AAEV,MAAMC,KAgBD,GAAAN,oBAAA,CAAAC,kBAAA,CAIL,gGAAA,EAAA;EAAAC,UAAA,EAAA;AAAU,CAAA,CAAA,EAAAG,YAAA,EAAA,CAAA;MAEGE,MAiCR,GAAAP,oBAAA,CAAAC,kBAAA,CAkBL,kYAAA,EAAA;EAAAC,UAAA,EAAA,IAAA;AAAAC,EAAAA,KAAA,EAAAA,OAAA;IAAAK,aAAA;IAAAC,IAAA;IAAAH,KAAA;AAAAP,IAAAA;AAAA,GAAA;AAAU,CAAE,CAAA,EAAAM,YAAA,EAAA;;;;"}
+{"version":3,"file":"avatar.js","sources":["../../src/components/avatar.gts"],"sourcesContent":["import { hash } from \"@ember/helper\";\n\nimport { ReactiveImage } from \"reactiveweb/image\";\nimport { WaitUntil } from \"reactiveweb/wait-until\";\n\nimport type { TOC } from \"@ember/component/template-only\";\nimport type { WithBoundArgs } from \"@glint/template\";\n\nconst Fallback: TOC<{\n  Blocks: { default: [] };\n  Args: {\n    /**\n     * The number of milliseconds to wait for the image to load\n     * before displaying the fallback\n     */\n    delayMs?: number;\n    /**\n     * @private\n     * Bound internally by ember-primitives\n     */\n    isLoaded: boolean;\n  };\n}> = <template>\n  {{#unless @isLoaded}}\n    {{#let (WaitUntil @delayMs) as |delayFinished|}}\n      {{#if delayFinished}}\n        {{yield}}\n      {{/if}}\n    {{/let}}\n  {{/unless}}\n</template>;\n\nconst Image: TOC<{\n  Element: HTMLImageElement;\n  Args: {\n    /**\n     * @private\n     * The `src` value for the image.\n     *\n     * Bound internally by ember-primitives\n     */\n    src: string;\n    /**\n     * @private\n     * Bound internally by ember-primitives\n     */\n    isLoaded: boolean;\n  };\n}> = <template>\n  {{#if @isLoaded}}\n    <img alt=\"__missing__\" ...attributes src={{@src}} />\n  {{/if}}\n</template>;\n\nexport const Avatar: TOC<{\n  Element: HTMLSpanElement;\n  Args: {\n    /**\n     * The `src` value for the image.\n     */\n    src: string;\n  };\n  Blocks: {\n    default: [\n      avatar: {\n        /**\n         * The image to render. It will only render when it has loaded.\n         */\n        Image: WithBoundArgs<typeof Image, \"src\" | \"isLoaded\">;\n        /**\n         * An element that renders when the image hasn't loaded.\n         * This means whilst it's loading, or if there was an error.\n         * If you notice a flash during loading,\n         * you can provide a delayMs prop to delay its rendering so it only renders for those with slower connections.\n         */\n        Fallback: WithBoundArgs<typeof Fallback, \"isLoaded\">;\n        /**\n         * true while the image is loading\n         */\n        isLoading: boolean;\n        /**\n         * If the image fails to load, this will be `true`\n         */\n        isError: boolean;\n      },\n    ];\n  };\n}> = <template>\n  {{#let (ReactiveImage @src) as |imgState|}}\n    <span\n      data-prim-avatar\n      ...attributes\n      data-loading={{imgState.isLoading}}\n      data-error={{imgState.isError}}\n    >\n      {{yield\n        (hash\n          Image=(component Image src=@src isLoaded=imgState.isResolved)\n          Fallback=(component Fallback isLoaded=imgState.isResolved)\n          isLoading=imgState.isLoading\n          isError=imgState.isError\n        )\n      }}\n    </span>\n  {{/let}}\n</template>;\n\nexport default Avatar;\n"],"names":["Fallback","setComponentTemplate","precompileTemplate","strictMode","scope","WaitUntil","templateOnly","Image","Avatar","ReactiveImage","hash"],"mappings":";;;;;;;AAQA,MAAMA,QAcD,GAAAC,oBAAA,CAAAC,kBAAA,CAAA,+KAAA,EAQL;EAAAC,UAAA,EAAA,IAAA;AAAAC,EAAAA,KAAA,EAAAA,OAAA;AAAAC,IAAAA;AAAA,GAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA,CAAA;AAEV,MAAMC,KAgBD,GAAAN,oBAAA,CAAAC,kBAAA,CAAA,gGAAA,EAIL;EAAAC,UAAA,EAAA;AAAU,CAAA,CAAA,EAAAG,YAAA,EAAA,CAAA;MAEGE,MAiCR,GAAAP,oBAAA,CAAAC,kBAAA,CAAA,kYAAA,EAkBL;EAAAC,UAAA,EAAA,IAAA;AAAAC,EAAAA,KAAA,EAAAA,OAAA;IAAAK,aAAA;IAAAC,IAAA;IAAAH,KAAA;AAAAP,IAAAA;AAAA,GAAA;AAAU,CAAA,CAAA,EAAAM,YAAA,EAAA;;;;"}

package/dist/components/dialog.js.map

@@ -1 +1 @@
-{"version":3,"file":"dialog.js","sources":["../../src/components/dialog.gts"],"sourcesContent":["import Component from \"@glimmer/component\";\nimport { tracked } from \"@glimmer/tracking\";\nimport { assert } from \"@ember/debug\";\nimport { hash } from \"@ember/helper\";\nimport { on } from \"@ember/modifier\";\n\nimport { modifier as eModifier } from \"ember-modifier\";\n// temp\n//  https://github.com/tracked-tools/tracked-toolbox/issues/38\n// eslint-disable-next-line @typescript-eslint/ban-ts-comment\n// @ts-expect-error\nimport { localCopy } from \"tracked-toolbox\";\n\nimport type { TOC } from \"@ember/component/template-only\";\nimport type { ModifierLike, WithBoundArgs } from \"@glint/template\";\n\nconst DialogElement: TOC<{\n  Element: HTMLDialogElement;\n  Args: {\n    /**\n     * @internal\n     */\n    open: boolean | undefined;\n    /**\n     * @internal\n     */\n    onClose: () => void;\n\n    /**\n     * @internal\n     */\n    register: ModifierLike<{ Element: HTMLDialogElement }>;\n  };\n  Blocks: { default: [] };\n}> = <template>\n  <dialog ...attributes open={{@open}} {{on \"close\" @onClose}} {{@register}}>\n    {{yield}}\n  </dialog>\n</template>;\n\nexport interface Signature {\n  Args: {\n    /**\n     * Optionally set the open state of the `<dialog>`\n     * The state will still be managed internally,\n     * so this does not need to be a maintained value, but whenever it changes,\n     * the dialog element will reflect that change accordingly.\n     */\n    open?: boolean;\n    /**\n     * When the `<dialog>` is closed, this function will be called\n     * and the `<dialog>`'s `returnValue` will be passed.\n     *\n     * This can be used to determine which button was clicked to close the modal\n     *\n     * Note though that this value is only populated when using\n     * `<form method='dialog'>`\n     */\n    onClose?: (returnValue: string) => void;\n  };\n  Blocks: {\n    default: [\n      {\n        /**\n         * Represents the open state of the `<dialog>` element.\n         */\n        isOpen: boolean;\n\n        /**\n         * Closes the `<dialog>` element\n         * Will throw an error if `Dialog` is not rendered.\n         */\n        close: () => void;\n\n        /**\n         * Opens the `<dialog>` element.\n         * Will throw an error if `Dialog` is not rendered.\n         */\n        open: () => void;\n\n        /**\n         * This modifier should be applied to the button that opens the Dialog so that it can be re-focused when the dialog closes.\n         *\n         * Example:\n         *\n         * ```gjs\n         * <template>\n         *   <Modal as |m|>\n         *     <button {{m.focusOnClose}} {{on \"click\" m.open}}>Open</button>\n         *\n         *     <m.Dialog>...</m.Dialog>\n         *   </Modal>\n         * </template>\n         * ```\n         */\n        focusOnClose: ModifierLike<{ Element: HTMLElement }>;\n\n        /**\n         * This is the `<dialog>` element (with some defaults pre-wired).\n         * This is required to be rendered.\n         */\n        Dialog: WithBoundArgs<typeof DialogElement, \"onClose\" | \"register\" | \"open\">;\n      },\n    ];\n  };\n}\n\nclass ModalDialog extends Component<Signature> {\n  <template>\n    {{yield\n      (hash\n        isOpen=this.isOpen\n        open=this.open\n        close=this.close\n        focusOnClose=this.refocus\n        Dialog=(component DialogElement open=@open onClose=this.handleClose register=this.register)\n      )\n    }}\n  </template>\n\n  // eslint-disable-next-line @typescript-eslint/no-unsafe-call\n  @localCopy(\"args.open\") declare _isOpen: boolean;\n\n  get isOpen() {\n    /**\n     * Always fallback to false (closed)\n     */\n    return this._isOpen ?? false;\n  }\n  set isOpen(val: boolean) {\n    this._isOpen = val;\n  }\n\n  #lastIsOpen = false;\n  refocus = eModifier((element) => {\n    assert(`focusOnClose is only valid on a HTMLElement`, element instanceof HTMLElement);\n\n    if (!this.isOpen && this.#lastIsOpen) {\n      element.focus();\n    }\n\n    this.#lastIsOpen = this.isOpen;\n  });\n\n  @tracked declare dialogElement: HTMLDialogElement | undefined;\n\n  register = eModifier((element: HTMLDialogElement) => {\n    /**\n     * This is very sad.\n     *\n     * But we need the element to be 'root state'\n     * so that when we read things like \"isOpen\",\n     * when the dialog is finally rendered, all the\n     * downstream properties render.\n     *\n     * This has to be an async / delayed a bit, so that\n     * the tracking frame can exit, and we don't infinite loop\n     */\n    void (async () => {\n      await Promise.resolve();\n\n      this.dialogElement = element;\n    })();\n  });\n\n  /**\n   * Closes the dialog -- this will throw an error in development if the dialog element was not rendered\n   */\n  close = () => {\n    assert(\n      \"Cannot call `close` on <Dialog> without rendering the dialog element.\",\n      this.dialogElement,\n    );\n\n    /**\n     * If the element is already closed, don't run all this again\n     */\n    if (!this.dialogElement.hasAttribute(\"open\")) {\n      return;\n    }\n\n    /**\n     * removes the `open` attribute\n     * handleClose will be called because the dialog has bound the `close` event.\n     */\n    this.dialogElement.close();\n  };\n\n  /**\n   * @internal\n   *\n   * handles the <dialog> element's native close behavior.\n   * listened to via addEventListener('close', ...);\n   */\n  handleClose = () => {\n    assert(\n      \"Cannot call `handleDialogClose` on <Dialog> without rendering the dialog element. This is likely a bug in ember-primitives. Please open an issue <3\",\n      this.dialogElement,\n    );\n\n    this.isOpen = false;\n    this.args.onClose?.(this.dialogElement.returnValue);\n    // the return value ends up staying... which is annoying\n    this.dialogElement.returnValue = \"\";\n  };\n\n  /**\n   * Opens the dialog -- this will throw an error in development if the dialog element was not rendered\n   */\n  open = () => {\n    assert(\n      \"Cannot call `open` on <Dialog> without rendering the dialog element.\",\n      this.dialogElement,\n    );\n\n    /**\n     * If the element is already open, don't run all this again\n     */\n    if (this.dialogElement.hasAttribute(\"open\")) {\n      return;\n    }\n\n    /**\n     * adds the `open` attribute\n     */\n    this.dialogElement.showModal();\n    this.isOpen = true;\n  };\n}\n\nexport const Modal = ModalDialog;\nexport const Dialog = ModalDialog;\n\nexport default ModalDialog;\n"],"names":["DialogElement","setComponentTemplate","precompileTemplate","strictMode","scope","on","templateOnly","ModalDialog","Component","hash","g","prototype","localCopy","i","void 0","isOpen","_isOpen","val","refocus","eModifier","element","assert","HTMLElement","focus","tracked","register","Promise","resolve","dialogElement","close","hasAttribute","handleClose","args","onClose","returnValue","open","showModal","Modal","Dialog"],"mappings":"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"}
+{"version":3,"file":"dialog.js","sources":["../../src/components/dialog.gts"],"sourcesContent":["import Component from \"@glimmer/component\";\nimport { tracked } from \"@glimmer/tracking\";\nimport { assert } from \"@ember/debug\";\nimport { hash } from \"@ember/helper\";\nimport { on } from \"@ember/modifier\";\n\nimport { modifier as eModifier } from \"ember-modifier\";\n// temp\n//  https://github.com/tracked-tools/tracked-toolbox/issues/38\n// eslint-disable-next-line @typescript-eslint/ban-ts-comment\n// @ts-expect-error\nimport { localCopy } from \"tracked-toolbox\";\n\nimport type { TOC } from \"@ember/component/template-only\";\nimport type { ModifierLike, WithBoundArgs } from \"@glint/template\";\n\nconst DialogElement: TOC<{\n  Element: HTMLDialogElement;\n  Args: {\n    /**\n     * @internal\n     */\n    open: boolean | undefined;\n    /**\n     * @internal\n     */\n    onClose: () => void;\n\n    /**\n     * @internal\n     */\n    register: ModifierLike<{ Element: HTMLDialogElement }>;\n  };\n  Blocks: { default: [] };\n}> = <template>\n  <dialog ...attributes open={{@open}} {{on \"close\" @onClose}} {{@register}}>\n    {{yield}}\n  </dialog>\n</template>;\n\nexport interface Signature {\n  Args: {\n    /**\n     * Optionally set the open state of the `<dialog>`\n     * The state will still be managed internally,\n     * so this does not need to be a maintained value, but whenever it changes,\n     * the dialog element will reflect that change accordingly.\n     */\n    open?: boolean;\n    /**\n     * When the `<dialog>` is closed, this function will be called\n     * and the `<dialog>`'s `returnValue` will be passed.\n     *\n     * This can be used to determine which button was clicked to close the modal\n     *\n     * Note though that this value is only populated when using\n     * `<form method='dialog'>`\n     */\n    onClose?: (returnValue: string) => void;\n  };\n  Blocks: {\n    default: [\n      {\n        /**\n         * Represents the open state of the `<dialog>` element.\n         */\n        isOpen: boolean;\n\n        /**\n         * Closes the `<dialog>` element\n         * Will throw an error if `Dialog` is not rendered.\n         */\n        close: () => void;\n\n        /**\n         * Opens the `<dialog>` element.\n         * Will throw an error if `Dialog` is not rendered.\n         */\n        open: () => void;\n\n        /**\n         * This modifier should be applied to the button that opens the Dialog so that it can be re-focused when the dialog closes.\n         *\n         * Example:\n         *\n         * ```gjs\n         * <template>\n         *   <Modal as |m|>\n         *     <button {{m.focusOnClose}} {{on \"click\" m.open}}>Open</button>\n         *\n         *     <m.Dialog>...</m.Dialog>\n         *   </Modal>\n         * </template>\n         * ```\n         */\n        focusOnClose: ModifierLike<{ Element: HTMLElement }>;\n\n        /**\n         * This is the `<dialog>` element (with some defaults pre-wired).\n         * This is required to be rendered.\n         */\n        Dialog: WithBoundArgs<typeof DialogElement, \"onClose\" | \"register\" | \"open\">;\n      },\n    ];\n  };\n}\n\nclass ModalDialog extends Component<Signature> {\n  <template>\n    {{yield\n      (hash\n        isOpen=this.isOpen\n        open=this.open\n        close=this.close\n        focusOnClose=this.refocus\n        Dialog=(component DialogElement open=@open onClose=this.handleClose register=this.register)\n      )\n    }}\n  </template>\n\n  // eslint-disable-next-line @typescript-eslint/no-unsafe-call\n  @localCopy(\"args.open\") declare _isOpen: boolean;\n\n  get isOpen() {\n    /**\n     * Always fallback to false (closed)\n     */\n    return this._isOpen ?? false;\n  }\n  set isOpen(val: boolean) {\n    this._isOpen = val;\n  }\n\n  #lastIsOpen = false;\n  refocus = eModifier((element) => {\n    assert(`focusOnClose is only valid on a HTMLElement`, element instanceof HTMLElement);\n\n    if (!this.isOpen && this.#lastIsOpen) {\n      element.focus();\n    }\n\n    this.#lastIsOpen = this.isOpen;\n  });\n\n  @tracked declare dialogElement: HTMLDialogElement | undefined;\n\n  register = eModifier((element: HTMLDialogElement) => {\n    /**\n     * This is very sad.\n     *\n     * But we need the element to be 'root state'\n     * so that when we read things like \"isOpen\",\n     * when the dialog is finally rendered, all the\n     * downstream properties render.\n     *\n     * This has to be an async / delayed a bit, so that\n     * the tracking frame can exit, and we don't infinite loop\n     */\n    void (async () => {\n      await Promise.resolve();\n\n      this.dialogElement = element;\n    })();\n  });\n\n  /**\n   * Closes the dialog -- this will throw an error in development if the dialog element was not rendered\n   */\n  close = () => {\n    assert(\n      \"Cannot call `close` on <Dialog> without rendering the dialog element.\",\n      this.dialogElement,\n    );\n\n    /**\n     * If the element is already closed, don't run all this again\n     */\n    if (!this.dialogElement.hasAttribute(\"open\")) {\n      return;\n    }\n\n    /**\n     * removes the `open` attribute\n     * handleClose will be called because the dialog has bound the `close` event.\n     */\n    this.dialogElement.close();\n  };\n\n  /**\n   * @internal\n   *\n   * handles the <dialog> element's native close behavior.\n   * listened to via addEventListener('close', ...);\n   */\n  handleClose = () => {\n    assert(\n      \"Cannot call `handleDialogClose` on <Dialog> without rendering the dialog element. This is likely a bug in ember-primitives. Please open an issue <3\",\n      this.dialogElement,\n    );\n\n    this.isOpen = false;\n    this.args.onClose?.(this.dialogElement.returnValue);\n    // the return value ends up staying... which is annoying\n    this.dialogElement.returnValue = \"\";\n  };\n\n  /**\n   * Opens the dialog -- this will throw an error in development if the dialog element was not rendered\n   */\n  open = () => {\n    assert(\n      \"Cannot call `open` on <Dialog> without rendering the dialog element.\",\n      this.dialogElement,\n    );\n\n    /**\n     * If the element is already open, don't run all this again\n     */\n    if (this.dialogElement.hasAttribute(\"open\")) {\n      return;\n    }\n\n    /**\n     * adds the `open` attribute\n     */\n    this.dialogElement.showModal();\n    this.isOpen = true;\n  };\n}\n\nexport const Modal = ModalDialog;\nexport const Dialog = ModalDialog;\n\nexport default ModalDialog;\n"],"names":["DialogElement","setComponentTemplate","precompileTemplate","strictMode","scope","on","templateOnly","ModalDialog","Component","hash","g","prototype","localCopy","i","void 0","isOpen","_isOpen","val","refocus","eModifier","element","assert","HTMLElement","focus","tracked","register","Promise","resolve","dialogElement","close","hasAttribute","handleClose","args","onClose","returnValue","open","showModal","Modal","Dialog"],"mappings":"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"}

package/dist/components/external-link.js.map

@@ -1 +1 @@
-{"version":3,"file":"external-link.js","sources":["../../src/components/external-link.gts"],"sourcesContent":["import type { TOC } from \"@ember/component/template-only\";\n\nexport const ExternalLink: TOC<{\n  Element: HTMLAnchorElement;\n  Blocks: {\n    default: [];\n  };\n}> = <template>\n  <a target=\"_blank\" rel=\"noreferrer noopener\" href=\"##missing##\" ...attributes>\n    {{yield}}\n  </a>\n</template>;\n\nexport default ExternalLink;\n"],"names":["ExternalLink","setComponentTemplate","precompileTemplate","strictMode","templateOnly"],"mappings":";;;;MAEaA,YAKR,GAAAC,oBAAA,CAAAC,kBAAA,CAIL,mHAAA,EAAA;EAAAC,UAAA,EAAA;AAAU,CAAE,CAAA,EAAAC,YAAA,EAAA;;;;"}
+{"version":3,"file":"external-link.js","sources":["../../src/components/external-link.gts"],"sourcesContent":["import type { TOC } from \"@ember/component/template-only\";\n\nexport const ExternalLink: TOC<{\n  Element: HTMLAnchorElement;\n  Blocks: {\n    default: [];\n  };\n}> = <template>\n  <a target=\"_blank\" rel=\"noreferrer noopener\" href=\"##missing##\" ...attributes>\n    {{yield}}\n  </a>\n</template>;\n\nexport default ExternalLink;\n"],"names":["ExternalLink","setComponentTemplate","precompileTemplate","strictMode","templateOnly"],"mappings":";;;;MAEaA,YAKR,GAAAC,oBAAA,CAAAC,kBAAA,CAAA,mHAAA,EAIL;EAAAC,UAAA,EAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA;;;;"}

package/dist/components/form.js.map

@@ -1 +1 @@
-{"version":3,"file":"form.js","sources":["../../src/components/form.gts"],"sourcesContent":["import { fn } from \"@ember/helper\";\nimport { on } from \"@ember/modifier\";\n\nimport { dataFrom } from \"form-data-utils\";\n\nimport type { TOC } from \"@ember/component/template-only\";\n\ntype Data = ReturnType<typeof dataFrom>;\n\nexport const dataFromEvent = dataFrom;\n\nconst handleInput = (\n  onChange: (data: Data, eventType: \"input\" | \"submit\", event: Event) => void,\n  event: Event | SubmitEvent,\n  eventType: \"input\" | \"submit\" = \"input\",\n) => {\n  const data = dataFrom(event);\n\n  onChange(data, eventType, event);\n};\n\nconst handleSubmit = (\n  onChange: (data: Data, eventType: \"input\" | \"submit\", event: Event | SubmitEvent) => void,\n  event: SubmitEvent,\n) => {\n  event.preventDefault();\n  handleInput(onChange, event, \"submit\");\n};\n\nexport interface Signature {\n  Element: HTMLFormElement;\n  Args: {\n    /**\n     *  Any time the value of any field is changed this function will be called.\n     */\n    onChange: (\n      /**\n       * The data from the form as an Object of `{ [field name] => value }` pairs.\n       * This is generated from the native [FormData](https://developer.mozilla.org/en-US/docs/Web/API/FormData)\n       *\n       * Additional fields/inputs/controls can be added to this data by specifying a\n       * \"name\" attribute.\n       */\n      data: Data,\n      /**\n       * Indicates whether the `onChange` function was called from the `input` or `submit` event handlers.\n       */\n      eventType: \"input\" | \"submit\",\n      /**\n       * The raw event, if needed.\n       */\n      event: Event | SubmitEvent,\n    ) => void;\n  };\n  Blocks: {\n    /**\n     * The main content for the form. This is where inputs / fields / controls would go.\n     * Within the `<form>` content, `<button type=\"submit\">` will submit the form, which\n     * triggers the `@onChange` event.\n     */\n    default: [];\n  };\n}\n\nexport const Form: TOC<Signature> = <template>\n  <form\n    {{on \"input\" (fn handleInput @onChange)}}\n    {{on \"submit\" (fn handleSubmit @onChange)}}\n    ...attributes\n  >\n    {{yield}}\n  </form>\n</template>;\n\nexport default Form;\n"],"names":["dataFromEvent","dataFrom","handleInput","onChange","event","eventType","data","handleSubmit","preventDefault","Form","setComponentTemplate","precompileTemplate","strictMode","scope","on","fn","templateOnly"],"mappings":";;;;;;;AASO,MAAMA,gBAAgBC;AAE7B,MAAMC,cAAcA,CAClBC,QAA2E,EAC3EC,OACAC,YAAgC,OAAO,KAAA;AAEvC,EAAA,MAAMC,OAAOL,QAAS,CAAAG,KAAA,CAAA;AAEtBD,EAAAA,QAAA,CAASG,MAAMD,SAAW,EAAAD,KAAA,CAAA;AAC5B,CAAA;AAEA,MAAMG,YAAe,GAAAA,CACnBJ,QAAyF,EACzFC,KAAO,KAAA;EAEPA,KAAA,CAAMI,cAAc,EAAA;AACpBN,EAAAA,WAAA,CAAYC,UAAUC,KAAO,EAAA,QAAA,CAAA;AAC/B,CAAA;MAqCaK,IAAU,GAAAC,oBAAA,CAAaC,kBAAA,CAQpC,gJAAA,EAAA;EAAAC,UAAA,EAAA,IAAA;AAAAC,EAAAA,KAAA,EAAAA,OAAA;IAAAC,EAAA;IAAAC,EAAA;IAAAb,WAAA;AAAAK,IAAAA;AAAA,GAAA;AAAU,CAAE,CAAA,EAAAS,YAAA,EAAA;;;;"}
+{"version":3,"file":"form.js","sources":["../../src/components/form.gts"],"sourcesContent":["import { fn } from \"@ember/helper\";\nimport { on } from \"@ember/modifier\";\n\nimport { dataFrom } from \"form-data-utils\";\n\nimport type { TOC } from \"@ember/component/template-only\";\n\ntype Data = ReturnType<typeof dataFrom>;\n\nexport const dataFromEvent = dataFrom;\n\nconst handleInput = (\n  onChange: (data: Data, eventType: \"input\" | \"submit\", event: Event) => void,\n  event: Event | SubmitEvent,\n  eventType: \"input\" | \"submit\" = \"input\",\n) => {\n  const data = dataFrom(event);\n\n  onChange(data, eventType, event);\n};\n\nconst handleSubmit = (\n  onChange: (data: Data, eventType: \"input\" | \"submit\", event: Event | SubmitEvent) => void,\n  event: SubmitEvent,\n) => {\n  event.preventDefault();\n  handleInput(onChange, event, \"submit\");\n};\n\nexport interface Signature {\n  Element: HTMLFormElement;\n  Args: {\n    /**\n     *  Any time the value of any field is changed this function will be called.\n     */\n    onChange: (\n      /**\n       * The data from the form as an Object of `{ [field name] => value }` pairs.\n       * This is generated from the native [FormData](https://developer.mozilla.org/en-US/docs/Web/API/FormData)\n       *\n       * Additional fields/inputs/controls can be added to this data by specifying a\n       * \"name\" attribute.\n       */\n      data: Data,\n      /**\n       * Indicates whether the `onChange` function was called from the `input` or `submit` event handlers.\n       */\n      eventType: \"input\" | \"submit\",\n      /**\n       * The raw event, if needed.\n       */\n      event: Event | SubmitEvent,\n    ) => void;\n  };\n  Blocks: {\n    /**\n     * The main content for the form. This is where inputs / fields / controls would go.\n     * Within the `<form>` content, `<button type=\"submit\">` will submit the form, which\n     * triggers the `@onChange` event.\n     */\n    default: [];\n  };\n}\n\nexport const Form: TOC<Signature> = <template>\n  <form\n    {{on \"input\" (fn handleInput @onChange)}}\n    {{on \"submit\" (fn handleSubmit @onChange)}}\n    ...attributes\n  >\n    {{yield}}\n  </form>\n</template>;\n\nexport default Form;\n"],"names":["dataFromEvent","dataFrom","handleInput","onChange","event","eventType","data","handleSubmit","preventDefault","Form","setComponentTemplate","precompileTemplate","strictMode","scope","on","fn","templateOnly"],"mappings":";;;;;;;AASO,MAAMA,gBAAgBC;AAE7B,MAAMC,cAAcA,CAClBC,QAA2E,EAC3EC,OACAC,YAAgC,OAAO,KAAA;AAEvC,EAAA,MAAMC,OAAOL,QAAA,CAASG,KAAA,CAAA;AAEtBD,EAAAA,QAAA,CAASG,MAAMD,SAAA,EAAWD,KAAA,CAAA;AAC5B,CAAA;AAEA,MAAMG,YAAA,GAAeA,CACnBJ,QAAyF,EACzFC,KAAO,KAAA;EAEPA,KAAA,CAAMI,cAAc,EAAA;AACpBN,EAAAA,WAAA,CAAYC,UAAUC,KAAA,EAAO,QAAA,CAAA;AAC/B,CAAA;MAqCaK,IAAU,GAAAC,oBAAA,CAAaC,kBAAA,CAAA,gJAAA,EAQpC;EAAAC,UAAA,EAAA,IAAA;AAAAC,EAAAA,KAAA,EAAAA,OAAA;IAAAC,EAAA;IAAAC,EAAA;IAAAb,WAAA;AAAAK,IAAAA;AAAA,GAAA;AAAU,CAAA,CAAA,EAAAS,YAAA,EAAA;;;;"}