npm - @foxy.io/elements - Versions diffs - 1.16.0-beta.1 → 1.16.0-beta.12 - Mend

@foxy.io/elements 1.16.0-beta.1 → 1.16.0-beta.12

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (552) hide show

package/dist/elements/public/ReportForm/ReportForm.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ReportForm.js","sourceRoot":"","sources":["../../../../src/elements/public/ReportForm/ReportForm.ts"],"names":[],"mappings":"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","sourcesContent":["import { Choice, Group, PropertyTable } from '../../private/index';\nimport { Data, Templates } from './types';\nimport { ScopedElementsMap, ScopedElementsMixin } from '@open-wc/scoped-elements';\nimport { TemplateResult, html } from 'lit-element';\n\nimport { ButtonElement } from '@vaadin/vaadin-button';\nimport { ChoiceChangeEvent } from '../../private/Choice/ChoiceChangeEvent';\nimport { ConfigurableMixin } from '../../../mixins/configurable';\nimport { DateTimePicker } from '@vaadin/vaadin-date-time-picker';\nimport { DialogHideEvent } from '../../private/Dialog/DialogHideEvent';\nimport { InternalConfirmDialog } from '../../internal/InternalConfirmDialog/InternalConfirmDialog';\nimport { NucleonElement } from '../NucleonElement/NucleonElement';\nimport { NucleonV8N } from '../NucleonElement/types';\nimport { ThemeableMixin } from '../../../mixins/themeable';\nimport { TranslatableMixin } from '../../../mixins/translatable';\nimport { classMap } from '../../../utils/class-map';\nimport { ifDefined } from 'lit-html/directives/if-defined';\n\nconst Base = ScopedElementsMixin(\n ThemeableMixin(ConfigurableMixin(TranslatableMixin(NucleonElement, 'report-form')))\n);\n\n/*\n Form element for creating or editing reports (`fx:report`).\n \n @slot name:before\n * @slot name:after\n \n @slot start:before\n * @slot start:after\n \n @slot end:before\n * @slot end:after\n \n @slot timestamps:before\n * @slot timestamps:after\n \n @slot delete:before\n * @slot delete:after\n \n @slot create:before\n * @slot create:after\n \n @element foxy-report-form\n * @since 1.16.0\n */\nexport class ReportForm extends Base<Data> {\n static get scopedElements(): ScopedElementsMap {\n return {\n 'vaadin-date-time-picker': DateTimePicker,\n 'vaadin-button': customElements.get('vaadin-button'),\n\n 'foxy-internal-confirm-dialog': customElements.get('foxy-internal-confirm-dialog'),\n 'foxy-spinner': customElements.get('foxy-spinner'),\n 'foxy-i18n': customElements.get('foxy-i18n'),\n\n 'x-property-table': PropertyTable,\n 'x-choice': Choice,\n 'x-group': Group,\n };\n }\n\n static get v8n(): NucleonV8N<Data> {\n return [\n ({ name: v }) => !!v \|\| 'name_required',\n ({ datetime_start: v }) => !!v \|\| 'start_required',\n ({ datetime_end: v }) => !!v \|\| 'end_required',\n ];\n }\n\n templates: Templates = {};\n\n render(): TemplateResult {\n const hidden = this.hiddenSelector;\n\n return html`\n <div\n data-testid=\"wrapper\"\n aria-busy=${this.in('busy')}\n aria-live=\"polite\"\n class=\"space-y-l relative\"\n >\n <div class=\"space-y-m\">\n ${hidden.matches('name', true) ? '' : this.__renderName()}\n ${hidden.matches('start', true) ? '' : this.__renderStart()}\n ${hidden.matches('end', true) ? '' : this.__renderEnd()}\n ${hidden.matches('timestamps', true) \|\| !this.data ? '' : this.__renderTimestamps()}\n ${hidden.matches('create', true) \|\| this.data ? '' : this.__renderCreate()}\n ${hidden.matches('delete', true) \|\| !this.data ? '' : this.__renderDelete()}\n </div>\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': this.in('idle'),\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=${this.in('fail') ? 'error' : this.in('busy') ? '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 __renderName() {\n const scope = 'name';\n const items = ['complete', 'customers', 'customers_ltv'];\n const isDisabled = !this.in('idle') \|\| this.disabledSelector.matches(scope);\n const isReadonly = this.readonlySelector.matches(scope);\n\n return html`\n <div data-testid=${scope}>\n ${this.renderTemplateOrSlot(`${scope}:before`)}\n\n <x-group frame>\n <foxy-i18n\n class=${classMap({ 'transition-colors': true, 'text-disabled': isDisabled })}\n lang=${this.lang}\n slot=\"header\"\n key=\"name\"\n ns=${this.ns}\n >\n </foxy-i18n>\n\n <x-choice\n data-testid=\"content-type\"\n .value=${this.form.name}\n .items=${items}\n ?readonly=${isReadonly}\n ?disabled=${isDisabled}\n @change=${(evt: Event) => {\n if (evt instanceof ChoiceChangeEvent) {\n this.edit({ name: evt.detail as Data['name'] });\n }\n }}\n >\n ${items.map(value => {\n return html`\n <div slot=\"${value}-label\" class=\"py-s leading-s\">\n <foxy-i18n class=\"block\" lang=${this.lang} key=\"name_${value}\" ns=${this.ns}>\n </foxy-i18n>\n\n <foxy-i18n\n class=\"block text-s opacity-70\"\n lang=${this.lang}\n key=\"name_${value}_explainer\"\n ns=${this.ns}\n >\n </foxy-i18n>\n </div>\n `;\n })}\n </x-choice>\n </x-group>\n\n ${this.renderTemplateOrSlot(`${scope}:after`)}\n </div>\n `;\n }\n\n private __renderStart() {\n const error = this.errors.find(error => error.startsWith('start_'));\n const value = this.form.datetime_start;\n\n return html`\n <div>\n ${this.renderTemplateOrSlot('start:before')}\n\n <vaadin-date-time-picker\n date-placeholder=${this.t('select_date')}\n time-placeholder=${this.t('select_time')}\n error-message=${ifDefined(error ? this.t(error) : undefined)}\n data-testid=\"start\"\n class=\"-mt-m\"\n label=${this.t('start')}\n step=\"1\"\n ?disabled=${!this.in('idle') \|\| this.disabledSelector.matches('start', true)}\n ?readonly=${this.readonlySelector.matches('start', true)}\n .checkValidity=${() => !error}\n .value=${value ? this.__convertFormValueToPickerValue(value) : ''}\n @keydown=${(evt: KeyboardEvent) => evt.key === 'Enter' && this.submit()}\n @change=${(evt: CustomEvent) => {\n const picker = evt.currentTarget as DateTimePicker;\n this.edit({ datetime_start: picker.value });\n }}\n >\n </vaadin-date-time-picker>\n\n ${this.renderTemplateOrSlot('start:after')}\n </div>\n `;\n }\n\n private __renderEnd() {\n const error = this.errors.find(error => error.startsWith('end_'));\n const value = this.form.datetime_end;\n\n return html`\n <div>\n ${this.renderTemplateOrSlot('end:before')}\n\n <vaadin-date-time-picker\n date-placeholder=${this.t('select_date')}\n time-placeholder=${this.t('select_time')}\n error-message=${ifDefined(error ? this.t(error) : undefined)}\n data-testid=\"end\"\n label=${this.t('end')}\n class=\"-mt-m\"\n step=\"1\"\n ?disabled=${!this.in('idle') \|\| this.disabledSelector.matches('end', true)}\n ?readonly=${this.readonlySelector.matches('end', true)}\n .checkValidity=${() => !error}\n .value=${value ? this.__convertFormValueToPickerValue(value) : ''}\n @keydown=${(evt: KeyboardEvent) => evt.key === 'Enter' && this.submit()}\n @change=${(evt: CustomEvent) => {\n const picker = evt.currentTarget as DateTimePicker;\n this.edit({ datetime_end: picker.value });\n }}\n >\n </vaadin-date-time-picker>\n\n ${this.renderTemplateOrSlot('end:after')}\n </div>\n `;\n }\n\n private __renderTimestamps() {\n return html`\n <div>\n ${this.renderTemplateOrSlot('timestamps:before')}\n\n <x-property-table\n data-testid=\"timestamps\"\n .items=${(['date_modified', 'date_created'] as const).map(field => ({\n name: this.t(field),\n value: this.data?.[field]\n ? this.t('date', { value: new Date(this.data[field] as string) })\n : '',\n }))}\n >\n </x-property-table>\n\n ${this.renderTemplateOrSlot('timestamps:after')}\n </div>\n `;\n }\n\n private __renderCreate() {\n const isCleanTemplateInvalid = this.in({ idle: { template: { clean: 'invalid' } } });\n const isDirtyTemplateInvalid = this.in({ idle: { template: { dirty: 'invalid' } } });\n const isCleanSnapshotInvalid = this.in({ idle: { snapshot: { clean: 'invalid' } } });\n const isDirtySnapshotInvalid = this.in({ idle: { snapshot: { dirty: 'invalid' } } });\n const isTemplateInvalid = isCleanTemplateInvalid \|\| isDirtyTemplateInvalid;\n const isSnaphotInvalid = isCleanSnapshotInvalid \|\| isDirtySnapshotInvalid;\n const isInvalid = isTemplateInvalid \|\| isSnaphotInvalid;\n const isIdle = this.in('idle');\n\n return html`\n <div>\n ${this.renderTemplateOrSlot('create:before')}\n\n <vaadin-button\n data-testid=\"create\"\n class=\"w-full\"\n theme=\"primary success\"\n ?disabled=${!isIdle \|\| isInvalid \|\| this.disabledSelector.matches('create', true)}\n @click=${this.submit}\n >\n <foxy-i18n ns=${this.ns} key=\"create\" lang=${this.lang}></foxy-i18n>\n </vaadin-button>\n\n ${this.renderTemplateOrSlot('create:after')}\n </div>\n `;\n }\n\n private __renderDelete() {\n return html`\n <div>\n <foxy-internal-confirm-dialog\n data-testid=\"confirm\"\n message=\"delete_prompt\"\n confirm=\"delete\"\n cancel=\"cancel\"\n header=\"delete\"\n theme=\"primary error\"\n lang=${this.lang}\n ns=${this.ns}\n id=\"confirm\"\n @hide=${(evt: DialogHideEvent) => !evt.detail.cancelled && this.delete()}\n >\n </foxy-internal-confirm-dialog>\n\n ${this.renderTemplateOrSlot('delete:before')}\n\n <vaadin-button\n data-testid=\"delete\"\n theme=\"primary error\"\n class=\"w-full\"\n ?disabled=${!this.in('idle') \|\| this.disabledSelector.matches('delete', true)}\n @click=${(evt: CustomEvent) => {\n const confirm = this.renderRoot.querySelector('#confirm') as InternalConfirmDialog;\n confirm.show(evt.currentTarget as ButtonElement);\n }}\n >\n <foxy-i18n ns=${this.ns} key=\"delete\" lang=${this.lang}></foxy-i18n>\n </vaadin-button>\n\n ${this.renderTemplateOrSlot('delete:after')}\n </div>\n `;\n }\n\n private __convertFormValueToPickerValue(formValue: string) {\n return /^\\d{4}-\\d{2}-\\d{2}T\\d{2}:\\d{2}:\\d{2}/.exec(formValue)?.[0] ?? '';\n }\n}\n"]}
1	+ {"version":3,"file":"ReportForm.js","sourceRoot":"","sources":["../../../../src/elements/public/ReportForm/ReportForm.ts"],"names":[],"mappings":"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","sourcesContent":["import { Choice, Group, PropertyTable } from '../../private/index';\nimport { Data, Templates } from './types';\nimport { PropertyDeclarations, TemplateResult, html } from 'lit-element';\nimport { ScopedElementsMap, ScopedElementsMixin } from '@open-wc/scoped-elements';\nimport {\n getCurrentMonth,\n getCurrentQuarter,\n getCurrentYear,\n getLast30Days,\n getLast365Days,\n getPreviousMonth,\n getPreviousQuarter,\n getPreviousYear,\n toAPIDateTime,\n toDatePickerValue,\n toDateTimePickerValue,\n} from './utils';\n\nimport { ButtonElement } from '@vaadin/vaadin-button';\nimport { CheckboxElement } from '@vaadin/vaadin-checkbox';\nimport { ChoiceChangeEvent } from '../../private/Choice/ChoiceChangeEvent';\nimport { ConfigurableMixin } from '../../../mixins/configurable';\nimport { DateTimePicker } from '@vaadin/vaadin-date-time-picker';\nimport { DialogHideEvent } from '../../private/Dialog/DialogHideEvent';\nimport { InternalConfirmDialog } from '../../internal/InternalConfirmDialog/InternalConfirmDialog';\nimport { NucleonElement } from '../NucleonElement/NucleonElement';\nimport { NucleonV8N } from '../NucleonElement/types';\nimport { ResponsiveMixin } from '../../../mixins/responsive';\nimport { SelectElement } from '@vaadin/vaadin-select';\nimport { ThemeableMixin } from '../../../mixins/themeable';\nimport { TranslatableMixin } from '../../../mixins/translatable';\nimport { classMap } from '../../../utils/class-map';\nimport { ifDefined } from 'lit-html/directives/if-defined';\nimport { live } from 'lit-html/directives/live';\nimport { render } from 'lit-html';\n\nconst Base = ScopedElementsMixin(\n ResponsiveMixin(\n ThemeableMixin(ConfigurableMixin(TranslatableMixin(NucleonElement, 'report-form')))\n )\n);\n\n/*\n Form element for creating or editing reports (`fx:report`).\n \n @slot name:before\n * @slot name:after\n \n @slot range:before\n * @slot range:after\n \n @slot timestamps:before\n * @slot timestamps:after\n \n @slot delete:before\n * @slot delete:after\n \n @slot create:before\n * @slot create:after\n \n @element foxy-report-form\n * @since 1.16.0\n */\nexport class ReportForm extends Base<Data> {\n static get scopedElements(): ScopedElementsMap {\n return {\n 'vaadin-date-time-picker': customElements.get('vaadin-date-time-picker'),\n 'vaadin-date-picker': customElements.get('vaadin-date-picker'),\n 'vaadin-checkbox': customElements.get('vaadin-checkbox'),\n 'vaadin-select': customElements.get('vaadin-select'),\n 'vaadin-button': customElements.get('vaadin-button'),\n\n 'foxy-internal-confirm-dialog': customElements.get('foxy-internal-confirm-dialog'),\n 'foxy-internal-sandbox': customElements.get('foxy-internal-sandbox'),\n 'foxy-spinner': customElements.get('foxy-spinner'),\n 'foxy-i18n': customElements.get('foxy-i18n'),\n\n 'x-property-table': PropertyTable,\n 'x-choice': Choice,\n 'x-group': Group,\n };\n }\n\n static get properties(): PropertyDeclarations {\n return {\n ...super.properties,\n __showRangeTime: { attribute: false },\n };\n }\n\n static get v8n(): NucleonV8N<Data> {\n return [\n ({ name: v }) => !!v \|\| 'name_required',\n ({ datetime_start: v }) => !!v \|\| 'datetime_start_required',\n ({ datetime_end: v }) => !!v \|\| 'datetime_end_required',\n ];\n }\n\n templates: Templates = {};\n\n private __showRangeTime = false;\n\n render(): TemplateResult {\n const hidden = this.hiddenSelector;\n\n return html`\n <div\n data-testid=\"wrapper\"\n aria-busy=${this.in('busy')}\n aria-live=\"polite\"\n class=\"space-y-l relative\"\n >\n <div class=\"space-y-m\">\n ${hidden.matches('name', true) ? '' : this.__renderName()}\n ${hidden.matches('range', true) ? '' : this.__renderRange()}\n ${hidden.matches('timestamps', true) \|\| !this.data ? '' : this.__renderTimestamps()}\n ${hidden.matches('create', true) \|\| this.data ? '' : this.__renderCreate()}\n ${hidden.matches('delete', true) \|\| !this.data ? '' : this.__renderDelete()}\n </div>\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': this.in('idle'),\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=${this.in('fail') ? 'error' : this.in('busy') ? '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 __renderName() {\n const scope = 'name';\n const items = ['complete', 'customers', 'customers_ltv'];\n const isDisabled = !this.in('idle') \|\| this.disabledSelector.matches(scope);\n const isReadonly = this.readonlySelector.matches(scope);\n\n return html`\n <div data-testid=${scope}>\n ${this.renderTemplateOrSlot(`${scope}:before`)}\n\n <x-group frame>\n <foxy-i18n lang=${this.lang} slot=\"header\" key=\"name\" ns=${this.ns}></foxy-i18n>\n\n <x-choice\n data-testid=\"name-choice\"\n .value=${this.form.name}\n .items=${items}\n ?readonly=${isReadonly}\n ?disabled=${isDisabled}\n @change=${(evt: Event) => {\n if (evt instanceof ChoiceChangeEvent) {\n this.edit({ name: evt.detail as Data['name'] });\n }\n }}\n >\n ${items.map(value => {\n return html`\n <div slot=\"${value}-label\" class=\"py-s leading-s\">\n <foxy-i18n class=\"block\" lang=${this.lang} key=\"name_${value}\" ns=${this.ns}>\n </foxy-i18n>\n\n <foxy-i18n\n class=\"block text-s opacity-70\"\n lang=${this.lang}\n key=\"name_${value}_explainer\"\n ns=${this.ns}\n >\n </foxy-i18n>\n </div>\n `;\n })}\n </x-choice>\n </x-group>\n\n ${this.renderTemplateOrSlot(`${scope}:after`)}\n </div>\n `;\n }\n\n private __renderRangePreset() {\n const options = [\n [\n { value: '0', label: 'preset_previous_quarter', ...getPreviousQuarter() },\n { value: '1', label: 'preset_previous_month', ...getPreviousMonth() },\n { value: '2', label: 'preset_previous_year', ...getPreviousYear() },\n ],\n [\n { value: '3', label: 'preset_this_quarter', ...getCurrentQuarter() },\n { value: '4', label: 'preset_this_month', ...getCurrentMonth() },\n { value: '5', label: 'preset_this_year', ...getCurrentYear() },\n ],\n [\n { value: '6', label: 'preset_last_365_days', ...getLast365Days() },\n { value: '7', label: 'preset_last_30_days', ...getLast30Days() },\n ],\n ];\n\n const currentOption = options.flat(1).find(option => {\n const { datetime_end: end, datetime_start: start } = this.form;\n return (\n start && end && toAPIDateTime(option.start) === start && toAPIDateTime(option.end) === end\n );\n });\n\n const renderer = (root: Element) => {\n const custom = html`<vaadin-item value=\"custom\">${this.t('preset_custom')}</vaadin-item>`;\n const separator = html`<hr />`;\n const predefined = options.map(group => {\n const items = group.map(({ value, label }) => {\n return html`<vaadin-item value=${value}>${this.t(label)}</vaadin-item>`;\n });\n\n return html`${items}${separator}`;\n });\n\n if (!root.firstElementChild) root.appendChild(document.createElement('vaadin-list-box'));\n render(html`${predefined}${custom}`, root.firstElementChild as Element);\n };\n\n return html`\n <div>\n <vaadin-select\n data-testid=\"range:preset\"\n label=${this.t('preset')}\n class=\"w-full -mt-m -mb-xs\"\n ?disabled=${!this.in('idle') \|\| this.disabledSelector.matches('range', true)}\n ?readonly=${this.readonlySelector.matches('range', true)}\n .value=${live(currentOption?.value ?? 'custom')}\n .renderer=${renderer}\n @change=${(evt: CustomEvent) => {\n const select = evt.currentTarget as SelectElement;\n const option = options.flat(1).find(option => option.value === select.value);\n\n if (option) {\n this.edit({\n datetime_start: toAPIDateTime(option.start),\n datetime_end: toAPIDateTime(option.end),\n });\n }\n }}\n >\n </vaadin-select>\n </div>\n `;\n }\n\n private __renderRangeDateTimePicker(type: 'start' \| 'end') {\n const field = type === 'end' ? 'datetime_end' : 'datetime_start';\n const error = this.errors.find(error => error.startsWith(`${field}_`));\n const value = this.form[field as keyof Data] as string;\n\n return html`\n <vaadin-date-time-picker\n date-placeholder=${this.t('select_date')}\n time-placeholder=${this.t('select_time')}\n error-message=${ifDefined(error ? this.t(error) : undefined)}\n data-testid=\"range:${type}\"\n class=\"w-full\"\n label=${this.t(type)}\n step=\"1\"\n ?disabled=${!this.in('idle') \|\| this.disabledSelector.matches('range', true)}\n ?readonly=${this.readonlySelector.matches('range', true)}\n .checkValidity=${() => !error}\n .value=${value ? toDateTimePickerValue(value) : ''}\n @keydown=${(evt: KeyboardEvent) => evt.key === 'Enter' && this.submit()}\n @change=${(evt: CustomEvent) => {\n const picker = evt.currentTarget as DateTimePicker;\n this.edit({ [field]: picker.value });\n }}\n >\n </vaadin-date-time-picker>\n `;\n }\n\n private __renderRangeDatePicker(type: 'start' \| 'end') {\n const field = type === 'end' ? 'datetime_end' : 'datetime_start';\n const error = this.errors.find(error => error.startsWith(`${field}_`));\n const value = this.form[field as keyof Data] as string;\n\n return html`\n <vaadin-date-picker\n error-message=${ifDefined(error ? this.t(error) : undefined)}\n placeholder=${this.t('select_date')}\n data-testid=\"range:${type}\"\n class=\"w-full\"\n label=${this.t(type)}\n step=\"1\"\n ?disabled=${!this.in('idle') \|\| this.disabledSelector.matches('range', true)}\n ?readonly=${this.readonlySelector.matches('range', true)}\n .checkValidity=${() => !error}\n .value=${value ? toDatePickerValue(value) : ''}\n @keydown=${(evt: KeyboardEvent) => evt.key === 'Enter' && this.submit()}\n @change=${(evt: CustomEvent) => {\n const picker = evt.currentTarget as DateTimePicker;\n const time = type === 'end' ? '23:59:59' : '00:00:00';\n\n this.edit({ [field]: `${picker.value}T${time}` });\n }}\n >\n </vaadin-date-picker>\n `;\n }\n\n private __renderRange() {\n const renderer = this.__showRangeTime\n ? this.__renderRangeDateTimePicker\n : this.__renderRangeDatePicker;\n\n return html`\n <div data-testid=\"range\">\n ${this.renderTemplateOrSlot('range:before')}\n\n <x-group frame>\n <foxy-i18n slot=\"header\" lang=${this.lang} key=\"range\" ns=${this.ns}></foxy-i18n>\n\n <div class=\"p-m grid gap-m ${this.__showRangeTime ? 'grid-cols-1' : 'sm-grid-cols-2'}\">\n <div class=${this.__showRangeTime ? 'col-span-1' : 'sm-col-span-2'}>\n ${this.__renderRangePreset()}\n </div>\n\n ${renderer.call(this, 'start')} ${renderer.call(this, 'end')}\n\n <vaadin-checkbox\n data-testid=\"range:toggle\"\n class=\"-my-xs w-full ${this.__showRangeTime ? 'col-span-1' : 'sm-col-span-2'}\"\n ?disabled=${!this.in('idle') \|\| this.disabledSelector.matches('range', true)}\n ?checked=${this.__showRangeTime}\n @change=${(evt: CustomEvent) => {\n const checkbox = evt.currentTarget as CheckboxElement;\n this.__showRangeTime = checkbox.checked;\n }}\n >\n <foxy-i18n lang=${this.lang} key=\"use_precise_time\" ns=${this.ns}></foxy-i18n>\n </vaadin-checkbox>\n </div>\n </x-group>\n\n ${this.renderTemplateOrSlot('range:after')}\n </div>\n `;\n }\n\n private __renderTimestamps() {\n return html`\n <div>\n ${this.renderTemplateOrSlot('timestamps:before')}\n\n <x-property-table\n data-testid=\"timestamps\"\n .items=${(['date_modified', 'date_created'] as const).map(field => ({\n name: this.t(field),\n value: this.data?.[field]\n ? this.t('date', { value: new Date(this.data[field] as string) })\n : '',\n }))}\n >\n </x-property-table>\n\n ${this.renderTemplateOrSlot('timestamps:after')}\n </div>\n `;\n }\n\n private __renderCreate() {\n const isCleanTemplateInvalid = this.in({ idle: { template: { clean: 'invalid' } } });\n const isDirtyTemplateInvalid = this.in({ idle: { template: { dirty: 'invalid' } } });\n const isCleanSnapshotInvalid = this.in({ idle: { snapshot: { clean: 'invalid' } } });\n const isDirtySnapshotInvalid = this.in({ idle: { snapshot: { dirty: 'invalid' } } });\n const isTemplateInvalid = isCleanTemplateInvalid \|\| isDirtyTemplateInvalid;\n const isSnaphotInvalid = isCleanSnapshotInvalid \|\| isDirtySnapshotInvalid;\n const isInvalid = isTemplateInvalid \|\| isSnaphotInvalid;\n const isIdle = this.in('idle');\n\n return html`\n <div>\n ${this.renderTemplateOrSlot('create:before')}\n\n <vaadin-button\n data-testid=\"create\"\n class=\"w-full\"\n theme=\"primary success\"\n ?disabled=${!isIdle \|\| isInvalid \|\| this.disabledSelector.matches('create', true)}\n @click=${this.submit}\n >\n <foxy-i18n ns=${this.ns} key=\"create\" lang=${this.lang}></foxy-i18n>\n </vaadin-button>\n\n ${this.renderTemplateOrSlot('create:after')}\n </div>\n `;\n }\n\n private __renderDelete() {\n return html`\n <div>\n <foxy-internal-confirm-dialog\n data-testid=\"confirm\"\n message=\"delete_prompt\"\n confirm=\"delete\"\n cancel=\"cancel\"\n header=\"delete\"\n theme=\"primary error\"\n lang=${this.lang}\n ns=${this.ns}\n id=\"confirm\"\n @hide=${(evt: DialogHideEvent) => !evt.detail.cancelled && this.delete()}\n >\n </foxy-internal-confirm-dialog>\n\n ${this.renderTemplateOrSlot('delete:before')}\n\n <vaadin-button\n data-testid=\"delete\"\n theme=\"primary error\"\n class=\"w-full\"\n ?disabled=${!this.in('idle') \|\| this.disabledSelector.matches('delete', true)}\n @click=${(evt: CustomEvent) => {\n const confirm = this.renderRoot.querySelector('#confirm') as InternalConfirmDialog;\n confirm.show(evt.currentTarget as ButtonElement);\n }}\n >\n <foxy-i18n ns=${this.ns} key=\"delete\" lang=${this.lang}></foxy-i18n>\n </vaadin-button>\n\n ${this.renderTemplateOrSlot('delete:after')}\n </div>\n `;\n }\n}\n"]}

