@foxy.io/elements 1.27.0-beta.6 → 1.27.0-beta.8

package/dist/cdn/translations/payment-card-embed/en.json

@@ -0,0 +1,48 @@
+{
+  "stripe": {
+    "label": "Card details",
+    "status": {
+      "idle": "Your card details are securely processed by Stripe. Visit https://stripe.com to learn more.",
+      "busy": "Encrypting your card details...",
+      "fail": "This service is currently unavailable. Please try again later.",
+      "unsupported": "We don't support this card type. Please try another card."
+    }
+  },
+  "square": {
+    "label": "Card details",
+    "status": {
+      "idle": "Your card details are securely processed by Square. Visit https://squareup.com to learn more.",
+      "busy": "Encrypting your card details...",
+      "fail": "This service is currently unavailable. Please try again later.",
+      "unsupported": "We don't support this card type. Please try another card."
+    }
+  },
+  "default": {
+    "cc-number": {
+      "label": "Card number",
+      "placeholder": "1234 1234 1234 1234",
+      "v8n_required": "Enter a card number.",
+      "v8n_invalid": "Check your card number – it doesn't seem to be valid.",
+      "v8n_unsupported": "We don't support this card type."
+    },
+    "cc-exp": {
+      "label": "Expires on",
+      "placeholder": "MM/YYYY",
+      "v8n_required": "Enter an expiry date.",
+      "v8n_invalid": "Enter a date as MM/YYYY.",
+      "v8n_expired": "Your card has expired."
+    },
+    "cc-csc": {
+      "label": "CSC",
+      "placeholder": "XXX",
+      "v8n_required": "Enter a security code.",
+      "v8n_invalid": "Enter a 3-4 digits code."
+    },
+    "status": {
+      "idle": "Your card details are securely processed by Foxy.io. Visit https://foxy.io to learn more.",
+      "busy": "Encrypting your card details...",
+      "fail": "This service is currently unavailable. Please try again later.",
+      "misconfigured": "This form is not configured correctly. If you are seeing this message as a customer, please report this issue to the store support team."
+    }
+  }
+}

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

@@ -1,13 +1,160 @@
 {
   "cancel": "Cancel",
   "delete": "Delete",
-  "delete_prompt": "This resource will be permanently removed. Are you sure?",
+  "add": "Add payment method",
+  "update": "Update payment method",
+  "delete_prompt": "This payment method will be permanently deleted from your account. Would you like to continue?",
   "expires": "Expires",
   "last_4_digits": "Last 4 digits",
   "unknown": "Unknown",
+  "dialog": {
+    "close": "Close",
+    "dialog_header_add": "Add payment method",
+    "dialog_header_update": "Update payment method",
+    "update-payment-method-form": {
+      "status": {
+        "cc_token_success": "Card details saved successfully.",
+        "close": "Close"
+      },
+      "error": {
+        "cc_token_invalid": "Unfortunately, we couldn't save your card details. Please try again later or use a different card."
+      },
+      "template-set": {
+        "label": "Template set",
+        "dialog": {
+          "cancel": "Cancel",
+          "close": "Close",
+          "header": "Choose a template set",
+          "selection": {
+            "label": "",
+            "helper_text": "",
+            "search": "Search",
+            "clear": "Clear",
+            "pagination": {
+              "search_button_text": "Search",
+              "first": "First",
+              "last": "Last",
+              "next": "Next",
+              "pagination": "{{from}}-{{to}} out of {{total}}",
+              "previous": "Previous",
+              "card": {
+                "spinner": {
+                  "loading_busy": "Loading",
+                  "loading_empty": "No template sets found",
+                  "loading_error": "Unknown error"
+                }
+              }
+            },
+            "query-builder": {
+              "filters": {},
+              "add_or_clause": "Add OR clause",
+              "add_value": "Add value",
+              "code": "Code",
+              "date": "{{value, date}}",
+              "date_created": "Created on",
+              "date_modified": "Last updated on",
+              "delete": "Delete",
+              "field": "Field",
+              "hidden": "Hidden",
+              "is_defined_false": "Not defined",
+              "is_defined_true": "Defined",
+              "name": "Name",
+              "operator_equal": "Equal",
+              "operator_greaterthan": "Greater than",
+              "operator_greaterthanorequal": "Greater than or equal",
+              "operator_in": "One of",
+              "operator_isdefined": "Is defined",
+              "operator_lessthan": "Less than",
+              "operator_lessthanorequal": "Less than or equal",
+              "operator_not": "Not equal",
+              "or": "Or",
+              "query_builder_group": "Group of filters",
+              "query_builder_rule": "Filter",
+              "range_from": "From",
+              "range_to": "To",
+              "type": "Type",
+              "type_any": "Field of unknown type",
+              "type_attribute": "Key-value resource",
+              "type_date": "Date field",
+              "type_here": "Type here...",
+              "type_number": "Numeric field",
+              "type_string": "Text field",
+              "used_codes": "Codes used",
+              "value": "Value"
+            }
+          }
+        },
+        "card": {
+          "spinner": {
+            "loading_busy": "Loading",
+            "loading_empty": "Click to select",
+            "loading_error": "Unknown error"
+          }
+        },
+        "helper_text": "Template set determines which payment gateway and tokenization service will be used to capture card details."
+      },
+      "cc-token": {
+        "tokenize": "Save card",
+        "payment-card-embed": {
+          "stripe": {
+            "label": "Card details",
+            "status": {
+              "idle": "Your card details are securely processed by Stripe. Visit https://stripe.com to learn more.",
+              "busy": "Encrypting your card details...",
+              "fail": "This service is currently unavailable. Please try again later.",
+              "unsupported": "We don't support this card type. Please try another card."
+            }
+          },
+          "square": {
+            "label": "Card details",
+            "status": {
+              "idle": "Your card details are securely processed by Square. Visit https://squareup.com to learn more.",
+              "busy": "Encrypting your card details...",
+              "fail": "This service is currently unavailable. Please try again later.",
+              "unsupported": "We don't support this card type. Please try another card."
+            }
+          },
+          "default": {
+            "cc-number": {
+              "label": "Card number",
+              "placeholder": "1234 1234 1234 1234",
+              "v8n_required": "Enter a card number.",
+              "v8n_invalid": "Check your card number – it doesn't seem to be valid.",
+              "v8n_unsupported": "We don't support this card type."
+            },
+            "cc-exp": {
+              "label": "Expires on",
+              "placeholder": "MM/YYYY",
+              "v8n_required": "Enter an expiry date.",
+              "v8n_invalid": "Enter a date as MM/YYYY.",
+              "v8n_expired": "Your card has expired."
+            },
+            "cc-csc": {
+              "label": "CSC",
+              "placeholder": "XXX",
+              "v8n_required": "Enter a security code.",
+              "v8n_invalid": "Enter a 3-4 digits code."
+            },
+            "status": {
+              "idle": "Your card details are securely processed by Foxy.io. Visit https://foxy.io to learn more.",
+              "busy": "Encrypting your card details...",
+              "fail": "This service is currently unavailable. Please try again later.",
+              "misconfigured": "This form is not configured correctly. If you are seeing this message as a customer, please report this issue to the store support team."
+            }
+          }
+        }
+      },
+      "spinner": {
+        "refresh": "Refresh",
+        "loading_busy": "Loading",
+        "loading_error": "Unknown error",
+        "loading_empty": "This form works only with existing payment methods"
+      }
+    }
+  },
   "spinner": {
     "loading_busy": "Loading",
-    "loading_empty": "No data",
+    "loading_empty": "No payment method",
     "loading_error": "Unknown error"
   }
 }

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

