@hokulea/ember 0.12.0 → 0.14.0

package/dist/form-CXvWQbiY.js

@@ -1,500 +0,0 @@
-import Component from '@glimmer/component';
-import { hash, uniqueId } from '@ember/helper';
-import { createForm } from '@hokulea/ember-pahu';
-import { tracked } from '@glimmer/tracking';
-import { next } from '@ember/runloop';
-import { element } from 'ember-element-helper';
-import { a as and, b as asBoolean, c as asNumber, d as asString, e as eq } from './helpers-D4So5-uK.js';
-import { precompileTemplate } from '@ember/template-compilation';
-import { setComponentTemplate } from '@ember/component';
-import templateOnly from '@ember/component/template-only';
-import { I as Icon } from './icon-rlG6O1ps.js';
-import { g, i } from 'decorator-transforms/runtime-esm';
-import { C as Checkbox } from './checkbox-C9-RZtWK.js';
-import { modifier } from 'ember-modifier';
-import { C as CurrencyInput } from './currency-input-BqNb3IcU.js';
-import { D as DateInput } from './date-input-DxDpVu3A.js';
-import { E as EmailInput } from './email-input-84impWbH.js';
-import { L as List } from './list-C86dLtuk.js';
-import { N as NumberInput } from './number-input-CDMSp7qk.js';
-import { P as PasswordInput } from './password-input-BYvLH8gQ.js';
-import { P as PhoneInput } from './phone-input-8N_lOkZ2.js';
-import { R as RangeInput } from './range-input-Bosd7QI2.js';
-import { S as Select } from './select-DWOHAUfQ.js';
-import { R as Radio } from './radio-BQvSPyDT.js';
-import { T as TextInput } from './text-input-BntDzi8S.js';
-import { T as TextArea } from './text-area-BsDD1dpV.js';
-import { d as disabled } from './disabled-B_FQ0Z51.js';
-
-const Description = setComponentTemplate(precompileTemplate("\n  <p class=\"form-description\" data-test-description ...attributes>\n    {{yield}}\n  </p>\n", {
-  strictMode: true
-}), templateOnly());
-
-// import Icon from '../../../components/icon';
-const Errors = setComponentTemplate(precompileTemplate("\n  <div id={{@id}} aria-live=\"assertive\" class=\"form-errors\" ...attributes>\n    {{!-- <span><Icon @icon='dismiss-circle' @style='filled' /></span> --}}\n    {{#if (has-block)}}\n      {{yield @errors}}\n    {{else}}\n      <div>\n        {{#each @errors as |e|}}\n          {{#if e.message}}\n            <p data-test-error data-test-error-type=\"{{e.type}}\" data-test-error-value=\"{{e.value}}\">{{e.message}}</p>\n          {{/if}}\n        {{/each}}\n      </div>\n    {{/if}}\n  </div>\n", {
-  strictMode: true
-}), templateOnly());
-
-const Label = setComponentTemplate(precompileTemplate("\n  {{#let (if @element @element (element \"label\")) as |Element|}}\n    <Element class=\"form-label\" data-test-label ...attributes>\n      {{yield}}\n    </Element>\n  {{/let}}\n", {
-  strictMode: true,
-  scope: () => ({
-    element
-  })
-}), templateOnly());
-
-const ErrorIcon = `<svg xmlns="http://www.w3.org/2000/svg" width="256"
-height="256" viewBox="0 0 256 256"><path fill="currentColor" d="M208.49
-191.51a12 12 0 0 1-17 17L128 145l-63.51 63.49a12 12 0 0 1-17-17L111 128L47.51
-64.49a12 12 0 0 1 17-17L128 111l63.51-63.52a12 12 0 0 1 17 17L145
-128Z"/></svg>`;
-const ValidIcon = `<svg xmlns="http://www.w3.org/2000/svg" width="256"
-height="256" viewBox="0 0 256 256"><path fill="currentColor" d="m232.49
-80.49l-128 128a12 12 0 0 1-17 0l-56-56a12 12 0 1 1 17-17L96 183L215.51 63.51a12
-12 0 0 1 17 17Z"/></svg>`;
-class Rule extends Component {
-  isInvalid = () => {
-    return this.args.errors?.some(i => this.args.key in i && i[this.args.key] === this.args.value);
-  };
-  static {
-    setComponentTemplate(precompileTemplate("\n    <p data-test-rule data-test-rule-invalid={{(this.isInvalid)}}>\n      <Icon @icon={{if (this.isInvalid) ErrorIcon ValidIcon}} data-invalid={{(this.isInvalid)}} data-icon />\n\n      <span>{{yield}}</span>\n    </p>\n  ", {
-      strictMode: true,
-      scope: () => ({
-        Icon,
-        ErrorIcon,
-        ValidIcon
-      })
-    }), this);
-  }
-}
-class Rules extends Component {
-  constructor(owner, args) {
-    super(owner, args);
-    args.useRules(true);
-  }
-  static {
-    setComponentTemplate(precompileTemplate("\n    <div id={{@id}} aria-live=\"assertive\" class=\"form-rules\" ...attributes>\n      {{yield (component Rule errors=@errors)}}\n    </div>\n  ", {
-      strictMode: true,
-      scope: () => ({
-        Rule
-      })
-    }), this);
-  }
-}
-
-class Field extends Component {
-  static {
-    g(this.prototype, "rulesUsed", [tracked], function () {
-      return false;
-    });
-  }
-  #rulesUsed = (i(this, "rulesUsed"), void 0);
-  #field;
-  get validateOn() {
-    return this.rulesUsed ? 'input' : this.args.validateOn;
-  }
-  get revalidateOn() {
-    return this.rulesUsed ? 'input' : this.args.revalidateOn;
-  }
-  createOrUpdateField = config => {
-    const filteredConfig = Object.fromEntries(Object.entries(config).filter(([_, v]) => v !== undefined));
-    if (this.#field) {
-      this.#field.updateConfig(filteredConfig);
-    } else {
-      this.#field = this.args.form.createField(filteredConfig);
-    }
-    return this.#field;
-  };
-  useRules = useRules => {
-    // eslint-disable-next-line ember/no-runloop
-    next(async () => {
-      this.rulesUsed = useRules;
-      if (useRules) {
-        await this.#field?.validate();
-      }
-    });
-  };
-  get showErrors() {
-    return !this.rulesUsed && this.args.showErrors !== false;
-  }
-  static {
-    setComponentTemplate(precompileTemplate("\n    {{#let (uniqueId) (uniqueId) (if @element @element (element \"div\")) (this.createOrUpdateField name=@name ignoreNativeValidation=@ignoreNativeValidation linkedField=@linkedField validateOn=this.validateOn revalidateOn=this.revalidateOn validate=@validate validated=@validated value=@value) (component Rules useRules=this.useRules) as |fieldId errorId Element field WiredRules|}}\n      <Element class=\"form-field\" data-test-field={{@name}}>\n        {{#if @label}}\n          {{#let (if @labelComponent @labelComponent Label) as |L|}}\n            <L for={{unless @labelComponent fieldId}}>{{@label}}</L>\n          {{/let}}\n        {{/if}}\n\n        {{#if @description}}\n          <Description>{{@description}}</Description>\n        {{/if}}\n\n        {{yield (hash value=field.value setValue=field.setValue id=fieldId errorId=errorId invalid=field.invalid registerElement=field.registerElement issues=field.issues validate=field.validate showErrors=this.showErrors Rules=(component WiredRules id=errorId errors=field.issues))}}\n\n        {{#if (and this.showErrors field.issues)}}\n          <Errors @id={{errorId}} @errors={{field.issues}} />\n        {{/if}}\n      </Element>\n    {{/let}}\n  ", {
-      strictMode: true,
-      scope: () => ({
-        uniqueId,
-        element,
-        Rules,
-        Label,
-        Description,
-        hash,
-        and,
-        Errors
-      })
-    }), this);
-  }
-}
-
-const manageValidation = modifier((element, _, {
-  showErrors,
-  invalid,
-  errorMessageId
-}) => {
-  if (showErrors !== false) {
-    element.ariaInvalid = invalid ? 'true' : 'false';
-    if (invalid) {
-      element.setAttribute('aria-errormessage', errorMessageId);
-    } else {
-      element.removeAttribute('aria-errormessage');
-    }
-    if (element.parentElement && 'inputBuilder' in element.parentElement.dataset) {
-      element.parentElement.dataset.invalid = invalid ? 'true' : 'false';
-    }
-  }
-  return;
-});
-
-class CheckboxField extends Component {
-  Field = this.args.Field;
-  setBooleanValue = setValue => {
-    return value => setValue(value);
-  };
-  static {
-    setComponentTemplate(precompileTemplate("\n    <this.Field @label @name={{@name}} @value={{@value}} @ignoreNativeValidation={{@ignoreNativeValidation}} @validateOn={{@validateOn}} @revalidateOn={{@revalidateOn}} @validate={{@validate}} @validated={{@validated}} as |f|>\n      <div class=\"form-choices\">\n        <div class=\"form-choice\">\n          <span>\n            <Checkbox @value={{asBoolean f.value}} @update={{this.setBooleanValue f.setValue}} @disabled={{@disabled}} id={{f.id}} name={{@name}} {{f.registerElement}} {{manageValidation errorMessageId=f.errorId invalid=f.invalid showErrors=f.showErrors}} ...attributes />\n          </span>\n\n          <div>\n            <Label for={{f.id}}>{{@label}}</Label>\n\n            {{#if @description}}\n              <Description>{{@description}}</Description>\n            {{/if}}\n          </div>\n        </div>\n      </div>\n    </this.Field>\n  ", {
-      strictMode: true,
-      scope: () => ({
-        Checkbox,
-        asBoolean,
-        manageValidation,
-        Label,
-        Description
-      })
-    }), this);
-  }
-}
-
-class CurrencyField extends Component {
-  Field = this.args.Field;
-  setNumberValue = setValue => {
-    return value => setValue(value);
-  };
-  static {
-    setComponentTemplate(precompileTemplate("\n    <this.Field @name={{@name}} @label={{@label}} @description={{@description}} @value={{@value}} @ignoreNativeValidation={{@ignoreNativeValidation}} @validateOn={{@validateOn}} @revalidateOn={{@revalidateOn}} @validate={{@validate}} @validated={{@validated}} as |f|>\n      <CurrencyInput @value={{asNumber f.value}} @update={{this.setNumberValue f.setValue}} @disabled={{@disabled}} name={{@name}} id={{f.id}} {{f.registerElement}} {{manageValidation errorMessageId=f.errorId invalid=f.invalid showErrors=f.showErrors}} ...attributes />\n    </this.Field>\n  ", {
-      strictMode: true,
-      scope: () => ({
-        CurrencyInput,
-        asNumber,
-        manageValidation
-      })
-    }), this);
-  }
-}
-
-class DateField extends Component {
-  Field = this.args.Field;
-  setStringValue = setValue => {
-    return value => setValue(value);
-  };
-  static {
-    setComponentTemplate(precompileTemplate("\n    <this.Field @name={{@name}} @label={{@label}} @description={{@description}} @value={{@value}} @ignoreNativeValidation={{@ignoreNativeValidation}} @validateOn={{@validateOn}} @revalidateOn={{@revalidateOn}} @validate={{@validate}} @validated={{@validated}} as |f|>\n      <DateInput @value={{asString f.value}} @update={{this.setStringValue f.setValue}} @disabled={{@disabled}} name={{@name}} id={{f.id}} {{f.registerElement}} {{manageValidation errorMessageId=f.errorId invalid=f.invalid showErrors=f.showErrors}} ...attributes />\n    </this.Field>\n  ", {
-      strictMode: true,
-      scope: () => ({
-        DateInput,
-        asString,
-        manageValidation
-      })
-    }), this);
-  }
-}
-
-class EmailField extends Component {
-  Field = this.args.Field;
-  setStringValue = setValue => {
-    return value => setValue(value);
-  };
-  static {
-    setComponentTemplate(precompileTemplate("\n    <this.Field @name={{@name}} @label={{@label}} @description={{@description}} @value={{@value}} @ignoreNativeValidation={{@ignoreNativeValidation}} @validateOn={{@validateOn}} @revalidateOn={{@revalidateOn}} @validate={{@validate}} @validated={{@validated}} as |f|>\n      <EmailInput @value={{asString f.value}} @update={{this.setStringValue f.setValue}} @disabled={{@disabled}} name={{@name}} id={{f.id}} {{f.registerElement}} {{manageValidation errorMessageId=f.errorId invalid=f.invalid showErrors=f.showErrors}} ...attributes />\n    </this.Field>\n  ", {
-      strictMode: true,
-      scope: () => ({
-        EmailInput,
-        asString,
-        manageValidation
-      })
-    }), this);
-  }
-}
-
-const ListLabel = setComponentTemplate(precompileTemplate("\n  <Label @element={{element \"span\"}} id={{@id}}>{{yield}}</Label>\n", {
-  strictMode: true,
-  scope: () => ({
-    Label,
-    element
-  })
-}), templateOnly());
-class ListField extends Component {
-  Field = this.args.Field;
-  List = List;
-  setValue = setValue => {
-    return value => setValue(value);
-  };
-  asValue = value => value;
-  static {
-    setComponentTemplate(precompileTemplate("\n    {{#let (uniqueId) as |labelId|}}\n      <this.Field @name={{@name}} @label={{@label}} @labelComponent={{component ListLabel id=labelId}} @description={{@description}} @value={{@value}} @ignoreNativeValidation={{@ignoreNativeValidation}} @validateOn={{@validateOn}} @revalidateOn={{@revalidateOn}} @validate={{@validate}} @validated={{@validated}} as |f|>\n        <this.List @value={{this.asValue f.value}} @update={{this.setValue f.setValue}} @disabled={{@disabled}} {{!-- name={{@name}} --}} aria-labelledby={{labelId}} {{f.registerElement}} {{manageValidation errorMessageId=f.errorId invalid=f.invalid}} ...attributes as |s|>\n          {{yield s}}\n        </this.List>\n      </this.Field>\n    {{/let}}\n  ", {
-      strictMode: true,
-      scope: () => ({
-        uniqueId,
-        ListLabel,
-        manageValidation
-      })
-    }), this);
-  }
-}
-
-let Option$1 = class Option extends Component {
-  select = checked => {
-    if (checked) {
-      this.args.field.setValue([...(this.args.field.value ?? []), this.args.value]);
-    } else {
-      const values = this.args.field.value;
-      const index = this.args.field.value?.indexOf(this.args.value);
-      if (Array.isArray(values) && index) {
-        values.splice(index, 1);
-        this.args.field.setValue(values);
-      }
-    }
-  };
-  get checked() {
-    return this.args.field.value?.includes(this.args.value);
-  }
-  get issues() {
-    return this.args.field.issues.filter(i => 'value' in i && i.value === this.args.value);
-  }
-  get invalid() {
-    return this.issues.length > 0;
-  }
-  static {
-    setComponentTemplate(precompileTemplate("\n    {{#let (uniqueId) (uniqueId) as |id errorId|}}\n      <div class=\"form-choice\" data-test-option>\n        <span>\n          <Checkbox @value={{this.checked}} @update={{this.select}} @disabled={{@disabled}} id={{id}} name={{@name}} value={{@value}} {{@field.registerElement}} {{manageValidation errorMessageId=errorId invalid=this.invalid}} ...attributes />\n        </span>\n\n        <div>\n          <Label for={{id}}>{{@label}}</Label>\n\n          {{#if @description}}\n            <Description>{{@description}}</Description>\n          {{/if}}\n\n          {{yield}}\n\n          {{#if this.issues}}\n            <Errors @id={{errorId}} @errors={{this.issues}} />\n          {{/if}}\n\n        </div>\n      </div>\n    {{/let}}\n  ", {
-      strictMode: true,
-      scope: () => ({
-        uniqueId,
-        Checkbox,
-        manageValidation,
-        Label,
-        Description,
-        Errors
-      })
-    }), this);
-  }
-};
-class MultipleChoiceField extends Component {
-  Field = this.args.Field;
-  Option = Option$1;
-  asMultiField = field => {
-    return field;
-  };
-  static {
-    setComponentTemplate(precompileTemplate("\n    <this.Field @element={{element \"fieldset\"}} @showErrors={{false}} @labelComponent={{component Label element=(element \"legend\")}} @name={{@name}} @label={{@label}} @description={{@description}} @value={{@value}} @ignoreNativeValidation={{@ignoreNativeValidation}} @validateOn={{@validateOn}} @revalidateOn={{@revalidateOn}} @validate={{@validate}} @validated={{@validated}} as |f|>\n      <div class=\"form-choices\" data-test-choices>\n        {{yield (hash Option=(component this.Option field=(this.asMultiField f) name=@name disabled=@disabled))}}\n      </div>\n    </this.Field>\n  ", {
-      strictMode: true,
-      scope: () => ({
-        element,
-        Label,
-        hash
-      })
-    }), this);
-  }
-}
-
-class NumberField extends Component {
-  Field = this.args.Field;
-  setNumberValue = setValue => {
-    return value => setValue(value);
-  };
-  static {
-    setComponentTemplate(precompileTemplate("\n    <this.Field @name={{@name}} @label={{@label}} @description={{@description}} @value={{@value}} @ignoreNativeValidation={{@ignoreNativeValidation}} @validateOn={{@validateOn}} @revalidateOn={{@revalidateOn}} @validate={{@validate}} @validated={{@validated}} as |f|>\n      <NumberInput @value={{asNumber f.value}} @update={{this.setNumberValue f.setValue}} @disabled={{@disabled}} name={{@name}} id={{f.id}} {{f.registerElement}} {{manageValidation errorMessageId=f.errorId invalid=f.invalid showErrors=f.showErrors}} ...attributes />\n    </this.Field>\n  ", {
-      strictMode: true,
-      scope: () => ({
-        NumberInput,
-        asNumber,
-        manageValidation
-      })
-    }), this);
-  }
-}
-
-class PasswordField extends Component {
-  Field = this.args.Field;
-  setStringValue = setValue => {
-    return value => setValue(value);
-  };
-  static {
-    setComponentTemplate(precompileTemplate("\n    <this.Field @name={{@name}} @label={{@label}} @description={{@description}} @value={{@value}} @ignoreNativeValidation={{@ignoreNativeValidation}} @validateOn={{@validateOn}} @revalidateOn={{@revalidateOn}} @validate={{@validate}} @validated={{@validated}} as |f|>\n      <PasswordInput @value={{asString f.value}} @update={{this.setStringValue f.setValue}} @disabled={{@disabled}} name={{@name}} id={{f.id}} {{f.registerElement}} {{manageValidation errorMessageId=f.errorId invalid=f.invalid showErrors=f.showErrors}} ...attributes />\n\n      {{#if (has-block \"rules\")}}\n        <f.Rules as |Rule|>\n          {{yield Rule to=\"rules\"}}\n        </f.Rules>\n      {{/if}}\n    </this.Field>\n  ", {
-      strictMode: true,
-      scope: () => ({
-        PasswordInput,
-        asString,
-        manageValidation
-      })
-    }), this);
-  }
-}
-
-class PhoneField extends Component {
-  Field = this.args.Field;
-  setStringValue = setValue => {
-    return value => setValue(value);
-  };
-  static {
-    setComponentTemplate(precompileTemplate("\n    <this.Field @name={{@name}} @label={{@label}} @description={{@description}} @value={{@value}} @ignoreNativeValidation={{@ignoreNativeValidation}} @validateOn={{@validateOn}} @revalidateOn={{@revalidateOn}} @validate={{@validate}} @validated={{@validated}} as |f|>\n      <PhoneInput @value={{asString f.value}} @update={{this.setStringValue f.setValue}} @disabled={{@disabled}} name={{@name}} id={{f.id}} {{f.registerElement}} {{manageValidation errorMessageId=f.errorId invalid=f.invalid showErrors=f.showErrors}} ...attributes />\n\n      {{#if (has-block \"rules\")}}\n        <f.Rules as |Rule|>\n          {{yield Rule to=\"rules\"}}\n        </f.Rules>\n      {{/if}}\n    </this.Field>\n  ", {
-      strictMode: true,
-      scope: () => ({
-        PhoneInput,
-        asString,
-        manageValidation
-      })
-    }), this);
-  }
-}
-
-class RangeField extends Component {
-  Field = this.args.Field;
-  setNumberValue = setValue => {
-    return value => setValue(value);
-  };
-  static {
-    setComponentTemplate(precompileTemplate("\n    <this.Field @name={{@name}} @label={{@label}} @description={{@description}} @value={{@value}} @ignoreNativeValidation={{@ignoreNativeValidation}} @validateOn={{@validateOn}} @revalidateOn={{@revalidateOn}} @validate={{@validate}} @validated={{@validated}} as |f|>\n      <RangeInput @value={{asNumber f.value}} @update={{this.setNumberValue f.setValue}} @disabled={{@disabled}} @orientation={{@orientation}} @min={{@min}} @max={{@max}} @step={{@step}} name={{@name}} id={{f.id}} {{f.registerElement}} {{manageValidation errorMessageId=f.errorId invalid=f.invalid showErrors=f.showErrors}} ...attributes />\n    </this.Field>\n  ", {
-      strictMode: true,
-      scope: () => ({
-        RangeInput,
-        asNumber,
-        manageValidation
-      })
-    }), this);
-  }
-}
-
-class SelectField extends Component {
-  Field = this.args.Field;
-  setValue = setValue => {
-    return value => setValue(value);
-  };
-  static {
-    setComponentTemplate(precompileTemplate("\n    <this.Field @name={{@name}} @label={{@label}} @description={{@description}} @value={{@value}} @ignoreNativeValidation={{@ignoreNativeValidation}} @validateOn={{@validateOn}} @revalidateOn={{@revalidateOn}} @validate={{@validate}} @validated={{@validated}} as |f|>\n      <Select @value={{asString f.value}} @update={{this.setValue f.setValue}} @disabled={{@disabled}} name={{@name}} id={{f.id}} {{f.registerElement}} {{manageValidation errorMessageId=f.errorId invalid=f.invalid showErrors=f.showErrors}} ...attributes as |s|>\n        {{yield s}}\n      </Select>\n    </this.Field>\n  ", {
-      strictMode: true,
-      scope: () => ({
-        Select,
-        asString,
-        manageValidation
-      })
-    }), this);
-  }
-}
-
-class Option extends Component {
-  select = () => {
-    this.args.field.setValue(this.args.value);
-  };
-  static {
-    setComponentTemplate(precompileTemplate("\n    {{#let (uniqueId) as |id|}}\n      <div class=\"form-choice\" data-test-option>\n        <span>\n          <Radio @value={{eq @field.value @value}} @update={{this.select}} @disabled={{@disabled}} id={{id}} name={{@name}} value={{@value}} {{@field.registerElement}} ...attributes />\n        </span>\n\n        <div>\n          <Label for={{id}}>{{@label}}</Label>\n\n          {{#if @description}}\n            <Description>{{@description}}</Description>\n          {{/if}}\n\n          {{yield}}\n        </div>\n      </div>\n    {{/let}}\n  ", {
-      strictMode: true,
-      scope: () => ({
-        uniqueId,
-        Radio,
-        eq,
-        Label,
-        Description
-      })
-    }), this);
-  }
-}
-class SingularChoiceField extends Component {
-  Field = this.args.Field;
-  Option = Option;
-  static {
-    setComponentTemplate(precompileTemplate("\n    <this.Field @element={{element \"fieldset\"}} @labelComponent={{component Label element=(element \"legend\")}} @name={{@name}} @label={{@label}} @description={{@description}} @value={{@value}} @ignoreNativeValidation={{@ignoreNativeValidation}} @validateOn={{@validateOn}} @revalidateOn={{@revalidateOn}} @validate={{@validate}} @validated={{@validated}} as |f|>\n      <div class=\"form-choices\" data-test-choices>\n        {{yield (hash Option=(component this.Option field=f name=@name disabled=@disabled))}}\n      </div>\n    </this.Field>\n  ", {
-      strictMode: true,
-      scope: () => ({
-        element,
-        Label,
-        hash
-      })
-    }), this);
-  }
-}
-
-class TextField extends Component {
-  Field = this.args.Field;
-  setStringValue = setValue => {
-    return value => setValue(value);
-  };
-  static {
-    setComponentTemplate(precompileTemplate("\n    <@Field @name={{@name}} @label={{@label}} @description={{@description}} @value={{@value}} @ignoreNativeValidation={{@ignoreNativeValidation}} @validateOn={{@validateOn}} @revalidateOn={{@revalidateOn}} @validate={{@validate}} @validated={{@validated}} as |f|>\n      <TextInput @value={{asString f.value}} @update={{this.setStringValue f.setValue}} @disabled={{@disabled}} name={{@name}} id={{f.id}} {{f.registerElement}} {{manageValidation errorMessageId=f.errorId invalid=f.invalid showErrors=f.showErrors}} ...attributes />\n\n      {{#if (has-block \"rules\")}}\n        <f.Rules as |Rule|>\n          {{yield Rule to=\"rules\"}}\n        </f.Rules>\n      {{/if}}\n    </@Field>\n  ", {
-      strictMode: true,
-      scope: () => ({
-        TextInput,
-        asString,
-        manageValidation
-      })
-    }), this);
-  }
-}
-
-class TextAreaField extends Component {
-  Field = this.args.Field;
-  setStringValue = setValue => {
-    return value => setValue(value);
-  };
-  static {
-    setComponentTemplate(precompileTemplate("\n    <this.Field @name={{@name}} @label={{@label}} @description={{@description}} @value={{@value}} @ignoreNativeValidation={{@ignoreNativeValidation}} @validateOn={{@validateOn}} @revalidateOn={{@revalidateOn}} @validate={{@validate}} @validated={{@validated}} as |f|>\n      <TextArea @value={{asString f.value}} @update={{this.setStringValue f.setValue}} @disabled={{@disabled}} name={{@name}} id={{f.id}} {{f.registerElement}} {{manageValidation errorMessageId=f.errorId invalid=f.invalid showErrors=f.showErrors}} ...attributes />\n    </this.Field>\n  ", {
-      strictMode: true,
-      scope: () => ({
-        TextArea,
-        asString,
-        manageValidation
-      })
-    }), this);
-  }
-}
-
-const Reset = setComponentTemplate(precompileTemplate("\n  <button type=\"reset\" class=\"button\" data-intent={{if @intent @intent \"action\"}} data-importance={{if @importance @importance \"supreme\"}} data-spacing={{@spacing}} {{disabled when=(if @disabled @disabled false)}} data-test-button ...attributes>\n    {{#if (has-block \"before\")}}\n      <span data-test-button=\"before\">\n        {{yield to=\"before\"}}\n      </span>\n    {{/if}}\n\n    <span data-test-button=\"label\">\n      {{#if (has-block \"label\")}}\n        {{yield to=\"label\"}}\n      {{/if}}\n\n      {{#if (has-block)}}\n        {{yield}}\n      {{/if}}\n    </span>\n\n    {{#if (has-block \"after\")}}\n      <span data-test-button=\"after\">\n        {{yield to=\"after\"}}\n      </span>\n    {{/if}}\n  </button>\n", {
-  strictMode: true,
-  scope: () => ({
-    disabled
-  })
-}), templateOnly());
-
-const Submit = setComponentTemplate(precompileTemplate("\n  <button type=\"submit\" class=\"button\" data-intent={{if @intent @intent \"action\"}} data-importance={{if @importance @importance \"supreme\"}} data-spacing={{@spacing}} {{disabled when=(if @disabled @disabled false)}} data-test-button ...attributes>\n    {{#if (has-block \"before\")}}\n      <span data-test-button=\"before\">\n        {{yield to=\"before\"}}\n      </span>\n    {{/if}}\n\n    <span data-test-button=\"label\">\n      {{#if (has-block \"label\")}}\n        {{yield to=\"label\"}}\n      {{/if}}\n\n      {{#if (has-block)}}\n        {{yield}}\n      {{/if}}\n    </span>\n\n    {{#if (has-block \"after\")}}\n      <span data-test-button=\"after\">\n        {{yield to=\"after\"}}\n      </span>\n    {{/if}}\n  </button>\n", {
-  strictMode: true,
-  scope: () => ({
-    disabled
-  })
-}), templateOnly());
-
-class Form extends Component {
-  Field = Field;
-  CheckboxField = CheckboxField;
-  CurrencyField = CurrencyField;
-  DateField = DateField;
-  EmailField = EmailField;
-  ListField = ListField;
-  MultipleChoiceField = MultipleChoiceField;
-  NumberField = NumberField;
-  PasswordField = PasswordField;
-  PhoneField = PhoneField;
-  RangeField = RangeField;
-  SelectField = SelectField;
-  SingularChoiceField = SingularChoiceField;
-  TextAreaField = TextAreaField;
-  TextField = TextField;
-  static {
-    setComponentTemplate(precompileTemplate("\n    {{#let (createForm data=@data ignoreNativeValidation=@ignoreNativeValidation validateOn=@validateOn revalidateOn=@revalidateOn submit=@submit validate=@validate validated=@validated) as |f|}}\n      <form novalidate class=\"form\" data-test-form ...attributes {{f.registerElement}}>\n        {{#let (component this.Field form=f) as |WiredField|}}\n          {{yield (hash invalid=f.invalid submit=f.submit Field=WiredField Checkbox=(component this.CheckboxField Field=WiredField) Currency=(component this.CurrencyField Field=WiredField) Date=(component this.DateField Field=WiredField) Email=(component this.EmailField Field=WiredField) List=(component this.ListField Field=WiredField) MultipleChoice=(component this.MultipleChoiceField Field=WiredField) Number=(component this.NumberField Field=WiredField) Password=(component this.PasswordField Field=WiredField) Phone=(component this.PhoneField Field=WiredField) Range=(component this.RangeField Field=WiredField) Select=(component this.SelectField Field=WiredField) SingularChoice=(component this.SingularChoiceField Field=WiredField) TextArea=(component this.TextAreaField Field=WiredField) Text=(component this.TextField Field=WiredField) Submit=Submit Reset=Reset form=f)}}\n        {{/let}}\n      </form>\n    {{/let}}\n  ", {
-      strictMode: true,
-      scope: () => ({
-        createForm,
-        hash,
-        Submit,
-        Reset
-      })
-    }), this);
-  }
-}
-
-export { Form as F };
-//# sourceMappingURL=form-CXvWQbiY.js.map

