@foxy.io/elements 1.18.0-beta.2 → 1.18.0-beta.21

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../src/elements/public/PaymentsApiPaymentPresetCard/types.ts"],"names":[],"mappings":"","sourcesContent":["export type { PaymentPreset as Data } from '../PaymentsApi/api/types';\n"]}

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

@@ -0,0 +1,22 @@
+import type { PropertyDeclarations } from 'lit-element';
+import type { TemplateResult } from 'lit-html';
+import type { NucleonV8N } from '../NucleonElement/types';
+import type { Data } from './types';
+import { InternalForm } from '../../internal/InternalForm/InternalForm';
+declare const Base: typeof InternalForm & import("lit-element").Constructor<import("../../../mixins/translatable").TranslatableMixinHost> & {
+    defaultNS: string;
+};
+export declare class PaymentsApiPaymentPresetForm extends Base<Data> {
+    static get properties(): PropertyDeclarations;
+    static get v8n(): NucleonV8N<Data>;
+    getFraudProtectionImageSrc: ((type: string) => string) | null;
+    getPaymentMethodImageSrc: ((type: string) => string) | null;
+    private static readonly __isPOEnabledOptions;
+    private static readonly __isLiveOptions;
+    private __getIsPOEnabledValue;
+    private __setIsPOEnabledValue;
+    private __getIsLiveValue;
+    private __setIsLiveValue;
+    renderBody(): TemplateResult;
+}
+export {};

package/dist/elements/public/PaymentsApiPaymentPresetForm/PaymentsApiPaymentPresetForm.js

