@foxy.io/elements 1.12.0-beta.5 → 1.13.0-beta.1

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

@@ -0,0 +1,35 @@
+{
+  "access-recovery-form": {
+    "unknown_error": "Im Moment können wir für dieses Konto keinen einmaligen Code vergeben. Wenn Sie den Code bereits angefordert haben, warten Sie bitte ein paar Minuten, bevor Sie es erneut versuchen."
+  },
+  "customer": {
+    "subscription-card": {
+      "spinner": {
+        "loading_empty": "Keine Abonnements"
+      }
+    },
+    "transactions-table": {
+      "spinner": {
+        "loading_empty": "Keine Transaktionen"
+      }
+    },
+    "address-card": {
+      "spinner": {
+        "loading_empty": "Keine Adressen"
+      }
+    },
+    "customer-form": {
+      "invalid_credential_error": "Falsches Passwort. Bitte vergewissern Sie sich, dass Sie Ihr aktuelles oder temporäres Passwort eingegeben haben und versuchen Sie es erneut.",
+      "change_password_step_1": "Lass uns mit Ihrem aktuellen Passwort beginnen. Ein temporäres Passwort funktioniert auch, wenn Sie eines haben.",
+      "change_password_step_2": "Geben Sie nun ein neues Passwort ein und klicken Sie auf Weiter, um die Änderungen an Ihrem Konto vorzunehmen.",
+      "change_password_step_3": "Das war's! Sie können sich jetzt mit Ihrem neuen Passwort anmelden.",
+      "change_password": "Passwort ändern",
+      "sign_in": "Weiter"
+    },
+    "payment-method-card": {
+      "spinner": {
+        "loading_empty": "Keine Zahlungsmethoden"
+      }
+    }
+  }
+}

package/dist/cdn/translations/shared/de.json