package/dist/icon-rlG6O1ps.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"icon-rlG6O1ps.js","sources":["../src/components/graphics/icon.gts"],"sourcesContent":["import { htmlSafe } from '@ember/template';\n\nimport type { TOC } from '@ember/component/template-only';\nimport type { ComponentLike } from '@glint/template';\n\nexport interface IconSignature {\n  Element: HTMLSpanElement;\n  Args: {\n    /**\n     * An icon (to be rendered as component)\n     *\n     * Make sure to use `currentColor` to comply with the styling\n     */\n    icon: string | ComponentLike;\n  };\n}\n\nfunction isString(icon: string | ComponentLike) {\n  return typeof icon === 'string';\n}\n\nexport const Icon: TOC<IconSignature> = <template>\n  <span class=\"icon\" data-test-icon ...attributes>\n    {{#if (isString @icon)}}\n      {{htmlSafe @icon}}\n    {{else}}\n      {{@icon}}\n    {{/if}}\n  </span>\n</template>;\n"],"names":["isString","icon","Icon","setComponentTemplate","precompileTemplate","strictMode","scope","htmlSafe","templateOnly"],"mappings":";;;;;AAiBA,SAASA,QAAAA,CAASC,IAA4B,EAAA;EAC5C,OAAO,OAAOA,IAAA,KAAS,QAAA;AACzB;MAEaC,IAAU,GAAAC,oBAAA,CAAiBC,kBAAA,CAAA,yKAAA,EAQxC;EAAAC,UAAA,EAAA,IAAA;AAAAC,EAAAA,KAAA,EAAAA,OAAA;IAAAN,QAAA;AAAAO,IAAAA;AAAA,GAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA;;;;"}