@@ -0,0 +1,145 @@
+import { TranslatableMixin } from "../../../mixins/translatable.js";
+import { InternalForm } from "../../internal/InternalForm/InternalForm.js";
+import { html } from 'lit-html';
+const NS = 'payments-api-payment-preset-form';
+const Base = TranslatableMixin(InternalForm, NS);
+export class PaymentsApiPaymentPresetForm extends Base {
+    constructor() {
+        super(...arguments);
+        this.getFraudProtectionImageSrc = null;
+        this.getPaymentMethodImageSrc = null;
+        this.__getIsPOEnabledValue = () => {
+            return this.form.is_purchase_order_enabled ? ['true'] : [];
+        };
+        this.__setIsPOEnabledValue = newValue => {
+            this.edit({ is_purchase_order_enabled: newValue.includes('true') });
+        };
+        this.__getIsLiveValue = () => {
+            return this.form.is_live ? ['live'] : ['test'];
+        };
+        this.__setIsLiveValue = newValue => {
+            this.edit({ is_live: newValue.includes('live') });
+        };
+    }
+    static get properties() {
+        return {
+            ...super.properties,
+            getFraudProtectionImageSrc: { attribute: false },
+            getPaymentMethodImageSrc: { attribute: false },
+        };
+    }
+    static get v8n() {
+        return [
+            ({ description: v }) => !!v || 'description:v8n_required',
+            ({ description: v }) => (v && v.length <= 100) || 'description:v8n_too_long',
+        ];
+    }
+    renderBody() {
+        const constructor = this.constructor;
+        return html `
+      <foxy-internal-text-control infer="description"></foxy-internal-text-control>
+
+      <div class="-mb-s">
+        <foxy-internal-checkbox-group-control
+          infer="is-live"
+          .getValue=${this.__getIsLiveValue}
+          .setValue=${this.__setIsLiveValue}
+          .options=${constructor.__isLiveOptions}
+        >
+        </foxy-internal-checkbox-group-control>
+
+        <foxy-internal-checkbox-group-control
+          infer="is-purchase-order-enabled"
+          .getValue=${this.__getIsPOEnabledValue}
+          .setValue=${this.__setIsPOEnabledValue}
+          .options=${constructor.__isPOEnabledOptions}
+        >
+        </foxy-internal-checkbox-group-control>
+      </div>
+
+      ${this.data
+            ? html `
+            <div class="grid grid-cols-1 gap-s">
+              <foxy-i18n
+                class="text-s font-medium text-secondary"
+                infer="payment-methods"
+                key="title"
+              >
+              </foxy-i18n>
+
+              <foxy-internal-async-list-control
+                infer="payment-methods"
+                first=${this.data._links['fx:payment_methods'].href}
+                limit="5"
+                .item=${(ctx) => html `
+                  <foxy-payments-api-payment-method-card
+                    parent=${ctx.parent}
+                    infer="payments-api-payment-method-card"
+                    class="px-m py-s"
+                    href=${ctx.href}
+                    .getImageSrc=${this.getPaymentMethodImageSrc}
+                  >
+                  </foxy-payments-api-payment-method-card>
+                `}
+                .form=${(ctx) => html `
+                  <foxy-payments-api-payment-method-form
+                    parent=${ctx.dialog.parent}
+                    infer="payments-api-payment-method-form"
+                    href=${ctx.dialog.href}
+                    id="form"
+                    .getImageSrc=${this.getPaymentMethodImageSrc}
+                    @fetch=${ctx.handleFetch}
+                    @update=${ctx.handleUpdate}
+                  >
+                  </foxy-payments-api-payment-method-form>
+                `}
+              >
+              </foxy-internal-async-list-control>
+            </div>
+
+            <div class="grid grid-cols-1 gap-s">
+              <foxy-i18n
+                class="text-s font-medium text-secondary"
+                infer="fraud-protections"
+                key="title"
+              >
+              </foxy-i18n>
+
+              <foxy-internal-async-list-control
+                infer="fraud-protections"
+                first=${this.data._links['fx:fraud_protections'].href}
+                limit="5"
+                .item=${(ctx) => html `
+                  <foxy-payments-api-fraud-protection-card
+                    parent=${ctx.parent}
+                    infer="payments-api-fraud-protection-card"
+                    class="px-m py-s"
+                    href=${ctx.href}
+                    .getImageSrc=${this.getFraudProtectionImageSrc}
+                  >
+                  </foxy-payments-api-fraud-protection-card>
+                `}
+                .form=${(ctx) => html `
+                  <foxy-payments-api-fraud-protection-form
+                    parent=${ctx.dialog.parent}
+                    infer="payments-api-fraud-protection-form"
+                    href=${ctx.dialog.href}
+                    id="form"
+                    .getImageSrc=${this.getFraudProtectionImageSrc}
+                    @fetch=${ctx.handleFetch}
+                    @update=${ctx.handleUpdate}
+                  >
+                  </foxy-payments-api-fraud-protection-form>
+                `}
+              >
+              </foxy-internal-async-list-control>
+            </div>
+          `
+            : ''}
+      ${super.renderBody()}
+    `;
+    }
+}
+PaymentsApiPaymentPresetForm.__isPOEnabledOptions = [{ label: 'option_true', value: 'true' }];
+PaymentsApiPaymentPresetForm.__isLiveOptions = [{ label: 'option_live', value: 'live' }];
+//# sourceMappingURL=PaymentsApiPaymentPresetForm.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PaymentsApiPaymentPresetForm.js","sourceRoot":"","sources":["../../../../src/elements/public/PaymentsApiPaymentPresetForm/PaymentsApiPaymentPresetForm.ts"],"names":[],"mappings":"AAQA,OAAO,EAAE,iBAAiB,EAAE,wCAAqC;AACjE,OAAO,EAAE,YAAY,EAAE,oDAAiD;AACxE,OAAO,EAAE,IAAI,EAAE,MAAM,UAAU,CAAC;AAEhC,MAAM,EAAE,GAAG,kCAAkC,CAAC;AAC9C,MAAM,IAAI,GAAG,iBAAiB,CAAC,YAAY,EAAE,EAAE,CAAC,CAAC;AAEjD,MAAM,OAAO,4BAA6B,SAAQ,IAAU;IAA5D;;QAgBE,+BAA0B,GAAsC,IAAI,CAAC;QAErE,6BAAwB,GAAsC,IAAI,CAAC;QAM3D,0BAAqB,GAA6C,GAAG,EAAE;YAC7E,OAAO,IAAI,CAAC,IAAI,CAAC,yBAAyB,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC;QAC7D,CAAC,CAAC;QAEM,0BAAqB,GAA6C,QAAQ,CAAC,EAAE;YACnF,IAAI,CAAC,IAAI,CAAC,EAAE,yBAAyB,EAAG,QAAqB,CAAC,QAAQ,CAAC,MAAM,CAAC,EAAE,CAAC,CAAC;QACpF,CAAC,CAAC;QAEM,qBAAgB,GAA6C,GAAG,EAAE;YACxE,OAAO,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC;QACjD,CAAC,CAAC;QAEM,qBAAgB,GAA6C,QAAQ,CAAC,EAAE;YAC9E,IAAI,CAAC,IAAI,CAAC,EAAE,OAAO,EAAG,QAAqB,CAAC,QAAQ,CAAC,MAAM,CAAC,EAAE,CAAC,CAAC;QAClE,CAAC,CAAC;IA4GJ,CAAC;IAjJC,MAAM,KAAK,UAAU;QACnB,OAAO;YACL,GAAG,KAAK,CAAC,UAAU;YACnB,0BAA0B,EAAE,EAAE,SAAS,EAAE,KAAK,EAAE;YAChD,wBAAwB,EAAE,EAAE,SAAS,EAAE,KAAK,EAAE;SAC/C,CAAC;IACJ,CAAC;IAED,MAAM,KAAK,GAAG;QACZ,OAAO;YACL,CAAC,EAAE,WAAW,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,IAAI,0BAA0B;YACzD,CAAC,EAAE,WAAW,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,MAAM,IAAI,GAAG,CAAC,IAAI,0BAA0B;SAC7E,CAAC;IACJ,CAAC;IA0BD,UAAU;QACR,MAAM,WAAW,GAAG,IAAI,CAAC,WAAkD,CAAC;QAE5E,OAAO,IAAI,CAAA;;;;;;sBAMO,IAAI,CAAC,gBAAgB;sBACrB,IAAI,CAAC,gBAAgB;qBACtB,WAAW,CAAC,eAAe;;;;;;sBAM1B,IAAI,CAAC,qBAAqB;sBAC1B,IAAI,CAAC,qBAAqB;qBAC3B,WAAW,CAAC,oBAAoB;;;;;QAK7C,IAAI,CAAC,IAAI;YACT,CAAC,CAAC,IAAI,CAAA;;;;;;;;;;;wBAWU,IAAI,CAAC,IAAI,CAAC,MAAM,CAAC,oBAAoB,CAAC,CAAC,IAAI;;wBAE3C,CAAC,GAAwB,EAAE,EAAE,CAAC,IAAI,CAAA;;6BAE7B,GAAG,CAAC,MAAM;;;2BAGZ,GAAG,CAAC,IAAI;mCACA,IAAI,CAAC,wBAAwB;;;iBAG/C;wBACO,CAAC,GAAwB,EAAE,EAAE,CAAC,IAAI,CAAA;;6BAE7B,GAAG,CAAC,MAAM,CAAC,MAAM;;2BAEnB,GAAG,CAAC,MAAM,CAAC,IAAI;;mCAEP,IAAI,CAAC,wBAAwB;6BACnC,GAAG,CAAC,WAAW;8BACd,GAAG,CAAC,YAAY;;;iBAG7B;;;;;;;;;;;;;;;wBAeO,IAAI,CAAC,IAAI,CAAC,MAAM,CAAC,sBAAsB,CAAC,CAAC,IAAI;;wBAE7C,CAAC,GAAwB,EAAE,EAAE,CAAC,IAAI,CAAA;;6BAE7B,GAAG,CAAC,MAAM;;;2BAGZ,GAAG,CAAC,IAAI;mCACA,IAAI,CAAC,0BAA0B;;;iBAGjD;wBACO,CAAC,GAAwB,EAAE,EAAE,CAAC,IAAI,CAAA;;6BAE7B,GAAG,CAAC,MAAM,CAAC,MAAM;;2BAEnB,GAAG,CAAC,MAAM,CAAC,IAAI;;mCAEP,IAAI,CAAC,0BAA0B;6BACrC,GAAG,CAAC,WAAW;8BACd,GAAG,CAAC,YAAY;;;iBAG7B;;;;WAIN;YACH,CAAC,CAAC,EAAE;QACJ,KAAK,CAAC,UAAU,EAAE;KACrB,CAAC;IACJ,CAAC;;AA7HuB,iDAAoB,GAAG,CAAC,EAAE,KAAK,EAAE,aAAa,EAAE,KAAK,EAAE,MAAM,EAAE,CAAC,CAAC;AAEjE,4CAAe,GAAG,CAAC,EAAE,KAAK,EAAE,aAAa,EAAE,KAAK,EAAE,MAAM,EAAE,CAAC,CAAC","sourcesContent":["import type { InternalCheckboxGroupControl } from '../../internal/InternalCheckboxGroupControl/InternalCheckboxGroupControl';\nimport type { PropertyDeclarations } from 'lit-element';\nimport type { FormRendererContext } from '../FormDialog/types';\nimport type { ItemRendererContext } from '../CollectionPage/types';\nimport type { TemplateResult } from 'lit-html';\nimport type { NucleonV8N } from '../NucleonElement/types';\nimport type { Data } from './types';\n\nimport { TranslatableMixin } from '../../../mixins/translatable';\nimport { InternalForm } from '../../internal/InternalForm/InternalForm';\nimport { html } from 'lit-html';\n\nconst NS = 'payments-api-payment-preset-form';\nconst Base = TranslatableMixin(InternalForm, NS);\n\nexport class PaymentsApiPaymentPresetForm extends Base<Data> {\n  static get properties(): PropertyDeclarations {\n    return {\n      ...super.properties,\n      getFraudProtectionImageSrc: { attribute: false },\n      getPaymentMethodImageSrc: { attribute: false },\n    };\n  }\n\n  static get v8n(): NucleonV8N<Data> {\n    return [\n      ({ description: v }) => !!v || 'description:v8n_required',\n      ({ description: v }) => (v && v.length <= 100) || 'description:v8n_too_long',\n    ];\n  }\n\n  getFraudProtectionImageSrc: ((type: string) => string) | null = null;\n\n  getPaymentMethodImageSrc: ((type: string) => string) | null = null;\n\n  private static readonly __isPOEnabledOptions = [{ label: 'option_true', value: 'true' }];\n\n  private static readonly __isLiveOptions = [{ label: 'option_live', value: 'live' }];\n\n  private __getIsPOEnabledValue: InternalCheckboxGroupControl['getValue'] = () => {\n    return this.form.is_purchase_order_enabled ? ['true'] : [];\n  };\n\n  private __setIsPOEnabledValue: InternalCheckboxGroupControl['setValue'] = newValue => {\n    this.edit({ is_purchase_order_enabled: (newValue as string[]).includes('true') });\n  };\n\n  private __getIsLiveValue: InternalCheckboxGroupControl['getValue'] = () => {\n    return this.form.is_live ? ['live'] : ['test'];\n  };\n\n  private __setIsLiveValue: InternalCheckboxGroupControl['setValue'] = newValue => {\n    this.edit({ is_live: (newValue as string[]).includes('live') });\n  };\n\n  renderBody(): TemplateResult {\n    const constructor = this.constructor as typeof PaymentsApiPaymentPresetForm;\n\n    return html`\n      <foxy-internal-text-control infer=\"description\"></foxy-internal-text-control>\n\n      <div class=\"-mb-s\">\n        <foxy-internal-checkbox-group-control\n          infer=\"is-live\"\n          .getValue=${this.__getIsLiveValue}\n          .setValue=${this.__setIsLiveValue}\n          .options=${constructor.__isLiveOptions}\n        >\n        </foxy-internal-checkbox-group-control>\n\n        <foxy-internal-checkbox-group-control\n          infer=\"is-purchase-order-enabled\"\n          .getValue=${this.__getIsPOEnabledValue}\n          .setValue=${this.__setIsPOEnabledValue}\n          .options=${constructor.__isPOEnabledOptions}\n        >\n        </foxy-internal-checkbox-group-control>\n      </div>\n\n      ${this.data\n        ? html`\n            <div class=\"grid grid-cols-1 gap-s\">\n              <foxy-i18n\n                class=\"text-s font-medium text-secondary\"\n                infer=\"payment-methods\"\n                key=\"title\"\n              >\n              </foxy-i18n>\n\n              <foxy-internal-async-list-control\n                infer=\"payment-methods\"\n                first=${this.data._links['fx:payment_methods'].href}\n                limit=\"5\"\n                .item=${(ctx: ItemRendererContext) => html`\n                  <foxy-payments-api-payment-method-card\n                    parent=${ctx.parent}\n                    infer=\"payments-api-payment-method-card\"\n                    class=\"px-m py-s\"\n                    href=${ctx.href}\n                    .getImageSrc=${this.getPaymentMethodImageSrc}\n                  >\n                  </foxy-payments-api-payment-method-card>\n                `}\n                .form=${(ctx: FormRendererContext) => html`\n                  <foxy-payments-api-payment-method-form\n                    parent=${ctx.dialog.parent}\n                    infer=\"payments-api-payment-method-form\"\n                    href=${ctx.dialog.href}\n                    id=\"form\"\n                    .getImageSrc=${this.getPaymentMethodImageSrc}\n                    @fetch=${ctx.handleFetch}\n                    @update=${ctx.handleUpdate}\n                  >\n                  </foxy-payments-api-payment-method-form>\n                `}\n              >\n              </foxy-internal-async-list-control>\n            </div>\n\n            <div class=\"grid grid-cols-1 gap-s\">\n              <foxy-i18n\n                class=\"text-s font-medium text-secondary\"\n                infer=\"fraud-protections\"\n                key=\"title\"\n              >\n              </foxy-i18n>\n\n              <foxy-internal-async-list-control\n                infer=\"fraud-protections\"\n                first=${this.data._links['fx:fraud_protections'].href}\n                limit=\"5\"\n                .item=${(ctx: ItemRendererContext) => html`\n                  <foxy-payments-api-fraud-protection-card\n                    parent=${ctx.parent}\n                    infer=\"payments-api-fraud-protection-card\"\n                    class=\"px-m py-s\"\n                    href=${ctx.href}\n                    .getImageSrc=${this.getFraudProtectionImageSrc}\n                  >\n                  </foxy-payments-api-fraud-protection-card>\n                `}\n                .form=${(ctx: FormRendererContext) => html`\n                  <foxy-payments-api-fraud-protection-form\n                    parent=${ctx.dialog.parent}\n                    infer=\"payments-api-fraud-protection-form\"\n                    href=${ctx.dialog.href}\n                    id=\"form\"\n                    .getImageSrc=${this.getFraudProtectionImageSrc}\n                    @fetch=${ctx.handleFetch}\n                    @update=${ctx.handleUpdate}\n                  >\n                  </foxy-payments-api-fraud-protection-form>\n                `}\n              >\n              </foxy-internal-async-list-control>\n            </div>\n          `\n        : ''}\n      ${super.renderBody()}\n    `;\n  }\n}\n"]}

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