package/dist/elements/public/ReportForm/index.d.ts CHANGED Viewed

@@ -1,5 +1,8 @@
-import '@vaadin/vaadin-text-field';
+import '@vaadin/vaadin-date-time-picker';
+import '@vaadin/vaadin-date-picker';
+import '@vaadin/vaadin-checkbox';
 import '@vaadin/vaadin-button';
+import '@vaadin/vaadin-select';
 import '../../internal/InternalConfirmDialog/index';
 import '../../internal/InternalSandbox/index';
 import '../Spinner/index';

package/dist/elements/public/ReportForm/index.js CHANGED Viewed

@@ -1,5 +1,8 @@
-import '@vaadin/vaadin-text-field';
+import '@vaadin/vaadin-date-time-picker';
+import '@vaadin/vaadin-date-picker';
+import '@vaadin/vaadin-checkbox';
 import '@vaadin/vaadin-button';
+import '@vaadin/vaadin-select';
 import "../../internal/InternalConfirmDialog/index.js";
 import "../../internal/InternalSandbox/index.js";
 import "../Spinner/index.js";

package/dist/elements/public/ReportForm/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/elements/public/ReportForm/index.ts"],"names":[],"mappings":"AAAA,OAAO,~~2BAA2B~~,CAAC;~~AACnC~~,OAAO,uBAAuB,CAAC;AAC/B,uDAAoD;AACpD,iDAA8C;AAC9C,6BAA0B;AAC1B,0BAAuB;AAEvB,OAAO,EAAE,UAAU,EAAE,wBAAqB;AAE1C,cAAc,CAAC,MAAM,CAAC,kBAAkB,EAAE,UAAU,CAAC,CAAC;AAEtD,OAAO,EAAE,UAAU,EAAE,CAAC","sourcesContent":["import '@vaadin/vaadin-~~text~~-~~field~~';\nimport '@vaadin/vaadin-button';\nimport '../../internal/InternalConfirmDialog/index';\nimport '../../internal/InternalSandbox/index';\nimport '../Spinner/index';\nimport '../I18n/index';\n\nimport { ReportForm } from './ReportForm';\n\ncustomElements.define('foxy-report-form', ReportForm);\n\nexport { ReportForm };\n"]}
1	+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/elements/public/ReportForm/index.ts"],"names":[],"mappings":"AAAA,OAAO,iCAAiC,CAAC;AACzC,OAAO,4BAA4B,CAAC;AACpC,OAAO,yBAAyB,CAAC;AACjC,OAAO,uBAAuB,CAAC;AAC/B,OAAO,uBAAuB,CAAC;AAC/B,uDAAoD;AACpD,iDAA8C;AAC9C,6BAA0B;AAC1B,0BAAuB;AAEvB,OAAO,EAAE,UAAU,EAAE,wBAAqB;AAE1C,cAAc,CAAC,MAAM,CAAC,kBAAkB,EAAE,UAAU,CAAC,CAAC;AAEtD,OAAO,EAAE,UAAU,EAAE,CAAC","sourcesContent":["import '@vaadin/vaadin-date-time-picker';\nimport '@vaadin/vaadin-date-picker';\nimport '@vaadin/vaadin-checkbox';\nimport '@vaadin/vaadin-button';\nimport '@vaadin/vaadin-select';\nimport '../../internal/InternalConfirmDialog/index';\nimport '../../internal/InternalSandbox/index';\nimport '../Spinner/index';\nimport '../I18n/index';\n\nimport { ReportForm } from './ReportForm';\n\ncustomElements.define('foxy-report-form', ReportForm);\n\nexport { ReportForm };\n"]}

