@foxy.io/elements 1.17.0 → 1.18.0-beta.10

package/dist/cdn/translations/item-category-form/en.json

@@ -0,0 +1,196 @@
+{
+  "name": {
+    "label": "Name",
+    "placeholder": "Books",
+    "helper_text": "Category description for admins.",
+    "v8n_required": "Item category name is required",
+    "v8n_too_long": "Item category name can't exceed 50 characters"
+  },
+  "code": {
+    "label": "Code",
+    "placeholder": "MY_BOOKS_CATEGORY",
+    "helper_text": "Unique identifier for the cart.",
+    "v8n_required": "Item category code is required",
+    "v8n_too_long": "Item categoty code can't exceed 50 characters"
+  },
+  "taxes": {
+    "title": "Taxes",
+    "helper_text": "Select taxes that will apply to the products in this category. Changes here are saved immediately.",
+    "pagination": {
+      "first": "First",
+      "last": "Last",
+      "next": "Next",
+      "pagination": "{{from}}-{{to}} out of {{total}}",
+      "previous": "Previous",
+      "tax-card": {
+        "percent": "{{fraction, percent}}",
+        "tax_global": "Global tax",
+        "tax_rate_provider_default": "Default (Thomson Reuters; others)",
+        "tax_union": "European Union tax",
+        "spinner": {
+          "loading_busy": "Loading",
+          "loading_empty": "No data",
+          "loading_error": "Failed to load"
+        }
+      }
+    }
+  },
+  "item-delivery-type": {
+    "label": "Delivery",
+    "option_shipped": "Shipped using live rates",
+    "option_flat_rate": "Shipped using a flat rate",
+    "option_downloaded": "Downloaded by the customer",
+    "option_pickup": "Picked up by the customer",
+    "option_notshipped": "Not shipped",
+    "placeholder": "Not shipped",
+    "helper_text": "",
+    "v8n_required": "Please select a delivery type"
+  },
+  "default-weight": {
+    "label": "Default weight",
+    "placeholder": "1",
+    "helper_text": "",
+    "v8n_required": "This field is required",
+    "v8n_negative": "Please enter a positive number"
+  },
+  "default-weight-unit": {
+    "label": "Default weight unit",
+    "placeholder": "Select...",
+    "option_kgs": "KG",
+    "option_lbs": "LG",
+    "helper_text": "",
+    "v8n_required": "Please select a unit"
+  },
+  "default-length-unit": {
+    "label": "Default length unit",
+    "placeholder": "Select...",
+    "option_cm": "CM",
+    "option_in": "IN",
+    "helper_text": "",
+    "v8n_required": "Please select a unit"
+  },
+  "max-downloads-per-customer": {
+    "label": "Max downloads",
+    "placeholder": "3",
+    "helper_text": "",
+    "v8n_required": "This field is required",
+    "v8n_negative": "Please enter a positive number"
+  },
+  "max-downloads-time-period": {
+    "label": "Access duration (hrs)",
+    "placeholder": "24",
+    "helper_text": "",
+    "v8n_required": "This field is required",
+    "v8n_negative": "Please enter a positive number"
+  },
+  "shipping-flat-rate": {
+    "label": "Rate",
+    "placeholder": "0",
+    "helper_text": "",
+    "v8n_required": "This field is required",
+    "v8n_negative": "Please enter a positive number"
+  },
+  "shipping-flat-rate-type": {
+    "label": "Applies",
+    "placeholder": "Select...",
+    "option_per_order": "Per order",
+    "option_per_shipment": "Per shipment",
+    "helper_text": "",
+    "v8n_required": "Please select a value"
+  },
+  "customs-value": {
+    "label": "Customs value",
+    "placeholder": "0",
+    "helper_text": "Enter a dollar amount here for the declared customs value for international shipments. If you leave this blank, the sale price of the item will be used.",
+    "v8n_negative": "Please enter a positive number"
+  },
+  "handling-fee-type": {
+    "label": "Handling fee",
+    "option_none": "No handling fee",
+    "option_flat_per_order": "Flat fee per shipment",
+    "option_flat_per_item": "Flat fee per product",
+    "option_flat_percent": "Flat fee per shipment + % of price",
+    "option_flat_percent_with_minimum": "Flat fee per shipment or % of price, whichever is greater",
+    "placeholder": "No handling fee",
+    "helper_text": "",
+    "v8n_required": "Please select a value"
+  },
+  "handling-fee": {
+    "label": "Amount",
+    "placeholder": "0",
+    "helper_text": "",
+    "v8n_required": "This field is required",
+    "v8n_negative": "Please enter a positive number"
+  },
+  "handling-fee-minimum": {
+    "label": "Minimum fee",
+    "placeholder": "0",
+    "helper_text": "",
+    "v8n_required": "This field is required",
+    "v8n_negative": "Please enter a positive number"
+  },
+  "handling-fee-percentage": {
+    "label": "Percentage of price",
+    "placeholder": "0",
+    "helper_text": "",
+    "v8n_required": "This field is required",
+    "v8n_negative": "Please enter a positive number"
+  },
+  "discount-name": {
+    "label": "Discount",
+    "placeholder": "Name your discount to open the builder",
+    "helper_text": ""
+  },
+  "discount-builder": {
+    "tier": "Tier",
+    "tier_by": "by",
+    "tier_if": "if",
+    "tier_allunits": "price of each item",
+    "tier_incremental": "price of additional items",
+    "tier_repeat": "price of next item",
+    "tier_single": "order total",
+    "tier_then": "then",
+    "quantity": "quantity",
+    "total": "total",
+    "reduce": "reduce",
+    "increase": "increase"
+  },
+  "admin-email-template-uri": {
+    "label": "Email to admin",
+    "placeholder": "None (don't send)",
+    "helper_text": ""
+  },
+  "admin-email": {
+    "label": "Send to",
+    "placeholder": "admin@example.com",
+    "helper_text": "",
+    "v8n_required": "Please enter an email"
+  },
+  "customer-email-template-uri": {
+    "label": "Email to customer",
+    "placeholder": "None (don't send)",
+    "helper_text": ""
+  },
+  "gift-recipient-email-template-uri": {
+    "label": "Email to gift recipient",
+    "placeholder": "None (don't send)",
+    "helper_text": ""
+  },
+  "timestamps": {
+    "date_created": "Created on",
+    "date_modified": "Last updated",
+    "date": "{{value, date}}"
+  },
+  "delete": {
+    "delete": "Delete",
+    "cancel": "Cancel",
+    "delete_prompt": "Are you sure you'd like to remove this item category? You won't be able to bring it back."
+  },
+  "create": {
+    "create": "Create"
+  },
+  "spinner": {
+    "loading_busy": "Loading",
+    "loading_error": "Failed to load"
+  }
+}