@@ -0,0 +1,10 @@
+import '../../internal/InternalCheckboxGroupControl/index';
+import '../../internal/InternalAsyncListControl/index';
+import '../../internal/InternalTextControl/index';
+import '../../internal/InternalForm/index';
+import '../PaymentsApiFraudProtectionCard/index';
+import '../PaymentsApiFraudProtectionForm/index';
+import '../PaymentsApiPaymentMethodCard/index';
+import '../PaymentsApiPaymentMethodForm/index';
+import { PaymentsApiPaymentPresetForm } from './PaymentsApiPaymentPresetForm';
+export { PaymentsApiPaymentPresetForm };

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

@@ -0,0 +1,12 @@
+import "../../internal/InternalCheckboxGroupControl/index.js";
+import "../../internal/InternalAsyncListControl/index.js";
+import "../../internal/InternalTextControl/index.js";
+import "../../internal/InternalForm/index.js";
+import "../PaymentsApiFraudProtectionCard/index.js";
+import "../PaymentsApiFraudProtectionForm/index.js";
+import "../PaymentsApiPaymentMethodCard/index.js";
+import "../PaymentsApiPaymentMethodForm/index.js";
+import { PaymentsApiPaymentPresetForm } from "./PaymentsApiPaymentPresetForm.js";
+customElements.define('foxy-payments-api-payment-preset-form', PaymentsApiPaymentPresetForm);
+export { PaymentsApiPaymentPresetForm };
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/elements/public/PaymentsApiPaymentPresetForm/index.ts"],"names":[],"mappings":"AAAA,8DAA2D;AAC3D,0DAAuD;AACvD,qDAAkD;AAClD,8CAA2C;AAE3C,oDAAiD;AACjD,oDAAiD;AAEjD,kDAA+C;AAC/C,kDAA+C;AAE/C,OAAO,EAAE,4BAA4B,EAAE,0CAAuC;AAE9E,cAAc,CAAC,MAAM,CAAC,uCAAuC,EAAE,4BAA4B,CAAC,CAAC;AAE7F,OAAO,EAAE,4BAA4B,EAAE,CAAC","sourcesContent":["import '../../internal/InternalCheckboxGroupControl/index';\nimport '../../internal/InternalAsyncListControl/index';\nimport '../../internal/InternalTextControl/index';\nimport '../../internal/InternalForm/index';\n\nimport '../PaymentsApiFraudProtectionCard/index';\nimport '../PaymentsApiFraudProtectionForm/index';\n\nimport '../PaymentsApiPaymentMethodCard/index';\nimport '../PaymentsApiPaymentMethodForm/index';\n\nimport { PaymentsApiPaymentPresetForm } from './PaymentsApiPaymentPresetForm';\n\ncustomElements.define('foxy-payments-api-payment-preset-form', PaymentsApiPaymentPresetForm);\n\nexport { PaymentsApiPaymentPresetForm };\n"]}

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

@@ -0,0 +1 @@
+export type { PaymentPreset as Data } from '../PaymentsApi/api/types';

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../src/elements/public/PaymentsApiPaymentPresetForm/types.ts"],"names":[],"mappings":"","sourcesContent":["export type { PaymentPreset as Data } from '../PaymentsApi/api/types';\n"]}