package/dist/elements/public/ReportForm/types.d.ts CHANGED Viewed

@@ -6,10 +6,8 @@ export declare type Data = Resource<Rels.Report>;
 export declare type Templates = {
     'name:before'?: Renderer<ReportForm>;
     'name:after'?: Renderer<ReportForm>;
-    'start:before'?: Renderer<ReportForm>;
-    'start:after'?: Renderer<ReportForm>;
-    'end:before'?: Renderer<ReportForm>;
-    'end:after'?: Renderer<ReportForm>;
+    'range:before'?: Renderer<ReportForm>;
+    'range:after'?: Renderer<ReportForm>;
     'timestamps:before'?: Renderer<ReportForm>;
     'timestamps:after'?: Renderer<ReportForm>;
     'delete:before'?: Renderer<ReportForm>;

package/dist/elements/public/ReportForm/types.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../src/elements/public/ReportForm/types.ts"],"names":[],"mappings":"","sourcesContent":["import { Rels } from '@foxy.io/sdk/backend';\nimport { Renderer } from '../../../mixins/configurable';\nimport { ReportForm } from './ReportForm';\nimport { Resource } from '@foxy.io/sdk/core';\n\nexport type Data = Resource<Rels.Report>;\n\nexport type Templates = {\n 'name:before'?: Renderer<ReportForm>;\n 'name:after'?: Renderer<ReportForm>;\n '~~start~~:before'?: Renderer<ReportForm>;\n '~~start~~:after'?: Renderer<ReportForm>;\n '~~end:before'?: Renderer<ReportForm>;\n 'end:after'?: Renderer<ReportForm>;\n '~~timestamps:before'?: Renderer<ReportForm>;\n 'timestamps:after'?: Renderer<ReportForm>;\n 'delete:before'?: Renderer<ReportForm>;\n 'delete:after'?: Renderer<ReportForm>;\n 'create:before'?: Renderer<ReportForm>;\n 'create:after'?: Renderer<ReportForm>;\n};\n"]}
1	+ {"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../src/elements/public/ReportForm/types.ts"],"names":[],"mappings":"","sourcesContent":["import { Rels } from '@foxy.io/sdk/backend';\nimport { Renderer } from '../../../mixins/configurable';\nimport { ReportForm } from './ReportForm';\nimport { Resource } from '@foxy.io/sdk/core';\n\nexport type Data = Resource<Rels.Report>;\n\nexport type Templates = {\n 'name:before'?: Renderer<ReportForm>;\n 'name:after'?: Renderer<ReportForm>;\n 'range:before'?: Renderer<ReportForm>;\n 'range:after'?: Renderer<ReportForm>;\n 'timestamps:before'?: Renderer<ReportForm>;\n 'timestamps:after'?: Renderer<ReportForm>;\n 'delete:before'?: Renderer<ReportForm>;\n 'delete:after'?: Renderer<ReportForm>;\n 'create:before'?: Renderer<ReportForm>;\n 'create:after'?: Renderer<ReportForm>;\n};\n"]}