package/dist/cdn/translations/payments-api-fraud-protection-card/en.json

@@ -0,0 +1,10 @@
+{
+  "image_alt": "Fraud protection logo",
+  "title_description": "Fraud protection name and/or status",
+  "subtitle_description": "Fraud protection description",
+  "spinner": {
+    "loading_busy": "Loading",
+    "loading_empty": "No data",
+    "loading_error": "Failed to load"
+  }
+}

package/dist/cdn/translations/payments-api-fraud-protection-form/en.json

@@ -0,0 +1,34 @@
+{
+  "default_additional_field_placeholder": "None",
+  "select_protection_title": "Select a fraud protection type to get started",
+  "select_another_button_label": "Back to fraud protections",
+  "score-threshold-reject": {
+    "label": "Rejection threshold",
+    "placeholder": "Default",
+    "helper_text": "A number between 0 and 100. 0 will disable minFraud and 100 will turn it on for logging but still allow all transactions to go through.",
+    "v8n_out_of_range": "Please enter a whole number between 0 and 100 (inclusive)."
+  },
+  "description": {
+    "label": "Description",
+    "placeholder": "None",
+    "helper_text": "",
+    "v8n_too_long": "Please reduce this description to a 100 characters or less"
+  },
+  "timestamps": {
+    "date_created": "Created on",
+    "date_modified": "Last updated",
+    "date": "{{value, date}}"
+  },
+  "spinner": {
+    "loading_busy": "Loading",
+    "loading_error": "Failed to load"
+  },
+  "delete": {
+    "delete": "Remove",
+    "cancel": "Cancel",
+    "delete_prompt": "Are you sure you'd like to remove this fraud protection? You'll need to configure it again if you decide to add it back."
+  },
+  "create": {
+    "create": "Add fraud protection"
+  }
+}