package/dist/elements/public/QueryBuilder/components/Input.js

@@ -1,7 +1,7 @@
 import { html } from 'lit-html';
 import { classMap } from "../../../../utils/class-map.js";
 import { ifDefined } from 'lit-html/directives/if-defined';
-import { serializeDate } from "../../../../utils/serialize-date.js";
+import { serializeDateUTC } from "../../../../utils/serialize-date.js";
 export function Input(params) {
     var _a;
     const id = (_a = params.id) !== null && _a !== void 0 ? _a : String(Math.floor(Math.random() * Math.pow(10, 8)));
@@ -10,8 +10,7 @@ export function Input(params) {
     let normalizedValue = params.value;
     if (params.type === 'date') {
         const date = new Date(params.value);
-        if (!isNaN(date.getTime()))
-            normalizedValue = serializeDate(date);
+        normalizedValue = isNaN(date.getTime()) ? '' : serializeDateUTC(date);
     }
     return html `
     <label class="relative flex items-center cursor-text group text-tertiary">
@@ -30,22 +29,25 @@ export function Input(params) {
         <input
           placeholder=${normalizedValue || params.type === 'date' ? '' : params.t(params.label)}
           class=${classMap({
-        'bg-base text-body relative appearance-none flex h-m px-s font-medium w-full': true,
+        'bg-base text-body relative flex h-m px-s font-medium w-full': true,
         'flex max-w-full whitespace-nowrap': true,
         'focus-outline-none': true,
         'opacity-0 focus-opacity-100': hasDisplayValue,
     })}
           list=${ifDefined(params.list ? listId : undefined)}
           type=${params.type}
+          max=${ifDefined(params.type === 'date' ? '9999-12-31' : '')}
           .value=${normalizedValue}
           ?disabled=${params.disabled}
           @input=${(evt) => {
-        var _a, _b;
         const input = evt.currentTarget;
-        if (params.type === 'date') {
-            params.onChange((_b = (_a = input.valueAsDate) === null || _a === void 0 ? void 0 : _a.toISOString()) !== null && _b !== void 0 ? _b : input.value);
+        try {
+            const valueAsDate = input.valueAsDate;
+            if (valueAsDate.getFullYear() > 9999)
+                valueAsDate.setFullYear(9999);
+            params.onChange(valueAsDate.toISOString());
         }
-        else {
+        catch (_a) {
             params.onChange(input.value);
         }
     }}

package/dist/elements/public/QueryBuilder/components/Input.js.map

@@ -1 +1 @@
-{"version":3,"file":"Input.js","sourceRoot":"","sources":["../../../../../src/elements/public/QueryBuilder/components/Input.ts"],"names":[],"mappings":"AAAA,OAAO,EAAkB,IAAI,EAAE,MAAM,UAAU,CAAC;AAGhD,OAAO,EAAE,QAAQ,EAAE,uCAAoC;AACvD,OAAO,EAAE,SAAS,EAAE,MAAM,gCAAgC,CAAC;AAC3D,OAAO,EAAE,aAAa,EAAE,4CAAyC;AAcjE,MAAM,UAAU,KAAK,CAAC,MAAmB;;IACvC,MAAM,EAAE,SAAG,MAAM,CAAC,EAAE,mCAAI,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,MAAM,EAAE,GAAG,IAAI,CAAC,GAAG,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC;IAC5E,MAAM,MAAM,GAAG,GAAG,EAAE,OAAO,CAAC;IAC5B,MAAM,eAAe,GAAG,CAAC,CAAC,MAAM,CAAC,YAAY,CAAC;IAE9C,IAAI,eAAe,GAAG,MAAM,CAAC,KAAK,CAAC;IAEnC,IAAI,MAAM,CAAC,IAAI,KAAK,MAAM,EAAE;QAC1B,MAAM,IAAI,GAAG,IAAI,IAAI,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;QACpC,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,OAAO,EAAE,CAAC;YAAE,eAAe,GAAG,aAAa,CAAC,IAAI,CAAC,CAAC;KACnE;IAED,OAAO,IAAI,CAAA;;;UAGH,eAAe;QACf,CAAC,CAAC,IAAI,CAAA;;;;;wCAKwB,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,YAAa,CAAC;;aAEzD;QACH,CAAC,CAAC,EAAE;;;wBAGU,eAAe,IAAI,MAAM,CAAC,IAAI,KAAK,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC;kBAC7E,QAAQ,CAAC;QACf,6EAA6E,EAAE,IAAI;QACnF,mCAAmC,EAAE,IAAI;QACzC,oBAAoB,EAAE,IAAI;QAC1B,6BAA6B,EAAE,eAAe;KAC/C,CAAC;iBACK,SAAS,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,CAAC;iBAC3C,MAAM,CAAC,IAAI;mBACT,eAAe;sBACZ,MAAM,CAAC,QAAQ;mBAClB,CAAC,GAAU,EAAE,EAAE;;QACtB,MAAM,KAAK,GAAG,GAAG,CAAC,aAAiC,CAAC;QAEpD,IAAI,MAAM,CAAC,IAAI,KAAK,MAAM,EAAE;YAC1B,MAAM,CAAC,QAAQ,aAAC,KAAK,CAAC,WAAW,0CAAE,WAAW,qCAAM,KAAK,CAAC,KAAK,CAAC,CAAC;SAClE;aAAM;YACL,MAAM,CAAC,QAAQ,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;SAC9B;IACH,CAAC;;;;;gBAKK,QAAQ,CAAC;QACf,0EAA0E,EAAE,IAAI;QAChF,cAAc,EAAE,CAAC,CAAC,eAAe,IAAI,MAAM,CAAC,IAAI,KAAK,MAAM;QAC3D,SAAS,EAAE,CAAC,eAAe,IAAI,MAAM,CAAC,IAAI,KAAK,MAAM;KACtD,CAAC;;UAEA,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC;;;QAGxB,MAAM,CAAC,IAAI;QACX,CAAC,CAAC,IAAI,CAAA;2BACa,MAAM;gBACjB,MAAM,CAAC,IAAI,CAAC,GAAG,CACf,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,IAAI,CAAA,iBAAiB,KAAK,IAAI,MAAM,CAAC,CAAC,CAAC,KAAK,CAAC,WAAW,CAC/E;;WAEJ;QACH,CAAC,CAAC,EAAE;QACJ,MAAM,CAAC,QAAQ;QACf,CAAC,CAAC,EAAE;QACJ,CAAC,CAAC,IAAI,CAAA;;;;WAIH;;GAER,CAAC;AACJ,CAAC","sourcesContent":["import { TemplateResult, html } from 'lit-html';\n\nimport { I18n } from '../../I18n/I18n';\nimport { classMap } from '../../../../utils/class-map';\nimport { ifDefined } from 'lit-html/directives/if-defined';\nimport { serializeDate } from '../../../../utils/serialize-date';\n\nexport type InputParams = {\n  t: I18n['t'];\n  id?: string;\n  list?: { label: string; value: string }[];\n  type: string;\n  label: string;\n  value: string;\n  disabled?: boolean;\n  displayValue?: string;\n  onChange: (newValue: string) => void;\n};\n\nexport function Input(params: InputParams): TemplateResult {\n  const id = params.id ?? String(Math.floor(Math.random() * Math.pow(10, 8)));\n  const listId = `${id}-list`;\n  const hasDisplayValue = !!params.displayValue;\n\n  let normalizedValue = params.value;\n\n  if (params.type === 'date') {\n    const date = new Date(params.value);\n    if (!isNaN(date.getTime())) normalizedValue = serializeDate(date);\n  }\n\n  return html`\n    <label class=\"relative flex items-center cursor-text group text-tertiary\">\n      <div class=\"relative flex-1 min-w-0 overflow-hidden\">\n        ${hasDisplayValue\n          ? html`\n              <div\n                aria-hidden=\"true\"\n                class=\"absolute inset-0 h-m px-s font-medium text-body flex items-center\"\n              >\n                <div class=\"truncate\">${params.t(params.displayValue!)}</div>\n              </div>\n            `\n          : ''}\n\n        <input\n          placeholder=${normalizedValue || params.type === 'date' ? '' : params.t(params.label)}\n          class=${classMap({\n            'bg-base text-body relative appearance-none flex h-m px-s font-medium w-full': true,\n            'flex max-w-full whitespace-nowrap': true, // ugh safari\n            'focus-outline-none': true,\n            'opacity-0 focus-opacity-100': hasDisplayValue,\n          })}\n          list=${ifDefined(params.list ? listId : undefined)}\n          type=${params.type}\n          .value=${normalizedValue}\n          ?disabled=${params.disabled}\n          @input=${(evt: Event) => {\n            const input = evt.currentTarget as HTMLInputElement;\n\n            if (params.type === 'date') {\n              params.onChange(input.valueAsDate?.toISOString() ?? input.value);\n            } else {\n              params.onChange(input.value);\n            }\n          }}\n        />\n      </div>\n\n      <span\n        class=${classMap({\n          'font-tnum text-xs font-medium border border-current mr-s px-xs rounded-s': true,\n          'inline-block': !!normalizedValue || params.type === 'date',\n          'sr-only': !normalizedValue && params.type !== 'date',\n        })}\n      >\n        ${params.t(params.label)}\n      </span>\n\n      ${params.list\n        ? html`\n            <datalist id=${listId}>\n              ${params.list.map(\n                ({ label, value }) => html`<option value=${value}>${params.t(label)}</option>`\n              )}\n            </datalist>\n          `\n        : ''}\n      ${params.disabled\n        ? ''\n        : html`\n            <div\n              class=\"absolute inset-0 transition-colors bg-transparent group-hover-bg-contrast-5 pointer-events-none\"\n            ></div>\n          `}\n    </label>\n  `;\n}\n"]}
+{"version":3,"file":"Input.js","sourceRoot":"","sources":["../../../../../src/elements/public/QueryBuilder/components/Input.ts"],"names":[],"mappings":"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","sourcesContent":["import { TemplateResult, html } from 'lit-html';\n\nimport { I18n } from '../../I18n/I18n';\nimport { classMap } from '../../../../utils/class-map';\nimport { ifDefined } from 'lit-html/directives/if-defined';\nimport { serializeDateUTC } from '../../../../utils/serialize-date';\n\nexport type InputParams = {\n  t: I18n['t'];\n  id?: string;\n  list?: { label: string; value: string }[];\n  type: string;\n  label: string;\n  value: string;\n  disabled?: boolean;\n  displayValue?: string;\n  onChange: (newValue: string) => void;\n};\n\nexport function Input(params: InputParams): TemplateResult {\n  const id = params.id ?? String(Math.floor(Math.random() * Math.pow(10, 8)));\n  const listId = `${id}-list`;\n  const hasDisplayValue = !!params.displayValue;\n\n  let normalizedValue = params.value;\n\n  if (params.type === 'date') {\n    const date = new Date(params.value);\n    normalizedValue = isNaN(date.getTime()) ? '' : serializeDateUTC(date);\n  }\n\n  return html`\n    <label class=\"relative flex items-center cursor-text group text-tertiary\">\n      <div class=\"relative flex-1 min-w-0 overflow-hidden\">\n        ${hasDisplayValue\n          ? html`\n              <div\n                aria-hidden=\"true\"\n                class=\"absolute inset-0 h-m px-s font-medium text-body flex items-center\"\n              >\n                <div class=\"truncate\">${params.t(params.displayValue!)}</div>\n              </div>\n            `\n          : ''}\n\n        <input\n          placeholder=${normalizedValue || params.type === 'date' ? '' : params.t(params.label)}\n          class=${classMap({\n            'bg-base text-body relative flex h-m px-s font-medium w-full': true,\n            'flex max-w-full whitespace-nowrap': true, // ugh safari\n            'focus-outline-none': true,\n            'opacity-0 focus-opacity-100': hasDisplayValue,\n          })}\n          list=${ifDefined(params.list ? listId : undefined)}\n          type=${params.type}\n          max=${ifDefined(params.type === 'date' ? '9999-12-31' : '')}\n          .value=${normalizedValue}\n          ?disabled=${params.disabled}\n          @input=${(evt: Event) => {\n            const input = evt.currentTarget as HTMLInputElement;\n\n            try {\n              const valueAsDate = input.valueAsDate as Date;\n              if (valueAsDate.getFullYear() > 9999) valueAsDate.setFullYear(9999);\n              params.onChange(valueAsDate.toISOString());\n            } catch {\n              params.onChange(input.value);\n            }\n          }}\n        />\n      </div>\n\n      <span\n        class=${classMap({\n          'font-tnum text-xs font-medium border border-current mr-s px-xs rounded-s': true,\n          'inline-block': !!normalizedValue || params.type === 'date',\n          'sr-only': !normalizedValue && params.type !== 'date',\n        })}\n      >\n        ${params.t(params.label)}\n      </span>\n\n      ${params.list\n        ? html`\n            <datalist id=${listId}>\n              ${params.list.map(\n                ({ label, value }) => html`<option value=${value}>${params.t(label)}</option>`\n              )}\n            </datalist>\n          `\n        : ''}\n      ${params.disabled\n        ? ''\n        : html`\n            <div\n              class=\"absolute inset-0 transition-colors bg-transparent group-hover-bg-contrast-5 pointer-events-none\"\n            ></div>\n          `}\n    </label>\n  `;\n}\n"]}

