@hokulea/ember 0.8.0 → 0.9.0

package/dist/index.js

@@ -1,29 +1,32 @@
-export { default as Icon } from './components/icon.js';
-export { default as Button } from './components/button.js';
-export { default as IconButton } from './components/icon-button.js';
-export { default as Checkbox } from './components/checkbox.js';
-export { default as CurrencyInput } from './components/currency-input.js';
-export { default as DateInput } from './components/date-input.js';
-export { default as EmailInput } from './components/email-input.js';
-export { default as InputBuilder } from './components/input-builder.js';
-export { default as List } from './components/list.js';
-export { default as NumberInput } from './components/number-input.js';
-export { default as PasswordInput } from './components/password-input.js';
-export { default as PhoneInput } from './components/phone-input.js';
-export { default as Radio } from './components/radio.js';
-export { default as RangeInput } from './components/range-input.js';
-export { default as Select } from './components/select.js';
-export { default as TextArea } from './components/text-area.js';
-export { default as TextInput } from './components/text-input.js';
-export { F as Form } from './form-DBuzL4_0.js';
-export { default as AppHeader } from './components/app-header.js';
-export { default as Menu } from './components/menu.js';
-export { default as Page } from './components/page.js';
-export { default as Tabs } from './components/tabs.js';
-export { default as Box } from './components/box.js';
-export { default as Card } from './components/card.js';
-export { default as Section } from './components/section.js';
-export { default as Popover } from './components/popover.js';
-export { default as popover } from './helpers/popover.js';
+export { I as Icon } from './icon-bLZqjTMP.js';
+export { B as Button } from './button-XdQyGTGA.js';
+export { I as IconButton } from './icon-button-7K-W_8jc.js';
+export { C as Checkbox } from './checkbox-D4vALmT2.js';
+export { C as CurrencyInput } from './currency-input-8ef0Igfb.js';
+export { D as DateInput } from './date-input-BayaBuSb.js';
+export { E as EmailInput } from './email-input-j-Z0KO4A.js';
+export { I as InputBuilder } from './input-builder-DmcQbywA.js';
+export { L as List } from './list-CsLvih6-.js';
+export { M as Menu } from './menu-CZKNGJ91.js';
+export { N as NumberInput } from './number-input-B84zcPlM.js';
+export { P as PasswordInput } from './password-input-BMp5uscw.js';
+export { P as PhoneInput } from './phone-input-DeaTM5yP.js';
+export { R as Radio } from './radio-CGBLrzK4.js';
+export { R as RangeInput } from './range-input-BiAPgpW8.js';
+export { S as Select } from './select-DxyaUFuy.js';
+export { T as Tabs } from './tabs-a9GhNQv9.js';
+export { T as TextArea } from './text-area-55_E1zv8.js';
+export { T as TextInput } from './text-input-CK-yGbI5.js';
+export { F as Form } from './form-DWyQ6QHX.js';
+export { A as AppHeader } from './app-header-B6Q7pbiY.js';
+export { N as NavigationList } from './navigation-list-Cxs6uZdM.js';
+export { F as FocusPage } from './focus-page-B9myJVvL.js';
+export { P as Page } from './page-BcSgHxr7.js';
+export { S as SectionedPage } from './sectioned-page-fB9mV5WD.js';
+export { B as Box } from './box-DU6m9gDw.js';
+export { C as Card } from './card-Bdv-UvKX.js';
+export { S as Section } from './section-BAdmc3Yn.js';
+export { P as Popover } from './popover-B6j413u9.js';
+export { popover } from './helpers/popover.js';
 export { default as HokuleaService } from './services/-hokulea.js';
 //# sourceMappingURL=index.js.map

package/dist/index.js.map

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

package/dist/input-builder-DmcQbywA.js

@@ -0,0 +1,20 @@
+import { hash } from '@ember/helper';
+import styles from '@hokulea/core/controls.module.css';
+import { precompileTemplate } from '@ember/template-compilation';
+import { setComponentTemplate } from '@ember/component';
+import templateOnly from '@ember/component/template-only';
+
+const Affix = setComponentTemplate(precompileTemplate("\n  <span class={{@class}} data-test-input-builder={{@identity}}>{{yield}}</span>\n", {
+  strictMode: true
+}), templateOnly());
+const InputBuilder = setComponentTemplate(precompileTemplate("\n  {{!-- template-lint-disable no-unsupported-role-attributes --}}\n  <span class={{styles.inputBuilder}} aria-disabled={{if @disabled \"true\"}} data-input-builder data-test-input-builder>\n    {{yield (hash Prefix=(component Affix class=styles.prefix identity=\"prefix\") Affix=(component Affix class=styles.affix identity=\"affix\") Suffix=(component Affix class=styles.suffix identity=\"suffix\"))}}\n  </span>\n", {
+  strictMode: true,
+  scope: () => ({
+    styles,
+    hash,
+    Affix
+  })
+}), templateOnly());
+
+export { InputBuilder as I };
+//# sourceMappingURL=input-builder-DmcQbywA.js.map

package/dist/input-builder-DmcQbywA.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"input-builder-DmcQbywA.js","sources":["../src/components/controls/input-builder.gts"],"sourcesContent":["import { hash } from '@ember/helper';\n\nimport styles from '@hokulea/core/controls.module.css';\n\nimport type { TOC } from '@ember/component/template-only';\nimport type { WithBoundArgs } from '@glint/template';\n\ninterface AffixSignature {\n  Args: {\n    class: string;\n    identity: 'prefix' | 'affix' | 'suffix';\n  };\n  Blocks: {\n    default: [];\n  };\n}\n\nconst Affix: TOC<AffixSignature> = <template>\n  <span class={{@class}} data-test-input-builder={{@identity}}>{{yield}}</span>\n</template>;\n\nexport interface InputBuilderSignature {\n  Args: {\n    disabled?: boolean;\n  };\n  Blocks: {\n    default: [\n      {\n        Affix: WithBoundArgs<typeof Affix, 'class' | 'identity'>;\n        Prefix: WithBoundArgs<typeof Affix, 'class' | 'identity'>;\n        Suffix: WithBoundArgs<typeof Affix, 'class' | 'identity'>;\n      }\n    ];\n  };\n}\n\nexport const InputBuilder: TOC<InputBuilderSignature> = <template>\n  {{! template-lint-disable no-unsupported-role-attributes }}\n  <span\n    class={{styles.inputBuilder}}\n    aria-disabled={{if @disabled \"true\"}}\n    data-input-builder\n    data-test-input-builder\n  >\n    {{yield\n      (hash\n        Prefix=(component Affix class=styles.prefix identity=\"prefix\")\n        Affix=(component Affix class=styles.affix identity=\"affix\")\n        Suffix=(component Affix class=styles.suffix identity=\"suffix\")\n      )\n    }}\n  </span>\n</template>;\n"],"names":["Affix","setComponentTemplate","precompileTemplate","strictMode","templateOnly","InputBuilder","scope","styles","hash"],"mappings":";;;;;;AAiBA,MAAMA,KAAW,GAAAC,oBAAA,CAAkBC,kBAAA,CAAA,qFAAA,EAEnC;EAAAC,UAAA,EAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA,CAAA;MAiBGC,YAAkB,GAAAJ,oBAAA,CAAyBC,kBAAA,CAAA,maAAA,EAgBxD;EAAAC,UAAA,EAAA,IAAA;AAAAG,EAAAA,KAAA,EAAAA,OAAA;IAAAC,MAAA;IAAAC,IAAA;AAAAR,IAAAA;AAAA,GAAA;AAAU,CAAA,CAAA,EAAAI,YAAA,EAAA;;;;"}

package/dist/list-CsLvih6-.js