package/dist/input-builder-C6GkddCw.js

@@ -1,18 +0,0 @@
-import { hash } from '@ember/helper';
-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=\"input-{{@identity}}\" 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=\"input-builder\" aria-disabled={{if @disabled \"true\"}} data-spacing={{@spacing}} data-input-builder data-test-input-builder>\n    {{yield (hash Prefix=(component Affix identity=\"prefix\") Affix=(component Affix identity=\"affix\") Suffix=(component Affix identity=\"suffix\"))}}\n  </span>\n", {
-  strictMode: true,
-  scope: () => ({
-    hash,
-    Affix
-  })
-}), templateOnly());
-
-export { InputBuilder as I };
-//# sourceMappingURL=input-builder-C6GkddCw.js.map

package/dist/menu-DCDUaqYZ.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"menu-DCDUaqYZ.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 { TrackedArray } from 'tracked-built-ins';\n\nimport disabled from '../../-private/modifiers/disabled.ts';\nimport { PushElement } from '../../-private/push.gts';\nimport { popover } from '../../helpers/popover.ts';\n\nimport type { MenuItemArgs, MenuItemBlocks, MenuItemElement } from './-menu.gts';\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    // eslint-disable-next-line @typescript-eslint/no-unsafe-call\n    args.registerItem(this);\n\n    registerDestructor(this, () => {\n      // eslint-disable-next-line @typescript-eslint/no-unsafe-call\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      <PushElement\n        @push={{@push}}\n        @href={{@href}}\n        {{disabled when=(if @disabled @disabled false)}}\n        role=\"menuitem\"\n      >\n        {{~yield~}}\n      </PushElement>\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=\"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","PushElement","g","prototype","service","i","void 0","tracked","TrackedArray","hideInSSR","fastboot","isFastBoot","item","next","items","push","splice","indexOf","htmlSafe","ariaMenu","hash"],"mappings":";;;;;;;;;;;;;;;;AAmCA;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;AAEb;AACAA,IAAAA,IAAA,CAAKC,YAAY,CAAC,IAAI,CAAA;IAEtBC,kBAAA,CAAmB,IAAI,EAAE,MAAA;AACvB;AACAF,MAAAA,IAAA,CAAKG,cAAc,CAAC,IAAI,CAAA;AAC1B,IAAA,CAAA,CAAA;AACF,EAAA;AAEA,EAAA;IAAAC,oBAAA,CAAAC,kBAAA,CAAA,2kBAAA,EA2BA;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,uSAAA,EAgBA;MAAAC,UAAA,EAAA,IAAA;AAAAC,MAAAA,KAAA,EAAAA,OAAA;QAAAqB,QAAA;QAAAC,QAAA;QAAAC,IAAA;AAAAlC,QAAAA;AAAA,OAAA;KAAU,CAAA,EAAV,IAAW,CAAA;AAAD;AACZ;;;;"}