package/dist/elements/public/ReportForm/utils.d.ts ADDED Viewed

@@ -0,0 +1,16 @@
+declare type Range = {
+    start: Date;
+    end: Date;
+};
+export declare function getPreviousQuarter(now?: Date): Range;
+export declare function getCurrentQuarter(now?: Date): Range;
+export declare function getPreviousMonth(now?: Date): Range;
+export declare function getCurrentMonth(now?: Date): Range;
+export declare function getPreviousYear(now?: Date): Range;
+export declare function getCurrentYear(now?: Date): Range;
+export declare function getLast365Days(now?: Date): Range;
+export declare function getLast30Days(now?: Date): Range;
+export declare function toAPIDateTime(date: Date): string;
+export declare function toDateTimePickerValue(apiValue: string): string;
+export declare function toDatePickerValue(apiValue: string): string;
+export {};

package/dist/elements/public/ReportForm/utils.js ADDED Viewed

@@ -0,0 +1,73 @@
+const quarters = [
+    [0, 1, 2],
+    [3, 4, 5],
+    [6, 7, 8],
+    [9, 10, 11],
+];
+export function getPreviousQuarter(now = new Date()) {
+    const currentMonth = now.getMonth();
+    const currentQuarter = quarters.findIndex(months => months.includes(currentMonth));
+    const previousQuarter = currentQuarter === 0 ? quarters.length - 1 : currentQuarter - 1;
+    const previousQuarterStart = quarters[previousQuarter][0];
+    const start = new Date(now.getFullYear(), previousQuarterStart);
+    const previousQuarterEnd = quarters[previousQuarter][2];
+    const end = new Date(new Date(now.getFullYear(), previousQuarterEnd + 1).getTime() - 1);
+    return { start, end };
+}
+export function getCurrentQuarter(now = new Date()) {
+    const currentMonth = now.getMonth();
+    const currentQuarter = quarters.findIndex(months => months.includes(currentMonth));
+    const currentQuarterStart = quarters[currentQuarter][0];
+    const start = new Date(now.getFullYear(), currentQuarterStart);
+    const currentQuarterEnd = quarters[currentQuarter][2];
+    const end = new Date(new Date(now.getFullYear(), currentQuarterEnd + 1).getTime() - 1);
+    return { start, end };
+}
+export function getPreviousMonth(now = new Date()) {
+    const start = new Date(now.getFullYear(), now.getMonth() - 1);
+    const end = new Date(new Date(now.getFullYear(), now.getMonth()).getTime() - 1);
+    return { start, end };
+}
+export function getCurrentMonth(now = new Date()) {
+    const start = new Date(now.getFullYear(), now.getMonth());
+    const end = new Date(new Date(now.getFullYear(), now.getMonth() + 1).getTime() - 1);
+    return { start, end };
+}
+export function getPreviousYear(now = new Date()) {
+    const start = new Date(now.getFullYear() - 1, 0);
+    const end = new Date(new Date(now.getFullYear(), 0).getTime() - 1);
+    return { start, end };
+}
+export function getCurrentYear(now = new Date()) {
+    const start = new Date(now.getFullYear(), 0);
+    const end = new Date(new Date(now.getFullYear() + 1, 0).getTime() - 1);
+    return { start, end };
+}
+export function getLast365Days(now = new Date()) {
+    const start = new Date(now.getFullYear(), now.getMonth(), now.getDate() - 365);
+    const end = new Date(new Date(now.getFullYear(), now.getMonth(), now.getDate() + 1).getTime() - 1);
+    return { start, end };
+}
+export function getLast30Days(now = new Date()) {
+    const start = new Date(now.getFullYear(), now.getMonth(), now.getDate() - 30);
+    const end = new Date(new Date(now.getFullYear(), now.getMonth(), now.getDate() + 1).getTime() - 1);
+    return { start, end };
+}
+export function toAPIDateTime(date) {
+    const YYYY = date.getFullYear().toString().padStart(4, '0');
+    const MM = (date.getMonth() + 1).toString().padStart(2, '0');
+    const DD = date.getDate().toString().padStart(2, '0');
+    const hh = date.getHours().toString().padStart(2, '0');
+    const mm = date.getMinutes().toString().padStart(2, '0');
+    const ss = date.getSeconds().toString().padStart(2, '0');
+    return `${YYYY}-${MM}-${DD}T${hh}:${mm}:${ss}`;
+}
+export function toDateTimePickerValue(apiValue) {
+    var _a, _b;
+    return (_b = (_a = /^\d{4}-\d{2}-\d{2}T\d{2}:\d{2}:\d{2}/.exec(apiValue)) === null || _a === void 0 ? void 0 : _a[0]) !== null && _b !== void 0 ? _b : '';
+}
+export function toDatePickerValue(apiValue) {
+    var _a, _b;
+    return (_b = (_a = /^\d{4}-\d{2}-\d{2}/.exec(apiValue)) === null || _a === void 0 ? void 0 : _a[0]) !== null && _b !== void 0 ? _b : '';
+}
+//# sourceMappingURL=utils.js.map