@@ -0,0 +1,66 @@
+import Component from '@glimmer/component';
+import { tracked } from '@glimmer/tracking';
+import { registerDestructor } from '@ember/destroyable';
+import { hash } from '@ember/helper';
+import { next } from '@ember/runloop';
+import { ariaListbox } from 'ember-aria-voyager';
+import { TrackedArray } from 'tracked-built-ins';
+import styles from '@hokulea/core/controls.module.css';
+import { precompileTemplate } from '@ember/template-compilation';
+import { setComponentTemplate } from '@ember/component';
+import { g, i } from 'decorator-transforms/runtime-esm';
+
+class Option extends Component {
+  constructor(owner, args) {
+    super(owner, args);
+    args.registerItem(args.value);
+    registerDestructor(this, () => {
+      args.unregisterItem(args.value);
+    });
+  }
+  static {
+    setComponentTemplate(precompileTemplate("\n    <span role=\"option\" aria-selected={{if (@isSelected @value) \"true\"}}>\n      {{yield}}\n    </span>\n  ", {
+      strictMode: true
+    }), this);
+  }
+}
+class List extends Component {
+  Option = Option;
+  static {
+    g(this.prototype, "items", [tracked], function () {
+      return new TrackedArray();
+    });
+  }
+  #items = (i(this, "items"), void 0);
+  registerItem = item => {
+    // eslint-disable-next-line ember/no-runloop
+    next(() => {
+      this.items.push(item);
+    });
+  };
+  unregisterItem = item => {
+    // eslint-disable-next-line ember/no-runloop
+    next(() => {
+      this.items.splice(this.items.indexOf(item), 1);
+    });
+  };
+  isSelected = option => {
+    if (Array.isArray(this.args.value)) {
+      return this.args.value.includes(option);
+    }
+    return this.args.value === option;
+  };
+  static {
+    setComponentTemplate(precompileTemplate("\n    <div class={{styles.list}} data-test-list ...attributes {{ariaListbox items=this.items selection=@value multi=@multiple disabled=@disabled select=@update activateItem=@activateItem}}>\n      {{yield (hash Option=(component this.Option isSelected=this.isSelected registerItem=this.registerItem unregisterItem=this.unregisterItem))}}\n    </div>\n  ", {
+      strictMode: true,
+      scope: () => ({
+        styles,
+        ariaListbox,
+        hash
+      })
+    }), this);
+  }
+}
+
+export { List as L };
+//# sourceMappingURL=list-CsLvih6-.js.map

package/dist/list-CsLvih6-.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"list-CsLvih6-.js","sources":["../src/components/controls/list.gts"],"sourcesContent":["import Component from '@glimmer/component';\nimport { tracked } from '@glimmer/tracking';\nimport { registerDestructor } from '@ember/destroyable';\nimport { hash } from '@ember/helper';\nimport { next } from '@ember/runloop';\n\nimport { ariaListbox } from 'ember-aria-voyager';\nimport { TrackedArray } from 'tracked-built-ins';\n\nimport styles from '@hokulea/core/controls.module.css';\n\nimport type Owner from '@ember/owner';\nimport type { WithBoundArgs } from '@glint/template';\n\nexport interface OptionSignature<V> {\n  Element: HTMLOptionElement;\n  Args: {\n    value: V;\n    isSelected: (option: V) => boolean;\n    registerItem: (item: V) => void;\n    unregisterItem: (item: V) => void;\n  };\n  Blocks: {\n    default: [];\n  };\n}\n\nclass Option<V> extends Component<OptionSignature<V>> {\n  constructor(owner: Owner, args: OptionSignature<V>['Args']) {\n    super(owner, args);\n\n    args.registerItem(args.value);\n\n    registerDestructor(this, () => {\n      args.unregisterItem(args.value);\n    });\n  }\n\n  <template>\n    <span role=\"option\" aria-selected={{if (@isSelected @value) \"true\"}}>\n      {{yield}}\n    </span>\n  </template>\n}\n\nexport interface ListSignature<V> {\n  Element: HTMLDivElement;\n  Args: {\n    multiple?: boolean;\n    disabled?: boolean;\n    value?: V | V[];\n    update?: (value: V | V[]) => void;\n    activateItem?: (value: V) => void;\n  };\n  Blocks: {\n    default: [\n      {\n        Option: WithBoundArgs<typeof Option<V>, 'isSelected' | 'registerItem' | 'unregisterItem'>;\n      }\n    ];\n  };\n}\n\nexport class List<V> extends Component<ListSignature<V>> {\n  Option = Option<V>;\n\n  @tracked items: V[] = new TrackedArray();\n\n  registerItem = (item: V) => {\n    // eslint-disable-next-line ember/no-runloop\n    next(() => {\n      this.items.push(item);\n    });\n  };\n\n  unregisterItem = (item: V) => {\n    // eslint-disable-next-line ember/no-runloop\n    next(() => {\n      this.items.splice(this.items.indexOf(item), 1);\n    });\n  };\n\n  isSelected = (option: V) => {\n    if (Array.isArray(this.args.value)) {\n      return this.args.value.includes(option);\n    }\n\n    return this.args.value === option;\n  };\n\n  <template>\n    <div\n      class={{styles.list}}\n      data-test-list\n      ...attributes\n      {{ariaListbox\n        items=this.items\n        selection=@value\n        multi=@multiple\n        disabled=@disabled\n        select=@update\n        activateItem=@activateItem\n      }}\n    >\n      {{yield\n        (hash\n          Option=(component\n            this.Option\n            isSelected=this.isSelected\n            registerItem=this.registerItem\n            unregisterItem=this.unregisterItem\n          )\n        )\n      }}\n    </div>\n  </template>\n}\n"],"names":["Option","Component","constructor","owner","args","registerItem","value","registerDestructor","unregisterItem","setComponentTemplate","precompileTemplate","strictMode","List","g","prototype","tracked","TrackedArray","i","void 0","item","next","items","push","splice","indexOf","isSelected","option","Array","isArray","includes","scope","styles","ariaListbox","hash"],"mappings":";;;;;;;;;;;;AA2BA,MAAMA,MAAA,SAAkBC,SAAA,CAA0B;AAChDC,EAAAA,WAAAA,CAAYC,KAAY,EAAEC,IAAgC,EAAE;AAC1D,IAAA,KAAK,CAACD,KAAA,EAAOC,IAAA,CAAA;AAEbA,IAAAA,IAAA,CAAKC,YAAY,CAACD,IAAA,CAAKE,KAAK,CAAA;IAE5BC,kBAAA,CAAmB,IAAI,EAAE,MAAA;AACvBH,MAAAA,IAAA,CAAKI,cAAc,CAACJ,IAAA,CAAKE,KAAK,CAAA;AAChC,IAAA,CAAA,CAAA;AACF,EAAA;AAEA,EAAA;IAAAG,oBAAA,CAAAC,kBAAA,CAAA,mHAAA,EAIA;MAAAC,UAAA,EAAA;KAAU,CAAA,EAAV,IAAW,CAAA;AAAD;AACZ;AAoBO,MAAMC,IAAA,SAAgBX,SAAA,CAAwB;AACnDD,EAAAA,MAAA,GAASA;AAAU,EAAA;IAAAa,CAAA,CAAA,IAAA,CAAAC,SAAA,EAAA,OAAA,EAAA,CAElBC,OAAA,CAAA,EAAA,YAAA;MAAA,OAAqB,IAAIC,YAAA,EAAA;AAAA,IAAA,CAAA,CAAA;AAAA;AAAA,EAAA,MAAA,IAAAC,CAAA,CAAA,IAAA,EAAA,OAAA,CAAA,EAAAC,MAAA;EAE1Bb,YAAA,GAAgBc,IAAM,IAAA;AACpB;AACAC,IAAAA,IAAA,CAAK,MAAA;AACH,MAAA,IAAI,CAACC,KAAK,CAACC,IAAI,CAACH,IAAA,CAAA;AAClB,IAAA,CAAA,CAAA;EACF,CAAA;EAEAX,cAAA,GAAkBW,IAAM,IAAA;AACtB;AACAC,IAAAA,IAAA,CAAK,MAAA;AACH,MAAA,IAAI,CAACC,KAAK,CAACE,MAAM,CAAC,IAAI,CAACF,KAAK,CAACG,OAAO,CAACL,IAAA,CAAA,EAAO,CAAA,CAAA;AAC9C,IAAA,CAAA,CAAA;EACF,CAAA;EAEAM,UAAA,GAAcC,MAAQ,IAAA;IACpB,IAAIC,KAAA,CAAMC,OAAO,CAAC,IAAI,CAACxB,IAAI,CAACE,KAAK,CAAA,EAAG;MAClC,OAAO,IAAI,CAACF,IAAI,CAACE,KAAK,CAACuB,QAAQ,CAACH,MAAA,CAAA;AAClC,IAAA;AAEA,IAAA,OAAO,IAAI,CAACtB,IAAI,CAACE,KAAK,KAAKoB,MAAA;EAC7B,CAAA;AAEA,EAAA;IAAAjB,oBAAA,CAAAC,kBAAA,CAAA,mWAAA,EAyBA;MAAAC,UAAA,EAAA,IAAA;AAAAmB,MAAAA,KAAA,EAAAA,OAAA;QAAAC,MAAA;QAAAC,WAAA;AAAAC,QAAAA;AAAA,OAAA;KAAU,CAAA,EAAV,IAAW,CAAA;AAAD;AACZ;;;;"}

