@foxy.io/elements 1.15.0-beta.8 → 1.16.0-beta.10

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

@@ -1 +1 @@
-{"version":3,"file":"SubscriptionForm.js","sourceRoot":"","sources":["../../../../src/elements/public/SubscriptionForm/SubscriptionForm.ts"],"names":[],"mappings":"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","sourcesContent":["import { Choice, Group, Skeleton } from '../../private/index';\nimport { Data, Item, Settings, Templates } from './types';\nimport { ScopedElementsMap, ScopedElementsMixin } from '@open-wc/scoped-elements';\nimport { TemplateResult, html } from 'lit-html';\nimport {\n  getAllowedFrequencies,\n  getNextTransactionDateConstraints,\n  isNextTransactionDate,\n} from '@foxy.io/sdk/customer';\n\nimport { ButtonElement } from '@vaadin/vaadin-button';\nimport { CellContext } from '../Table/types';\nimport { ConfigurableMixin } from '../../../mixins/configurable';\nimport { FormDialog } from '../FormDialog';\nimport { InternalCalendar } from '../../internal/InternalCalendar';\nimport { NucleonElement } from '../NucleonElement/index';\nimport { PageRendererContext } from '../CollectionPages/types';\nimport { Preview } from '../ItemsForm/private/Preview';\nimport { PropertyDeclarations } from 'lit-element';\nimport { ThemeableMixin } from '../../../mixins/themeable';\nimport { TransactionsTable } from '../TransactionsTable/TransactionsTable';\nimport { Data as TransactionsTableData } from '../TransactionsTable/types';\nimport { TranslatableMixin } from '../../../mixins/translatable';\nimport { classMap } from '../../../utils/class-map';\nimport { ifDefined } from 'lit-html/directives/if-defined';\nimport { parseFrequency } from '../../../utils/parse-frequency';\nimport { serializeDate } from '../../../utils/serialize-date';\n\nconst NS = 'subscription-form';\nconst Base = ScopedElementsMixin(\n  ThemeableMixin(ConfigurableMixin(TranslatableMixin(NucleonElement, NS)))\n);\n\n/**\n * Form element for creating or editing subscriptions.\n *\n * @slot header:before - **new in v1.4.0**\n * @slot header:after - **new in v1.4.0**\n *\n * @slot items:before - **new in v1.4.0**\n * @slot items:after - **new in v1.4.0**\n * @slot items:actions:before - **new in v1.4.0**\n * @slot items:actions:after - **new in v1.4.0**\n *\n * @slot end-date:before - **new in v1.4.0**\n * @slot end-date:after - **new in v1.4.0**\n *\n * @slot next-transaction-date:before - **new in v1.4.0**\n * @slot next-transaction-date:after - **new in v1.4.0**\n *\n * @slot frequency:before - **new in v1.4.0**\n * @slot frequency:after - **new in v1.4.0**\n *\n * @slot transactions:before - **new in v1.4.0**\n * @slot transactions:after - **new in v1.4.0**\n *\n * @element foxy-subscription-form\n * @since 1.2.0\n */\nexport class SubscriptionForm extends Base<Data> {\n  static get scopedElements(): ScopedElementsMap {\n    return {\n      'foxy-internal-calendar': customElements.get('foxy-internal-calendar'),\n      'foxy-collection-pages': customElements.get('foxy-collection-pages'),\n      'foxy-internal-sandbox': customElements.get('foxy-internal-sandbox'),\n      'vaadin-combo-box': customElements.get('vaadin-combo-box'),\n      'foxy-form-dialog': customElements.get('foxy-form-dialog'),\n      'vaadin-button': customElements.get('vaadin-button'),\n      'foxy-spinner': customElements.get('foxy-spinner'),\n      'vcf-tooltip': customElements.get('vcf-tooltip'),\n      'foxy-table': customElements.get('foxy-table'),\n      'foxy-i18n': customElements.get('foxy-i18n'),\n      'iron-icon': customElements.get('iron-icon'),\n      'x-skeleton': Skeleton,\n      'x-preview': Preview,\n      'x-choice': Choice,\n      'x-group': Group,\n    };\n  }\n\n  static get properties(): PropertyDeclarations {\n    return {\n      ...super.properties,\n      settings: { type: Object },\n    };\n  }\n\n  settings: Settings | null = null;\n\n  templates: Templates = {};\n\n  private readonly __renderHeaderSubtitle = () => {\n    const { data, lang, ns } = this;\n\n    if (data) {\n      let color = 'text-secondary';\n      let date: string;\n      let key: string;\n\n      if (data.first_failed_transaction_date) {\n        color = 'text-error';\n        date = data.first_failed_transaction_date;\n        key = 'subscription_failed';\n      } else if (data.end_date) {\n        date = data.end_date;\n        const hasEnded = new Date(date).getTime() > Date.now();\n        key = hasEnded ? 'subscription_will_be_cancelled' : 'subscription_cancelled';\n      } else {\n        date = data.next_transaction_date ?? new Date().toISOString();\n        key = `subscription_${data.is_active ? 'active' : 'inactive'}`;\n      }\n\n      const text = html`\n        <foxy-i18n\n          data-testid=\"header-subtitle\"\n          options=${JSON.stringify({ date })}\n          class=${color}\n          lang=${lang}\n          key=${key}\n          ns=${ns}\n        >\n        </foxy-i18n>\n      `;\n\n      if (data.first_failed_transaction_date) {\n        return html`\n          <span id=\"status\" class=\"flex items-center space-x-xs ${color}\">\n            ${text}<iron-icon icon=\"icons:info-outline\" class=\"icon-inline\"></iron-icon>\n          </span>\n          <vcf-tooltip for=\"status\" position=\"bottom\">\n            <span class=\"text-s\">${data.error_message}</span>\n          </vcf-tooltip>\n        `;\n      }\n\n      return text;\n    }\n\n    return html`<x-skeleton class=\"w-full\" variant=\"static\">&nbsp;</x-skeleton>`;\n  };\n\n  private readonly __renderHeaderTitle = () => {\n    const { data, lang, ns } = this;\n\n    if (data) {\n      const frequency = parseFrequency(data.frequency);\n      const currency = data._embedded['fx:last_transaction'].currency_code;\n      const total = data._embedded['fx:last_transaction'].total_order;\n\n      return html`\n        <foxy-i18n\n          data-testid=\"header-title\"\n          options=${JSON.stringify({ ...frequency, amount: `${total} ${currency}` })}\n          lang=${lang}\n          key=\"price_${data.frequency === '.5m' ? 'twice_a_month' : 'recurring'}\"\n          ns=${ns}\n        >\n        </foxy-i18n>\n      `;\n    }\n\n    return html`<x-skeleton class=\"w-full\" variant=\"static\">&nbsp;</x-skeleton>`;\n  };\n\n  private readonly __renderHeader = () => {\n    return html`\n      <div data-testid=\"header\">\n        ${this.renderTemplateOrSlot('header:before')}\n        <div class=\"leading-xs text-xxl font-bold\">${this.__renderHeaderTitle()}</div>\n        <div class=\"leading-xs text-l\">${this.__renderHeaderSubtitle()}</div>\n        ${this.renderTemplateOrSlot('header:after')}\n      </div>\n    `;\n  };\n\n  private readonly __renderItemsActions = () => {\n    return html`\n      <div class=\"flex\" data-testid=\"items:actions\">\n        ${this.renderTemplateOrSlot('items:actions:before')}\n\n        <foxy-i18n\n          data-testid=\"items:actions-label\"\n          class=\"flex-1\"\n          lang=${this.lang}\n          key=\"item_plural\"\n          ns=${this.ns}\n        >\n        </foxy-i18n>\n\n        ${this.renderTemplateOrSlot('items:actions:after')}\n      </div>\n    `;\n  };\n\n  private readonly __renderItemsItem = (item: Item) => {\n    const price = item.price.toLocaleString(this.lang || 'en', {\n      style: 'currency',\n      currency: this.data!._embedded['fx:last_transaction'].currency_code,\n    });\n\n    let quantity: TemplateResult;\n\n    if (item.quantity > 1) {\n      quantity = html`\n        <div\n          data-testclass=\"item-quantity\"\n          class=\"px-s h-xs rounded bg-contrast-5 flex items-center font-tnum text-contrast text-s font-bold\"\n        >\n          ${item.quantity}\n        </div>\n      `;\n    } else {\n      quantity = html``;\n    }\n\n    return html`\n      <figure class=\"flex items-center space-x-m py-s pr-m\" data-testclass=\"item\">\n        <x-preview\n          data-testclass=\"item-preview\"\n          class=\"w-l h-l\"\n          .quantity=${item.quantity}\n          .image=${item.image}\n        >\n        </x-preview>\n\n        <figcaption class=\"leading-s flex-1 flex justify-between items-center\">\n          <div class=\"flex flex-col\">\n            <span class=\"font-medium\" data-testclass=\"item-name\">${item.name}</span>\n            <span class=\"text-secondary text-s\" data-testclass=\"item-price\">${price}</span>\n          </div>\n\n          ${quantity}\n        </figcaption>\n      </figure>\n    `;\n  };\n\n  private readonly __renderItems = () => {\n    const hiddenSelector = this.hiddenSelector;\n    const items = this.data?._embedded['fx:transaction_template']._embedded['fx:items'] ?? [];\n    const label = hiddenSelector.matches('items:actions', true) ? '' : this.__renderItemsActions();\n\n    return html`\n      <div data-testid=\"items\">\n        ${this.renderTemplateOrSlot('items:before')}\n        <x-group frame>\n          <div slot=\"header\">${label}</div>\n          <div class=\"divide-y divide-contrast-10 pl-s\">${items.map(this.__renderItemsItem)}</div>\n        </x-group>\n        ${this.renderTemplateOrSlot('items:after')}\n      </div>\n    `;\n  };\n\n  private readonly __renderEndDate = () => {\n    const { disabledSelector, lang, ns } = this;\n    const formHiddenSelector = this.hiddenSelector.zoom('end-date:form').toString();\n\n    return html`\n      <div>\n        ${this.renderTemplateOrSlot('end-date:before')}\n\n        <foxy-form-dialog\n          readonlycontrols=${this.readonlySelector.zoom('end-date:form').toString()}\n          disabledcontrols=${disabledSelector.zoom('end-date:form').toString()}\n          hiddencontrols=\"save-button ${formHiddenSelector}\"\n          data-testid=\"cancellation-form\"\n          parent=${this.parent}\n          header=\"end_subscription\"\n          alert\n          form=\"foxy-cancellation-form\"\n          href=${this.href}\n          lang=${lang}\n          id=\"end-date-form\"\n          ns=${ns}\n          .templates=${this.getNestedTemplates('end-date:form')}\n        >\n        </foxy-form-dialog>\n\n        <vaadin-button\n          data-testid=\"end-date\"\n          theme=\"error\"\n          class=\"w-full\"\n          ?disabled=${!this.data || disabledSelector.matches('end-date', true)}\n          @click=${(evt: Event) => {\n            const form = this.renderRoot.querySelector('#end-date-form') as FormDialog;\n            form.show(evt.currentTarget as ButtonElement);\n          }}\n        >\n          <foxy-i18n key=\"end_subscription\" ns=${ns} lang=${lang}></foxy-i18n>\n        </vaadin-button>\n\n        ${this.renderTemplateOrSlot('end-date:after')}\n      </div>\n    `;\n  };\n\n  private readonly __checkNextTransactionDateAvailability = (date: Date) => {\n    const { settings, data: subscription } = this;\n\n    if (settings && subscription) {\n      const value = serializeDate(date);\n      return isNextTransactionDate({ value, settings, subscription });\n    }\n\n    return date.getTime() >= Date.now();\n  };\n\n  private readonly __renderNextTransactionDate = () => {\n    const { data, lang, ns } = this;\n    const isActive = !!data?.is_active;\n\n    return html`\n      <div data-testid=\"next-transaction-date\">\n        ${this.renderTemplateOrSlot('next-transaction-date:before')}\n\n        <x-group frame>\n          <foxy-i18n key=\"next_transaction_date\" ns=${ns} lang=${lang} slot=\"header\"></foxy-i18n>\n          <foxy-internal-calendar\n            start=${ifDefined(data?.next_transaction_date.substr(0, 10))}\n            value=${ifDefined(data?.next_transaction_date)}\n            lang=${lang}\n            ?readonly=${!isActive || this.readonlySelector.matches('next-transaction-date', true)}\n            ?disabled=${!data || this.disabledSelector.matches('next-transaction-date', true)}\n            .checkAvailability=${this.__checkNextTransactionDateAvailability}\n            @change=${(evt: Event) => {\n              const target = evt.target as InternalCalendar;\n              this.edit({ next_transaction_date: target.value });\n            }}\n          >\n          </foxy-internal-calendar>\n        </x-group>\n\n        ${this.renderTemplateOrSlot('next-transaction-date:after')}\n      </div>\n    `;\n  };\n\n  private readonly __renderFrequencyAsDropdown = () => {\n    const { data } = this;\n    const active = !!data?.is_active;\n    const items = this.__frequencies.map(v => ({\n      label: this.t(v === '.5m' ? 'twice_a_month' : 'frequency', parseFrequency(v)),\n      value: v,\n    }));\n\n    return html`\n      <vaadin-combo-box\n        item-value-path=\"value\"\n        item-label-path=\"label\"\n        data-testid=\"frequency\"\n        ?disabled=${!data || this.disabledSelector.matches('frequency', true)}\n        ?readonly=${data && (!active || this.readonlySelector.matches('frequency', true))}\n        class=\"w-full\"\n        label=${this.t('frequency_label').toString()}\n        value=${ifDefined(this.form.frequency)}\n        .items=${items}\n        @change=${(evt: Event) => {\n          this.edit({ frequency: (evt.target as HTMLInputElement).value });\n        }}\n      >\n      </vaadin-combo-box>\n    `;\n  };\n\n  private readonly __renderFrequencyAsRadioList = () => {\n    const { data, lang, ns } = this;\n\n    return html`\n      <x-group frame>\n        <foxy-i18n key=\"frequency_label\" ns=${ns} lang=${lang} slot=\"header\"></foxy-i18n>\n\n        <x-choice\n          default-custom-value=\"1d\"\n          data-testid=\"frequency\"\n          type=\"frequency\"\n          ns=${SubscriptionForm.defaultNS}\n          ?custom=${this.settings === null}\n          .items=${this.__frequencies}\n          .value=${this.form.frequency ?? null}\n          ?disabled=${!data || this.disabledSelector.matches('frequency', true)}\n          ?readonly=${data && (!data.is_active || this.readonlySelector.matches('frequency', true))}\n          @change=${(evt: Event) => {\n            this.edit({ frequency: (evt.target as HTMLInputElement).value });\n          }}\n        >\n          ${this.__frequencies.map(\n            frequency => html`\n              <foxy-i18n\n                options=${JSON.stringify(parseFrequency(frequency))}\n                slot=\"${frequency}-label\"\n                lang=${lang}\n                key=${frequency === '.5m' ? 'twice_a_month' : 'frequency'}\n                ns=${ns}\n              >\n              </foxy-i18n>\n            `\n          )}\n        </x-choice>\n      </x-group>\n    `;\n  };\n\n  private readonly __renderFrequency = () => {\n    return html`\n      <div>\n        ${this.renderTemplateOrSlot('frequency:before')}\n        ${this.settings && this.__frequencies.length > 4\n          ? this.__renderFrequencyAsDropdown()\n          : this.__renderFrequencyAsRadioList()}\n        ${this.renderTemplateOrSlot('frequency:after')}\n      </div>\n    `;\n  };\n\n  private readonly __transactionsTableColumns = [\n    {\n      cell(ctx: CellContext<TransactionsTableData>) {\n        const colors: Record<string, string> = {\n          declined: 'text-error',\n          rejected: 'text-error',\n        };\n\n        const status = TransactionsTable.statusColumn.cell!(ctx);\n        const price = TransactionsTable.priceColumn.cell!(ctx);\n        const color = colors[ctx.data.status] ?? 'text-body';\n\n        return ctx.html`\n          <span class=\"sr-only\">${status}</span>\n          <span class=\"${color} text-s\">${price}</span>\n        `;\n      },\n    },\n    { cell: TransactionsTable.idColumn.cell, hideBelow: 'sm' },\n    { cell: TransactionsTable.dateColumn.cell },\n    { cell: TransactionsTable.receiptColumn.cell },\n  ];\n\n  private readonly __renderTransactionsPage = ({ html, ...ctx }: PageRendererContext) => {\n    return html`\n      <foxy-table\n        group=${ctx.group}\n        lang=${ctx.lang}\n        href=${ctx.href}\n        ns=\"${ctx.ns} ${customElements.get('foxy-transactions-table')?.defaultNS ?? ''}\"\n        .columns=${this.__transactionsTableColumns}\n      >\n      </foxy-table>\n    `;\n  };\n\n  private readonly __renderTransactions = () => {\n    const { lang, ns } = this;\n\n    return html`\n      <div data-testid=\"transactions\">\n        ${this.renderTemplateOrSlot('transactions:before')}\n\n        <x-group frame>\n          <foxy-i18n lang=${lang} slot=\"header\" key=\"transaction_plural\" ns=${ns}></foxy-i18n>\n          <foxy-collection-pages\n            group=${this.group}\n            class=\"block divide-y divide-contrast-10 px-m\"\n            first=${this.data?._links['fx:transactions'].href ?? ''}\n            lang=${lang}\n            ns=${ns}\n            .page=${this.__renderTransactionsPage}\n          >\n          </foxy-collection-pages>\n        </x-group>\n\n        ${this.renderTemplateOrSlot('transactions:after')}\n      </div>\n    `;\n  };\n\n  render(): TemplateResult {\n    const isBusy = this.in('busy');\n    const isFail = this.in('fail');\n\n    return html`\n      <div\n        data-testid=\"wrapper\"\n        aria-busy=${isBusy}\n        aria-live=\"polite\"\n        class=\"relative space-y-l text-body font-lumo text-m leading-m\"\n      >\n        ${this.hiddenSelector.matches('header', true) ? '' : this.__renderHeader()}\n        ${this.hiddenSelector.matches('items', true) ? '' : this.__renderItems()}\n        ${this.hiddenSelector.matches('end-date', true) ? '' : this.__renderEndDate()}\n        ${this.__isNextTransactionDateVisible ? this.__renderNextTransactionDate() : ''}\n        ${this.__isFrequencyVisible ? this.__renderFrequency() : ''}\n        ${this.hiddenSelector.matches('transactions', true) ? '' : this.__renderTransactions()}\n\n        <div\n          data-testid=\"spinner\"\n          class=${classMap({\n            'transition duration-500 ease-in-out absolute inset-0 flex': true,\n            'opacity-0 pointer-events-none': !isBusy && !isFail,\n          })}\n        >\n          <foxy-spinner\n            layout=\"vertical\"\n            class=\"m-auto p-m bg-base shadow-xs rounded-t-l rounded-b-l\"\n            state=${isFail ? 'error' : isBusy ? 'busy' : 'empty'}\n            lang=${this.lang}\n            ns=\"${this.ns} ${customElements.get('foxy-spinner')?.defaultNS ?? ''}\"\n          >\n          </foxy-spinner>\n        </div>\n      </div>\n    `;\n  }\n\n  private get __isNextTransactionDateVisible() {\n    if (this.hiddenSelector.matches('next-transaction-date', true)) return false;\n    if (this.data === null) return false;\n    if (this.data.end_date && new Date(this.data.end_date).getTime() <= Date.now()) return false;\n    if (this.data.is_active === false) return false;\n    if (this.settings === null) return true;\n\n    const rules = this.settings.subscriptions.allow_next_date_modification;\n    return !!getNextTransactionDateConstraints(this.data, rules);\n  }\n\n  private get __isFrequencyVisible() {\n    if (this.hiddenSelector.matches('frequency', true)) return false;\n    if (this.data === null) return false;\n    if (this.data.end_date && new Date(this.data.end_date).getTime() <= Date.now()) return false;\n    if (this.data.is_active === false) return false;\n    if (this.settings === null) return true;\n\n    const allowedFrequencies = getAllowedFrequencies({\n      subscription: this.data,\n      settings: this.settings,\n    });\n\n    return !allowedFrequencies.next().done;\n  }\n\n  private get __frequencies() {\n    if (!this.settings || !this.data) return ['.5m', '1m', '1y'];\n\n    const allowedFrequencies = getAllowedFrequencies({\n      subscription: this.data,\n      settings: this.settings,\n    });\n\n    return Array.from(allowedFrequencies);\n  }\n}\n"]}
+{"version":3,"file":"SubscriptionForm.js","sourceRoot":"","sources":["../../../../src/elements/public/SubscriptionForm/SubscriptionForm.ts"],"names":[],"mappings":"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","sourcesContent":["import { Choice, Group, Skeleton } from '../../private/index';\nimport { Data, Item, Settings, Templates } from './types';\nimport { ScopedElementsMap, ScopedElementsMixin } from '@open-wc/scoped-elements';\nimport { TemplateResult, html } from 'lit-html';\nimport {\n  getAllowedFrequencies,\n  getNextTransactionDateConstraints,\n  isNextTransactionDate,\n} from '@foxy.io/sdk/customer';\n\nimport { ButtonElement } from '@vaadin/vaadin-button';\nimport { CellContext } from '../Table/types';\nimport { ConfigurableMixin } from '../../../mixins/configurable';\nimport { FormDialog } from '../FormDialog';\nimport { InternalCalendar } from '../../internal/InternalCalendar';\nimport { NucleonElement } from '../NucleonElement/index';\nimport { PageRendererContext } from '../CollectionPages/types';\nimport { Preview } from '../ItemsForm/private/Preview';\nimport { PropertyDeclarations } from 'lit-element';\nimport { ThemeableMixin } from '../../../mixins/themeable';\nimport { TransactionsTable } from '../TransactionsTable/TransactionsTable';\nimport { Data as TransactionsTableData } from '../TransactionsTable/types';\nimport { TranslatableMixin } from '../../../mixins/translatable';\nimport { classMap } from '../../../utils/class-map';\nimport { ifDefined } from 'lit-html/directives/if-defined';\nimport { parseFrequency } from '../../../utils/parse-frequency';\nimport { serializeDate } from '../../../utils/serialize-date';\n\nconst NS = 'subscription-form';\nconst Base = ScopedElementsMixin(\n  ThemeableMixin(ConfigurableMixin(TranslatableMixin(NucleonElement, NS)))\n);\n\n/**\n * Form element for creating or editing subscriptions.\n *\n * @slot header:before - **new in v1.4.0**\n * @slot header:after - **new in v1.4.0**\n *\n * @slot items:before - **new in v1.4.0**\n * @slot items:after - **new in v1.4.0**\n * @slot items:actions:before - **new in v1.4.0**\n * @slot items:actions:after - **new in v1.4.0**\n *\n * @slot end-date:before - **new in v1.4.0**\n * @slot end-date:after - **new in v1.4.0**\n *\n * @slot next-transaction-date:before - **new in v1.4.0**\n * @slot next-transaction-date:after - **new in v1.4.0**\n *\n * @slot frequency:before - **new in v1.4.0**\n * @slot frequency:after - **new in v1.4.0**\n *\n * @slot transactions:before - **new in v1.4.0**\n * @slot transactions:after - **new in v1.4.0**\n *\n * @element foxy-subscription-form\n * @since 1.2.0\n */\nexport class SubscriptionForm extends Base<Data> {\n  static get scopedElements(): ScopedElementsMap {\n    return {\n      'foxy-internal-calendar': customElements.get('foxy-internal-calendar'),\n      'foxy-collection-pages': customElements.get('foxy-collection-pages'),\n      'foxy-internal-sandbox': customElements.get('foxy-internal-sandbox'),\n      'vaadin-combo-box': customElements.get('vaadin-combo-box'),\n      'foxy-form-dialog': customElements.get('foxy-form-dialog'),\n      'vaadin-button': customElements.get('vaadin-button'),\n      'foxy-spinner': customElements.get('foxy-spinner'),\n      'vcf-tooltip': customElements.get('vcf-tooltip'),\n      'foxy-table': customElements.get('foxy-table'),\n      'foxy-i18n': customElements.get('foxy-i18n'),\n      'iron-icon': customElements.get('iron-icon'),\n      'x-skeleton': Skeleton,\n      'x-preview': Preview,\n      'x-choice': Choice,\n      'x-group': Group,\n    };\n  }\n\n  static get properties(): PropertyDeclarations {\n    return {\n      ...super.properties,\n      settings: { type: Object },\n    };\n  }\n\n  settings: Settings | null = null;\n\n  templates: Templates = {};\n\n  private readonly __renderHeaderSubtitle = () => {\n    const { data, lang, ns } = this;\n\n    if (data) {\n      let color = 'text-secondary';\n      let date: string;\n      let key: string;\n\n      if (data.first_failed_transaction_date) {\n        color = 'text-error';\n        date = data.first_failed_transaction_date;\n        key = 'subscription_failed';\n      } else if (data.end_date) {\n        date = data.end_date;\n        const hasEnded = new Date(date).getTime() > Date.now();\n        key = hasEnded ? 'subscription_will_be_cancelled' : 'subscription_cancelled';\n      } else {\n        date = data.next_transaction_date ?? new Date().toISOString();\n        key = `subscription_${data.is_active ? 'active' : 'inactive'}`;\n      }\n\n      const text = html`\n        <foxy-i18n\n          data-testid=\"header-subtitle\"\n          options=${JSON.stringify({ date })}\n          class=${color}\n          lang=${lang}\n          key=${key}\n          ns=${ns}\n        >\n        </foxy-i18n>\n      `;\n\n      if (data.first_failed_transaction_date) {\n        return html`\n          <span id=\"status\" class=\"flex items-center space-x-xs ${color}\">\n            ${text}<iron-icon icon=\"icons:info-outline\" class=\"icon-inline\"></iron-icon>\n          </span>\n          <vcf-tooltip for=\"status\" position=\"bottom\">\n            <span class=\"text-s\">${data.error_message}</span>\n          </vcf-tooltip>\n        `;\n      }\n\n      return text;\n    }\n\n    return html`<x-skeleton class=\"w-full\" variant=\"static\">&nbsp;</x-skeleton>`;\n  };\n\n  private readonly __renderHeaderTitle = () => {\n    const { data, lang, ns } = this;\n\n    if (data) {\n      const frequency = parseFrequency(data.frequency);\n      const currency = data._embedded['fx:last_transaction'].currency_code;\n      const total = data._embedded['fx:last_transaction'].total_order;\n\n      return html`\n        <foxy-i18n\n          data-testid=\"header-title\"\n          options=${JSON.stringify({ ...frequency, amount: `${total} ${currency}` })}\n          lang=${lang}\n          key=\"price_${data.frequency === '.5m' ? 'twice_a_month' : 'recurring'}\"\n          ns=${ns}\n        >\n        </foxy-i18n>\n      `;\n    }\n\n    return html`<x-skeleton class=\"w-full\" variant=\"static\">&nbsp;</x-skeleton>`;\n  };\n\n  private readonly __renderHeader = () => {\n    return html`\n      <div data-testid=\"header\">\n        ${this.renderTemplateOrSlot('header:before')}\n        <div class=\"leading-xs text-xxl font-bold\">${this.__renderHeaderTitle()}</div>\n        <div class=\"leading-xs text-l\">${this.__renderHeaderSubtitle()}</div>\n        ${this.renderTemplateOrSlot('header:after')}\n      </div>\n    `;\n  };\n\n  private readonly __renderItemsActions = () => {\n    return html`\n      <div class=\"flex\" data-testid=\"items:actions\">\n        ${this.renderTemplateOrSlot('items:actions:before')}\n\n        <foxy-i18n\n          data-testid=\"items:actions-label\"\n          class=\"flex-1\"\n          lang=${this.lang}\n          key=\"item_plural\"\n          ns=${this.ns}\n        >\n        </foxy-i18n>\n\n        ${this.renderTemplateOrSlot('items:actions:after')}\n      </div>\n    `;\n  };\n\n  private readonly __renderItemsItem = (item: Item) => {\n    const price = item.price.toLocaleString(this.lang || 'en', {\n      style: 'currency',\n      currency: this.data!._embedded['fx:last_transaction'].currency_code,\n    });\n\n    let quantity: TemplateResult;\n\n    if (item.quantity > 1) {\n      quantity = html`\n        <div\n          data-testclass=\"item-quantity\"\n          class=\"px-s h-xs rounded bg-contrast-5 flex items-center font-tnum text-contrast text-s font-bold\"\n        >\n          ${item.quantity}\n        </div>\n      `;\n    } else {\n      quantity = html``;\n    }\n\n    return html`\n      <figure class=\"flex items-center space-x-m py-s pr-m\" data-testclass=\"item\">\n        <x-preview\n          data-testclass=\"item-preview\"\n          class=\"w-l h-l\"\n          .quantity=${item.quantity}\n          .image=${item.image}\n        >\n        </x-preview>\n\n        <figcaption class=\"leading-s flex-1 flex justify-between items-center\">\n          <div class=\"flex flex-col\">\n            <span class=\"font-medium\" data-testclass=\"item-name\">${item.name}</span>\n            <span class=\"text-secondary text-s\" data-testclass=\"item-price\">${price}</span>\n          </div>\n\n          ${quantity}\n        </figcaption>\n      </figure>\n    `;\n  };\n\n  private readonly __renderItems = () => {\n    const hiddenSelector = this.hiddenSelector;\n    const items = this.data?._embedded['fx:transaction_template']._embedded['fx:items'] ?? [];\n    const label = hiddenSelector.matches('items:actions', true) ? '' : this.__renderItemsActions();\n\n    return html`\n      <div data-testid=\"items\">\n        ${this.renderTemplateOrSlot('items:before')}\n        <x-group frame>\n          <div slot=\"header\">${label}</div>\n          <div class=\"divide-y divide-contrast-10 pl-s\">${items.map(this.__renderItemsItem)}</div>\n        </x-group>\n        ${this.renderTemplateOrSlot('items:after')}\n      </div>\n    `;\n  };\n\n  private readonly __renderEndDate = () => {\n    const { disabledSelector, lang, ns } = this;\n    const formHiddenSelector = this.hiddenSelector.zoom('end-date:form').toString();\n\n    return html`\n      <div>\n        ${this.renderTemplateOrSlot('end-date:before')}\n\n        <foxy-form-dialog\n          readonlycontrols=${this.readonlySelector.zoom('end-date:form').toString()}\n          disabledcontrols=${disabledSelector.zoom('end-date:form').toString()}\n          hiddencontrols=\"save-button ${formHiddenSelector}\"\n          data-testid=\"cancellation-form\"\n          parent=${this.parent}\n          header=\"end_subscription\"\n          alert\n          form=\"foxy-cancellation-form\"\n          href=${this.href}\n          lang=${lang}\n          id=\"end-date-form\"\n          ns=${ns}\n          .templates=${this.getNestedTemplates('end-date:form')}\n        >\n        </foxy-form-dialog>\n\n        <vaadin-button\n          data-testid=\"end-date\"\n          theme=\"error\"\n          class=\"w-full\"\n          ?disabled=${!this.data || disabledSelector.matches('end-date', true)}\n          @click=${(evt: Event) => {\n            const form = this.renderRoot.querySelector('#end-date-form') as FormDialog;\n            form.show(evt.currentTarget as ButtonElement);\n          }}\n        >\n          <foxy-i18n key=\"end_subscription\" ns=${ns} lang=${lang}></foxy-i18n>\n        </vaadin-button>\n\n        ${this.renderTemplateOrSlot('end-date:after')}\n      </div>\n    `;\n  };\n\n  private readonly __checkNextTransactionDateAvailability = (date: Date) => {\n    const { settings, data: subscription } = this;\n\n    if (settings && subscription) {\n      const value = serializeDate(date);\n      return isNextTransactionDate({ value, settings, subscription });\n    }\n\n    return date.getTime() >= Date.now();\n  };\n\n  private readonly __renderNextTransactionDate = () => {\n    const { data, lang, ns } = this;\n    const isActive = !!data?.is_active;\n\n    return html`\n      <div data-testid=\"next-transaction-date\">\n        ${this.renderTemplateOrSlot('next-transaction-date:before')}\n\n        <x-group frame>\n          <foxy-i18n key=\"next_transaction_date\" ns=${ns} lang=${lang} slot=\"header\"></foxy-i18n>\n          <foxy-internal-calendar\n            start=${ifDefined(data?.next_transaction_date.substr(0, 10))}\n            value=${ifDefined(data?.next_transaction_date)}\n            lang=${lang}\n            ?readonly=${!isActive || this.readonlySelector.matches('next-transaction-date', true)}\n            ?disabled=${!data || this.disabledSelector.matches('next-transaction-date', true)}\n            .checkAvailability=${this.__checkNextTransactionDateAvailability}\n            @change=${(evt: Event) => {\n              const target = evt.target as InternalCalendar;\n              this.edit({ next_transaction_date: target.value });\n            }}\n          >\n          </foxy-internal-calendar>\n        </x-group>\n\n        ${this.renderTemplateOrSlot('next-transaction-date:after')}\n      </div>\n    `;\n  };\n\n  private readonly __renderFrequencyAsDropdown = () => {\n    const { data } = this;\n    const active = !!data?.is_active;\n    const items = this.__frequencies.map(v => ({\n      label: this.t(v === '.5m' ? 'twice_a_month' : 'frequency', parseFrequency(v)),\n      value: v,\n    }));\n\n    return html`\n      <vaadin-combo-box\n        item-value-path=\"value\"\n        item-label-path=\"label\"\n        data-testid=\"frequency\"\n        ?disabled=${!data || this.disabledSelector.matches('frequency', true)}\n        ?readonly=${data && (!active || this.readonlySelector.matches('frequency', true))}\n        class=\"w-full\"\n        label=${this.t('frequency_label').toString()}\n        value=${ifDefined(this.form.frequency)}\n        .items=${items}\n        @change=${(evt: Event) => {\n          this.edit({ frequency: (evt.target as HTMLInputElement).value });\n        }}\n      >\n      </vaadin-combo-box>\n    `;\n  };\n\n  private readonly __renderFrequencyAsRadioList = () => {\n    const { data, lang, ns } = this;\n\n    return html`\n      <x-group frame>\n        <foxy-i18n key=\"frequency_label\" ns=${ns} lang=${lang} slot=\"header\"></foxy-i18n>\n\n        <x-choice\n          default-custom-value=\"1d\"\n          data-testid=\"frequency\"\n          type=\"frequency\"\n          ns=${ns}\n          ?custom=${this.settings === null}\n          .items=${this.__frequencies}\n          .value=${this.form.frequency ?? null}\n          ?disabled=${!data || this.disabledSelector.matches('frequency', true)}\n          ?readonly=${data && (!data.is_active || this.readonlySelector.matches('frequency', true))}\n          @change=${(evt: Event) => {\n            this.edit({ frequency: (evt.target as HTMLInputElement).value });\n          }}\n        >\n          ${this.__frequencies.map(\n            frequency => html`\n              <foxy-i18n\n                options=${JSON.stringify(parseFrequency(frequency))}\n                slot=\"${frequency}-label\"\n                lang=${lang}\n                key=${frequency === '.5m' ? 'twice_a_month' : 'frequency'}\n                ns=${ns}\n              >\n              </foxy-i18n>\n            `\n          )}\n        </x-choice>\n      </x-group>\n    `;\n  };\n\n  private readonly __renderFrequency = () => {\n    return html`\n      <div>\n        ${this.renderTemplateOrSlot('frequency:before')}\n        ${this.settings && this.__frequencies.length > 4\n          ? this.__renderFrequencyAsDropdown()\n          : this.__renderFrequencyAsRadioList()}\n        ${this.renderTemplateOrSlot('frequency:after')}\n      </div>\n    `;\n  };\n\n  private readonly __transactionsTableColumns = [\n    {\n      cell(ctx: CellContext<TransactionsTableData>) {\n        const colors: Record<string, string> = {\n          declined: 'text-error',\n          rejected: 'text-error',\n        };\n\n        const status = TransactionsTable.statusColumn.cell!(ctx);\n        const price = TransactionsTable.priceColumn.cell!(ctx);\n        const color = colors[ctx.data.status] ?? 'text-body';\n\n        return ctx.html`\n          <span class=\"sr-only\">${status}</span>\n          <span class=\"${color} text-s\">${price}</span>\n        `;\n      },\n    },\n    { cell: TransactionsTable.idColumn.cell, hideBelow: 'sm' },\n    { cell: TransactionsTable.dateColumn.cell },\n    { cell: TransactionsTable.receiptColumn.cell },\n  ];\n\n  private readonly __renderTransactionsPage = ({ html, ...ctx }: PageRendererContext) => {\n    return html`\n      <foxy-table\n        group=${ctx.group}\n        lang=${ctx.lang}\n        href=${ctx.href}\n        ns=\"${ctx.ns} ${customElements.get('foxy-transactions-table')?.defaultNS ?? ''}\"\n        .columns=${this.__transactionsTableColumns}\n      >\n      </foxy-table>\n    `;\n  };\n\n  private readonly __renderTransactions = () => {\n    const { lang, ns } = this;\n\n    return html`\n      <div data-testid=\"transactions\">\n        ${this.renderTemplateOrSlot('transactions:before')}\n\n        <x-group frame>\n          <foxy-i18n lang=${lang} slot=\"header\" key=\"transaction_plural\" ns=${ns}></foxy-i18n>\n          <foxy-collection-pages\n            group=${this.group}\n            class=\"block divide-y divide-contrast-10 px-m\"\n            first=${this.data?._links['fx:transactions'].href ?? ''}\n            lang=${lang}\n            ns=${ns}\n            .page=${this.__renderTransactionsPage}\n          >\n          </foxy-collection-pages>\n        </x-group>\n\n        ${this.renderTemplateOrSlot('transactions:after')}\n      </div>\n    `;\n  };\n\n  render(): TemplateResult {\n    const isBusy = this.in('busy');\n    const isFail = this.in('fail');\n\n    return html`\n      <div\n        data-testid=\"wrapper\"\n        aria-busy=${isBusy}\n        aria-live=\"polite\"\n        class=\"relative space-y-l text-body font-lumo text-m leading-m\"\n      >\n        ${this.hiddenSelector.matches('header', true) ? '' : this.__renderHeader()}\n        ${this.hiddenSelector.matches('items', true) ? '' : this.__renderItems()}\n        ${this.hiddenSelector.matches('end-date', true) ? '' : this.__renderEndDate()}\n        ${this.__isNextTransactionDateVisible ? this.__renderNextTransactionDate() : ''}\n        ${this.__isFrequencyVisible ? this.__renderFrequency() : ''}\n        ${this.hiddenSelector.matches('transactions', true) ? '' : this.__renderTransactions()}\n\n        <div\n          data-testid=\"spinner\"\n          class=${classMap({\n            'transition duration-500 ease-in-out absolute inset-0 flex': true,\n            'opacity-0 pointer-events-none': !isBusy && !isFail,\n          })}\n        >\n          <foxy-spinner\n            layout=\"vertical\"\n            class=\"m-auto p-m bg-base shadow-xs rounded-t-l rounded-b-l\"\n            state=${isFail ? 'error' : isBusy ? 'busy' : 'empty'}\n            lang=${this.lang}\n            ns=\"${this.ns} ${customElements.get('foxy-spinner')?.defaultNS ?? ''}\"\n          >\n          </foxy-spinner>\n        </div>\n      </div>\n    `;\n  }\n\n  private get __isNextTransactionDateVisible() {\n    if (this.hiddenSelector.matches('next-transaction-date', true)) return false;\n    if (this.data === null) return false;\n    if (this.data.end_date && new Date(this.data.end_date).getTime() <= Date.now()) return false;\n    if (this.data.is_active === false) return false;\n    if (this.settings === null) return true;\n\n    const rules = this.settings.subscriptions.allow_next_date_modification;\n    return !!getNextTransactionDateConstraints(this.data, rules);\n  }\n\n  private get __isFrequencyVisible() {\n    if (this.hiddenSelector.matches('frequency', true)) return false;\n    if (this.data === null) return false;\n    if (this.data.end_date && new Date(this.data.end_date).getTime() <= Date.now()) return false;\n    if (this.data.is_active === false) return false;\n    if (this.settings === null) return true;\n\n    const allowedFrequencies = getAllowedFrequencies({\n      subscription: this.data,\n      settings: this.settings,\n    });\n\n    return !allowedFrequencies.next().done;\n  }\n\n  private get __frequencies() {\n    if (!this.settings || !this.data) return ['.5m', '1m', '1y'];\n\n    const allowedFrequencies = getAllowedFrequencies({\n      subscription: this.data,\n      settings: this.settings,\n    });\n\n    return Array.from(allowedFrequencies);\n  }\n}\n"]}

