@foxy.io/elements 1.22.0-beta.4 → 1.22.0-beta.5

package/dist/elements/public/DownloadableForm/DownloadableForm.js

@@ -0,0 +1,149 @@
+import { TranslatableMixin } from "../../../mixins/translatable.js";
+import { BooleanSelector } from '@foxy.io/sdk/core';
+import { InternalForm } from "../../internal/InternalForm/InternalForm.js";
+import { ifDefined } from 'lit-html/directives/if-defined';
+import { html } from 'lit-element';
+const NS = 'downloadable-form';
+const Base = TranslatableMixin(InternalForm, NS);
+/**
+ * Basic form for managing `fx:downloadable` resources.
+ * This element requires an augmented version of hAPI currently limited
+ * only to the new Foxy Admin.
+ *
+ * @slot item-category-uri:before
+ * @slot item-category-uri:after
+ *
+ * @slot name:before
+ * @slot name:after
+ *
+ * @slot code:before
+ * @slot code:after
+ *
+ * @slot price:before
+ * @slot price:after
+ *
+ * @slot upload:before
+ * @slot upload:after
+ *
+ * @slot timestamps:before
+ * @slot timestamps:after
+ *
+ * @slot create:before
+ * @slot create:after
+ *
+ * @slot delete:before
+ * @slot delete:after
+ *
+ * @element foxy-downloadable-form
+ * @since 1.22.0
+ */
+export class DownloadableForm extends Base {
+    constructor() {
+        super(...arguments);
+        /** URL of the `fx:downloadable_item_categories` collection for the store. */
+        this.downloadableItemCategories = null;
+        this.__downloadableItemCategoryLoaderId = 'downloadableItemCategoryLoader';
+    }
+    static get properties() {
+        return {
+            ...super.properties,
+            downloadableItemCategories: { attribute: 'downloadable-item-categories' },
+        };
+    }
+    static get v8n() {
+        return [
+            ({ item_category_uri: v }) => !!v || 'item-category-uri:v8n_required',
+            ({ file_name: v }) => !!v || 'upload:v8n_required',
+            ({ price: v }) => typeof v === 'number' || 'price:v8n_required',
+            ({ price: v }) => !v || v >= 0 || 'price:v8n_negative',
+            ({ name: v }) => !!v || 'name:v8n_required',
+            ({ name: v }) => !v || v.length <= 100 || 'name:v8n_too_long',
+            ({ code: v }) => !!v || 'code:v8n_required',
+            ({ code: v }) => !v || v.length <= 50 || 'code:v8n_too_long',
+        ];
+    }
+    get disabledSelector() {
+        const alwaysDisabled = [];
+        const loader = this.__downloadableItemCategoryLoader;
+        if (!(loader === null || loader === void 0 ? void 0 : loader.in('idle')))
+            alwaysDisabled.push('item-category-uri');
+        return new BooleanSelector(`${alwaysDisabled.join(' ')}${super.disabledSelector}`);
+    }
+    renderBody() {
+        var _a, _b;
+        return html `
+      <foxy-nucleon
+        class="hidden"
+        infer=""
+        href=${ifDefined(this.form.item_category_uri || void 0)}
+        id=${this.__downloadableItemCategoryLoaderId}
+        @update=${() => this.requestUpdate()}
+      >
+      </foxy-nucleon>
+
+      <foxy-internal-async-combo-box-control
+        item-label-path="name"
+        item-value-path="_links.self.href"
+        item-id-path="_links.self.href"
+        infer="item-category-uri"
+        first=${ifDefined((_a = this.downloadableItemCategories) !== null && _a !== void 0 ? _a : void 0)}
+        .selectedItem=${(_b = this.__downloadableItemCategoryLoader) === null || _b === void 0 ? void 0 : _b.data}
+        .setValue=${(newValue) => {
+            var _a;
+            this.edit({ item_category_uri: newValue });
+            const newID = parseInt((_a = newValue.split('/').pop()) !== null && _a !== void 0 ? _a : '');
+            if (!isNaN(newID))
+                this.edit({ item_category_id: newID });
+        }}
+      >
+      </foxy-internal-async-combo-box-control>
+
+      <foxy-internal-text-control infer="name"></foxy-internal-text-control>
+      <foxy-internal-text-control infer="code"></foxy-internal-text-control>
+      <foxy-internal-number-control infer="price" min="0"></foxy-internal-number-control>
+
+      <foxy-internal-downloadable-form-upload-control infer="upload">
+      </foxy-internal-downloadable-form-upload-control>
+
+      ${super.renderBody()}
+    `;
+    }
+    async _sendPatch(edits) {
+        const data = await super._sendPatch(edits);
+        const createUploadUrl = data._links['fx:create_upload_url'].href;
+        const root = this.renderRoot;
+        const control = root.querySelector('[infer="upload"]');
+        const upload = control === null || control === void 0 ? void 0 : control.uploadElement;
+        if (upload && upload.files.length === 1) {
+            const file = upload.files[0];
+            const url = await this._fetch(createUploadUrl, {
+                method: 'POST',
+                body: JSON.stringify({ type: file.type }),
+            });
+            upload.files[0].uploadTarget = url.upload_url;
+            upload.uploadFiles();
+        }
+        return data;
+    }
+    async _sendPost(edits) {
+        const data = await super._sendPost(edits);
+        const createUploadUrl = data._links['fx:create_upload_url'].href;
+        const root = this.renderRoot;
+        const control = root.querySelector('[infer="upload"]');
+        const upload = control === null || control === void 0 ? void 0 : control.uploadElement;
+        if (upload && upload.files.length === 1) {
+            const file = upload.files[0];
+            const url = await this._fetch(createUploadUrl, {
+                method: 'POST',
+                body: JSON.stringify({ type: file.type }),
+            });
+            upload.files[0].uploadTarget = url.upload_url;
+            upload.uploadFiles();
+        }
+        return data;
+    }
+    get __downloadableItemCategoryLoader() {
+        return this.renderRoot.querySelector(`#${this.__downloadableItemCategoryLoaderId}`);
+    }
+}
+//# sourceMappingURL=DownloadableForm.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DownloadableForm.js","sourceRoot":"","sources":["../../../../src/elements/public/DownloadableForm/DownloadableForm.ts"],"names":[],"mappings":"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","sourcesContent":["import type { InternalDownloadableFormUploadControl } from './internal/InternalDownloadableFormUploadControl';\nimport type { PropertyDeclarations } from 'lit-element';\nimport type { TemplateResult } from 'lit-html';\nimport type { NucleonElement } from '../NucleonElement';\nimport type { NucleonV8N } from '../NucleonElement/types';\nimport type { Resource } from '@foxy.io/sdk/core';\nimport type { Rels } from '@foxy.io/sdk/backend';\nimport type { Data } from './types';\n\nimport { TranslatableMixin } from '../../../mixins/translatable';\nimport { BooleanSelector } from '@foxy.io/sdk/core';\nimport { InternalForm } from '../../internal/InternalForm/InternalForm';\nimport { ifDefined } from 'lit-html/directives/if-defined';\nimport { html } from 'lit-element';\n\nconst NS = 'downloadable-form';\nconst Base = TranslatableMixin(InternalForm, NS);\n\n/**\n * Basic form for managing `fx:downloadable` resources.\n * This element requires an augmented version of hAPI currently limited\n * only to the new Foxy Admin.\n *\n * @slot item-category-uri:before\n * @slot item-category-uri:after\n *\n * @slot name:before\n * @slot name:after\n *\n * @slot code:before\n * @slot code:after\n *\n * @slot price:before\n * @slot price:after\n *\n * @slot upload:before\n * @slot upload:after\n *\n * @slot timestamps:before\n * @slot timestamps:after\n *\n * @slot create:before\n * @slot create:after\n *\n * @slot delete:before\n * @slot delete:after\n *\n * @element foxy-downloadable-form\n * @since 1.22.0\n */\nexport class DownloadableForm extends Base<Data> {\n  static get properties(): PropertyDeclarations {\n    return {\n      ...super.properties,\n      downloadableItemCategories: { attribute: 'downloadable-item-categories' },\n    };\n  }\n\n  static get v8n(): NucleonV8N<Data> {\n    return [\n      ({ item_category_uri: v }) => !!v || 'item-category-uri:v8n_required',\n      ({ file_name: v }) => !!v || 'upload:v8n_required',\n      ({ price: v }) => typeof v === 'number' || 'price:v8n_required',\n      ({ price: v }) => !v || v >= 0 || 'price:v8n_negative',\n      ({ name: v }) => !!v || 'name:v8n_required',\n      ({ name: v }) => !v || v.length <= 100 || 'name:v8n_too_long',\n      ({ code: v }) => !!v || 'code:v8n_required',\n      ({ code: v }) => !v || v.length <= 50 || 'code:v8n_too_long',\n    ];\n  }\n\n  /** URL of the `fx:downloadable_item_categories` collection for the store. */\n  downloadableItemCategories: string | null = null;\n\n  private readonly __downloadableItemCategoryLoaderId = 'downloadableItemCategoryLoader';\n\n  get disabledSelector(): BooleanSelector {\n    const alwaysDisabled: string[] = [];\n    const loader = this.__downloadableItemCategoryLoader;\n    if (!loader?.in('idle')) alwaysDisabled.push('item-category-uri');\n    return new BooleanSelector(`${alwaysDisabled.join(' ')}${super.disabledSelector}`);\n  }\n\n  renderBody(): TemplateResult {\n    return html`\n      <foxy-nucleon\n        class=\"hidden\"\n        infer=\"\"\n        href=${ifDefined(this.form.item_category_uri || void 0)}\n        id=${this.__downloadableItemCategoryLoaderId}\n        @update=${() => this.requestUpdate()}\n      >\n      </foxy-nucleon>\n\n      <foxy-internal-async-combo-box-control\n        item-label-path=\"name\"\n        item-value-path=\"_links.self.href\"\n        item-id-path=\"_links.self.href\"\n        infer=\"item-category-uri\"\n        first=${ifDefined(this.downloadableItemCategories ?? void 0)}\n        .selectedItem=${this.__downloadableItemCategoryLoader?.data}\n        .setValue=${(newValue: string) => {\n          this.edit({ item_category_uri: newValue });\n          const newID = parseInt(newValue.split('/').pop() ?? '');\n          if (!isNaN(newID)) this.edit({ item_category_id: newID });\n        }}\n      >\n      </foxy-internal-async-combo-box-control>\n\n      <foxy-internal-text-control infer=\"name\"></foxy-internal-text-control>\n      <foxy-internal-text-control infer=\"code\"></foxy-internal-text-control>\n      <foxy-internal-number-control infer=\"price\" min=\"0\"></foxy-internal-number-control>\n\n      <foxy-internal-downloadable-form-upload-control infer=\"upload\">\n      </foxy-internal-downloadable-form-upload-control>\n\n      ${super.renderBody()}\n    `;\n  }\n\n  protected async _sendPatch(edits: Partial<Data>): Promise<Data> {\n    type UploadUrl = { upload_url: string };\n\n    const data = await super._sendPatch(edits);\n    const createUploadUrl = data._links['fx:create_upload_url'].href;\n    const root = this.renderRoot;\n    const control = root.querySelector<InternalDownloadableFormUploadControl>('[infer=\"upload\"]');\n    const upload = control?.uploadElement;\n\n    if (upload && upload.files.length === 1) {\n      const file = upload.files[0];\n      const url = await this._fetch<UploadUrl>(createUploadUrl, {\n        method: 'POST',\n        body: JSON.stringify({ type: file.type }),\n      });\n\n      upload.files[0].uploadTarget = url.upload_url;\n      upload.uploadFiles();\n    }\n\n    return data;\n  }\n\n  protected async _sendPost(edits: Partial<Data>): Promise<Data> {\n    type UploadUrl = { upload_url: string };\n\n    const data = await super._sendPost(edits);\n    const createUploadUrl = data._links['fx:create_upload_url'].href;\n    const root = this.renderRoot;\n    const control = root.querySelector<InternalDownloadableFormUploadControl>('[infer=\"upload\"]');\n    const upload = control?.uploadElement;\n\n    if (upload && upload.files.length === 1) {\n      const file = upload.files[0];\n      const url = await this._fetch<UploadUrl>(createUploadUrl, {\n        method: 'POST',\n        body: JSON.stringify({ type: file.type }),\n      });\n\n      upload.files[0].uploadTarget = url.upload_url;\n      upload.uploadFiles();\n    }\n\n    return data;\n  }\n\n  private get __downloadableItemCategoryLoader() {\n    type Loader = NucleonElement<Resource<Rels.ItemCategory>>;\n    return this.renderRoot.querySelector<Loader>(`#${this.__downloadableItemCategoryLoaderId}`);\n  }\n}\n"]}

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