package/dist/menu-CZKNGJ91.js

@@ -0,0 +1,116 @@
+import Component from '@glimmer/component';
+import { tracked } from '@glimmer/tracking';
+import { registerDestructor } from '@ember/destroyable';
+import { hash } from '@ember/helper';
+import { next } from '@ember/runloop';
+import { service } from '@ember/service';
+import { htmlSafe } from '@ember/template';
+import { ariaMenu } from 'ember-aria-voyager';
+import { CommandElement } from 'ember-command';
+import { TrackedArray } from 'tracked-built-ins';
+import styles from '@hokulea/core/controls.module.css';
+import { d as disabled } from './disabled-B_FQ0Z51.js';
+import { popover } from './helpers/popover.js';
+import { precompileTemplate } from '@ember/template-compilation';
+import { setComponentTemplate } from '@ember/component';
+import { g, i } from 'decorator-transforms/runtime-esm';
+
+// below are attempts at conditional typing based on provided blocks in dynamic invocation
+// type MenuItemArgs = {
+//   disabled?: boolean;
+//   registerItem: (item: MenuItem) => void;
+//   unregisterItem: (item: MenuItem) => void;
+// };
+// export interface MenuItemSignature<T = {}> {
+//   Element: HTMLButtonElement | HTMLAnchorElement;
+//   Args: T extends { Blocks: { default: [] } }
+//     ? MenuItemArgs & {
+//         push: CommandAction;
+//       }
+//     : MenuItemArgs;
+//   Blocks: T extends { Blocks: { default: [] } }
+//     ? { default: [] }
+//     : { label: []; menu: [MenuDefaultBlock] };
+// }
+//  & (
+//   | {
+//       Args: MenuItemArgs & {
+//         push: CommandAction;
+//       };
+//       Blocks: {
+//         default: [];
+//       };
+//     }
+//   | {
+//       Args: MenuItemArgs;
+//       Blocks: {
+//         label: [];
+//         menu: [MenuDefaultBlock];
+//       };
+//     }
+// );
+/* eslint-disable @typescript-eslint/no-use-before-define */
+class MenuItem extends Component {
+  constructor(owner, args) {
+    super(owner, args);
+    args.registerItem(this);
+    registerDestructor(this, () => {
+      args.unregisterItem(this);
+    });
+  }
+  static {
+    setComponentTemplate(precompileTemplate("\n    {{#if (has-block \"menu\")}}\n      {{#let (popover position=\"right-start\") as |p|}}\n        <button type=\"button\" role=\"menuitem\" aria-haspopup=\"menu\" {{disabled when=(if @disabled @disabled false)}} {{p.trigger}}>\n          {{~yield to=\"label\"~}}\n        </button>\n\n        <Menu {{p.target}} as |m|>\n          {{yield m to=\"menu\"}}\n        </Menu>\n      {{/let}}\n    {{else}}\n      <CommandElement @command={{@push}} {{disabled when=(if @disabled @disabled false)}} role=\"menuitem\">\n        {{~yield~}}\n      </CommandElement>\n    {{/if}}\n  ", {
+      strictMode: true,
+      scope: () => ({
+        popover,
+        disabled,
+        Menu,
+        CommandElement
+      })
+    }), this);
+  }
+}
+/* eslint-enable @typescript-eslint/no-use-before-define */
+
+class Menu extends Component {
+  static {
+    g(this.prototype, "fastboot", [service]);
+  }
+  #fastboot = (i(this, "fastboot"), void 0);
+  static {
+    g(this.prototype, "items", [tracked], function () {
+      return new TrackedArray();
+    });
+  }
+  #items = (i(this, "items"), void 0);
+  get hideInSSR() {
+    return this.fastboot?.isFastBoot;
+  }
+  registerItem = item => {
+    // eslint-disable-next-line ember/no-runloop
+    next(() => {
+      this.items.push(item);
+    });
+  };
+  unregisterItem = item => {
+    // eslint-disable-next-line ember/no-runloop
+    next(() => {
+      this.items.splice(this.items.indexOf(item), 1);
+    });
+  };
+  static {
+    setComponentTemplate(precompileTemplate("\n    <div class={{styles.menu}} data-test-menu ...attributes {{ariaMenu items=this.items disabled=@disabled}} style={{if this.hideInSSR (htmlSafe \"display: none\")}}>\n      {{yield (hash Item=(component MenuItem registerItem=this.registerItem unregisterItem=this.unregisterItem))}}\n    </div>\n  ", {
+      strictMode: true,
+      scope: () => ({
+        styles,
+        htmlSafe,
+        ariaMenu,
+        hash,
+        MenuItem
+      })
+    }), this);
+  }
+}
+
+export { Menu as M };
+//# sourceMappingURL=menu-CZKNGJ91.js.map