package/dist/elements/public/ReportForm/utils.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"utils.js","sourceRoot":"","sources":["../../../../src/elements/public/ReportForm/utils.ts"],"names":[],"mappings":"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","sourcesContent":["type Quarter = [number, number, number];\ntype Year = [Quarter, Quarter, Quarter, Quarter];\ntype Range = { start: Date; end: Date };\n\nconst quarters: Year = [\n [0, 1, 2],\n [3, 4, 5],\n [6, 7, 8],\n [9, 10, 11],\n];\n\nexport function getPreviousQuarter(now = new Date()): Range {\n const currentMonth = now.getMonth();\n const currentQuarter = quarters.findIndex(months => months.includes(currentMonth));\n const previousQuarter = currentQuarter === 0 ? quarters.length - 1 : currentQuarter - 1;\n\n const previousQuarterStart = quarters[previousQuarter][0];\n const start = new Date(now.getFullYear(), previousQuarterStart);\n\n const previousQuarterEnd = quarters[previousQuarter][2];\n const end = new Date(new Date(now.getFullYear(), previousQuarterEnd + 1).getTime() - 1);\n\n return { start, end };\n}\n\nexport function getCurrentQuarter(now = new Date()): Range {\n const currentMonth = now.getMonth();\n const currentQuarter = quarters.findIndex(months => months.includes(currentMonth));\n\n const currentQuarterStart = quarters[currentQuarter][0];\n const start = new Date(now.getFullYear(), currentQuarterStart);\n\n const currentQuarterEnd = quarters[currentQuarter][2];\n const end = new Date(new Date(now.getFullYear(), currentQuarterEnd + 1).getTime() - 1);\n\n return { start, end };\n}\n\nexport function getPreviousMonth(now = new Date()): Range {\n const start = new Date(now.getFullYear(), now.getMonth() - 1);\n const end = new Date(new Date(now.getFullYear(), now.getMonth()).getTime() - 1);\n\n return { start, end };\n}\n\nexport function getCurrentMonth(now = new Date()): Range {\n const start = new Date(now.getFullYear(), now.getMonth());\n const end = new Date(new Date(now.getFullYear(), now.getMonth() + 1).getTime() - 1);\n\n return { start, end };\n}\n\nexport function getPreviousYear(now = new Date()): Range {\n const start = new Date(now.getFullYear() - 1, 0);\n const end = new Date(new Date(now.getFullYear(), 0).getTime() - 1);\n\n return { start, end };\n}\n\nexport function getCurrentYear(now = new Date()): Range {\n const start = new Date(now.getFullYear(), 0);\n const end = new Date(new Date(now.getFullYear() + 1, 0).getTime() - 1);\n\n return { start, end };\n}\n\nexport function getLast365Days(now = new Date()): Range {\n const start = new Date(now.getFullYear(), now.getMonth(), now.getDate() - 365);\n const end = new Date(\n new Date(now.getFullYear(), now.getMonth(), now.getDate() + 1).getTime() - 1\n );\n\n return { start, end };\n}\n\nexport function getLast30Days(now = new Date()): Range {\n const start = new Date(now.getFullYear(), now.getMonth(), now.getDate() - 30);\n const end = new Date(\n new Date(now.getFullYear(), now.getMonth(), now.getDate() + 1).getTime() - 1\n );\n\n return { start, end };\n}\n\nexport function toAPIDateTime(date: Date): string {\n const YYYY = date.getFullYear().toString().padStart(4, '0');\n const MM = (date.getMonth() + 1).toString().padStart(2, '0');\n const DD = date.getDate().toString().padStart(2, '0');\n const hh = date.getHours().toString().padStart(2, '0');\n const mm = date.getMinutes().toString().padStart(2, '0');\n const ss = date.getSeconds().toString().padStart(2, '0');\n\n return `${YYYY}-${MM}-${DD}T${hh}:${mm}:${ss}`;\n}\n\nexport function toDateTimePickerValue(apiValue: string): string {\n return /^\\d{4}-\\d{2}-\\d{2}T\\d{2}:\\d{2}:\\d{2}/.exec(apiValue)?.[0] ?? '';\n}\n\nexport function toDatePickerValue(apiValue: string): string {\n return /^\\d{4}-\\d{2}-\\d{2}/.exec(apiValue)?.[0] ?? '';\n}\n"]}

package/dist/elements/public/ShipmentCard/ShipmentCard.d.ts ADDED Viewed

@@ -0,0 +1,28 @@
+import type { TemplateResult } from 'lit-html';
+import type { Data } from './types';
+import { BooleanSelector } from '@foxy.io/sdk/core';
+import { PropertyDeclarations } from 'lit-element';
+import { InternalCard } from '../../internal/InternalCard/InternalCard';
+declare const Base: typeof InternalCard & import("lit-element").Constructor<import("../../../mixins/translatable").TranslatableMixinHost> & {
+    defaultNS: string;
+} & import("lit-element").Constructor<import("../../../mixins/configurable").ConfigurableMixinHost>;
+/**
+ * Basic card displaying a shipment.
+ *
+ * @element foxy-shipment-card
+ * @since 1.17.0
+ */
+export declare class ShipmentCard extends Base<Data> {
+    static get properties(): PropertyDeclarations;
+    __customerAddresses: string;
+    __currencyDisplay: string;
+    __itemCategories: string;
+    __editable: boolean;
+    __currency: string;
+    __coupons: string;
+    get hiddenSelector(): BooleanSelector;
+    get readonlySelector(): BooleanSelector;
+    renderBody(): TemplateResult;
+    protected _sendGet(): Promise<Data>;
+}
+export {};

package/dist/elements/public/ShipmentCard/ShipmentCard.js ADDED Viewed