package/dist/elements/public/QueryBuilder/components/RangeValue.js

@@ -3,18 +3,20 @@ import { html } from 'lit-html';
 import { Input } from "./Input.js";
 import { Select } from "./Select.js";
 export function RangeValue(params) {
-    var _a, _b, _c;
+    var _a, _b, _c, _d;
     const { t, parsedValue, option, onChange } = params;
-    const [from, to] = parsedValue.value.split('..');
+    const splitValue = parsedValue.value.split('..');
+    const from = splitValue.length >= 2 ? splitValue[0] : '';
+    const to = splitValue.length >= 2 ? splitValue[1] : (_a = splitValue[0]) !== null && _a !== void 0 ? _a : '';
     const Field = (option === null || option === void 0 ? void 0 : option.list) ? Select : Input;
-    const optionType = (_a = option === null || option === void 0 ? void 0 : option.type) !== null && _a !== void 0 ? _a : Type.Any;
+    const optionType = (_b = option === null || option === void 0 ? void 0 : option.type) !== null && _b !== void 0 ? _b : Type.Any;
     const type = optionType === Type.Number ? 'number' : optionType === Type.Date ? 'date' : 'text';
     const list = option === null || option === void 0 ? void 0 : option.list;
     return html `
     <div class="grid bg-contrast-10 gap-1px grid-cols-1 grid-rows-2 sm-grid-cols-2 sm-grid-rows-1">
       <div class="bg-base">
         ${Field({
-        displayValue: (_b = list === null || list === void 0 ? void 0 : list.find(v => v.value === from)) === null || _b === void 0 ? void 0 : _b.label,
+        displayValue: (_c = list === null || list === void 0 ? void 0 : list.find(v => v.value === from)) === null || _c === void 0 ? void 0 : _c.label,
         value: from,
         label: 'range_from',
         type: type,
@@ -26,7 +28,7 @@ export function RangeValue(params) {
 
       <div class="bg-base">
         ${Field({
-        displayValue: (_c = list === null || list === void 0 ? void 0 : list.find(v => v.value === to)) === null || _c === void 0 ? void 0 : _c.label,
+        displayValue: (_d = list === null || list === void 0 ? void 0 : list.find(v => v.value === to)) === null || _d === void 0 ? void 0 : _d.label,
         label: 'range_to',
         value: to,
         type: type,

package/dist/elements/public/QueryBuilder/components/RangeValue.js.map

@@ -1 +1 @@
-{"version":3,"file":"RangeValue.js","sourceRoot":"","sources":["../../../../../src/elements/public/QueryBuilder/components/RangeValue.ts"],"names":[],"mappings":"AAAA,OAAO,EAAuB,IAAI,EAAE,oBAAiB;AACrD,OAAO,EAAkB,IAAI,EAAE,MAAM,UAAU,CAAC;AAGhD,OAAO,EAAE,KAAK,EAAE,mBAAgB;AAChC,OAAO,EAAE,MAAM,EAAE,oBAAiB;AASlC,MAAM,UAAU,UAAU,CAAC,MAAwB;;IACjD,MAAM,EAAE,CAAC,EAAE,WAAW,EAAE,MAAM,EAAE,QAAQ,EAAE,GAAG,MAAM,CAAC;IACpD,MAAM,CAAC,IAAI,EAAE,EAAE,CAAC,GAAG,WAAW,CAAC,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC;IAEjD,MAAM,KAAK,GAAG,CAAA,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,IAAI,EAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,KAAK,CAAC;IAC5C,MAAM,UAAU,SAAG,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,IAAI,mCAAI,IAAI,CAAC,GAAG,CAAC;IAC5C,MAAM,IAAI,GAAG,UAAU,KAAK,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,UAAU,KAAK,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC;IAChG,MAAM,IAAI,GAAG,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,IAAI,CAAC;IAE1B,OAAO,IAAI,CAAA;;;UAGH,KAAK,CAAC;QACN,YAAY,QAAE,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,KAAK,KAAK,IAAI,2CAAG,KAAK;QACtD,KAAK,EAAE,IAAI;QACX,KAAK,EAAE,YAAY;QACnB,IAAI,EAAE,IAAI;QACV,IAAI,EAAE,IAAI;QACV,CAAC,EAAE,CAAC;QACJ,QAAQ,EAAE,QAAQ,CAAC,EAAE,CAAC,QAAQ,CAAC,EAAE,GAAG,WAAW,EAAE,KAAK,EAAE,GAAG,QAAQ,KAAK,EAAE,EAAE,EAAE,CAAC;KAChF,CAAC;;;;UAIA,KAAK,CAAC;QACN,YAAY,QAAE,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,KAAK,KAAK,EAAE,2CAAG,KAAK;QACpD,KAAK,EAAE,UAAU;QACjB,KAAK,EAAE,EAAE;QACT,IAAI,EAAE,IAAI;QACV,IAAI,EAAE,IAAI;QACV,CAAC,EAAE,CAAC;QACJ,QAAQ,EAAE,QAAQ,CAAC,EAAE,CAAC,QAAQ,CAAC,EAAE,GAAG,WAAW,EAAE,KAAK,EAAE,GAAG,IAAI,KAAK,QAAQ,EAAE,EAAE,CAAC;KAClF,CAAC;;;GAGP,CAAC;AACJ,CAAC","sourcesContent":["import { Option, ParsedValue, Type } from '../types';\nimport { TemplateResult, html } from 'lit-html';\n\nimport { I18n } from '../../I18n/I18n';\nimport { Input } from './Input';\nimport { Select } from './Select';\n\nexport type RangeValueParams = {\n  parsedValue: ParsedValue;\n  option: Option | null;\n  t: I18n['t'];\n  onChange: (newValue: ParsedValue) => void;\n};\n\nexport function RangeValue(params: RangeValueParams): TemplateResult {\n  const { t, parsedValue, option, onChange } = params;\n  const [from, to] = parsedValue.value.split('..');\n\n  const Field = option?.list ? Select : Input;\n  const optionType = option?.type ?? Type.Any;\n  const type = optionType === Type.Number ? 'number' : optionType === Type.Date ? 'date' : 'text';\n  const list = option?.list;\n\n  return html`\n    <div class=\"grid bg-contrast-10 gap-1px grid-cols-1 grid-rows-2 sm-grid-cols-2 sm-grid-rows-1\">\n      <div class=\"bg-base\">\n        ${Field({\n          displayValue: list?.find(v => v.value === from)?.label,\n          value: from,\n          label: 'range_from',\n          type: type,\n          list: list,\n          t: t,\n          onChange: newValue => onChange({ ...parsedValue, value: `${newValue}..${to}` }),\n        })}\n      </div>\n\n      <div class=\"bg-base\">\n        ${Field({\n          displayValue: list?.find(v => v.value === to)?.label,\n          label: 'range_to',\n          value: to,\n          type: type,\n          list: list,\n          t: t,\n          onChange: newValue => onChange({ ...parsedValue, value: `${from}..${newValue}` }),\n        })}\n      </div>\n    </div>\n  `;\n}\n"]}
+{"version":3,"file":"RangeValue.js","sourceRoot":"","sources":["../../../../../src/elements/public/QueryBuilder/components/RangeValue.ts"],"names":[],"mappings":"AAAA,OAAO,EAAuB,IAAI,EAAE,oBAAiB;AACrD,OAAO,EAAkB,IAAI,EAAE,MAAM,UAAU,CAAC;AAGhD,OAAO,EAAE,KAAK,EAAE,mBAAgB;AAChC,OAAO,EAAE,MAAM,EAAE,oBAAiB;AASlC,MAAM,UAAU,UAAU,CAAC,MAAwB;;IACjD,MAAM,EAAE,CAAC,EAAE,WAAW,EAAE,MAAM,EAAE,QAAQ,EAAE,GAAG,MAAM,CAAC;IACpD,MAAM,UAAU,GAAG,WAAW,CAAC,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC;IACjD,MAAM,IAAI,GAAG,UAAU,CAAC,MAAM,IAAI,CAAC,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC;IACzD,MAAM,EAAE,GAAG,UAAU,CAAC,MAAM,IAAI,CAAC,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,CAAC,OAAC,UAAU,CAAC,CAAC,CAAC,mCAAI,EAAE,CAAC;IAExE,MAAM,KAAK,GAAG,CAAA,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,IAAI,EAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,KAAK,CAAC;IAC5C,MAAM,UAAU,SAAG,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,IAAI,mCAAI,IAAI,CAAC,GAAG,CAAC;IAC5C,MAAM,IAAI,GAAG,UAAU,KAAK,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,UAAU,KAAK,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC;IAChG,MAAM,IAAI,GAAG,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,IAAI,CAAC;IAE1B,OAAO,IAAI,CAAA;;;UAGH,KAAK,CAAC;QACN,YAAY,QAAE,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,KAAK,KAAK,IAAI,2CAAG,KAAK;QACtD,KAAK,EAAE,IAAI;QACX,KAAK,EAAE,YAAY;QACnB,IAAI,EAAE,IAAI;QACV,IAAI,EAAE,IAAI;QACV,CAAC,EAAE,CAAC;QACJ,QAAQ,EAAE,QAAQ,CAAC,EAAE,CAAC,QAAQ,CAAC,EAAE,GAAG,WAAW,EAAE,KAAK,EAAE,GAAG,QAAQ,KAAK,EAAE,EAAE,EAAE,CAAC;KAChF,CAAC;;;;UAIA,KAAK,CAAC;QACN,YAAY,QAAE,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,KAAK,KAAK,EAAE,2CAAG,KAAK;QACpD,KAAK,EAAE,UAAU;QACjB,KAAK,EAAE,EAAE;QACT,IAAI,EAAE,IAAI;QACV,IAAI,EAAE,IAAI;QACV,CAAC,EAAE,CAAC;QACJ,QAAQ,EAAE,QAAQ,CAAC,EAAE,CAAC,QAAQ,CAAC,EAAE,GAAG,WAAW,EAAE,KAAK,EAAE,GAAG,IAAI,KAAK,QAAQ,EAAE,EAAE,CAAC;KAClF,CAAC;;;GAGP,CAAC;AACJ,CAAC","sourcesContent":["import { Option, ParsedValue, Type } from '../types';\nimport { TemplateResult, html } from 'lit-html';\n\nimport { I18n } from '../../I18n/I18n';\nimport { Input } from './Input';\nimport { Select } from './Select';\n\nexport type RangeValueParams = {\n  parsedValue: ParsedValue;\n  option: Option | null;\n  t: I18n['t'];\n  onChange: (newValue: ParsedValue) => void;\n};\n\nexport function RangeValue(params: RangeValueParams): TemplateResult {\n  const { t, parsedValue, option, onChange } = params;\n  const splitValue = parsedValue.value.split('..');\n  const from = splitValue.length >= 2 ? splitValue[0] : '';\n  const to = splitValue.length >= 2 ? splitValue[1] : splitValue[0] ?? '';\n\n  const Field = option?.list ? Select : Input;\n  const optionType = option?.type ?? Type.Any;\n  const type = optionType === Type.Number ? 'number' : optionType === Type.Date ? 'date' : 'text';\n  const list = option?.list;\n\n  return html`\n    <div class=\"grid bg-contrast-10 gap-1px grid-cols-1 grid-rows-2 sm-grid-cols-2 sm-grid-rows-1\">\n      <div class=\"bg-base\">\n        ${Field({\n          displayValue: list?.find(v => v.value === from)?.label,\n          value: from,\n          label: 'range_from',\n          type: type,\n          list: list,\n          t: t,\n          onChange: newValue => onChange({ ...parsedValue, value: `${newValue}..${to}` }),\n        })}\n      </div>\n\n      <div class=\"bg-base\">\n        ${Field({\n          displayValue: list?.find(v => v.value === to)?.label,\n          label: 'range_to',\n          value: to,\n          type: type,\n          list: list,\n          t: t,\n          onChange: newValue => onChange({ ...parsedValue, value: `${from}..${newValue}` }),\n        })}\n      </div>\n    </div>\n  `;\n}\n"]}