package/dist/menu-CZKNGJ91.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"menu-CZKNGJ91.js","sources":["../src/components/controls/menu.gts"],"sourcesContent":["import Component from '@glimmer/component';\nimport { tracked } from '@glimmer/tracking';\nimport { registerDestructor } from '@ember/destroyable';\nimport { hash } from '@ember/helper';\nimport { next } from '@ember/runloop';\nimport { service } from '@ember/service';\nimport { htmlSafe } from '@ember/template';\n\nimport { ariaMenu } from 'ember-aria-voyager';\nimport { CommandElement } from 'ember-command';\nimport { TrackedArray } from 'tracked-built-ins';\n\nimport styles from '@hokulea/core/controls.module.css';\n\nimport disabled from '../../-private/modifiers/disabled.ts';\nimport { popover } from '../../helpers/popover.ts';\n\nimport type { MenuItemArgs, MenuItemBlocks, MenuItemElement } from './-menu.ts';\nimport type Owner from '@ember/owner';\nimport type { WithBoundArgs } from '@glint/template';\nimport type FastBoot from 'ember-cli-fastboot/services/fastboot';\n\nexport type MenuDefaultBlock = {\n  Item: WithBoundArgs<typeof MenuItem, 'registerItem' | 'unregisterItem'>;\n};\n\nexport interface MenuItemSignature {\n  Element: MenuItemElement;\n  Args: MenuItemArgs & {\n    registerItem: (item: MenuItem) => void;\n    unregisterItem: (item: MenuItem) => void;\n  };\n  Blocks: MenuItemBlocks & {\n    menu?: [MenuDefaultBlock];\n  };\n}\n\n// below are attempts at conditional typing based on provided blocks in dynamic invocation\n\n// type MenuItemArgs = {\n//   disabled?: boolean;\n//   registerItem: (item: MenuItem) => void;\n//   unregisterItem: (item: MenuItem) => void;\n// };\n\n// export interface MenuItemSignature<T = {}> {\n//   Element: HTMLButtonElement | HTMLAnchorElement;\n//   Args: T extends { Blocks: { default: [] } }\n//     ? MenuItemArgs & {\n//         push: CommandAction;\n//       }\n//     : MenuItemArgs;\n//   Blocks: T extends { Blocks: { default: [] } }\n//     ? { default: [] }\n//     : { label: []; menu: [MenuDefaultBlock] };\n// }\n\n//  & (\n//   | {\n//       Args: MenuItemArgs & {\n//         push: CommandAction;\n//       };\n//       Blocks: {\n//         default: [];\n//       };\n//     }\n//   | {\n//       Args: MenuItemArgs;\n//       Blocks: {\n//         label: [];\n//         menu: [MenuDefaultBlock];\n//       };\n//     }\n// );\n\n/* eslint-disable @typescript-eslint/no-use-before-define */\nclass MenuItem extends Component<MenuItemSignature> {\n  constructor(owner: Owner, args: MenuItemSignature['Args']) {\n    super(owner, args);\n\n    args.registerItem(this);\n\n    registerDestructor(this, () => {\n      args.unregisterItem(this);\n    });\n  }\n\n  <template>\n    {{#if (has-block \"menu\")}}\n      {{#let (popover position=\"right-start\") as |p|}}\n        <button\n          type=\"button\"\n          role=\"menuitem\"\n          aria-haspopup=\"menu\"\n          {{disabled when=(if @disabled @disabled false)}}\n          {{p.trigger}}\n        >\n          {{~yield to=\"label\"~}}\n        </button>\n\n        <Menu {{p.target}} as |m|>\n          {{yield m to=\"menu\"}}\n        </Menu>\n      {{/let}}\n    {{else}}\n      <CommandElement\n        @command={{@push}}\n        {{disabled when=(if @disabled @disabled false)}}\n        role=\"menuitem\"\n      >\n        {{~yield~}}\n      </CommandElement>\n    {{/if}}\n  </template>\n}\n/* eslint-enable @typescript-eslint/no-use-before-define */\n\nexport interface MenuSignature {\n  Element: HTMLDivElement;\n  Args: {\n    disabled?: boolean;\n  };\n  Blocks: {\n    default: [MenuDefaultBlock];\n  };\n}\n\nexport class Menu extends Component<MenuSignature> {\n  @service declare fastboot?: FastBoot;\n\n  @tracked items: MenuItem[] = new TrackedArray();\n\n  get hideInSSR() {\n    return this.fastboot?.isFastBoot;\n  }\n\n  registerItem = (item: MenuItem) => {\n    // eslint-disable-next-line ember/no-runloop\n    next(() => {\n      this.items.push(item);\n    });\n  };\n\n  unregisterItem = (item: MenuItem) => {\n    // eslint-disable-next-line ember/no-runloop\n    next(() => {\n      this.items.splice(this.items.indexOf(item), 1);\n    });\n  };\n\n  <template>\n    <div\n      class={{styles.menu}}\n      data-test-menu\n      ...attributes\n      {{ariaMenu items=this.items disabled=@disabled}}\n      style={{if this.hideInSSR (htmlSafe \"display: none\")}}\n    >\n      {{yield\n        (hash\n          Item=(component\n            MenuItem registerItem=this.registerItem unregisterItem=this.unregisterItem\n          )\n        )\n      }}\n    </div>\n  </template>\n}\n"],"names":["MenuItem","Component","constructor","owner","args","registerItem","registerDestructor","unregisterItem","setComponentTemplate","precompileTemplate","strictMode","scope","popover","disabled","Menu","CommandElement","g","prototype","service","i","void 0","tracked","TrackedArray","hideInSSR","fastboot","isFastBoot","item","next","items","push","splice","indexOf","styles","htmlSafe","ariaMenu","hash"],"mappings":";;;;;;;;;;;;;;;;;AAqCA;AAEA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA,MAAMA,QAAA,SAAiBC,SAAA,CAAU;AAC/BC,EAAAA,WAAAA,CAAYC,KAAY,EAAEC,IAA+B,EAAE;AACzD,IAAA,KAAK,CAACD,KAAA,EAAOC,IAAA,CAAA;AAEbA,IAAAA,IAAA,CAAKC,YAAY,CAAC,IAAI,CAAA;IAEtBC,kBAAA,CAAmB,IAAI,EAAE,MAAA;AACvBF,MAAAA,IAAA,CAAKG,cAAc,CAAC,IAAI,CAAA;AAC1B,IAAA,CAAA,CAAA;AACF,EAAA;AAEA,EAAA;IAAAC,oBAAA,CAAAC,kBAAA,CAAA,okBAAA,EA0BA;MAAAC,UAAA,EAAA,IAAA;AAAAC,MAAAA,KAAA,EAAAA,OAAA;QAAAC,OAAA;QAAAC,QAAA;QAAAC,IAAA;AAAAC,QAAAA;AAAA,OAAA;KAAU,CAAA,EAAV,IAAW,CAAA;AAAD;AACZ;AACA;;AAYO,MAAMD,aAAab,SAAA,CAAU;AAAA,EAAA;IAAAe,CAAA,CAAA,IAAA,CAAAC,SAAA,EAAA,UAAA,EAAA,CACjCC,OAAA,CAAA,CAAA;AAAA;AAAA,EAAA,SAAA,IAAAC,CAAA,CAAA,IAAA,EAAA,UAAA,CAAA,EAAAC,MAAA;AAAA,EAAA;IAAAJ,CAAA,CAAA,IAAA,CAAAC,SAAA,EAAA,OAAA,EAAA,CAEAI,OAAA,CAAA,EAAA,YAAA;MAAA,OAA4B,IAAIC,YAAA,EAAA;AAAA,IAAA,CAAA,CAAA;AAAA;AAAA,EAAA,MAAA,IAAAH,CAAA,CAAA,IAAA,EAAA,OAAA,CAAA,EAAAC,MAAA;EAEjC,IAAIG,SAAAA,GAAY;AACd,IAAA,OAAO,IAAI,CAACC,QAAQ,EAAEC,UAAA;AACxB,EAAA;EAEApB,YAAA,GAAgBqB,IAAM,IAAA;AACpB;AACAC,IAAAA,IAAA,CAAK,MAAA;AACH,MAAA,IAAI,CAACC,KAAK,CAACC,IAAI,CAACH,IAAA,CAAA;AAClB,IAAA,CAAA,CAAA;EACF,CAAA;EAEAnB,cAAA,GAAkBmB,IAAM,IAAA;AACtB;AACAC,IAAAA,IAAA,CAAK,MAAA;AACH,MAAA,IAAI,CAACC,KAAK,CAACE,MAAM,CAAC,IAAI,CAACF,KAAK,CAACG,OAAO,CAACL,IAAA,CAAA,EAAO,CAAA,CAAA;AAC9C,IAAA,CAAA,CAAA;EACF,CAAA;AAEA,EAAA;IAAAlB,oBAAA,CAAAC,kBAAA,CAAA,8SAAA,EAgBA;MAAAC,UAAA,EAAA,IAAA;AAAAC,MAAAA,KAAA,EAAAA,OAAA;QAAAqB,MAAA;QAAAC,QAAA;QAAAC,QAAA;QAAAC,IAAA;AAAAnC,QAAAA;AAAA,OAAA;KAAU,CAAA,EAAV,IAAW,CAAA;AAAD;AACZ;;;;"}