@@ -1,6 +1,6 @@
 {
-  "select_method_title": "Select a payment method to get started",
-  "select_another_button_label": "Back to payment methods",
+  "select_method_title": "Select a payment method",
+  "select_another_button_label": "Select another",
   "default_additional_field_placeholder": "None",
   "conflict_message": "Remove {{ name }} to use this method",
   "tab_live": "Live setup",

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

@@ -0,0 +1,140 @@
+{
+  "status": {
+    "cc_token_success": "Card details saved successfully.",
+    "close": "Close"
+  },
+  "error": {
+    "cc_token_invalid": "Unfortunately, we couldn't save your card details. Please try again later or use a different card."
+  },
+  "template-set": {
+    "label": "Template set",
+    "dialog": {
+      "cancel": "Cancel",
+      "close": "Close",
+      "header": "Choose a template set",
+      "selection": {
+        "label": "",
+        "helper_text": "",
+        "search": "Search",
+        "clear": "Clear",
+        "pagination": {
+          "search_button_text": "Search",
+          "first": "First",
+          "last": "Last",
+          "next": "Next",
+          "pagination": "{{from}}-{{to}} out of {{total}}",
+          "previous": "Previous",
+          "card": {
+            "spinner": {
+              "loading_busy": "Loading",
+              "loading_empty": "No template sets found",
+              "loading_error": "Unknown error"
+            }
+          }
+        },
+        "query-builder": {
+          "filters": {},
+          "add_or_clause": "Add OR clause",
+          "add_value": "Add value",
+          "code": "Code",
+          "date": "{{value, date}}",
+          "date_created": "Created on",
+          "date_modified": "Last updated on",
+          "delete": "Delete",
+          "field": "Field",
+          "hidden": "Hidden",
+          "is_defined_false": "Not defined",
+          "is_defined_true": "Defined",
+          "name": "Name",
+          "operator_equal": "Equal",
+          "operator_greaterthan": "Greater than",
+          "operator_greaterthanorequal": "Greater than or equal",
+          "operator_in": "One of",
+          "operator_isdefined": "Is defined",
+          "operator_lessthan": "Less than",
+          "operator_lessthanorequal": "Less than or equal",
+          "operator_not": "Not equal",
+          "or": "Or",
+          "query_builder_group": "Group of filters",
+          "query_builder_rule": "Filter",
+          "range_from": "From",
+          "range_to": "To",
+          "type": "Type",
+          "type_any": "Field of unknown type",
+          "type_attribute": "Key-value resource",
+          "type_date": "Date field",
+          "type_here": "Type here...",
+          "type_number": "Numeric field",
+          "type_string": "Text field",
+          "used_codes": "Codes used",
+          "value": "Value"
+        }
+      }
+    },
+    "card": {
+      "spinner": {
+        "loading_busy": "Loading",
+        "loading_empty": "Click to select",
+        "loading_error": "Unknown error"
+      }
+    },
+    "helper_text": "Template set determines which payment gateway and tokenization service will be used to capture card details."
+  },
+  "cc-token": {
+    "tokenize": "Save card",
+    "payment-card-embed": {
+      "stripe": {
+        "label": "Card details",
+        "status": {
+          "idle": "Your card details are securely processed by Stripe. Visit https://stripe.com to learn more.",
+          "busy": "Encrypting your card details...",
+          "fail": "This service is currently unavailable. Please try again later.",
+          "unsupported": "We don't support this card type. Please try a different card."
+        }
+      },
+      "square": {
+        "label": "Card details",
+        "status": {
+          "idle": "Your card details are securely processed by Square. Visit https://squareup.com to learn more.",
+          "busy": "Encrypting your card details...",
+          "fail": "This service is currently unavailable. Please try again later.",
+          "unsupported": "We don't support this card type. Please try a different card."
+        }
+      },
+      "default": {
+        "cc-number": {
+          "label": "Card number",
+          "placeholder": "1234 1234 1234 1234",
+          "v8n_required": "Enter a card number.",
+          "v8n_invalid": "Check your card number – it doesn't seem to be valid.",
+          "v8n_unsupported": "We don't support this card type."
+        },
+        "cc-exp": {
+          "label": "Expires on",
+          "placeholder": "MM/YYYY",
+          "v8n_required": "Enter an expiry date.",
+          "v8n_invalid": "Enter a date as MM/YYYY.",
+          "v8n_expired": "Your card has expired."
+        },
+        "cc-csc": {
+          "label": "CSC",
+          "placeholder": "XXX",
+          "v8n_required": "Enter a security code.",
+          "v8n_invalid": "Enter a 3-4 digits code."
+        },
+        "status": {
+          "idle": "Your card details are securely processed by Foxy.io. Visit https://foxy.io to learn more.",
+          "busy": "Encrypting your card details...",
+          "fail": "This service is currently unavailable. Please try again later.",
+          "misconfigured": "This form is not configured correctly. If you are seeing this message as a customer, please report this issue to the store support team."
+        }
+      }
+    }
+  },
+  "spinner": {
+    "refresh": "Refresh",
+    "loading_busy": "Loading",
+    "loading_error": "Unknown error",
+    "loading_empty": "This form works only with existing payment methods"
+  }
+}

package/dist/elements/internal/InternalAsyncListControl/InternalAsyncListControl.js

@@ -70,11 +70,19 @@ export class InternalAsyncListControl extends InternalEditableControl {
             }
             else {
                 const handleClick = (evt) => {
-                    const button = evt.currentTarget;
-                    const dialog = this.__dialog;
-                    dialog.header = 'header_update';
-                    dialog.href = ctx.href;
-                    dialog.show(button);
+                    const clickEvent = new CustomEvent('itemclick', {
+                        cancelable: true,
+                        composed: true,
+                        bubbles: true,
+                        detail: ctx.href,
+                    });
+                    if (this.dispatchEvent(clickEvent)) {
+                        const button = evt.currentTarget;
+                        const dialog = this.__dialog;
+                        dialog.header = 'header_update';
+                        dialog.href = ctx.href;
+                        dialog.show(button);
+                    }
                 };
                 clickableItem = html `
         <button ?disabled=${isDisabled} class=${wrapperClass} @click=${handleClick}>${card}</button>
@@ -214,7 +222,7 @@ export class InternalAsyncListControl extends InternalEditableControl {
             >
             </foxy-internal-confirm-dialog>
           `}
-      <div class="flex items-center justify-between mb-xs text-s font-medium">
+      <div class="flex gap-m items-center justify-between mb-xs text-s font-medium">
         <span class="text-secondary">
           ${this.label && this.label !== 'label' ? this.label : ''}
         </span>
@@ -241,7 +249,7 @@ export class InternalAsyncListControl extends InternalEditableControl {
 
               <vaadin-button
                 theme="tertiary-inline contrast"
-                class="ml-auto mr-m"
+                class="ml-auto"
                 id="filters"
                 ?disabled=${this.disabled}
                 @click=${() => (this.__isFilterVisible = !this.__isFilterVisible)}

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

@@ -1 +1 @@
-{"version":3,"file":"InternalAsyncListControl.js","sourceRoot":"","sources":["../../../../src/elements/internal/InternalAsyncListControl/InternalAsyncListControl.ts"],"names":[],"mappings":"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","sourcesContent":["import type { PropertyDeclarations, TemplateResult } from 'lit-element';\nimport type { CollectionPage, NucleonElement } from '../../public/index';\nimport type { InternalConfirmDialog } from '../InternalConfirmDialog';\nimport type { DialogHideEvent } from '../../private/Dialog/DialogHideEvent';\nimport type { ItemRenderer } from '../../public/CollectionPage/types';\nimport type { FormDialog } from '../../index';\nimport type { Option } from '../../public/QueryBuilder/types';\nimport type { Action } from './types';\n\nimport { InternalEditableControl } from '../InternalEditableControl/InternalEditableControl';\nimport { ifDefined } from 'lit-html/directives/if-defined';\nimport { classMap } from '../../../utils/class-map';\nimport { html } from 'lit-element';\n\nexport class InternalAsyncListControl extends InternalEditableControl {\n  static get properties(): PropertyDeclarations {\n    return {\n      ...super.properties,\n      keepDialogOpenOnDelete: { type: Boolean, attribute: 'keep-dialog-open-on-delete' },\n      keepDialogOpenOnPost: { type: Boolean, attribute: 'keep-dialog-open-on-post' },\n      hideDeleteButton: { type: Boolean, attribute: 'hide-delete-button' },\n      hideCreateButton: { type: Boolean, attribute: 'hide-create-button' },\n      createPageHref: { attribute: 'create-page-href' },\n      getPageHref: { attribute: false },\n      related: { type: Array },\n      first: {},\n      limit: { type: Number },\n      form: {},\n      formProps: { type: Object, attribute: 'form-props' },\n      item: {},\n      itemProps: { type: Object, attribute: 'item-props' },\n      wide: { type: Boolean },\n      alert: { type: Boolean },\n      actions: { type: Array },\n      filters: { type: Array },\n      __filter: { attribute: false },\n      __isFilterVisible: { attribute: false },\n    };\n  }\n\n  /** If true, FormDialog won't automatically close after the associated form deletes the resource. */\n  keepDialogOpenOnDelete = false;\n\n  /** If true, FormDialog won't automatically close after the associated form creates a resource. */\n  keepDialogOpenOnPost = false;\n\n  /** If provided, renders Create button as a link to this page. */\n  createPageHref: string | null = null;\n\n  /** Same as the `related` property of `NucleonElement`. */\n  related = [] as string[];\n\n  /** Swipe actions. */\n  actions = [] as Action[];\n\n  /** Query parameters to apply to the `first` URL. */\n  filters = [] as Option[];\n\n  /** Limit query parameter to apply to the `first` URL. */\n  limit = 20;\n\n  /** URI of the first page of the hAPI collection to display. */\n  first: string | null = null;\n\n  /** Same as the `form` property of `FormDialog`. If set, will open a dialog on item click. */\n  form: FormDialog['form'] = null;\n\n  /** Props to pass through to the form rendered by `FormDialog`. */\n  formProps: Record<string, unknown> = {};\n\n  /** Same as the `item` property of `CollectionPage`. */\n  item: CollectionPage<any>['item'] = null;\n\n  /** Props to pass through to the `CollectionPage` rendering items. */\n  itemProps: Record<string, unknown> = {};\n\n  /** Same as the `wide` property of `FormDialog`. */\n  wide = false;\n\n  /** Same as the `alert` property of `FormDialog`. */\n  alert = false;\n\n  /** Hides Delete Swipe Action if true. */\n  hideDeleteButton = false;\n\n  /** Hides Create button if true. */\n  hideCreateButton = false;\n\n  /** If set, renders list items as <a> tags. */\n  getPageHref: ((itemHref: string, item: unknown) => string | null) | null = null;\n\n  private __deletionConfimationCallback: (() => void) | null = null;\n\n  private __cachedCardRenderer: {\n    item: InternalAsyncListControl['item'];\n    render: ItemRenderer;\n  } | null = null;\n\n  private __isFilterVisible = false;\n\n  private __itemRenderer: ItemRenderer = ctx => {\n    if (!ctx.data) return this.__cardRenderer(ctx);\n\n    const href = this.getPageHref?.(ctx.href, ctx.data);\n    if (typeof href !== 'string' && !this.form) return this.__cardRenderer(ctx);\n\n    const isDisabled = this.disabledSelector.matches('card', true);\n    const card = this.__cardRenderer(ctx);\n    let clickableItem: TemplateResult;\n\n    const wrapperClass = classMap({\n      'rounded-t': !ctx.previous,\n      'rounded-b': !ctx.next,\n      'focus-outline-none focus-ring-2 focus-ring-inset focus-ring-primary-50': true,\n      'text-left w-full block transition-colors': true,\n      'hover-bg-contrast-5': !isDisabled,\n    });\n\n    if (this.getPageHref) {\n      if (isDisabled) {\n        clickableItem = html`<div class=${wrapperClass}>${card}</div>`;\n      } else {\n        const href = this.getPageHref(ctx.href, ctx.data);\n        clickableItem = html`<a class=${wrapperClass} href=${href}>${card}</a>`;\n      }\n    } else {\n      const handleClick = (evt: Event) => {\n        const button = evt.currentTarget as HTMLButtonElement;\n        const dialog = this.__dialog;\n\n        dialog.header = 'header_update';\n        dialog.href = ctx.href;\n        dialog.show(button);\n      };\n\n      clickableItem = html`\n        <button ?disabled=${isDisabled} class=${wrapperClass} @click=${handleClick}>${card}</button>\n      `;\n    }\n\n    if (this.hideDeleteButton || this.readonly) return clickableItem;\n\n    return html`\n      <foxy-swipe-actions class=\"block\">\n        ${clickableItem}\n        ${this.actions.map(action => {\n          return html`\n            <vaadin-button\n              data-testclass=\"action\"\n              theme=${action.theme}\n              class=\"h-full rounded-none relative\"\n              slot=\"action\"\n              ?disabled=${this.disabled}\n              @click=${() => action.onClick(ctx.data!)}\n            >\n              <foxy-i18n\n                class=${classMap({\n                  'transition-opacity': true,\n                  'opacity-0': action.state !== 'idle',\n                })}\n                infer=\"\"\n                key=${action.text}\n              >\n              </foxy-i18n>\n              <div\n                class=${classMap({\n                  'absolute inset-0 flex items-center justify-center transition-opacity': true,\n                  'opacity-0': action.state === 'idle',\n                })}\n              >\n                <foxy-spinner layout=\"no-label\" infer=\"spinner\" state=${action.state}>\n                </foxy-spinner>\n              </div>\n            </vaadin-button>\n          `;\n        })}\n\n        <vaadin-button\n          theme=\"primary error\"\n          class=\"h-full rounded-none\"\n          slot=\"action\"\n          @click=${(evt: CustomEvent) => {\n            const button = evt.currentTarget as HTMLElement;\n            const confirm = this.renderRoot.querySelector('#confirm') as InternalConfirmDialog;\n\n            confirm.show(button);\n\n            this.__deletionConfimationCallback = () => {\n              const cardButton = button.parentElement!.firstElementChild!;\n              const card = cardButton.querySelector<NucleonElement<any>>('[href]');\n\n              card?.delete();\n              this.__deletionConfimationCallback = null;\n            };\n          }}\n        >\n          <foxy-i18n infer=\"\" key=\"delete_button_text\"></foxy-i18n>\n        </vaadin-button>\n      </foxy-swipe-actions>\n    `;\n  };\n\n  private __filter = '';\n\n  renderControl(): TemplateResult {\n    let first: string | undefined;\n\n    try {\n      const url = new URL(this.first ?? '');\n      const filter = new URLSearchParams(this.__filter);\n\n      url.searchParams.set('limit', String(this.limit));\n      filter.forEach((value, key) => url.searchParams.set(key, value));\n      first = url.toString();\n    } catch {\n      first = undefined;\n    }\n\n    return html`\n      ${this.form\n        ? html`\n            <foxy-form-dialog\n              parent=${ifDefined(this.first ?? void 0)}\n              infer=\"dialog\"\n              id=\"form\"\n              ?wide=${this.wide}\n              ?alert=${this.alert}\n              ?keep-open-on-post=${this.keepDialogOpenOnPost}\n              ?keep-open-on-delete=${this.keepDialogOpenOnDelete}\n              .related=${this.related}\n              .props=${this.formProps}\n              .form=${this.form as any}\n            >\n            </foxy-form-dialog>\n          `\n        : ''}\n      ${this.hideDeleteButton || this.readonly\n        ? ''\n        : html`\n            <foxy-internal-confirm-dialog\n              message=\"delete_message\"\n              confirm=\"delete_confirm\"\n              cancel=\"delete_cancel\"\n              header=\"delete_header\"\n              theme=\"error\"\n              infer=\"\"\n              id=\"confirm\"\n              @hide=${(evt: DialogHideEvent) => {\n                if (!evt.detail.cancelled) this.__deletionConfimationCallback?.();\n              }}\n            >\n            </foxy-internal-confirm-dialog>\n          `}\n      <div class=\"flex items-center justify-between mb-xs text-s font-medium\">\n        <span class=\"text-secondary\">\n          ${this.label && this.label !== 'label' ? this.label : ''}\n        </span>\n\n        ${this.filters.length > 0\n          ? html`\n              <foxy-internal-async-list-control-filter-overlay\n                .noVerticalOverlap=${true}\n                .positionTarget=${this.renderRoot.querySelector('#filters')}\n                .model=${{\n                  options: this.filters,\n                  value: this.__filter,\n                  lang: this.lang,\n                  ns: this.ns,\n                }}\n                ?opened=${this.__isFilterVisible}\n                @vaadin-overlay-close=${() => (this.__isFilterVisible = false)}\n                @search=${(evt: CustomEvent<string | undefined>) => {\n                  this.__filter = evt.detail ?? '';\n                }}\n              >\n              </foxy-internal-async-list-control-filter-overlay>\n\n              <vaadin-button\n                theme=\"tertiary-inline contrast\"\n                class=\"ml-auto mr-m\"\n                id=\"filters\"\n                ?disabled=${this.disabled}\n                @click=${() => (this.__isFilterVisible = !this.__isFilterVisible)}\n              >\n                <foxy-i18n infer=\"pagination\" key=\"search_button_text\"></foxy-i18n>\n              </vaadin-button>\n            `\n          : ''}\n        ${(!this.form && !this.createPageHref) || this.readonly || this.hideCreateButton\n          ? ''\n          : this.createPageHref && !this.disabled\n          ? html`\n              <a\n                class=\"rounded-s text-primary group focus-outline-none focus-ring-2 focus-ring-primary-50\"\n                href=${this.createPageHref}\n              >\n                <foxy-i18n\n                  class=\"transition-opacity group-hover-opacity-80\"\n                  infer=\"\"\n                  key=\"create_button_text\"\n                >\n                </foxy-i18n>\n              </a>\n            `\n          : html`\n              <vaadin-button\n                theme=\"tertiary-inline\"\n                ?disabled=${this.disabled}\n                @click=${(evt: Event) => {\n                  evt.preventDefault();\n                  evt.stopPropagation();\n\n                  const dialog = this.__dialog;\n                  const button = evt.currentTarget as HTMLButtonElement;\n\n                  dialog.header = 'header_create';\n                  dialog.href = '';\n                  dialog.show(button);\n                }}\n              >\n                <foxy-i18n infer=\"pagination\" key=\"create_button_text\"></foxy-i18n>\n              </vaadin-button>\n            `}\n      </div>\n\n      <foxy-pagination first=${ifDefined(first)} infer=\"pagination\">\n        <foxy-collection-page\n          class=${classMap({\n            'block divide-y divide-contrast-5 rounded overflow-hidden': true,\n            'ring-1 ring-inset ring-contrast-10': !this.form && !this.getPageHref,\n            'bg-contrast-5': !!this.form || !!this.getPageHref,\n          })}\n          infer=\"card\"\n          .related=${this.related}\n          .props=${this.itemProps}\n          .item=${this.__itemRenderer as any}\n        >\n        </foxy-collection-page>\n      </foxy-pagination>\n\n      <div\n        class=${classMap({\n          'transition-colors mt-xs text-xs': true,\n          'text-secondary group-hover-text-body': !this.disabled && !this.readonly,\n          'text-disabled': this.disabled,\n        })}\n        ?hidden=${!this.helperText || this.helperText === 'helper_text'}\n      >\n        ${this.helperText}\n      </div>\n\n      <div\n        class=\"mt-xs text-xs leading-xs text-error\"\n        ?hidden=${!this._errorMessage || this.disabled || this.readonly}\n      >\n        ${this._errorMessage}\n      </div>\n    `;\n  }\n\n  private get __dialog() {\n    return this.renderRoot.querySelector('#form') as FormDialog;\n  }\n\n  private get __cardRenderer() {\n    const item = this.item;\n\n    if (this.__cachedCardRenderer?.item !== item) {\n      this.__cachedCardRenderer = {\n        item: item,\n        render:\n          typeof item === 'string'\n            ? (new Function(\n                'ctx',\n                `return ctx.html\\`\n                  <${item}\n                    related=\\${JSON.stringify(ctx.related)}\n                    parent=\\${ctx.parent}\n                    style=\"padding: calc(0.625em + (var(--lumo-border-radius) / 4) - 1px)\"\n                    infer=\"\"\n                    href=\\${ctx.href}\n                    ...=\\${ctx.spread(ctx.props)}\n                  >\n                  </${item}>\\``\n              ) as ItemRenderer)\n            : ctx => html`\n                <div style=\"padding: calc(0.625em + (var(--lumo-border-radius) / 4) - 1px)\">\n                  ${item?.(ctx)}\n                </div>\n              `,\n      };\n    }\n\n    return this.__cachedCardRenderer.render;\n  }\n}\n"]}
+{"version":3,"file":"InternalAsyncListControl.js","sourceRoot":"","sources":["../../../../src/elements/internal/InternalAsyncListControl/InternalAsyncListControl.ts"],"names":[],"mappings":"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","sourcesContent":["import type { PropertyDeclarations, TemplateResult } from 'lit-element';\nimport type { CollectionPage, NucleonElement } from '../../public/index';\nimport type { InternalConfirmDialog } from '../InternalConfirmDialog';\nimport type { DialogHideEvent } from '../../private/Dialog/DialogHideEvent';\nimport type { ItemRenderer } from '../../public/CollectionPage/types';\nimport type { FormDialog } from '../../index';\nimport type { Option } from '../../public/QueryBuilder/types';\nimport type { Action } from './types';\n\nimport { InternalEditableControl } from '../InternalEditableControl/InternalEditableControl';\nimport { ifDefined } from 'lit-html/directives/if-defined';\nimport { classMap } from '../../../utils/class-map';\nimport { html } from 'lit-element';\n\nexport class InternalAsyncListControl extends InternalEditableControl {\n  static get properties(): PropertyDeclarations {\n    return {\n      ...super.properties,\n      keepDialogOpenOnDelete: { type: Boolean, attribute: 'keep-dialog-open-on-delete' },\n      keepDialogOpenOnPost: { type: Boolean, attribute: 'keep-dialog-open-on-post' },\n      hideDeleteButton: { type: Boolean, attribute: 'hide-delete-button' },\n      hideCreateButton: { type: Boolean, attribute: 'hide-create-button' },\n      createPageHref: { attribute: 'create-page-href' },\n      getPageHref: { attribute: false },\n      related: { type: Array },\n      first: {},\n      limit: { type: Number },\n      form: {},\n      formProps: { type: Object, attribute: 'form-props' },\n      item: {},\n      itemProps: { type: Object, attribute: 'item-props' },\n      wide: { type: Boolean },\n      alert: { type: Boolean },\n      actions: { type: Array },\n      filters: { type: Array },\n      __filter: { attribute: false },\n      __isFilterVisible: { attribute: false },\n    };\n  }\n\n  /** If true, FormDialog won't automatically close after the associated form deletes the resource. */\n  keepDialogOpenOnDelete = false;\n\n  /** If true, FormDialog won't automatically close after the associated form creates a resource. */\n  keepDialogOpenOnPost = false;\n\n  /** If provided, renders Create button as a link to this page. */\n  createPageHref: string | null = null;\n\n  /** Same as the `related` property of `NucleonElement`. */\n  related = [] as string[];\n\n  /** Swipe actions. */\n  actions = [] as Action[];\n\n  /** Query parameters to apply to the `first` URL. */\n  filters = [] as Option[];\n\n  /** Limit query parameter to apply to the `first` URL. */\n  limit = 20;\n\n  /** URI of the first page of the hAPI collection to display. */\n  first: string | null = null;\n\n  /** Same as the `form` property of `FormDialog`. If set, will open a dialog on item click. */\n  form: FormDialog['form'] = null;\n\n  /** Props to pass through to the form rendered by `FormDialog`. */\n  formProps: Record<string, unknown> = {};\n\n  /** Same as the `item` property of `CollectionPage`. */\n  item: CollectionPage<any>['item'] = null;\n\n  /** Props to pass through to the `CollectionPage` rendering items. */\n  itemProps: Record<string, unknown> = {};\n\n  /** Same as the `wide` property of `FormDialog`. */\n  wide = false;\n\n  /** Same as the `alert` property of `FormDialog`. */\n  alert = false;\n\n  /** Hides Delete Swipe Action if true. */\n  hideDeleteButton = false;\n\n  /** Hides Create button if true. */\n  hideCreateButton = false;\n\n  /** If set, renders list items as <a> tags. */\n  getPageHref: ((itemHref: string, item: unknown) => string | null) | null = null;\n\n  private __deletionConfimationCallback: (() => void) | null = null;\n\n  private __cachedCardRenderer: {\n    item: InternalAsyncListControl['item'];\n    render: ItemRenderer;\n  } | null = null;\n\n  private __isFilterVisible = false;\n\n  private __itemRenderer: ItemRenderer = ctx => {\n    if (!ctx.data) return this.__cardRenderer(ctx);\n\n    const href = this.getPageHref?.(ctx.href, ctx.data);\n    if (typeof href !== 'string' && !this.form) return this.__cardRenderer(ctx);\n\n    const isDisabled = this.disabledSelector.matches('card', true);\n    const card = this.__cardRenderer(ctx);\n    let clickableItem: TemplateResult;\n\n    const wrapperClass = classMap({\n      'rounded-t': !ctx.previous,\n      'rounded-b': !ctx.next,\n      'focus-outline-none focus-ring-2 focus-ring-inset focus-ring-primary-50': true,\n      'text-left w-full block transition-colors': true,\n      'hover-bg-contrast-5': !isDisabled,\n    });\n\n    if (this.getPageHref) {\n      if (isDisabled) {\n        clickableItem = html`<div class=${wrapperClass}>${card}</div>`;\n      } else {\n        const href = this.getPageHref(ctx.href, ctx.data);\n        clickableItem = html`<a class=${wrapperClass} href=${href}>${card}</a>`;\n      }\n    } else {\n      const handleClick = (evt: Event) => {\n        const clickEvent = new CustomEvent<string>('itemclick', {\n          cancelable: true,\n          composed: true,\n          bubbles: true,\n          detail: ctx.href,\n        });\n\n        if (this.dispatchEvent(clickEvent)) {\n          const button = evt.currentTarget as HTMLButtonElement;\n          const dialog = this.__dialog;\n\n          dialog.header = 'header_update';\n          dialog.href = ctx.href;\n          dialog.show(button);\n        }\n      };\n\n      clickableItem = html`\n        <button ?disabled=${isDisabled} class=${wrapperClass} @click=${handleClick}>${card}</button>\n      `;\n    }\n\n    if (this.hideDeleteButton || this.readonly) return clickableItem;\n\n    return html`\n      <foxy-swipe-actions class=\"block\">\n        ${clickableItem}\n        ${this.actions.map(action => {\n          return html`\n            <vaadin-button\n              data-testclass=\"action\"\n              theme=${action.theme}\n              class=\"h-full rounded-none relative\"\n              slot=\"action\"\n              ?disabled=${this.disabled}\n              @click=${() => action.onClick(ctx.data!)}\n            >\n              <foxy-i18n\n                class=${classMap({\n                  'transition-opacity': true,\n                  'opacity-0': action.state !== 'idle',\n                })}\n                infer=\"\"\n                key=${action.text}\n              >\n              </foxy-i18n>\n              <div\n                class=${classMap({\n                  'absolute inset-0 flex items-center justify-center transition-opacity': true,\n                  'opacity-0': action.state === 'idle',\n                })}\n              >\n                <foxy-spinner layout=\"no-label\" infer=\"spinner\" state=${action.state}>\n                </foxy-spinner>\n              </div>\n            </vaadin-button>\n          `;\n        })}\n\n        <vaadin-button\n          theme=\"primary error\"\n          class=\"h-full rounded-none\"\n          slot=\"action\"\n          @click=${(evt: CustomEvent) => {\n            const button = evt.currentTarget as HTMLElement;\n            const confirm = this.renderRoot.querySelector('#confirm') as InternalConfirmDialog;\n\n            confirm.show(button);\n\n            this.__deletionConfimationCallback = () => {\n              const cardButton = button.parentElement!.firstElementChild!;\n              const card = cardButton.querySelector<NucleonElement<any>>('[href]');\n\n              card?.delete();\n              this.__deletionConfimationCallback = null;\n            };\n          }}\n        >\n          <foxy-i18n infer=\"\" key=\"delete_button_text\"></foxy-i18n>\n        </vaadin-button>\n      </foxy-swipe-actions>\n    `;\n  };\n\n  private __filter = '';\n\n  renderControl(): TemplateResult {\n    let first: string | undefined;\n\n    try {\n      const url = new URL(this.first ?? '');\n      const filter = new URLSearchParams(this.__filter);\n\n      url.searchParams.set('limit', String(this.limit));\n      filter.forEach((value, key) => url.searchParams.set(key, value));\n      first = url.toString();\n    } catch {\n      first = undefined;\n    }\n\n    return html`\n      ${this.form\n        ? html`\n            <foxy-form-dialog\n              parent=${ifDefined(this.first ?? void 0)}\n              infer=\"dialog\"\n              id=\"form\"\n              ?wide=${this.wide}\n              ?alert=${this.alert}\n              ?keep-open-on-post=${this.keepDialogOpenOnPost}\n              ?keep-open-on-delete=${this.keepDialogOpenOnDelete}\n              .related=${this.related}\n              .props=${this.formProps}\n              .form=${this.form as any}\n            >\n            </foxy-form-dialog>\n          `\n        : ''}\n      ${this.hideDeleteButton || this.readonly\n        ? ''\n        : html`\n            <foxy-internal-confirm-dialog\n              message=\"delete_message\"\n              confirm=\"delete_confirm\"\n              cancel=\"delete_cancel\"\n              header=\"delete_header\"\n              theme=\"error\"\n              infer=\"\"\n              id=\"confirm\"\n              @hide=${(evt: DialogHideEvent) => {\n                if (!evt.detail.cancelled) this.__deletionConfimationCallback?.();\n              }}\n            >\n            </foxy-internal-confirm-dialog>\n          `}\n      <div class=\"flex gap-m items-center justify-between mb-xs text-s font-medium\">\n        <span class=\"text-secondary\">\n          ${this.label && this.label !== 'label' ? this.label : ''}\n        </span>\n\n        ${this.filters.length > 0\n          ? html`\n              <foxy-internal-async-list-control-filter-overlay\n                .noVerticalOverlap=${true}\n                .positionTarget=${this.renderRoot.querySelector('#filters')}\n                .model=${{\n                  options: this.filters,\n                  value: this.__filter,\n                  lang: this.lang,\n                  ns: this.ns,\n                }}\n                ?opened=${this.__isFilterVisible}\n                @vaadin-overlay-close=${() => (this.__isFilterVisible = false)}\n                @search=${(evt: CustomEvent<string | undefined>) => {\n                  this.__filter = evt.detail ?? '';\n                }}\n              >\n              </foxy-internal-async-list-control-filter-overlay>\n\n              <vaadin-button\n                theme=\"tertiary-inline contrast\"\n                class=\"ml-auto\"\n                id=\"filters\"\n                ?disabled=${this.disabled}\n                @click=${() => (this.__isFilterVisible = !this.__isFilterVisible)}\n              >\n                <foxy-i18n infer=\"pagination\" key=\"search_button_text\"></foxy-i18n>\n              </vaadin-button>\n            `\n          : ''}\n        ${(!this.form && !this.createPageHref) || this.readonly || this.hideCreateButton\n          ? ''\n          : this.createPageHref && !this.disabled\n          ? html`\n              <a\n                class=\"rounded-s text-primary group focus-outline-none focus-ring-2 focus-ring-primary-50\"\n                href=${this.createPageHref}\n              >\n                <foxy-i18n\n                  class=\"transition-opacity group-hover-opacity-80\"\n                  infer=\"\"\n                  key=\"create_button_text\"\n                >\n                </foxy-i18n>\n              </a>\n            `\n          : html`\n              <vaadin-button\n                theme=\"tertiary-inline\"\n                ?disabled=${this.disabled}\n                @click=${(evt: Event) => {\n                  evt.preventDefault();\n                  evt.stopPropagation();\n\n                  const dialog = this.__dialog;\n                  const button = evt.currentTarget as HTMLButtonElement;\n\n                  dialog.header = 'header_create';\n                  dialog.href = '';\n                  dialog.show(button);\n                }}\n              >\n                <foxy-i18n infer=\"pagination\" key=\"create_button_text\"></foxy-i18n>\n              </vaadin-button>\n            `}\n      </div>\n\n      <foxy-pagination first=${ifDefined(first)} infer=\"pagination\">\n        <foxy-collection-page\n          class=${classMap({\n            'block divide-y divide-contrast-5 rounded overflow-hidden': true,\n            'ring-1 ring-inset ring-contrast-10': !this.form && !this.getPageHref,\n            'bg-contrast-5': !!this.form || !!this.getPageHref,\n          })}\n          infer=\"card\"\n          .related=${this.related}\n          .props=${this.itemProps}\n          .item=${this.__itemRenderer as any}\n        >\n        </foxy-collection-page>\n      </foxy-pagination>\n\n      <div\n        class=${classMap({\n          'transition-colors mt-xs text-xs': true,\n          'text-secondary group-hover-text-body': !this.disabled && !this.readonly,\n          'text-disabled': this.disabled,\n        })}\n        ?hidden=${!this.helperText || this.helperText === 'helper_text'}\n      >\n        ${this.helperText}\n      </div>\n\n      <div\n        class=\"mt-xs text-xs leading-xs text-error\"\n        ?hidden=${!this._errorMessage || this.disabled || this.readonly}\n      >\n        ${this._errorMessage}\n      </div>\n    `;\n  }\n\n  private get __dialog() {\n    return this.renderRoot.querySelector('#form') as FormDialog;\n  }\n\n  private get __cardRenderer() {\n    const item = this.item;\n\n    if (this.__cachedCardRenderer?.item !== item) {\n      this.__cachedCardRenderer = {\n        item: item,\n        render:\n          typeof item === 'string'\n            ? (new Function(\n                'ctx',\n                `return ctx.html\\`\n                  <${item}\n                    related=\\${JSON.stringify(ctx.related)}\n                    parent=\\${ctx.parent}\n                    style=\"padding: calc(0.625em + (var(--lumo-border-radius) / 4) - 1px)\"\n                    infer=\"\"\n                    href=\\${ctx.href}\n                    ...=\\${ctx.spread(ctx.props)}\n                  >\n                  </${item}>\\``\n              ) as ItemRenderer)\n            : ctx => html`\n                <div style=\"padding: calc(0.625em + (var(--lumo-border-radius) / 4) - 1px)\">\n                  ${item?.(ctx)}\n                </div>\n              `,\n      };\n    }\n\n    return this.__cachedCardRenderer.render;\n  }\n}\n"]}

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

@@ -0,0 +1,10 @@
+import type { PropertyDeclarations } from 'lit-element';
+import type { TemplateResult } from 'lit-html';
+import { InternalControl } from '../InternalControl/InternalControl';
+export declare class InternalBulkAddActionControl extends InternalControl {
+    static get properties(): PropertyDeclarations;
+    related: string[];
+    parent: string | null;
+    form: string | null;
+    renderControl(): TemplateResult;
+}

package/dist/elements/{public/CouponForm/internal/InternalCouponFormBulkAddControl/InternalCouponFormBulkAddControl.js → internal/InternalBulkAddActionControl/InternalBulkAddActionControl.js}

@@ -1,31 +1,31 @@
-import { InternalControl } from "../../../../internal/InternalControl/InternalControl.js";
+import { InternalControl } from "../InternalControl/InternalControl.js";
 import { ifDefined } from 'lit-html/directives/if-defined';
 import { html } from 'lit-html';
-export class InternalCouponFormBulkAddControl extends InternalControl {
+export class InternalBulkAddActionControl extends InternalControl {
     constructor() {
         super(...arguments);
+        this.related = [];
         this.parent = null;
         this.form = null;
     }
     static get properties() {
         return {
             ...super.properties,
+            related: { type: Array },
             parent: {},
             form: {},
         };
     }
     renderControl() {
-        var _a, _b, _c;
-        const nucleon = this.nucleon;
-        const codesHref = (_a = nucleon === null || nucleon === void 0 ? void 0 : nucleon.data) === null || _a === void 0 ? void 0 : _a._links['fx:coupon_codes'].href;
+        var _a, _b;
         return html `
       <foxy-form-dialog
         header="header"
-        parent=${ifDefined((_b = this.parent) !== null && _b !== void 0 ? _b : undefined)}
+        parent=${ifDefined((_a = this.parent) !== null && _a !== void 0 ? _a : undefined)}
         infer="dialog"
-        form=${ifDefined((_c = this.form) !== null && _c !== void 0 ? _c : undefined)}
+        form=${ifDefined((_b = this.form) !== null && _b !== void 0 ? _b : undefined)}
         alert
-        .related=${codesHref ? [codesHref] : []}
+        .related=${this.related}
       >
       </foxy-form-dialog>
 
@@ -46,4 +46,4 @@ export class InternalCouponFormBulkAddControl extends InternalControl {
     `;
     }
 }
-//# sourceMappingURL=InternalCouponFormBulkAddControl.js.map
+//# sourceMappingURL=InternalBulkAddActionControl.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"InternalBulkAddActionControl.js","sourceRoot":"","sources":["../../../../src/elements/internal/InternalBulkAddActionControl/InternalBulkAddActionControl.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,eAAe,EAAE,8CAA2C;AACrE,OAAO,EAAE,SAAS,EAAE,MAAM,gCAAgC,CAAC;AAC3D,OAAO,EAAE,IAAI,EAAE,MAAM,UAAU,CAAC;AAEhC,MAAM,OAAO,4BAA6B,SAAQ,eAAe;IAAjE;;QAUE,YAAO,GAAa,EAAE,CAAC;QAEvB,WAAM,GAAkB,IAAI,CAAC;QAE7B,SAAI,GAAkB,IAAI,CAAC;IA+B7B,CAAC;IA5CC,MAAM,KAAK,UAAU;QACnB,OAAO;YACL,GAAG,KAAK,CAAC,UAAU;YACnB,OAAO,EAAE,EAAE,IAAI,EAAE,KAAK,EAAE;YACxB,MAAM,EAAE,EAAE;YACV,IAAI,EAAE,EAAE;SACT,CAAC;IACJ,CAAC;IAQD,aAAa;;QACX,OAAO,IAAI,CAAA;;;iBAGE,SAAS,OAAC,IAAI,CAAC,MAAM,mCAAI,SAAS,CAAC;;eAErC,SAAS,OAAC,IAAI,CAAC,IAAI,mCAAI,SAAS,CAAC;;mBAE7B,IAAI,CAAC,OAAO;;;;;;oBAMX,IAAI,CAAC,QAAQ;iBAChB,CAAC,GAAU,EAAE,EAAE;YACtB,MAAM,MAAM,GAAG,IAAI,CAAC,UAAU,CAAC,aAAa,CAAC,kBAAkB,CAAsB,CAAC;YACtF,MAAM,MAAM,GAAG,GAAG,CAAC,MAAqB,CAAC;YAEzC,IAAI,MAAM,EAAE;gBACV,MAAM,CAAC,IAAI,GAAG,EAAE,CAAC;gBACjB,MAAM,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;aACrB;QACH,CAAC;;;;KAIJ,CAAC;IACJ,CAAC;CACF","sourcesContent":["import type { PropertyDeclarations } from 'lit-element';\nimport type { TemplateResult } from 'lit-html';\nimport type { FormDialog } from '../../public/FormDialog/FormDialog';\n\nimport { InternalControl } from '../InternalControl/InternalControl';\nimport { ifDefined } from 'lit-html/directives/if-defined';\nimport { html } from 'lit-html';\n\nexport class InternalBulkAddActionControl extends InternalControl {\n  static get properties(): PropertyDeclarations {\n    return {\n      ...super.properties,\n      related: { type: Array },\n      parent: {},\n      form: {},\n    };\n  }\n\n  related: string[] = [];\n\n  parent: string | null = null;\n\n  form: string | null = null;\n\n  renderControl(): TemplateResult {\n    return html`\n      <foxy-form-dialog\n        header=\"header\"\n        parent=${ifDefined(this.parent ?? undefined)}\n        infer=\"dialog\"\n        form=${ifDefined(this.form ?? undefined)}\n        alert\n        .related=${this.related}\n      >\n      </foxy-form-dialog>\n\n      <vaadin-button\n        theme=\"tertiary-inline\"\n        ?disabled=${this.disabled}\n        @click=${(evt: Event) => {\n          const dialog = this.renderRoot.querySelector('foxy-form-dialog') as FormDialog | null;\n          const button = evt.target as HTMLElement;\n\n          if (dialog) {\n            dialog.href = '';\n            dialog.show(button);\n          }\n        }}\n      >\n        <foxy-i18n infer=\"\" key=\"button_text\"></foxy-i18n>\n      </vaadin-button>\n    `;\n  }\n}\n"]}

package/dist/elements/internal/InternalBulkAddActionControl/index.d.ts

@@ -0,0 +1,6 @@
+import '@vaadin/vaadin-button';
+import '../InternalControl/index';
+import '../../public/FormDialog/index';
+import '../../public/I18n/index';
+import { InternalBulkAddActionControl } from './InternalBulkAddActionControl';
+export { InternalBulkAddActionControl };

package/dist/elements/internal/InternalBulkAddActionControl/index.js

@@ -0,0 +1,8 @@
+import '@vaadin/vaadin-button';
+import "../InternalControl/index.js";
+import "../../public/FormDialog/index.js";
+import "../../public/I18n/index.js";
+import { InternalBulkAddActionControl } from "./InternalBulkAddActionControl.js";
+customElements.define('foxy-internal-bulk-add-action-control', InternalBulkAddActionControl);
+export { InternalBulkAddActionControl };
+//# sourceMappingURL=index.js.map

package/dist/elements/internal/InternalBulkAddActionControl/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/elements/internal/InternalBulkAddActionControl/index.ts"],"names":[],"mappings":"AAAA,OAAO,uBAAuB,CAAC;AAE/B,qCAAkC;AAElC,0CAAuC;AACvC,oCAAiC;AAEjC,OAAO,EAAE,4BAA4B,EAAE,0CAAuC;AAE9E,cAAc,CAAC,MAAM,CAAC,uCAAuC,EAAE,4BAA4B,CAAC,CAAC;AAE7F,OAAO,EAAE,4BAA4B,EAAE,CAAC","sourcesContent":["import '@vaadin/vaadin-button';\n\nimport '../InternalControl/index';\n\nimport '../../public/FormDialog/index';\nimport '../../public/I18n/index';\n\nimport { InternalBulkAddActionControl } from './InternalBulkAddActionControl';\n\ncustomElements.define('foxy-internal-bulk-add-action-control', InternalBulkAddActionControl);\n\nexport { InternalBulkAddActionControl };\n"]}

package/dist/elements/internal/InternalForm/InternalForm.js

@@ -140,6 +140,8 @@ export class InternalForm extends Base {
     `;
     }
     __renderStatus({ key, options }) {
+        if (this.hiddenSelector.matches('status', true))
+            return;
         return html `
       <p
         data-testid="status"