@foxy.io/elements 1.21.4 → 1.21.5

package/dist/elements/private/Choice/Choice.js.map

@@ -1 +1 @@
-{"version":3,"file":"Choice.js","sourceRoot":"","sources":["../../../../src/elements/private/Choice/Choice.ts"],"names":[],"mappings":"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","sourcesContent":["import '@polymer/iron-icon';\nimport '@vaadin/vaadin-lumo-styles/icons';\nimport '@vaadin/vaadin-text-field/vaadin-integer-field';\nimport '@vaadin/vaadin-text-field/vaadin-text-area';\nimport '@vaadin/vaadin-text-field/vaadin-text-field';\n\nimport { CSSResultArray, PropertyDeclarations, TemplateResult, css, html } from 'lit-element';\n\nimport { AttributePart } from 'lit-html';\nimport { ChoiceChangeEvent } from './ChoiceChangeEvent';\nimport { FrequencyInput } from '../FrequencyInput/FrequencyInput';\nimport { ScopedElementsMap } from '@open-wc/scoped-elements';\nimport { Translatable } from '../../../mixins/translatable';\nimport { interpret } from 'xstate';\nimport { machine } from './machine';\nimport { spread } from '@open-wc/lit-helpers/src/spread';\n\nconst VALUE_OTHER = `@foxy.io/elements::other[${(Math.pow(10, 10) * Math.random()).toFixed(0)}]`;\n\nfunction radio(\n  readonly: boolean,\n  disabled: boolean,\n  checked: boolean,\n  attrs: (part: AttributePart) => void,\n  label: TemplateResult\n) {\n  const enabledBg = checked ? 'bg-primary' : 'bg-contrast-20 group-hover-bg-contrast-30';\n  const disabledBg = checked ? 'bg-primary-50' : 'bg-contrast-10';\n  const scale = checked ? 'scale-100' : 'scale-0';\n  const color = disabled ? 'text-disabled' : readonly ? 'text-secondary' : 'text-body';\n  const ease = 'transition ease-in-out duration-200';\n  const dotBg = readonly ? 'bg-contrast-70' : 'bg-tint';\n  const dot = `${ease} ${disabled || readonly ? '' : 'shadow-xs'} transform ${scale} ${dotBg}`;\n  const bg = readonly ? '' : disabled ? disabledBg : enabledBg;\n  const border = `border ${readonly ? 'border-dashed border-contrast-30' : 'border-transparent'}`;\n\n  return html`\n    <label class=\"group flex items-center ${disabled || readonly ? '' : 'cursor-pointer'}\">\n      <div class=\"item flex items-center justify-center flex-shrink-0\">\n        <div class=\"flex radio rounded-full ${border} ${ease} ${bg} focus-within-shadow-outline\">\n          <div class=\"dot m-auto rounded-full ${dot}\"></div>\n          <input type=\"radio\" class=\"sr-only\" .checked=${checked} ...=${attrs} />\n        </div>\n      </div>\n      <div class=\"font-lumo leading-m ${color}\">${label}</div>\n    </label>\n  `;\n}\n\nfunction check(\n  readonly: boolean,\n  disabled: boolean,\n  checked: boolean,\n  attrs: (part: AttributePart) => void,\n  label: TemplateResult\n) {\n  const enabledBg = checked ? 'bg-primary' : 'bg-contrast-20 group-hover-bg-contrast-30';\n  const disabledBg = checked ? 'bg-primary-50' : 'bg-contrast-10';\n  const scale = checked ? 'scale-100' : 'scale-0';\n  const color = disabled ? 'text-disabled' : readonly ? 'text-secondary' : 'text-body';\n  const ease = 'transition ease-in-out duration-200';\n  const dot = `${ease} transform ${scale} ${readonly ? 'text-contrast-70' : 'text-tint'}`;\n  const bg = readonly ? '' : disabled ? disabledBg : enabledBg;\n  const border = `border ${readonly ? 'border-dashed border-contrast-30' : 'border-transparent'}`;\n\n  return html`\n    <label class=\"group flex items-center ${disabled || readonly ? '' : 'cursor-pointer'}\">\n      <div class=\"item flex items-center justify-center flex-shrink-0 text-primary-contrast\">\n        <div class=\"check rounded-s ${border} ${ease} ${bg} focus-within-shadow-outline\">\n          <iron-icon icon=\"lumo:checkmark\" class=\"block w-full h-full ${dot}\"></iron-icon>\n          <input type=\"checkbox\" class=\"sr-only\" .checked=${checked} ...=${attrs} />\n        </div>\n      </div>\n      <div class=\"font-lumo leading-m ${color}\">${label}</div>\n    </label>\n  `;\n}\n\nexport class Choice extends Translatable {\n  public static get scopedElements(): ScopedElementsMap {\n    return {\n      'vaadin-integer-field': customElements.get('vaadin-integer-field'),\n      'vaadin-text-field': customElements.get('vaadin-text-field'),\n      'x-frequency-input': FrequencyInput,\n      'vaadin-text-area': customElements.get('vaadin-text-area'),\n      'iron-icon': customElements.get('iron-icon'),\n    };\n  }\n\n  public static get styles(): CSSResultArray {\n    return [\n      super.styles,\n      css`\n        :host {\n          --item-width: calc((var(--lumo-space-m) * 2) + 1.25rem);\n        }\n        .ml-xxl {\n          margin-left: var(--item-width);\n        }\n        .item {\n          height: var(--lumo-size-l);\n          width: var(--item-width);\n        }\n        .radio {\n          height: 1.25rem;\n          width: 1.25rem;\n        }\n        .check {\n          height: 1.125rem;\n          width: 1.125rem;\n        }\n        .dot {\n          height: 0.5rem;\n          width: 0.5rem;\n        }\n      `,\n    ];\n  }\n\n  public static get properties(): PropertyDeclarations {\n    return {\n      ...super.properties,\n      defaultCustomValue: { type: String, attribute: 'default-custom-value' },\n      disabled: { type: Boolean },\n      readonly: { type: Boolean },\n      custom: { type: Boolean },\n      type: { type: String },\n      min: { type: Number },\n      max: { type: Number },\n      value: { type: Array },\n      items: { type: Array },\n      getText: { attribute: false },\n    };\n  }\n\n  public getText: (value: string) => string = v => v;\n\n  private __service = interpret(machine)\n    .onChange(() => this.requestUpdate())\n    .onTransition(({ changed }) => changed && this.requestUpdate())\n    .start();\n\n  public get defaultCustomValue(): string {\n    return this.__service.state.context.defaultCustomValue;\n  }\n\n  public set defaultCustomValue(data: string) {\n    this.__service.send('SET_DEFAULT_CUSTOM_VALUE', { data });\n  }\n\n  public get readonly(): boolean {\n    return this.__service.state.matches('mutability.readonly');\n  }\n\n  public set readonly(data: boolean) {\n    this.__service.send('SET_READONLY', { data });\n  }\n\n  public get disabled(): boolean {\n    return this.__service.state.matches('interactivity.disabled');\n  }\n\n  public set disabled(data: boolean) {\n    this.__service.send('SET_DISABLED', { data });\n  }\n\n  public get custom(): boolean {\n    return this.__service.state.matches('extension.present');\n  }\n\n  public set custom(data: boolean) {\n    this.__service.send('SET_CUSTOM', { data });\n  }\n\n  public get type(): 'text' | 'textarea' | 'integer' | 'frequency' {\n    return this.__service.state.context.type;\n  }\n\n  public set type(data: 'text' | 'textarea' | 'integer' | 'frequency') {\n    this.__service.send('SET_TYPE', { data });\n  }\n\n  public get min(): number | null {\n    return this.__service.state.context.min;\n  }\n\n  public set min(data: number | null) {\n    this.__service.send('SET_MIN', { data });\n  }\n\n  public get max(): number | null {\n    return this.__service.state.context.max;\n  }\n\n  public set max(data: number | null) {\n    this.__service.send('SET_MAX', { data });\n  }\n\n  public get value(): null | string | string[] {\n    return this.__service.state.context.value;\n  }\n\n  public set value(data: null | string | string[]) {\n    this.__service.send('SET_VALUE', { data });\n  }\n\n  public get items(): string[] {\n    return this.__service.state.context.items;\n  }\n\n  public set items(data: string[]) {\n    this.__service.send('SET_ITEMS', { data });\n  }\n\n  public render(): TemplateResult {\n    const items = this.custom ? [...this.items, VALUE_OTHER] : this.items;\n    const multiple = Array.isArray(this.value);\n    const otherChecked = this.__service.state.matches('extension.present.selected');\n\n    const children = html`\n      ${items.map((item, index, array) => {\n        const other = this.custom && index === array.length - 1;\n        const checked = other\n          ? otherChecked\n          : multiple\n          ? !!this.value?.includes(item)\n          : item === String(this.value);\n        const disabled = this.disabled || !this._isI18nReady;\n        const attributes = spread({\n          'value': other ? VALUE_OTHER : item,\n          'name': multiple ? item : 'choice',\n          'data-testid': `item-${item}`,\n          '?disabled': disabled,\n          '@change': (evt: Event) => {\n            if (this.readonly) return evt.preventDefault();\n\n            const checked = (evt.target as HTMLInputElement).checked;\n            const newItem = item === VALUE_OTHER ? this.defaultCustomValue : item;\n            const value = this.value;\n\n            if (Array.isArray(value)) {\n              if (item === VALUE_OTHER) {\n                this.value = checked ? [...value, newItem] : value.slice(0, value.length - 1);\n              } else {\n                this.value = checked ? [newItem, ...value] : value.filter(v => v !== newItem);\n              }\n            } else {\n              this.value = checked ? newItem : null;\n            }\n\n            this.dispatchEvent(new ChoiceChangeEvent(this.value));\n          },\n        });\n        const label = html`\n          <div>\n            ${item === VALUE_OTHER\n              ? this._t('choice.other').toString()\n              : html`<slot name=${`${item}-label`}>${this.getText(item)}</slot>`}\n          </div>\n        `;\n        return html`\n          <div class=\"ml-xxl border-t border-contrast-10 ${index ? '' : 'hidden'}\"></div>\n          ${multiple\n            ? check(this.readonly, disabled, checked, attributes, label)\n            : radio(this.readonly, disabled, checked, attributes, label)}\n          <div class=\"mr-m ml-xxl\">\n            ${item === VALUE_OTHER && otherChecked ? this.__field : ''}\n            ${item !== VALUE_OTHER ? html`<slot name=${item}></slot>` : ''}\n          </div>\n        `;\n      })}\n    `;\n\n    return html`<form>${children}</form> `;\n  }\n\n  private get __field() {\n    const handleInput = (evt: Event) => {\n      evt.stopPropagation();\n      const customValue = (evt.target as HTMLInputElement).value;\n\n      if (Array.isArray(this.value)) {\n        this.value = this.value.slice(0, this.value.length - 1).concat(customValue);\n      } else {\n        this.value = customValue;\n      }\n\n      this.dispatchEvent(new ChoiceChangeEvent(this.value));\n    };\n\n    const attributes = spread({\n      'placeholder': this._t('choice.other').toString(),\n      'class': 'w-full mb-m',\n      'value': this.__service.state.context.customValue,\n      'max': this.max,\n      'min': this.min,\n      'ns': this.ns,\n      '?disabled': this.disabled,\n      '?readonly': this.readonly,\n      'data-testid': 'field',\n      '@change': handleInput,\n    });\n\n    if (this.type === 'frequency') {\n      return html`<x-frequency-input ...=${attributes}></x-frequency-input>`;\n    } else if (this.type === 'integer') {\n      return html`<vaadin-integer-field ...=${attributes} has-controls></vaadin-integer-field>`;\n    } else if (this.type === 'textarea') {\n      return html`<vaadin-text-area ...=${attributes}></vaadin-text-area>`;\n    } else {\n      return html`<vaadin-text-field ...=${attributes}></vaadin-text-field>`;\n    }\n  }\n}\n"]}
+{"version":3,"file":"Choice.js","sourceRoot":"","sources":["../../../../src/elements/private/Choice/Choice.ts"],"names":[],"mappings":"AAAA,OAAO,oBAAoB,CAAC;AAC5B,OAAO,kCAAkC,CAAC;AAC1C,OAAO,gDAAgD,CAAC;AACxD,OAAO,+CAA+C,CAAC;AACvD,OAAO,4CAA4C,CAAC;AACpD,OAAO,6CAA6C,CAAC;AAErD,OAAO,EAAwD,GAAG,EAAE,IAAI,EAAE,MAAM,aAAa,CAAC;AAG9F,OAAO,EAAE,iBAAiB,EAAE,+BAA4B;AACxD,OAAO,EAAE,cAAc,EAAE,4CAAyC;AAElE,OAAO,EAAE,YAAY,EAAE,wCAAqC;AAC5D,OAAO,EAAE,SAAS,EAAE,MAAM,QAAQ,CAAC;AACnC,OAAO,EAAE,OAAO,EAAE,qBAAkB;AACpC,OAAO,EAAE,MAAM,EAAE,MAAM,iCAAiC,CAAC;AAEzD,MAAM,WAAW,GAAG,4BAA4B,CAAC,IAAI,CAAC,GAAG,CAAC,EAAE,EAAE,EAAE,CAAC,GAAG,IAAI,CAAC,MAAM,EAAE,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,GAAG,CAAC;AAEjG,SAAS,KAAK,CACZ,QAAiB,EACjB,QAAiB,EACjB,OAAgB,EAChB,KAAoC,EACpC,KAAqB;IAErB,MAAM,SAAS,GAAG,OAAO,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,2CAA2C,CAAC;IACvF,MAAM,UAAU,GAAG,OAAO,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,gBAAgB,CAAC;IAChE,MAAM,KAAK,GAAG,OAAO,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,SAAS,CAAC;IAChD,MAAM,KAAK,GAAG,QAAQ,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,gBAAgB,CAAC,CAAC,CAAC,WAAW,CAAC;IACrF,MAAM,IAAI,GAAG,qCAAqC,CAAC;IACnD,MAAM,KAAK,GAAG,QAAQ,CAAC,CAAC,CAAC,gBAAgB,CAAC,CAAC,CAAC,SAAS,CAAC;IACtD,MAAM,GAAG,GAAG,GAAG,IAAI,IAAI,QAAQ,IAAI,QAAQ,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,WAAW,cAAc,KAAK,IAAI,KAAK,EAAE,CAAC;IAC7F,MAAM,EAAE,GAAG,QAAQ,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,SAAS,CAAC;IAC7D,MAAM,MAAM,GAAG,UAAU,QAAQ,CAAC,CAAC,CAAC,kCAAkC,CAAC,CAAC,CAAC,oBAAoB,EAAE,CAAC;IAEhG,OAAO,IAAI,CAAA;4CAC+B,QAAQ,IAAI,QAAQ,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,gBAAgB;;8CAE1C,MAAM,IAAI,IAAI,IAAI,EAAE;gDAClB,GAAG;yDACM,OAAO,QAAQ,KAAK;;;wCAGrC,KAAK,KAAK,KAAK;;GAEpD,CAAC;AACJ,CAAC;AAED,SAAS,KAAK,CACZ,QAAiB,EACjB,QAAiB,EACjB,OAAgB,EAChB,KAAoC,EACpC,KAAqB;IAErB,MAAM,SAAS,GAAG,OAAO,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,2CAA2C,CAAC;IACvF,MAAM,UAAU,GAAG,OAAO,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,gBAAgB,CAAC;IAChE,MAAM,KAAK,GAAG,OAAO,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,SAAS,CAAC;IAChD,MAAM,KAAK,GAAG,QAAQ,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,gBAAgB,CAAC,CAAC,CAAC,WAAW,CAAC;IACrF,MAAM,IAAI,GAAG,qCAAqC,CAAC;IACnD,MAAM,GAAG,GAAG,GAAG,IAAI,cAAc,KAAK,IAAI,QAAQ,CAAC,CAAC,CAAC,kBAAkB,CAAC,CAAC,CAAC,WAAW,EAAE,CAAC;IACxF,MAAM,EAAE,GAAG,QAAQ,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,SAAS,CAAC;IAC7D,MAAM,MAAM,GAAG,UAAU,QAAQ,CAAC,CAAC,CAAC,kCAAkC,CAAC,CAAC,CAAC,oBAAoB,EAAE,CAAC;IAEhG,OAAO,IAAI,CAAA;4CAC+B,QAAQ,IAAI,QAAQ,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,gBAAgB;;sCAElD,MAAM,IAAI,IAAI,IAAI,EAAE;wEACc,GAAG;4DACf,OAAO,QAAQ,KAAK;;;wCAGxC,KAAK,KAAK,KAAK;;GAEpD,CAAC;AACJ,CAAC;AAED,MAAM,OAAO,MAAO,SAAQ,YAAY;IAAxC;;QA0DS,YAAO,GAA8B,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;QAE3C,cAAS,GAAG,SAAS,CAAC,OAAO,CAAC;aACnC,QAAQ,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,aAAa,EAAE,CAAC;aACpC,YAAY,CAAC,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE,CAAC,OAAO,IAAI,IAAI,CAAC,aAAa,EAAE,CAAC;aAC9D,KAAK,EAAE,CAAC;IA+Kb,CAAC;IA7OQ,MAAM,KAAK,cAAc;QAC9B,OAAO;YACL,sBAAsB,EAAE,cAAc,CAAC,GAAG,CAAC,sBAAsB,CAAC;YAClE,qBAAqB,EAAE,cAAc,CAAC,GAAG,CAAC,qBAAqB,CAAC;YAChE,mBAAmB,EAAE,cAAc,CAAC,GAAG,CAAC,mBAAmB,CAAC;YAC5D,mBAAmB,EAAE,cAAc;YACnC,kBAAkB,EAAE,cAAc,CAAC,GAAG,CAAC,kBAAkB,CAAC;YAC1D,WAAW,EAAE,cAAc,CAAC,GAAG,CAAC,WAAW,CAAC;SAC7C,CAAC;IACJ,CAAC;IAEM,MAAM,KAAK,MAAM;QACtB,OAAO;YACL,KAAK,CAAC,MAAM;YACZ,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;OAuBF;SACF,CAAC;IACJ,CAAC;IAEM,MAAM,KAAK,UAAU;QAC1B,OAAO;YACL,GAAG,KAAK,CAAC,UAAU;YACnB,kBAAkB,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,SAAS,EAAE,sBAAsB,EAAE;YACvE,QAAQ,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE;YAC3B,QAAQ,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE;YAC3B,MAAM,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE;YACzB,IAAI,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE;YACtB,GAAG,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE;YACrB,GAAG,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE;YACrB,KAAK,EAAE,EAAE,IAAI,EAAE,KAAK,EAAE;YACtB,KAAK,EAAE,EAAE,IAAI,EAAE,KAAK,EAAE;YACtB,OAAO,EAAE,EAAE,SAAS,EAAE,KAAK,EAAE;SAC9B,CAAC;IACJ,CAAC;IASD,IAAW,kBAAkB;QAC3B,OAAO,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC,OAAO,CAAC,kBAAkB,CAAC;IACzD,CAAC;IAED,IAAW,kBAAkB,CAAC,IAAY;QACxC,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,0BAA0B,EAAE,EAAE,IAAI,EAAE,CAAC,CAAC;IAC5D,CAAC;IAED,IAAW,QAAQ;QACjB,OAAO,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC,OAAO,CAAC,qBAAqB,CAAC,CAAC;IAC7D,CAAC;IAED,IAAW,QAAQ,CAAC,IAAa;QAC/B,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,cAAc,EAAE,EAAE,IAAI,EAAE,CAAC,CAAC;IAChD,CAAC;IAED,IAAW,QAAQ;QACjB,OAAO,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC,OAAO,CAAC,wBAAwB,CAAC,CAAC;IAChE,CAAC;IAED,IAAW,QAAQ,CAAC,IAAa;QAC/B,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,cAAc,EAAE,EAAE,IAAI,EAAE,CAAC,CAAC;IAChD,CAAC;IAED,IAAW,MAAM;QACf,OAAO,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC,OAAO,CAAC,mBAAmB,CAAC,CAAC;IAC3D,CAAC;IAED,IAAW,MAAM,CAAC,IAAa;QAC7B,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,YAAY,EAAE,EAAE,IAAI,EAAE,CAAC,CAAC;IAC9C,CAAC;IAED,IAAW,IAAI;QACb,OAAO,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC;IAC3C,CAAC;IAED,IAAW,IAAI,CAAC,IAA8D;QAC5E,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,UAAU,EAAE,EAAE,IAAI,EAAE,CAAC,CAAC;IAC5C,CAAC;IAED,IAAW,GAAG;QACZ,OAAO,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC;IAC1C,CAAC;IAED,IAAW,GAAG,CAAC,IAAmB;QAChC,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,SAAS,EAAE,EAAE,IAAI,EAAE,CAAC,CAAC;IAC3C,CAAC;IAED,IAAW,GAAG;QACZ,OAAO,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC;IAC1C,CAAC;IAED,IAAW,GAAG,CAAC,IAAmB;QAChC,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,SAAS,EAAE,EAAE,IAAI,EAAE,CAAC,CAAC;IAC3C,CAAC;IAED,IAAW,KAAK;QACd,OAAO,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC;IAC5C,CAAC;IAED,IAAW,KAAK,CAAC,IAA8B;QAC7C,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,WAAW,EAAE,EAAE,IAAI,EAAE,CAAC,CAAC;IAC7C,CAAC;IAED,IAAW,KAAK;QACd,OAAO,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC;IAC5C,CAAC;IAED,IAAW,KAAK,CAAC,IAAc;QAC7B,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,WAAW,EAAE,EAAE,IAAI,EAAE,CAAC,CAAC;IAC7C,CAAC;IAEM,MAAM;QACX,MAAM,KAAK,GAAG,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,GAAG,IAAI,CAAC,KAAK,EAAE,WAAW,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC;QACtE,MAAM,QAAQ,GAAG,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;QAC3C,MAAM,YAAY,GAAG,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC,OAAO,CAAC,4BAA4B,CAAC,CAAC;QAEhF,MAAM,QAAQ,GAAG,IAAI,CAAA;QACjB,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,KAAK,EAAE,EAAE;;YACjC,MAAM,KAAK,GAAG,IAAI,CAAC,MAAM,IAAI,KAAK,KAAK,KAAK,CAAC,MAAM,GAAG,CAAC,CAAC;YACxD,MAAM,OAAO,GAAG,KAAK;gBACnB,CAAC,CAAC,YAAY;gBACd,CAAC,CAAC,QAAQ;oBACV,CAAC,CAAC,CAAC,QAAC,IAAI,CAAC,KAAK,0CAAE,QAAQ,CAAC,IAAI,EAAC;oBAC9B,CAAC,CAAC,IAAI,KAAK,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;YAChC,MAAM,QAAQ,GAAG,IAAI,CAAC,QAAQ,IAAI,CAAC,IAAI,CAAC,YAAY,CAAC;YACrD,MAAM,UAAU,GAAG,MAAM,CAAC;gBACxB,OAAO,EAAE,KAAK,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,IAAI;gBACnC,MAAM,EAAE,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,QAAQ;gBAClC,aAAa,EAAE,QAAQ,IAAI,EAAE;gBAC7B,WAAW,EAAE,QAAQ;gBACrB,SAAS,EAAE,CAAC,GAAU,EAAE,EAAE;oBACxB,IAAI,IAAI,CAAC,QAAQ;wBAAE,OAAO,GAAG,CAAC,cAAc,EAAE,CAAC;oBAE/C,MAAM,OAAO,GAAI,GAAG,CAAC,MAA2B,CAAC,OAAO,CAAC;oBACzD,MAAM,OAAO,GAAG,IAAI,KAAK,WAAW,CAAC,CAAC,CAAC,IAAI,CAAC,kBAAkB,CAAC,CAAC,CAAC,IAAI,CAAC;oBACtE,MAAM,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC;oBAEzB,IAAI,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,EAAE;wBACxB,IAAI,IAAI,KAAK,WAAW,EAAE;4BACxB,IAAI,CAAC,KAAK,GAAG,OAAO,CAAC,CAAC,CAAC,CAAC,GAAG,KAAK,EAAE,OAAO,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,EAAE,KAAK,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC;yBAC/E;6BAAM;4BACL,IAAI,CAAC,KAAK,GAAG,OAAO,CAAC,CAAC,CAAC,CAAC,OAAO,EAAE,GAAG,KAAK,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,KAAK,OAAO,CAAC,CAAC;yBAC/E;qBACF;yBAAM;wBACL,IAAI,CAAC,KAAK,GAAG,OAAO,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC;qBACvC;oBAED,IAAI,CAAC,aAAa,CAAC,IAAI,iBAAiB,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC;gBACxD,CAAC;aACF,CAAC,CAAC;YACH,MAAM,KAAK,GAAG,IAAI,CAAA;;cAEZ,IAAI,KAAK,WAAW;gBACpB,CAAC,CAAC,IAAI,CAAC,EAAE,CAAC,cAAc,CAAC,CAAC,QAAQ,EAAE;gBACpC,CAAC,CAAC,IAAI,CAAA,cAAc,GAAG,IAAI,QAAQ,IAAI,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,SAAS;;SAEvE,CAAC;YACF,OAAO,IAAI,CAAA;2DACwC,KAAK,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,QAAQ;YACpE,QAAQ;gBACR,CAAC,CAAC,KAAK,CAAC,IAAI,CAAC,QAAQ,EAAE,QAAQ,EAAE,OAAO,EAAE,UAAU,EAAE,KAAK,CAAC;gBAC5D,CAAC,CAAC,KAAK,CAAC,IAAI,CAAC,QAAQ,EAAE,QAAQ,EAAE,OAAO,EAAE,UAAU,EAAE,KAAK,CAAC;;cAE1D,IAAI,KAAK,WAAW,IAAI,YAAY,CAAC,CAAC,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE;cACxD,IAAI,KAAK,WAAW,CAAC,CAAC,CAAC,IAAI,CAAA,cAAc,IAAI,UAAU,CAAC,CAAC,CAAC,EAAE;;SAEjE,CAAC;QACJ,CAAC,CAAC;KACH,CAAC;QAEF,OAAO,IAAI,CAAA,SAAS,QAAQ,UAAU,CAAC;IACzC,CAAC;IAED,IAAY,OAAO;QACjB,MAAM,WAAW,GAAG,CAAC,GAAU,EAAE,EAAE;YACjC,GAAG,CAAC,eAAe,EAAE,CAAC;YACtB,MAAM,WAAW,GAAI,GAAG,CAAC,MAA2B,CAAC,KAAK,CAAC;YAE3D,IAAI,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,KAAK,CAAC,EAAE;gBAC7B,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,EAAE,IAAI,CAAC,KAAK,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,MAAM,CAAC,WAAW,CAAC,CAAC;aAC7E;iBAAM;gBACL,IAAI,CAAC,KAAK,GAAG,WAAW,CAAC;aAC1B;YAED,IAAI,CAAC,aAAa,CAAC,IAAI,iBAAiB,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC;QACxD,CAAC,CAAC;QAEF,MAAM,UAAU,GAAG,MAAM,CAAC;YACxB,aAAa,EAAE,IAAI,CAAC,EAAE,CAAC,cAAc,CAAC,CAAC,QAAQ,EAAE;YACjD,OAAO,EAAE,aAAa;YACtB,OAAO,EAAE,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC,OAAO,CAAC,WAAW;YACjD,KAAK,EAAE,IAAI,CAAC,GAAG;YACf,KAAK,EAAE,IAAI,CAAC,GAAG;YACf,IAAI,EAAE,IAAI,CAAC,EAAE;YACb,WAAW,EAAE,IAAI,CAAC,QAAQ;YAC1B,WAAW,EAAE,IAAI,CAAC,QAAQ;YAC1B,aAAa,EAAE,OAAO;YACtB,SAAS,EAAE,WAAW;SACvB,CAAC,CAAC;QAEH,IAAI,IAAI,CAAC,IAAI,KAAK,WAAW,EAAE;YAC7B,OAAO,IAAI,CAAA,0BAA0B,UAAU,uBAAuB,CAAC;SACxE;aAAM,IAAI,IAAI,CAAC,IAAI,KAAK,SAAS,EAAE;YAClC,OAAO,IAAI,CAAA,6BAA6B,UAAU,uCAAuC,CAAC;SAC3F;aAAM,IAAI,IAAI,CAAC,IAAI,KAAK,QAAQ,EAAE;YACjC,OAAO,IAAI,CAAA,4BAA4B,UAAU,sCAAsC,CAAC;SACzF;aAAM,IAAI,IAAI,CAAC,IAAI,KAAK,UAAU,EAAE;YACnC,OAAO,IAAI,CAAA,yBAAyB,UAAU,sBAAsB,CAAC;SACtE;aAAM;YACL,OAAO,IAAI,CAAA,0BAA0B,UAAU,uBAAuB,CAAC;SACxE;IACH,CAAC;CACF","sourcesContent":["import '@polymer/iron-icon';\nimport '@vaadin/vaadin-lumo-styles/icons';\nimport '@vaadin/vaadin-text-field/vaadin-integer-field';\nimport '@vaadin/vaadin-text-field/vaadin-number-field';\nimport '@vaadin/vaadin-text-field/vaadin-text-area';\nimport '@vaadin/vaadin-text-field/vaadin-text-field';\n\nimport { CSSResultArray, PropertyDeclarations, TemplateResult, css, html } from 'lit-element';\n\nimport { AttributePart } from 'lit-html';\nimport { ChoiceChangeEvent } from './ChoiceChangeEvent';\nimport { FrequencyInput } from '../FrequencyInput/FrequencyInput';\nimport { ScopedElementsMap } from '@open-wc/scoped-elements';\nimport { Translatable } from '../../../mixins/translatable';\nimport { interpret } from 'xstate';\nimport { machine } from './machine';\nimport { spread } from '@open-wc/lit-helpers/src/spread';\n\nconst VALUE_OTHER = `@foxy.io/elements::other[${(Math.pow(10, 10) * Math.random()).toFixed(0)}]`;\n\nfunction radio(\n  readonly: boolean,\n  disabled: boolean,\n  checked: boolean,\n  attrs: (part: AttributePart) => void,\n  label: TemplateResult\n) {\n  const enabledBg = checked ? 'bg-primary' : 'bg-contrast-20 group-hover-bg-contrast-30';\n  const disabledBg = checked ? 'bg-primary-50' : 'bg-contrast-10';\n  const scale = checked ? 'scale-100' : 'scale-0';\n  const color = disabled ? 'text-disabled' : readonly ? 'text-secondary' : 'text-body';\n  const ease = 'transition ease-in-out duration-200';\n  const dotBg = readonly ? 'bg-contrast-70' : 'bg-tint';\n  const dot = `${ease} ${disabled || readonly ? '' : 'shadow-xs'} transform ${scale} ${dotBg}`;\n  const bg = readonly ? '' : disabled ? disabledBg : enabledBg;\n  const border = `border ${readonly ? 'border-dashed border-contrast-30' : 'border-transparent'}`;\n\n  return html`\n    <label class=\"group flex items-center ${disabled || readonly ? '' : 'cursor-pointer'}\">\n      <div class=\"item flex items-center justify-center flex-shrink-0\">\n        <div class=\"flex radio rounded-full ${border} ${ease} ${bg} focus-within-shadow-outline\">\n          <div class=\"dot m-auto rounded-full ${dot}\"></div>\n          <input type=\"radio\" class=\"sr-only\" .checked=${checked} ...=${attrs} />\n        </div>\n      </div>\n      <div class=\"font-lumo leading-m ${color}\">${label}</div>\n    </label>\n  `;\n}\n\nfunction check(\n  readonly: boolean,\n  disabled: boolean,\n  checked: boolean,\n  attrs: (part: AttributePart) => void,\n  label: TemplateResult\n) {\n  const enabledBg = checked ? 'bg-primary' : 'bg-contrast-20 group-hover-bg-contrast-30';\n  const disabledBg = checked ? 'bg-primary-50' : 'bg-contrast-10';\n  const scale = checked ? 'scale-100' : 'scale-0';\n  const color = disabled ? 'text-disabled' : readonly ? 'text-secondary' : 'text-body';\n  const ease = 'transition ease-in-out duration-200';\n  const dot = `${ease} transform ${scale} ${readonly ? 'text-contrast-70' : 'text-tint'}`;\n  const bg = readonly ? '' : disabled ? disabledBg : enabledBg;\n  const border = `border ${readonly ? 'border-dashed border-contrast-30' : 'border-transparent'}`;\n\n  return html`\n    <label class=\"group flex items-center ${disabled || readonly ? '' : 'cursor-pointer'}\">\n      <div class=\"item flex items-center justify-center flex-shrink-0 text-primary-contrast\">\n        <div class=\"check rounded-s ${border} ${ease} ${bg} focus-within-shadow-outline\">\n          <iron-icon icon=\"lumo:checkmark\" class=\"block w-full h-full ${dot}\"></iron-icon>\n          <input type=\"checkbox\" class=\"sr-only\" .checked=${checked} ...=${attrs} />\n        </div>\n      </div>\n      <div class=\"font-lumo leading-m ${color}\">${label}</div>\n    </label>\n  `;\n}\n\nexport class Choice extends Translatable {\n  public static get scopedElements(): ScopedElementsMap {\n    return {\n      'vaadin-integer-field': customElements.get('vaadin-integer-field'),\n      'vaadin-number-field': customElements.get('vaadin-number-field'),\n      'vaadin-text-field': customElements.get('vaadin-text-field'),\n      'x-frequency-input': FrequencyInput,\n      'vaadin-text-area': customElements.get('vaadin-text-area'),\n      'iron-icon': customElements.get('iron-icon'),\n    };\n  }\n\n  public static get styles(): CSSResultArray {\n    return [\n      super.styles,\n      css`\n        :host {\n          --item-width: calc((var(--lumo-space-m) * 2) + 1.25rem);\n        }\n        .ml-xxl {\n          margin-left: var(--item-width);\n        }\n        .item {\n          height: var(--lumo-size-l);\n          width: var(--item-width);\n        }\n        .radio {\n          height: 1.25rem;\n          width: 1.25rem;\n        }\n        .check {\n          height: 1.125rem;\n          width: 1.125rem;\n        }\n        .dot {\n          height: 0.5rem;\n          width: 0.5rem;\n        }\n      `,\n    ];\n  }\n\n  public static get properties(): PropertyDeclarations {\n    return {\n      ...super.properties,\n      defaultCustomValue: { type: String, attribute: 'default-custom-value' },\n      disabled: { type: Boolean },\n      readonly: { type: Boolean },\n      custom: { type: Boolean },\n      type: { type: String },\n      min: { type: Number },\n      max: { type: Number },\n      value: { type: Array },\n      items: { type: Array },\n      getText: { attribute: false },\n    };\n  }\n\n  public getText: (value: string) => string = v => v;\n\n  private __service = interpret(machine)\n    .onChange(() => this.requestUpdate())\n    .onTransition(({ changed }) => changed && this.requestUpdate())\n    .start();\n\n  public get defaultCustomValue(): string {\n    return this.__service.state.context.defaultCustomValue;\n  }\n\n  public set defaultCustomValue(data: string) {\n    this.__service.send('SET_DEFAULT_CUSTOM_VALUE', { data });\n  }\n\n  public get readonly(): boolean {\n    return this.__service.state.matches('mutability.readonly');\n  }\n\n  public set readonly(data: boolean) {\n    this.__service.send('SET_READONLY', { data });\n  }\n\n  public get disabled(): boolean {\n    return this.__service.state.matches('interactivity.disabled');\n  }\n\n  public set disabled(data: boolean) {\n    this.__service.send('SET_DISABLED', { data });\n  }\n\n  public get custom(): boolean {\n    return this.__service.state.matches('extension.present');\n  }\n\n  public set custom(data: boolean) {\n    this.__service.send('SET_CUSTOM', { data });\n  }\n\n  public get type(): 'text' | 'textarea' | 'integer' | 'number' | 'frequency' {\n    return this.__service.state.context.type;\n  }\n\n  public set type(data: 'text' | 'textarea' | 'integer' | 'number' | 'frequency') {\n    this.__service.send('SET_TYPE', { data });\n  }\n\n  public get min(): number | null {\n    return this.__service.state.context.min;\n  }\n\n  public set min(data: number | null) {\n    this.__service.send('SET_MIN', { data });\n  }\n\n  public get max(): number | null {\n    return this.__service.state.context.max;\n  }\n\n  public set max(data: number | null) {\n    this.__service.send('SET_MAX', { data });\n  }\n\n  public get value(): null | string | string[] {\n    return this.__service.state.context.value;\n  }\n\n  public set value(data: null | string | string[]) {\n    this.__service.send('SET_VALUE', { data });\n  }\n\n  public get items(): string[] {\n    return this.__service.state.context.items;\n  }\n\n  public set items(data: string[]) {\n    this.__service.send('SET_ITEMS', { data });\n  }\n\n  public render(): TemplateResult {\n    const items = this.custom ? [...this.items, VALUE_OTHER] : this.items;\n    const multiple = Array.isArray(this.value);\n    const otherChecked = this.__service.state.matches('extension.present.selected');\n\n    const children = html`\n      ${items.map((item, index, array) => {\n        const other = this.custom && index === array.length - 1;\n        const checked = other\n          ? otherChecked\n          : multiple\n          ? !!this.value?.includes(item)\n          : item === String(this.value);\n        const disabled = this.disabled || !this._isI18nReady;\n        const attributes = spread({\n          'value': other ? VALUE_OTHER : item,\n          'name': multiple ? item : 'choice',\n          'data-testid': `item-${item}`,\n          '?disabled': disabled,\n          '@change': (evt: Event) => {\n            if (this.readonly) return evt.preventDefault();\n\n            const checked = (evt.target as HTMLInputElement).checked;\n            const newItem = item === VALUE_OTHER ? this.defaultCustomValue : item;\n            const value = this.value;\n\n            if (Array.isArray(value)) {\n              if (item === VALUE_OTHER) {\n                this.value = checked ? [...value, newItem] : value.slice(0, value.length - 1);\n              } else {\n                this.value = checked ? [newItem, ...value] : value.filter(v => v !== newItem);\n              }\n            } else {\n              this.value = checked ? newItem : null;\n            }\n\n            this.dispatchEvent(new ChoiceChangeEvent(this.value));\n          },\n        });\n        const label = html`\n          <div>\n            ${item === VALUE_OTHER\n              ? this._t('choice.other').toString()\n              : html`<slot name=${`${item}-label`}>${this.getText(item)}</slot>`}\n          </div>\n        `;\n        return html`\n          <div class=\"ml-xxl border-t border-contrast-10 ${index ? '' : 'hidden'}\"></div>\n          ${multiple\n            ? check(this.readonly, disabled, checked, attributes, label)\n            : radio(this.readonly, disabled, checked, attributes, label)}\n          <div class=\"mr-m ml-xxl\">\n            ${item === VALUE_OTHER && otherChecked ? this.__field : ''}\n            ${item !== VALUE_OTHER ? html`<slot name=${item}></slot>` : ''}\n          </div>\n        `;\n      })}\n    `;\n\n    return html`<form>${children}</form> `;\n  }\n\n  private get __field() {\n    const handleInput = (evt: Event) => {\n      evt.stopPropagation();\n      const customValue = (evt.target as HTMLInputElement).value;\n\n      if (Array.isArray(this.value)) {\n        this.value = this.value.slice(0, this.value.length - 1).concat(customValue);\n      } else {\n        this.value = customValue;\n      }\n\n      this.dispatchEvent(new ChoiceChangeEvent(this.value));\n    };\n\n    const attributes = spread({\n      'placeholder': this._t('choice.other').toString(),\n      'class': 'w-full mb-m',\n      'value': this.__service.state.context.customValue,\n      'max': this.max,\n      'min': this.min,\n      'ns': this.ns,\n      '?disabled': this.disabled,\n      '?readonly': this.readonly,\n      'data-testid': 'field',\n      '@change': handleInput,\n    });\n\n    if (this.type === 'frequency') {\n      return html`<x-frequency-input ...=${attributes}></x-frequency-input>`;\n    } else if (this.type === 'integer') {\n      return html`<vaadin-integer-field ...=${attributes} has-controls></vaadin-integer-field>`;\n    } else if (this.type === 'number') {\n      return html`<vaadin-number-field ...=${attributes} has-controls></vaadin-number-field>`;\n    } else if (this.type === 'textarea') {\n      return html`<vaadin-text-area ...=${attributes}></vaadin-text-area>`;\n    } else {\n      return html`<vaadin-text-field ...=${attributes}></vaadin-text-field>`;\n    }\n  }\n}\n"]}

