@foxy.io/elements 1.18.0-beta.13 → 1.18.0-beta.15

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

@@ -2,367 +2,33 @@
   "description": {
     "label": "Description",
     "placeholder": "Required - e.g. My Template Set",
-    "helper_text": "",
+    "helper_text": "Any label that will help you identify this template set in the admin. We won't show this text to the customers.",
     "v8n_required": "Please enter a description for this set",
     "v8n_too_long": "Please reduce this description to 100 characters or less"
   },
   "code": {
     "label": "Code",
     "placeholder": "Required - e.g. MY-TEMPLATE-SET",
-    "helper_text": "",
+    "helper_text": "The template set code for applying this template set to the cart. Your customers might see this code in the URL.",
     "v8n_required": "Please enter a code for this set",
     "v8n_too_long": "Please reduce this code to 50 characters or less"
   },
-  "cart-template-uri": {
-    "template": "Template",
-    "cache": "Cache",
-    "cancel": "Cancel",
-    "default": "Default",
-    "description": "Description",
-    "template_clipboard": "From clipboard",
-    "template_clipboard_explainer": "Paste the template here to use it",
-    "template_default": "Default",
-    "template_default_explainer": "Use the default template",
-    "template_url": "From URL",
-    "template_url_explainer": "Fetch the template from a public URL",
-    "spinner": {
-      "loading_busy": "Loading",
-      "loading_error": "Failed to load"
-    }
-  },
-  "cart-include-template-uri": {
-    "template": "Template",
-    "cache": "Cache",
-    "cancel": "Cancel",
-    "default": "Default",
-    "description": "Description",
-    "template_clipboard": "From clipboard",
-    "template_clipboard_explainer": "Paste the template here to use it",
-    "template_default": "Default",
-    "template_default_explainer": "Use the default template",
-    "template_url": "From URL",
-    "template_url_explainer": "Fetch the template from a public URL",
-    "spinner": {
-      "loading_busy": "Loading",
-      "loading_error": "Failed to load"
-    }
-  },
-  "checkout-template-uri": {
-    "template": "Template",
-    "cache": "Cache",
-    "cancel": "Cancel",
-    "default": "Default",
-    "description": "Description",
-    "template_clipboard": "From clipboard",
-    "template_clipboard_explainer": "Paste the template here to use it",
-    "template_default": "Default",
-    "template_default_explainer": "Use the default template",
-    "template_url": "From URL",
-    "template_url_explainer": "Fetch the template from a public URL",
-    "spinner": {
-      "loading_busy": "Loading",
-      "loading_error": "Failed to load"
-    }
-  },
-  "receipt-template-uri": {
-    "template": "Template",
-    "cache": "Cache",
-    "cancel": "Cancel",
-    "default": "Default",
-    "description": "Description",
-    "template_clipboard": "From clipboard",
-    "template_clipboard_explainer": "Paste the template here to use it",
-    "template_default": "Default",
-    "template_default_explainer": "Use the default template",
-    "template_url": "From URL",
-    "template_url_explainer": "Fetch the template from a public URL",
-    "spinner": {
-      "loading_busy": "Loading",
-      "loading_error": "Failed to load"
-    }
-  },
-  "email-template-uri": {
-    "cache": "Cache",
-    "cancel": "Cancel",
-    "confirm": "Confirm",
-    "default": "Default",
-    "html_template": "HTML template",
-    "template_clipboard": "From clipboard",
-    "template_clipboard_explainer": "Paste the template here to use it",
-    "template_default": "Default",
-    "template_default_explainer": "Use the default template",
-    "template_url": "From URL",
-    "template_url_explainer": "Fetch the template from a public URL",
-    "text_template": "Text template",
-    "template-language": {
-      "label": "Language",
-      "placeholder": "Default (Nunjucks)",
-      "helper_text": ""
-    },
-    "spinner": {
-      "loading_busy": "Loading",
-      "loading_error": "Failed to load"
-    }
-  },
   "language": {
     "label": "Language",
     "placeholder": "Select language",
-    "helper_text": "",
+    "helper_text": "We'll apply this language to our cart, checkout and receipt pages.",
     "v8n_required": "Please select a language for this set"
   },
   "locale-code": {
     "label": "Locale",
     "placeholder": "Select locale",
-    "helper_text": "",
+    "helper_text": "We'll use this locale to format prices and dates for your customers.",
     "v8n_required": "Please select a locale for this set"
   },