@@ -0,0 +1,119 @@
+import { html } from 'lit-html';
+import { ifDefined } from 'lit-html/directives/if-defined';
+import { TranslatableMixin } from "../../../mixins/translatable.js";
+import { BooleanSelector } from '@foxy.io/sdk/core';
+import { InternalCard } from "../../internal/InternalCard/InternalCard.js";
+import { ConfigurableMixin } from "../../../mixins/configurable.js";
+const NS = 'shipment-card';
+const Base = ConfigurableMixin(TranslatableMixin(InternalCard, NS));
+/**
+ * Basic card displaying a shipment.
+ *
+ * @element foxy-shipment-card
+ * @since 1.17.0
+ */
+export class ShipmentCard extends Base {
+    constructor() {
+        super(...arguments);
+        this.__customerAddresses = '';
+        this.__currencyDisplay = '';
+        this.__itemCategories = '';
+        this.__editable = false;
+        this.__currency = '';
+        this.__coupons = '';
+    }
+    static get properties() {
+        return {
+            ...super.properties,
+            __customerAddresses: { attribute: false },
+            __currencyDisplay: { attribute: false },
+            __itemCategories: { attribute: false },
+            __editable: { attribute: false },
+            __currency: { attribute: false },
+            __coupons: { attribute: false },
+        };
+    }
+    get hiddenSelector() {
+        return new BooleanSelector(`${super.hiddenSelector.toString()} address:not=full-address`);
+    }
+    get readonlySelector() {
+        return this.__editable ? super.readonlySelector : BooleanSelector.True;
+    }
+    renderBody() {
+        var _a, _b, _c;
+        let itemsLink = undefined;
+        if (this.data) {
+            try {
+                const url = new URL(this.data._links['fx:items'].href);
+                url.searchParams.set('zoom', 'item_options');
+                itemsLink = url.toString();
+            }
+            catch (_d) {
+                //
+            }
+        }
+        const itemFormRenderer = ({ html, dialog, handleFetch, handleUpdate }) => html `
+      <foxy-item-form
+        customer-addresses=${this.__customerAddresses}
+        item-categories=${this.__itemCategories}
+        coupons=${this.__coupons}
+        parent=${dialog.parent}
+        href=${dialog.href}
+        infer=""
+        @fetch=${handleFetch}
+        @update=${handleUpdate}
+      >
+      </foxy-item-form>
+    `;
+        return html `
+      <div class="space-y-m">
+        <foxy-address-card
+          infer="address"
+          href=${ifDefined((_a = this.data) === null || _a === void 0 ? void 0 : _a._links['fx:customer_address'].href)}
+        >
+          <div slot="full-address:after" class="flex items-center text-m space-x-s text-secondary">
+            <iron-icon icon="maps:local-shipping" class="icon-inline flex-shrink-0"></iron-icon>
+            <span class="truncate">
+              ${(_b = this.data) === null || _b === void 0 ? void 0 : _b.shipping_service_description} &bull;
+              <foxy-i18n
+                options=${JSON.stringify({
+            amount: `${(_c = this.data) === null || _c === void 0 ? void 0 : _c.total_shipping} ${this.__currency}`,
+            currencyDisplay: this.__currencyDisplay,
+        })}
+                key="price"
+                infer=""
+              >
+              </foxy-i18n>
+            </span>
+          </div>
+        </foxy-address-card>
+        <foxy-internal-async-details-control
+          infer="items"
+          first=${ifDefined(itemsLink)}
+          limit="5"
+          item="foxy-item-card"
+          open
+          .form=${itemFormRenderer}
+        >
+        </foxy-internal-async-details-control>
+      </div>
+    `;
+    }
+    async _sendGet() {
+        const shipment = await super._sendGet();
+        const [transaction, customer, store] = await Promise.all([
+            super._fetch(shipment._links['fx:transaction'].href),
+            super._fetch(shipment._links['fx:customer'].href),
+            super._fetch(shipment._links['fx:store'].href),
+        ]);
+        this.__customerAddresses = customer._links['fx:customer_addresses'].href;
+        this.__currencyDisplay = store.use_international_currency_symbol ? 'code' : 'symbol';
+        this.__itemCategories = store._links['fx:item_categories'].href;
+        this.__currency = transaction.currency_code;
+        this.__editable = !!transaction._links['fx:void'] || !!transaction._links['fx:refund'];
+        this.__coupons = store._links['fx:coupons'].href;
+        return shipment;
+    }
+}
+//# sourceMappingURL=ShipmentCard.js.map

package/dist/elements/public/ShipmentCard/ShipmentCard.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"ShipmentCard.js","sourceRoot":"","sources":["../../../../src/elements/public/ShipmentCard/ShipmentCard.ts"],"names":[],"mappings":"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","sourcesContent":["import type { TemplateResult } from 'lit-html';\nimport type { Data } from './types';\n\nimport { html } from 'lit-html';\nimport { ifDefined } from 'lit-html/directives/if-defined';\nimport { TranslatableMixin } from '../../../mixins/translatable';\nimport { BooleanSelector, Resource } from '@foxy.io/sdk/core';\nimport { Rels } from '@foxy.io/sdk/backend';\nimport { PropertyDeclarations } from 'lit-element';\nimport { InternalCard } from '../../internal/InternalCard/InternalCard';\nimport { FormRenderer } from '../FormDialog/types';\nimport { ConfigurableMixin } from '../../../mixins/configurable';\n\nconst NS = 'shipment-card';\nconst Base = ConfigurableMixin(TranslatableMixin(InternalCard, NS));\n\n/**\n * Basic card displaying a shipment.\n *\n * @element foxy-shipment-card\n * @since 1.17.0\n */\nexport class ShipmentCard extends Base<Data> {\n static get properties(): PropertyDeclarations {\n return {\n ...super.properties,\n __customerAddresses: { attribute: false },\n __currencyDisplay: { attribute: false },\n __itemCategories: { attribute: false },\n __editable: { attribute: false },\n __currency: { attribute: false },\n __coupons: { attribute: false },\n };\n }\n\n __customerAddresses = '';\n\n __currencyDisplay = '';\n\n __itemCategories = '';\n\n __editable = false;\n\n __currency = '';\n\n __coupons = '';\n\n get hiddenSelector(): BooleanSelector {\n return new BooleanSelector(`${super.hiddenSelector.toString()} address:not=full-address`);\n }\n\n get readonlySelector(): BooleanSelector {\n return this.__editable ? super.readonlySelector : BooleanSelector.True;\n }\n\n renderBody(): TemplateResult {\n let itemsLink: string | undefined = undefined;\n\n if (this.data) {\n try {\n const url = new URL(this.data._links['fx:items'].href);\n url.searchParams.set('zoom', 'item_options');\n itemsLink = url.toString();\n } catch {\n //\n }\n }\n\n const itemFormRenderer: FormRenderer = ({ html, dialog, handleFetch, handleUpdate }) => html`\n <foxy-item-form\n customer-addresses=${this.__customerAddresses}\n item-categories=${this.__itemCategories}\n coupons=${this.__coupons}\n parent=${dialog.parent}\n href=${dialog.href}\n infer=\"\"\n @fetch=${handleFetch}\n @update=${handleUpdate}\n >\n </foxy-item-form>\n `;\n\n return html`\n <div class=\"space-y-m\">\n <foxy-address-card\n infer=\"address\"\n href=${ifDefined(this.data?._links['fx:customer_address'].href)}\n >\n <div slot=\"full-address:after\" class=\"flex items-center text-m space-x-s text-secondary\">\n <iron-icon icon=\"maps:local-shipping\" class=\"icon-inline flex-shrink-0\"></iron-icon>\n <span class=\"truncate\">\n ${this.data?.shipping_service_description} •\n <foxy-i18n\n options=${JSON.stringify({\n amount: `${this.data?.total_shipping} ${this.__currency}`,\n currencyDisplay: this.__currencyDisplay,\n })}\n key=\"price\"\n infer=\"\"\n >\n </foxy-i18n>\n </span>\n </div>\n </foxy-address-card>\n\n <foxy-internal-async-details-control\n infer=\"items\"\n first=${ifDefined(itemsLink)}\n limit=\"5\"\n item=\"foxy-item-card\"\n open\n .form=${itemFormRenderer as any}\n >\n </foxy-internal-async-details-control>\n </div>\n `;\n }\n\n protected async _sendGet(): Promise<Data> {\n type Transaction = Resource<Rels.Transaction>;\n type Customer = Resource<Rels.Customer>;\n type Store = Resource<Rels.Store>;\n\n const shipment = await super._sendGet();\n const [transaction, customer, store] = await Promise.all([\n super._fetch<Transaction>(shipment._links['fx:transaction'].href),\n super._fetch<Customer>(shipment._links['fx:customer'].href),\n super._fetch<Store>(shipment._links['fx:store'].href),\n ]);\n\n this.__customerAddresses = customer._links['fx:customer_addresses'].href;\n this.__currencyDisplay = store.use_international_currency_symbol ? 'code' : 'symbol';\n this.__itemCategories = store._links['fx:item_categories'].href;\n this.__currency = transaction.currency_code;\n this.__editable = !!transaction._links['fx:void'] || !!transaction._links['fx:refund'];\n this.__coupons = store._links['fx:coupons'].href;\n\n return shipment;\n }\n}\n"]}

package/dist/elements/public/ShipmentCard/index.d.ts ADDED Viewed

@@ -0,0 +1,8 @@
+import '../AddressCard/index';
+import '../ItemForm/index';
+import '../ItemCard/index';
+import '../I18n/index';
+import '../../internal/InternalAsyncDetailsControl/index';
+import '../../internal/InternalCard/index';
+import { ShipmentCard } from './ShipmentCard';
+export { ShipmentCard };

package/dist/elements/public/ShipmentCard/index.js ADDED Viewed

@@ -0,0 +1,10 @@
+import "../AddressCard/index.js";
+import "../ItemForm/index.js";
+import "../ItemCard/index.js";
+import "../I18n/index.js";
+import "../../internal/InternalAsyncDetailsControl/index.js";
+import "../../internal/InternalCard/index.js";
+import { ShipmentCard } from "./ShipmentCard.js";
+customElements.define('foxy-shipment-card', ShipmentCard);
+export { ShipmentCard };
+//# sourceMappingURL=index.js.map

package/dist/elements/public/ShipmentCard/index.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/elements/public/ShipmentCard/index.ts"],"names":[],"mappings":"AAAA,iCAA8B;AAC9B,8BAA2B;AAC3B,8BAA2B;AAC3B,0BAAuB;AAEvB,6DAA0D;AAC1D,8CAA2C;AAE3C,OAAO,EAAE,YAAY,EAAE,0BAAuB;AAE9C,cAAc,CAAC,MAAM,CAAC,oBAAoB,EAAE,YAAY,CAAC,CAAC;AAE1D,OAAO,EAAE,YAAY,EAAE,CAAC","sourcesContent":["import '../AddressCard/index';\nimport '../ItemForm/index';\nimport '../ItemCard/index';\nimport '../I18n/index';\n\nimport '../../internal/InternalAsyncDetailsControl/index';\nimport '../../internal/InternalCard/index';\n\nimport { ShipmentCard } from './ShipmentCard';\n\ncustomElements.define('foxy-shipment-card', ShipmentCard);\n\nexport { ShipmentCard };\n"]}