@@ -0,0 +1,8 @@
+import './internal/InternalDownloadableFormUploadControl/index';
+import '../../internal/InternalAsyncComboBoxControl/index';
+import '../../internal/InternalNumberControl/index';
+import '../../internal/InternalTextControl/index';
+import '../../internal/InternalForm/index';
+import '../NucleonElement/index';
+import { DownloadableForm } from './DownloadableForm';
+export { DownloadableForm };

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

@@ -0,0 +1,10 @@
+import "./internal/InternalDownloadableFormUploadControl/index.js";
+import "../../internal/InternalAsyncComboBoxControl/index.js";
+import "../../internal/InternalNumberControl/index.js";
+import "../../internal/InternalTextControl/index.js";
+import "../../internal/InternalForm/index.js";
+import "../NucleonElement/index.js";
+import { DownloadableForm } from "./DownloadableForm.js";
+customElements.define('foxy-downloadable-form', DownloadableForm);
+export { DownloadableForm };
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/elements/public/DownloadableForm/index.ts"],"names":[],"mappings":"AAAA,mEAAgE;AAChE,8DAA2D;AAC3D,uDAAoD;AACpD,qDAAkD;AAClD,8CAA2C;AAC3C,oCAAiC;AAEjC,OAAO,EAAE,gBAAgB,EAAE,8BAA2B;AAEtD,cAAc,CAAC,MAAM,CAAC,wBAAwB,EAAE,gBAAgB,CAAC,CAAC;AAElE,OAAO,EAAE,gBAAgB,EAAE,CAAC","sourcesContent":["import './internal/InternalDownloadableFormUploadControl/index';\nimport '../../internal/InternalAsyncComboBoxControl/index';\nimport '../../internal/InternalNumberControl/index';\nimport '../../internal/InternalTextControl/index';\nimport '../../internal/InternalForm/index';\nimport '../NucleonElement/index';\n\nimport { DownloadableForm } from './DownloadableForm';\n\ncustomElements.define('foxy-downloadable-form', DownloadableForm);\n\nexport { DownloadableForm };\n"]}

package/dist/elements/public/DownloadableForm/internal/InternalDownloadableFormUploadControl/InternalDownloadableFormUploadControl.d.ts