package/dist/nav-link-CGVtuqwC.js

@@ -0,0 +1,30 @@
+import { on } from '@ember/modifier';
+import { CommandElement } from 'ember-command';
+import { link, Link } from 'ember-link';
+import { I as Icon } from './icon-bLZqjTMP.js';
+import { precompileTemplate } from '@ember/template-compilation';
+import { setComponentTemplate } from '@ember/component';
+import templateOnly from '@ember/component/template-only';
+
+const isActive = commandable => {
+  return commandable instanceof Link && commandable.isActive;
+};
+const MaybeIcon = setComponentTemplate(precompileTemplate("\n  {{#if @icon}}\n    <Icon @icon={{@icon}} part=\"icon\" />\n  {{/if}}\n", {
+  strictMode: true,
+  scope: () => ({
+    Icon
+  })
+}), templateOnly());
+const NavLink = setComponentTemplate(precompileTemplate("\n  {{#if @href}}\n    {{#let (link @href) as |l|}}\n      <a href={{l.url}} {{on \"click\" l.open}} part=\"item\" aria-current=\"{{if (isActive l) \"page\"}}\">\n        <MaybeIcon @icon={{@icon}} />\n        <span>{{yield}}</span>\n      </a>\n    {{/let}}\n  {{else if @push}}\n    <CommandElement @command={{@push}} aria-current=\"{{if (isActive @push) \"page\"}}\" part=\"item\">\n      <MaybeIcon @icon={{@icon}} />\n      <span>{{yield}}</span>\n    </CommandElement>\n  {{else}}\n    <span part=\"item\">\n      <MaybeIcon @icon={{@icon}} />\n      {{yield}}\n    </span>\n  {{/if}}\n", {
+  strictMode: true,
+  scope: () => ({
+    link,
+    isActive,
+    on,
+    MaybeIcon,
+    CommandElement
+  })
+}), templateOnly());
+
+export { NavLink as N };
+//# sourceMappingURL=nav-link-CGVtuqwC.js.map

package/dist/nav-link-CGVtuqwC.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"nav-link-CGVtuqwC.js","sources":["../src/components/navigation/nav-link.gts"],"sourcesContent":["import { on } from '@ember/modifier';\n\nimport { CommandElement } from 'ember-command';\nimport { Link, link } from 'ember-link';\n\nimport { Icon } from '../graphics/icon.gts';\n\nimport type { MenuItemArgs, MenuItemBlocks } from '../controls/-menu';\nimport type { TOC } from '@ember/component/template-only';\nimport type { CommandAction } from 'ember-command';\n\nconst isActive = (commandable: CommandAction) => {\n  return commandable instanceof Link && commandable.isActive;\n};\n\nconst MaybeIcon: TOC<{ Args: { icon?: string } }> = <template>\n  {{#if @icon}}\n    <Icon @icon={{@icon}} part=\"icon\" />\n  {{/if}}\n</template>;\n\nexport const NavLink: TOC<{\n  Args: MenuItemArgs & {\n    href?: string;\n    icon?: string;\n  };\n  Blocks: MenuItemBlocks;\n}> = <template>\n  {{#if @href}}\n    {{#let (link @href) as |l|}}\n      <a href={{l.url}} {{on \"click\" l.open}} part=\"item\" aria-current=\"{{if (isActive l) 'page'}}\">\n        <MaybeIcon @icon={{@icon}} />\n        <span>{{yield}}</span>\n      </a>\n    {{/let}}\n  {{else if @push}}\n    <CommandElement @command={{@push}} aria-current=\"{{if (isActive @push) 'page'}}\" part=\"item\">\n      <MaybeIcon @icon={{@icon}} />\n      <span>{{yield}}</span>\n    </CommandElement>\n  {{else}}\n    <span part=\"item\">\n      <MaybeIcon @icon={{@icon}} />\n      {{yield}}\n    </span>\n  {{/if}}\n</template>;\n"],"names":["isActive","commandable","Link","MaybeIcon","setComponentTemplate","precompileTemplate","strictMode","scope","Icon","templateOnly","NavLink","link","on","CommandElement"],"mappings":";;;;;;;;AAWA,MAAMA,QAAA,GAAYC,WAAa,IAAA;AAC7B,EAAA,OAAOA,WAAA,YAAuBC,IAAA,IAAQD,WAAA,CAAYD,QAAQ;AAC5D,CAAA;AAEA,MAAMG,SAA8C,GAAAC,oBAAA,CAAAC,kBAAA,CAAA,4EAAA,EAIpD;EAAAC,UAAA,EAAA,IAAA;AAAAC,EAAAA,KAAA,EAAAA,OAAA;AAAAC,IAAAA;AAAA,GAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA,CAAA;MAEGC,OAMR,GAAAN,oBAAA,CAAAC,kBAAA,CAAA,klBAAA,EAmBL;EAAAC,UAAA,EAAA,IAAA;AAAAC,EAAAA,KAAA,EAAAA,OAAA;IAAAI,IAAA;IAAAX,QAAA;IAAAY,EAAA;IAAAT,SAAA;AAAAU,IAAAA;AAAA,GAAA;AAAU,CAAA,CAAA,EAAAJ,YAAA,EAAA;;;;"}

package/dist/navigation-list-Cxs6uZdM.js

@@ -0,0 +1,22 @@
+import { hash } from '@ember/helper';
+import styles from '@hokulea/core/navigation.module.css';
+import { N as NavLink } from './nav-link-CGVtuqwC.js';
+import { precompileTemplate } from '@ember/template-compilation';
+import { setComponentTemplate } from '@ember/component';
+import templateOnly from '@ember/component/template-only';
+
+const Title = setComponentTemplate(precompileTemplate("\n  <span part=\"title\">{{yield}}</span>\n", {
+  strictMode: true
+}), templateOnly());
+const NavigationList = setComponentTemplate(precompileTemplate("\n  <nav class={{styles.navigationList}} data-test-navigation-list ...attributes>\n    {{yield (hash Item=NavLink Title=Title)}}\n  </nav>\n", {
+  strictMode: true,
+  scope: () => ({
+    styles,
+    hash,
+    NavLink,
+    Title
+  })
+}), templateOnly());
+
+export { NavigationList as N };
+//# sourceMappingURL=navigation-list-Cxs6uZdM.js.map

package/dist/navigation-list-Cxs6uZdM.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"navigation-list-Cxs6uZdM.js","sources":["../src/components/navigation/navigation-list.gts"],"sourcesContent":["import { hash } from '@ember/helper';\n\nimport styles from '@hokulea/core/navigation.module.css';\n\nimport { NavLink } from './nav-link.gts';\n\nimport type { TOC } from '@ember/component/template-only';\n\nconst Title: TOC<{ Blocks: { default: [] } }> = <template>\n  <span part=\"title\">{{yield}}</span>\n</template>;\n\nexport interface NavigationListSignature {\n  Element: HTMLElement;\n  Blocks: {\n    default?: [{ Item: typeof NavLink; Title: typeof Title }];\n  };\n}\n\nexport const NavigationList: TOC<NavigationListSignature> = <template>\n  <nav class={{styles.navigationList}} data-test-navigation-list ...attributes>\n    {{yield (hash Item=NavLink Title=Title)}}\n  </nav>\n</template>;\n"],"names":["Title","setComponentTemplate","precompileTemplate","strictMode","templateOnly","NavigationList","scope","styles","hash","NavLink"],"mappings":";;;;;;;AAQA,MAAMA,KAA0C,GAAAC,oBAAA,CAAAC,kBAAA,CAAA,6CAAA,EAEhD;EAAAC,UAAA,EAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA,CAAA;MASGC,cAAoB,GAAAJ,oBAAA,CAA2BC,kBAAA,CAAA,8IAAA,EAI5D;EAAAC,UAAA,EAAA,IAAA;AAAAG,EAAAA,KAAA,EAAAA,OAAA;IAAAC,MAAA;IAAAC,IAAA;IAAAC,OAAA;AAAAT,IAAAA;AAAA,GAAA;AAAU,CAAA,CAAA,EAAAI,YAAA,EAAA;;;;"}