package/dist/elements/public/ShipmentCard/types.d.ts ADDED Viewed

@@ -0,0 +1,18 @@
+import type { Rels } from '@foxy.io/sdk/backend';
+import type { Resource } from '@foxy.io/sdk/core';
+export declare type Rel = Rels.Shipment & {
+    links: {
+        'fx:custom_fields': Rels.CustomFields;
+        'fx:attributes': Rels.Attributes;
+    };
+    zooms: {
+        custom_fields?: Rels.CustomFields;
+        attributes?: Rels.Attributes;
+        items?: Rels.Items;
+    };
+};
+export declare type Data = Resource<Rel, {
+    zoom: {
+        items: 'item_options';
+    };
+}>;

package/dist/elements/public/ShipmentCard/types.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ export {};
2	+ //# sourceMappingURL=types.js.map

package/dist/elements/public/ShipmentCard/types.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../src/elements/public/ShipmentCard/types.ts"],"names":[],"mappings":"","sourcesContent":["import type { Rels } from '@foxy.io/sdk/backend';\nimport type { Resource } from '@foxy.io/sdk/core';\n\n// TODO update when SDK types are corrected\nexport type Rel = Rels.Shipment & {\n links: {\n 'fx:custom_fields': Rels.CustomFields;\n 'fx:attributes': Rels.Attributes;\n };\n\n zooms: {\n custom_fields?: Rels.CustomFields;\n attributes?: Rels.Attributes;\n items?: Rels.Items;\n };\n};\n\nexport type Data = Resource<Rel, { zoom: { items: 'item_options' } }>;\n"]}

package/dist/elements/public/Spinner/Spinner.d.ts CHANGED Viewed

@@ -1,12 +1,14 @@
 import { LitElement, PropertyDeclarations, TemplateResult } from 'lit-element';
 export declare type SpinnerLayout = 'vertical' | 'horizontal' | 'no-label';
 export declare type SpinnerState = 'end' | 'busy' | 'error' | 'empty' | 'paused';