@@ -1,15 +1,22 @@
 {
+  "add_or_clause": "ODER-Klausel hinzufügen",
+  "add_value": "Neuen Wert hinzufügen",
   "address1": "Adresse Zeile 1",
   "address2": "Adresse Zeile 2",
   "address_name": "Name Adresse",
   "address_plural": "Adressen",
   "attribute_plural": "Kennzeichen",
+  "back": "Zurückkehren",
+  "backend_developer": "Backend-Entwickler",
+  "backend_developer_explainer": "Verwaltet serverseitigen Code in PHP, Python, Ruby usw.",
   "cancel": "Abbrechen",
   "city": "Stadt",
+  "client": "Klient",
   "close": "Schließen",
   "company": "Firma",
   "country": "Land",
   "create": "Erstellen",
+  "customer": "Kunde",
   "daily": "täglich",
   "daily_plural": "Jede {{count}} Tage",
   "date": "{{value, date}}",
@@ -21,19 +28,26 @@
   "default_shipping_address": "Vorgegebene Lieferadresse",
   "delete": "Löschen",
   "delete_prompt": "Diese Ressource wird endgültig gelöscht. Sind Sie sicher?",
+  "designer": "Designer",
+  "designer_explainer": "Verwaltet Erscheinungsbild, Grafik und Benutzeroberfläche.",
   "email": "Email",
   "end_date": "Enddatum",
   "end_subscription": "End Subskription",
   "end_subscription_explainer": "Ihr Abonnement bleibt bis zum gewählten Enddatum aktiv. Wenn Sie sich entscheiden, dieses Abonnement später fortzusetzen, müssen Sie sich möglicherweise erneut anmelden.",
   "expires": "Läuft aus",
+  "field": "Gebiet",
   "first_name": "Vorname",
   "fraud_risk": "Betrugsrisiko: {{ score }}",
   "frequency": "$t({{units}}, { \"count\": {{count}} })",
   "frequency_label": "Häufigkeit",
   "frequency_plural": "$t({{units}}, { \"count\": {{count}} })",
+  "frontend_developer": "Entwickler für Benutzeroberflächen",
+  "frontend_developer_explainer": "Verwaltet clientseitigen Code in JS, CSS, HTML usw.",
   "full_address": "{{address1}} {{address2}} {{city}} {{region}} {{postal_code}}",
   "full_name": "{{first_name}} {{last_name}}",
   "invalid_credential_error": "Falsche E-Mail oder falsches Passwort. Bitte überprüfen Sie Ihre Anmeldedaten und versuchen Sie es erneut.",
+  "is_defined_false": "Nicht definiert",
+  "is_defined_true": "Definiert",
   "item": "Artikel",
   "item_plural": "Artikel",
   "last_4_digits": "Letzte 4 Stellen",
@@ -45,15 +59,31 @@
   "loading_end": "Keine Daten mehr",
   "loading_error": "Wurde nicht geladen",
   "loading_paused": "Unterbrochen",
+  "merchant": "Händler",
+  "merchant_explainer": "Verwaltet Artikel, Finanzen und diesen Laden im Allgemeinen.",
+  "mfa_remember_device": "Vertrauen Sie diesem Gerät",
+  "mfa_remember_device_hint": "In Zukunft keinen Bestätigungscode mehr benötigen, wenn Sie sich von diesem Gerät aus anmelden",
+  "mfa_totp_code": "Einmalcode",
+  "mfa_totp_code_hint": "Scannen Sie das Bild unten mit Ihrer Authenticator-App, um den Bestätigungscode zu erhalten",
+  "mfa_totp_code_invalid_error": "Der von Ihnen eingegebene Einmalcode ist ungültig. Bitte versuche es erneut.",
   "month": "Monat",
   "month_plural": "Monate",
   "monthly": "Monatlich",
   "monthly_plural": "Jede {{count}} Monate",
   "name": "Name",
-  "next_transaction_date": "Nächster Transaktionstermin",
   "new_password": "Neues Passwort",
   "new_password_format_error": "Das neue Passwort, das Sie gewählt haben, ist zu schwach. Bitte geben Sie ein sicheres neues Passwort ein.",
   "new_password_required_error": "Um Ihr Konto sicher zu halten, ändern Sie bitte Ihr Passwort, bevor Sie sich dieses Mal anmelden.",
+  "next_transaction_date": "Nächster Transaktionstermin",
+  "operator_equal": "Gleich",
+  "operator_greaterthan": "Größer als",
+  "operator_greaterthanorequal": "Größer als oder gleich",
+  "operator_in": "Einer von",
+  "operator_isdefined": "Ist definiert",
+  "operator_lessthan": "Weniger als",
+  "operator_lessthanorequal": "Weniger als oder gleich",
+  "operator_not": "Nicht gleich",
+  "or": "Oder",
   "password": "Passwort",
   "payment_method_plural": "Zahlungsmöglichkeiten",
   "phone": "Telefon",
@@ -62,11 +92,16 @@
   "price": "{{amount, price}}",
   "price_recurring": "{{amount, price}} $t(frequency, { \"count\": \"{{count}}\", \"units\": \"{{units}}\" })",
   "price_twice_a_month": "{{amount, price}} $t(twice_a_month)",
+  "query_builder_group": "Filtergruppe",
+  "query_builder_rule": "Filter",
+  "range_from": "Von",
+  "range_to": "Zu",
   "receipt": "Quittung",
   "recover_access": "Einmaligen Code erhalten",
   "recover_access_hint": "Geben Sie Ihre E-Mail-Adresse ein und wir senden Ihnen ein temporäres Passwort zu",
   "recover_access_success": "Erledigt! Bitte prüfen Sie Ihre E-Mail für weitere Anweisungen.",
   "region": "Region",
+  "request": "Anfrage",
   "save": "Speichern",
   "show_on_receipt": "Auf Quittung anzeigen",
   "sign_in": "Sich anmelden",
@@ -76,7 +111,24 @@
   "subscription_failed": "Zahlung fehlgeschlagen am {{date, date}}",
   "subscription_plural": "Abonnements",
   "subscription_will_be_cancelled": "Wird beendet am {{date, date}}",
+  "tax_apply_to_shipping": "Auf Versand anwenden",
+  "tax_apply_to_shipping_explainer": "Ankreuzen, um diese Steuer auf die Versandkosten anzuwenden.",
+  "tax_country": "Landessteuer",
+  "tax_exempt_all_customer_tax_ids": "Alle Kunden mit Steuernummer ausnehmen",
+  "tax_exempt_all_customer_tax_ids_explainer": "Aktivieren Sie diese Option, um die Steuererhebung für Kunden mit der gespeicherten Steuernummer zu überspringen.",
+  "tax_global": "Globale Steuer",
   "tax_id": "Steuer-ID",
+  "tax_local": "Ortssteuer",
+  "tax_rate": "Satz (%)",
+  "tax_rate_provider": "Preisanbieter",
+  "tax_rate_provider_default": "Standard (Thomson Reuters; andere)",
+  "tax_rate_provider_none": "Keine (benutzerdefinierter Tarif)",
+  "tax_region": "Regionale Steuer",
+  "tax_union": "Steuer der Europäischen Union",
+  "tax_use_origin_rates": "Ursprungssteuersätze verwenden",
+  "tax_use_origin_rates_explainer": "Ankreuzen, um den Steuersatz Ihres Landes zu verwenden, unabhängig davon, wo sich die Kunden befinden.",
+  "time": "{{value, time}}",
+  "transaction": "Transaktion",
   "transaction_approved": "Zugelassen",
   "transaction_authorized": "Autorisiert",
   "transaction_captured": "Erfasst",
@@ -91,6 +143,12 @@
   "transaction_verified": "Überprüft",
   "transaction_voided": "Storniert",
   "twice_a_month": "Zweimal im Monat",
+  "type": "Typ",
+  "type_any": "Feld unbekannten Typs",
+  "type_attribute": "Schlüsselwertressource",
+  "type_date": "Datumsfeld",
+  "type_number": "Numerisches Feld",
+  "type_string": "Textfeld",
   "undo_cancel": "Überprüfung",
   "undo_confirm": "Verwerfen",
   "undo_header": "Nicht gespeicherte Änderungen",

package/dist/cdn/translations/shared/en.json

@@ -113,7 +113,22 @@
   "subscription_inactive": "Inactive",
   "subscription_plural": "Subscriptions",
   "subscription_will_be_cancelled": "Ends on {{date, date}}",
+  "tax_apply_to_shipping": "Apply to shipping",
+  "tax_apply_to_shipping_explainer": "Check to apply this tax to the shipping costs.",
+  "tax_country": "Country tax",
+  "tax_exempt_all_customer_tax_ids": "Exempt all customers with Tax ID",
+  "tax_exempt_all_customer_tax_ids_explainer": "Check to skip tax collection for customers with Tax ID on file.",
+  "tax_global": "Global tax",
   "tax_id": "Tax ID",
+  "tax_local": "Local tax",
+  "tax_rate": "Rate (%)",
+  "tax_rate_provider": "Rate provider",
+  "tax_rate_provider_default": "Default (Thomson Reuters; others)",
+  "tax_rate_provider_none": "None (custom rate)",
+  "tax_region": "Regional tax",
+  "tax_union": "European Union tax",
+  "tax_use_origin_rates": "Use origin tax rates",
+  "tax_use_origin_rates_explainer": "Check to use the tax rate of your country regardless of where customers are located.",
   "time": "{{value, time}}",
   "transaction": "Transaction",
   "transaction_approved": "Approved",
@@ -130,6 +145,7 @@
   "transaction_verified": "Verified",
   "transaction_voided": "Voided",
   "twice_a_month": "Twice a month",
+  "type": "Type",
   "type_any": "Field of unknown type",
   "type_attribute": "Key-value resource",
   "type_date": "Date field",

package/dist/cdn/translations/shared/es.json

@@ -1,4 +1,6 @@
 {
+  "add_or_clause": "Añadir cláusula O",
+  "add_value": "Añadir valor",
   "address1": "Línea de dirección 1",
   "address2": "Línea de dirección 2",
   "address_name": "Nombre de la dirección",
@@ -33,6 +35,7 @@
   "end_subscription": "Finalizar suscripción",
   "end_subscription_explainer": "Su suscripción permanecerá activa hasta la fecha de finalización seleccionada. Es posible que deba volver a suscribirse si decide reanudar esta suscripción más adelante.",
   "expires": "Caduca",
+  "field": "Campo",
   "first_name": "Nombre",
   "fraud_risk": "Riesgo de fraude: {{ score }}",
   "frequency": "$t({{units}}, { \"count\": {{count}} })",
@@ -43,6 +46,8 @@
   "full_address": "{{first_name}} {{last_name}}\n{{address1}} {{address2}}\n{{city}} {{region}} {{postal_code}}",
   "full_name": "{{first_name}} {{last_name}}",
   "invalid_credential_error": "Correo electrónico o contraseña incorrectos. Verifique sus credenciales y vuelva a intentarlo.",
+  "is_defined_false": "No definido",
+  "is_defined_true": "Definido",
   "item": "Artículo",
   "item_plural": "Artículos",
   "last_4_digits": "Últimos 4 dígitos",
@@ -70,14 +75,28 @@
   "new_password_format_error": "La nueva contraseña que ha elegido es demasiado débil. Ingrese una nueva contraseña segura.",
   "new_password_required_error": "Para mantener su cuenta segura, cambie su contraseña antes de iniciar sesión esta vez.",
   "next_transaction_date": "Fecha de la próxima transacción",
+  "operator_equal": "Igual",
+  "operator_greaterthan": "Mas grande que",
+  "operator_greaterthanorequal": "Mayor que o igual",
+  "operator_in": "Uno de",
+  "operator_isdefined": "Se define",
+  "operator_lessthan": "Menos que",
+  "operator_lessthanorequal": "Menor o igual",
+  "operator_not": "No es igual",
+  "or": "O",
   "password": "Contraseña",
   "payment_method_plural": "Métodos de pago",
+  "percent": "{{fraction, percent}}",
   "phone": "Phone",
   "postal_code": "Código postal",
   "preview": "Vista previa",
   "price": "{{amount, price}}",
   "price_recurring": "{{amount, price}} $t(frequency, { \"count\": \"{{count}}\", \"units\": \"{{units}}\" })",
   "price_twice_a_month": "{{amount, price}} $t(frequency_twice_a_month)",
+  "query_builder_group": "Grupo de filtros",
+  "query_builder_rule": "Filtro",
+  "range_from": "De",
+  "range_to": "Hasta",
   "receipt": "Recibo",
   "recover_access": "Obtener contraseña temporal",
   "recover_access_hint": "Ingrese su correo electrónico y le enviaremos una contraseña temporal",
@@ -94,7 +113,22 @@
   "subscription_inactive": "Inactiva",
   "subscription_plural": "Suscripciones",
   "subscription_will_be_cancelled": "Finaliza el {{date, date}}",
+  "tax_apply_to_shipping": "Aplicar al envío",
+  "tax_apply_to_shipping_explainer": "Marque para aplicar este impuesto a los costos de envío",
+  "tax_country": "Impuesto del país",
+  "tax_exempt_all_customer_tax_ids": "Eximir a todos los clientes con número de identificación fiscal",
+  "tax_exempt_all_customer_tax_ids_explainer": "Marque para omitir la recaudación de impuestos para los clientes con identificación fiscal registrada",
+  "tax_global": "Impuesto global",
   "tax_id": "Número de identificación fiscal",
+  "tax_local": "Impuesto local",
+  "tax_rate": "Tarifa (%)",
+  "tax_rate_provider": "Proveedor de tarifas",
+  "tax_rate_provider_default": "Predeterminado (Thomson Reuters; otros)",
+  "tax_rate_provider_none": "Ninguno (tarifa personalizada)",
+  "tax_region": "Impuesto regional",
+  "tax_union": "Impuesto de la Unión Europea",
+  "tax_use_origin_rates": "Usar tasas impositivas de origen",
+  "tax_use_origin_rates_explainer": "Marque para usar la tasa impositiva de su país independientemente de dónde se encuentren los clientes",
   "time": "{{value, time}}",
   "transaction": "Transacción",
   "transaction_approved": "Aprobado",
@@ -111,6 +145,12 @@
   "transaction_verified": "Verificado",
   "transaction_voided": "Anulado",
   "twice_a_month": "Dos veces al mes",
+  "type": "Tipo",
+  "type_any": "Campo de tipo desconocido",
+  "type_attribute": "Recurso de valor-clave",
+  "type_date": "Campo de fecha",
+  "type_number": "Campo numérico",
+  "type_string": "Campo de texto",
   "undo_cancel": "Revisar",
   "undo_confirm": "Descarte",
   "undo_header": "Cambios no guardados",

package/dist/elements/public/CustomFieldCard/TwoLineCard.js

@@ -14,7 +14,11 @@ export class TwoLineCard extends Base {
             return html `
       <div data-testid="title">
         ${this.renderTemplateOrSlot('title:before')}
-        <div class="text-secondary">${this.data ? content === null || content === void 0 ? void 0 : content(this.data) : ''}&ZeroWidthSpace;</div>
+
+        <div class="text-secondary truncate">
+          ${this.data ? content === null || content === void 0 ? void 0 : content(this.data) : ''}&ZeroWidthSpace;
+        </div>
+
         ${this.renderTemplateOrSlot('title:after')}
       </div>
     `;
@@ -23,7 +27,11 @@ export class TwoLineCard extends Base {
             return html `
       <div data-testid="subtitle">
         ${this.renderTemplateOrSlot('subtitle:before')}
-        <div class="font-semibold">${this.data ? content === null || content === void 0 ? void 0 : content(this.data) : ''}&ZeroWidthSpace;</div>
+
+        <div class="font-semibold truncate">
+          ${this.data ? content === null || content === void 0 ? void 0 : content(this.data) : ''}&ZeroWidthSpace;
+        </div>
+
         ${this.renderTemplateOrSlot('subtitle:after')}
       </div>
     `;

package/dist/elements/public/CustomFieldCard/TwoLineCard.js.map

@@ -1 +1 @@
-{"version":3,"file":"TwoLineCard.js","sourceRoot":"","sources":["../../../../src/elements/public/CustomFieldCard/TwoLineCard.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAY,wCAAqC;AAC3E,OAAO,EAAkB,IAAI,EAAE,MAAM,UAAU,CAAC;AAGhD,OAAO,EAAE,cAAc,EAAE,4CAAyC;AAElE,OAAO,EAAE,cAAc,EAAE,qCAAkC;AAC3D,OAAO,EAAE,QAAQ,EAAE,oCAAiC;AAgBpD,MAAM,IAAI,GAAG,iBAAiB,CAAC,cAAc,CAAC,cAAc,CAAC,CAAC,CAAC;AAE/D,MAAM,OAAO,WAA2C,SAAQ,IAAW;IAA3E;;QASE,cAAS,GAAqB,EAAE,CAAC;QAEjC,SAAI,GAAG,EAAE,CAAC;QAEV,OAAE,GAAG,EAAE,CAAC;QAES,kBAAa,GAAG,CAAC,OAA2B,EAAE,EAAE;YAC/D,OAAO,IAAI,CAAA;;UAEL,IAAI,CAAC,oBAAoB,CAAC,cAAc,CAAC;sCACb,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAG,IAAI,CAAC,IAAI,EAAE,CAAC,CAAC,EAAE;UACjE,IAAI,CAAC,oBAAoB,CAAC,aAAa,CAAC;;KAE7C,CAAC;QACJ,CAAC,CAAC;QAEe,qBAAgB,GAAG,CAAC,OAA2B,EAAE,EAAE;YAClE,OAAO,IAAI,CAAA;;UAEL,IAAI,CAAC,oBAAoB,CAAC,iBAAiB,CAAC;qCACjB,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAG,IAAI,CAAC,IAAI,EAAE,CAAC,CAAC,EAAE;UAChE,IAAI,CAAC,oBAAoB,CAAC,gBAAgB,CAAC;;KAEhD,CAAC;QACJ,CAAC,CAAC;IAgCJ,CAAC;IAhEC,MAAM,KAAK,UAAU;QACnB,OAAO;YACL,GAAG,KAAK,CAAC,UAAU;YACnB,IAAI,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE;YACtB,EAAE,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE;SACrB,CAAC;IACJ,CAAC;IA4BD,MAAM,CAAC,OAA8B;;QACnC,MAAM,cAAc,GAAG,IAAI,CAAC,cAAc,CAAC;QAE3C,OAAO,IAAI,CAAA;;;oBAGK,CAAC,IAAI,CAAC,IAAI,IAAI,IAAI,CAAC,EAAE,CAAC,MAAM,CAAC;;;UAGvC,cAAc,CAAC,OAAO,CAAC,OAAO,EAAE,IAAI,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,aAAa,CAAC,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,KAAK,CAAC;UAC/E,cAAc,CAAC,OAAO,CAAC,UAAU,EAAE,IAAI,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,gBAAgB,CAAC,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,QAAQ,CAAC;;;kBAGhF,QAAQ,CAAC;YACf,2DAA2D,EAAE,IAAI;YACjE,+BAA+B,EAAE,CAAC,CAAC,IAAI,CAAC,IAAI;SAC7C,CAAC;;;;;oBAKQ,IAAI,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,EAAE,CAAC,EAAE,IAAI,EAAE,UAAU,EAAE,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM;mBAC7E,IAAI,CAAC,IAAI;kBACV,IAAI,CAAC,EAAE,IAAI,YAAA,cAAc,CAAC,GAAG,CAAC,cAAc,CAAC,0CAAE,SAAS,mCAAI,EAAE;;;;;KAK3E,CAAC;IACJ,CAAC;CACF","sourcesContent":["import { ConfigurableMixin, Renderer } from '../../../mixins/configurable';\nimport { TemplateResult, html } from 'lit-html';\n\nimport { HALJSONResource } from '../NucleonElement/types';\nimport { NucleonElement } from '../NucleonElement/NucleonElement';\nimport { PropertyDeclarations } from 'lit-element';\nimport { ThemeableMixin } from '../../../mixins/themeable';\nimport { classMap } from '../../../utils/class-map';\n\nexport type TemplateFn<TData extends HALJSONResource> = (data: TData) => TemplateResult;\n\nexport type Templates<TData extends HALJSONResource> = {\n  'title:before'?: Renderer<TData>;\n  'title:after'?: Renderer<TData>;\n  'subtitle:before'?: Renderer<TData>;\n  'subtitle:after'?: Renderer<TData>;\n};\n\nexport type RenderOptions<TData extends HALJSONResource> = {\n  title: TemplateFn<TData>;\n  subtitle: TemplateFn<TData>;\n};\n\nconst Base = ConfigurableMixin(ThemeableMixin(NucleonElement));\n\nexport class TwoLineCard<TData extends HALJSONResource> extends Base<TData> {\n  static get properties(): PropertyDeclarations {\n    return {\n      ...super.properties,\n      lang: { type: String },\n      ns: { type: String },\n    };\n  }\n\n  templates: Templates<TData> = {};\n\n  lang = '';\n\n  ns = '';\n\n  private readonly __renderTitle = (content?: TemplateFn<TData>) => {\n    return html`\n      <div data-testid=\"title\">\n        ${this.renderTemplateOrSlot('title:before')}\n        <div class=\"text-secondary\">${this.data ? content?.(this.data) : ''}&ZeroWidthSpace;</div>\n        ${this.renderTemplateOrSlot('title:after')}\n      </div>\n    `;\n  };\n\n  private readonly __renderSubtitle = (content?: TemplateFn<TData>) => {\n    return html`\n      <div data-testid=\"subtitle\">\n        ${this.renderTemplateOrSlot('subtitle:before')}\n        <div class=\"font-semibold\">${this.data ? content?.(this.data) : ''}&ZeroWidthSpace;</div>\n        ${this.renderTemplateOrSlot('subtitle:after')}\n      </div>\n    `;\n  };\n\n  render(options?: RenderOptions<TData>): TemplateResult {\n    const hiddenSelector = this.hiddenSelector;\n\n    return html`\n      <div\n        aria-live=\"polite\"\n        aria-busy=${!this.data && this.in('busy')}\n        class=\"relative text-body text-m font-lumo leading-m\"\n      >\n        ${hiddenSelector.matches('title', true) ? '' : this.__renderTitle(options?.title)}\n        ${hiddenSelector.matches('subtitle', true) ? '' : this.__renderSubtitle(options?.subtitle)}\n\n        <div\n          class=${classMap({\n            'transition duration-250 ease-in-out absolute inset-0 flex': true,\n            'opacity-0 pointer-events-none': !!this.data,\n          })}\n        >\n          <foxy-spinner\n            data-testid=\"spinner\"\n            class=\"m-auto\"\n            state=${this.in('fail') ? 'error' : this.in({ idle: 'template' }) ? 'empty' : 'busy'}\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"]}
+{"version":3,"file":"TwoLineCard.js","sourceRoot":"","sources":["../../../../src/elements/public/CustomFieldCard/TwoLineCard.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAY,wCAAqC;AAC3E,OAAO,EAAkB,IAAI,EAAE,MAAM,UAAU,CAAC;AAGhD,OAAO,EAAE,cAAc,EAAE,4CAAyC;AAElE,OAAO,EAAE,cAAc,EAAE,qCAAkC;AAC3D,OAAO,EAAE,QAAQ,EAAE,oCAAiC;AAgBpD,MAAM,IAAI,GAAG,iBAAiB,CAAC,cAAc,CAAC,cAAc,CAAC,CAAC,CAAC;AAE/D,MAAM,OAAO,WAA2C,SAAQ,IAAW;IAA3E;;QASE,cAAS,GAAqB,EAAE,CAAC;QAEjC,SAAI,GAAG,EAAE,CAAC;QAEV,OAAE,GAAG,EAAE,CAAC;QAES,kBAAa,GAAG,CAAC,OAA2B,EAAE,EAAE;YAC/D,OAAO,IAAI,CAAA;;UAEL,IAAI,CAAC,oBAAoB,CAAC,cAAc,CAAC;;;YAGvC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAG,IAAI,CAAC,IAAI,EAAE,CAAC,CAAC,EAAE;;;UAGvC,IAAI,CAAC,oBAAoB,CAAC,aAAa,CAAC;;KAE7C,CAAC;QACJ,CAAC,CAAC;QAEe,qBAAgB,GAAG,CAAC,OAA2B,EAAE,EAAE;YAClE,OAAO,IAAI,CAAA;;UAEL,IAAI,CAAC,oBAAoB,CAAC,iBAAiB,CAAC;;;YAG1C,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAG,IAAI,CAAC,IAAI,EAAE,CAAC,CAAC,EAAE;;;UAGvC,IAAI,CAAC,oBAAoB,CAAC,gBAAgB,CAAC;;KAEhD,CAAC;QACJ,CAAC,CAAC;IAgCJ,CAAC;IAxEC,MAAM,KAAK,UAAU;QACnB,OAAO;YACL,GAAG,KAAK,CAAC,UAAU;YACnB,IAAI,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE;YACtB,EAAE,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE;SACrB,CAAC;IACJ,CAAC;IAoCD,MAAM,CAAC,OAA8B;;QACnC,MAAM,cAAc,GAAG,IAAI,CAAC,cAAc,CAAC;QAE3C,OAAO,IAAI,CAAA;;;oBAGK,CAAC,IAAI,CAAC,IAAI,IAAI,IAAI,CAAC,EAAE,CAAC,MAAM,CAAC;;;UAGvC,cAAc,CAAC,OAAO,CAAC,OAAO,EAAE,IAAI,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,aAAa,CAAC,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,KAAK,CAAC;UAC/E,cAAc,CAAC,OAAO,CAAC,UAAU,EAAE,IAAI,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,gBAAgB,CAAC,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,QAAQ,CAAC;;;kBAGhF,QAAQ,CAAC;YACf,2DAA2D,EAAE,IAAI;YACjE,+BAA+B,EAAE,CAAC,CAAC,IAAI,CAAC,IAAI;SAC7C,CAAC;;;;;oBAKQ,IAAI,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,EAAE,CAAC,EAAE,IAAI,EAAE,UAAU,EAAE,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM;mBAC7E,IAAI,CAAC,IAAI;kBACV,IAAI,CAAC,EAAE,IAAI,YAAA,cAAc,CAAC,GAAG,CAAC,cAAc,CAAC,0CAAE,SAAS,mCAAI,EAAE;;;;;KAK3E,CAAC;IACJ,CAAC;CACF","sourcesContent":["import { ConfigurableMixin, Renderer } from '../../../mixins/configurable';\nimport { TemplateResult, html } from 'lit-html';\n\nimport { HALJSONResource } from '../NucleonElement/types';\nimport { NucleonElement } from '../NucleonElement/NucleonElement';\nimport { PropertyDeclarations } from 'lit-element';\nimport { ThemeableMixin } from '../../../mixins/themeable';\nimport { classMap } from '../../../utils/class-map';\n\nexport type TemplateFn<TData extends HALJSONResource> = (data: TData) => TemplateResult;\n\nexport type Templates<TData extends HALJSONResource> = {\n  'title:before'?: Renderer<TData>;\n  'title:after'?: Renderer<TData>;\n  'subtitle:before'?: Renderer<TData>;\n  'subtitle:after'?: Renderer<TData>;\n};\n\nexport type RenderOptions<TData extends HALJSONResource> = {\n  title: TemplateFn<TData>;\n  subtitle: TemplateFn<TData>;\n};\n\nconst Base = ConfigurableMixin(ThemeableMixin(NucleonElement));\n\nexport class TwoLineCard<TData extends HALJSONResource> extends Base<TData> {\n  static get properties(): PropertyDeclarations {\n    return {\n      ...super.properties,\n      lang: { type: String },\n      ns: { type: String },\n    };\n  }\n\n  templates: Templates<TData> = {};\n\n  lang = '';\n\n  ns = '';\n\n  private readonly __renderTitle = (content?: TemplateFn<TData>) => {\n    return html`\n      <div data-testid=\"title\">\n        ${this.renderTemplateOrSlot('title:before')}\n\n        <div class=\"text-secondary truncate\">\n          ${this.data ? content?.(this.data) : ''}&ZeroWidthSpace;\n        </div>\n\n        ${this.renderTemplateOrSlot('title:after')}\n      </div>\n    `;\n  };\n\n  private readonly __renderSubtitle = (content?: TemplateFn<TData>) => {\n    return html`\n      <div data-testid=\"subtitle\">\n        ${this.renderTemplateOrSlot('subtitle:before')}\n\n        <div class=\"font-semibold truncate\">\n          ${this.data ? content?.(this.data) : ''}&ZeroWidthSpace;\n        </div>\n\n        ${this.renderTemplateOrSlot('subtitle:after')}\n      </div>\n    `;\n  };\n\n  render(options?: RenderOptions<TData>): TemplateResult {\n    const hiddenSelector = this.hiddenSelector;\n\n    return html`\n      <div\n        aria-live=\"polite\"\n        aria-busy=${!this.data && this.in('busy')}\n        class=\"relative text-body text-m font-lumo leading-m\"\n      >\n        ${hiddenSelector.matches('title', true) ? '' : this.__renderTitle(options?.title)}\n        ${hiddenSelector.matches('subtitle', true) ? '' : this.__renderSubtitle(options?.subtitle)}\n\n        <div\n          class=${classMap({\n            'transition duration-250 ease-in-out absolute inset-0 flex': true,\n            'opacity-0 pointer-events-none': !!this.data,\n          })}\n        >\n          <foxy-spinner\n            data-testid=\"spinner\"\n            class=\"m-auto\"\n            state=${this.in('fail') ? 'error' : this.in({ idle: 'template' }) ? 'empty' : 'busy'}\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"]}

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

@@ -6,6 +6,17 @@ declare const Base: typeof NucleonElement & import("lit-element").Constructor<im
 } & import("lit-element").Constructor<import("../../../mixins/configurable").ConfigurableMixinHost> & {
     styles: import("lit-element").CSSResultArray;
 };
+/**
+ * Basic card displaying a customer record.
+ *
+ * @slot name:before
+ * @slot name:after
+ * @slot email:before
+ * @slot email:after
+ *
+ * @element foxy-customer-card
+ * @since 1.12.0
+ */
 declare class CustomerCard extends Base<Data> {
     templates: Templates;
     render(): TemplateResult;

package/dist/elements/public/CustomerCard/CustomerCard.js

@@ -6,6 +6,17 @@ import { TranslatableMixin } from "../../../mixins/translatable.js";
 import { classMap } from "../../../utils/class-map.js";
 const NS = 'customer-card';
 const Base = ThemeableMixin(ConfigurableMixin(TranslatableMixin(NucleonElement, NS)));
+/**
+ * Basic card displaying a customer record.
+ *
+ * @slot name:before
+ * @slot name:after
+ * @slot email:before
+ * @slot email:after
+ *
+ * @element foxy-customer-card
+ * @since 1.12.0
+ */
 class CustomerCard extends Base {
     constructor() {
         super(...arguments);
@@ -31,13 +42,13 @@ class CustomerCard extends Base {
         </div>
 
         <div
-          data-testid="spinner"
           class=${classMap({
             'pointer-events-none absolute inset-0 flex transition-opacity': true,
             'opacity-0': !!this.data,
         })}
         >
           <foxy-spinner
+            data-testid="spinner"
             state=${this.in('fail') ? 'error' : this.in({ idle: 'template' }) ? 'empty' : 'busy'}
             class="m-auto"
             lang=${this.lang}
@@ -54,9 +65,11 @@ class CustomerCard extends Base {
         const name = `${(_a = data === null || data === void 0 ? void 0 : data.first_name) !== null && _a !== void 0 ? _a : ''} ${(_b = data === null || data === void 0 ? void 0 : data.last_name) !== null && _b !== void 0 ? _b : ''}`.trim() || '–';
         const content = data ? html `${name}` : html `&ZeroWidthSpace;`;
         return html `
-      ${this.renderTemplateOrSlot('name:before')}
-      <div class="font-semibold text-body truncate">${content}</div>
-      ${this.renderTemplateOrSlot('name:after')}
+      <div data-testid="name">
+        ${this.renderTemplateOrSlot('name:before')}
+        <div class="font-semibold text-body truncate">${content}</div>
+        ${this.renderTemplateOrSlot('name:after')}
+      </div>
     `;
     }
     __renderEmail() {
@@ -65,9 +78,11 @@ class CustomerCard extends Base {
         const email = `${(_a = data === null || data === void 0 ? void 0 : data.email) !== null && _a !== void 0 ? _a : ''}`.trim() || '–';
         const content = data ? html `${email}` : html `&ZeroWidthSpace;`;
         return html `
-      ${this.renderTemplateOrSlot('email:before')}
-      <div class="text-tertiary truncate">${content}</div>
-      ${this.renderTemplateOrSlot('email:after')}
+      <div data-testid="email">
+        ${this.renderTemplateOrSlot('email:before')}
+        <div class="text-tertiary truncate">${content}</div>
+        ${this.renderTemplateOrSlot('email:after')}
+      </div>
     `;
     }
 }

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

@@ -1 +1 @@
-{"version":3,"file":"CustomerCard.js","sourceRoot":"","sources":["../../../../src/elements/public/CustomerCard/CustomerCard.ts"],"names":[],"mappings":"AACA,OAAO,EAAkB,IAAI,EAAE,MAAM,UAAU,CAAC;AAEhD,OAAO,EAAE,iBAAiB,EAAE,wCAAqC;AACjE,OAAO,EAAE,cAAc,EAAE,4CAAyC;AAClE,OAAO,EAAE,cAAc,EAAE,qCAAkC;AAC3D,OAAO,EAAE,iBAAiB,EAAE,wCAAqC;AACjE,OAAO,EAAE,QAAQ,EAAE,oCAAiC;AAEpD,MAAM,EAAE,GAAG,eAAe,CAAC;AAC3B,MAAM,IAAI,GAAG,cAAc,CAAC,iBAAiB,CAAC,iBAAiB,CAAC,cAAc,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC;AAEtF,MAAM,YAAa,SAAQ,IAAU;IAArC;;QACE,cAAS,GAAc,EAAE,CAAC;IA+D5B,CAAC;IA7DC,MAAM;;QACJ,MAAM,cAAc,GAAG,IAAI,CAAC,cAAc,CAAC;QAE3C,OAAO,IAAI,CAAA;;oBAEK,IAAI,CAAC,EAAE,CAAC,MAAM,CAAC;;;;;kBAKjB,QAAQ,CAAC;YACf,+BAA+B,EAAE,IAAI;YACrC,WAAW,EAAE,CAAC,IAAI,CAAC,IAAI;SACxB,CAAC;;YAEA,cAAc,CAAC,OAAO,CAAC,MAAM,EAAE,IAAI,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,YAAY,EAAE;YAC/D,cAAc,CAAC,OAAO,CAAC,OAAO,EAAE,IAAI,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,aAAa,EAAE;;;;;kBAK3D,QAAQ,CAAC;YACf,8DAA8D,EAAE,IAAI;YACpE,WAAW,EAAE,CAAC,CAAC,IAAI,CAAC,IAAI;SACzB,CAAC;;;oBAGQ,IAAI,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,EAAE,CAAC,EAAE,IAAI,EAAE,UAAU,EAAE,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM;;mBAE7E,IAAI,CAAC,IAAI;kBACV,IAAI,CAAC,EAAE,IAAI,YAAA,cAAc,CAAC,GAAG,CAAC,cAAc,CAAC,0CAAE,SAAS,mCAAI,EAAE;;;;;KAK3E,CAAC;IACJ,CAAC;IAEO,YAAY;;QAClB,MAAM,IAAI,GAAG,IAAI,CAAC,IAAI,CAAC;QACvB,MAAM,IAAI,GAAG,GAAG,MAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,UAAU,mCAAI,EAAE,IAAI,MAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,SAAS,mCAAI,EAAE,EAAE,CAAC,IAAI,EAAE,IAAI,GAAG,CAAC;QAChF,MAAM,OAAO,GAAG,IAAI,CAAC,CAAC,CAAC,IAAI,CAAA,GAAG,IAAI,EAAE,CAAC,CAAC,CAAC,IAAI,CAAA,kBAAkB,CAAC;QAE9D,OAAO,IAAI,CAAA;QACP,IAAI,CAAC,oBAAoB,CAAC,aAAa,CAAC;sDACM,OAAO;QACrD,IAAI,CAAC,oBAAoB,CAAC,YAAY,CAAC;KAC1C,CAAC;IACJ,CAAC;IAEO,aAAa;;QACnB,MAAM,IAAI,GAAG,IAAI,CAAC,IAAI,CAAC;QACvB,MAAM,KAAK,GAAG,GAAG,MAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,KAAK,mCAAI,EAAE,EAAE,CAAC,IAAI,EAAE,IAAI,GAAG,CAAC;QACnD,MAAM,OAAO,GAAG,IAAI,CAAC,CAAC,CAAC,IAAI,CAAA,GAAG,KAAK,EAAE,CAAC,CAAC,CAAC,IAAI,CAAA,kBAAkB,CAAC;QAE/D,OAAO,IAAI,CAAA;QACP,IAAI,CAAC,oBAAoB,CAAC,cAAc,CAAC;4CACL,OAAO;QAC3C,IAAI,CAAC,oBAAoB,CAAC,aAAa,CAAC;KAC3C,CAAC;IACJ,CAAC;CACF;AAED,OAAO,EAAE,YAAY,EAAE,CAAC","sourcesContent":["import { Data, Templates } from './types';\nimport { TemplateResult, html } from 'lit-html';\n\nimport { ConfigurableMixin } from '../../../mixins/configurable';\nimport { NucleonElement } from '../NucleonElement/NucleonElement';\nimport { ThemeableMixin } from '../../../mixins/themeable';\nimport { TranslatableMixin } from '../../../mixins/translatable';\nimport { classMap } from '../../../utils/class-map';\n\nconst NS = 'customer-card';\nconst Base = ThemeableMixin(ConfigurableMixin(TranslatableMixin(NucleonElement, NS)));\n\nclass CustomerCard extends Base<Data> {\n  templates: Templates = {};\n\n  render(): TemplateResult {\n    const hiddenSelector = this.hiddenSelector;\n\n    return html`\n      <div\n        aria-busy=${this.in('busy')}\n        aria-live=\"polite\"\n        class=\"relative leading-m font-lumo text-m\"\n      >\n        <div\n          class=${classMap({\n            'leading-xs transition-opacity': true,\n            'opacity-0': !this.data,\n          })}\n        >\n          ${hiddenSelector.matches('name', true) ? '' : this.__renderName()}\n          ${hiddenSelector.matches('email', true) ? '' : this.__renderEmail()}\n        </div>\n\n        <div\n          data-testid=\"spinner\"\n          class=${classMap({\n            'pointer-events-none absolute inset-0 flex transition-opacity': true,\n            'opacity-0': !!this.data,\n          })}\n        >\n          <foxy-spinner\n            state=${this.in('fail') ? 'error' : this.in({ idle: 'template' }) ? 'empty' : 'busy'}\n            class=\"m-auto\"\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 data = this.data;\n    const name = `${data?.first_name ?? ''} ${data?.last_name ?? ''}`.trim() || '–';\n    const content = data ? html`${name}` : html`&ZeroWidthSpace;`;\n\n    return html`\n      ${this.renderTemplateOrSlot('name:before')}\n      <div class=\"font-semibold text-body truncate\">${content}</div>\n      ${this.renderTemplateOrSlot('name:after')}\n    `;\n  }\n\n  private __renderEmail() {\n    const data = this.data;\n    const email = `${data?.email ?? ''}`.trim() || '–';\n    const content = data ? html`${email}` : html`&ZeroWidthSpace;`;\n\n    return html`\n      ${this.renderTemplateOrSlot('email:before')}\n      <div class=\"text-tertiary truncate\">${content}</div>\n      ${this.renderTemplateOrSlot('email:after')}\n    `;\n  }\n}\n\nexport { CustomerCard };\n"]}
+{"version":3,"file":"CustomerCard.js","sourceRoot":"","sources":["../../../../src/elements/public/CustomerCard/CustomerCard.ts"],"names":[],"mappings":"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","sourcesContent":["import { Data, Templates } from './types';\nimport { TemplateResult, html } from 'lit-html';\n\nimport { ConfigurableMixin } from '../../../mixins/configurable';\nimport { NucleonElement } from '../NucleonElement/NucleonElement';\nimport { ThemeableMixin } from '../../../mixins/themeable';\nimport { TranslatableMixin } from '../../../mixins/translatable';\nimport { classMap } from '../../../utils/class-map';\n\nconst NS = 'customer-card';\nconst Base = ThemeableMixin(ConfigurableMixin(TranslatableMixin(NucleonElement, NS)));\n\n/**\n * Basic card displaying a customer record.\n *\n * @slot name:before\n * @slot name:after\n * @slot email:before\n * @slot email:after\n *\n * @element foxy-customer-card\n * @since 1.12.0\n */\nclass CustomerCard extends Base<Data> {\n  templates: Templates = {};\n\n  render(): TemplateResult {\n    const hiddenSelector = this.hiddenSelector;\n\n    return html`\n      <div\n        aria-busy=${this.in('busy')}\n        aria-live=\"polite\"\n        class=\"relative leading-m font-lumo text-m\"\n      >\n        <div\n          class=${classMap({\n            'leading-xs transition-opacity': true,\n            'opacity-0': !this.data,\n          })}\n        >\n          ${hiddenSelector.matches('name', true) ? '' : this.__renderName()}\n          ${hiddenSelector.matches('email', true) ? '' : this.__renderEmail()}\n        </div>\n\n        <div\n          class=${classMap({\n            'pointer-events-none absolute inset-0 flex transition-opacity': true,\n            'opacity-0': !!this.data,\n          })}\n        >\n          <foxy-spinner\n            data-testid=\"spinner\"\n            state=${this.in('fail') ? 'error' : this.in({ idle: 'template' }) ? 'empty' : 'busy'}\n            class=\"m-auto\"\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 data = this.data;\n    const name = `${data?.first_name ?? ''} ${data?.last_name ?? ''}`.trim() || '–';\n    const content = data ? html`${name}` : html`&ZeroWidthSpace;`;\n\n    return html`\n      <div data-testid=\"name\">\n        ${this.renderTemplateOrSlot('name:before')}\n        <div class=\"font-semibold text-body truncate\">${content}</div>\n        ${this.renderTemplateOrSlot('name:after')}\n      </div>\n    `;\n  }\n\n  private __renderEmail() {\n    const data = this.data;\n    const email = `${data?.email ?? ''}`.trim() || '–';\n    const content = data ? html`${email}` : html`&ZeroWidthSpace;`;\n\n    return html`\n      <div data-testid=\"email\">\n        ${this.renderTemplateOrSlot('email:before')}\n        <div class=\"text-tertiary truncate\">${content}</div>\n        ${this.renderTemplateOrSlot('email:after')}\n      </div>\n    `;\n  }\n}\n\nexport { CustomerCard };\n"]}

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

@@ -1,3 +1,4 @@
+import '../../internal/InternalSandbox/index';
 import '../Spinner/index';
 import '../I18n/index';
 import { CustomerCard } from './CustomerCard';

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

@@ -1,3 +1,4 @@
+import "../../internal/InternalSandbox/index.js";
 import "../Spinner/index.js";
 import "../I18n/index.js";
 import { CustomerCard } from "./CustomerCard.js";

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/elements/public/CustomerCard/index.ts"],"names":[],"mappings":"AAAA,6BAA0B;AAC1B,0BAAuB;AAEvB,OAAO,EAAE,YAAY,EAAE,0BAAuB;AAE9C,cAAc,CAAC,MAAM,CAAC,oBAAoB,EAAE,YAAY,CAAC,CAAC;AAE1D,OAAO,EAAE,YAAY,EAAE,CAAC","sourcesContent":["import '../Spinner/index';\nimport '../I18n/index';\n\nimport { CustomerCard } from './CustomerCard';\n\ncustomElements.define('foxy-customer-card', CustomerCard);\n\nexport { CustomerCard };\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/elements/public/CustomerCard/index.ts"],"names":[],"mappings":"AAAA,iDAA8C;AAC9C,6BAA0B;AAC1B,0BAAuB;AAEvB,OAAO,EAAE,YAAY,EAAE,0BAAuB;AAE9C,cAAc,CAAC,MAAM,CAAC,oBAAoB,EAAE,YAAY,CAAC,CAAC;AAE1D,OAAO,EAAE,YAAY,EAAE,CAAC","sourcesContent":["import '../../internal/InternalSandbox/index';\nimport '../Spinner/index';\nimport '../I18n/index';\n\nimport { CustomerCard } from './CustomerCard';\n\ncustomElements.define('foxy-customer-card', CustomerCard);\n\nexport { CustomerCard };\n"]}

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

@@ -0,0 +1,24 @@
+import { TemplateResult } from 'lit-html';
+import { Data } from './types';
+import { TwoLineCard } from '../CustomFieldCard/TwoLineCard';
+declare const TaxCard_base: typeof TwoLineCard & import("lit-element").Constructor<import("../../../mixins/translatable").TranslatableMixinHost> & {
+    defaultNS: string;
+};
+/**
+ * Basic card displaying an applied tax.
+ *
+ * @slot title:before
+ * @slot title:after
+ *
+ * @slot subtitle:before
+ * @slot subtitle:after
+ *
+ * @element foxy-tax-card
+ * @since 1.13.0
+ */
+export declare class TaxCard extends TaxCard_base<Data> {
+    render(): TemplateResult;
+    private get __typeLabel();
+    private get __rateLabel();
+}
+export {};

package/dist/elements/public/TaxCard/TaxCard.js

@@ -0,0 +1,52 @@
+import { html } from 'lit-html';
+import { TranslatableMixin } from "../../../mixins/translatable.js";
+import { TwoLineCard } from "../CustomFieldCard/TwoLineCard.js";
+/**
+ * Basic card displaying an applied tax.
+ *
+ * @slot title:before
+ * @slot title:after
+ *
+ * @slot subtitle:before
+ * @slot subtitle:after
+ *
+ * @element foxy-tax-card
+ * @since 1.13.0
+ */
+export class TaxCard extends TranslatableMixin(TwoLineCard, 'tax-card') {
+    render() {
+        return super.render({
+            title: ({ name }) => html `${name}`,
+            subtitle: () => html `${this.__typeLabel} • ${this.__rateLabel}`,
+        });
+    }
+    get __typeLabel() {
+        var _a;
+        const { type, country, region, city } = (_a = this.data) !== null && _a !== void 0 ? _a : {};
+        if (type === 'global')
+            return this.t('tax_global');
+        if (type === 'union')
+            return this.t('tax_union');
+        if (type === 'country')
+            return country;
+        if (type === 'region')
+            return `${country}, ${region}`;
+        if (type === 'local')
+            return `${country}, ${region}, ${city}`;
+    }
+    get __rateLabel() {
+        var _a, _b;
+        if (((_a = this.data) === null || _a === void 0 ? void 0 : _a.is_live) === false) {
+            return this.t('percent', { fraction: this.data.rate / 100 });
+        }
+        const provider = (_b = this.data) === null || _b === void 0 ? void 0 : _b.service_provider;
+        if (provider === 'onesource')
+            return 'Thomson Reuters ONESOURCE';
+        if (provider === 'avalara')
+            return 'Avalara AvaTax 15';
+        if (provider === 'taxjar')
+            return 'TaxJar';
+        return this.t('tax_rate_provider_default');
+    }
+}
+//# sourceMappingURL=TaxCard.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TaxCard.js","sourceRoot":"","sources":["../../../../src/elements/public/TaxCard/TaxCard.ts"],"names":[],"mappings":"AAAA,OAAO,EAAkB,IAAI,EAAE,MAAM,UAAU,CAAC;AAGhD,OAAO,EAAE,iBAAiB,EAAE,wCAAqC;AACjE,OAAO,EAAE,WAAW,EAAE,0CAAuC;AAE7D;;;;;;;;;;;GAWG;AACH,MAAM,OAAO,OAAQ,SAAQ,iBAAiB,CAAC,WAAW,EAAE,UAAU,CAAO;IAC3E,MAAM;QACJ,OAAO,KAAK,CAAC,MAAM,CAAC;YAClB,KAAK,EAAE,CAAC,EAAE,IAAI,EAAE,EAAE,EAAE,CAAC,IAAI,CAAA,GAAG,IAAI,EAAE;YAClC,QAAQ,EAAE,GAAG,EAAE,CAAC,IAAI,CAAA,GAAG,IAAI,CAAC,WAAW,WAAW,IAAI,CAAC,WAAW,EAAE;SACrE,CAAC,CAAC;IACL,CAAC;IAED,IAAY,WAAW;;QACrB,MAAM,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,EAAE,IAAI,EAAE,SAAG,IAAI,CAAC,IAAI,mCAAI,EAAE,CAAC;QAExD,IAAI,IAAI,KAAK,QAAQ;YAAE,OAAO,IAAI,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC;QACnD,IAAI,IAAI,KAAK,OAAO;YAAE,OAAO,IAAI,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC;QACjD,IAAI,IAAI,KAAK,SAAS;YAAE,OAAO,OAAO,CAAC;QACvC,IAAI,IAAI,KAAK,QAAQ;YAAE,OAAO,GAAG,OAAO,KAAK,MAAM,EAAE,CAAC;QACtD,IAAI,IAAI,KAAK,OAAO;YAAE,OAAO,GAAG,OAAO,KAAK,MAAM,KAAK,IAAI,EAAE,CAAC;IAChE,CAAC;IAED,IAAY,WAAW;;QACrB,IAAI,OAAA,IAAI,CAAC,IAAI,0CAAE,OAAO,MAAK,KAAK,EAAE;YAChC,OAAO,IAAI,CAAC,CAAC,CAAC,SAAS,EAAE,EAAE,QAAQ,EAAE,IAAI,CAAC,IAAI,CAAC,IAAI,GAAG,GAAG,EAAE,CAAC,CAAC;SAC9D;QAED,MAAM,QAAQ,GAAG,MAAA,IAAI,CAAC,IAAI,0CAAE,gBAAsC,CAAC;QAEnE,IAAI,QAAQ,KAAK,WAAW;YAAE,OAAO,2BAA2B,CAAC;QACjE,IAAI,QAAQ,KAAK,SAAS;YAAE,OAAO,mBAAmB,CAAC;QACvD,IAAI,QAAQ,KAAK,QAAQ;YAAE,OAAO,QAAQ,CAAC;QAE3C,OAAO,IAAI,CAAC,CAAC,CAAC,2BAA2B,CAAC,CAAC;IAC7C,CAAC;CACF","sourcesContent":["import { TemplateResult, html } from 'lit-html';\n\nimport { Data } from './types';\nimport { TranslatableMixin } from '../../../mixins/translatable';\nimport { TwoLineCard } from '../CustomFieldCard/TwoLineCard';\n\n/**\n * Basic card displaying an applied tax.\n *\n * @slot title:before\n * @slot title:after\n *\n * @slot subtitle:before\n * @slot subtitle:after\n *\n * @element foxy-tax-card\n * @since 1.13.0\n */\nexport class TaxCard extends TranslatableMixin(TwoLineCard, 'tax-card')<Data> {\n  render(): TemplateResult {\n    return super.render({\n      title: ({ name }) => html`${name}`,\n      subtitle: () => html`${this.__typeLabel} &bull; ${this.__rateLabel}`,\n    });\n  }\n\n  private get __typeLabel() {\n    const { type, country, region, city } = this.data ?? {};\n\n    if (type === 'global') return this.t('tax_global');\n    if (type === 'union') return this.t('tax_union');\n    if (type === 'country') return country;\n    if (type === 'region') return `${country}, ${region}`;\n    if (type === 'local') return `${country}, ${region}, ${city}`;\n  }\n\n  private get __rateLabel() {\n    if (this.data?.is_live === false) {\n      return this.t('percent', { fraction: this.data.rate / 100 });\n    }\n\n    const provider = this.data?.service_provider as string | undefined;\n\n    if (provider === 'onesource') return 'Thomson Reuters ONESOURCE';\n    if (provider === 'avalara') return 'Avalara AvaTax 15';\n    if (provider === 'taxjar') return 'TaxJar';\n\n    return this.t('tax_rate_provider_default');\n  }\n}\n"]}

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

@@ -0,0 +1,5 @@
+import '../../internal/InternalSandbox/index';
+import '../Spinner/index';
+import '../I18n/index';
+import { TaxCard } from './TaxCard';
+export { TaxCard };

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

@@ -0,0 +1,7 @@
+import "../../internal/InternalSandbox/index.js";
+import "../Spinner/index.js";
+import "../I18n/index.js";
+import { TaxCard } from "./TaxCard.js";
+customElements.define('foxy-tax-card', TaxCard);
+export { TaxCard };
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/elements/public/TaxCard/index.ts"],"names":[],"mappings":"AAAA,iDAA8C;AAC9C,6BAA0B;AAC1B,0BAAuB;AAEvB,OAAO,EAAE,OAAO,EAAE,qBAAkB;AAEpC,cAAc,CAAC,MAAM,CAAC,eAAe,EAAE,OAAO,CAAC,CAAC;AAEhD,OAAO,EAAE,OAAO,EAAE,CAAC","sourcesContent":["import '../../internal/InternalSandbox/index';\nimport '../Spinner/index';\nimport '../I18n/index';\n\nimport { TaxCard } from './TaxCard';\n\ncustomElements.define('foxy-tax-card', TaxCard);\n\nexport { TaxCard };\n"]}

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

@@ -0,0 +1,3 @@
+import { Rels } from '@foxy.io/sdk/backend';
+import { Resource } from '@foxy.io/sdk/core';
+export declare type Data = Resource<Rels.Tax>;

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

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

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

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