package/dist/nav-link-DL59IUt0.js

@@ -1,22 +0,0 @@
-import { P as PushElement } from './push-DnJFFc_p.js';
-import { I as Icon } from './icon-rlG6O1ps.js';
-import { precompileTemplate } from '@ember/template-compilation';
-import { setComponentTemplate } from '@ember/component';
-import templateOnly from '@ember/component/template-only';
-
-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  <PushElement @push={{@push}} @href={{@href}} part=\"item\" ...attributes>\n    <MaybeIcon @icon={{@icon}} />\n    {{yield}}\n  </PushElement>\n", {
-  strictMode: true,
-  scope: () => ({
-    PushElement,
-    MaybeIcon
-  })
-}), templateOnly());
-
-export { NavLink as N };
-//# sourceMappingURL=nav-link-DL59IUt0.js.map

package/dist/page-DNrVa_Zo.js

@@ -1,19 +0,0 @@
-import { element } from 'ember-element-helper';
-import { o as or } from './helpers-D4So5-uK.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=\"page\" {{pageDestructor}} ...attributes data-test-page>\n      {{#if (or @title @description (has-block \"title\") (has-block \"description\") (has-block \"nav\"))}}\n        <header class=\"page-content\">\n          <h1 class=\"typography-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=\"page-content 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,
-    pageDestructor: PageDestructor,
-    or
-  })
-}), templateOnly());
-
-export { Page as P };
-//# sourceMappingURL=page-DNrVa_Zo.js.map