@@ -0,0 +1,11 @@
+import type { UploadElement } from '@vaadin/vaadin-upload';
+import { TemplateResult } from 'lit-html';
+import { InternalControl } from '../../../../internal/InternalControl/InternalControl';
+export declare class InternalDownloadableFormUploadControl extends InternalControl {
+    get uploadElement(): UploadElement | null;
+    renderControl(): TemplateResult;
+    updated(changes: Map<keyof this, unknown>): void;
+    private get __uploadI18n();
+    private __handleUploadRequest;
+    private __handleFilesChanged;
+}

package/dist/elements/public/DownloadableForm/internal/InternalDownloadableFormUploadControl/InternalDownloadableFormUploadControl.js

@@ -0,0 +1,124 @@
+import { html } from 'lit-html';
+import { InternalControl } from "../../../../internal/InternalControl/InternalControl.js";
+import { ifDefined } from 'lit-html/directives/if-defined';
+import { classMap } from "../../../../../utils/class-map.js";
+export class InternalDownloadableFormUploadControl extends InternalControl {
+    get uploadElement() {
+        return this.renderRoot.querySelector('vaadin-upload');
+    }
+    renderControl() {
+        return html `
+      <section
+        class=${classMap({
+            'grid gap-xs group leading-xs transition-colors': true,
+            'hover-text-body': !this.disabled && !this.readonly,
+            'text-secondary': !this.disabled,
+            'text-disabled': this.disabled,
+        })}
+      >
+        <foxy-i18n infer="" class="font-medium text-s" key="label"></foxy-i18n>
+
+        <vaadin-upload
+          max-file-size="524288000"
+          max-files=${ifDefined(this.disabled || this.readonly ? '0' : '2')}
+          style="padding: calc((0.625em + (var(--lumo-border-radius) / 4) - 1px) - var(--lumo-space-xs)) calc(0.625em + (var(--lumo-border-radius) / 4) - 1px)"
+          class=${classMap({
+            'rounded-t-l rounded-b-l border transition-colors': true,
+            'border-dashed border-contrast-30': this.readonly,
+            'border-solid border-contrast-10': !this.readonly,
+            'group-hover-border-contrast-20': !this.disabled && !this.readonly,
+            'foxy-downloadable-form-upload': true,
+        })}
+          method="PUT"
+          no-auto
+          ?disabled=${this.disabled}
+          ?readonly=${this.readonly}
+          .i18n=${this.__uploadI18n}
+          @files-changed=${this.__handleFilesChanged}
+          @upload-request=${this.__handleUploadRequest}
+        >
+        </vaadin-upload>
+
+        <foxy-i18n infer="" class="text-xs" key="helper_text"></foxy-i18n>
+      </section>
+    `;
+    }
+    updated(changes) {
+        super.updated(changes);
+        const nucleon = this.nucleon;
+        const upload = this.renderRoot.querySelector('vaadin-upload');
+        if (upload && nucleon) {
+            if (nucleon.in({ idle: { snapshot: 'clean' } }) && upload.files.length === 0) {
+                upload.files = [
+                    // @ts-expect-error type doesn't match but it's ok because vaadin docs suggest this as a solution
+                    {
+                        complete: true,
+                        progress: 100,
+                        status: this.t('status_complete'),
+                        name: nucleon.data.file_name,
+                    },
+                ];
+            }
+            else if (nucleon.in({ idle: { template: 'clean' } })) {
+                upload.files = [];
+            }
+        }
+    }
+    get __uploadI18n() {
+        return {
+            dropFiles: {
+                one: this.t('drop_label'),
+                many: this.t('drop_label'),
+            },
+            addFiles: {
+                one: this.t('select_label'),
+                many: this.t('select_label'),
+            },
+            cancel: this.t('cancel'),
+            error: {
+                tooManyFiles: this.t('error_too_many_files'),
+                fileIsTooBig: this.t('error_too_big'),
+                incorrectFileType: '',
+            },
+            uploading: {
+                status: {
+                    connecting: this.t('status_connecting'),
+                    stalled: this.t('status_stalled'),
+                    processing: this.t('status_processing'),
+                    held: this.t('status_held'),
+                },
+                remainingTime: {
+                    prefix: this.t('remaining_prefix'),
+                    unknown: this.t('remaining_unknown'),
+                },
+                error: {
+                    serverUnavailable: this.t('error_server_unavailable'),
+                    unexpectedServerError: this.t('error_unexpected_server_error'),
+                    forbidden: this.t('error_forbidden'),
+                },
+            },
+            units: {
+                size: ['B', 'KB', 'MB', 'GB'],
+                sizeBase: 1024,
+            },
+        };
+    }
+    __handleUploadRequest(evt) {
+        evt.preventDefault();
+        evt.detail.xhr.send(evt.detail.file);
+    }
+    __handleFilesChanged(evt) {
+        var _a, _b, _c;
+        const upload = evt.currentTarget;
+        const nucleon = this.nucleon;
+        const files = upload.files;
+        if (files.length > 1)
+            upload.files = [upload.files[0]];
+        if (((_a = files[0]) === null || _a === void 0 ? void 0 : _a.complete) && !files[0].status)
+            files[0].status = this.t('status_complete');
+        const newName = (_c = (_b = upload.files[0]) === null || _b === void 0 ? void 0 : _b.name) !== null && _c !== void 0 ? _c : '';
+        if (newName !== (nucleon === null || nucleon === void 0 ? void 0 : nucleon.form.file_name))
+            nucleon === null || nucleon === void 0 ? void 0 : nucleon.edit({ file_name: newName });
+    }
+}
+//# sourceMappingURL=InternalDownloadableFormUploadControl.js.map