-  "header_general": "General",
-  "config": {
-    "payment-method-set-uri": {
-      "is-live": {
-        "label": "",
-        "option_live": "Use live credentials",
-        "helper_text": ""
-      },
-      "is-purchase-order-enabled": {
-        "label": "",
-        "option_true": "Allow purchase orders",
-        "helper_text": ""
-      },
-      "payment-methods": {
-        "delete_header": "Remove payment method",
-        "delete_message": "Are you sure you'd like to remove this payment method? You'll need to configure it again if you decide to bring it back.",
-        "delete_confirm": "Remove",
-        "delete_cancel": "Cancel",
-        "title": "Payment methods",
-        "dialog": {
-          "header_update": "Payment method",
-          "header_create": "New payment method",
-          "close": "Close",
-          "cancel": "Cancel",
-          "save": "Save",
-          "undo_header": "Unsaved changes",
-          "undo_message": "Looks like you didn't save your changes! What would you like to do with them?",
-          "undo_cancel": "Review",
-          "undo_confirm": "Discard"
-        },
-        "pagination": {
-          "create_button_text": "Add payment method",
-          "card": {
-            "delete_button_text": "Remove"
-          }
-        }
-      },
-      "fraud-protections": {
-        "delete_header": "Remove fraud protection",
-        "delete_message": "Are you sure you'd like to remove this fraud protection? You'll need to configure it again if you decide to bring it back.",
-        "delete_confirm": "Remove",
-        "delete_cancel": "Cancel",
-        "title": "Fraud protections",
-        "dialog": {
-          "header_update": "Fraud protection",
-          "header_create": "New fraud protection",
-          "close": "Close",
-          "cancel": "Cancel",
-          "save": "Save",
-          "undo_header": "Unsaved changes",
-          "undo_message": "Looks like you didn't save your changes! What would you like to do with them?",
-          "undo_cancel": "Review",
-          "undo_confirm": "Discard"
-        },
-        "pagination": {
-          "create_button_text": "Add fraud protection",
-          "card": {
-            "delete_button_text": "Remove"
-          }
-        }
-      },
-      "spinner": {
-        "loading_busy": "Loading",
-        "loading_error": "Failed to load"
-      }
-    },
-    "template-dialog": {
-      "cart_template_uri_header": "Cart template",
-      "cart_include_template_uri_header": "Cart include template",
-      "checkout_template_uri_header": "Checkout template",
-      "receipt_template_uri_header": "Web receipt template",
-      "email_template_uri_header": "Email receipt template",
-      "close": "Close",
-      "cancel": "Cancel",
-      "save": "Save",
-      "undo_header": "Unsaved changes",
-      "undo_message": "Looks like you didn't save your changes! What would you like to do with them?",
-      "undo_cancel": "Review",
-      "undo_confirm": "Discard"
-    },
-    "templates_title": "Templates",
-    "templates_helper_text": "Click any of the templates above to customize how those views are presented to your customers. Warning: this functionality is for advanced users only.",
-    "cart-template-uri": {
-      "title": "Cart template",
-      "type_custom_url": "Custom (URL)",
-      "type_custom_text": "Custom (Text)",
-      "type_default": "Default",
-      "spinner": {
-        "loading_busy": "Loading cart template",
-        "loading_empty": "No cart template",
-        "loading_error": "Failed to load cart template"
-      }
-    },
-    "cart-include-template-uri": {
-      "title": "Cart include template",
-      "type_custom_url": "Custom (URL)",
-      "type_custom_text": "Custom (Text)",
-      "type_default": "Default",
-      "spinner": {
-        "loading_busy": "Loading cart include template",
-        "loading_empty": "No cart include template",
-        "loading_error": "Failed to load cart include template"
-      }
-    },
-    "checkout-template-uri": {
-      "title": "Checkout template",
-      "type_custom_url": "Custom (URL)",
-      "type_custom_text": "Custom (Text)",
-      "type_default": "Default",
-      "spinner": {
-        "loading_busy": "Loading checkout template",
-        "loading_empty": "No checkout template",
-        "loading_error": "Failed to load checkout template"
-      }
-    },
-    "receipt-template-uri": {
-      "title": "Web receipt template",
-      "type_custom_url": "Custom (URL)",
-      "type_custom_text": "Custom (Text)",
-      "type_default": "Default",
-      "spinner": {
-        "loading_busy": "Loading web receipt template",
-        "loading_empty": "No web receipt template",
-        "loading_error": "Failed to load web receipt template"
-      }
-    },
-    "email-template-uri": {
-      "title": "Email receipt template",
-      "type_custom_url": "Custom (URL)",
-      "type_custom_text": "Custom (Text)",
-      "type_mixed": "Mixed",
-      "type_default": "Default",
-      "spinner": {
-        "loading_busy": "Loading email receipt template",
-        "loading_empty": "No email receipt template",
-        "loading_error": "Failed to load email receipt template"
-      }
-    },
-    "add_country": "Add country",
-    "add_field": "Add field",
-    "add_region": "Add region",
-    "address1": "Address Line 1",
-    "address2": "Address Line 2",
-    "allow": "Allow",
-    "allowlist": "Allow all except",
-    "billing": "Billing",
-    "block": "Block",
-    "blocklist": "Ban all except",
-    "cart_controls": "Quantity",
-    "cart_type": "Cart display",
-    "cart_type_custom": "Custom",
-    "cart_type_custom_explainer": "Build your own JSONP cart with included config",
-    "cart_type_default": "Sidecart",
-    "cart_type_default_explainer": "Default cart appearance in version 2.0",
-    "cart_type_fullpage": "Full page",
-    "cart_type_fullpage_explainer": "Send all customers to a full page cart while still including minicart functionality",
-    "checked_by_default": "Checked by default",
-    "checkout_type": "Accounts",
-    "checkout_type_account_only": "Allow customer accounts only",
-    "checkout_type_default_account": "Allow both, default to customer",
-    "checkout_type_default_guest": "Allow both, default to guest",
-    "checkout_type_guest_only": "Allow guests only",
-    "checkout_type_helper_text": "If you select Allow guests only, your store will not be able to use subscriptions.",
-    "city": "City",
-    "close": "Close",
-    "close_icon": "Close icon",
-    "company": "Company",
-    "consent": "Consent",
-    "copy": "Copy",
-    "country": "Country",
-    "coupon_entry": "Coupon code",
-    "create": "Create",
-    "custom_config": "Custom config",
-    "custom_config_helper_text": "If you have any custom values you'd like to make available to your twig template, you can add them here as a valid JSON string.",
-    "custom_fields": "Custom fields",
-    "custom_fields_helper_text": "If you have information you'd like to collect from the customer on the checkout page, you can add custom form fields here which will be added to the checkout form. We recommend you follow the same HTML container structure used on other checkout fields for consistency. You can use Twig syntax here.",
-    "custom_footer": "Custom footer",
-    "custom_footer_helper_text": "Any JS snippets or conversion scripts you need to add to the footer can be put here and will be inserted before the </body> tag. You can use Twig syntax here. For conversion scripts you only want to display once on the receipt page, use {% if first_receipt_display %} {# conversion script content here #} {% endif %}.",
-    "custom_header": "Custom header",
-    "custom_header_helper_text": "Any CSS or JS you need to add to the header can be put here and will be inserted before the </head> tag of your templates. Keep in mind all script file references must be through https or run through the Foxy caching system. Twig syntax is not available in the header.",
-    "default": "Default",
-    "delete": "Delete",
-    "delete_prompt": "This resource will be permanently removed. Are you sure?",
-    "disabled": "Disabled",
-    "display_sdta": "Display a Secure Data Transfer agreement to EU customers",
-    "display_sdta_explainer": "If you have customers in the European Union, enable this feature so they can opt in to sending their data to our secure servers in the United States.",
-    "display_tos_link": "Display a link to Terms & Conditions",
-    "display_tos_link_explainer": "Include a checkbox to ask your customers to agree to your Terms of Service.",
-    "enable_postcode_lookup": "Offer city and state suggestions based on postcode",
-    "enabled": "Enabled",
-    "error": "Error",
-    "field_plural": "Fields",
-    "first_name": "First name",
-    "foxycomplete": "Location autocomplete",
-    "foxycomplete_combobox": "Combo Box",
-    "foxycomplete_combobox_explainer": "Expand to browse options, type to search",
-    "foxycomplete_disabled": "Disabled",
-    "foxycomplete_disabled_explainer": "Let customers pick an option from a list",
-    "foxycomplete_search": "Search",
-    "foxycomplete_search_explainer": "Display a «search as you type» field",
-    "ga_account_id": "Account ID",
-    "ga_account_id_explainer": "You can find the ID in the Admin section of your Analytics in Tracking info > Tracking code.",
-    "ga_include_on_site": "Include via loader.js",
-    "ga_include_on_site_explainer": "Enable Google Analytics on any page where the loader.js file is included.",
-    "hidden": "Hidden",
-    "hidden_fields": "Hidden fields",
-    "last_name": "Last name",
-    "location_plural": "Locations",
-    "location_url": "Location (URL)",
-    "newsletter_subscribe": "Allow users to sign up for your newsletter",
-    "newsletter_subscribe_explainer": "This includes a checkbox on your checkout to allow customers to choose to sign up to your newsletter, available in the transaction reports, the API and webhooks.",
-    "open_icon": "Open icon",
-    "optional": "Optional",
-    "phone": "Phone",
-    "postal_code": "Postal code",
-    "product_category": "Product category",
-    "product_code": "Product code",
-    "product_options": "Product options",
-    "product_weight": "Product weight",
-    "region": "Region",
-    "require_consent": "Require consent to proceed",
-    "required": "Required",
-    "same_as_shipping": "Same as shipping",
-    "shipping": "Shipping",
-    "show_country_flags": "Show country flags",
-    "sio_account_id": "Write Key",
-    "sio_account_id_explainer": "You can find the write key in your project set up guide or in the source’s settings.",
-    "skip_csc_for_saved": "Skip CSC for saved cards",
-    "skip_csc_for_sso": "Skip CSC for single sign-on",
-    "sub_enddate": "Subscription end date",
-    "sub_frequency": "Subscription frequency",
-    "sub_nextdate": "Subscription next date",
-    "sub_startdate": "Subscription start date",
-    "supported_cards": "Cards",
-    "supported_cards_disclaimer": "Applies only to payment gateways where the customer enters their payment card information directly on the Foxy checkout. Exceptions: Adyen Embedded, Amazon Pay, Apple Pay, Klarna, Square and Stripe.",
-    "tab_advanced": "Advanced",
-    "tab_analytics": "Analytics",
-    "tab_cart": "Cart",
-    "tab_checkout": "Checkout",
-    "tax_id": "Tax ID",
-    "troubleshooting": "Troubleshooting",
-    "troubleshooting_debug": "Log debug messages in the browser console",
-    "troubleshooting_debug_explainer": "Enable this option to trigger console.log() calls for our JS, which can assist with troubleshooting your store.",
-    "spinner": {
-      "loading_busy": "Loading",
-      "loading_error": "Failed to load"
-    }
+  "payment-method-set-uri": {
+    "label": "Payment method set",
+    "placeholder": "Default payment method set",
+    "helper_text": "With this template set applied, your customers will see payment methods from the selected set."
   },
   "timestamps": {
     "date_created": "Created on",

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

@@ -14,6 +14,12 @@ export declare class InternalAsyncListControl extends InternalControl {
     form: FormDialog['form'];
     /** Same as the `item` property of `CollectionPage`. */
     item: CollectionPage<any>['item'];
+    /** Same as the `wide` property of `FormDialog`. */
+    wide: boolean;
+    /** Hides Delete Swipe Action if true. */
+    hideDeleteButton: boolean;
+    /** Hides Create button if true. */
+    hideCreateButton: boolean;
     private __deletionConfimationCallback;
     private __cachedCardRenderer;
     private __itemRenderer;

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

@@ -14,33 +14,44 @@ export class InternalAsyncListControl extends InternalControl {
         this.form = '';
         /** Same as the `item` property of `CollectionPage`. */
         this.item = '';
+        /** Same as the `wide` property of `FormDialog`. */
+        this.wide = false;
+        /** Hides Delete Swipe Action if true. */
+        this.hideDeleteButton = false;
+        /** Hides Create button if true. */
+        this.hideCreateButton = false;
         this.__deletionConfimationCallback = null;
         this.__cachedCardRenderer = null;
         this.__itemRenderer = ctx => {
             if (!this.form || !ctx.data)
                 return this.__cardRenderer(ctx);
             const isDisabled = this.disabledSelector.matches('card', true);
-            return html `
-      <foxy-swipe-actions class="block">
-        <button
-          ?disabled=${isDisabled}
-          class=${classMap({
+            const clickableItem = html `
+      <button
+        ?disabled=${isDisabled}
+        class=${classMap({
                 'rounded-t-l': !ctx.previous,
                 'rounded-b-l': !ctx.next,
                 'focus-outline-none focus-ring-2 focus-ring-inset focus-ring-primary-50': true,
                 'text-left w-full block transition-colors': true,
                 'hover-bg-contrast-5': !isDisabled,
             })}
-          @click=${(evt) => {
+        @click=${(evt) => {
                 const button = evt.currentTarget;
                 const dialog = this.__dialog;
                 dialog.header = 'header_update';
                 dialog.href = ctx.href;
                 dialog.show(button);
             }}
-        >
-          ${this.__cardRenderer(ctx)}
-        </button>
+      >
+        ${this.__cardRenderer(ctx)}
+      </button>
+    `;
+            if (this.hideDeleteButton)
+                return clickableItem;
+            return html `
+      <foxy-swipe-actions class="block">
+        ${clickableItem}
 
         <vaadin-button
           theme="primary error"
@@ -67,11 +78,14 @@ export class InternalAsyncListControl extends InternalControl {
     static get properties() {
         return {
             ...super.properties,
+            hideDeleteButton: { type: Boolean, attribute: 'hide-delete-button' },
+            hideCreateButton: { type: Boolean, attribute: 'hide-create-button' },
             related: { type: Array },
             first: { type: String },
             limit: { type: Number },
             form: { type: String },
             item: { type: String },
+            wide: { type: Boolean },
         };
     }
     renderControl() {
@@ -91,44 +105,49 @@ export class InternalAsyncListControl extends InternalControl {
               parent=${first}
               infer="dialog"
               id="form"
+              ?wide=${this.wide}
               .related=${this.related}
               .form=${this.form}
             >
             </foxy-form-dialog>
 
-            <foxy-internal-confirm-dialog
-              message="delete_message"
-              confirm="delete_confirm"
-              cancel="delete_cancel"
-              header="delete_header"
-              theme="error"
-              lang=${this.lang}
-              ns=${this.ns}
-              id="confirm"
-              @hide=${(evt) => {
-                var _a;
-                if (!evt.detail.cancelled)
-                    (_a = this.__deletionConfimationCallback) === null || _a === void 0 ? void 0 : _a.call(this);
-            }}
-            >
-            </foxy-internal-confirm-dialog>
+            ${this.hideDeleteButton
+                ? ''
+                : html `
+                  <foxy-internal-confirm-dialog
+                    message="delete_message"
+                    confirm="delete_confirm"
+                    cancel="delete_cancel"
+                    header="delete_header"
+                    theme="error"
+                    lang=${this.lang}
+                    ns=${this.ns}
+                    id="confirm"
+                    @hide=${(evt) => {
+                    var _a;
+                    if (!evt.detail.cancelled)
+                        (_a = this.__deletionConfimationCallback) === null || _a === void 0 ? void 0 : _a.call(this);
+                }}
+                  >
+                  </foxy-internal-confirm-dialog>
+                `}
           `
             : ''}
 
       <foxy-pagination first=${first} infer="pagination">
         <foxy-collection-page
-          class="block divide-y divide-contrast-5 rounded-t-l rounded-b-l overflow-hidden bg-contrast-5"
+          class="mb-s block divide-y divide-contrast-5 rounded-t-l rounded-b-l overflow-hidden bg-contrast-5"
           infer="card"
           .related=${this.related}
           .item=${this.__itemRenderer}
         >
         </foxy-collection-page>
 
-        ${!this.form || this.readonly
+        ${!this.form || this.readonly || this.hideCreateButton
             ? ''
             : html `
               <vaadin-button
-                class="my-s bg-success-10 w-full rounded-t-l rounded-b-l"
+                class="mb-s bg-success-10 w-full rounded-t-l rounded-b-l"
                 theme="success"
                 ?disabled=${this.disabled}
                 @click=${(evt) => {

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';\nimport type { InternalConfirmDialog } from '../InternalConfirmDialog';\nimport type { DialogHideEvent } from '../../private/Dialog/DialogHideEvent';\nimport type { ItemRenderer } from '../../public/CollectionPage/types';\nimport type { FormDialog } from '../../index';\n\nimport { InternalControl } from '../InternalControl/InternalControl';\nimport { classMap } from '../../../utils/class-map';\nimport { html } from 'lit-element';\n\nexport class InternalAsyncListControl extends InternalControl {\n  static get properties(): PropertyDeclarations {\n    return {\n      ...super.properties,\n      related: { type: Array },\n      first: { type: String },\n      limit: { type: Number },\n      form: { type: String },\n      item: { type: String },\n    };\n  }\n\n  /** Same as the `related` property of `NucleonElement`. */\n  related = [] as string[];\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 = '';\n\n  /** Same as the `form` property of `FormDialog`. If set, will open a dialog on item click. */\n  form: FormDialog['form'] = '';\n\n  /** Same as the `item` property of `CollectionPage`. */\n  item: CollectionPage<any>['item'] = '';\n\n  private __deletionConfimationCallback: (() => void) | null = null;\n\n  private __cachedCardRenderer: {\n    item: InternalAsyncListControl['item'];\n    render: ItemRenderer;\n  } | null = null;\n\n  private __itemRenderer: ItemRenderer = ctx => {\n    if (!this.form || !ctx.data) return this.__cardRenderer(ctx);\n\n    const isDisabled = this.disabledSelector.matches('card', true);\n\n    return html`\n      <foxy-swipe-actions class=\"block\">\n        <button\n          ?disabled=${isDisabled}\n          class=${classMap({\n            'rounded-t-l': !ctx.previous,\n            'rounded-b-l': !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          @click=${(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          ${this.__cardRenderer(ctx)}\n        </button>\n\n        <vaadin-button\n          theme=\"primary error\"\n          class=\"h-full rounded-t-l rounded-b-l\"\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.previousElementSibling!;\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  renderControl(): TemplateResult {\n    let first: string;\n\n    try {\n      const url = new URL(this.first);\n      url.searchParams.set('limit', String(this.limit));\n      first = url.toString();\n    } catch {\n      first = this.first;\n    }\n\n    return html`\n      ${this.form\n        ? html`\n            <foxy-form-dialog\n              parent=${first}\n              infer=\"dialog\"\n              id=\"form\"\n              .related=${this.related}\n              .form=${this.form as any}\n            >\n            </foxy-form-dialog>\n\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              lang=${this.lang}\n              ns=${this.ns}\n              id=\"confirm\"\n              @hide=${(evt: DialogHideEvent) => {\n                if (!evt.detail.cancelled) this.__deletionConfimationCallback?.();\n              }}\n            >\n            </foxy-internal-confirm-dialog>\n          `\n        : ''}\n\n      <foxy-pagination first=${first} infer=\"pagination\">\n        <foxy-collection-page\n          class=\"block divide-y divide-contrast-5 rounded-t-l rounded-b-l overflow-hidden bg-contrast-5\"\n          infer=\"card\"\n          .related=${this.related}\n          .item=${this.__itemRenderer as any}\n        >\n        </foxy-collection-page>\n\n        ${!this.form || this.readonly\n          ? ''\n          : html`\n              <vaadin-button\n                class=\"my-s bg-success-10 w-full rounded-t-l rounded-b-l\"\n                theme=\"success\"\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=\"\" key=\"create_button_text\"></foxy-i18n>\n                <iron-icon class=\"icon-inline\" icon=\"icons:add\"></iron-icon>\n              </vaadin-button>\n            `}\n      </foxy-pagination>\n    `;\n  }\n\n  private get __dialog() {\n    return this.renderRoot.querySelector('#form') as FormDialog;\n  }\n\n  private get __cardRenderer() {\n    if (this.__cachedCardRenderer?.item !== this.item) {\n      this.__cachedCardRenderer = {\n        item: this.item,\n        render:\n          typeof this.item === 'string'\n            ? (new Function(\n                'ctx',\n                `return ctx.html\\`<${this.item} related=\\${JSON.stringify(ctx.related)} parent=\\${ctx.parent} class=\"p-m\" infer href=\\${ctx.href}></${this.item}>\\``\n              ) as ItemRenderer)\n            : this.item,\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';\nimport type { InternalConfirmDialog } from '../InternalConfirmDialog';\nimport type { DialogHideEvent } from '../../private/Dialog/DialogHideEvent';\nimport type { ItemRenderer } from '../../public/CollectionPage/types';\nimport type { FormDialog } from '../../index';\n\nimport { InternalControl } from '../InternalControl/InternalControl';\nimport { classMap } from '../../../utils/class-map';\nimport { html } from 'lit-element';\n\nexport class InternalAsyncListControl extends InternalControl {\n  static get properties(): PropertyDeclarations {\n    return {\n      ...super.properties,\n      hideDeleteButton: { type: Boolean, attribute: 'hide-delete-button' },\n      hideCreateButton: { type: Boolean, attribute: 'hide-create-button' },\n      related: { type: Array },\n      first: { type: String },\n      limit: { type: Number },\n      form: { type: String },\n      item: { type: String },\n      wide: { type: Boolean },\n    };\n  }\n\n  /** Same as the `related` property of `NucleonElement`. */\n  related = [] as string[];\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 = '';\n\n  /** Same as the `form` property of `FormDialog`. If set, will open a dialog on item click. */\n  form: FormDialog['form'] = '';\n\n  /** Same as the `item` property of `CollectionPage`. */\n  item: CollectionPage<any>['item'] = '';\n\n  /** Same as the `wide` property of `FormDialog`. */\n  wide = false;\n\n  /** Hides Delete Swipe Action if true. */\n  hideDeleteButton = false;\n\n  /** Hides Create button if true. */\n  hideCreateButton = false;\n\n  private __deletionConfimationCallback: (() => void) | null = null;\n\n  private __cachedCardRenderer: {\n    item: InternalAsyncListControl['item'];\n    render: ItemRenderer;\n  } | null = null;\n\n  private __itemRenderer: ItemRenderer = ctx => {\n    if (!this.form || !ctx.data) return this.__cardRenderer(ctx);\n\n    const isDisabled = this.disabledSelector.matches('card', true);\n\n    const clickableItem = html`\n      <button\n        ?disabled=${isDisabled}\n        class=${classMap({\n          'rounded-t-l': !ctx.previous,\n          'rounded-b-l': !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        @click=${(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        ${this.__cardRenderer(ctx)}\n      </button>\n    `;\n\n    if (this.hideDeleteButton) return clickableItem;\n\n    return html`\n      <foxy-swipe-actions class=\"block\">\n        ${clickableItem}\n\n        <vaadin-button\n          theme=\"primary error\"\n          class=\"h-full rounded-t-l rounded-b-l\"\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.previousElementSibling!;\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  renderControl(): TemplateResult {\n    let first: string;\n\n    try {\n      const url = new URL(this.first);\n      url.searchParams.set('limit', String(this.limit));\n      first = url.toString();\n    } catch {\n      first = this.first;\n    }\n\n    return html`\n      ${this.form\n        ? html`\n            <foxy-form-dialog\n              parent=${first}\n              infer=\"dialog\"\n              id=\"form\"\n              ?wide=${this.wide}\n              .related=${this.related}\n              .form=${this.form as any}\n            >\n            </foxy-form-dialog>\n\n            ${this.hideDeleteButton\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                    lang=${this.lang}\n                    ns=${this.ns}\n                    id=\"confirm\"\n                    @hide=${(evt: DialogHideEvent) => {\n                      if (!evt.detail.cancelled) this.__deletionConfimationCallback?.();\n                    }}\n                  >\n                  </foxy-internal-confirm-dialog>\n                `}\n          `\n        : ''}\n\n      <foxy-pagination first=${first} infer=\"pagination\">\n        <foxy-collection-page\n          class=\"mb-s block divide-y divide-contrast-5 rounded-t-l rounded-b-l overflow-hidden bg-contrast-5\"\n          infer=\"card\"\n          .related=${this.related}\n          .item=${this.__itemRenderer as any}\n        >\n        </foxy-collection-page>\n\n        ${!this.form || this.readonly || this.hideCreateButton\n          ? ''\n          : html`\n              <vaadin-button\n                class=\"mb-s bg-success-10 w-full rounded-t-l rounded-b-l\"\n                theme=\"success\"\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=\"\" key=\"create_button_text\"></foxy-i18n>\n                <iron-icon class=\"icon-inline\" icon=\"icons:add\"></iron-icon>\n              </vaadin-button>\n            `}\n      </foxy-pagination>\n    `;\n  }\n\n  private get __dialog() {\n    return this.renderRoot.querySelector('#form') as FormDialog;\n  }\n\n  private get __cardRenderer() {\n    if (this.__cachedCardRenderer?.item !== this.item) {\n      this.__cachedCardRenderer = {\n        item: this.item,\n        render:\n          typeof this.item === 'string'\n            ? (new Function(\n                'ctx',\n                `return ctx.html\\`<${this.item} related=\\${JSON.stringify(ctx.related)} parent=\\${ctx.parent} class=\"p-m\" infer href=\\${ctx.href}></${this.item}>\\``\n              ) as ItemRenderer)\n            : this.item,\n      };\n    }\n\n    return this.__cachedCardRenderer.render;\n  }\n}\n"]}

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

@@ -0,0 +1,11 @@
+import type { PropertyDeclarations, TemplateResult } from 'lit-element';
+import type { Item, Option } from './types';
+import { InternalEditableControl } from '../InternalEditableControl/InternalEditableControl';
+export declare class InternalEditableListControl extends InternalEditableControl {
+    static get properties(): PropertyDeclarations;
+    options: Option[];
+    private __newItem;
+    render(): TemplateResult;
+    protected get _value(): Item[];
+    protected set _value(newValue: Item[]);
+}