package/dist/push-DnJFFc_p.js

@@ -1,24 +0,0 @@
-import { on } from '@ember/modifier';
-import { CommandElement } from 'ember-command';
-import { element } from 'ember-element-helper';
-import { link, Link } from 'ember-link';
-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 PushElement = setComponentTemplate(precompileTemplate("\n  {{#if @href}}\n    {{#let (link @href) as |l|}}\n      <a href={{l.url}} {{on \"click\" l.open}} aria-current=\"{{if (isActive l) \"page\"}}\" ...attributes>\n        {{yield}}\n      </a>\n    {{/let}}\n  {{else if @push}}\n    <CommandElement @element={{@element}} @command={{@push}} aria-current=\"{{if (isActive @push) \"page\"}}\" ...attributes>\n      {{yield}}\n    </CommandElement>\n  {{else}}\n    {{#let (if @element @element (element \"span\")) as |Element|}}\n      <Element ...attributes>\n        {{yield}}\n      </Element>\n    {{/let}}\n  {{/if}}\n", {
-  strictMode: true,
-  scope: () => ({
-    link,
-    isActive,
-    on,
-    CommandElement,
-    element
-  })
-}), templateOnly());
-
-export { PushElement as P, isActive as i };
-//# sourceMappingURL=push-DnJFFc_p.js.map

