@foxy.io/elements 1.18.0-beta.8 → 1.19.0

package/dist/cdn/translations/customer-portal/en.json

@@ -78,6 +78,8 @@
       "first_name": "First name",
       "invalid_credential_error": "Incorrect password. Please make sure you've entered your current or temporary password and try again.",
       "last_name": "Last name",
+      "new_password": "New password",
+      "password": "Password",
       "sign_in": "Continue",
       "tax_id": "Tax ID",
       "undo_cancel": "Review",
@@ -88,8 +90,6 @@
       "v8n_required": "Required",
       "v8n_too_long": "Too long",
       "sign-in-form": {
-        "new_password": "New password",
-        "password": "Password",
         "spinner": {
           "loading_busy": "Loading",
           "loading_error": "Failed to load"

package/dist/cdn/translations/customer-portal/es.json

@@ -78,6 +78,8 @@
       "first_name": "Vorname",
       "invalid_credential_error": "Contraseña incorrecta. Asegúrese de haber ingresado su contraseña actual o temporal y vuelva a intentarlo.",
       "last_name": "Nachname",
+      "new_password": "Nueva contraseña",
+      "password": "Contraseña",
       "sign_in": "Continuar",
       "tax_id": "Número de identificación fiscal",
       "undo_cancel": "Revisar",
@@ -88,8 +90,6 @@
       "v8n_required": "Obligatorio",
       "v8n_too_long": "Demasiado largo",
       "sign-in-form": {
-        "new_password": "Nueva contraseña",
-        "password": "Contraseña",
         "spinner": {
           "loading_busy": "Cargando",
           "loading_error": "No se pudo cargar"

package/dist/cdn/translations/customer-portal/nl.json

@@ -0,0 +1,223 @@
+{
+  "access-recovery-form": {
+    "back": "Terug",
+    "email": "E-mail",
+    "recover_access": "Ontvang een eenmalige code",
+    "recover_access_hint": "Vul je e-mailadres in en we sturen je een tijdelijk wachtwoord.",
+    "recover_access_success": "Klaar! Controleer je e-mail voor verdere instructies.",
+    "unknown_error": "We kunnen op dit moment geen eenmalige code doorsturen voor dit account. Als je de code al hebt aangevraagd, wacht dan een paar minuten voordat je het opnieuw probeert.",
+    "v8n_invalid_email": "Ongeldig e-mailadres",
+    "v8n_required": "Verplicht",
+    "spinner": {
+      "loading_busy": "Bezig met laden",
+      "loading_error": "Laden mislukt"
+    }
+  },
+  "customer": {
+    "address_plural": "Adressen",
+    "cancel": "Annuleren",
+    "close": "Sluiten",
+    "payment_method_plural": "Betaalwijzen",
+    "save": "Opslaan",
+    "subscription_plural": "Abonnementen",
+    "transaction_plural": "Transacties",
+    "undo_cancel": "Herzien",
+    "undo_confirm": "Ongedaan maken",
+    "undo_header": "Niet-opgeslagen wijzigingen",
+    "undo_message": "Het lijkt erop dat je je wijzigingen niet hebt opgeslagen! Wat zou je met ze willen doen?",
+    "update": "Update",
+    "address-card": {
+      "default_billing_address": "Standaard factuuradres",
+      "default_shipping_address": "Standaard verzendadres",
+      "full_address": "{{address1}} {{address2}} {{city}} {{region}} {{postal_code}}",
+      "full_name": "{{first_name}} {{last_name}}",
+      "spinner": {
+        "loading_busy": "Bezig met laden",
+        "loading_empty": "Geen adressen",
+        "loading_end": "Geen gegevens meer",
+        "loading_error": "Laden mislukt"
+      }
+    },
+    "address-form": {
+      "address_name": "Adres naam",
+      "address1": "Adres regel 1",
+      "address2": "Adres regel 2",
+      "cancel": "Annuleren",
+      "city": "Stad",
+      "company": "Bedrijf",
+      "country": "Land",
+      "date": "{{value, date}}",
+      "date_created": "Gemaakt op",
+      "date_modified": "Laatst bijgewerkt",
+      "delete": "Verwijderen",
+      "delete_prompt": "Deze bron wordt permanent verwijderd. Weet je het zeker?",
+      "first_name": "Voornaam",
+      "last_name": "Achternaam",
+      "phone": "Telefoon",
+      "postal_code": "Postcode",
+      "region": "Regio",
+      "v8n_required": "Verplicht",
+      "v8n_too_long": "Te lang",
+      "spinner": {
+        "loading_busy": "Bezig met laden",
+        "loading_empty": "Geen gegevens",
+        "loading_error": "Laden mislukt"
+      }
+    },
+    "customer-form": {
+      "cancel": "Annuleren",
+      "change_password": "Verander je wachtwoord",
+      "change_password_step_1": "Laten we beginnen met je huidige wachtwoord. Een tijdelijk wachtwoord werkt ook als je er een hebt.",
+      "change_password_step_2": "Voer nu een nieuw wachtwoord in en klik op Doorgaan om de wijzigingen op je account toe te passen.",
+      "change_password_step_3": "Helemaal klaar! Je kan nu je nieuwe wachtwoord gebruiken bij het inloggen.",
+      "close": "Sluiten",
+      "date": "{{value, date}}",
+      "date_created": "Gemaakt op",
+      "date_modified": "Laatst bijgewerkt",
+      "email": "E-mail",
+      "first_name": "Voornaam",
+      "invalid_credential_error": "Incorrect wachtwoord. Zorg ervoor dat je je huidige of tijdelijke wachtwoord hebt ingevoerd en probeer het opnieuw.",
+      "last_name": "Achternaam",
+      "new_password": "Nieuw wachtwoord",
+      "password": "Wachtwoord",
+      "sign_in": "Doorgaan",
+      "tax_id": "BTW-nummer",
+      "undo_cancel": "Herzien",
+      "undo_confirm": "Ongedaan maken",
+      "undo_header": "Niet-opgeslagen wijzigingen",
+      "undo_message": "Het lijkt erop dat je je wijzigingen niet hebt opgeslagen! Wat zou je met ze willen doen?",
+      "v8n_invalid_email": "Ongeldig e-mailadres",
+      "v8n_required": "Verplicht",
+      "v8n_too_long": "Te lang",
+      "sign-in-form": {
+        "spinner": {
+          "loading_busy": "Bezig met laden",
+          "loading_error": "Laden mislukt"
+        }
+      },
+      "spinner": {
+        "loading_busy": "Bezig met laden",
+        "loading_empty": "Geen gegevens",
+        "loading_error": "Laden mislukt"
+      }
+    },
+    "payment-method-card": {
+      "cancel": "Annuleren",
+      "delete": "Verwijderen",
+      "delete_prompt": "Deze bron wordt permanent verwijderd. Weet je het zeker?",
+      "spinner": {
+        "loading_busy": "Bezig met laden",
+        "loading_empty": "Geen betaalwijzen",
+        "loading_error": "Laden mislukt"
+      }
+    },
+    "spinner": {
+      "loading_busy": "Bezig met laden",
+      "loading_error": "Laden mislukt"
+    },
+    "subscription-card": {
+      "daily": "Dagelijks",
+      "daily_plural": "Elke {{count}} dagen",
+      "frequency": "$t(customer.subscription-card.{{units}}, { \"count\": {{count}}, \"ns\": \"customer-portal\" })",
+      "monthly": "Maandelijks",
+      "monthly_plural": "Elke {{count}} maanden",
+      "price_recurring": "{{amount, price}} $t(customer.subscription-card.frequency, { \"count\": \"{{count}}\", \"units\": \"{{units}}\", \"ns\": \"customer-portal\" })",
+      "price_twice_a_month": "{{amount, price}} $t(customer.subscription-card.twice_a_month, { \"ns\": \"customer-portal\" })",
+      "subscription_active": "Volgende betaling op {{date, date}}",
+      "subscription_cancelled": "Eindigde op {{date, date}}",
+      "subscription_failed": "Betaling mislukt op {{date, date}}",
+      "subscription_inactive": "Inactief",
+      "subscription_will_be_cancelled": "Eindigt op {{date, date}}",
+      "transaction_summary": "{{most_expensive_item.name}}",
+      "twice_a_month": "Twee keer per maand",
+      "weekly": "Wekelijks",
+      "weekly_plural": "Elke {{count}} weken",
+      "yearly": "Jaarlijks",
+      "yearly_plural": "Elke {{count}} jaar",
+      "spinner": {
+        "loading_busy": "Bezig met laden",
+        "loading_empty": "Geen abonnementen",
+        "loading_end": "Geen gegevens meer",
+        "loading_error": "Laden mislukt"
+      }
+    },
+    "subscription-form": {
+      "daily": "Dagelijks",
+      "daily_plural": "Elke {{count}} dagen",
+      "end_subscription": "Abonnement beëindigen",
+      "frequency": "$t(customer.subscription-form.{{units}}, { \"count\": {{count}}, \"ns\": \"customer-portal\" })",
+      "frequency_label": "Frequentie",
+      "item_plural": "Artikelen",
+      "monthly": "Maandelijks",
+      "monthly_plural": "Elke {{count}} maanden",
+      "next_transaction_date": "Volgende transactiedatum",
+      "price_recurring": "{{amount, price}} $t(customer.subscription-form.frequency, { \"count\": \"{{count}}\", \"units\": \"{{units}}\", \"ns\": \"customer-portal\" })",
+      "price_twice_a_month": "{{amount, price}} $t(customer.subscription-form.twice_a_month, { \"ns\": \"customer-portal\" })",
+      "subscription_active": "Volgende betaling op {{date, date}}",
+      "subscription_cancelled": "Eindigde op {{date, date}}",
+      "subscription_failed": "Betaling mislukt op {{date, date}}",
+      "subscription_inactive": "Inactief",
+      "subscription_will_be_cancelled": "Eindigt op {{date, date}}",
+      "transaction_plural": "Transacties",
+      "twice_a_month": "Twee keer per maand",
+      "update_billing": "Factureringsgegevens bijwerken",
+      "update_items": "Bewerk",
+      "weekly": "Wekelijks",
+      "weekly_plural": "Elke {{count}} weken",
+      "yearly": "Jaarlijks",
+      "yearly_plural": "Elke {{count}} jaar",
+      "spinner": {
+        "loading_busy": "Bezig met laden",
+        "loading_error": "Laden mislukt"
+      },
+      "transactions-table": {
+        "date": "{{value, date}}",
+        "price": "{{amount, price}}",
+        "receipt": "Ontvangstbewijs",
+        "spinner": {
+          "loading_busy": "Bezig met laden",
+          "loading_empty": "Geen transacties",
+          "loading_error": "Laden mislukt"
+        }
+      }
+    },
+    "transactions-table": {
+      "date": "{{value, date}}",
+      "price": "{{amount, price}}",
+      "receipt": "Ontvangstbewijs",
+      "transaction_approved": "Goedgekeurd",
+      "transaction_authorized": "Geautoriseerd",
+      "transaction_captured": "Vastgelegd",
+      "transaction_completed": "Voltooid",
+      "transaction_declined": "Afgewezen",
+      "transaction_pending": "In behandeling",
+      "transaction_refunded": "Terugbetaald",
+      "transaction_rejected": "Afgewezen",
+      "transaction_summary": "{{most_expensive_item.name}}",
+      "transaction_summary_plural": "{{most_expensive_item.name}} en {{count}} meer",
+      "transaction_verified": "Geverifieerd",
+      "transaction_voided": "Ongeldig",
+      "spinner": {
+        "loading_busy": "Bezig met laden",
+        "loading_empty": "Geen transacties",
+        "loading_end": "Geen gegevens meer",
+        "loading_error": "Laden mislukt"
+      }
+    }
+  },
+  "sign-in-form": {
+    "email": "E-mail",
+    "invalid_credential_error": "Incorrect e-mailadres of wachtwoord. Controleer je inloggegevens en probeer het opnieuw.",
+    "password": "Wachtwoord",
+    "recover_access": "Ontvang een eenmalige code",
+    "sign_in": "Log in",
+    "sign_in_hint": "Vul uw e-mailadres en wachtwoord in",
+    "unknown_error": "Er is een onbekende fout opgetreden. Probeer het later opnieuw.",
+    "v8n_invalid_email": "Ongeldig e-mailadres",
+    "v8n_required": "Verplicht",
+    "spinner": {
+      "loading_busy": "Bezig met laden",
+      "loading_error": "Laden mislukt"
+    }
+  }
+}

package/dist/cdn/translations/customer-portal/pl.json

@@ -78,6 +78,8 @@
       "first_name": "Imię",
       "invalid_credential_error": "Niepoprawne hasło. Upewnij się, że wpisałeś swoje obecne lub tymczasowe hasło i spróbuj ponownie.",
       "last_name": "Nazwisko",
+      "new_password": "Nowe hasło",
+      "password": "Hasło",
       "sign_in": "Kontynuuj",
       "tax_id": "NIP",
       "undo_cancel": "Przegląd",
@@ -88,8 +90,6 @@
       "v8n_required": "Wymagany",
       "v8n_too_long": "Za długo",
       "sign-in-form": {
-        "new_password": "Nowe hasło",
-        "password": "Hasło",
         "spinner": {
           "loading_busy": "Ładowanie",
           "loading_error": "Nie udało się załadować"

package/dist/cdn/translations/customer-portal/se.json

@@ -78,6 +78,8 @@
       "first_name": "Förnamn",
       "invalid_credential_error": "Fel lösenord. Se till att du har angett ditt nuvarande eller tillfälliga lösenord och försök igen.",
       "last_name": "Efternamn",
+      "new_password": "Nytt lösenord",
+      "password": "Lösenord",
       "sign_in": "Fortsätt",
       "tax_id": "Moms ID",
       "undo_cancel": "Säkerställ info",
@@ -88,8 +90,6 @@
       "v8n_required": "Nödvänding",
       "v8n_too_long": "För lång",
       "sign-in-form": {
-        "new_password": "Nytt lösenord",
-        "password": "Lösenord",
         "spinner": {
           "loading_busy": "Laddar",
           "loading_error": "Lyckades inte ladda"

package/dist/cdn/translations/customer-portal/zh-hk.json

@@ -78,6 +78,8 @@
       "first_name": "名",
       "invalid_credential_error": "密碼錯誤。 請確保您已輸入現時或臨時密碼，然後重試。",
       "last_name": "姓",
+      "new_password": "新密碼",
+      "password": "密碼",
       "sign_in": "繼續",
       "tax_id": "稅務編號",
       "undo_cancel": "審核",
@@ -88,8 +90,6 @@
       "v8n_required": "必需的",
       "v8n_too_long": "太長",
       "sign-in-form": {
-        "new_password": "新密碼",
-        "password": "密碼",
         "spinner": {
           "loading_busy": "載入中",
           "loading_error": "加載失敗"

package/dist/cdn/translations/email-template-form/en.json

@@ -18,11 +18,6 @@
   "template_url": "From URL",
   "template_url_explainer": "Fetch the template from a public URL",
   "text_template": "Text template",
-  "template-language": {
-    "label": "Language",
-    "placeholder": "Default (Nunjucks)",
-    "helper_text": ""
-  },
   "spinner": {
     "loading_busy": "Loading",
     "loading_error": "Failed to load"

package/dist/cdn/translations/gift-card-code-form/en.json

@@ -12,38 +12,6 @@
   "end_date": "End date",
   "v8n_required": "Required",
   "v8n_too_long": "Too long",
-  "cart-item": {
-    "title": "Cart item",
-    "item-card": {
-      "price": "{{amount, price}}",
-      "wgt": "WGT",
-      "spinner": {
-        "loading_busy": "Loading",
-        "loading_empty": "No items",
-        "loading_error": "Failed to load"
-      }
-    }
-  },
-  "logs": {
-    "title": "Timeline",
-    "pagination": {
-      "first": "First",
-      "last": "Last",
-      "next": "Next",
-      "pagination": "{{from}}-{{to}} out of {{total}}",
-      "previous": "Previous",
-      "card": {
-        "status_updated_via_api": "Updated via API",
-        "status_used": "Used on checkout",
-        "title": "{{date, date}}",
-        "spinner": {
-          "loading_busy": "Loading",
-          "loading_empty": "No data",
-          "loading_error": "Failed to load"
-        }
-      }
-    }
-  },
   "spinner": {
     "loading_busy": "Loading",
     "loading_error": "Failed to load"

package/dist/cdn/translations/gift-card-form/en.json

@@ -215,31 +215,6 @@
   "week_plural": "Weeks",
   "year": "Year",
   "year_plural": "Years",
-  "provisioning": {
-    "toggle": {
-      "label": "Provisioning",
-      "text": "Allow customers to buy this gift card",
-      "helper_text": ""
-    },
-    "sku": {
-      "label": "SKU",
-      "placeholder": "E.g. 100_usd",
-      "helper_text": "You'll use this value to add this gift card to a customer's online cart.",
-      "v8n_required": "SKU is required for auto-provisioning"
-    },
-    "min-balance": {
-      "label": "Min balance",
-      "placeholder": "0",
-      "helper_text": "Customers won't be able to load this card with a balance less than this value.",
-      "v8n_negative": "Please enter a positive number"
-    },
-    "max-balance": {
-      "label": "Max balance",
-      "placeholder": "0",
-      "helper_text": "Customers won't be able to load this card with a balance greater than this value.",
-      "v8n_negative": "Please enter a positive number"
-    }
-  },
   "copy-to-clipboard": {
     "click_to_copy": "Click to copy",
     "copying": "Copying",
@@ -267,8 +242,8 @@
   },
   "gift-card-code-form": {
     "cancel": "Cancel",
-    "confirm": "Confirm",
     "code": "Code",
+    "confirm": "Confirm",
     "create": "Create",
     "current_balance": "Current balance",
     "date": "{{value, date}}",
@@ -279,38 +254,6 @@
     "end_date": "End date",
     "v8n_required": "Required",
     "v8n_too_long": "Too long",
-    "cart-item": {
-      "title": "Cart item",
-      "item-card": {
-        "price": "{{amount, price}}",
-        "wgt": "WGT",
-        "spinner": {
-          "loading_busy": "Loading",
-          "loading_empty": "No items",
-          "loading_error": "Failed to load"
-        }
-      }
-    },
-    "logs": {
-      "title": "Timeline",
-      "pagination": {
-        "first": "First",
-        "last": "Last",
-        "next": "Next",
-        "pagination": "{{from}}-{{to}} out of {{total}}",
-        "previous": "Previous",
-        "card": {
-          "status_updated_via_api": "Updated via API",
-          "status_used": "Used on checkout",
-          "title": "{{date, date}}",
-          "spinner": {
-            "loading_busy": "Loading",
-            "loading_empty": "No data",
-            "loading_error": "Failed to load"
-          }
-        }
-      }
-    },
     "spinner": {
       "loading_busy": "Loading",
       "loading_error": "Failed to load"

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

@@ -1,4 +1,3 @@
-import type { ComboBoxItem } from '@vaadin/vaadin-combo-box';
 import type { TemplateResult } from 'lit-html';
 import { PropertyDeclarations } from 'lit-element';
 import { InternalEditableControl } from '../InternalEditableControl/InternalEditableControl';
@@ -15,11 +14,9 @@ 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,7 +16,6 @@ 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;
     }
@@ -25,7 +24,6 @@ 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 },
         };
     }
@@ -59,38 +57,17 @@ 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, 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"]}
+{"version":3,"file":"InternalAsyncComboBoxControl.js","sourceRoot":"","sources":["../../../../src/elements/internal/InternalAsyncComboBoxControl/InternalAsyncComboBoxControl.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,SAAS,EAAE,MAAM,gCAAgC,CAAC;AAC3D,OAAO,EAAE,IAAI,EAAE,MAAM,UAAU,CAAC;AAEhC,OAAO,EAAE,uBAAuB,EAAE,8DAA2D;AAC7F,OAAO,EAAE,GAAG,EAAE,2CAAwC;AAEtD;;;;;;GAMG;AACH,MAAM,OAAO,4BAA6B,SAAQ,uBAAuB;IAAzE;;QAUE,sEAAsE;QACtE,kBAAa,GAAkB,IAAI,CAAC;QAEpC,sEAAsE;QACtE,kBAAa,GAAkB,IAAI,CAAC;QAEpC,kFAAkF;QAClF,UAAK,GAAkB,IAAI,CAAC;IAsD9B,CAAC;IAtEC,MAAM,KAAK,UAAU;QACnB,OAAO;YACL,GAAG,KAAK,CAAC,UAAU;YACnB,aAAa,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,SAAS,EAAE,iBAAiB,EAAE;YAC7D,aAAa,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,SAAS,EAAE,iBAAiB,EAAE;YAC7D,KAAK,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE;SACxB,CAAC;IACJ,CAAC;IAWD,aAAa;;QACX,MAAM,YAAY,GAAyB,KAAK,EAAE,MAAM,EAAE,QAAQ,EAAE,EAAE;YACpE,IAAI,CAAC,IAAI,CAAC,KAAK;gBAAE,OAAO,QAAQ,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC;YAExC,MAAM,GAAG,GAAG,IAAI,GAAG,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;YAChC,GAAG,CAAC,YAAY,CAAC,GAAG,CAAC,QAAQ,EAAE,MAAM,CAAC,MAAM,CAAC,IAAI,GAAG,MAAM,CAAC,QAAQ,CAAC,CAAC,CAAC;YACtE,GAAG,CAAC,YAAY,CAAC,GAAG,CAAC,OAAO,EAAE,MAAM,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAC,CAAC;YAEvD,IAAI,MAAM,CAAC,MAAM,IAAI,IAAI,CAAC,aAAa,EAAE;gBACvC,GAAG,CAAC,YAAY,CAAC,GAAG,CAAC,IAAI,CAAC,aAAa,EAAE,IAAI,MAAM,CAAC,MAAM,GAAG,CAAC,CAAC;aAChE;YAED,MAAM,QAAQ,GAAG,MAAM,IAAI,GAAG,CAAC,IAAI,CAAC,CAAC,KAAK,CAAC,GAAG,CAAC,QAAQ,EAAE,CAAC,CAAC;YAC3D,IAAI,CAAC,QAAQ,CAAC,EAAE;gBAAE,MAAM,IAAI,KAAK,CAAC,MAAM,QAAQ,CAAC,IAAI,EAAE,CAAC,CAAC;YAEzD,MAAM,IAAI,GAAG,MAAM,QAAQ,CAAC,IAAI,EAAE,CAAC;YACnC,MAAM,KAAK,GAAG,KAAK,CAAC,IAAI,CAAC,MAAM,CAAC,MAAM,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,CAAc,CAAC;YAExE,QAAQ,CAAC,KAAK,EAAE,IAAI,CAAC,WAAW,CAAC,CAAC;QACpC,CAAC,CAAC;QAEF,OAAO,IAAI,CAAA;;0BAEW,SAAS,OAAC,IAAI,CAAC,aAAa,mCAAI,SAAS,CAAC;0BAC1C,SAAS,OAAC,IAAI,CAAC,aAAa,mCAAI,SAAS,CAAC;wBAC5C,SAAS,CAAC,IAAI,CAAC,aAAa,CAAC;;sBAE/B,IAAI,CAAC,UAAU;sBACf,IAAI,CAAC,WAAW;gBACtB,IAAI,CAAC,KAAK;;oBAEN,IAAI,CAAC,QAAQ;oBACb,IAAI,CAAC,QAAQ;yBACR,IAAI,CAAC,cAAc;wBACpB,YAAY;iBACnB,IAAI,CAAC,MAAM;kBACV,CAAC,GAAgB,EAAE,EAAE;YAC7B,MAAM,QAAQ,GAAG,GAAG,CAAC,aAAgC,CAAC;YACtD,IAAI,CAAC,MAAM,GAAG,QAAQ,CAAC,KAAK,CAAC;QAC/B,CAAC;;;KAGJ,CAAC;IACJ,CAAC;IAED,IAAc,MAAM;;QAClB,aAAQ,KAAK,CAAC,MAA6B,mCAAI,EAAE,CAAC;IACpD,CAAC;IAED,IAAc,MAAM,CAAC,QAAgB;QACnC,KAAK,CAAC,MAAM,GAAG,QAA+B,CAAC;IACjD,CAAC;CACF","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"]}

package/dist/elements/internal/InternalControl/InternalControl.js

@@ -37,10 +37,9 @@ export class InternalControl extends ConfigurableMixin(TranslatableMixin(Themeab
         return super.inferFromElement(key, element);
     }
     applyInferredProperties(context) {
-        var _a, _b;
+        var _a;
         super.applyInferredProperties(context);
-        this.disabled = ((_a = this.nucleon) === null || _a === void 0 ? void 0 : _a.in('idle')) === false || super.disabled;
-        this.nucleon = (_b = context.get('nucleon')) !== null && _b !== void 0 ? _b : null;
+        this.nucleon = (_a = context.get('nucleon')) !== null && _a !== void 0 ? _a : null;
     }
     updated(changes) {
         super.updated(changes);

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

@@ -1 +1 @@
-{"version":3,"file":"InternalControl.js","sourceRoot":"","sources":["../../../../src/elements/internal/InternalControl/InternalControl.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,iBAAiB,EAAE,wCAAqC;AACjE,OAAO,EAAE,iBAAiB,EAAE,wCAAqC;AACjE,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AAC/C,OAAO,EAAE,eAAe,EAAE,sCAAmC;AAC7D,OAAO,EAAE,cAAc,EAAE,qCAAkC;AAC3D,OAAO,EAAE,cAAc,EAAE,sDAAmD;AAC5E,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAElC;;;;;;;;;;GAUG;AACH,MAAM,OAAO,eAAgB,SAAQ,iBAAiB,CACpD,iBAAiB,CAAC,cAAc,CAAC,eAAe,CAAC,UAAU,CAAC,CAAC,CAAC,CAC/D;IAFD;;QAcE,wDAAwD;QACxD,YAAO,GAA+B,IAAI,CAAC;IA+C7C,CAAC;IA3DC,MAAM,KAAK,kBAAkB;QAC3B,OAAO,CAAC,GAAG,KAAK,CAAC,kBAAkB,EAAE,SAAS,CAAC,CAAC;IAClD,CAAC;IAED,MAAM,KAAK,UAAU;QACnB,OAAO;YACL,GAAG,KAAK,CAAC,UAAU;YACnB,OAAO,EAAE,EAAE,SAAS,EAAE,KAAK,EAAE;SAC9B,CAAC;IACJ,CAAC;IAKD,gBAAgB,CAAC,GAAW,EAAE,OAAoB;QAChD,IAAI,GAAG,KAAK,SAAS,IAAI,OAAO,YAAY,cAAc;YAAE,OAAO,OAAO,CAAC;QAC3E,OAAO,KAAK,CAAC,gBAAgB,CAAC,GAAG,EAAE,OAAO,CAAC,CAAC;IAC9C,CAAC;IAED,uBAAuB,CAAC,OAA6B;;QACnD,KAAK,CAAC,uBAAuB,CAAC,OAAO,CAAC,CAAC;QAEvC,IAAI,CAAC,QAAQ,GAAG,OAAA,IAAI,CAAC,OAAO,0CAAE,EAAE,CAAC,MAAM,OAAM,KAAK,IAAI,KAAK,CAAC,QAAQ,CAAC;QACrE,IAAI,CAAC,OAAO,SAAI,OAAO,CAAC,GAAG,CAAC,SAAS,CAAqC,mCAAI,IAAI,CAAC;IACrF,CAAC;IAED,OAAO,CAAC,OAAiC;QACvC,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC;QAEvB,IAAI,OAAO,IAAI,CAAC,KAAK,KAAK,QAAQ,EAAE;YAClC,MAAM,gBAAgB,GAAG,IAAI,CAAA;sBACb,IAAI,CAAC,KAAK;sBACV,IAAI,CAAC,KAAK;OACzB,CAAC;YAEF,MAAM,CAAC,gBAAgB,EAAE,IAAI,CAAC,CAAC;SAChC;IACH,CAAC;IAED;;;OAGG;IACH,aAAa;QACX,OAAO,IAAI,CAAA,EAAE,CAAC;IAChB,CAAC;IAED;;;OAGG;IACH,MAAM;QACJ,IAAI,IAAI,CAAC,MAAM;YAAE,OAAO,IAAI,CAAA,EAAE,CAAC;QAE/B,OAAO,IAAI,CAAA;QACP,IAAI,CAAC,oBAAoB,CAAC,QAAQ,EAAE,IAAI,CAAC,OAAO,CAAC,IAAI,IAAI,CAAC,aAAa,EAAE;QACzE,IAAI,CAAC,oBAAoB,CAAC,OAAO,EAAE,IAAI,CAAC,OAAO,CAAC;KACnD,CAAC;IACJ,CAAC;CACF","sourcesContent":["import type { PropertyDeclarations, TemplateResult } from 'lit-element';\n\nimport { ConfigurableMixin } from '../../../mixins/configurable';\nimport { TranslatableMixin } from '../../../mixins/translatable';\nimport { html, LitElement } from 'lit-element';\nimport { InferrableMixin } from '../../../mixins/inferrable';\nimport { ThemeableMixin } from '../../../mixins/themeable';\nimport { NucleonElement } from '../../public/NucleonElement/NucleonElement';\nimport { render } from 'lit-html';\n\n/**\n * An internal base class for any control in a Nucleon form. That control can be as simple as a text field bound\n * to a property or as complex as a query builder, and it infers property values from the\n * parent Nucleon/Configurable/Translatable element, saving the need to manually calculate\n * and bind properties in Lit templates. Each control renders before and after slots in the regular DOM + its\n * own layout in the shadow DOM. When hidden via `hiddencontrols` in the parent,\n * uses `display: none` to hide itself.\n *\n * @element foxy-internal-control\n * @since 1.17.0\n */\nexport class InternalControl extends ConfigurableMixin(\n  TranslatableMixin(ThemeableMixin(InferrableMixin(LitElement)))\n) {\n  static get inferredProperties(): string[] {\n    return [...super.inferredProperties, 'nucleon'];\n  }\n\n  static get properties(): PropertyDeclarations {\n    return {\n      ...super.properties,\n      nucleon: { attribute: false },\n    };\n  }\n\n  /** NucleonElement instance this control is bound to. */\n  nucleon: NucleonElement<any> | null = null;\n\n  inferFromElement(key: string, element: HTMLElement): unknown | undefined {\n    if (key === 'nucleon' && element instanceof NucleonElement) return element;\n    return super.inferFromElement(key, element);\n  }\n\n  applyInferredProperties(context: Map<string, unknown>): void {\n    super.applyInferredProperties(context);\n\n    this.disabled = this.nucleon?.in('idle') === false || super.disabled;\n    this.nucleon = (context.get('nucleon') as NucleonElement<any> | undefined) ?? null;\n  }\n\n  updated(changes: Map<keyof this, unknown>): void {\n    super.updated(changes);\n\n    if (typeof this.infer === 'string') {\n      const lightDomTemplate = html`\n        <slot name=\"${this.infer}:before\" slot=\"before\"></slot>\n        <slot name=\"${this.infer}:after\" slot=\"after\"></slot>\n      `;\n\n      render(lightDomTemplate, this);\n    }\n  }\n\n  /**\n   * Renders the control itself. In most cases, you will need to implement\n   * this method instead of `.render()` in your class to keep the before and after templates/slots.\n   */\n  renderControl(): TemplateResult {\n    return html``;\n  }\n\n  /**\n   * Renders the control (if visible) and the before/after templates/slots.\n   * You should probably implement `.renderControl()` method instead of this one in your class.\n   */\n  render(): TemplateResult {\n    if (this.hidden) return html``;\n\n    return html`\n      ${this.renderTemplateOrSlot('before', this.nucleon)} ${this.renderControl()}\n      ${this.renderTemplateOrSlot('after', this.nucleon)}\n    `;\n  }\n}\n"]}
+{"version":3,"file":"InternalControl.js","sourceRoot":"","sources":["../../../../src/elements/internal/InternalControl/InternalControl.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,iBAAiB,EAAE,wCAAqC;AACjE,OAAO,EAAE,iBAAiB,EAAE,wCAAqC;AACjE,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AAC/C,OAAO,EAAE,eAAe,EAAE,sCAAmC;AAC7D,OAAO,EAAE,cAAc,EAAE,qCAAkC;AAC3D,OAAO,EAAE,cAAc,EAAE,sDAAmD;AAC5E,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAElC;;;;;;;;;;GAUG;AACH,MAAM,OAAO,eAAgB,SAAQ,iBAAiB,CACpD,iBAAiB,CAAC,cAAc,CAAC,eAAe,CAAC,UAAU,CAAC,CAAC,CAAC,CAC/D;IAFD;;QAcE,wDAAwD;QACxD,YAAO,GAA+B,IAAI,CAAC;IA6C7C,CAAC;IAzDC,MAAM,KAAK,kBAAkB;QAC3B,OAAO,CAAC,GAAG,KAAK,CAAC,kBAAkB,EAAE,SAAS,CAAC,CAAC;IAClD,CAAC;IAED,MAAM,KAAK,UAAU;QACnB,OAAO;YACL,GAAG,KAAK,CAAC,UAAU;YACnB,OAAO,EAAE,EAAE,SAAS,EAAE,KAAK,EAAE;SAC9B,CAAC;IACJ,CAAC;IAKD,gBAAgB,CAAC,GAAW,EAAE,OAAoB;QAChD,IAAI,GAAG,KAAK,SAAS,IAAI,OAAO,YAAY,cAAc;YAAE,OAAO,OAAO,CAAC;QAC3E,OAAO,KAAK,CAAC,gBAAgB,CAAC,GAAG,EAAE,OAAO,CAAC,CAAC;IAC9C,CAAC;IAED,uBAAuB,CAAC,OAA6B;;QACnD,KAAK,CAAC,uBAAuB,CAAC,OAAO,CAAC,CAAC;QACvC,IAAI,CAAC,OAAO,SAAI,OAAO,CAAC,GAAG,CAAC,SAAS,CAAqC,mCAAI,IAAI,CAAC;IACrF,CAAC;IAED,OAAO,CAAC,OAAiC;QACvC,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC;QAEvB,IAAI,OAAO,IAAI,CAAC,KAAK,KAAK,QAAQ,EAAE;YAClC,MAAM,gBAAgB,GAAG,IAAI,CAAA;sBACb,IAAI,CAAC,KAAK;sBACV,IAAI,CAAC,KAAK;OACzB,CAAC;YAEF,MAAM,CAAC,gBAAgB,EAAE,IAAI,CAAC,CAAC;SAChC;IACH,CAAC;IAED;;;OAGG;IACH,aAAa;QACX,OAAO,IAAI,CAAA,EAAE,CAAC;IAChB,CAAC;IAED;;;OAGG;IACH,MAAM;QACJ,IAAI,IAAI,CAAC,MAAM;YAAE,OAAO,IAAI,CAAA,EAAE,CAAC;QAE/B,OAAO,IAAI,CAAA;QACP,IAAI,CAAC,oBAAoB,CAAC,QAAQ,EAAE,IAAI,CAAC,OAAO,CAAC,IAAI,IAAI,CAAC,aAAa,EAAE;QACzE,IAAI,CAAC,oBAAoB,CAAC,OAAO,EAAE,IAAI,CAAC,OAAO,CAAC;KACnD,CAAC;IACJ,CAAC;CACF","sourcesContent":["import type { PropertyDeclarations, TemplateResult } from 'lit-element';\n\nimport { ConfigurableMixin } from '../../../mixins/configurable';\nimport { TranslatableMixin } from '../../../mixins/translatable';\nimport { html, LitElement } from 'lit-element';\nimport { InferrableMixin } from '../../../mixins/inferrable';\nimport { ThemeableMixin } from '../../../mixins/themeable';\nimport { NucleonElement } from '../../public/NucleonElement/NucleonElement';\nimport { render } from 'lit-html';\n\n/**\n * An internal base class for any control in a Nucleon form. That control can be as simple as a text field bound\n * to a property or as complex as a query builder, and it infers property values from the\n * parent Nucleon/Configurable/Translatable element, saving the need to manually calculate\n * and bind properties in Lit templates. Each control renders before and after slots in the regular DOM + its\n * own layout in the shadow DOM. When hidden via `hiddencontrols` in the parent,\n * uses `display: none` to hide itself.\n *\n * @element foxy-internal-control\n * @since 1.17.0\n */\nexport class InternalControl extends ConfigurableMixin(\n  TranslatableMixin(ThemeableMixin(InferrableMixin(LitElement)))\n) {\n  static get inferredProperties(): string[] {\n    return [...super.inferredProperties, 'nucleon'];\n  }\n\n  static get properties(): PropertyDeclarations {\n    return {\n      ...super.properties,\n      nucleon: { attribute: false },\n    };\n  }\n\n  /** NucleonElement instance this control is bound to. */\n  nucleon: NucleonElement<any> | null = null;\n\n  inferFromElement(key: string, element: HTMLElement): unknown | undefined {\n    if (key === 'nucleon' && element instanceof NucleonElement) return element;\n    return super.inferFromElement(key, element);\n  }\n\n  applyInferredProperties(context: Map<string, unknown>): void {\n    super.applyInferredProperties(context);\n    this.nucleon = (context.get('nucleon') as NucleonElement<any> | undefined) ?? null;\n  }\n\n  updated(changes: Map<keyof this, unknown>): void {\n    super.updated(changes);\n\n    if (typeof this.infer === 'string') {\n      const lightDomTemplate = html`\n        <slot name=\"${this.infer}:before\" slot=\"before\"></slot>\n        <slot name=\"${this.infer}:after\" slot=\"after\"></slot>\n      `;\n\n      render(lightDomTemplate, this);\n    }\n  }\n\n  /**\n   * Renders the control itself. In most cases, you will need to implement\n   * this method instead of `.render()` in your class to keep the before and after templates/slots.\n   */\n  renderControl(): TemplateResult {\n    return html``;\n  }\n\n  /**\n   * Renders the control (if visible) and the before/after templates/slots.\n   * You should probably implement `.renderControl()` method instead of this one in your class.\n   */\n  render(): TemplateResult {\n    if (this.hidden) return html``;\n\n    return html`\n      ${this.renderTemplateOrSlot('before', this.nucleon)} ${this.renderControl()}\n      ${this.renderTemplateOrSlot('after', this.nucleon)}\n    `;\n  }\n}\n"]}

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

@@ -11,8 +11,6 @@ import { InternalControl } from '../InternalControl/InternalControl';
  */
 export declare class InternalEditableControl extends InternalControl {
     static get properties(): PropertyDeclarations;
-    getValue: () => unknown;
-    setValue: (newValue: unknown) => void;
     private __placeholder;
     private __helperText;
     private __v8nPrefix;

package/dist/elements/internal/InternalEditableControl/InternalEditableControl.js

@@ -11,8 +11,6 @@ import { InternalControl } from "../InternalControl/InternalControl.js";
 export class InternalEditableControl extends InternalControl {
     constructor() {
         super(...arguments);
-        this.getValue = () => { var _a; return (_a = this.nucleon) === null || _a === void 0 ? void 0 : _a.form[this.property]; };
-        this.setValue = (newValue) => { var _a; return (_a = this.nucleon) === null || _a === void 0 ? void 0 : _a.edit({ [this.property]: newValue }); };
         this.__placeholder = null;
         this.__helperText = null;
         this.__v8nPrefix = null;
@@ -25,8 +23,6 @@ export class InternalEditableControl extends InternalControl {
             placeholder: { type: String, noAccessor: true },
             helperText: { type: String, attribute: 'helper-text', noAccessor: true },
             v8nPrefix: { type: String, attribute: 'v8n-prefix', noAccessor: true },
-            getValue: { attribute: false },
-            setValue: { attribute: false },
             property: { type: String, noAccessor: true },
             label: { type: String, noAccessor: true },
         };
@@ -130,13 +126,15 @@ export class InternalEditableControl extends InternalControl {
      * with the new value in the detail and write changes to the NucleonElement instance if permitted.
      */
     get _value() {
-        return this.getValue();
+        var _a;
+        return (_a = this.nucleon) === null || _a === void 0 ? void 0 : _a.form[this.property];
     }
     set _value(newValue) {
+        var _a;
         const event = new CustomEvent('change', { cancelable: true, detail: newValue });
         const useDefaultAction = this.dispatchEvent(event);
         if (useDefaultAction)
-            this.setValue(newValue);
+            (_a = this.nucleon) === null || _a === void 0 ? void 0 : _a.edit({ [this.property]: newValue });
     }
     /** A shortcut returning the first v8n error associated with this control. */
     get _error() {