package/dist/cdn/translations/payments-api-payment-method-card/en.json

@@ -0,0 +1,10 @@
+{
+  "image_alt": "Payment gateway logo",
+  "title_description": "Payment gateway description",
+  "subtitle_description": "Payment gateway name",
+  "spinner": {
+    "loading_busy": "Loading",
+    "loading_empty": "No data",
+    "loading_error": "Failed to load"
+  }
+}

package/dist/cdn/translations/payments-api-payment-method-form/en.json

@@ -0,0 +1,61 @@
+{
+  "select_method_title": "Select a payment method to get started",
+  "select_another_button_label": "Back to payment methods",
+  "default_additional_field_placeholder": "None",
+  "conflict_message": "Remove {{ name }} to use this method",
+  "tab_live": "Live setup",
+  "tab_test": "Test setup",
+  "account-id": {
+    "label": "Account ID"
+  },
+  "account-key": {
+    "label": "Account Key"
+  },
+  "third-party-key": {
+    "label": "3rd-party key"
+  },
+  "test-account-id": {
+    "label": "Account ID"
+  },
+  "test-account-key": {
+    "label": "Account Key"
+  },
+  "test-third-party-key": {
+    "label": "3rd-party key"
+  },
+  "three-d-secure-toggle": {
+    "label": "3D Secure",
+    "option_off": "Off",
+    "option_all_cards": "On for all cards",
+    "option_maestro_only": "On for Maestro cards",
+    "helper_text": ""
+  },
+  "three-d-secure-response": {
+    "label": "3D Secure Response",
+    "option_valid_only": "Require valid response",
+    "helper_text": ""
+  },
+  "description": {
+    "label": "Description",
+    "placeholder": "Defaults to the gateway name",
+    "helper_text": "",
+    "v8n_too_long": "Please reduce this description to a 100 characters or less"
+  },
+  "timestamps": {
+    "date_created": "Created on",
+    "date_modified": "Last updated",
+    "date": "{{value, date}}"
+  },
+  "spinner": {
+    "loading_busy": "Loading",
+    "loading_error": "Failed to load"
+  },
+  "delete": {
+    "delete": "Remove",
+    "cancel": "Cancel",
+    "delete_prompt": "Are you sure you'd like to remove this payment method? You'll need to configure it again if you decide to bring it back."
+  },
+  "create": {
+    "create": "Create"
+  }
+}

package/dist/cdn/translations/payments-api-payment-preset-card/en.json

@@ -0,0 +1,11 @@
+{
+  "description_title": "Description",
+  "status_title": "Status",
+  "status_test": "Test",
+  "status_live": "Live",
+  "spinner": {
+    "loading_busy": "Loading",
+    "loading_empty": "No data",
+    "loading_error": "Failed to load"
+  }
+}

package/dist/cdn/translations/payments-api-payment-preset-form/en.json