package/dist/elements/public/SwipeActions/SwipeActions.d.ts

@@ -0,0 +1,13 @@
+import { CSSResult, LitElement, PropertyDeclarations, TemplateResult } from 'lit-element';
+export declare class SwipeActions extends LitElement {
+    static get properties(): PropertyDeclarations;
+    static get styles(): CSSResult;
+    private __state;
+    private __scrollTimeout;
+    render(): TemplateResult;
+    private get __scroll();
+    private get __content();
+    private __closeActions;
+    private __handleScroll;
+    private __handleMouseMove;
+}

package/dist/elements/public/SwipeActions/SwipeActions.js

@@ -0,0 +1,116 @@
+import { LitElement, css, html, } from 'lit-element';
+export class SwipeActions extends LitElement {
+    constructor() {
+        super(...arguments);
+        this.__state = 'idle';
+        this.__scrollTimeout = null;
+    }
+    static get properties() {
+        return {
+            __state: { attribute: false },
+        };
+    }
+    static get styles() {
+        return css `#root{
+  display:block;
+  overflow:hidden;
+}
+
+#scroll{
+  --internal-scrollbar-height:var(--scrollbar-height, 24px);
+  padding-bottom:var(--internal-scrollbar-height);
+  margin-top:calc(0px - var(--internal-scrollbar-height));
+  transform:translateY(var(--internal-scrollbar-height));
+  overflow:auto hidden;
+  white-space:nowrap;
+  scroll-snap-type:x mandatory;
+  display:flex;
+}
+
+#content{
+  scroll-snap-align:start;
+  width:100%;
+  flex-shrink:0;
+}
+
+#content-transform-target{
+  transition:transform 0.15s ease;
+}
+
+.idle-preview #content-transform-target{
+  transform:translateX(calc(0px - var(--lumo-space-s)));
+}
+
+#action{
+  scroll-snap-align:end;
+  flex-shrink:0;
+}
+    `;
+    }
+    render() {
+        return html `
+      <div
+        class=${this.__state}
+        id="root"
+        @mouseleave=${() => this.__closeActions('smooth')}
+        @mousemove=${this.__handleMouseMove}
+        @focusout=${() => this.__closeActions('auto')}
+      >
+        <div id="scroll" @scroll=${this.__handleScroll}>
+          <div id="content">
+            <div id="content-transform-target">
+              <slot></slot>
+            </div>
+          </div>
+          <div id="action">
+            <slot name="action"></slot>
+          </div>
+        </div>
+      </div>
+    `;
+    }
+    get __scroll() {
+        return this.renderRoot.querySelector('#scroll');
+    }
+    get __content() {
+        return this.renderRoot.querySelector('#content');
+    }
+    __closeActions(behavior) {
+        if (this.__scrollTimeout !== null)
+            clearTimeout(this.__scrollTimeout);
+        this.__scroll.scroll({
+            top: 0,
+            left: 0,
+            behavior,
+        });
+        this.__state = 'idle';
+    }
+    __handleScroll() {
+        const { scrollLeft, scrollWidth, clientWidth } = this.__scroll;
+        if (scrollLeft <= 0) {
+            this.__state = 'idle';
+        }
+        else if (scrollWidth - scrollLeft - clientWidth <= 0) {
+            this.__state = 'scrolled';
+        }
+    }
+    __handleMouseMove(evt) {
+        if (!this.__state.startsWith('idle'))
+            return;
+        if (this.__scrollTimeout !== null)
+            clearTimeout(this.__scrollTimeout);
+        const ratio = evt.offsetX / this.__scroll.clientWidth;
+        if (ratio >= 0.9) {
+            this.__state = 'idle-preview';
+            this.__scrollTimeout = setTimeout(() => {
+                this.__state = 'scroll-started';
+                this.__scroll.scroll({
+                    top: 0,
+                    left: this.__content.clientWidth,
+                    behavior: 'smooth',
+                });
+            }, 75);
+        }
+    }
+}
+//# sourceMappingURL=SwipeActions.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SwipeActions.js","sourceRoot":"","sources":["../../../../src/elements/public/SwipeActions/SwipeActions.ts"],"names":[],"mappings":"AAAA,OAAO,EAEL,UAAU,EAGV,GAAG,EACH,IAAI,GACL,MAAM,aAAa,CAAC;AAErB,MAAM,OAAO,YAAa,SAAQ,UAAU;IAA5C;;QA+CU,YAAO,GAA4D,MAAM,CAAC;QAE1E,oBAAe,GAA0B,IAAI,CAAC;IAyExD,CAAC;IAzHC,MAAM,KAAK,UAAU;QACnB,OAAO;YACL,OAAO,EAAE,EAAE,SAAS,EAAE,KAAK,EAAE;SAC9B,CAAC;IACJ,CAAC;IAED,MAAM,KAAK,MAAM;QACf,OAAO,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAoCT,CAAC;IACJ,CAAC;IAMD,MAAM;QACJ,OAAO,IAAI,CAAA;;gBAEC,IAAI,CAAC,OAAO;;sBAEN,GAAG,EAAE,CAAC,IAAI,CAAC,cAAc,CAAC,QAAQ,CAAC;qBACpC,IAAI,CAAC,iBAAiB;oBACvB,GAAG,EAAE,CAAC,IAAI,CAAC,cAAc,CAAC,MAAM,CAAC;;mCAElB,IAAI,CAAC,cAAc;;;;;;;;;;;KAWjD,CAAC;IACJ,CAAC;IAED,IAAY,QAAQ;QAClB,OAAO,IAAI,CAAC,UAAU,CAAC,aAAa,CAAC,SAAS,CAAgB,CAAC;IACjE,CAAC;IAED,IAAY,SAAS;QACnB,OAAO,IAAI,CAAC,UAAU,CAAC,aAAa,CAAC,UAAU,CAAgB,CAAC;IAClE,CAAC;IAEO,cAAc,CAAC,QAA4B;QACjD,IAAI,IAAI,CAAC,eAAe,KAAK,IAAI;YAAE,YAAY,CAAC,IAAI,CAAC,eAAe,CAAC,CAAC;QAEtE,IAAI,CAAC,QAAQ,CAAC,MAAM,CAAC;YACnB,GAAG,EAAE,CAAC;YACN,IAAI,EAAE,CAAC;YACP,QAAQ;SACT,CAAC,CAAC;QAEH,IAAI,CAAC,OAAO,GAAG,MAAM,CAAC;IACxB,CAAC;IAEO,cAAc;QACpB,MAAM,EAAE,UAAU,EAAE,WAAW,EAAE,WAAW,EAAE,GAAG,IAAI,CAAC,QAAQ,CAAC;QAE/D,IAAI,UAAU,IAAI,CAAC,EAAE;YACnB,IAAI,CAAC,OAAO,GAAG,MAAM,CAAC;SACvB;aAAM,IAAI,WAAW,GAAG,UAAU,GAAG,WAAW,IAAI,CAAC,EAAE;YACtD,IAAI,CAAC,OAAO,GAAG,UAAU,CAAC;SAC3B;IACH,CAAC;IAEO,iBAAiB,CAAC,GAAe;QACvC,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC,UAAU,CAAC,MAAM,CAAC;YAAE,OAAO;QAE7C,IAAI,IAAI,CAAC,eAAe,KAAK,IAAI;YAAE,YAAY,CAAC,IAAI,CAAC,eAAe,CAAC,CAAC;QACtE,MAAM,KAAK,GAAG,GAAG,CAAC,OAAO,GAAG,IAAI,CAAC,QAAQ,CAAC,WAAW,CAAC;QAEtD,IAAI,KAAK,IAAI,GAAG,EAAE;YAChB,IAAI,CAAC,OAAO,GAAG,cAAc,CAAC;YAC9B,IAAI,CAAC,eAAe,GAAG,UAAU,CAAC,GAAG,EAAE;gBACrC,IAAI,CAAC,OAAO,GAAG,gBAAgB,CAAC;gBAChC,IAAI,CAAC,QAAQ,CAAC,MAAM,CAAC;oBACnB,GAAG,EAAE,CAAC;oBACN,IAAI,EAAE,IAAI,CAAC,SAAS,CAAC,WAAW;oBAChC,QAAQ,EAAE,QAAQ;iBACnB,CAAC,CAAC;YACL,CAAC,EAAE,EAAE,CAAC,CAAC;SACR;IACH,CAAC;CACF","sourcesContent":["import {\n  CSSResult,\n  LitElement,\n  PropertyDeclarations,\n  TemplateResult,\n  css,\n  html,\n} from 'lit-element';\n\nexport class SwipeActions extends LitElement {\n  static get properties(): PropertyDeclarations {\n    return {\n      __state: { attribute: false },\n    };\n  }\n\n  static get styles(): CSSResult {\n    return css`\n      #root {\n        display: block;\n        overflow: hidden;\n      }\n\n      #scroll {\n        --internal-scrollbar-height: var(--scrollbar-height, 24px);\n\n        padding-bottom: var(--internal-scrollbar-height);\n        margin-top: calc(0px - var(--internal-scrollbar-height));\n        transform: translateY(var(--internal-scrollbar-height));\n        overflow: auto hidden;\n        white-space: nowrap;\n        scroll-snap-type: x mandatory;\n        display: flex;\n      }\n\n      #content {\n        scroll-snap-align: start;\n        width: 100%;\n        flex-shrink: 0;\n      }\n\n      #content-transform-target {\n        transition: transform 0.15s ease;\n      }\n\n      .idle-preview #content-transform-target {\n        transform: translateX(calc(0px - var(--lumo-space-s)));\n      }\n\n      #action {\n        scroll-snap-align: end;\n        flex-shrink: 0;\n      }\n    `;\n  }\n\n  private __state: 'idle' | 'idle-preview' | 'scroll-started' | 'scrolled' = 'idle';\n\n  private __scrollTimeout: NodeJS.Timeout | null = null;\n\n  render(): TemplateResult {\n    return html`\n      <div\n        class=${this.__state}\n        id=\"root\"\n        @mouseleave=${() => this.__closeActions('smooth')}\n        @mousemove=${this.__handleMouseMove}\n        @focusout=${() => this.__closeActions('auto')}\n      >\n        <div id=\"scroll\" @scroll=${this.__handleScroll}>\n          <div id=\"content\">\n            <div id=\"content-transform-target\">\n              <slot></slot>\n            </div>\n          </div>\n          <div id=\"action\">\n            <slot name=\"action\"></slot>\n          </div>\n        </div>\n      </div>\n    `;\n  }\n\n  private get __scroll() {\n    return this.renderRoot.querySelector('#scroll') as HTMLElement;\n  }\n\n  private get __content() {\n    return this.renderRoot.querySelector('#content') as HTMLElement;\n  }\n\n  private __closeActions(behavior?: 'auto' | 'smooth'): void {\n    if (this.__scrollTimeout !== null) clearTimeout(this.__scrollTimeout);\n\n    this.__scroll.scroll({\n      top: 0,\n      left: 0,\n      behavior,\n    });\n\n    this.__state = 'idle';\n  }\n\n  private __handleScroll() {\n    const { scrollLeft, scrollWidth, clientWidth } = this.__scroll;\n\n    if (scrollLeft <= 0) {\n      this.__state = 'idle';\n    } else if (scrollWidth - scrollLeft - clientWidth <= 0) {\n      this.__state = 'scrolled';\n    }\n  }\n\n  private __handleMouseMove(evt: MouseEvent) {\n    if (!this.__state.startsWith('idle')) return;\n\n    if (this.__scrollTimeout !== null) clearTimeout(this.__scrollTimeout);\n    const ratio = evt.offsetX / this.__scroll.clientWidth;\n\n    if (ratio >= 0.9) {\n      this.__state = 'idle-preview';\n      this.__scrollTimeout = setTimeout(() => {\n        this.__state = 'scroll-started';\n        this.__scroll.scroll({\n          top: 0,\n          left: this.__content.clientWidth,\n          behavior: 'smooth',\n        });\n      }, 75);\n    }\n  }\n}\n"]}