package/dist/number-input-B84zcPlM.js

@@ -0,0 +1,20 @@
+import { on } from '@ember/modifier';
+import styles from '@hokulea/core/controls.module.css';
+import { p as pick } from './helpers-DS9du02l.js';
+import { p as pickAsNumber } from './-input-DGR-n9U_.js';
+import { precompileTemplate } from '@ember/template-compilation';
+import { setComponentTemplate } from '@ember/component';
+import templateOnly from '@ember/component/template-only';
+
+const NumberInput = setComponentTemplate(precompileTemplate("\n  <input class={{styles.input}} type=\"number\" value={{@value}} disabled={{@disabled}} data-test-input {{on \"input\" (pick \"target.value\" (pickAsNumber @update)) capture=true}} ...attributes />\n", {
+  strictMode: true,
+  scope: () => ({
+    styles,
+    on,
+    pick,
+    pickAsNumber
+  })
+}), templateOnly());
+
+export { NumberInput as N };
+//# sourceMappingURL=number-input-B84zcPlM.js.map

package/dist/number-input-B84zcPlM.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"number-input-B84zcPlM.js","sources":["../src/components/controls/number-input.gts"],"sourcesContent":["import { on } from '@ember/modifier';\n\nimport styles from '@hokulea/core/controls.module.css';\n\nimport { pick } from '../../-private/helpers.ts';\nimport { pickAsNumber } from './-input.ts';\n\nimport type { InputArgs } from './-input.ts';\nimport type { TOC } from '@ember/component/template-only';\n\nexport interface NumberInputSignature {\n  Element: HTMLInputElement;\n  Args: InputArgs<number>;\n}\n\nexport const NumberInput: TOC<NumberInputSignature> = <template>\n  <input\n    class={{styles.input}}\n    type=\"number\"\n    value={{@value}}\n    disabled={{@disabled}}\n    data-test-input\n    {{on \"input\" (pick \"target.value\" (pickAsNumber @update)) capture=true}}\n    ...attributes\n  />\n</template>;\n"],"names":["NumberInput","setComponentTemplate","precompileTemplate","strictMode","scope","styles","on","pick","pickAsNumber","templateOnly"],"mappings":";;;;;;;;MAeaA,WAAiB,GAAAC,oBAAA,CAAwBC,kBAAA,CAAA,2MAAA,EAUtD;EAAAC,UAAA,EAAA,IAAA;AAAAC,EAAAA,KAAA,EAAAA,OAAA;IAAAC,MAAA;IAAAC,EAAA;IAAAC,IAAA;AAAAC,IAAAA;AAAA,GAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA;;;;"}

package/dist/page-BcSgHxr7.js

@@ -0,0 +1,23 @@
+import { element } from 'ember-element-helper';
+import styles from '@hokulea/core/layouts.module.css';
+import typo from '@hokulea/core/typography.module.css';
+import { o as or } from './helpers-DS9du02l.js';
+import { P as PageDestructor, a as PageElement } from './pages-DgHJEvSy.js';
+import { precompileTemplate } from '@ember/template-compilation';
+import { setComponentTemplate } from '@ember/component';
+import templateOnly from '@ember/component/template-only';
+
+const Page = setComponentTemplate(precompileTemplate("\n  {{#let (if @element @element (element (pageElement))) as |Element|}}\n    <Element class={{styles.page}} {{pageDestructor}} ...attributes data-test-page>\n      {{#if (or @title @description (has-block \"title\") (has-block \"description\") (has-block \"nav\"))}}\n        <header class={{styles.pageContent}}>\n          <h1 class={{typo.display}}>\n            {{#if (has-block \"title\")}}\n              {{yield to=\"title\"}}\n            {{else if @title}}\n              {{@title}}\n            {{/if}}\n          </h1>\n\n          {{#if (or (has-block \"description\") @description)}}\n            <p>\n              {{#if (has-block \"description\")}}\n                {{yield to=\"description\"}}\n              {{else if @description}}\n                {{@description}}\n              {{/if}}\n            </p>\n          {{/if}}\n        </header>\n      {{/if}}\n\n      <div class=\"{{styles.pageContent}} {{styles.flow}}\" part=\"content\">\n        {{#if (has-block \"content\")}}\n          {{yield to=\"content\"}}\n        {{else if (has-block)}}\n          {{yield}}\n        {{/if}}\n      </div>\n    </Element>\n  {{/let}}\n", {
+  strictMode: true,
+  scope: () => ({
+    element,
+    pageElement: PageElement,
+    styles,
+    pageDestructor: PageDestructor,
+    or,
+    typo
+  })
+}), templateOnly());
+
+export { Page as P };
+//# sourceMappingURL=page-BcSgHxr7.js.map

package/dist/page-BcSgHxr7.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"page-BcSgHxr7.js","sources":["../src/components/layouts/page.gts"],"sourcesContent":["import { element } from 'ember-element-helper';\n\n// eslint-disable-next-line import-x/no-duplicates\nimport styles from '@hokulea/core/layouts.module.css';\n// eslint-disable-next-line import-x/no-duplicates\nimport typo from '@hokulea/core/typography.module.css';\n\nimport { or } from '../../-private/helpers.ts';\nimport { pageDestructor, pageElement } from './pages.ts';\n\nimport type { TOC } from '@ember/component/template-only';\nimport type { ComponentLike } from '@glint/template';\n\ninterface PageSignature {\n  Element: HTMLElement;\n  Args: {\n    title?: string;\n    description?: string;\n    element?: ComponentLike<{ Element: HTMLElement; Blocks: { default: [] } }>;\n  };\n  Blocks: {\n    title?: [];\n    description?: [];\n    content?: [];\n    default?: [];\n  };\n}\n\nexport const Page: TOC<PageSignature> = <template>\n  {{#let (if @element @element (element (pageElement))) as |Element|}}\n    <Element class={{styles.page}} {{pageDestructor}} ...attributes data-test-page>\n      {{#if\n        (or @title @description (has-block \"title\") (has-block \"description\") (has-block \"nav\"))\n      }}\n        <header class={{styles.pageContent}}>\n          <h1 class={{typo.display}}>\n            {{#if (has-block \"title\")}}\n              {{yield to=\"title\"}}\n            {{else if @title}}\n              {{@title}}\n            {{/if}}\n          </h1>\n\n          {{#if (or (has-block \"description\") @description)}}\n            <p>\n              {{#if (has-block \"description\")}}\n                {{yield to=\"description\"}}\n              {{else if @description}}\n                {{@description}}\n              {{/if}}\n            </p>\n          {{/if}}\n        </header>\n      {{/if}}\n\n      <div class=\"{{styles.pageContent}} {{styles.flow}}\" part=\"content\">\n        {{#if (has-block \"content\")}}\n          {{yield to=\"content\"}}\n        {{else if (has-block)}}\n          {{yield}}\n        {{/if}}\n      </div>\n    </Element>\n  {{/let}}\n</template>;\n"],"names":["Page","setComponentTemplate","precompileTemplate","strictMode","scope","element","pageElement","styles","pageDestructor","or","typo","templateOnly"],"mappings":";;;;;;;;;MA4BaA,IAAU,GAAAC,oBAAA,CAAiBC,kBAAA,CAAA,koCAAA,EAoCxC;EAAAC,UAAA,EAAA,IAAA;AAAAC,EAAAA,KAAA,EAAAA,OAAA;IAAAC,OAAA;iBAAAC,WAAA;IAAAC,MAAA;oBAAAC,cAAA;IAAAC,EAAA;AAAAC,IAAAA;AAAA,GAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA;;;;"}