@@ -0,0 +1,84 @@
+{
+  "description": {
+    "label": "Description",
+    "placeholder": "E.g. EU & UK Payment Options",
+    "helper_text": "",
+    "v8n_required": "Please describe this payment method set",
+    "v8n_too_long": "Please reduce this description to a 100 characters or less"
+  },
+  "is-live": {
+    "label": "",
+    "option_live": "Use live credentials",
+    "helper_text": ""
+  },
+  "is-purchase-order-enabled": {
+    "label": "",
+    "option_true": "Allow purchase orders",
+    "helper_text": ""
+  },
+  "payment-methods": {
+    "delete_header": "Remove payment method",
+    "delete_message": "Are you sure you'd like to remove this payment method? You'll need to configure it again if you decide to bring it back.",
+    "delete_confirm": "Remove",
+    "delete_cancel": "Cancel",
+    "title": "Payment methods",
+    "dialog": {
+      "header_update": "Payment method",
+      "header_create": "New payment method",
+      "close": "Close",
+      "cancel": "Cancel",
+      "save": "Save",
+      "undo_header": "Unsaved changes",
+      "undo_message": "Looks like you didn't save your changes! What would you like to do with them?",
+      "undo_cancel": "Review",
+      "undo_confirm": "Discard"
+    },
+    "pagination": {
+      "create_button_text": "Add payment method",
+      "card": {
+        "delete_button_text": "Remove"
+      }
+    }
+  },
+  "fraud-protections": {
+    "delete_header": "Remove fraud protection",
+    "delete_message": "Are you sure you'd like to remove this fraud protection? You'll need to configure it again if you decide to bring it back.",
+    "delete_confirm": "Remove",
+    "delete_cancel": "Cancel",
+    "title": "Fraud protections",
+    "dialog": {
+      "header_update": "Fraud protection",
+      "header_create": "New fraud protection",
+      "close": "Close",
+      "cancel": "Cancel",
+      "save": "Save",
+      "undo_header": "Unsaved changes",
+      "undo_message": "Looks like you didn't save your changes! What would you like to do with them?",
+      "undo_cancel": "Review",
+      "undo_confirm": "Discard"
+    },
+    "pagination": {
+      "create_button_text": "Add fraud protection",
+      "card": {
+        "delete_button_text": "Remove"
+      }
+    }
+  },
+  "timestamps": {
+    "date_created": "Created on",
+    "date_modified": "Last updated",
+    "date": "{{value, date}}"
+  },
+  "spinner": {
+    "loading_busy": "Loading",
+    "loading_error": "Failed to load"
+  },
+  "delete": {
+    "delete": "Delete",
+    "cancel": "Cancel",
+    "delete_prompt": "Are you sure you'd like to remove this payment method set? You won't be able to bring it back."
+  },
+  "create": {
+    "create": "Create"
+  }
+}

package/dist/cdn/translations/store-shipping-method-form/en.json

@@ -0,0 +1,90 @@
+{
+  "shipping-method-uri": {
+    "label": "Shipping Method",
+    "placeholder": "Select service",
+    "helper_text": "",
+    "required": "Please select a shipping method."
+  },
+  "shipping-container-uri": {
+    "label": "Container",
+    "placeholder": "Select container",
+    "helper_text": "",
+    "required": "Please select a shipping method."
+  },
+  "shipping-drop-type-uri": {
+    "label": "Drop Type",
+    "placeholder": "Select pickup",
+    "helper_text": "",
+    "required": "Please select a drop type."
+  },
+  "destinations": {
+    "label": "Destinations",
+    "domestic": "Domestic",
+    "international": "International",
+    "helper_text": ""
+  },
+  "authentication-key": {
+    "label": "Authentication Key",
+    "placeholder": "N/A",
+    "helper_text": "If using account specific rates, enter your shipping account authentication key here, if applicable.",
+    "too_long": "Authentication key must be 50 characters or less."
+  },
+  "meter-number": {
+    "label": "Meter Number",
+    "placeholder": "N/A",
+    "helper_text": "If using account specific rates, enter your shipping account meter number here, if applicable.",
+    "too_long": "Meter number must be 50 characters or less."
+  },
+  "accountid": {
+    "label": "Account ID",
+    "placeholder": "N/A",
+    "helper_text": "If using account specific rates, enter your shipping account id here.",
+    "too_long": "Account ID must be 50 characters or less."
+  },
+  "endpoint": {
+    "label": "Endpoint URL",
+    "placeholder": "https://example.com/rates",
+    "helper_text": "Enter a URL that we'll poll for shipping rates.",
+    "required": "Please enter a valid endpoint URL."
+  },
+  "password": {
+    "label": "Password",
+    "placeholder": "N/A",
+    "helper_text": "If using account specific rates, enter your shipping account password here.",
+    "too_long": "Password must be 50 characters or less."
+  },
+  "custom-code": {
+    "label": "Custom Code",
+    "placeholder": "Paste your code here",
+    "helper_text": "JavaScript used to create and modify shipping rates.",
+    "too_long": "Please reduce the size of your custom code to 64KB or less."
+  },
+  "services": {
+    "header": "Additional services",
+    "first": "First",
+    "last": "Last",
+    "next": "Next",
+    "pagination": "{{from}}-{{to}} out of {{total}}",
+    "previous": "Previous",
+    "loading_busy": "Loading",
+    "loading_error": "Failed to load",
+    "international_only": "– international only"
+  },
+  "timestamps": {
+    "date_created": "Created on",
+    "date_modified": "Last updated",
+    "date": "{{value, date}}"
+  },
+  "delete": {
+    "delete": "Delete",
+    "cancel": "Cancel",
+    "delete_prompt": "Are you sure you'd like to remove this shipping method? You won't be able to undo if you click Delete."
+  },
+  "create": {
+    "create": "Create"
+  },
+  "spinner": {
+    "loading_busy": "Loading",
+    "loading_error": "Failed to load"
+  }
+}