package/dist/elements/public/SwipeActions/index.d.ts

@@ -0,0 +1,2 @@
+import { SwipeActions } from './SwipeActions';
+export { SwipeActions };

package/dist/elements/public/SwipeActions/index.js

@@ -0,0 +1,4 @@
+import { SwipeActions } from "./SwipeActions.js";
+customElements.define('foxy-swipe-actions', SwipeActions);
+export { SwipeActions };
+//# sourceMappingURL=index.js.map

package/dist/elements/public/SwipeActions/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/elements/public/SwipeActions/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,0BAAuB;AAE9C,cAAc,CAAC,MAAM,CAAC,oBAAoB,EAAE,YAAY,CAAC,CAAC;AAE1D,OAAO,EAAE,YAAY,EAAE,CAAC","sourcesContent":["import { SwipeActions } from './SwipeActions';\n\ncustomElements.define('foxy-swipe-actions', SwipeActions);\n\nexport { SwipeActions };\n"]}

package/dist/elements/public/TaxForm/TaxForm.js

@@ -184,7 +184,7 @@ export class TaxForm extends Base {
           data-testid="spinner"
           class=${classMap({
             'transition duration-500 ease-in-out absolute inset-0 flex': true,
-            'opacity-0 pointer-events-none': !this.in('busy') && !this.in('fail'),
+            'opacity-0 pointer-events-none': this.in('idle'),
         })}
         >
           <foxy-spinner
@@ -298,7 +298,7 @@ export class TaxForm extends Base {
           value=${ifDefined(this.form.name)}
           .checkValidity=${this.__getValidator('name')}
           .errorMessage=${this.__getErrorMessage('name')}
-          ?disabled=${this.in('busy') || this.disabledSelector.matches('name', true)}
+          ?disabled=${!this.in('idle') || this.disabledSelector.matches('name', true)}
           ?readonly=${this.readonlySelector.matches('name', true)}
           required
           @keydown=${this.__submitOnEnter}
@@ -327,7 +327,7 @@ export class TaxForm extends Base {
           class="w-full"
           .items=${['global', 'union', 'country', 'region', 'local']}
           .getText=${(value) => this.t(`tax_${value}`)}
-          ?disabled=${this.in('busy') || this.disabledSelector.matches('type', true)}
+          ?disabled=${!this.in('idle') || this.disabledSelector.matches('type', true)}
           ?readonly=${this.readonlySelector.matches('type', true)}
           @change=${(evt) => {
             this.edit({
@@ -355,6 +355,7 @@ export class TaxForm extends Base {
         const isLoadingItems = this.__countriesService.state.matches('busy');
         const isLoadingData = this.in('busy');
         const isLoading = isLoadingItems || isLoadingData;
+        const isFail = this.in('fail');
         const json = this.__countriesService.state.context.data;
         const items = Object.values((_a = json === null || json === void 0 ? void 0 : json.values) !== null && _a !== void 0 ? _a : {});
         return html `
@@ -373,7 +374,7 @@ export class TaxForm extends Base {
           .errorMessage=${this.__getErrorMessage('country')}
           .items=${items}
           ?allow-custom-value=${items.length === 0}
-          ?disabled=${isLoading || this.disabledSelector.matches('country', true)}
+          ?disabled=${isFail || isLoading || this.disabledSelector.matches('country', true)}
           ?readonly=${this.readonlySelector.matches('country', true)}
           required
           @change=${(evt) => {
@@ -400,6 +401,7 @@ export class TaxForm extends Base {
         const isLoadingItems = this.__regionsService.state.matches('busy');
         const isLoadingData = this.in('busy');
         const isLoading = isLoadingItems || isLoadingData;
+        const isFail = this.in('fail');
         const json = this.__regionsService.state.context.data;
         const items = Object.values((_a = json === null || json === void 0 ? void 0 : json.values) !== null && _a !== void 0 ? _a : {});
         return html `
@@ -418,7 +420,7 @@ export class TaxForm extends Base {
           .errorMessage=${this.__getErrorMessage('region')}
           .items=${items}
           ?allow-custom-value=${items.length === 0}
-          ?disabled=${isLoading || this.disabledSelector.matches('region', true)}
+          ?disabled=${isFail || isLoading || this.disabledSelector.matches('region', true)}
           ?readonly=${this.readonlySelector.matches('region', true)}
           required
           @change=${(evt) => {
@@ -444,7 +446,7 @@ export class TaxForm extends Base {
           value=${ifDefined(this.form.city)}
           .checkValidity=${this.__getValidator('city')}
           .errorMessage=${this.__getErrorMessage('city')}
-          ?disabled=${this.in('busy') || this.disabledSelector.matches('city', true)}
+          ?disabled=${!this.in('idle') || this.disabledSelector.matches('city', true)}
           ?readonly=${this.readonlySelector.matches('city', true)}
           required
           @keydown=${this.__submitOnEnter}
@@ -482,7 +484,7 @@ export class TaxForm extends Base {
           class="w-full"
           .items=${items.map(item => item.value)}
           .getText=${(value) => { var _a; return (_a = items.find(item => item.value === value)) === null || _a === void 0 ? void 0 : _a.label; }}
-          ?disabled=${this.in('busy') || this.disabledSelector.matches('provider', true)}
+          ?disabled=${!this.in('idle') || this.disabledSelector.matches('provider', true)}
           ?readonly=${this.readonlySelector.matches('provider', true)}
           @change=${(evt) => {
             const newValue = evt.detail;
@@ -521,7 +523,7 @@ export class TaxForm extends Base {
           has-controls
           .checkValidity=${this.__getValidator('rate')}
           .errorMessage=${this.__getErrorMessage('rate')}
-          ?disabled=${this.in('busy') || this.disabledSelector.matches('rate', true)}
+          ?disabled=${!this.in('idle') || this.disabledSelector.matches('rate', true)}
           ?readonly=${this.readonlySelector.matches('rate', true)}
           required
           @keydown=${this.__submitOnEnter}
@@ -544,7 +546,7 @@ export class TaxForm extends Base {
         <x-checkbox
           data-testid="apply-to-shipping"
           class="leading-s"
-          ?disabled=${this.in('busy') || this.disabledSelector.matches('apply-to-shipping', true)}
+          ?disabled=${!this.in('idle') || this.disabledSelector.matches('apply-to-shipping', true)}
           ?readonly=${this.readonlySelector.matches('apply-to-shipping', true)}
           ?checked=${!!this.form.apply_to_shipping}
           @change=${(evt) => this.edit({ apply_to_shipping: evt.detail })}
@@ -578,7 +580,7 @@ export class TaxForm extends Base {
         <x-checkbox
           data-testid="use-origin-rates"
           class="leading-s"
-          ?disabled=${this.in('busy') || this.disabledSelector.matches('use-origin-rates', true)}
+          ?disabled=${!this.in('idle') || this.disabledSelector.matches('use-origin-rates', true)}
           ?readonly=${this.readonlySelector.matches('use-origin-rates', true)}
           ?checked=${!!this.form.use_origin_rates}
           @change=${(evt) => this.edit({ use_origin_rates: evt.detail })}
@@ -613,7 +615,7 @@ export class TaxForm extends Base {
         <x-checkbox
           data-testid="${scope}"
           class="leading-s"
-          ?disabled=${this.in('busy') || this.disabledSelector.matches(scope, true)}
+          ?disabled=${!this.in('idle') || this.disabledSelector.matches(scope, true)}
           ?readonly=${this.readonlySelector.matches(scope, true)}
           ?checked=${!!this.form.exempt_all_customer_tax_ids}
           @change=${(evt) => {
@@ -671,7 +673,7 @@ export class TaxForm extends Base {
         const isTemplateInvalid = isCleanTemplateInvalid || isDirtyTemplateInvalid;
         const isSnaphotInvalid = isCleanSnapshotInvalid || isDirtySnapshotInvalid;
         const isInvalid = isTemplateInvalid || isSnaphotInvalid;
-        const isBusy = this.in('busy');
+        const isIdle = this.in('idle');
         return html `
       <div>
         ${this.renderTemplateOrSlot('create:before')}
@@ -680,7 +682,7 @@ export class TaxForm extends Base {
           data-testid="create"
           class="w-full"
           theme="primary success"
-          ?disabled=${isBusy || isInvalid || this.disabledSelector.matches('create', true)}
+          ?disabled=${!isIdle || isInvalid || this.disabledSelector.matches('create', true)}
           @click=${this.submit}
         >
           <foxy-i18n ns=${this.ns} key="create" lang=${this.lang}></foxy-i18n>
@@ -713,7 +715,7 @@ export class TaxForm extends Base {
           data-testid="delete"
           theme="primary error"
           class="w-full"
-          ?disabled=${this.in('busy') || this.disabledSelector.matches('delete', true)}
+          ?disabled=${!this.in('idle') || this.disabledSelector.matches('delete', true)}
           @click=${(evt) => {
             const confirm = this.renderRoot.querySelector('#confirm');
             confirm.show(evt.currentTarget);