package/dist/elements/public/DownloadableForm/internal/InternalDownloadableFormUploadControl/InternalDownloadableFormUploadControl.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"InternalDownloadableFormUploadControl.js","sourceRoot":"","sources":["../../../../../../src/elements/public/DownloadableForm/internal/InternalDownloadableFormUploadControl/InternalDownloadableFormUploadControl.ts"],"names":[],"mappings":"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","sourcesContent":["import type { DownloadableForm } from '../../DownloadableForm';\nimport type { UploadElement } from '@vaadin/vaadin-upload';\n\nimport { html, TemplateResult } from 'lit-html';\nimport { InternalControl } from '../../../../internal/InternalControl/InternalControl';\nimport { ifDefined } from 'lit-html/directives/if-defined';\nimport { classMap } from '../../../../../utils/class-map';\n\nexport class InternalDownloadableFormUploadControl extends InternalControl {\n  get uploadElement(): UploadElement | null {\n    return this.renderRoot.querySelector<UploadElement>('vaadin-upload');\n  }\n\n  renderControl(): TemplateResult {\n    return html`\n      <section\n        class=${classMap({\n          'grid gap-xs group leading-xs transition-colors': true,\n          'hover-text-body': !this.disabled && !this.readonly,\n          'text-secondary': !this.disabled,\n          'text-disabled': this.disabled,\n        })}\n      >\n        <foxy-i18n infer=\"\" class=\"font-medium text-s\" key=\"label\"></foxy-i18n>\n\n        <vaadin-upload\n          max-file-size=\"524288000\"\n          max-files=${ifDefined(this.disabled || this.readonly ? '0' : '2')}\n          style=\"padding: calc((0.625em + (var(--lumo-border-radius) / 4) - 1px) - var(--lumo-space-xs)) calc(0.625em + (var(--lumo-border-radius) / 4) - 1px)\"\n          class=${classMap({\n            'rounded-t-l rounded-b-l border transition-colors': true,\n            'border-dashed border-contrast-30': this.readonly,\n            'border-solid border-contrast-10': !this.readonly,\n            'group-hover-border-contrast-20': !this.disabled && !this.readonly,\n            'foxy-downloadable-form-upload': true,\n          })}\n          method=\"PUT\"\n          no-auto\n          ?disabled=${this.disabled}\n          ?readonly=${this.readonly}\n          .i18n=${this.__uploadI18n}\n          @files-changed=${this.__handleFilesChanged}\n          @upload-request=${this.__handleUploadRequest}\n        >\n        </vaadin-upload>\n\n        <foxy-i18n infer=\"\" class=\"text-xs\" key=\"helper_text\"></foxy-i18n>\n      </section>\n    `;\n  }\n\n  updated(changes: Map<keyof this, unknown>): void {\n    super.updated(changes);\n\n    const nucleon = this.nucleon as DownloadableForm | null;\n    const upload = this.renderRoot.querySelector<UploadElement>('vaadin-upload');\n\n    if (upload && nucleon) {\n      if (nucleon.in({ idle: { snapshot: 'clean' } }) && upload.files.length === 0) {\n        upload.files = [\n          // @ts-expect-error type doesn't match but it's ok because vaadin docs suggest this as a solution\n          {\n            complete: true,\n            progress: 100,\n            status: this.t('status_complete'),\n            name: nucleon.data.file_name,\n          },\n        ];\n      } else if (nucleon.in({ idle: { template: 'clean' } })) {\n        upload.files = [];\n      }\n    }\n  }\n\n  private get __uploadI18n() {\n    return {\n      dropFiles: {\n        one: this.t('drop_label'),\n        many: this.t('drop_label'),\n      },\n      addFiles: {\n        one: this.t('select_label'),\n        many: this.t('select_label'),\n      },\n      cancel: this.t('cancel'),\n      error: {\n        tooManyFiles: this.t('error_too_many_files'),\n        fileIsTooBig: this.t('error_too_big'),\n        incorrectFileType: '',\n      },\n      uploading: {\n        status: {\n          connecting: this.t('status_connecting'),\n          stalled: this.t('status_stalled'),\n          processing: this.t('status_processing'),\n          held: this.t('status_held'),\n        },\n        remainingTime: {\n          prefix: this.t('remaining_prefix'),\n          unknown: this.t('remaining_unknown'),\n        },\n        error: {\n          serverUnavailable: this.t('error_server_unavailable'),\n          unexpectedServerError: this.t('error_unexpected_server_error'),\n          forbidden: this.t('error_forbidden'),\n        },\n      },\n      units: {\n        size: ['B', 'KB', 'MB', 'GB'],\n        sizeBase: 1024,\n      },\n    };\n  }\n\n  private __handleUploadRequest(evt: CustomEvent<{ xhr: XMLHttpRequest; file: File }>) {\n    evt.preventDefault();\n    evt.detail.xhr.send(evt.detail.file);\n  }\n\n  private __handleFilesChanged(evt: CustomEvent) {\n    const upload = evt.currentTarget as UploadElement;\n    const nucleon = this.nucleon as DownloadableForm | null;\n\n    const files = upload.files;\n    if (files.length > 1) upload.files = [upload.files[0]];\n    if (files[0]?.complete && !files[0].status) files[0].status = this.t('status_complete');\n\n    const newName = upload.files[0]?.name ?? '';\n    if (newName !== nucleon?.form.file_name) nucleon?.edit({ file_name: newName });\n  }\n}\n"]}

package/dist/elements/public/DownloadableForm/internal/InternalDownloadableFormUploadControl/index.d.ts

@@ -0,0 +1,6 @@
+import '../../../../internal/InternalControl/index';
+import '@vaadin/vaadin-upload';
+import '../../../I18n/index';
+import './style';
+import { InternalDownloadableFormUploadControl } from './InternalDownloadableFormUploadControl';
+export { InternalDownloadableFormUploadControl };

package/dist/elements/public/DownloadableForm/internal/InternalDownloadableFormUploadControl/index.js

@@ -0,0 +1,8 @@
+import "../../../../internal/InternalControl/index.js";
+import '@vaadin/vaadin-upload';
+import "../../../I18n/index.js";
+import "./style.js";
+import { InternalDownloadableFormUploadControl } from "./InternalDownloadableFormUploadControl.js";
+customElements.define('foxy-internal-downloadable-form-upload-control', InternalDownloadableFormUploadControl);
+export { InternalDownloadableFormUploadControl };
+//# sourceMappingURL=index.js.map

package/dist/elements/public/DownloadableForm/internal/InternalDownloadableFormUploadControl/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/elements/public/DownloadableForm/internal/InternalDownloadableFormUploadControl/index.ts"],"names":[],"mappings":"AAAA,uDAAoD;AACpD,OAAO,uBAAuB,CAAC;AAC/B,gCAA6B;AAC7B,oBAAiB;AAEjB,OAAO,EAAE,qCAAqC,EAAE,mDAAgD;AAEhG,cAAc,CAAC,MAAM,CACnB,gDAAgD,EAChD,qCAAqC,CACtC,CAAC;AAEF,OAAO,EAAE,qCAAqC,EAAE,CAAC","sourcesContent":["import '../../../../internal/InternalControl/index';\nimport '@vaadin/vaadin-upload';\nimport '../../../I18n/index';\nimport './style';\n\nimport { InternalDownloadableFormUploadControl } from './InternalDownloadableFormUploadControl';\n\ncustomElements.define(\n  'foxy-internal-downloadable-form-upload-control',\n  InternalDownloadableFormUploadControl\n);\n\nexport { InternalDownloadableFormUploadControl };\n"]}

package/dist/elements/public/DownloadableForm/internal/InternalDownloadableFormUploadControl/style.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/elements/public/DownloadableForm/internal/InternalDownloadableFormUploadControl/style.js

@@ -0,0 +1,42 @@
+import { registerStyles } from '@vaadin/vaadin-themable-mixin/register-styles';
+import { css } from 'lit-element';
+registerStyles('vaadin-upload', css `:host(.foxy-downloadable-form-upload) vaadin-upload-file{
+  padding:var(--lumo-space-xs) 0 0 0;
+  line-height:var(--lumo-line-height-xs);
+}
+
+:host(.foxy-downloadable-form-upload) vaadin-upload-file::part(commands){
+  margin-right:-4px;
+}
+
+:host(.foxy-downloadable-form-upload) vaadin-upload-file::part(progress){
+  margin-right:2px;
+  margin-left:0;
+}
+
+:host(.foxy-downloadable-form-upload) vaadin-upload-file::part(start-button),
+    :host(.foxy-downloadable-form-upload) vaadin-upload-file::part(clear-button),
+    :host(.foxy-downloadable-form-upload) vaadin-upload-file::part(retry-button){
+  display:none;
+}
+
+:host(.foxy-downloadable-form-upload[disabled]) vaadin-upload-file::part(status){
+  color:var(--lumo-disabled-text-color);
+}
+
+:host(.foxy-downloadable-form-upload) vaadin-upload-file::part(warning-icon),
+    :host(.foxy-downloadable-form-upload) vaadin-upload-file::part(done-icon){
+  width:0;
+  margin:0;
+  opacity:0;
+}
+
+:host(.foxy-downloadable-form-upload) vaadin-upload-file::part(info){
+  align-items:flex-start;
+}
+
+:host(.foxy-downloadable-form-upload) vaadin-upload-file::part(name){
+  font-weight:500;
+}
+  `);
+//# sourceMappingURL=style.js.map