package/dist/elements/internal/InternalAsyncComboBoxControl/InternalAsyncComboBoxControl.d.ts

@@ -1,3 +1,4 @@
+import type { ComboBoxItem } from '@vaadin/vaadin-combo-box';
 import type { TemplateResult } from 'lit-html';
 import { PropertyDeclarations } from 'lit-element';
 import { InternalEditableControl } from '../InternalEditableControl/InternalEditableControl';
@@ -14,9 +15,11 @@ export declare class InternalAsyncComboBoxControl extends InternalEditableContro
     itemLabelPath: string | null;
     /** Same as `itemValuePath` property of Vaadin's `ComboBoxElement`. */
     itemValuePath: string | null;
+    selectedItem: ComboBoxItem | string | undefined;
     /** URL of the first page of the hAPI collection serving as a source for items. */
     first: string | null;
     renderControl(): TemplateResult;
+    updated(changes: Map<keyof this, unknown>): void;
     protected get _value(): string;
     protected set _value(newValue: string);
 }

package/dist/elements/internal/InternalAsyncComboBoxControl/InternalAsyncComboBoxControl.js

@@ -16,6 +16,7 @@ export class InternalAsyncComboBoxControl extends InternalEditableControl {
         this.itemLabelPath = null;
         /** Same as `itemValuePath` property of Vaadin's `ComboBoxElement`. */
         this.itemValuePath = null;
+        this.selectedItem = undefined;
         /** URL of the first page of the hAPI collection serving as a source for items. */
         this.first = null;
     }
@@ -24,6 +25,7 @@ export class InternalAsyncComboBoxControl extends InternalEditableControl {
             ...super.properties,
             itemLabelPath: { type: String, attribute: 'item-label-path' },
             itemValuePath: { type: String, attribute: 'item-value-path' },
+            selectedItem: { attribute: false },
             first: { type: String },
         };
     }