package/dist/elements/public/QueryBuilder/components/Select.js

@@ -22,7 +22,9 @@ export function Select(params) {
     }}
         >
           ${isEmpty
-        ? html `<option value disabled ?selected=${isEmpty}>${params.t(params.label)}</option>`
+        ? html `
+                <option value="" disabled ?selected=${isEmpty}>${params.t(params.label)}</option>
+              `
         : ''}
           ${(_c = params.list) === null || _c === void 0 ? void 0 : _c.map(({ label, value }) => html `
                 <option value=${value} ?selected=${value === params.value}>

package/dist/elements/public/QueryBuilder/components/Select.js.map

@@ -1 +1 @@
-{"version":3,"file":"Select.js","sourceRoot":"","sources":["../../../../../src/elements/public/QueryBuilder/components/Select.ts"],"names":[],"mappings":"AAAA,OAAO,EAAkB,IAAI,EAAE,MAAM,UAAU,CAAC;AAGhD,OAAO,EAAE,QAAQ,EAAE,uCAAoC;AAWvD,MAAM,UAAU,MAAM,CAAC,MAAoB;;IACzC,MAAM,OAAO,eAAG,MAAM,CAAC,IAAI,0CAAE,KAAK,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,KAAK,KAAK,MAAM,CAAC,KAAK,oCAAK,IAAI,CAAC;IAE1E,OAAO,IAAI,CAAA;;;;;;kBAMK,QAAQ,CAAC;QACf,sEAAsE,EAAE,IAAI;QAC5E,oEAAoE,EAAE,IAAI;QAC1E,eAAe,EAAE,OAAO;QACxB,WAAW,EAAE,CAAC,OAAO;KACtB,CAAC;oBACQ,CAAC,GAAU,EAAE,EAAE;QACvB,MAAM,MAAM,GAAG,GAAG,CAAC,aAAkC,CAAC;QACtD,MAAM,KAAK,GAAG,MAAM,CAAC,OAAO,CAAC,MAAM,CAAC,OAAO,CAAC,aAAa,CAAC,CAAC,KAAK,CAAC;QACjE,MAAM,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;IACzB,CAAC;;YAEC,OAAO;QACP,CAAC,CAAC,IAAI,CAAA,oCAAoC,OAAO,IAAI,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,WAAW;QACtF,CAAC,CAAC,EAAE;YACJ,MAAA,MAAM,CAAC,IAAI,0CAAE,GAAG,CAChB,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,EAAE,EAAE,CACnB,IAAI,CAAA;gCACc,KAAK,cAAc,KAAK,KAAK,MAAM,CAAC,KAAK;oBACrD,MAAM,CAAC,CAAC,CAAC,KAAK,CAAC;;eAEpB,CACJ;;;;QAIH,OAAO;QACP,CAAC,CAAC,EAAE;QACJ,CAAC,CAAC,IAAI,CAAA;;;;gBAIE,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC;;;cAGxB,MAAM,CAAC,SAAS;YAChB,CAAC,CAAC,IAAI,CAAA;;iCAEa,MAAM,CAAC,CAAC,CAAC,QAAQ,CAAC;;6BAEtB,GAAG,EAAE,CAAC,MAAM,CAAC,QAAQ,CAAC,EAAE,CAAC;;;;;;;;;iBASrC;YACH,CAAC,CAAC,EAAE;WACP;;GAER,CAAC;AACJ,CAAC","sourcesContent":["import { TemplateResult, html } from 'lit-html';\n\nimport { I18n } from '../../I18n/I18n';\nimport { classMap } from '../../../../utils/class-map';\n\nexport type SelectParams = {\n  clearable?: boolean;\n  label: string;\n  value: string;\n  list?: { label: string; value: string }[];\n  t: I18n['t'];\n  onChange: (newValue: string) => void;\n};\n\nexport function Select(params: SelectParams): TemplateResult {\n  const isEmpty = params.list?.every(v => v.value !== params.value) ?? true;\n\n  return html`\n    <label\n      class=\"flex items-center cursor-pointer transition-colors group text-tertiary hover-bg-contrast-5\"\n    >\n      <div class=\"relative flex-1 min-w-0 overflow-hidden\">\n        <select\n          class=${classMap({\n            'cursor-pointer bg-transparent relative appearance-none flex h-m px-s': true,\n            'font-medium w-full max-w-full whitespace-nowrap focus-outline-none': true,\n            'text-tertiary': isEmpty,\n            'text-body': !isEmpty,\n          })}\n          @change=${(evt: Event) => {\n            const select = evt.currentTarget as HTMLSelectElement;\n            const value = select.options[select.options.selectedIndex].value;\n            params.onChange(value);\n          }}\n        >\n          ${isEmpty\n            ? html`<option value disabled ?selected=${isEmpty}>${params.t(params.label)}</option>`\n            : ''}\n          ${params.list?.map(\n            ({ label, value }) =>\n              html`\n                <option value=${value} ?selected=${value === params.value}>\n                  ${params.t(label)}\n                </option>\n              `\n          )}\n        </select>\n      </div>\n\n      ${isEmpty\n        ? ''\n        : html`\n            <span\n              class=\"font-tnum text-xs font-medium border mr-s px-xs rounded-s border-current inline-block\"\n            >\n              ${params.t(params.label)}\n            </span>\n\n            ${params.clearable\n              ? html`\n                  <button\n                    aria-label=${params.t('delete')}\n                    class=\"w-s h-s mr-xs text-body flex items-center justify-center transition-colors rounded-full focus-outline-none focus-ring-2 focus-ring-primary-50 hover-bg-contrast-5 hover-text-error\"\n                    @click=${() => params.onChange('')}\n                  >\n                    <iron-icon\n                      aria-hidden=\"true\"\n                      class=\"icon-inline text-l\"\n                      icon=\"icons:remove-circle-outline\"\n                    >\n                    </iron-icon>\n                  </button>\n                `\n              : ''}\n          `}\n    </label>\n  `;\n}\n"]}
+{"version":3,"file":"Select.js","sourceRoot":"","sources":["../../../../../src/elements/public/QueryBuilder/components/Select.ts"],"names":[],"mappings":"AAAA,OAAO,EAAkB,IAAI,EAAE,MAAM,UAAU,CAAC;AAGhD,OAAO,EAAE,QAAQ,EAAE,uCAAoC;AAWvD,MAAM,UAAU,MAAM,CAAC,MAAoB;;IACzC,MAAM,OAAO,eAAG,MAAM,CAAC,IAAI,0CAAE,KAAK,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,KAAK,KAAK,MAAM,CAAC,KAAK,oCAAK,IAAI,CAAC;IAE1E,OAAO,IAAI,CAAA;;;;;;kBAMK,QAAQ,CAAC;QACf,sEAAsE,EAAE,IAAI;QAC5E,oEAAoE,EAAE,IAAI;QAC1E,eAAe,EAAE,OAAO;QACxB,WAAW,EAAE,CAAC,OAAO;KACtB,CAAC;oBACQ,CAAC,GAAU,EAAE,EAAE;QACvB,MAAM,MAAM,GAAG,GAAG,CAAC,aAAkC,CAAC;QACtD,MAAM,KAAK,GAAG,MAAM,CAAC,OAAO,CAAC,MAAM,CAAC,OAAO,CAAC,aAAa,CAAC,CAAC,KAAK,CAAC;QACjE,MAAM,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;IACzB,CAAC;;YAEC,OAAO;QACP,CAAC,CAAC,IAAI,CAAA;sDACoC,OAAO,IAAI,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC;eACxE;QACH,CAAC,CAAC,EAAE;YACJ,MAAA,MAAM,CAAC,IAAI,0CAAE,GAAG,CAChB,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,EAAE,EAAE,CACnB,IAAI,CAAA;gCACc,KAAK,cAAc,KAAK,KAAK,MAAM,CAAC,KAAK;oBACrD,MAAM,CAAC,CAAC,CAAC,KAAK,CAAC;;eAEpB,CACJ;;;;QAIH,OAAO;QACP,CAAC,CAAC,EAAE;QACJ,CAAC,CAAC,IAAI,CAAA;;;;gBAIE,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC;;;cAGxB,MAAM,CAAC,SAAS;YAChB,CAAC,CAAC,IAAI,CAAA;;iCAEa,MAAM,CAAC,CAAC,CAAC,QAAQ,CAAC;;6BAEtB,GAAG,EAAE,CAAC,MAAM,CAAC,QAAQ,CAAC,EAAE,CAAC;;;;;;;;;iBASrC;YACH,CAAC,CAAC,EAAE;WACP;;GAER,CAAC;AACJ,CAAC","sourcesContent":["import { TemplateResult, html } from 'lit-html';\n\nimport { I18n } from '../../I18n/I18n';\nimport { classMap } from '../../../../utils/class-map';\n\nexport type SelectParams = {\n  clearable?: boolean;\n  label: string;\n  value: string;\n  list?: { label: string; value: string }[];\n  t: I18n['t'];\n  onChange: (newValue: string) => void;\n};\n\nexport function Select(params: SelectParams): TemplateResult {\n  const isEmpty = params.list?.every(v => v.value !== params.value) ?? true;\n\n  return html`\n    <label\n      class=\"flex items-center cursor-pointer transition-colors group text-tertiary hover-bg-contrast-5\"\n    >\n      <div class=\"relative flex-1 min-w-0 overflow-hidden\">\n        <select\n          class=${classMap({\n            'cursor-pointer bg-transparent relative appearance-none flex h-m px-s': true,\n            'font-medium w-full max-w-full whitespace-nowrap focus-outline-none': true,\n            'text-tertiary': isEmpty,\n            'text-body': !isEmpty,\n          })}\n          @change=${(evt: Event) => {\n            const select = evt.currentTarget as HTMLSelectElement;\n            const value = select.options[select.options.selectedIndex].value;\n            params.onChange(value);\n          }}\n        >\n          ${isEmpty\n            ? html`\n                <option value=\"\" disabled ?selected=${isEmpty}>${params.t(params.label)}</option>\n              `\n            : ''}\n          ${params.list?.map(\n            ({ label, value }) =>\n              html`\n                <option value=${value} ?selected=${value === params.value}>\n                  ${params.t(label)}\n                </option>\n              `\n          )}\n        </select>\n      </div>\n\n      ${isEmpty\n        ? ''\n        : html`\n            <span\n              class=\"font-tnum text-xs font-medium border mr-s px-xs rounded-s border-current inline-block\"\n            >\n              ${params.t(params.label)}\n            </span>\n\n            ${params.clearable\n              ? html`\n                  <button\n                    aria-label=${params.t('delete')}\n                    class=\"w-s h-s mr-xs text-body flex items-center justify-center transition-colors rounded-full focus-outline-none focus-ring-2 focus-ring-primary-50 hover-bg-contrast-5 hover-text-error\"\n                    @click=${() => params.onChange('')}\n                  >\n                    <iron-icon\n                      aria-hidden=\"true\"\n                      class=\"icon-inline text-l\"\n                      icon=\"icons:remove-circle-outline\"\n                    >\n                    </iron-icon>\n                  </button>\n                `\n              : ''}\n          `}\n    </label>\n  `;\n}\n"]}

package/dist/elements/public/ReportForm/ReportForm.js

@@ -372,7 +372,7 @@ export class ReportForm extends Base {
 
         <vaadin-button
           data-testid="delete"
-          theme="primary error"
+          theme="error"
           class="w-full"
           ?disabled=${!this.in('idle') || this.disabledSelector.matches('delete', true)}
           @click=${(evt) => {

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

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

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

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

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

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