package/dist/elements/private/Choice/machine.js

@@ -69,6 +69,7 @@ export const machine = createMachine({
                             states: {
                                 unknown: {
                                     always: [
+                                        { target: 'number', cond: 'showsNumberField' },
                                         { target: 'integer', cond: 'showsIntegerField' },
                                         { target: 'textarea', cond: 'showsTextarea' },
                                         { target: 'frequency', cond: 'showsFrequency' },
@@ -109,6 +110,37 @@ export const machine = createMachine({
                                         },
                                     },
                                 },
+                                number: {
+                                    type: 'parallel',
+                                    states: {
+                                        min: {
+                                            initial: 'unknown',
+                                            states: {
+                                                unknown: {
+                                                    always: [
+                                                        { target: 'custom', cond: 'hasMinConstraint' },
+                                                        { target: 'none' },
+                                                    ],
+                                                },
+                                                none: {},
+                                                custom: {},
+                                            },
+                                        },
+                                        max: {
+                                            initial: 'unknown',
+                                            states: {
+                                                unknown: {
+                                                    always: [
+                                                        { target: 'custom', cond: 'hasMaxConstraint' },
+                                                        { target: 'none' },
+                                                    ],
+                                                },
+                                                none: {},
+                                                custom: {},
+                                            },
+                                        },
+                                    },
+                                },
                             },
                         },
                     },
@@ -131,6 +163,7 @@ export const machine = createMachine({
         isPayloadTruthy: (_, evt) => !!evt.data,
         isValueArray: ctx => Array.isArray(ctx.value),
         showsIntegerField: ctx => ctx.type === 'integer',
+        showsNumberField: ctx => ctx.type === 'number',
         showsFrequency: ctx => ctx.type === 'frequency',
         showsTextarea: ctx => ctx.type === 'textarea',
         hasMinConstraint: ctx => typeof ctx.min === 'number',

package/dist/elements/private/Choice/machine.js.map

@@ -1 +1 @@
-{"version":3,"file":"machine.js","sourceRoot":"","sources":["../../../../src/elements/private/Choice/machine.ts"],"names":[],"mappings":"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","sourcesContent":["import { actions, createMachine } from 'xstate';\n\nimport { Choice } from './Choice';\n\ntype Context = Pick<Choice, 'custom' | 'items' | 'value' | 'type' | 'min' | 'max'> & {\n  customValue: string | null;\n  defaultCustomValue: string;\n};\n\nexport const machine = createMachine<Context>(\n  {\n    id: 'choice',\n    type: 'parallel',\n    context: {\n      defaultCustomValue: '',\n      customValue: null,\n      custom: false,\n      items: [],\n      value: null,\n      type: 'text',\n      min: null,\n      max: null,\n    },\n    states: {\n      mutability: {\n        initial: 'editable',\n        states: {\n          editable: {},\n          readonly: {},\n        },\n        on: {\n          SET_READONLY: [\n            { target: '.editable', cond: 'isPayloadFalsey' },\n            { target: '.readonly', cond: 'isPayloadTruthy' },\n          ],\n        },\n      },\n\n      interactivity: {\n        initial: 'enabled',\n        states: {\n          enabled: {},\n          disabled: {},\n        },\n        on: {\n          SET_DISABLED: [\n            { target: '.enabled', cond: 'isPayloadFalsey' },\n            { target: '.disabled', cond: 'isPayloadTruthy' },\n          ],\n        },\n      },\n\n      selection: {\n        initial: 'unknown',\n        states: {\n          unknown: {\n            always: [{ target: 'multiple', cond: 'isValueArray' }, { target: 'single' }],\n          },\n          none: {},\n          single: {},\n          multiple: {},\n        },\n      },\n\n      extension: {\n        initial: 'unknown',\n        states: {\n          unknown: {\n            always: [{ target: 'present', cond: 'hasCustom' }, { target: 'absent' }],\n          },\n          absent: {},\n          present: {\n            initial: 'unknown',\n            states: {\n              unknown: {\n                always: [{ target: 'selected', cond: 'hasCustomValue' }, { target: 'available' }],\n              },\n              available: { on: { SET_TYPE: { actions: 'setType' } } },\n              selected: {\n                initial: 'unknown',\n                states: {\n                  unknown: {\n                    always: [\n                      { target: 'integer', cond: 'showsIntegerField' },\n                      { target: 'textarea', cond: 'showsTextarea' },\n                      { target: 'frequency', cond: 'showsFrequency' },\n                      { target: 'text' },\n                    ],\n                  },\n                  text: {},\n                  frequency: {},\n                  textarea: {},\n                  integer: {\n                    type: 'parallel',\n                    states: {\n                      min: {\n                        initial: 'unknown',\n                        states: {\n                          unknown: {\n                            always: [\n                              { target: 'custom', cond: 'hasMinConstraint' },\n                              { target: 'none' },\n                            ],\n                          },\n                          none: {},\n                          custom: {},\n                        },\n                      },\n                      max: {\n                        initial: 'unknown',\n                        states: {\n                          unknown: {\n                            always: [\n                              { target: 'custom', cond: 'hasMaxConstraint' },\n                              { target: 'none' },\n                            ],\n                          },\n                          none: {},\n                          custom: {},\n                        },\n                      },\n                    },\n                  },\n                },\n              },\n            },\n          },\n        },\n      },\n    },\n    on: {\n      SET_DEFAULT_CUSTOM_VALUE: { actions: 'setDefaultCustomValue' },\n      SET_CUSTOM: { actions: 'setCustom', target: ['.selection.unknown', '.extension.unknown'] },\n      SET_VALUE: { actions: 'setValue', target: ['.selection.unknown', '.extension.unknown'] },\n      SET_ITEMS: { actions: 'setItems', target: ['.selection.unknown', '.extension.unknown'] },\n      SET_TYPE: { actions: 'setType', target: '.extension.unknown' },\n      SET_MIN: { actions: 'setMin', target: '.extension.unknown' },\n      SET_MAX: { actions: 'setMax', target: '.extension.unknown' },\n    },\n  },\n  {\n    guards: {\n      isPayloadFalsey: (_, evt) => !evt.data,\n      isPayloadTruthy: (_, evt) => !!evt.data,\n      isValueArray: ctx => Array.isArray(ctx.value),\n      showsIntegerField: ctx => ctx.type === 'integer',\n      showsFrequency: ctx => ctx.type === 'frequency',\n      showsTextarea: ctx => ctx.type === 'textarea',\n      hasMinConstraint: ctx => typeof ctx.min === 'number',\n      hasMaxConstraint: ctx => typeof ctx.max === 'number',\n      hasCustomValue: ctx => typeof ctx.customValue === 'string',\n      hasCustom: ctx => ctx.custom,\n    },\n    actions: {\n      setDefaultCustomValue: actions.assign({ defaultCustomValue: (_, evt) => evt.data }),\n      setValue: actions.assign({\n        value: (_, evt) => evt.data,\n        customValue: (ctx, evt) =>\n          Array.isArray(evt.data)\n            ? evt.data.find(v => !ctx.items.includes(v))\n            : ctx.items.includes(evt.data)\n            ? null\n            : evt.data,\n      }),\n      setCustom: actions.assign({ custom: (_, evt) => evt.data }),\n      setItems: actions.assign({ items: (_, evt) => evt.data }),\n      setType: actions.assign({ type: (_, evt) => evt.data }),\n      setMin: actions.assign({ min: (_, evt) => evt.data }),\n      setMax: actions.assign({ max: (_, evt) => evt.data }),\n    },\n  }\n);\n"]}
+{"version":3,"file":"machine.js","sourceRoot":"","sources":["../../../../src/elements/private/Choice/machine.ts"],"names":[],"mappings":"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","sourcesContent":["import { actions, createMachine } from 'xstate';\n\nimport { Choice } from './Choice';\n\ntype Context = Pick<Choice, 'custom' | 'items' | 'value' | 'type' | 'min' | 'max'> & {\n  customValue: string | null;\n  defaultCustomValue: string;\n};\n\nexport const machine = createMachine<Context>(\n  {\n    id: 'choice',\n    type: 'parallel',\n    context: {\n      defaultCustomValue: '',\n      customValue: null,\n      custom: false,\n      items: [],\n      value: null,\n      type: 'text',\n      min: null,\n      max: null,\n    },\n    states: {\n      mutability: {\n        initial: 'editable',\n        states: {\n          editable: {},\n          readonly: {},\n        },\n        on: {\n          SET_READONLY: [\n            { target: '.editable', cond: 'isPayloadFalsey' },\n            { target: '.readonly', cond: 'isPayloadTruthy' },\n          ],\n        },\n      },\n\n      interactivity: {\n        initial: 'enabled',\n        states: {\n          enabled: {},\n          disabled: {},\n        },\n        on: {\n          SET_DISABLED: [\n            { target: '.enabled', cond: 'isPayloadFalsey' },\n            { target: '.disabled', cond: 'isPayloadTruthy' },\n          ],\n        },\n      },\n\n      selection: {\n        initial: 'unknown',\n        states: {\n          unknown: {\n            always: [{ target: 'multiple', cond: 'isValueArray' }, { target: 'single' }],\n          },\n          none: {},\n          single: {},\n          multiple: {},\n        },\n      },\n\n      extension: {\n        initial: 'unknown',\n        states: {\n          unknown: {\n            always: [{ target: 'present', cond: 'hasCustom' }, { target: 'absent' }],\n          },\n          absent: {},\n          present: {\n            initial: 'unknown',\n            states: {\n              unknown: {\n                always: [{ target: 'selected', cond: 'hasCustomValue' }, { target: 'available' }],\n              },\n              available: { on: { SET_TYPE: { actions: 'setType' } } },\n              selected: {\n                initial: 'unknown',\n                states: {\n                  unknown: {\n                    always: [\n                      { target: 'number', cond: 'showsNumberField' },\n                      { target: 'integer', cond: 'showsIntegerField' },\n                      { target: 'textarea', cond: 'showsTextarea' },\n                      { target: 'frequency', cond: 'showsFrequency' },\n                      { target: 'text' },\n                    ],\n                  },\n                  text: {},\n                  frequency: {},\n                  textarea: {},\n                  integer: {\n                    type: 'parallel',\n                    states: {\n                      min: {\n                        initial: 'unknown',\n                        states: {\n                          unknown: {\n                            always: [\n                              { target: 'custom', cond: 'hasMinConstraint' },\n                              { target: 'none' },\n                            ],\n                          },\n                          none: {},\n                          custom: {},\n                        },\n                      },\n                      max: {\n                        initial: 'unknown',\n                        states: {\n                          unknown: {\n                            always: [\n                              { target: 'custom', cond: 'hasMaxConstraint' },\n                              { target: 'none' },\n                            ],\n                          },\n                          none: {},\n                          custom: {},\n                        },\n                      },\n                    },\n                  },\n                  number: {\n                    type: 'parallel',\n                    states: {\n                      min: {\n                        initial: 'unknown',\n                        states: {\n                          unknown: {\n                            always: [\n                              { target: 'custom', cond: 'hasMinConstraint' },\n                              { target: 'none' },\n                            ],\n                          },\n                          none: {},\n                          custom: {},\n                        },\n                      },\n                      max: {\n                        initial: 'unknown',\n                        states: {\n                          unknown: {\n                            always: [\n                              { target: 'custom', cond: 'hasMaxConstraint' },\n                              { target: 'none' },\n                            ],\n                          },\n                          none: {},\n                          custom: {},\n                        },\n                      },\n                    },\n                  },\n                },\n              },\n            },\n          },\n        },\n      },\n    },\n    on: {\n      SET_DEFAULT_CUSTOM_VALUE: { actions: 'setDefaultCustomValue' },\n      SET_CUSTOM: { actions: 'setCustom', target: ['.selection.unknown', '.extension.unknown'] },\n      SET_VALUE: { actions: 'setValue', target: ['.selection.unknown', '.extension.unknown'] },\n      SET_ITEMS: { actions: 'setItems', target: ['.selection.unknown', '.extension.unknown'] },\n      SET_TYPE: { actions: 'setType', target: '.extension.unknown' },\n      SET_MIN: { actions: 'setMin', target: '.extension.unknown' },\n      SET_MAX: { actions: 'setMax', target: '.extension.unknown' },\n    },\n  },\n  {\n    guards: {\n      isPayloadFalsey: (_, evt) => !evt.data,\n      isPayloadTruthy: (_, evt) => !!evt.data,\n      isValueArray: ctx => Array.isArray(ctx.value),\n      showsIntegerField: ctx => ctx.type === 'integer',\n      showsNumberField: ctx => ctx.type === 'number',\n      showsFrequency: ctx => ctx.type === 'frequency',\n      showsTextarea: ctx => ctx.type === 'textarea',\n      hasMinConstraint: ctx => typeof ctx.min === 'number',\n      hasMaxConstraint: ctx => typeof ctx.max === 'number',\n      hasCustomValue: ctx => typeof ctx.customValue === 'string',\n      hasCustom: ctx => ctx.custom,\n    },\n    actions: {\n      setDefaultCustomValue: actions.assign({ defaultCustomValue: (_, evt) => evt.data }),\n      setValue: actions.assign({\n        value: (_, evt) => evt.data,\n        customValue: (ctx, evt) =>\n          Array.isArray(evt.data)\n            ? evt.data.find(v => !ctx.items.includes(v))\n            : ctx.items.includes(evt.data)\n            ? null\n            : evt.data,\n      }),\n      setCustom: actions.assign({ custom: (_, evt) => evt.data }),\n      setItems: actions.assign({ items: (_, evt) => evt.data }),\n      setType: actions.assign({ type: (_, evt) => evt.data }),\n      setMin: actions.assign({ min: (_, evt) => evt.data }),\n      setMax: actions.assign({ max: (_, evt) => evt.data }),\n    },\n  }\n);\n"]}

package/dist/elements/public/Donation/Donation.js

@@ -236,16 +236,16 @@ export class Donation extends Translatable {
                 <x-i18n ns=${this.ns} lang=${this.lang} key="amount" slot="header"></x-i18n>
                 <x-choice
                   ?custom=${!!((_a = this.custom) === null || _a === void 0 ? void 0 : _a.includes('amount'))}
-                  .getText=${(v) => this.__translateAmount(parseInt(v, 10))}
+                  .getText=${(v) => this.__translateAmount(parseFloat(v))}
                   .items=${this.amounts.map(String)}
                   .value=${this.amount.toString()}
-                  type="integer"
+                  type="number"
                   lang=${this.lang}
                   min="1"
                   ns=${this.ns}
                   data-testid="amount"
                   @change=${(evt) => {
-                const value = parseInt(evt.detail);
+                const value = parseFloat(evt.detail);
                 this.amount = isNaN(value) ? /* istanbul ignore next */ 1 : value;
             }}
                 >

package/dist/elements/public/Donation/Donation.js.map

@@ -1 +1 @@
-{"version":3,"file":"Donation.js","sourceRoot":"","sources":["../../../../src/elements/public/Donation/Donation.ts"],"names":[],"mappings":"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","sourcesContent":["import { ScopedElementsMap } from '@open-wc/scoped-elements';\nimport '@vaadin/vaadin-button';\nimport '@vaadin/vaadin-text-field/vaadin-text-area';\nimport { PropertyDeclarations } from 'lit-element';\nimport { html, TemplateResult } from 'lit-html';\nimport { Translatable } from '../../../mixins/translatable';\nimport { parseDuration } from '../../../utils/parse-duration';\nimport { CheckboxChangeEvent, ChoiceChangeEvent, DropdownChangeEvent } from '../../private/events';\nimport { Checkbox, Choice, Dropdown, ErrorScreen, Group, I18N } from '../../private/index';\nimport { DonationChangeEvent } from './DonationChangeEvent';\nimport { DonationSubmitEvent } from './DonationSubmitEvent';\n\ninterface DonationEventsMap {\n  change: typeof DonationChangeEvent;\n  submit: typeof DonationSubmitEvent;\n}\n\n/**\n * A custom element providing customizable donation forms.\n *\n * @fires Donation#change - Instance of `Donation.events.change`. Emitted after user input triggers a change in the form data.\n * @fires Donation#submit - Instance of `Donation.events.submit`. Emitted when the form is submitted. Cancelling this event will stop the submission.\n *\n * @slot amount - Space below the amount selector, if it's visible.\n * @slot designation - Space below the designation selector, if it's visible.\n * @slot comment - Space below the comment field, if it's visible.\n *\n * @element foxy-donation\n * @since 0.3.0\n */\nexport class Donation extends Translatable {\n  /** @readonly */\n  public static get scopedElements(): ScopedElementsMap {\n    return {\n      'vaadin-text-area': customElements.get('vaadin-text-area'),\n      'x-error-screen': ErrorScreen,\n      'vaadin-button': customElements.get('vaadin-button'),\n      'x-dropdown': Dropdown,\n      'x-checkbox': Checkbox,\n      'x-choice': Choice,\n      'x-group': Group,\n      'x-i18n': I18N,\n    };\n  }\n\n  /** @readonly */\n  public static get properties(): PropertyDeclarations {\n    return {\n      ...super.properties,\n      currency: { type: String },\n      custom: { type: Array },\n      amount: { type: Number },\n      amounts: { type: Array },\n      frequency: { type: String },\n      frequencies: { type: Array },\n      designation: { type: Array },\n      designations: { type: Array },\n      comment: { type: String },\n      anonymity: { reflect: true, type: Boolean },\n      anonymous: { reflect: true, type: Boolean },\n      image: { type: String },\n      store: { type: String },\n      name: { type: String },\n      code: { type: String },\n      url: { type: String },\n      cart: { type: String },\n      target: { type: String },\n      empty: { type: String },\n    };\n  }\n\n  /** @readonly */\n  public static get events(): DonationEventsMap {\n    return {\n      change: DonationChangeEvent,\n      submit: DonationSubmitEvent,\n    };\n  }\n\n  /**\n   * **Required** 3-letter lowercase currency code.\n   *\n   * **Example:** `\"usd\"`\n   */\n  public currency: null | string = null;\n\n  /**\n   * **Required** donation amount in specified currency. When more than one amount option\n   * is available, this field will contain the selected amount. This value is deliberately not\n   * limited to the predefined options: whatever you set it to will show up in the cart.\n   *\n   * **Example:** `25`\n   */\n  public amount: null | number = null;\n\n  /**\n   * **Required** store domain. This is usually the part after before `.foxycart.com`\n   * and after `https://`, e.g. the `foxy-demo` bit of `https://foxy-demo.foxycart.com`.\n   * Custom domains like `my.domain.example.com` are also supported since v1.6.1.\n   *\n   * **Example:** `\"foxy-demo\"`\n   */\n  public store: null | string = null;\n\n  /**\n   * **Required** product name for this donation. This will show up in the cart when this form is submitted.\n   * See [Products](https://wiki.foxycart.com/v/2.0/products) wiki for more details.\n   *\n   * **Example:** `\"One-time donation\"`\n   */\n  public name: null | string = null;\n\n  /**\n   * Optional parts of the form including a custom (\"other\") option.\n   * Adding `amount` to this array will enable custom amount.\n   *\n   * **Example:** `[\"amount\"]`\n   */\n  public custom: null | 'amount'[] = null;\n\n  /**\n   * Optional donation amount variants. If this property is set, the form will render\n   * the amount selection interface. If this array includes the value of the `amount` property,\n   * it will be pre-selected in the form.\n   *\n   * **Example:** `[25, 50, 75]`\n   */\n  public amounts: null | number[] = null;\n\n  /**\n   * Optional donation frequency string encoded as count (integer) + units (one\n   * of: `d` for days, `w` for weeks, `m` for months, `y` for years). A special\n   * value for twice a month is also supported: `.5m`. If set, the form will\n   * create a subscription with the specified frequency in the cart. This value is deliberately not\n   * limited to the predefined options: whatever you set it to will show up in the cart.\n   *\n   * **Example:** `\"1m\"`\n   */\n  public frequency: null | string = null;\n\n  /**\n   * Optional donation frequency variants in the same format as `frequency`. If this property is set,\n   * the form will render the frequency selection interface. If this array includes\n   * the value of the `frequency` property, it will be pre-selected in the form.\n   *\n   * **Example:** `[\"7d\", \".5m\", \"1y\"]`\n   */\n  public frequencies: null | string[] = null;\n\n  /**\n   * Optional donation designation(s). The form will serialize and pass this value to the cart\n   * on submission. This value is deliberately not limited to the predefined options:\n   * whatever you set it to will show up in the cart.\n   *\n   * **Example:** `\"Medical Care\"`\n   * **Example:** `[\"Medical Care\", \"Daily Meals\"]`\n   */\n  public designation: null | string = null;\n\n  /**\n   * Optional donation designation(s) variants. If this property is set,\n   * the form will render the designation selection interface: multiple choice\n   * if `designation` is an array and a single choice otherwise. All values overlapping\n   * with the `designation` property will be pre-selected in the form.\n   *\n   * **Example:** `[\"Medical Care\", \"Daily Meals\", \"Area of Greatest Need\"]`\n   */\n  public designations: null | string[] = null;\n\n  /**\n   * Optional comment accompanying the donation. If set (even to an empty string),\n   * the form will render a comment field. The value of this property will be updated\n   * as the customer enters their message and will be added to the order as a custom field in the end.\n   *\n   * **Example:** `\"\"`\n   */\n  public comment: null | string = null;\n\n  /**\n   * Optional switch controlling visibility of the anonymity checkbox. If set to `true`, the form\n   * will render the checkbox. All changes in the value are reflected to the attribute.\n   *\n   * **Example:** `true`\n   */\n  public anonymity = false;\n\n  /**\n   * Optional switch marking this donation as anonymous via a custom field when set to `true`. When\n   * the anonymity checkbox is rendered, also checks or unchecks it depending on the value.\n   * All changes in the value are reflected to the attribute.\n   *\n   * **Example:** `true`\n   */\n  public anonymous = false;\n\n  /**\n   * Optional product image URL (absolute path). This property affects cart UI only.\n   * See [Products](https://wiki.foxycart.com/v/2.0/products) wiki for more details.\n   *\n   * **Example:** `\"https://picsum.photos/320\"`\n   */\n  public image: null | string = null;\n\n  /**\n   * Optional product code for this donation. This property affects cart UI only.\n   * See [Products](https://wiki.foxycart.com/v/2.0/products) wiki for more details.\n   *\n   * **Example:** `\"ISBN 978-0-12-345678-9\"`\n   */\n  public code: null | string = null;\n\n  /**\n   * Optional product URL for this donation. Accepts a full URL to the product page, starting\n   * with `http://` or `https://`, or a relative path to the produt from the store's\n   * domain (as configured in the store settings). This property affects cart UI only.\n   * See [Products](https://wiki.foxycart.com/v/2.0/products) wiki for more details.\n   *\n   * **Example:** `\"https://example.com/my-product\"`\n   */\n  public url: null | string = null;\n\n  /**\n   * Optional cart\n   * If set to 'add' will add items to the cart and, on submit, user is redirected to the cart.\n   * If set to 'checkout', the default, on submit user is redirected to checkout directly\n   */\n  public cart = 'checkout';\n\n  /**\n   * Optional empty\n   * If set to 'true' clears the contents of the cart prior to adding the donation to the cart\n   * If set to 'reset' clears the contents of the cart and cookies prior to adding the donation to the cart\n   */\n  public empty?: string;\n\n  /**\n   * Optional target to display the form response.\n   */\n  public target = '_top';\n\n  public constructor() {\n    super('donation');\n  }\n\n  /** Submits the form, emitting a cancelable `submit` event. */\n  public submit(): void {\n    /* istanbul ignore if  */\n    if (this.dispatchEvent(new DonationSubmitEvent())) this.__form.submit();\n  }\n\n  public render(): TemplateResult {\n    if (!this.currency || !this.amount || !this.store || !this.name) {\n      return html`\n        <x-error-screen data-testid=\"error\" type=\"setup_needed\" class=\"relative\"></x-error-screen>\n      `;\n    }\n\n    const domain = this.store.includes('.') ? this.store : `${this.store}.foxycart.com`;\n\n    return html`\n      <form\n        target=\"${this.target}\"\n        class=\"sr-only\"\n        method=\"POST\"\n        action=\"https://${domain}/cart\"\n        data-testid=\"form\"\n      >\n        ${[...this.__data.entries()].map(\n          ([name, value]) => html`<input type=\"hidden\" name=${name} value=${value} />`\n        )}\n      </form>\n\n      <section>\n        ${this.amounts && this.amounts.length > 0\n          ? html`\n              <x-group frame>\n                <x-i18n ns=${this.ns} lang=${this.lang} key=\"amount\" slot=\"header\"></x-i18n>\n                <x-choice\n                  ?custom=${!!this.custom?.includes('amount')}\n                  .getText=${(v: string) => this.__translateAmount(parseInt(v, 10))}\n                  .items=${this.amounts.map(String)}\n                  .value=${this.amount.toString()}\n                  type=\"integer\"\n                  lang=${this.lang}\n                  min=\"1\"\n                  ns=${this.ns}\n                  data-testid=\"amount\"\n                  @change=${(evt: ChoiceChangeEvent) => {\n                    const value = parseInt(evt.detail as string);\n                    this.amount = isNaN(value) ? /* istanbul ignore next */ 1 : value;\n                  }}\n                >\n                </x-choice>\n              </x-group>\n\n              <slot name=\"amount\" class=\"block my-m\"></slot>\n            `\n          : ''}\n      </section>\n\n      <section>\n        ${this.designations && this.designations.length > 0\n          ? html`\n              <x-dropdown\n                .label=${this._t('designation').toString()}\n                .items=${this.designations}\n                .value=${Array.isArray(this.designation)\n                  ? '${this.designation[0]}: ${this.designation[1]}'\n                  : this.designation}\n                data-testid=\"designation\"\n                @change=${(evt: DropdownChangeEvent) => {\n                  this.designation = evt.detail as string;\n                }}\n              >\n              </x-dropdown>\n\n              <slot name=\"designation\" class=\"block my-m\"></slot>\n            `\n          : ''}\n      </section>\n\n      <section>\n        ${typeof this.comment === 'string'\n          ? html`\n              <vaadin-text-area\n                placeholder=${this._t('comment_placeholder').toString()}\n                value=${this.comment!}\n                label=${this._t('comment_label').toString()}\n                class=\"w-full\"\n                data-testid=\"comment\"\n                @input=${(evt: InputEvent) => {\n                  evt.stopPropagation();\n                  this.comment = (evt.target as HTMLTextAreaElement).value;\n                }}\n              >\n              </vaadin-text-area>\n\n              <slot name=\"comment\" class=\"block my-m\"></slot>\n            `\n          : ''}\n      </section>\n\n      <section>\n        ${this.anonymity\n          ? html`\n              <x-checkbox\n                class=\"my-m\"\n                data-testid=\"anonymity\"\n                ?checked=${this.anonymous}\n                @change=${(evt: CheckboxChangeEvent) => (this.anonymous = evt.detail)}\n              >\n                ${this._t('anonymous')}\n              </x-checkbox>\n            `\n          : ''}\n\n        <div class=\"flex flex-wrap -m-s\">\n          ${this.frequencies && this.frequencies.length > 0\n            ? html`\n                <div class=\"flex-1 p-s\">\n                  <x-dropdown\n                    .value=${this.frequency}\n                    .items=${this.frequencies}\n                    .getText=${this.__translateFrequency.bind(this)}\n                    data-testid=\"frequency\"\n                    @change=${(evt: DropdownChangeEvent) => {\n                      this.frequency = evt.detail as string;\n                    }}\n                  >\n                  </x-dropdown>\n                </div>\n              `\n            : ''}\n\n          <div class=\"flex-1 p-s\">\n            <vaadin-button\n              class=\"w-full\"\n              theme=\"primary\"\n              data-testid=\"submit\"\n              @click=${() => this.submit()}\n            >\n              <x-i18n\n                .opts=${{\n                  amount: this.__translateAmount(this.amount),\n                  frequency: this.frequency ? this.__translateFrequency(this.frequency) : '',\n                }}\n                lang=${this.lang}\n                key=${this.frequency && !this.frequencies?.length ? 'donate_recurrently' : 'donate'}\n                ns=${this.ns}\n              >\n              </x-i18n>\n            </vaadin-button>\n          </div>\n        </div>\n      </section>\n    `;\n  }\n\n  public updated(): void {\n    this.dispatchEvent(new DonationChangeEvent(this.__data));\n  }\n\n  private get __data() {\n    const data = new FormData();\n\n    if (typeof this.designation === 'string') {\n      data.set('Designation', this.designation.trim());\n    }\n\n    if (typeof this.amount === 'number' && typeof this.currency === 'string') {\n      data.set('price', `${this.amount.toFixed(2)}${this.currency}`);\n    }\n\n    if (this.frequency) data.set('sub_frequency', this.frequency);\n    if (typeof this.comment === 'string') data.set('Comment', this.comment.trim());\n    if (typeof this.image === 'string') data.set('image', this.image);\n    if (typeof this.code === 'string') data.set('code', this.code);\n    if (typeof this.name === 'string') data.set('name', this.name.trim());\n    if (typeof this.url === 'string') data.set('url', this.url);\n    if (typeof this.cart === 'string') data.set('cart', this.cart);\n    if (this.empty) data.set('empty', this.empty);\n    if (this.anonymous) data.set('Anonymous', 'true');\n\n    data.set('quantity', '1');\n\n    return data;\n  }\n\n  private get __form(): HTMLFormElement {\n    return this.shadowRoot!.querySelector('form')!;\n  }\n\n  private __translateFrequency(frequency: string) {\n    if (!frequency || frequency.match(/^\\s*$/)) return this._t('frequency_once');\n    if (frequency === '.5m') return this._t('frequency_0_5m');\n\n    const { count, units } = parseDuration(frequency);\n    return this._t('frequency', {\n      units: this._t(units, { count }),\n      count,\n    });\n  }\n\n  private __translateAmount(amount: number) {\n    return amount.toLocaleString(this.lang, {\n      minimumFractionDigits: 0,\n      currency: this.currency!,\n      style: 'currency',\n    });\n  }\n}\n"]}
+{"version":3,"file":"Donation.js","sourceRoot":"","sources":["../../../../src/elements/public/Donation/Donation.ts"],"names":[],"mappings":"AACA,OAAO,uBAAuB,CAAC;AAC/B,OAAO,4CAA4C,CAAC;AAEpD,OAAO,EAAE,IAAI,EAAkB,MAAM,UAAU,CAAC;AAChD,OAAO,EAAE,YAAY,EAAE,wCAAqC;AAC5D,OAAO,EAAE,aAAa,EAAE,yCAAsC;AAE9D,OAAO,EAAE,QAAQ,EAAE,MAAM,EAAE,QAAQ,EAAE,WAAW,EAAE,KAAK,EAAE,IAAI,EAAE,+BAA4B;AAC3F,OAAO,EAAE,mBAAmB,EAAE,iCAA8B;AAC5D,OAAO,EAAE,mBAAmB,EAAE,iCAA8B;AAO5D;;;;;;;;;;;;GAYG;AACH,MAAM,OAAO,QAAS,SAAQ,YAAY;IAkNxC;QACE,KAAK,CAAC,UAAU,CAAC,CAAC;QAlKpB;;;;WAIG;QACI,aAAQ,GAAkB,IAAI,CAAC;QAEtC;;;;;;WAMG;QACI,WAAM,GAAkB,IAAI,CAAC;QAEpC;;;;;;WAMG;QACI,UAAK,GAAkB,IAAI,CAAC;QAEnC;;;;;WAKG;QACI,SAAI,GAAkB,IAAI,CAAC;QAElC;;;;;WAKG;QACI,WAAM,GAAsB,IAAI,CAAC;QAExC;;;;;;WAMG;QACI,YAAO,GAAoB,IAAI,CAAC;QAEvC;;;;;;;;WAQG;QACI,cAAS,GAAkB,IAAI,CAAC;QAEvC;;;;;;WAMG;QACI,gBAAW,GAAoB,IAAI,CAAC;QAE3C;;;;;;;WAOG;QACI,gBAAW,GAAkB,IAAI,CAAC;QAEzC;;;;;;;WAOG;QACI,iBAAY,GAAoB,IAAI,CAAC;QAE5C;;;;;;WAMG;QACI,YAAO,GAAkB,IAAI,CAAC;QAErC;;;;;WAKG;QACI,cAAS,GAAG,KAAK,CAAC;QAEzB;;;;;;WAMG;QACI,cAAS,GAAG,KAAK,CAAC;QAEzB;;;;;WAKG;QACI,UAAK,GAAkB,IAAI,CAAC;QAEnC;;;;;WAKG;QACI,SAAI,GAAkB,IAAI,CAAC;QAElC;;;;;;;WAOG;QACI,QAAG,GAAkB,IAAI,CAAC;QAEjC;;;;WAIG;QACI,SAAI,GAAG,UAAU,CAAC;QASzB;;WAEG;QACI,WAAM,GAAG,MAAM,CAAC;IAIvB,CAAC;IAnND,gBAAgB;IACT,MAAM,KAAK,cAAc;QAC9B,OAAO;YACL,kBAAkB,EAAE,cAAc,CAAC,GAAG,CAAC,kBAAkB,CAAC;YAC1D,gBAAgB,EAAE,WAAW;YAC7B,eAAe,EAAE,cAAc,CAAC,GAAG,CAAC,eAAe,CAAC;YACpD,YAAY,EAAE,QAAQ;YACtB,YAAY,EAAE,QAAQ;YACtB,UAAU,EAAE,MAAM;YAClB,SAAS,EAAE,KAAK;YAChB,QAAQ,EAAE,IAAI;SACf,CAAC;IACJ,CAAC;IAED,gBAAgB;IACT,MAAM,KAAK,UAAU;QAC1B,OAAO;YACL,GAAG,KAAK,CAAC,UAAU;YACnB,QAAQ,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE;YAC1B,MAAM,EAAE,EAAE,IAAI,EAAE,KAAK,EAAE;YACvB,MAAM,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE;YACxB,OAAO,EAAE,EAAE,IAAI,EAAE,KAAK,EAAE;YACxB,SAAS,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE;YAC3B,WAAW,EAAE,EAAE,IAAI,EAAE,KAAK,EAAE;YAC5B,WAAW,EAAE,EAAE,IAAI,EAAE,KAAK,EAAE;YAC5B,YAAY,EAAE,EAAE,IAAI,EAAE,KAAK,EAAE;YAC7B,OAAO,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE;YACzB,SAAS,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,IAAI,EAAE,OAAO,EAAE;YAC3C,SAAS,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,IAAI,EAAE,OAAO,EAAE;YAC3C,KAAK,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE;YACvB,KAAK,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE;YACvB,IAAI,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE;YACtB,IAAI,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE;YACtB,GAAG,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE;YACrB,IAAI,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE;YACtB,MAAM,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE;YACxB,KAAK,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE;SACxB,CAAC;IACJ,CAAC;IAED,gBAAgB;IACT,MAAM,KAAK,MAAM;QACtB,OAAO;YACL,MAAM,EAAE,mBAAmB;YAC3B,MAAM,EAAE,mBAAmB;SAC5B,CAAC;IACJ,CAAC;IAuKD,8DAA8D;IACvD,MAAM;QACX,yBAAyB;QACzB,IAAI,IAAI,CAAC,aAAa,CAAC,IAAI,mBAAmB,EAAE,CAAC;YAAE,IAAI,CAAC,MAAM,CAAC,MAAM,EAAE,CAAC;IAC1E,CAAC;IAEM,MAAM;;QACX,IAAI,CAAC,IAAI,CAAC,QAAQ,IAAI,CAAC,IAAI,CAAC,MAAM,IAAI,CAAC,IAAI,CAAC,KAAK,IAAI,CAAC,IAAI,CAAC,IAAI,EAAE;YAC/D,OAAO,IAAI,CAAA;;OAEV,CAAC;SACH;QAED,MAAM,MAAM,GAAG,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,GAAG,IAAI,CAAC,KAAK,eAAe,CAAC;QAEpF,OAAO,IAAI,CAAA;;kBAEG,IAAI,CAAC,MAAM;;;0BAGH,MAAM;;;UAGtB,CAAC,GAAG,IAAI,CAAC,MAAM,CAAC,OAAO,EAAE,CAAC,CAAC,GAAG,CAC9B,CAAC,CAAC,IAAI,EAAE,KAAK,CAAC,EAAE,EAAE,CAAC,IAAI,CAAA,6BAA6B,IAAI,UAAU,KAAK,KAAK,CAC7E;;;;UAIC,IAAI,CAAC,OAAO,IAAI,IAAI,CAAC,OAAO,CAAC,MAAM,GAAG,CAAC;YACvC,CAAC,CAAC,IAAI,CAAA;;6BAEa,IAAI,CAAC,EAAE,SAAS,IAAI,CAAC,IAAI;;4BAE1B,CAAC,QAAC,IAAI,CAAC,MAAM,0CAAE,QAAQ,CAAC,QAAQ,EAAC;6BAChC,CAAC,CAAS,EAAE,EAAE,CAAC,IAAI,CAAC,iBAAiB,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC;2BACtD,IAAI,CAAC,OAAO,CAAC,GAAG,CAAC,MAAM,CAAC;2BACxB,IAAI,CAAC,MAAM,CAAC,QAAQ,EAAE;;yBAExB,IAAI,CAAC,IAAI;;uBAEX,IAAI,CAAC,EAAE;;4BAEF,CAAC,GAAsB,EAAE,EAAE;gBACnC,MAAM,KAAK,GAAG,UAAU,CAAC,GAAG,CAAC,MAAgB,CAAC,CAAC;gBAC/C,IAAI,CAAC,MAAM,GAAG,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,0BAA0B,CAAC,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC;YACpE,CAAC;;;;;;aAMN;YACH,CAAC,CAAC,EAAE;;;;UAIJ,IAAI,CAAC,YAAY,IAAI,IAAI,CAAC,YAAY,CAAC,MAAM,GAAG,CAAC;YACjD,CAAC,CAAC,IAAI,CAAA;;yBAES,IAAI,CAAC,EAAE,CAAC,aAAa,CAAC,CAAC,QAAQ,EAAE;yBACjC,IAAI,CAAC,YAAY;yBACjB,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,WAAW,CAAC;gBACtC,CAAC,CAAC,gDAAgD;gBAClD,CAAC,CAAC,IAAI,CAAC,WAAW;;0BAEV,CAAC,GAAwB,EAAE,EAAE;gBACrC,IAAI,CAAC,WAAW,GAAG,GAAG,CAAC,MAAgB,CAAC;YAC1C,CAAC;;;;;aAKJ;YACH,CAAC,CAAC,EAAE;;;;UAIJ,OAAO,IAAI,CAAC,OAAO,KAAK,QAAQ;YAChC,CAAC,CAAC,IAAI,CAAA;;8BAEc,IAAI,CAAC,EAAE,CAAC,qBAAqB,CAAC,CAAC,QAAQ,EAAE;wBAC/C,IAAI,CAAC,OAAQ;wBACb,IAAI,CAAC,EAAE,CAAC,eAAe,CAAC,CAAC,QAAQ,EAAE;;;yBAGlC,CAAC,GAAe,EAAE,EAAE;gBAC3B,GAAG,CAAC,eAAe,EAAE,CAAC;gBACtB,IAAI,CAAC,OAAO,GAAI,GAAG,CAAC,MAA8B,CAAC,KAAK,CAAC;YAC3D,CAAC;;;;;aAKJ;YACH,CAAC,CAAC,EAAE;;;;UAIJ,IAAI,CAAC,SAAS;YACd,CAAC,CAAC,IAAI,CAAA;;;;2BAIW,IAAI,CAAC,SAAS;0BACf,CAAC,GAAwB,EAAE,EAAE,CAAC,CAAC,IAAI,CAAC,SAAS,GAAG,GAAG,CAAC,MAAM,CAAC;;kBAEnE,IAAI,CAAC,EAAE,CAAC,WAAW,CAAC;;aAEzB;YACH,CAAC,CAAC,EAAE;;;YAGF,IAAI,CAAC,WAAW,IAAI,IAAI,CAAC,WAAW,CAAC,MAAM,GAAG,CAAC;YAC/C,CAAC,CAAC,IAAI,CAAA;;;6BAGW,IAAI,CAAC,SAAS;6BACd,IAAI,CAAC,WAAW;+BACd,IAAI,CAAC,oBAAoB,CAAC,IAAI,CAAC,IAAI,CAAC;;8BAErC,CAAC,GAAwB,EAAE,EAAE;gBACrC,IAAI,CAAC,SAAS,GAAG,GAAG,CAAC,MAAgB,CAAC;YACxC,CAAC;;;;eAIN;YACH,CAAC,CAAC,EAAE;;;;;;;uBAOO,GAAG,EAAE,CAAC,IAAI,CAAC,MAAM,EAAE;;;wBAGlB;YACN,MAAM,EAAE,IAAI,CAAC,iBAAiB,CAAC,IAAI,CAAC,MAAM,CAAC;YAC3C,SAAS,EAAE,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC,oBAAoB,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,EAAE;SAC3E;uBACM,IAAI,CAAC,IAAI;sBACV,IAAI,CAAC,SAAS,IAAI,QAAC,IAAI,CAAC,WAAW,0CAAE,MAAM,CAAA,CAAC,CAAC,CAAC,oBAAoB,CAAC,CAAC,CAAC,QAAQ;qBAC9E,IAAI,CAAC,EAAE;;;;;;;KAOvB,CAAC;IACJ,CAAC;IAEM,OAAO;QACZ,IAAI,CAAC,aAAa,CAAC,IAAI,mBAAmB,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC;IAC3D,CAAC;IAED,IAAY,MAAM;QAChB,MAAM,IAAI,GAAG,IAAI,QAAQ,EAAE,CAAC;QAE5B,IAAI,OAAO,IAAI,CAAC,WAAW,KAAK,QAAQ,EAAE;YACxC,IAAI,CAAC,GAAG,CAAC,aAAa,EAAE,IAAI,CAAC,WAAW,CAAC,IAAI,EAAE,CAAC,CAAC;SAClD;QAED,IAAI,OAAO,IAAI,CAAC,MAAM,KAAK,QAAQ,IAAI,OAAO,IAAI,CAAC,QAAQ,KAAK,QAAQ,EAAE;YACxE,IAAI,CAAC,GAAG,CAAC,OAAO,EAAE,GAAG,IAAI,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,CAAC,GAAG,IAAI,CAAC,QAAQ,EAAE,CAAC,CAAC;SAChE;QAED,IAAI,IAAI,CAAC,SAAS;YAAE,IAAI,CAAC,GAAG,CAAC,eAAe,EAAE,IAAI,CAAC,SAAS,CAAC,CAAC;QAC9D,IAAI,OAAO,IAAI,CAAC,OAAO,KAAK,QAAQ;YAAE,IAAI,CAAC,GAAG,CAAC,SAAS,EAAE,IAAI,CAAC,OAAO,CAAC,IAAI,EAAE,CAAC,CAAC;QAC/E,IAAI,OAAO,IAAI,CAAC,KAAK,KAAK,QAAQ;YAAE,IAAI,CAAC,GAAG,CAAC,OAAO,EAAE,IAAI,CAAC,KAAK,CAAC,CAAC;QAClE,IAAI,OAAO,IAAI,CAAC,IAAI,KAAK,QAAQ;YAAE,IAAI,CAAC,GAAG,CAAC,MAAM,EAAE,IAAI,CAAC,IAAI,CAAC,CAAC;QAC/D,IAAI,OAAO,IAAI,CAAC,IAAI,KAAK,QAAQ;YAAE,IAAI,CAAC,GAAG,CAAC,MAAM,EAAE,IAAI,CAAC,IAAI,CAAC,IAAI,EAAE,CAAC,CAAC;QACtE,IAAI,OAAO,IAAI,CAAC,GAAG,KAAK,QAAQ;YAAE,IAAI,CAAC,GAAG,CAAC,KAAK,EAAE,IAAI,CAAC,GAAG,CAAC,CAAC;QAC5D,IAAI,OAAO,IAAI,CAAC,IAAI,KAAK,QAAQ;YAAE,IAAI,CAAC,GAAG,CAAC,MAAM,EAAE,IAAI,CAAC,IAAI,CAAC,CAAC;QAC/D,IAAI,IAAI,CAAC,KAAK;YAAE,IAAI,CAAC,GAAG,CAAC,OAAO,EAAE,IAAI,CAAC,KAAK,CAAC,CAAC;QAC9C,IAAI,IAAI,CAAC,SAAS;YAAE,IAAI,CAAC,GAAG,CAAC,WAAW,EAAE,MAAM,CAAC,CAAC;QAElD,IAAI,CAAC,GAAG,CAAC,UAAU,EAAE,GAAG,CAAC,CAAC;QAE1B,OAAO,IAAI,CAAC;IACd,CAAC;IAED,IAAY,MAAM;QAChB,OAAO,IAAI,CAAC,UAAW,CAAC,aAAa,CAAC,MAAM,CAAE,CAAC;IACjD,CAAC;IAEO,oBAAoB,CAAC,SAAiB;QAC5C,IAAI,CAAC,SAAS,IAAI,SAAS,CAAC,KAAK,CAAC,OAAO,CAAC;YAAE,OAAO,IAAI,CAAC,EAAE,CAAC,gBAAgB,CAAC,CAAC;QAC7E,IAAI,SAAS,KAAK,KAAK;YAAE,OAAO,IAAI,CAAC,EAAE,CAAC,gBAAgB,CAAC,CAAC;QAE1D,MAAM,EAAE,KAAK,EAAE,KAAK,EAAE,GAAG,aAAa,CAAC,SAAS,CAAC,CAAC;QAClD,OAAO,IAAI,CAAC,EAAE,CAAC,WAAW,EAAE;YAC1B,KAAK,EAAE,IAAI,CAAC,EAAE,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,CAAC;YAChC,KAAK;SACN,CAAC,CAAC;IACL,CAAC;IAEO,iBAAiB,CAAC,MAAc;QACtC,OAAO,MAAM,CAAC,cAAc,CAAC,IAAI,CAAC,IAAI,EAAE;YACtC,qBAAqB,EAAE,CAAC;YACxB,QAAQ,EAAE,IAAI,CAAC,QAAS;YACxB,KAAK,EAAE,UAAU;SAClB,CAAC,CAAC;IACL,CAAC;CACF","sourcesContent":["import { ScopedElementsMap } from '@open-wc/scoped-elements';\nimport '@vaadin/vaadin-button';\nimport '@vaadin/vaadin-text-field/vaadin-text-area';\nimport { PropertyDeclarations } from 'lit-element';\nimport { html, TemplateResult } from 'lit-html';\nimport { Translatable } from '../../../mixins/translatable';\nimport { parseDuration } from '../../../utils/parse-duration';\nimport { CheckboxChangeEvent, ChoiceChangeEvent, DropdownChangeEvent } from '../../private/events';\nimport { Checkbox, Choice, Dropdown, ErrorScreen, Group, I18N } from '../../private/index';\nimport { DonationChangeEvent } from './DonationChangeEvent';\nimport { DonationSubmitEvent } from './DonationSubmitEvent';\n\ninterface DonationEventsMap {\n  change: typeof DonationChangeEvent;\n  submit: typeof DonationSubmitEvent;\n}\n\n/**\n * A custom element providing customizable donation forms.\n *\n * @fires Donation#change - Instance of `Donation.events.change`. Emitted after user input triggers a change in the form data.\n * @fires Donation#submit - Instance of `Donation.events.submit`. Emitted when the form is submitted. Cancelling this event will stop the submission.\n *\n * @slot amount - Space below the amount selector, if it's visible.\n * @slot designation - Space below the designation selector, if it's visible.\n * @slot comment - Space below the comment field, if it's visible.\n *\n * @element foxy-donation\n * @since 0.3.0\n */\nexport class Donation extends Translatable {\n  /** @readonly */\n  public static get scopedElements(): ScopedElementsMap {\n    return {\n      'vaadin-text-area': customElements.get('vaadin-text-area'),\n      'x-error-screen': ErrorScreen,\n      'vaadin-button': customElements.get('vaadin-button'),\n      'x-dropdown': Dropdown,\n      'x-checkbox': Checkbox,\n      'x-choice': Choice,\n      'x-group': Group,\n      'x-i18n': I18N,\n    };\n  }\n\n  /** @readonly */\n  public static get properties(): PropertyDeclarations {\n    return {\n      ...super.properties,\n      currency: { type: String },\n      custom: { type: Array },\n      amount: { type: Number },\n      amounts: { type: Array },\n      frequency: { type: String },\n      frequencies: { type: Array },\n      designation: { type: Array },\n      designations: { type: Array },\n      comment: { type: String },\n      anonymity: { reflect: true, type: Boolean },\n      anonymous: { reflect: true, type: Boolean },\n      image: { type: String },\n      store: { type: String },\n      name: { type: String },\n      code: { type: String },\n      url: { type: String },\n      cart: { type: String },\n      target: { type: String },\n      empty: { type: String },\n    };\n  }\n\n  /** @readonly */\n  public static get events(): DonationEventsMap {\n    return {\n      change: DonationChangeEvent,\n      submit: DonationSubmitEvent,\n    };\n  }\n\n  /**\n   * **Required** 3-letter lowercase currency code.\n   *\n   * **Example:** `\"usd\"`\n   */\n  public currency: null | string = null;\n\n  /**\n   * **Required** donation amount in specified currency. When more than one amount option\n   * is available, this field will contain the selected amount. This value is deliberately not\n   * limited to the predefined options: whatever you set it to will show up in the cart.\n   *\n   * **Example:** `25`\n   */\n  public amount: null | number = null;\n\n  /**\n   * **Required** store domain. This is usually the part after before `.foxycart.com`\n   * and after `https://`, e.g. the `foxy-demo` bit of `https://foxy-demo.foxycart.com`.\n   * Custom domains like `my.domain.example.com` are also supported since v1.6.1.\n   *\n   * **Example:** `\"foxy-demo\"`\n   */\n  public store: null | string = null;\n\n  /**\n   * **Required** product name for this donation. This will show up in the cart when this form is submitted.\n   * See [Products](https://wiki.foxycart.com/v/2.0/products) wiki for more details.\n   *\n   * **Example:** `\"One-time donation\"`\n   */\n  public name: null | string = null;\n\n  /**\n   * Optional parts of the form including a custom (\"other\") option.\n   * Adding `amount` to this array will enable custom amount.\n   *\n   * **Example:** `[\"amount\"]`\n   */\n  public custom: null | 'amount'[] = null;\n\n  /**\n   * Optional donation amount variants. If this property is set, the form will render\n   * the amount selection interface. If this array includes the value of the `amount` property,\n   * it will be pre-selected in the form.\n   *\n   * **Example:** `[25, 50, 75]`\n   */\n  public amounts: null | number[] = null;\n\n  /**\n   * Optional donation frequency string encoded as count (integer) + units (one\n   * of: `d` for days, `w` for weeks, `m` for months, `y` for years). A special\n   * value for twice a month is also supported: `.5m`. If set, the form will\n   * create a subscription with the specified frequency in the cart. This value is deliberately not\n   * limited to the predefined options: whatever you set it to will show up in the cart.\n   *\n   * **Example:** `\"1m\"`\n   */\n  public frequency: null | string = null;\n\n  /**\n   * Optional donation frequency variants in the same format as `frequency`. If this property is set,\n   * the form will render the frequency selection interface. If this array includes\n   * the value of the `frequency` property, it will be pre-selected in the form.\n   *\n   * **Example:** `[\"7d\", \".5m\", \"1y\"]`\n   */\n  public frequencies: null | string[] = null;\n\n  /**\n   * Optional donation designation(s). The form will serialize and pass this value to the cart\n   * on submission. This value is deliberately not limited to the predefined options:\n   * whatever you set it to will show up in the cart.\n   *\n   * **Example:** `\"Medical Care\"`\n   * **Example:** `[\"Medical Care\", \"Daily Meals\"]`\n   */\n  public designation: null | string = null;\n\n  /**\n   * Optional donation designation(s) variants. If this property is set,\n   * the form will render the designation selection interface: multiple choice\n   * if `designation` is an array and a single choice otherwise. All values overlapping\n   * with the `designation` property will be pre-selected in the form.\n   *\n   * **Example:** `[\"Medical Care\", \"Daily Meals\", \"Area of Greatest Need\"]`\n   */\n  public designations: null | string[] = null;\n\n  /**\n   * Optional comment accompanying the donation. If set (even to an empty string),\n   * the form will render a comment field. The value of this property will be updated\n   * as the customer enters their message and will be added to the order as a custom field in the end.\n   *\n   * **Example:** `\"\"`\n   */\n  public comment: null | string = null;\n\n  /**\n   * Optional switch controlling visibility of the anonymity checkbox. If set to `true`, the form\n   * will render the checkbox. All changes in the value are reflected to the attribute.\n   *\n   * **Example:** `true`\n   */\n  public anonymity = false;\n\n  /**\n   * Optional switch marking this donation as anonymous via a custom field when set to `true`. When\n   * the anonymity checkbox is rendered, also checks or unchecks it depending on the value.\n   * All changes in the value are reflected to the attribute.\n   *\n   * **Example:** `true`\n   */\n  public anonymous = false;\n\n  /**\n   * Optional product image URL (absolute path). This property affects cart UI only.\n   * See [Products](https://wiki.foxycart.com/v/2.0/products) wiki for more details.\n   *\n   * **Example:** `\"https://picsum.photos/320\"`\n   */\n  public image: null | string = null;\n\n  /**\n   * Optional product code for this donation. This property affects cart UI only.\n   * See [Products](https://wiki.foxycart.com/v/2.0/products) wiki for more details.\n   *\n   * **Example:** `\"ISBN 978-0-12-345678-9\"`\n   */\n  public code: null | string = null;\n\n  /**\n   * Optional product URL for this donation. Accepts a full URL to the product page, starting\n   * with `http://` or `https://`, or a relative path to the produt from the store's\n   * domain (as configured in the store settings). This property affects cart UI only.\n   * See [Products](https://wiki.foxycart.com/v/2.0/products) wiki for more details.\n   *\n   * **Example:** `\"https://example.com/my-product\"`\n   */\n  public url: null | string = null;\n\n  /**\n   * Optional cart\n   * If set to 'add' will add items to the cart and, on submit, user is redirected to the cart.\n   * If set to 'checkout', the default, on submit user is redirected to checkout directly\n   */\n  public cart = 'checkout';\n\n  /**\n   * Optional empty\n   * If set to 'true' clears the contents of the cart prior to adding the donation to the cart\n   * If set to 'reset' clears the contents of the cart and cookies prior to adding the donation to the cart\n   */\n  public empty?: string;\n\n  /**\n   * Optional target to display the form response.\n   */\n  public target = '_top';\n\n  public constructor() {\n    super('donation');\n  }\n\n  /** Submits the form, emitting a cancelable `submit` event. */\n  public submit(): void {\n    /* istanbul ignore if  */\n    if (this.dispatchEvent(new DonationSubmitEvent())) this.__form.submit();\n  }\n\n  public render(): TemplateResult {\n    if (!this.currency || !this.amount || !this.store || !this.name) {\n      return html`\n        <x-error-screen data-testid=\"error\" type=\"setup_needed\" class=\"relative\"></x-error-screen>\n      `;\n    }\n\n    const domain = this.store.includes('.') ? this.store : `${this.store}.foxycart.com`;\n\n    return html`\n      <form\n        target=\"${this.target}\"\n        class=\"sr-only\"\n        method=\"POST\"\n        action=\"https://${domain}/cart\"\n        data-testid=\"form\"\n      >\n        ${[...this.__data.entries()].map(\n          ([name, value]) => html`<input type=\"hidden\" name=${name} value=${value} />`\n        )}\n      </form>\n\n      <section>\n        ${this.amounts && this.amounts.length > 0\n          ? html`\n              <x-group frame>\n                <x-i18n ns=${this.ns} lang=${this.lang} key=\"amount\" slot=\"header\"></x-i18n>\n                <x-choice\n                  ?custom=${!!this.custom?.includes('amount')}\n                  .getText=${(v: string) => this.__translateAmount(parseFloat(v))}\n                  .items=${this.amounts.map(String)}\n                  .value=${this.amount.toString()}\n                  type=\"number\"\n                  lang=${this.lang}\n                  min=\"1\"\n                  ns=${this.ns}\n                  data-testid=\"amount\"\n                  @change=${(evt: ChoiceChangeEvent) => {\n                    const value = parseFloat(evt.detail as string);\n                    this.amount = isNaN(value) ? /* istanbul ignore next */ 1 : value;\n                  }}\n                >\n                </x-choice>\n              </x-group>\n\n              <slot name=\"amount\" class=\"block my-m\"></slot>\n            `\n          : ''}\n      </section>\n\n      <section>\n        ${this.designations && this.designations.length > 0\n          ? html`\n              <x-dropdown\n                .label=${this._t('designation').toString()}\n                .items=${this.designations}\n                .value=${Array.isArray(this.designation)\n                  ? '${this.designation[0]}: ${this.designation[1]}'\n                  : this.designation}\n                data-testid=\"designation\"\n                @change=${(evt: DropdownChangeEvent) => {\n                  this.designation = evt.detail as string;\n                }}\n              >\n              </x-dropdown>\n\n              <slot name=\"designation\" class=\"block my-m\"></slot>\n            `\n          : ''}\n      </section>\n\n      <section>\n        ${typeof this.comment === 'string'\n          ? html`\n              <vaadin-text-area\n                placeholder=${this._t('comment_placeholder').toString()}\n                value=${this.comment!}\n                label=${this._t('comment_label').toString()}\n                class=\"w-full\"\n                data-testid=\"comment\"\n                @input=${(evt: InputEvent) => {\n                  evt.stopPropagation();\n                  this.comment = (evt.target as HTMLTextAreaElement).value;\n                }}\n              >\n              </vaadin-text-area>\n\n              <slot name=\"comment\" class=\"block my-m\"></slot>\n            `\n          : ''}\n      </section>\n\n      <section>\n        ${this.anonymity\n          ? html`\n              <x-checkbox\n                class=\"my-m\"\n                data-testid=\"anonymity\"\n                ?checked=${this.anonymous}\n                @change=${(evt: CheckboxChangeEvent) => (this.anonymous = evt.detail)}\n              >\n                ${this._t('anonymous')}\n              </x-checkbox>\n            `\n          : ''}\n\n        <div class=\"flex flex-wrap -m-s\">\n          ${this.frequencies && this.frequencies.length > 0\n            ? html`\n                <div class=\"flex-1 p-s\">\n                  <x-dropdown\n                    .value=${this.frequency}\n                    .items=${this.frequencies}\n                    .getText=${this.__translateFrequency.bind(this)}\n                    data-testid=\"frequency\"\n                    @change=${(evt: DropdownChangeEvent) => {\n                      this.frequency = evt.detail as string;\n                    }}\n                  >\n                  </x-dropdown>\n                </div>\n              `\n            : ''}\n\n          <div class=\"flex-1 p-s\">\n            <vaadin-button\n              class=\"w-full\"\n              theme=\"primary\"\n              data-testid=\"submit\"\n              @click=${() => this.submit()}\n            >\n              <x-i18n\n                .opts=${{\n                  amount: this.__translateAmount(this.amount),\n                  frequency: this.frequency ? this.__translateFrequency(this.frequency) : '',\n                }}\n                lang=${this.lang}\n                key=${this.frequency && !this.frequencies?.length ? 'donate_recurrently' : 'donate'}\n                ns=${this.ns}\n              >\n              </x-i18n>\n            </vaadin-button>\n          </div>\n        </div>\n      </section>\n    `;\n  }\n\n  public updated(): void {\n    this.dispatchEvent(new DonationChangeEvent(this.__data));\n  }\n\n  private get __data() {\n    const data = new FormData();\n\n    if (typeof this.designation === 'string') {\n      data.set('Designation', this.designation.trim());\n    }\n\n    if (typeof this.amount === 'number' && typeof this.currency === 'string') {\n      data.set('price', `${this.amount.toFixed(2)}${this.currency}`);\n    }\n\n    if (this.frequency) data.set('sub_frequency', this.frequency);\n    if (typeof this.comment === 'string') data.set('Comment', this.comment.trim());\n    if (typeof this.image === 'string') data.set('image', this.image);\n    if (typeof this.code === 'string') data.set('code', this.code);\n    if (typeof this.name === 'string') data.set('name', this.name.trim());\n    if (typeof this.url === 'string') data.set('url', this.url);\n    if (typeof this.cart === 'string') data.set('cart', this.cart);\n    if (this.empty) data.set('empty', this.empty);\n    if (this.anonymous) data.set('Anonymous', 'true');\n\n    data.set('quantity', '1');\n\n    return data;\n  }\n\n  private get __form(): HTMLFormElement {\n    return this.shadowRoot!.querySelector('form')!;\n  }\n\n  private __translateFrequency(frequency: string) {\n    if (!frequency || frequency.match(/^\\s*$/)) return this._t('frequency_once');\n    if (frequency === '.5m') return this._t('frequency_0_5m');\n\n    const { count, units } = parseDuration(frequency);\n    return this._t('frequency', {\n      units: this._t(units, { count }),\n      count,\n    });\n  }\n\n  private __translateAmount(amount: number) {\n    return amount.toLocaleString(this.lang, {\n      minimumFractionDigits: 0,\n      currency: this.currency!,\n      style: 'currency',\n    });\n  }\n}\n"]}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@foxy.io/elements",
   "type": "module",
-  "version": "1.21.4",
+  "version": "1.21.5",
   "description": "E-commerce web components by Foxy.",
   "repository": {
     "type": "git",

package/dist/cdn/shared-be99323d.js

@@ -1 +0,0 @@
-import{_ as e}from"./shared-a8ced8bf.js";import"./shared-62c088b7.js";import"./shared-be66c2e7.js";import"./shared-5a4829e3.js";import"./shared-bd252323.js";import"./shared-08156595.js";import"./shared-7d4fb1a2.js";import"./shared-ed0dee03.js";import{d as t,P as a,A as s,L as i,c as n,h as r}from"./shared-7f33a83a.js";import"./shared-4849ef5b.js";import"./shared-6cb1015f.js";import{p as o}from"./shared-7097364f.js";import{a as l,x as d}from"./shared-2cc638ad.js";import{T as c,U as u,V as h,W as m,X as v,Y as g,Z as p,$ as y,b,a0 as f,a1 as x,a2 as _,a3 as w,a4 as $,a5 as E,a6 as T,m as k,a7 as S}from"./shared-dcdb6ea1.js";import{I as V}from"./shared-4f037e43.js";import{s as C}from"./shared-11c2efc8.js";import{i as A}from"./shared-e3ab56d1.js";var M={raise:c,send:u,sendParent:h,sendUpdate:m,log:v,cancel:g,start:p,stop:y,assign:b,after:f,done:x,respond:_,forwardTo:w,escalate:$,choose:E,pure:T};const j=t((e=>t=>{const{element:i,name:n,strings:r}=t.committer;if(2!==r.length||""!==r[0]||""!==r[1])throw new Error("live directive bindings must not contain any static values");if(t.committer.parts.length>1)throw new Error("live directive must be the only directive for an attribute or property");if(t instanceof a)i[n]!==e&&t.setValue(e);else{if(!(t instanceof s))throw new Error("live directive can only be used on attributes or properties");i.getAttribute(n)!==e&&t.setValue(e)}}));class I extends CustomEvent{constructor(e){super("change",{detail:e})}}class U extends CustomEvent{constructor(e){super("change",{detail:e})}}class D extends U{}let P,q,F=e=>e;class L extends(l(V(i))){constructor(){super(...arguments),this.label="",this.value="",this.disabled=!1,this.readonly=!1,this.errorMessage="",this.__i18n={formatValue:e=>e.join(""),parseValue:e=>{const{count:t,units:a}=o(e);return[t.toString(),a]}},this.__getItems=k((e=>{const t=o(e).count;return[{value:"d",label:this.t("day",{count:t})},{value:"w",label:this.t("week",{count:t})},{value:"m",label:this.t("month",{count:t})},{value:"y",label:this.t("year",{count:t})}]}))}static get properties(){return e(e({},super.properties),{},{checkValidity:{attribute:!1},errorMessage:{type:String,attribute:"error-message"},disabled:{type:Boolean,reflect:!0},readonly:{type:Boolean,reflect:!0},label:{type:String},value:{type:String}})}static get styles(){return n(P||(P=F`:host{display:block}vaadin-custom-field{width:100%;font-size:0;line-height:0;padding-top:0!important}vaadin-custom-field::part(label){padding-bottom:var(--lumo-space-s)}vaadin-custom-field::part(error-message)[aria-hidden=false]{padding-top:var(--lumo-space-xs)}vaadin-combo-box,vaadin-integer-field{width:calc(50% - (var(--lumo-space-s)/ 2))}vaadin-integer-field{margin-right:var(--lumo-space-s);padding:0}vaadin-combo-box::part(text-field){padding:0}`))}render(){return r(q||(q=F` <vaadin-custom-field data-testid="field" .i18n="${0}" .label="${0}" .value="${0}" ?disabled="${0}" ?readonly="${0}" .errorMessage="${0}" .checkValidity="${0}" @change="${0}"> <vaadin-integer-field data-testid="value" min="1" max="999" has-controls prevent-invalid-input ?invalid="${0}" ?disabled="${0}" ?readonly="${0}"> </vaadin-integer-field> <vaadin-combo-box data-testid="units" item-value-path="value" item-label-path="label" .items="${0}" ?invalid="${0}" ?disabled="${0}" ?readonly="${0}"> </vaadin-combo-box> </vaadin-custom-field> `),this.__i18n,this.label,j(this.value),this.disabled,this.readonly,this.errorMessage,this.checkValidity,this.__handleChange,!this.checkValidity(),this.disabled,this.readonly,this.__getItems(this.value),!this.checkValidity(),this.disabled,this.readonly)}updated(e){super.updated(e);const t=this.renderRoot.firstElementChild;t.value!==this.value&&(t.value=this.value)}checkValidity(){return!0}__handleChange(e){const t=e.target;this.value=t.value,this.dispatchEvent(new D(this.value))}}const B=S({id:"choice",type:"parallel",context:{defaultCustomValue:"",customValue:null,custom:!1,items:[],value:null,type:"text",min:null,max:null},states:{mutability:{initial:"editable",states:{editable:{},readonly:{}},on:{SET_READONLY:[{target:".editable",cond:"isPayloadFalsey"},{target:".readonly",cond:"isPayloadTruthy"}]}},interactivity:{initial:"enabled",states:{enabled:{},disabled:{}},on:{SET_DISABLED:[{target:".enabled",cond:"isPayloadFalsey"},{target:".disabled",cond:"isPayloadTruthy"}]}},selection:{initial:"unknown",states:{unknown:{always:[{target:"multiple",cond:"isValueArray"},{target:"single"}]},none:{},single:{},multiple:{}}},extension:{initial:"unknown",states:{unknown:{always:[{target:"present",cond:"hasCustom"},{target:"absent"}]},absent:{},present:{initial:"unknown",states:{unknown:{always:[{target:"selected",cond:"hasCustomValue"},{target:"available"}]},available:{on:{SET_TYPE:{actions:"setType"}}},selected:{initial:"unknown",states:{unknown:{always:[{target:"integer",cond:"showsIntegerField"},{target:"textarea",cond:"showsTextarea"},{target:"frequency",cond:"showsFrequency"},{target:"text"}]},text:{},frequency:{},textarea:{},integer:{type:"parallel",states:{min:{initial:"unknown",states:{unknown:{always:[{target:"custom",cond:"hasMinConstraint"},{target:"none"}]},none:{},custom:{}}},max:{initial:"unknown",states:{unknown:{always:[{target:"custom",cond:"hasMaxConstraint"},{target:"none"}]},none:{},custom:{}}}}}}}}}}}},on:{SET_DEFAULT_CUSTOM_VALUE:{actions:"setDefaultCustomValue"},SET_CUSTOM:{actions:"setCustom",target:[".selection.unknown",".extension.unknown"]},SET_VALUE:{actions:"setValue",target:[".selection.unknown",".extension.unknown"]},SET_ITEMS:{actions:"setItems",target:[".selection.unknown",".extension.unknown"]},SET_TYPE:{actions:"setType",target:".extension.unknown"},SET_MIN:{actions:"setMin",target:".extension.unknown"},SET_MAX:{actions:"setMax",target:".extension.unknown"}}},{guards:{isPayloadFalsey:(e,t)=>!t.data,isPayloadTruthy:(e,t)=>!!t.data,isValueArray:e=>Array.isArray(e.value),showsIntegerField:e=>"integer"===e.type,showsFrequency:e=>"frequency"===e.type,showsTextarea:e=>"textarea"===e.type,hasMinConstraint:e=>"number"==typeof e.min,hasMaxConstraint:e=>"number"==typeof e.max,hasCustomValue:e=>"string"==typeof e.customValue,hasCustom:e=>e.custom},actions:{setDefaultCustomValue:M.assign({defaultCustomValue:(e,t)=>t.data}),setValue:M.assign({value:(e,t)=>t.data,customValue:(e,t)=>Array.isArray(t.data)?t.data.find((t=>!e.items.includes(t))):e.items.includes(t.data)?null:t.data}),setCustom:M.assign({custom:(e,t)=>t.data}),setItems:M.assign({items:(e,t)=>t.data}),setType:M.assign({type:(e,t)=>t.data}),setMin:M.assign({min:(e,t)=>t.data}),setMax:M.assign({max:(e,t)=>t.data})}});let N,O,Y,R,X,z,W,Z,G,H,J,K,Q,ee=e=>e;const te=`@foxy.io/elements::other[${(Math.pow(10,10)*Math.random()).toFixed(0)}]`;class ae extends d{constructor(){super(...arguments),this.getText=e=>e,this.__service=A(B).onChange((()=>this.requestUpdate())).onTransition((({changed:e})=>e&&this.requestUpdate())).start()}static get scopedElements(){return{"vaadin-integer-field":customElements.get("vaadin-integer-field"),"vaadin-text-field":customElements.get("vaadin-text-field"),"x-frequency-input":L,"vaadin-text-area":customElements.get("vaadin-text-area"),"iron-icon":customElements.get("iron-icon")}}static get styles(){return[super.styles,n(Y||(Y=ee`:host{--item-width:calc((var(--lumo-space-m) * 2) + 1.25rem)}.ml-xxl{margin-left:var(--item-width)}.item{height:var(--lumo-size-l);width:var(--item-width)}.radio{height:1.25rem;width:1.25rem}.check{height:1.125rem;width:1.125rem}.dot{height:.5rem;width:.5rem}`))]}static get properties(){return e(e({},super.properties),{},{defaultCustomValue:{type:String,attribute:"default-custom-value"},disabled:{type:Boolean},readonly:{type:Boolean},custom:{type:Boolean},type:{type:String},min:{type:Number},max:{type:Number},value:{type:Array},items:{type:Array},getText:{attribute:!1}})}get defaultCustomValue(){return this.__service.state.context.defaultCustomValue}set defaultCustomValue(e){this.__service.send("SET_DEFAULT_CUSTOM_VALUE",{data:e})}get readonly(){return this.__service.state.matches("mutability.readonly")}set readonly(e){this.__service.send("SET_READONLY",{data:e})}get disabled(){return this.__service.state.matches("interactivity.disabled")}set disabled(e){this.__service.send("SET_DISABLED",{data:e})}get custom(){return this.__service.state.matches("extension.present")}set custom(e){this.__service.send("SET_CUSTOM",{data:e})}get type(){return this.__service.state.context.type}set type(e){this.__service.send("SET_TYPE",{data:e})}get min(){return this.__service.state.context.min}set min(e){this.__service.send("SET_MIN",{data:e})}get max(){return this.__service.state.context.max}set max(e){this.__service.send("SET_MAX",{data:e})}get value(){return this.__service.state.context.value}set value(e){this.__service.send("SET_VALUE",{data:e})}get items(){return this.__service.state.context.items}set items(e){this.__service.send("SET_ITEMS",{data:e})}render(){const e=this.custom?[...this.items,te]:this.items,t=Array.isArray(this.value),a=this.__service.state.matches("extension.present.selected"),s=r(R||(R=ee` ${0} `),e.map(((e,s,i)=>{var n;const o=this.custom&&s===i.length-1,l=o?a:t?!!(null===(n=this.value)||void 0===n?void 0:n.includes(e)):e===String(this.value),d=this.disabled||!this._isI18nReady,c=C({value:o?te:e,name:t?e:"choice","data-testid":`item-${e}`,"?disabled":d,"@change":t=>{if(this.readonly)return t.preventDefault();const a=t.target.checked,s=e===te?this.defaultCustomValue:e,i=this.value;Array.isArray(i)?this.value=e===te?a?[...i,s]:i.slice(0,i.length-1):a?[s,...i]:i.filter((e=>e!==s)):this.value=a?s:null,this.dispatchEvent(new I(this.value))}}),u=r(X||(X=ee` <div> ${0} </div> `),e===te?this._t("choice.other").toString():r(z||(z=ee`<slot name="${0}">${0}</slot>`),`${e}-label`,this.getText(e)));return r(W||(W=ee` <div class="ml-xxl border-t border-contrast-10 ${0}"></div> ${0} <div class="mr-m ml-xxl"> ${0} ${0} </div> `),s?"":"hidden",t?function(e,t,a,s,i){const n="transition ease-in-out duration-200",o=`${n} transform ${a?"scale-100":"scale-0"} ${e?"text-contrast-70":"text-tint"}`;return r(O||(O=ee` <label class="group flex items-center ${0}"> <div class="item flex items-center justify-center flex-shrink-0 text-primary-contrast"> <div class="check rounded-s ${0} ${0} ${0} focus-within-shadow-outline"> <iron-icon icon="lumo:checkmark" class="block w-full h-full ${0}"></iron-icon> <input type="checkbox" class="sr-only" .checked="${0}" ...="${0}"> </div> </div> <div class="font-lumo leading-m ${0}">${0}</div> </label> `),t||e?"":"cursor-pointer","border "+(e?"border-dashed border-contrast-30":"border-transparent"),n,e?"":t?a?"bg-primary-50":"bg-contrast-10":a?"bg-primary":"bg-contrast-20 group-hover-bg-contrast-30",o,a,s,t?"text-disabled":e?"text-secondary":"text-body",i)}(this.readonly,d,l,c,u):function(e,t,a,s,i){const n="transition ease-in-out duration-200",o=`${n} ${t||e?"":"shadow-xs"} transform ${a?"scale-100":"scale-0"} ${e?"bg-contrast-70":"bg-tint"}`;return r(N||(N=ee` <label class="group flex items-center ${0}"> <div class="item flex items-center justify-center flex-shrink-0"> <div class="flex radio rounded-full ${0} ${0} ${0} focus-within-shadow-outline"> <div class="dot m-auto rounded-full ${0}"></div> <input type="radio" class="sr-only" .checked="${0}" ...="${0}"> </div> </div> <div class="font-lumo leading-m ${0}">${0}</div> </label> `),t||e?"":"cursor-pointer","border "+(e?"border-dashed border-contrast-30":"border-transparent"),n,e?"":t?a?"bg-primary-50":"bg-contrast-10":a?"bg-primary":"bg-contrast-20 group-hover-bg-contrast-30",o,a,s,t?"text-disabled":e?"text-secondary":"text-body",i)}(this.readonly,d,l,c,u),e===te&&a?this.__field:"",e!==te?r(Z||(Z=ee`<slot name="${0}"></slot>`),e):"")})));return r(G||(G=ee`<form>${0}</form> `),s)}get __field(){const e=C({placeholder:this._t("choice.other").toString(),class:"w-full mb-m",value:this.__service.state.context.customValue,max:this.max,min:this.min,ns:this.ns,"?disabled":this.disabled,"?readonly":this.readonly,"data-testid":"field","@change":e=>{e.stopPropagation();const t=e.target.value;Array.isArray(this.value)?this.value=this.value.slice(0,this.value.length-1).concat(t):this.value=t,this.dispatchEvent(new I(this.value))}});return"frequency"===this.type?r(H||(H=ee`<x-frequency-input ...="${0}"></x-frequency-input>`),e):"integer"===this.type?r(J||(J=ee`<vaadin-integer-field ...="${0}" has-controls></vaadin-integer-field>`),e):"textarea"===this.type?r(K||(K=ee`<vaadin-text-area ...="${0}"></vaadin-text-area>`),e):r(Q||(Q=ee`<vaadin-text-field ...="${0}"></vaadin-text-field>`),e)}}export{ae as C,U as D,L as F,I as a,M as b};