package/dist/elements/public/DownloadableForm/internal/InternalDownloadableFormUploadControl/style.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"style.js","sourceRoot":"","sources":["../../../../../../src/elements/public/DownloadableForm/internal/InternalDownloadableFormUploadControl/style.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,+CAA+C,CAAC;AAC/E,OAAO,EAAE,GAAG,EAAE,MAAM,aAAa,CAAC;AAElC,cAAc,CACZ,eAAe,EACf,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAuCF,CACF,CAAC","sourcesContent":["import { registerStyles } from '@vaadin/vaadin-themable-mixin/register-styles';\nimport { css } from 'lit-element';\n\nregisterStyles(\n  'vaadin-upload',\n  css`\n    :host(.foxy-downloadable-form-upload) vaadin-upload-file {\n      padding: var(--lumo-space-xs) 0 0 0;\n      line-height: var(--lumo-line-height-xs);\n    }\n\n    :host(.foxy-downloadable-form-upload) vaadin-upload-file::part(commands) {\n      margin-right: -4px;\n    }\n\n    :host(.foxy-downloadable-form-upload) vaadin-upload-file::part(progress) {\n      margin-right: 2px;\n      margin-left: 0;\n    }\n\n    :host(.foxy-downloadable-form-upload) vaadin-upload-file::part(start-button),\n    :host(.foxy-downloadable-form-upload) vaadin-upload-file::part(clear-button),\n    :host(.foxy-downloadable-form-upload) vaadin-upload-file::part(retry-button) {\n      display: none;\n    }\n\n    :host(.foxy-downloadable-form-upload[disabled]) vaadin-upload-file::part(status) {\n      color: var(--lumo-disabled-text-color);\n    }\n\n    :host(.foxy-downloadable-form-upload) vaadin-upload-file::part(warning-icon),\n    :host(.foxy-downloadable-form-upload) vaadin-upload-file::part(done-icon) {\n      width: 0;\n      margin: 0;\n      opacity: 0;\n    }\n\n    :host(.foxy-downloadable-form-upload) vaadin-upload-file::part(info) {\n      align-items: flex-start;\n    }\n\n    :host(.foxy-downloadable-form-upload) vaadin-upload-file::part(name) {\n      font-weight: 500;\n    }\n  `\n);\n"]}

package/dist/elements/public/DownloadableForm/types.d.ts

@@ -0,0 +1,11 @@
+import type { Resource } from '@foxy.io/sdk/core';
+import type { Rels } from '@foxy.io/sdk/backend';
+export declare type Downloadable = Rels.Downloadable & {
+    links: {
+        'fx:create_upload_url': any;
+    };
+    props: {
+        item_category_id: number;
+    };
+};
+export declare type Data = Resource<Downloadable>;

package/dist/elements/public/DownloadableForm/types.js

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

package/dist/elements/public/DownloadableForm/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../src/elements/public/DownloadableForm/types.ts"],"names":[],"mappings":"","sourcesContent":["import type { Resource } from '@foxy.io/sdk/core';\nimport type { Rels } from '@foxy.io/sdk/backend';\n\nexport type Downloadable = Rels.Downloadable & {\n  links: { 'fx:create_upload_url': any };\n  props: { item_category_id: number };\n};\nexport type Data = Resource<Downloadable>;\n"]}

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

