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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/elements/public/DownloadableCard/index.ts"],"names":[],"mappings":"AAAA,iDAA8C;AAC9C,8CAA2C;AAC3C,6BAA0B;AAC1B,0BAAuB;AAEvB,OAAO,EAAE,gBAAgB,EAAE,8BAA2B;AAEtD,cAAc,CAAC,MAAM,CAAC,wBAAwB,EAAE,gBAAgB,CAAC,CAAC;AAElE,OAAO,EAAE,gBAAgB,EAAE,CAAC","sourcesContent":["import '../../internal/InternalSandbox/index';\nimport '../../internal/InternalCard/index';\nimport '../Spinner/index';\nimport '../I18n/index';\n\nimport { DownloadableCard } from './DownloadableCard';\n\ncustomElements.define('foxy-downloadable-card', DownloadableCard);\n\nexport { DownloadableCard };\n"]}

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

@@ -0,0 +1,8 @@
+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;
+    };
+};
+export declare type Data = Resource<Downloadable>;

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../src/elements/public/DownloadableCard/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 & { links: { 'fx:create_upload_url': any } };\nexport type Data = Resource<Downloadable>;\n"]}

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

@@ -0,0 +1,54 @@
+import type { PropertyDeclarations } from 'lit-element';
+import type { TemplateResult } from 'lit-html';
+import type { NucleonV8N } from '../NucleonElement/types';
+import type { Data } from './types';
+import { BooleanSelector } from '@foxy.io/sdk/core';
+import { InternalForm } from '../../internal/InternalForm/InternalForm';
+declare const Base: typeof InternalForm & import("lit-element").Constructor<import("../../../mixins/translatable").TranslatableMixinHost> & {
+    defaultNS: string;
+};
+/**
+ * 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 declare class DownloadableForm extends Base<Data> {
+    static get properties(): PropertyDeclarations;
+    static get v8n(): NucleonV8N<Data>;
+    /** URL of the `fx:downloadable_item_categories` collection for the store. */
+    downloadableItemCategories: string | null;
+    private readonly __downloadableItemCategoryLoaderId;
+    get disabledSelector(): BooleanSelector;
+    renderBody(): TemplateResult;
+    protected _sendPatch(edits: Partial<Data>): Promise<Data>;
+    protected _sendPost(edits: Partial<Data>): Promise<Data>;
+    private get __downloadableItemCategoryLoader();
+}
+export {};

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' },
         };
     }
     /**