package/dist/pages-DgHJEvSy.js

@@ -0,0 +1,31 @@
+import Helper from '@ember/component/helper';
+import { registerDestructor } from '@ember/destroyable';
+import { service } from '@ember/service';
+import Modifier from 'ember-modifier';
+import { g, i } from 'decorator-transforms/runtime-esm';
+
+class PageElement extends Helper {
+  static {
+    g(this.prototype, "hokulea", [service('-hokulea')]);
+  }
+  #hokulea = (i(this, "hokulea"), void 0);
+  compute() {
+    const element = this.hokulea.pageLevel === 0 ? 'main' : 'section';
+    this.hokulea.pageLevel++;
+    return element;
+  }
+}
+class PageDestructor extends Modifier {
+  static {
+    g(this.prototype, "hokulea", [service('-hokulea')]);
+  }
+  #hokulea = (i(this, "hokulea"), void 0);
+  modify() {
+    registerDestructor(this, () => {
+      this.hokulea.pageLevel--;
+    });
+  }
+}
+
+export { PageDestructor as P, PageElement as a };
+//# sourceMappingURL=pages-DgHJEvSy.js.map

package/dist/pages-DgHJEvSy.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"pages-DgHJEvSy.js","sources":["../src/components/layouts/pages.ts"],"sourcesContent":["import Helper from '@ember/component/helper';\nimport { registerDestructor } from '@ember/destroyable';\nimport { service } from '@ember/service';\n\nimport Modifier from 'ember-modifier';\n\nimport type HokuleaService from '../../services/-hokulea';\n\nclass PageElement extends Helper<{ Return: 'main' | 'section' }> {\n  @service('-hokulea') declare hokulea: HokuleaService;\n\n  compute(): 'main' | 'section' {\n    const element = this.hokulea.pageLevel === 0 ? 'main' : 'section';\n\n    this.hokulea.pageLevel++;\n\n    return element;\n  }\n}\n\nclass PageDestructor extends Modifier {\n  @service('-hokulea') declare hokulea: HokuleaService;\n\n  modify(): void {\n    registerDestructor(this, () => {\n      this.hokulea.pageLevel--;\n    });\n  }\n}\n\nexport { PageDestructor as pageDestructor, PageElement as pageElement };\n"],"names":["PageElement","Helper","g","prototype","service","i","void 0","compute","element","hokulea","pageLevel","PageDestructor","Modifier","modify","registerDestructor"],"mappings":";;;;;;AAQA,MAAMA,WAAW,SAASC,MAAM,CAAiC;AAAA,EAAA;AAAAC,IAAAA,CAAA,MAAAC,SAAA,EAAA,SAAA,EAAA,CAC9DC,OAAO,CAAC,UAAU,CAAC,CAAA,CAAA;AAAA;AAAA,EAAA,QAAA,IAAAC,CAAA,CAAA,IAAA,EAAA,SAAA,CAAA,EAAAC,MAAA;AAEpBC,EAAAA,OAAOA,GAAuB;AAC5B,IAAA,MAAMC,OAAO,GAAG,IAAI,CAACC,OAAO,CAACC,SAAS,KAAK,CAAC,GAAG,MAAM,GAAG,SAAS;AAEjE,IAAA,IAAI,CAACD,OAAO,CAACC,SAAS,EAAE;AAExB,IAAA,OAAOF,OAAO;AAChB,EAAA;AACF;AAEA,MAAMG,cAAc,SAASC,QAAQ,CAAC;AAAA,EAAA;AAAAV,IAAAA,CAAA,MAAAC,SAAA,EAAA,SAAA,EAAA,CACnCC,OAAO,CAAC,UAAU,CAAC,CAAA,CAAA;AAAA;AAAA,EAAA,QAAA,IAAAC,CAAA,CAAA,IAAA,EAAA,SAAA,CAAA,EAAAC,MAAA;AAEpBO,EAAAA,MAAMA,GAAS;IACbC,kBAAkB,CAAC,IAAI,EAAE,MAAM;AAC7B,MAAA,IAAI,CAACL,OAAO,CAACC,SAAS,EAAE;AAC1B,IAAA,CAAC,CAAC;AACJ,EAAA;AACF;;;;"}

package/dist/password-input-BMp5uscw.js

@@ -0,0 +1,18 @@
+import { on } from '@ember/modifier';
+import styles from '@hokulea/core/controls.module.css';
+import { p as pick } from './helpers-DS9du02l.js';
+import { precompileTemplate } from '@ember/template-compilation';
+import { setComponentTemplate } from '@ember/component';
+import templateOnly from '@ember/component/template-only';
+
+const PasswordInput = setComponentTemplate(precompileTemplate("\n  <input class={{styles.input}} type=\"password\" value={{@value}} disabled={{@disabled}} data-test-input {{on \"input\" (pick \"target.value\" @update) capture=true}} ...attributes />\n", {
+  strictMode: true,
+  scope: () => ({
+    styles,
+    on,
+    pick
+  })
+}), templateOnly());
+
+export { PasswordInput as P };
+//# sourceMappingURL=password-input-BMp5uscw.js.map

package/dist/password-input-BMp5uscw.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"password-input-BMp5uscw.js","sources":["../src/components/controls/password-input.gts"],"sourcesContent":["import { on } from '@ember/modifier';\n\nimport styles from '@hokulea/core/controls.module.css';\n\nimport { pick } from '../../-private/helpers.ts';\n\nimport type { InputArgs } from './-input.ts';\nimport type { TOC } from '@ember/component/template-only';\n\nexport interface PasswordInputSignature {\n  Element: HTMLInputElement;\n  Args: InputArgs<string>;\n}\n\nexport const PasswordInput: TOC<PasswordInputSignature> = <template>\n  <input\n    class={{styles.input}}\n    type=\"password\"\n    value={{@value}}\n    disabled={{@disabled}}\n    data-test-input\n    {{on \"input\" (pick \"target.value\" @update) capture=true}}\n    ...attributes\n  />\n</template>;\n"],"names":["PasswordInput","setComponentTemplate","precompileTemplate","strictMode","scope","styles","on","pick","templateOnly"],"mappings":";;;;;;;MAcaA,aAAmB,GAAAC,oBAAA,CAA0BC,kBAAA,CAAA,8LAAA,EAU1D;EAAAC,UAAA,EAAA,IAAA;AAAAC,EAAAA,KAAA,EAAAA,OAAA;IAAAC,MAAA;IAAAC,EAAA;AAAAC,IAAAA;AAAA,GAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA;;;;"}

package/dist/phone-input-DeaTM5yP.js

@@ -0,0 +1,18 @@
+import { on } from '@ember/modifier';
+import styles from '@hokulea/core/controls.module.css';
+import { p as pick } from './helpers-DS9du02l.js';
+import { precompileTemplate } from '@ember/template-compilation';
+import { setComponentTemplate } from '@ember/component';
+import templateOnly from '@ember/component/template-only';
+
+const PhoneInput = setComponentTemplate(precompileTemplate("\n  <input class={{styles.input}} type=\"tel\" value={{@value}} disabled={{@disabled}} data-test-input {{on \"input\" (pick \"target.value\" @update) capture=true}} ...attributes />\n", {
+  strictMode: true,
+  scope: () => ({
+    styles,
+    on,
+    pick
+  })
+}), templateOnly());
+
+export { PhoneInput as P };
+//# sourceMappingURL=phone-input-DeaTM5yP.js.map