@@ -13,6 +13,10 @@ import { FormRenderer } from './types';
 export declare class FormDialog extends Dialog {
     /** @readonly */
     static get properties(): PropertyDeclarations;
+    /** If true, FormDialog won't automatically close after the associated form deletes the resource. */
+    keepOpenOnDelete: boolean;
+    /** If true, FormDialog won't automatically close after the associated form creates a resource. */
+    keepOpenOnPost: boolean;
     /** Optional URI list of the related resources (passed to form). */
     related: string[];
     /** Optional URL of the collection this resource belongs to (passed to form). */

package/dist/elements/public/FormDialog/FormDialog.js

@@ -15,6 +15,10 @@ import { UpdateEvent } from "../NucleonElement/UpdateEvent.js";
 export class FormDialog extends Dialog {
     constructor() {
         super(...arguments);
+        /** If true, FormDialog won't automatically close after the associated form deletes the resource. */
+        this.keepOpenOnDelete = false;
+        /** If true, FormDialog won't automatically close after the associated form creates a resource. */
+        this.keepOpenOnPost = false;
         /** Optional URI list of the related resources (passed to form). */
         this.related = [];
         /** Optional URL of the collection this resource belongs to (passed to form). */
@@ -29,18 +33,23 @@ export class FormDialog extends Dialog {
                 return;
             evt.stopImmediatePropagation();
             evt.preventDefault();
-            evt.respondWith(new API(this).fetch(evt.request).then(response => {
-                const wasDeleting = evt.request.url === this.href && evt.request.method === 'DELETE';
-                const wasAdding = evt.request.url === this.parent && evt.request.method === 'POST';
-                if (response.ok && (wasDeleting || wasAdding))
-                    this.open = false;
-                return response;
-            }));
+            evt.respondWith(new API(this).fetch(evt.request));
         };
         this.__handleUpdate = (evt) => {
+            var _a;
             if (!(evt instanceof UpdateEvent))
                 return;
+            const result = (_a = evt.detail) === null || _a === void 0 ? void 0 : _a.result;
+            const Result = UpdateEvent.UpdateResult;
+            if (!this.keepOpenOnPost && result === Result.ResourceCreated)
+                this.open = false;
+            if (!this.keepOpenOnDelete && result === Result.ResourceDeleted)
+                this.open = false;
             const target = evt.currentTarget;
+            if (this.parent !== target.parent)
+                this.parent = target.parent;
+            if (this.href !== target.href)
+                this.href = target.href;
             this.closable = !target.in('busy');
             this.editable =
                 target.in({ idle: { template: { clean: 'valid' } } }) ||
@@ -57,6 +66,8 @@ export class FormDialog extends Dialog {
             group: { type: String },
             parent: { type: String },
             related: { type: Array },
+            keepOpenOnPost: { type: Boolean, attribute: 'keep-open-on-post' },
+            keepOpenOnDelete: { type: Boolean, attribute: 'keep-open-on-delete' },
         };
     }
     /**

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

@@ -1 +1 @@
-{"version":3,"file":"FormDialog.js","sourceRoot":"","sources":["../../../../src/elements/public/FormDialog/FormDialog.ts"],"names":[],"mappings":"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","sourcesContent":["import { PropertyDeclarations, TemplateResult, html } from 'lit-element';\n\nimport { API } from '../NucleonElement/API';\nimport { Dialog } from '../../private/Dialog/Dialog';\nimport { DialogHideEvent } from '../../private/Dialog/DialogHideEvent';\nimport { FetchEvent } from '../NucleonElement/FetchEvent';\nimport { FormRenderer } from './types';\nimport { InternalConfirmDialog } from '../../internal/InternalConfirmDialog/InternalConfirmDialog';\nimport { NucleonElement } from '../NucleonElement/NucleonElement';\nimport { UpdateEvent } from '../NucleonElement/UpdateEvent';\n\n/**\n * Dialog wrapper for the forms made with NucleonElement.\n *\n * @fires FormDialog#show - Instance of `FormDialog.ShowEvent`. Dispatched after dialog finishes entry transition.\n * @fires FormDialog#hide - Instance of `FormDialog.HideEvent`. Dispatched after dialog finishes exit transition.\n *\n * @element foxy-form-dialog\n * @since 1.1.0\n */\nexport class FormDialog extends Dialog {\n  /** @readonly */\n  static get properties(): PropertyDeclarations {\n    return {\n      ...super.properties,\n      href: { type: String },\n      form: { type: String, noAccessor: true },\n      group: { type: String },\n      parent: { type: String },\n      related: { type: Array },\n    };\n  }\n\n  /** Optional URI list of the related resources (passed to form). */\n  related: string[] = [];\n\n  /** Optional URL of the collection this resource belongs to (passed to form). */\n  parent = '';\n\n  group = '';\n\n  /** Optional URL of the resource to load (passed to form). */\n  href = '';\n\n  private __form: string | null | FormRenderer = null;\n\n  private __renderForm: FormRenderer | null = null;\n\n  private __handleFetch = (evt: Event) => {\n    if (!(evt instanceof FetchEvent)) return;\n\n    evt.stopImmediatePropagation();\n    evt.preventDefault();\n    evt.respondWith(\n      new API(this).fetch(evt.request).then(response => {\n        const wasDeleting = evt.request.url === this.href && evt.request.method === 'DELETE';\n        const wasAdding = evt.request.url === this.parent && evt.request.method === 'POST';\n\n        if (response.ok && (wasDeleting || wasAdding)) this.open = false;\n        return response;\n      })\n    );\n  };\n\n  private __handleUpdate = (evt: Event) => {\n    if (!(evt instanceof UpdateEvent)) return;\n    const target = evt.currentTarget as NucleonElement<never>;\n\n    this.closable = !target.in('busy');\n    this.editable =\n      target.in({ idle: { template: { clean: 'valid' } } }) ||\n      target.in({ idle: { template: { dirty: 'valid' } } }) ||\n      target.in({ idle: { snapshot: { dirty: 'valid' } } });\n  };\n\n  /**\n   * Form's custom element tag. Generated custom element will have the following attributes:\n   *\n   * - `parent` – same as `foxy-form-dialog[parent]`;\n   * - `href` – same as `foxy-form-dialog[href]`;\n   * - `lang` – same as `foxy-form-dialog[lang]`;\n   */\n  get form(): string | null | FormRenderer {\n    return this.__form;\n  }\n\n  set form(value: string | null | FormRenderer) {\n    this.__form = value;\n\n    if (typeof value === 'string') {\n      this.__renderForm = new Function(\n        'options',\n        `return options.html\\`\n          <${value}\n            id=\"form\"\n            ns=\"$\\{options.dialog.ns} $\\{customElements.get('${value}')?.defaultNS ?? ''}\"\n            href=\\${options.dialog.href}\n            lang=\\${options.dialog.lang}\n            group=\\${options.dialog.group}\n            parent=\\${options.dialog.parent}\n            disabledcontrols=\\${options.dialog.disabledControls.toString()}\n            readonlycontrols=\\${options.dialog.readonlyControls.toString()}\n            hiddencontrols=\\${options.dialog.hiddenControls.toString()}\n            ?disabled=\\${options.dialog.disabled}\n            ?readonly=\\${options.dialog.readonly}\n            ?hidden=\\${options.dialog.hidden}\n            .templates=\\${options.dialog.templates}\n            .related=\\${options.dialog.related}\n            @fetch=\\${options.handleFetch}\n            @update=\\${options.handleUpdate}\n          >\n          </${value}>\\``\n      ) as FormRenderer;\n    } else {\n      this.__renderForm = value;\n    }\n\n    this.requestUpdate();\n  }\n\n  /** @readonly */\n  render(): TemplateResult {\n    return html`\n      <foxy-internal-confirm-dialog\n        message=\"undo_message\"\n        confirm=\"undo_confirm\"\n        cancel=\"undo_cancel\"\n        header=\"undo_header\"\n        theme=\"error\"\n        lang=${this.lang}\n        ns=${this.ns}\n        id=\"confirm\"\n        @hide=${(evt: DialogHideEvent) => !evt.detail.cancelled && super.hide(true)}\n      >\n      </foxy-internal-confirm-dialog>\n\n      ${super.render(() => {\n        return html`${this.__renderForm?.({\n          handleUpdate: this.__handleUpdate,\n          handleFetch: this.__handleFetch,\n          dialog: this,\n          html,\n        })}`;\n      })}\n    `;\n  }\n\n  async hide(cancelled = false): Promise<void> {\n    if (cancelled) {\n      const confirm = this.renderRoot.querySelector('#confirm') as InternalConfirmDialog;\n      confirm.show();\n    } else {\n      return super.hide(cancelled);\n    }\n  }\n\n  /** Submits the form. */\n  async save(): Promise<void> {\n    (this.renderRoot.querySelector('#form') as NucleonElement<never>).submit();\n  }\n}\n"]}
+{"version":3,"file":"FormDialog.js","sourceRoot":"","sources":["../../../../src/elements/public/FormDialog/FormDialog.ts"],"names":[],"mappings":"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","sourcesContent":["import { PropertyDeclarations, TemplateResult, html } from 'lit-element';\n\nimport { API } from '../NucleonElement/API';\nimport { Dialog } from '../../private/Dialog/Dialog';\nimport { DialogHideEvent } from '../../private/Dialog/DialogHideEvent';\nimport { FetchEvent } from '../NucleonElement/FetchEvent';\nimport { FormRenderer } from './types';\nimport { InternalConfirmDialog } from '../../internal/InternalConfirmDialog/InternalConfirmDialog';\nimport { NucleonElement } from '../NucleonElement/NucleonElement';\nimport { UpdateEvent } from '../NucleonElement/UpdateEvent';\n\n/**\n * Dialog wrapper for the forms made with NucleonElement.\n *\n * @fires FormDialog#show - Instance of `FormDialog.ShowEvent`. Dispatched after dialog finishes entry transition.\n * @fires FormDialog#hide - Instance of `FormDialog.HideEvent`. Dispatched after dialog finishes exit transition.\n *\n * @element foxy-form-dialog\n * @since 1.1.0\n */\nexport class FormDialog extends Dialog {\n  /** @readonly */\n  static get properties(): PropertyDeclarations {\n    return {\n      ...super.properties,\n      href: { type: String },\n      form: { type: String, noAccessor: true },\n      group: { type: String },\n      parent: { type: String },\n      related: { type: Array },\n      keepOpenOnPost: { type: Boolean, attribute: 'keep-open-on-post' },\n      keepOpenOnDelete: { type: Boolean, attribute: 'keep-open-on-delete' },\n    };\n  }\n\n  /** If true, FormDialog won't automatically close after the associated form deletes the resource. */\n  keepOpenOnDelete = false;\n\n  /** If true, FormDialog won't automatically close after the associated form creates a resource. */\n  keepOpenOnPost = false;\n\n  /** Optional URI list of the related resources (passed to form). */\n  related: string[] = [];\n\n  /** Optional URL of the collection this resource belongs to (passed to form). */\n  parent = '';\n\n  group = '';\n\n  /** Optional URL of the resource to load (passed to form). */\n  href = '';\n\n  private __form: string | null | FormRenderer = null;\n\n  private __renderForm: FormRenderer | null = null;\n\n  private __handleFetch = (evt: Event) => {\n    if (!(evt instanceof FetchEvent)) return;\n\n    evt.stopImmediatePropagation();\n    evt.preventDefault();\n    evt.respondWith(new API(this).fetch(evt.request));\n  };\n\n  private __handleUpdate = (evt: Event) => {\n    if (!(evt instanceof UpdateEvent)) return;\n\n    const result = evt.detail?.result;\n    const Result = UpdateEvent.UpdateResult;\n\n    if (!this.keepOpenOnPost && result === Result.ResourceCreated) this.open = false;\n    if (!this.keepOpenOnDelete && result === Result.ResourceDeleted) this.open = false;\n\n    const target = evt.currentTarget as NucleonElement<never>;\n\n    if (this.parent !== target.parent) this.parent = target.parent;\n    if (this.href !== target.href) this.href = target.href;\n\n    this.closable = !target.in('busy');\n    this.editable =\n      target.in({ idle: { template: { clean: 'valid' } } }) ||\n      target.in({ idle: { template: { dirty: 'valid' } } }) ||\n      target.in({ idle: { snapshot: { dirty: 'valid' } } });\n  };\n\n  /**\n   * Form's custom element tag. Generated custom element will have the following attributes:\n   *\n   * - `parent` – same as `foxy-form-dialog[parent]`;\n   * - `href` – same as `foxy-form-dialog[href]`;\n   * - `lang` – same as `foxy-form-dialog[lang]`;\n   */\n  get form(): string | null | FormRenderer {\n    return this.__form;\n  }\n\n  set form(value: string | null | FormRenderer) {\n    this.__form = value;\n\n    if (typeof value === 'string') {\n      this.__renderForm = new Function(\n        'options',\n        `return options.html\\`\n          <${value}\n            id=\"form\"\n            ns=\"$\\{options.dialog.ns} $\\{customElements.get('${value}')?.defaultNS ?? ''}\"\n            href=\\${options.dialog.href}\n            lang=\\${options.dialog.lang}\n            group=\\${options.dialog.group}\n            parent=\\${options.dialog.parent}\n            disabledcontrols=\\${options.dialog.disabledControls.toString()}\n            readonlycontrols=\\${options.dialog.readonlyControls.toString()}\n            hiddencontrols=\\${options.dialog.hiddenControls.toString()}\n            ?disabled=\\${options.dialog.disabled}\n            ?readonly=\\${options.dialog.readonly}\n            ?hidden=\\${options.dialog.hidden}\n            .templates=\\${options.dialog.templates}\n            .related=\\${options.dialog.related}\n            @fetch=\\${options.handleFetch}\n            @update=\\${options.handleUpdate}\n          >\n          </${value}>\\``\n      ) as FormRenderer;\n    } else {\n      this.__renderForm = value;\n    }\n\n    this.requestUpdate();\n  }\n\n  /** @readonly */\n  render(): TemplateResult {\n    return html`\n      <foxy-internal-confirm-dialog\n        message=\"undo_message\"\n        confirm=\"undo_confirm\"\n        cancel=\"undo_cancel\"\n        header=\"undo_header\"\n        theme=\"error\"\n        lang=${this.lang}\n        ns=${this.ns}\n        id=\"confirm\"\n        @hide=${(evt: DialogHideEvent) => !evt.detail.cancelled && super.hide(true)}\n      >\n      </foxy-internal-confirm-dialog>\n\n      ${super.render(() => {\n        return html`${this.__renderForm?.({\n          handleUpdate: this.__handleUpdate,\n          handleFetch: this.__handleFetch,\n          dialog: this,\n          html,\n        })}`;\n      })}\n    `;\n  }\n\n  async hide(cancelled = false): Promise<void> {\n    if (cancelled) {\n      const confirm = this.renderRoot.querySelector('#confirm') as InternalConfirmDialog;\n      confirm.show();\n    } else {\n      return super.hide(cancelled);\n    }\n  }\n\n  /** Submits the form. */\n  async save(): Promise<void> {\n    (this.renderRoot.querySelector('#form') as NucleonElement<never>).submit();\n  }\n}\n"]}

package/dist/elements/public/I18n/format/discount.js

@@ -14,7 +14,7 @@ export const discount = ({ ns, type, details }, format, lang) => {
         const signIndex = (_b = (_a = /[-+]/.exec(tier)) === null || _a === void 0 ? void 0 : _a.index) !== null && _b !== void 0 ? _b : -1;
         const adjustment = parseFloat(tier.substring(signIndex)) * factor;
         const from = parseFloat(tier.substring(0, signIndex));
-        return `$t(${i18nKey}, ${JSON.stringify({ adjustment, from, ns })})`;
+        return `$t(${i18nKey}, ${JSON.stringify({ maximumFractionDigits: 10, adjustment, from, ns })})`;
     });
     return translatedTiers.join('; ');
 };

package/dist/elements/public/I18n/format/discount.js.map

@@ -1 +1 @@
-{"version":3,"file":"discount.js","sourceRoot":"","sources":["../../../../../src/elements/public/I18n/format/discount.ts"],"names":[],"mappings":"AAIA;;;GAGG;AACH,6DAA6D;AAC7D,MAAM,CAAC,MAAM,QAAQ,GAAmB,CAAC,EAAE,EAAE,EAAE,IAAI,EAAE,OAAO,EAAS,EAAE,MAAM,EAAE,IAAI,EAAU,EAAE;IAC7F,MAAM,OAAO,GAAG,CAAC,UAAU,EAAE,aAAa,EAAE,QAAQ,EAAE,QAAQ,CAAC,CAAC;IAChE,MAAM,MAAM,GAAG,IAAI,CAAC,QAAQ,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC;IACvD,MAAM,KAAK,GAAG,OAAO,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC;IACjC,MAAM,MAAM,GAAG,OAAO,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,KAAK,EAAE,CAAC,CAAC,CAAC,QAAQ,CAAC;IACrE,MAAM,OAAO,GAAG,GAAG,MAAM,IAAI,IAAI,mBAAmB,CAAC;IAErD,MAAM,eAAe,GAAG,KAAK,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE;;QACvC,MAAM,SAAS,eAAG,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,0CAAE,KAAK,mCAAI,CAAC,CAAC,CAAC;QACjD,MAAM,UAAU,GAAG,UAAU,CAAC,IAAI,CAAC,SAAS,CAAC,SAAS,CAAC,CAAC,GAAG,MAAM,CAAC;QAClE,MAAM,IAAI,GAAG,UAAU,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,EAAE,SAAS,CAAC,CAAC,CAAC;QAEtD,OAAO,MAAM,OAAO,KAAK,IAAI,CAAC,SAAS,CAAC,EAAE,UAAU,EAAE,IAAI,EAAE,EAAE,EAAE,CAAC,GAAG,CAAC;IACvE,CAAC,CAAC,CAAC;IAEH,OAAO,eAAe,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;AACpC,CAAC,CAAC","sourcesContent":["import { FormatFunction } from 'i18next';\n\ntype Value = { ns: string; type: string; details: string };\n\n/**\n * i18next formatter that returns a human-readable discount description for an API value.\n * @see https://www.i18next.com/translation-function/formatting\n */\n// eslint-disable-next-line @typescript-eslint/no-unused-vars\nexport const discount: FormatFunction = ({ ns, type, details }: Value, format, lang): string => {\n  const methods = ['allunits', 'incremental', 'repeat', 'single'];\n  const factor = type.endsWith('_percentage') ? 0.01 : 1;\n  const tiers = details.split('|');\n  const method = methods.includes(tiers[0]) ? tiers.shift() : 'single';\n  const i18nKey = `${method}_${type}_discount_summary`;\n\n  const translatedTiers = tiers.map(tier => {\n    const signIndex = /[-+]/.exec(tier)?.index ?? -1;\n    const adjustment = parseFloat(tier.substring(signIndex)) * factor;\n    const from = parseFloat(tier.substring(0, signIndex));\n\n    return `$t(${i18nKey}, ${JSON.stringify({ adjustment, from, ns })})`;\n  });\n\n  return translatedTiers.join('; ');\n};\n"]}
+{"version":3,"file":"discount.js","sourceRoot":"","sources":["../../../../../src/elements/public/I18n/format/discount.ts"],"names":[],"mappings":"AAIA;;;GAGG;AACH,6DAA6D;AAC7D,MAAM,CAAC,MAAM,QAAQ,GAAmB,CAAC,EAAE,EAAE,EAAE,IAAI,EAAE,OAAO,EAAS,EAAE,MAAM,EAAE,IAAI,EAAU,EAAE;IAC7F,MAAM,OAAO,GAAG,CAAC,UAAU,EAAE,aAAa,EAAE,QAAQ,EAAE,QAAQ,CAAC,CAAC;IAChE,MAAM,MAAM,GAAG,IAAI,CAAC,QAAQ,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC;IACvD,MAAM,KAAK,GAAG,OAAO,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC;IACjC,MAAM,MAAM,GAAG,OAAO,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,KAAK,EAAE,CAAC,CAAC,CAAC,QAAQ,CAAC;IACrE,MAAM,OAAO,GAAG,GAAG,MAAM,IAAI,IAAI,mBAAmB,CAAC;IAErD,MAAM,eAAe,GAAG,KAAK,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE;;QACvC,MAAM,SAAS,eAAG,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,0CAAE,KAAK,mCAAI,CAAC,CAAC,CAAC;QACjD,MAAM,UAAU,GAAG,UAAU,CAAC,IAAI,CAAC,SAAS,CAAC,SAAS,CAAC,CAAC,GAAG,MAAM,CAAC;QAClE,MAAM,IAAI,GAAG,UAAU,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,EAAE,SAAS,CAAC,CAAC,CAAC;QAEtD,OAAO,MAAM,OAAO,KAAK,IAAI,CAAC,SAAS,CAAC,EAAE,qBAAqB,EAAE,EAAE,EAAE,UAAU,EAAE,IAAI,EAAE,EAAE,EAAE,CAAC,GAAG,CAAC;IAClG,CAAC,CAAC,CAAC;IAEH,OAAO,eAAe,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;AACpC,CAAC,CAAC","sourcesContent":["import { FormatFunction } from 'i18next';\n\ntype Value = { ns: string; type: string; details: string };\n\n/**\n * i18next formatter that returns a human-readable discount description for an API value.\n * @see https://www.i18next.com/translation-function/formatting\n */\n// eslint-disable-next-line @typescript-eslint/no-unused-vars\nexport const discount: FormatFunction = ({ ns, type, details }: Value, format, lang): string => {\n  const methods = ['allunits', 'incremental', 'repeat', 'single'];\n  const factor = type.endsWith('_percentage') ? 0.01 : 1;\n  const tiers = details.split('|');\n  const method = methods.includes(tiers[0]) ? tiers.shift() : 'single';\n  const i18nKey = `${method}_${type}_discount_summary`;\n\n  const translatedTiers = tiers.map(tier => {\n    const signIndex = /[-+]/.exec(tier)?.index ?? -1;\n    const adjustment = parseFloat(tier.substring(signIndex)) * factor;\n    const from = parseFloat(tier.substring(0, signIndex));\n\n    return `$t(${i18nKey}, ${JSON.stringify({ maximumFractionDigits: 10, adjustment, from, ns })})`;\n  });\n\n  return translatedTiers.join('; ');\n};\n"]}

package/dist/elements/public/I18n/format/percent.js

@@ -2,11 +2,12 @@
  * i18next formatter that presents a fraction as percentage.
  * @see https://www.i18next.com/translation-function/formatting
  */
-export const percent = (value, format, lang) => {
+export const percent = (value, format, lang, options) => {
     let result = null;
     try {
-        if (typeof value === 'number')
-            result = value.toLocaleString(lang, { style: 'percent' });
+        if (typeof value === 'number') {
+            result = value.toLocaleString(lang, { ...options, style: 'percent' });
+        }
     }
     catch (err) {
         console.warn(`i18next formatter error: ${err.message}`);

package/dist/elements/public/I18n/format/percent.js.map

@@ -1 +1 @@
-{"version":3,"file":"percent.js","sourceRoot":"","sources":["../../../../../src/elements/public/I18n/format/percent.ts"],"names":[],"mappings":"AAEA;;;GAGG;AACH,MAAM,CAAC,MAAM,OAAO,GAAmB,CAAC,KAAK,EAAE,MAAM,EAAE,IAAI,EAAU,EAAE;IACrE,IAAI,MAAM,GAAkB,IAAI,CAAC;IAEjC,IAAI;QACF,IAAI,OAAO,KAAK,KAAK,QAAQ;YAAE,MAAM,GAAG,KAAK,CAAC,cAAc,CAAC,IAAI,EAAE,EAAE,KAAK,EAAE,SAAS,EAAE,CAAC,CAAC;KAC1F;IAAC,OAAO,GAAG,EAAE;QACZ,OAAO,CAAC,IAAI,CAAC,4BAA4B,GAAG,CAAC,OAAO,EAAE,CAAC,CAAC;KACzD;IAED,OAAO,MAAM,IAAI,MAAM,CAAC,KAAK,CAAC,CAAC;AACjC,CAAC,CAAC","sourcesContent":["import { FormatFunction } from 'i18next';\n\n/**\n * i18next formatter that presents a fraction as percentage.\n * @see https://www.i18next.com/translation-function/formatting\n */\nexport const percent: FormatFunction = (value, format, lang): string => {\n  let result: string | null = null;\n\n  try {\n    if (typeof value === 'number') result = value.toLocaleString(lang, { style: 'percent' });\n  } catch (err) {\n    console.warn(`i18next formatter error: ${err.message}`);\n  }\n\n  return result || String(value);\n};\n"]}
+{"version":3,"file":"percent.js","sourceRoot":"","sources":["../../../../../src/elements/public/I18n/format/percent.ts"],"names":[],"mappings":"AAEA;;;GAGG;AACH,MAAM,CAAC,MAAM,OAAO,GAAmB,CAAC,KAAK,EAAE,MAAM,EAAE,IAAI,EAAE,OAAO,EAAU,EAAE;IAC9E,IAAI,MAAM,GAAkB,IAAI,CAAC;IAEjC,IAAI;QACF,IAAI,OAAO,KAAK,KAAK,QAAQ,EAAE;YAC7B,MAAM,GAAG,KAAK,CAAC,cAAc,CAAC,IAAI,EAAE,EAAE,GAAG,OAAO,EAAE,KAAK,EAAE,SAAS,EAAE,CAAC,CAAC;SACvE;KACF;IAAC,OAAO,GAAG,EAAE;QACZ,OAAO,CAAC,IAAI,CAAC,4BAA4B,GAAG,CAAC,OAAO,EAAE,CAAC,CAAC;KACzD;IAED,OAAO,MAAM,IAAI,MAAM,CAAC,KAAK,CAAC,CAAC;AACjC,CAAC,CAAC","sourcesContent":["import { FormatFunction } from 'i18next';\n\n/**\n * i18next formatter that presents a fraction as percentage.\n * @see https://www.i18next.com/translation-function/formatting\n */\nexport const percent: FormatFunction = (value, format, lang, options): string => {\n  let result: string | null = null;\n\n  try {\n    if (typeof value === 'number') {\n      result = value.toLocaleString(lang, { ...options, style: 'percent' });\n    }\n  } catch (err) {\n    console.warn(`i18next formatter error: ${err.message}`);\n  }\n\n  return result || String(value);\n};\n"]}