@@ -57,17 +59,38 @@ export class InternalAsyncComboBoxControl extends InternalEditableControl {
         class="w-full"
         ?disabled=${this.disabled}
         ?readonly=${this.readonly}
+        clear-button-visible
         .checkValidity=${this._checkValidity}
         .dataProvider=${dataProvider}
+        .selectedItem=${this.selectedItem}
         .value=${this._value}
         @change=${(evt) => {
+            evt.stopPropagation();
             const comboBox = evt.currentTarget;
             this._value = comboBox.value;
+            if (this._value === comboBox.value) {
+                this.selectedItem = comboBox.selectedItem;
+                this.dispatchEvent(new CustomEvent('selected-item-changed'));
+            }
+            else {
+                comboBox.value = this._value;
+            }
         }}
       >
       </vaadin-combo-box>
     `;
     }
+    updated(changes) {
+        super.updated(changes);
+        if (changes.has('first')) {
+            const comboBox = this.renderRoot.querySelector('vaadin-combo-box');
+            // this forces reload
+            if (comboBox) {
+                comboBox.size = 0;
+                comboBox.size = 1;
+            }
+        }
+    }
     get _value() {
         var _a;
         return (_a = super._value) !== null && _a !== void 0 ? _a : '';

package/dist/elements/internal/InternalAsyncComboBoxControl/InternalAsyncComboBoxControl.js.map

@@ -1 +1 @@
-{"version":3,"file":"InternalAsyncComboBoxControl.js","sourceRoot":"","sources":["../../../../src/elements/internal/InternalAsyncComboBoxControl/InternalAsyncComboBoxControl.ts"],"names":[],"mappings":"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","sourcesContent":["import type { ComboBoxDataProvider, ComboBoxElement } from '@vaadin/vaadin-combo-box';\nimport type { TemplateResult } from 'lit-html';\n\nimport { PropertyDeclarations } from 'lit-element';\nimport { ifDefined } from 'lit-html/directives/if-defined';\nimport { html } from 'lit-html';\n\nimport { InternalEditableControl } from '../InternalEditableControl/InternalEditableControl';\nimport { API } from '../../public/NucleonElement/API';\n\n/**\n * Internal control displaying a combo box where items are loaded from\n * a hAPI collection.\n *\n * @since 1.17.0\n * @element foxy-internal-async-combo-box-control\n */\nexport class InternalAsyncComboBoxControl extends InternalEditableControl {\n  static get properties(): PropertyDeclarations {\n    return {\n      ...super.properties,\n      itemLabelPath: { type: String, attribute: 'item-label-path' },\n      itemValuePath: { type: String, attribute: 'item-value-path' },\n      first: { type: String },\n    };\n  }\n\n  /** Same as `itemLabelPath` property of Vaadin's `ComboBoxElement`. */\n  itemLabelPath: string | null = null;\n\n  /** Same as `itemValuePath` property of Vaadin's `ComboBoxElement`. */\n  itemValuePath: string | null = null;\n\n  /** URL of the first page of the hAPI collection serving as a source for items. */\n  first: string | null = null;\n\n  renderControl(): TemplateResult {\n    const dataProvider: ComboBoxDataProvider = async (params, callback) => {\n      if (!this.first) return callback([], 0);\n\n      const url = new URL(this.first);\n      url.searchParams.set('offset', String(params.page * params.pageSize));\n      url.searchParams.set('limit', String(params.pageSize));\n\n      if (params.filter && this.itemLabelPath) {\n        url.searchParams.set(this.itemLabelPath, `*${params.filter}*`);\n      }\n\n      const response = await new API(this).fetch(url.toString());\n      if (!response.ok) throw new Error(await response.text());\n\n      const json = await response.json();\n      const items = Array.from(Object.values(json._embedded))[0] as unknown[];\n\n      callback(items, json.total_items);\n    };\n\n    return html`\n      <vaadin-combo-box\n        item-value-path=${ifDefined(this.itemValuePath ?? undefined)}\n        item-label-path=${ifDefined(this.itemLabelPath ?? undefined)}\n        error-message=${ifDefined(this._errorMessage)}\n        item-id-path=\"_links.self.href\"\n        helper-text=${this.helperText}\n        placeholder=${this.placeholder}\n        label=${this.label}\n        class=\"w-full\"\n        ?disabled=${this.disabled}\n        ?readonly=${this.readonly}\n        .checkValidity=${this._checkValidity}\n        .dataProvider=${dataProvider}\n        .value=${this._value}\n        @change=${(evt: CustomEvent) => {\n          const comboBox = evt.currentTarget as ComboBoxElement;\n          this._value = comboBox.value;\n        }}\n      >\n      </vaadin-combo-box>\n    `;\n  }\n\n  protected get _value(): string {\n    return (super._value as string | undefined) ?? '';\n  }\n\n  protected set _value(newValue: string) {\n    super._value = newValue as unknown | undefined;\n  }\n}\n"]}
+{"version":3,"file":"InternalAsyncComboBoxControl.js","sourceRoot":"","sources":["../../../../src/elements/internal/InternalAsyncComboBoxControl/InternalAsyncComboBoxControl.ts"],"names":[],"mappings":"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","sourcesContent":["import type { ComboBoxDataProvider, ComboBoxElement, ComboBoxItem } from '@vaadin/vaadin-combo-box';\nimport type { TemplateResult } from 'lit-html';\n\nimport { PropertyDeclarations } from 'lit-element';\nimport { ifDefined } from 'lit-html/directives/if-defined';\nimport { html } from 'lit-html';\n\nimport { InternalEditableControl } from '../InternalEditableControl/InternalEditableControl';\nimport { API } from '../../public/NucleonElement/API';\n\n/**\n * Internal control displaying a combo box where items are loaded from\n * a hAPI collection.\n *\n * @since 1.17.0\n * @element foxy-internal-async-combo-box-control\n */\nexport class InternalAsyncComboBoxControl extends InternalEditableControl {\n  static get properties(): PropertyDeclarations {\n    return {\n      ...super.properties,\n      itemLabelPath: { type: String, attribute: 'item-label-path' },\n      itemValuePath: { type: String, attribute: 'item-value-path' },\n      selectedItem: { attribute: false },\n      first: { type: String },\n    };\n  }\n\n  /** Same as `itemLabelPath` property of Vaadin's `ComboBoxElement`. */\n  itemLabelPath: string | null = null;\n\n  /** Same as `itemValuePath` property of Vaadin's `ComboBoxElement`. */\n  itemValuePath: string | null = null;\n\n  selectedItem: ComboBoxItem | string | undefined = undefined;\n\n  /** URL of the first page of the hAPI collection serving as a source for items. */\n  first: string | null = null;\n\n  renderControl(): TemplateResult {\n    const dataProvider: ComboBoxDataProvider = async (params, callback) => {\n      if (!this.first) return callback([], 0);\n\n      const url = new URL(this.first);\n      url.searchParams.set('offset', String(params.page * params.pageSize));\n      url.searchParams.set('limit', String(params.pageSize));\n\n      if (params.filter && this.itemLabelPath) {\n        url.searchParams.set(this.itemLabelPath, `*${params.filter}*`);\n      }\n\n      const response = await new API(this).fetch(url.toString());\n      if (!response.ok) throw new Error(await response.text());\n\n      const json = await response.json();\n      const items = Array.from(Object.values(json._embedded))[0] as unknown[];\n\n      callback(items, json.total_items);\n    };\n\n    return html`\n      <vaadin-combo-box\n        item-value-path=${ifDefined(this.itemValuePath ?? undefined)}\n        item-label-path=${ifDefined(this.itemLabelPath ?? undefined)}\n        error-message=${ifDefined(this._errorMessage)}\n        item-id-path=\"_links.self.href\"\n        helper-text=${this.helperText}\n        placeholder=${this.placeholder}\n        label=${this.label}\n        class=\"w-full\"\n        ?disabled=${this.disabled}\n        ?readonly=${this.readonly}\n        clear-button-visible\n        .checkValidity=${this._checkValidity}\n        .dataProvider=${dataProvider}\n        .selectedItem=${this.selectedItem}\n        .value=${this._value}\n        @change=${(evt: CustomEvent) => {\n          evt.stopPropagation();\n\n          const comboBox = evt.currentTarget as ComboBoxElement;\n          this._value = comboBox.value;\n\n          if (this._value === comboBox.value) {\n            this.selectedItem = comboBox.selectedItem;\n            this.dispatchEvent(new CustomEvent('selected-item-changed'));\n          } else {\n            comboBox.value = this._value;\n          }\n        }}\n      >\n      </vaadin-combo-box>\n    `;\n  }\n\n  updated(changes: Map<keyof this, unknown>): void {\n    super.updated(changes);\n\n    if (changes.has('first')) {\n      const comboBox = this.renderRoot.querySelector<ComboBoxElement>('vaadin-combo-box');\n\n      // this forces reload\n      if (comboBox) {\n        comboBox.size = 0;\n        comboBox.size = 1;\n      }\n    }\n  }\n\n  protected get _value(): string {\n    return (super._value as string | undefined) ?? '';\n  }\n\n  protected set _value(newValue: string) {\n    super._value = newValue as unknown | undefined;\n  }\n}\n"]}

package/dist/elements/internal/InternalAsyncDetailsControl/InternalAsyncDetailsControl.js

@@ -131,7 +131,9 @@ export class InternalAsyncDetailsControl extends InternalControl {
         if (((_a = this.__cachedCardRenderer) === null || _a === void 0 ? void 0 : _a.item) !== this.item) {
             this.__cachedCardRenderer = {
                 item: this.item,
-                render: new Function('ctx', `return ctx.html\`<${this.item} related=\${JSON.stringify(ctx.related)} parent=\${ctx.parent} class="p-m" infer href=\${ctx.href}></${this.item}>\``),
+                render: typeof this.item === 'string'
+                    ? new Function('ctx', `return ctx.html\`<${this.item} related=\${JSON.stringify(ctx.related)} parent=\${ctx.parent} class="p-m" infer href=\${ctx.href}></${this.item}>\``)
+                    : this.item,
             };
         }
         return this.__cachedCardRenderer.render;