package/dist/phone-input-DeaTM5yP.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"phone-input-DeaTM5yP.js","sources":["../src/components/controls/phone-input.gts"],"sourcesContent":["import { on } from '@ember/modifier';\n\nimport styles from '@hokulea/core/controls.module.css';\n\nimport { pick } from '../../-private/helpers.ts';\n\nimport type { InputArgs } from './-input.ts';\nimport type { TOC } from '@ember/component/template-only';\n\nexport interface PhoneInputSignature {\n  Element: HTMLInputElement;\n  Args: InputArgs<string>;\n}\n\nexport const PhoneInput: TOC<PhoneInputSignature> = <template>\n  <input\n    class={{styles.input}}\n    type=\"tel\"\n    value={{@value}}\n    disabled={{@disabled}}\n    data-test-input\n    {{on \"input\" (pick \"target.value\" @update) capture=true}}\n    ...attributes\n  />\n</template>;\n"],"names":["PhoneInput","setComponentTemplate","precompileTemplate","strictMode","scope","styles","on","pick","templateOnly"],"mappings":";;;;;;;MAcaA,UAAgB,GAAAC,oBAAA,CAAuBC,kBAAA,CAAA,yLAAA,EAUpD;EAAAC,UAAA,EAAA,IAAA;AAAAC,EAAAA,KAAA,EAAAA,OAAA;IAAAC,MAAA;IAAAC,EAAA;AAAAC,IAAAA;AAAA,GAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA;;;;"}

package/dist/popover-B6j413u9.js

@@ -0,0 +1,14 @@
+import styles from '@hokulea/core/windows.module.css';
+import { precompileTemplate } from '@ember/template-compilation';
+import { setComponentTemplate } from '@ember/component';
+import templateOnly from '@ember/component/template-only';
+
+const Popover = setComponentTemplate(precompileTemplate("\n  <div class={{styles.popover}} data-test-popover ...attributes>\n    {{yield}}\n  </div>\n", {
+  strictMode: true,
+  scope: () => ({
+    styles
+  })
+}), templateOnly());
+
+export { Popover as P };
+//# sourceMappingURL=popover-B6j413u9.js.map

package/dist/popover-B6j413u9.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"popover-B6j413u9.js","sources":["../src/components/windows/popover.gts"],"sourcesContent":["import styles from '@hokulea/core/windows.module.css';\n\nimport type { TOC } from '@ember/component/template-only';\n\nexport interface PopoverSignature {\n  Element: HTMLDivElement;\n  Blocks: {\n    default: [];\n  };\n}\n\nexport const Popover: TOC<PopoverSignature> = <template>\n  <div class={{styles.popover}} data-test-popover ...attributes>\n    {{yield}}\n  </div>\n</template>;\n"],"names":["Popover","setComponentTemplate","precompileTemplate","strictMode","scope","styles","templateOnly"],"mappings":";;;;;MAWaA,OAAa,GAAAC,oBAAA,CAAoBC,kBAAA,CAAA,+FAAA,EAI9C;EAAAC,UAAA,EAAA,IAAA;AAAAC,EAAAA,KAAA,EAAAA,OAAA;AAAAC,IAAAA;AAAA,GAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA;;;;"}

package/dist/radio-CGBLrzK4.js

@@ -0,0 +1,18 @@
+import { on } from '@ember/modifier';
+import styles from '@hokulea/core/controls.module.css';
+import { p as pick } from './helpers-DS9du02l.js';
+import { precompileTemplate } from '@ember/template-compilation';
+import { setComponentTemplate } from '@ember/component';
+import templateOnly from '@ember/component/template-only';
+
+const Radio = setComponentTemplate(precompileTemplate("\n  <input class={{styles.choice}} type=\"radio\" checked={{@value}} disabled={{@disabled}} data-test-choice {{on \"input\" (pick \"target.checked\" @update) capture=true}} ...attributes />\n", {
+  strictMode: true,
+  scope: () => ({
+    styles,
+    on,
+    pick
+  })
+}), templateOnly());
+
+export { Radio as R };
+//# sourceMappingURL=radio-CGBLrzK4.js.map

package/dist/radio-CGBLrzK4.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"radio-CGBLrzK4.js","sources":["../src/components/controls/radio.gts"],"sourcesContent":["import { on } from '@ember/modifier';\n\nimport styles from '@hokulea/core/controls.module.css';\n\nimport { pick } from '../../-private/helpers.ts';\n\nimport type { InputArgs } from './-input.ts';\nimport type { TOC } from '@ember/component/template-only';\n\nexport interface RadioSignature {\n  Element: HTMLInputElement;\n  Args: InputArgs<boolean>;\n}\n\nexport const Radio: TOC<RadioSignature> = <template>\n  <input\n    class={{styles.choice}}\n    type=\"radio\"\n    checked={{@value}}\n    disabled={{@disabled}}\n    data-test-choice\n    {{on \"input\" (pick \"target.checked\" @update) capture=true}}\n    ...attributes\n  />\n</template>;\n"],"names":["Radio","setComponentTemplate","precompileTemplate","strictMode","scope","styles","on","pick","templateOnly"],"mappings":";;;;;;;MAcaA,KAAW,GAAAC,oBAAA,CAAkBC,kBAAA,CAAA,iMAAA,EAU1C;EAAAC,UAAA,EAAA,IAAA;AAAAC,EAAAA,KAAA,EAAAA,OAAA;IAAAC,MAAA;IAAAC,EAAA;AAAAC,IAAAA;AAAA,GAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA;;;;"}

package/dist/range-input-BiAPgpW8.js

@@ -0,0 +1,37 @@
+import { on } from '@ember/modifier';
+import { modifier } from 'ember-modifier';
+import styles from '@hokulea/core/controls.module.css';
+import { p as pick } from './helpers-DS9du02l.js';
+import { p as pickAsNumber } from './-input-DGR-n9U_.js';
+import { precompileTemplate } from '@ember/template-compilation';
+import { setComponentTemplate } from '@ember/component';
+import templateOnly from '@ember/component/template-only';
+
+function applyProgressStyle(range, value) {
+  const min = Number.parseFloat(range.min) || 0;
+  const max = Number.parseFloat(range.max) || 100;
+  const currentVal = value ?? Number.parseFloat(range.value);
+  const progress = (currentVal - min) / (max - min) * 100;
+  range.style.setProperty('--_hokulea-slider-progress', `${progress}%`);
+}
+const progressStyle = modifier((element, [value]) => {
+  applyProgressStyle(element, value);
+  const listenForProgressChange = () => {
+    applyProgressStyle(element);
+  };
+  element.addEventListener('input', listenForProgressChange);
+  return () => element.removeEventListener('input', listenForProgressChange);
+});
+const RangeInput = setComponentTemplate(precompileTemplate("\n  <input class={{styles.range}} type=\"range\" value={{@value}} disabled={{@disabled}} data-test-input data-orientation={{@orientation}} {{on \"input\" (pick \"target.value\" (pickAsNumber @update)) capture=true}} {{progressStyle @value}} ...attributes />\n", {
+  strictMode: true,
+  scope: () => ({
+    styles,
+    on,
+    pick,
+    pickAsNumber,
+    progressStyle
+  })
+}), templateOnly());
+
+export { RangeInput as R };
+//# sourceMappingURL=range-input-BiAPgpW8.js.map