package/dist/sectioned-page-D9Xxr97R.js

@@ -1,21 +0,0 @@
-import { element } from 'ember-element-helper';
-import { o as or } from './helpers-D4So5-uK.js';
-import { N as NavLink } from './nav-link-DL59IUt0.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 SectionedPage = setComponentTemplate(precompileTemplate("\n  {{#let (if @element @element (element (pageElement))) as |Element|}}\n    <Element class=\"sectioned-page\" {{pageDestructor}} ...attributes data-test-page>\n      {{#if (or @title @description (has-block \"title\") (has-block \"description\") (has-block \"nav\"))}}\n        <header class=\"page-content\">\n          <h1 class=\"typography-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\n          {{#if (has-block \"nav\")}}\n            <nav>\n              {{yield NavLink to=\"nav\"}}\n            </nav>\n          {{/if}}\n        </header>\n      {{/if}}\n\n      <div class=\"page-content 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,
-    pageDestructor: PageDestructor,
-    or,
-    NavLink
-  })
-}), templateOnly());
-
-export { SectionedPage as S };
-//# sourceMappingURL=sectioned-page-D9Xxr97R.js.map

package/dist/sectioned-page-D9Xxr97R.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"sectioned-page-D9Xxr97R.js","sources":["../src/components/layouts/sectioned-page.gts"],"sourcesContent":["import { element } from 'ember-element-helper';\n\nimport { or } from '../../-private/helpers.ts';\nimport { NavLink } from '../navigation/nav-link.gts';\nimport { pageDestructor, pageElement } from './pages.ts';\n\nimport type { TOC } from '@ember/component/template-only';\nimport type { ComponentLike } from '@glint/template';\n\ninterface SectionedPageSignature {\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    nav?: [typeof NavLink];\n    content?: [];\n    default?: [];\n  };\n}\n\nexport const SectionedPage: TOC<SectionedPageSignature> = <template>\n  {{#let (if @element @element (element (pageElement))) as |Element|}}\n    <Element class=\"sectioned-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=\"page-content\">\n          <h1 class=\"typography-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\n          {{#if (has-block \"nav\")}}\n            <nav>\n              {{yield NavLink to=\"nav\"}}\n            </nav>\n          {{/if}}\n        </header>\n      {{/if}}\n\n      <div class=\"page-content 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":["SectionedPage","setComponentTemplate","precompileTemplate","strictMode","scope","element","pageElement","pageDestructor","or","NavLink","templateOnly"],"mappings":";;;;;;;;MAyBaA,aAAmB,GAAAC,oBAAA,CAA0BC,kBAAA,CAAA,+vCAAA,EA0C1D;EAAAC,UAAA,EAAA,IAAA;AAAAC,EAAAA,KAAA,EAAAA,OAAA;IAAAC,OAAA;iBAAAC,WAAA;oBAAAC,cAAA;IAAAC,EAAA;AAAAC,IAAAA;AAAA,GAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA;;;;"}