-declare const Spinner_base: typeof LitElement & {
+declare const Base: typeof LitElement & import("lit-element").Constructor<import("../../../mixins/inferrable").InferrableMixinHost> & {
+    inferredProperties: string[];
+} & {
     styles: import("lit-element").CSSResultArray;
 } & import("lit-element").Constructor<import("../../../mixins/translatable").TranslatableMixinHost> & {
     defaultNS: string;
 };
-export declare class Spinner extends Spinner_base {
+export declare class Spinner extends Base {
     /** @readonly */
     static get properties(): PropertyDeclarations;
     /**

package/dist/elements/public/Spinner/Spinner.js CHANGED Viewed

@@ -1,7 +1,9 @@
 import { html, LitElement, svg } from 'lit-element';
+import { InferrableMixin } from "../../../mixins/inferrable.js";
 import { ThemeableMixin } from "../../../mixins/themeable.js";
 import { TranslatableMixin } from "../../../mixins/translatable.js";
-export class Spinner extends TranslatableMixin(ThemeableMixin(LitElement), 'spinner') {
+const Base = TranslatableMixin(ThemeableMixin(InferrableMixin(LitElement)), 'spinner');
+export class Spinner extends Base {
     constructor() {
         super(...arguments);
         /**

package/dist/elements/public/Spinner/Spinner.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Spinner.js","sourceRoot":"","sources":["../../../../src/elements/public/Spinner/Spinner.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,UAAU,EAAwB,GAAG,EAAkB,MAAM,aAAa,CAAC;AAC1F,OAAO,EAAE,cAAc,EAAE,qCAAkC;AAC3D,OAAO,EAAE,iBAAiB,EAAE,wCAAqC;AAKjE,MAAM,~~OAAO~~,~~OAAQ~~,~~SAAQ,~~iBAAiB,CAAC,cAAc,CAAC,UAAU,CAAC,EAAE,SAAS,CAAC;~~IAArF~~;;QAUE;;;WAGG;QACH,WAAM,GAAkB,YAAY,CAAC;QAErC;;;;;;;;WAQG;QACH,UAAK,GAAiB,MAAM,CAAC;IAwD/B,CAAC;IAhFC,gBAAgB;IAChB,MAAM,KAAK,UAAU;QACnB,OAAO;YACL,GAAG,KAAK,CAAC,UAAU;YACnB,MAAM,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE;YACxB,KAAK,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE;SACxB,CAAC;IACJ,CAAC;IAmBD,gBAAgB;IAChB,MAAM;QACJ,IAAI,MAAc,CAAC;QACnB,IAAI,IAAoB,CAAC;QACzB,IAAI,IAAY,CAAC;QACjB,IAAI,IAAY,CAAC;QAEjB,IAAI,IAAI,CAAC,KAAK,KAAK,KAAK,EAAE;YACxB,IAAI,GAAG,IAAI,CAAA,kEAAkE,CAAC;YAC9E,IAAI,GAAG,aAAa,CAAC;YACrB,IAAI,GAAG,eAAe,CAAC;SACxB;aAAM,IAAI,IAAI,CAAC,KAAK,KAAK,OAAO,EAAE;YACjC,IAAI,GAAG,IAAI,CAAA,uEAAuE,CAAC;YACnF,IAAI,GAAG,eAAe,CAAC;YACvB,IAAI,GAAG,YAAY,CAAC;SACrB;aAAM,IAAI,IAAI,CAAC,KAAK,KAAK,QAAQ,EAAE;YAClC,IAAI,GAAG,IAAI,CAAA,oEAAoE,CAAC;YAChF,IAAI,GAAG,gBAAgB,CAAC;YACxB,IAAI,GAAG,eAAe,CAAC;SACxB;aAAM,IAAI,IAAI,CAAC,KAAK,KAAK,OAAO,EAAE;YACjC,IAAI,GAAG,IAAI,CAAA,sEAAsE,CAAC;YAClF,IAAI,GAAG,eAAe,CAAC;YACvB,IAAI,GAAG,eAAe,CAAC;SACxB;aAAM;YACL,IAAI,GAAG,GAAG,CAAA;;;;OAIT,CAAC;YAEF,IAAI,GAAG,cAAc,CAAC;YACtB,IAAI,GAAG,eAAe,CAAC;SACxB;QAED,IAAI,IAAI,CAAC,MAAM,KAAK,YAAY,EAAE;YAChC,MAAM,GAAG,mCAAmC,CAAC;SAC9C;aAAM;YACL,MAAM,GAAG,sCAAsC,CAAC;SACjD;QAED,OAAO,IAAI,CAAA;kDACmC,MAAM,IAAI,IAAI;oEACI,IAAI;;;kBAGtD,IAAI,CAAC,MAAM,KAAK,UAAU,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,EAAE;iBAC5C,IAAI,CAAC,IAAI;gBACV,IAAI;eACL,IAAI,CAAC,EAAE;;;;KAIjB,CAAC;IACJ,CAAC;CACF","sourcesContent":["import { html, LitElement, PropertyDeclarations, svg, TemplateResult } from 'lit-element';\nimport { ThemeableMixin } from '../../../mixins/themeable';\nimport { TranslatableMixin } from '../../../mixins/translatable';\n\nexport type SpinnerLayout = 'vertical' \| 'horizontal' \| 'no-label';\nexport type SpinnerState = 'end' \| 'busy' \| 'error' \| 'empty' \| 'paused';\n\~~nexport~~ ~~class~~ ~~Spinner~~ ~~extends~~ TranslatableMixin(ThemeableMixin(LitElement), 'spinner') {\n /** @readonly /\n static get properties(): PropertyDeclarations {\n return {\n ...super.properties,\n layout: { type: String },\n state: { type: String },\n };\n }\n\n /\n Optional spinner layout: horizonal (default) or vertical. First puts icon next\n * to the label, second puts it above the text.\n /\n layout: SpinnerLayout = 'horizontal';\n\n /\n Optional spinner state:\n \n - `busy` (default) for loading data;\n * - `error` for failures;\n * - `empty` for when there's no data;\n * - `paused` for a pause or a timeout before fetching the next chunk of data;\n * - `end` for when there's no more data;\n /\n state: SpinnerState = 'busy';\n\n /* @readonly */\n render(): TemplateResult {\n let layout: string;\n let icon: TemplateResult;\n let text: string;\n let tint: string;\n\n if (this.state === 'end') {\n icon = html`<iron-icon data-testid=\"icon\" icon=\"icons:done-all\"></iron-icon>`;\n text = 'loading_end';\n tint = 'text-tertiary';\n } else if (this.state === 'error') {\n icon = html`<iron-icon data-testid=\"icon\" icon=\"icons:error-outline\"></iron-icon>`;\n text = 'loading_error';\n tint = 'text-error';\n } else if (this.state === 'paused') {\n icon = html`<iron-icon data-testid=\"icon\" icon=\"icons:more-horiz\"></iron-icon>`;\n text = 'loading_paused';\n tint = 'text-tertiary';\n } else if (this.state === 'empty') {\n icon = html`<iron-icon data-testid=\"icon\" icon=\"icons:info-outline\"></iron-icon>`;\n text = 'loading_empty';\n tint = 'text-tertiary';\n } else {\n icon = svg`\n <svg data-testid=\"icon\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" viewBox=\"0 0 22 22\" preserveAspectRatio=\"xMidYMid\" class=\"animate-spin h-full w-full\">\n <circle cx=\"11\" cy=\"11\" fill=\"none\" stroke=\"#e15b64\" stroke-width=\"2\" r=\"8\" stroke-dasharray=\"24 12\" class=\"stroke-current\"></circle>\n </svg>\n `;\n\n text = 'loading_busy';\n tint = 'text-tertiary';\n }\n\n if (this.layout === 'horizontal') {\n layout = 'flex items-center space-x-s h-xxs';\n } else {\n layout = 'flex flex-col items-center space-y-s';\n }\n\n return html`\n <div class=\"font-lumo leading-none text-s ${layout} ${tint}\">\n <div class=\"w-xxs h-xss flex items-center justify-center\">${icon}</div>\n <foxy-i18n\n data-testid=\"text\"\n class=${this.layout === 'no-label' ? 'sr-only' : ''}\n lang=${this.lang}\n key=${text}\n ns=${this.ns}\n >\n </foxy-i18n>\n </div>\n `;\n }\n}\n"]}
1	+ {"version":3,"file":"Spinner.js","sourceRoot":"","sources":["../../../../src/elements/public/Spinner/Spinner.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,UAAU,EAAwB,GAAG,EAAkB,MAAM,aAAa,CAAC;AAC1F,OAAO,EAAE,eAAe,EAAE,sCAAmC;AAC7D,OAAO,EAAE,cAAc,EAAE,qCAAkC;AAC3D,OAAO,EAAE,iBAAiB,EAAE,wCAAqC;AAKjE,MAAM,IAAI,GAAG,iBAAiB,CAAC,cAAc,CAAC,eAAe,CAAC,UAAU,CAAC,CAAC,EAAE,SAAS,CAAC,CAAC;AAEvF,MAAM,OAAO,OAAQ,SAAQ,IAAI;IAAjC;;QAUE;;;WAGG;QACH,WAAM,GAAkB,YAAY,CAAC;QAErC;;;;;;;;WAQG;QACH,UAAK,GAAiB,MAAM,CAAC;IAwD/B,CAAC;IAhFC,gBAAgB;IAChB,MAAM,KAAK,UAAU;QACnB,OAAO;YACL,GAAG,KAAK,CAAC,UAAU;YACnB,MAAM,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE;YACxB,KAAK,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE;SACxB,CAAC;IACJ,CAAC;IAmBD,gBAAgB;IAChB,MAAM;QACJ,IAAI,MAAc,CAAC;QACnB,IAAI,IAAoB,CAAC;QACzB,IAAI,IAAY,CAAC;QACjB,IAAI,IAAY,CAAC;QAEjB,IAAI,IAAI,CAAC,KAAK,KAAK,KAAK,EAAE;YACxB,IAAI,GAAG,IAAI,CAAA,kEAAkE,CAAC;YAC9E,IAAI,GAAG,aAAa,CAAC;YACrB,IAAI,GAAG,eAAe,CAAC;SACxB;aAAM,IAAI,IAAI,CAAC,KAAK,KAAK,OAAO,EAAE;YACjC,IAAI,GAAG,IAAI,CAAA,uEAAuE,CAAC;YACnF,IAAI,GAAG,eAAe,CAAC;YACvB,IAAI,GAAG,YAAY,CAAC;SACrB;aAAM,IAAI,IAAI,CAAC,KAAK,KAAK,QAAQ,EAAE;YAClC,IAAI,GAAG,IAAI,CAAA,oEAAoE,CAAC;YAChF,IAAI,GAAG,gBAAgB,CAAC;YACxB,IAAI,GAAG,eAAe,CAAC;SACxB;aAAM,IAAI,IAAI,CAAC,KAAK,KAAK,OAAO,EAAE;YACjC,IAAI,GAAG,IAAI,CAAA,sEAAsE,CAAC;YAClF,IAAI,GAAG,eAAe,CAAC;YACvB,IAAI,GAAG,eAAe,CAAC;SACxB;aAAM;YACL,IAAI,GAAG,GAAG,CAAA;;;;OAIT,CAAC;YAEF,IAAI,GAAG,cAAc,CAAC;YACtB,IAAI,GAAG,eAAe,CAAC;SACxB;QAED,IAAI,IAAI,CAAC,MAAM,KAAK,YAAY,EAAE;YAChC,MAAM,GAAG,mCAAmC,CAAC;SAC9C;aAAM;YACL,MAAM,GAAG,sCAAsC,CAAC;SACjD;QAED,OAAO,IAAI,CAAA;kDACmC,MAAM,IAAI,IAAI;oEACI,IAAI;;;kBAGtD,IAAI,CAAC,MAAM,KAAK,UAAU,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,EAAE;iBAC5C,IAAI,CAAC,IAAI;gBACV,IAAI;eACL,IAAI,CAAC,EAAE;;;;KAIjB,CAAC;IACJ,CAAC;CACF","sourcesContent":["import { html, LitElement, PropertyDeclarations, svg, TemplateResult } from 'lit-element';\nimport { InferrableMixin } from '../../../mixins/inferrable';\nimport { ThemeableMixin } from '../../../mixins/themeable';\nimport { TranslatableMixin } from '../../../mixins/translatable';\n\nexport type SpinnerLayout = 'vertical' \| 'horizontal' \| 'no-label';\nexport type SpinnerState = 'end' \| 'busy' \| 'error' \| 'empty' \| 'paused';\n\nconst Base = TranslatableMixin(ThemeableMixin(InferrableMixin(LitElement)), 'spinner');\n\nexport class Spinner extends Base {\n /** @readonly /\n static get properties(): PropertyDeclarations {\n return {\n ...super.properties,\n layout: { type: String },\n state: { type: String },\n };\n }\n\n /\n Optional spinner layout: horizonal (default) or vertical. First puts icon next\n * to the label, second puts it above the text.\n /\n layout: SpinnerLayout = 'horizontal';\n\n /\n Optional spinner state:\n \n - `busy` (default) for loading data;\n * - `error` for failures;\n * - `empty` for when there's no data;\n * - `paused` for a pause or a timeout before fetching the next chunk of data;\n * - `end` for when there's no more data;\n /\n state: SpinnerState = 'busy';\n\n /* @readonly */\n render(): TemplateResult {\n let layout: string;\n let icon: TemplateResult;\n let text: string;\n let tint: string;\n\n if (this.state === 'end') {\n icon = html`<iron-icon data-testid=\"icon\" icon=\"icons:done-all\"></iron-icon>`;\n text = 'loading_end';\n tint = 'text-tertiary';\n } else if (this.state === 'error') {\n icon = html`<iron-icon data-testid=\"icon\" icon=\"icons:error-outline\"></iron-icon>`;\n text = 'loading_error';\n tint = 'text-error';\n } else if (this.state === 'paused') {\n icon = html`<iron-icon data-testid=\"icon\" icon=\"icons:more-horiz\"></iron-icon>`;\n text = 'loading_paused';\n tint = 'text-tertiary';\n } else if (this.state === 'empty') {\n icon = html`<iron-icon data-testid=\"icon\" icon=\"icons:info-outline\"></iron-icon>`;\n text = 'loading_empty';\n tint = 'text-tertiary';\n } else {\n icon = svg`\n <svg data-testid=\"icon\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" viewBox=\"0 0 22 22\" preserveAspectRatio=\"xMidYMid\" class=\"animate-spin h-full w-full\">\n <circle cx=\"11\" cy=\"11\" fill=\"none\" stroke=\"#e15b64\" stroke-width=\"2\" r=\"8\" stroke-dasharray=\"24 12\" class=\"stroke-current\"></circle>\n </svg>\n `;\n\n text = 'loading_busy';\n tint = 'text-tertiary';\n }\n\n if (this.layout === 'horizontal') {\n layout = 'flex items-center space-x-s h-xxs';\n } else {\n layout = 'flex flex-col items-center space-y-s';\n }\n\n return html`\n <div class=\"font-lumo leading-none text-s ${layout} ${tint}\">\n <div class=\"w-xxs h-xss flex items-center justify-center\">${icon}</div>\n <foxy-i18n\n data-testid=\"text\"\n class=${this.layout === 'no-label' ? 'sr-only' : ''}\n lang=${this.lang}\n key=${text}\n ns=${this.ns}\n >\n </foxy-i18n>\n </div>\n `;\n }\n}\n"]}

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

@@ -0,0 +1,28 @@
+import type { CSSResult, PropertyDeclarations, TemplateResult } from 'lit-element';
+import { LitElement } from 'lit-element';
+/**
+ * A utility element for adding swipe actions to cards or list items. Usage:
+ *
+ * ```html
+ * <foxy-swipe-actions>
+ *   <foxy-customer-card></foxy-customer-card>
+ *   <button slot="action">Edit</button>
+ *   <button slot="action">Delete</button>
+ * </foxy-swipe-actions>
+ * ```
+ *
+ * @element foxy-swipe-actions
+ * @since 1.17.0
+ */
+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;
+}