@foxy.io/elements 1.25.0-beta.3 → 1.25.0-beta.4

package/dist/cdn/translations/cart-form/en.json

@@ -25,7 +25,7 @@
     "delete_message": "Are you sure you'd like to remove this item? You won't be able to bring it back.",
     "delete_header": "Delete item?",
     "pagination": {
-      "create_button_text": "Add item",
+      "create_button_text": "Add item +",
       "first": "First",
       "last": "Last",
       "next": "Next",
@@ -41,6 +41,7 @@
         "subinfo_recurring": "$t(items.pagination.card.frequency, { \"count\": \"{{count}}\", \"units\": \"{{units}}\", \"ns\": \"cart-form\" }) from {{startDate, date}}",
         "subinfo_twice_a_month": "$t(items.pagination.card.twice_a_month, { \"ns\": \"cart-form\" }) from {{startDate, date}}",
         "twice_a_month": "Twice a month",
+        "no_code": "No SKU",
         "weekly": "Weekly",
         "weekly_plural": "Every {{count}} weeks",
         "yearly": "Yearly",
@@ -267,7 +268,7 @@
           }
         },
         "pagination": {
-          "create_button_text": "Add attribute",
+          "create_button_text": "Add attribute +",
           "card": {
             "delete_button_text": "Delete",
             "spinner": {
@@ -352,7 +353,7 @@
               "loading_error": "Failed to load"
             }
           },
-          "create_button_text": "Add option",
+          "create_button_text": "Add option +",
           "first": "First",
           "last": "Last",
           "next": "Next",
@@ -386,7 +387,7 @@
     "delete_message": "Are you sure you'd like to remove this coupon code? This might affect the cart total.",
     "delete_header": "Delete code?",
     "pagination": {
-      "create_button_text": "Apply code",
+      "create_button_text": "Apply code +",
       "first": "First",
       "last": "Last",
       "next": "Next",
@@ -572,7 +573,7 @@
     "delete_message": "Are you sure you'd like to remove this custom field? This action can't be undone.",
     "delete_header": "Delete custom field?",
     "pagination": {
-      "create_button_text": "Add custom field",
+      "create_button_text": "Add custom field +",
       "first": "First",
       "last": "Last",
       "next": "Next",
@@ -608,7 +609,7 @@
     "delete_message": "Are you sure you'd like to remove this attribute? This action can't be undone.",
     "delete_header": "Delete attribute?",
     "pagination": {
-      "create_button_text": "Add attribute",
+      "create_button_text": "Add attribute +",
       "first": "First",
       "last": "Last",
       "next": "Next",

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

@@ -818,7 +818,7 @@
       "delete_message": "Are you sure you'd like to remove this attribute? You won't be able to bring it back.",
       "delete_header": "Delete attribute?",
       "pagination": {
-        "create_button_text": "Add attribute",
+        "create_button_text": "Add attribute +",
         "first": "First",
         "last": "Last",
         "next": "Next",
@@ -880,6 +880,7 @@
           "subinfo_recurring": "$t(subscription-form.pagination.card.frequency, { \"count\": \"{{count}}\", \"units\": \"{{units}}\", \"ns\": \"customer\" }) from {{startDate, date}}",
           "subinfo_twice_a_month": "$t(subscription-form.pagination.card.twice_a_month, { \"ns\": \"customer\" }) from {{startDate, date}}",
           "twice_a_month": "Twice a month",
+          "no_code": "No SKU",
           "weekly": "Weekly",
           "weekly_plural": "Every {{count}} weeks",
           "yearly": "Yearly",
@@ -907,19 +908,27 @@
           "description": "Description",
           "price": "{{amount, price}}",
           "time": "{{value, date}}",
-          "transaction_approved": "Approved",
-          "transaction_authorized": "Authorized",
-          "transaction_captured": "Captured",
-          "transaction_completed": "Completed",
-          "transaction_declined": "Declined",
-          "transaction_pending": "Pending",
-          "transaction_plural": "Transactions",
-          "transaction_refunded": "Refunded",
-          "transaction_rejected": "Rejected",
-          "transaction_summary": "{{most_expensive_item.name}}",
-          "transaction_summary_plural": "{{most_expensive_item.name}} and {{count_minus_one}} more",
-          "transaction_verified": "Verified",
-          "transaction_voided": "Voided",
+          "status_capturing": "Capturing",
+          "status_captured": "Captured",
+          "status_approved": "Approved",
+          "status_authorized": "Authorized",
+          "status_pending": "Pending",
+          "status_completed": "Completed",
+          "status_problem": "Problem",
+          "status_pending_fraud_review": "Pending_fraud_review",
+          "status_rejected": "Rejected",
+          "status_declined": "Declined",
+          "status_refunding": "Refunding",
+          "status_refunded": "Refunded",
+          "status_voided": "Voided",
+          "status_verified": "Verified",
+          "summary": "{{most_expensive_item.name}}",
+          "summary_plural": "{{most_expensive_item.name}} and {{count_minus_one}} more",
+          "summary_payment_method_change": "Payment method change",
+          "summary_subscription_modification": "Subscription modification",
+          "summary_subscription_cancellation": "Subscription cancellation",
+          "source_MIT": "This transaction was initiated by the merchant",
+          "source_CIT": "This transaction was initiated by the customer",
           "spinner": {
             "loading_busy": "Loading",
             "loading_empty": "No transactions",

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

@@ -804,6 +804,7 @@
             "subinfo_recurring": "$t(customer.subscription-form.pagination.card.frequency, { \"count\": \"{{count}}\", \"units\": \"{{units}}\", \"ns\": \"customer-portal\" }) from {{startDate, date}}",
             "subinfo_twice_a_month": "$t(customer.subscription-form.pagination.card.twice_a_month, { \"ns\": \"customer-portal\" }) from {{startDate, date}}",
             "twice_a_month": "Twice a month",
+            "no_code": "No SKU",
             "weekly": "Weekly",
             "weekly_plural": "Every {{count}} weeks",
             "yearly": "Yearly",
@@ -831,19 +832,27 @@
             "description": "Description",
             "price": "{{amount, price}}",
             "time": "{{value, date}}",
-            "transaction_approved": "Approved",
-            "transaction_authorized": "Authorized",
-            "transaction_captured": "Captured",
-            "transaction_completed": "Completed",
-            "transaction_declined": "Declined",
-            "transaction_pending": "Pending",
-            "transaction_plural": "Transactions",
-            "transaction_refunded": "Refunded",
-            "transaction_rejected": "Rejected",
-            "transaction_summary": "{{most_expensive_item.name}}",
-            "transaction_summary_plural": "{{most_expensive_item.name}} and {{count_minus_one}} more",
-            "transaction_verified": "Verified",
-            "transaction_voided": "Voided",
+            "status_capturing": "Capturing",
+            "status_captured": "Captured",
+            "status_approved": "Approved",
+            "status_authorized": "Authorized",
+            "status_pending": "Pending",
+            "status_completed": "Completed",
+            "status_problem": "Problem",
+            "status_pending_fraud_review": "Pending_fraud_review",
+            "status_rejected": "Rejected",
+            "status_declined": "Declined",
+            "status_refunding": "Refunding",
+            "status_refunded": "Refunded",
+            "status_voided": "Voided",
+            "status_verified": "Verified",
+            "summary": "{{most_expensive_item.name}}",
+            "summary_plural": "{{most_expensive_item.name}} and {{count_minus_one}} more",
+            "summary_payment_method_change": "Payment method change",
+            "summary_subscription_modification": "Subscription modification",
+            "summary_subscription_cancellation": "Subscription cancellation",
+            "source_MIT": "This transaction was initiated by the merchant",
+            "source_CIT": "This transaction was initiated by the customer",
             "spinner": {
               "loading_busy": "Loading",
               "loading_empty": "No transactions",

package/dist/cdn/translations/item-card/en.json

@@ -7,6 +7,7 @@
   "subinfo_recurring": "$t(frequency, { \"count\": \"{{count}}\", \"units\": \"{{units}}\", \"ns\": \"item-card\" }) from {{startDate, date}}",
   "subinfo_twice_a_month": "$t(twice_a_month, { \"ns\": \"item-card\" }) from {{startDate, date}}",
   "twice_a_month": "Twice a month",
+  "no_code": "No SKU",
   "weekly": "Weekly",
   "weekly_plural": "Every {{count}} weeks",
   "yearly": "Yearly",

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

@@ -203,7 +203,7 @@
       }
     },
     "pagination": {
-      "create_button_text": "Add attribute",
+      "create_button_text": "Add attribute +",
       "card": {
         "delete_button_text": "Delete",
         "spinner": {
@@ -288,7 +288,7 @@
           "loading_error": "Failed to load"
         }
       },
-      "create_button_text": "Add option",
+      "create_button_text": "Add option +",
       "first": "First",
       "last": "Last",
       "next": "Next",

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

@@ -34,7 +34,7 @@
       "undo_confirm": "Discard"
     },
     "pagination": {
-      "create_button_text": "Add payment method",
+      "create_button_text": "Add payment method +",
       "card": {
         "delete_button_text": "Remove"
       }
@@ -58,7 +58,7 @@
       "undo_confirm": "Discard"
     },
     "pagination": {
-      "create_button_text": "Add fraud protection",
+      "create_button_text": "Add fraud protection +",
       "card": {
         "delete_button_text": "Remove"
       }

package/dist/cdn/translations/shipment-card/en.json

@@ -1,6 +1,7 @@
 {
   "full_address": "{{ address1 }} {{ address2 }} {{ city }} {{ region }} {{ postal_code }}",
   "quantity": "Qty: {{ count }}",
+  "no_code": "No SKU",
   "price": "{{ amount, price }}",
   "item": "{{ count }} item",
   "item_plural": "{{ count }} items",

package/dist/cdn/translations/subscription-form/en.json

@@ -58,7 +58,7 @@
     "delete_message": "Are you sure you'd like to remove this attribute? You won't be able to bring it back.",
     "delete_header": "Delete attribute?",
     "pagination": {
-      "create_button_text": "Add attribute",
+      "create_button_text": "Add attribute +",
       "first": "First",
       "last": "Last",
       "next": "Next",
@@ -120,6 +120,7 @@
         "subinfo_recurring": "$t(items.pagination.card.frequency, { \"count\": \"{{count}}\", \"units\": \"{{units}}\", \"ns\": \"subscription-form\" }) from {{startDate, date}}",
         "subinfo_twice_a_month": "$t(items.pagination.card.twice_a_month, { \"ns\": \"subscription-form\" }) from {{startDate, date}}",
         "twice_a_month": "Twice a month",
+        "no_code": "No SKU",
         "weekly": "Weekly",
         "weekly_plural": "Every {{count}} weeks",
         "yearly": "Yearly",
@@ -147,19 +148,27 @@
         "description": "Description",
         "price": "{{amount, price}}",
         "time": "{{value, date}}",
-        "transaction_approved": "Approved",
-        "transaction_authorized": "Authorized",
-        "transaction_captured": "Captured",
-        "transaction_completed": "Completed",
-        "transaction_declined": "Declined",
-        "transaction_pending": "Pending",
-        "transaction_plural": "Transactions",
-        "transaction_refunded": "Refunded",
-        "transaction_rejected": "Rejected",
-        "transaction_summary": "{{most_expensive_item.name}}",
-        "transaction_summary_plural": "{{most_expensive_item.name}} and {{count_minus_one}} more",
-        "transaction_verified": "Verified",
-        "transaction_voided": "Voided",
+        "status_capturing": "Capturing",
+        "status_captured": "Captured",
+        "status_approved": "Approved",
+        "status_authorized": "Authorized",
+        "status_pending": "Pending",
+        "status_completed": "Completed",
+        "status_problem": "Problem",
+        "status_pending_fraud_review": "Pending_fraud_review",
+        "status_rejected": "Rejected",
+        "status_declined": "Declined",
+        "status_refunding": "Refunding",
+        "status_refunded": "Refunded",
+        "status_voided": "Voided",
+        "status_verified": "Verified",
+        "summary": "{{most_expensive_item.name}}",
+        "summary_plural": "{{most_expensive_item.name}} and {{count_minus_one}} more",
+        "summary_payment_method_change": "Payment method change",
+        "summary_subscription_modification": "Subscription modification",
+        "summary_subscription_cancellation": "Subscription cancellation",
+        "source_MIT": "This transaction was initiated by the merchant",
+        "source_CIT": "This transaction was initiated by the customer",
         "spinner": {
           "loading_busy": "Loading",
           "loading_empty": "No transactions",

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

@@ -1,26 +1,26 @@
 {
   "header": {
     "title": "ID {{ display_id }}",
-    "subtitle": "{{ transaction_date, date }} • {{ user_agent }}, {{ ip_country }}",
-    "subtitle_customer_changed_payment_method": "{{ transaction_date, date }} • {{ user_agent }}, {{ ip_country }} • Customer changed payment method",
-    "subtitle_admin_changed_payment_method_with_uoe": "{{ transaction_date, date }} • Store admin used UOE password to change payment method",
-    "subtitle_integration_changed_payment_method": "{{ transaction_date, date }} • Integration changed payment method",
-    "subtitle_admin_changed_payment_method": "{{ transaction_date, date }} • Store admin changed payment method",
-    "subtitle_customer_changed_subscription": "{{ transaction_date, date }} • {{ user_agent }}, {{ ip_country }} • Customer made changes to subscription",
-    "subtitle_admin_changed_subscription_with_uoe": "{{ transaction_date, date }} • Store admin used UOE password to make changes to subscription",
-    "subtitle_integration_changed_subscription": "{{ transaction_date, date }} • Integration made changes to subscription",
-    "subtitle_admin_changed_subscription": "{{ transaction_date, date }} • Store admin made changes to subscription",
-    "subtitle_subscription_renewal_attempt": "{{ transaction_date, date }} • Subscription renewal attempt",
-    "subtitle_subscription_renewal_automated_reattempt": "{{ transaction_date, date }} • Automated subscription renewal reattempt",
-    "subtitle_subscription_renewal_manual_reattempt": "{{ transaction_date, date }} • Store admin attempted to renew subscription",
-    "subtitle_customer_canceled_subscription": "{{ transaction_date, date }} • {{ user_agent }}, {{ ip_country }} • Customer cancelled subscription",
-    "subtitle_admin_canceled_subscription": "{{ transaction_date, date }} • Store admin cancelled subscription",
-    "subtitle_customer_subscribed": "{{ transaction_date, date }} • {{ user_agent }}, {{ ip_country }} • Customer bought a subscription",
-    "subtitle_admin_subscribed_with_uoe": "{{ transaction_date, date }} • Store admin used UOE password to buy a subscription",
-    "subtitle_integration_subscribed": "{{ transaction_date, date }} • Integration placed an order for customer",
-    "subtitle_customer_placed_order": "{{ transaction_date, date }} • {{ user_agent }}, {{ ip_country }} • Customer placed an order",
-    "subtitle_admin_placed_order_with_uoe": "{{ transaction_date, date }} • Store admin used UOE password to place an order",
-    "subtitle_integration_placed_order": "{{ transaction_date, date }} • Integration bought a subscription",
+    "subtitle": "{{ transaction_date, date }} at {{ transaction_date, time }} • {{ ip_country }}",
+    "subtitle_customer_changed_payment_method": "{{ transaction_date, date }} at {{ transaction_date, time }} • {{ ip_country }} • Customer changed payment method",
+    "subtitle_admin_changed_payment_method_with_uoe": "{{ transaction_date, date }} at {{ transaction_date, time }} • Store admin used UOE password to change payment method",
+    "subtitle_integration_changed_payment_method": "{{ transaction_date, date }} at {{ transaction_date, time }} • Integration changed payment method",
+    "subtitle_admin_changed_payment_method": "{{ transaction_date, date }} at {{ transaction_date, time }} • Store admin changed payment method",
+    "subtitle_customer_changed_subscription": "{{ transaction_date, date }} at {{ transaction_date, time }} • {{ ip_country }} • Customer made changes to subscription",
+    "subtitle_admin_changed_subscription_with_uoe": "{{ transaction_date, date }} at {{ transaction_date, time }} • Store admin used UOE password to make changes to subscription",
+    "subtitle_integration_changed_subscription": "{{ transaction_date, date }} at {{ transaction_date, time }} • Integration made changes to subscription",
+    "subtitle_admin_changed_subscription": "{{ transaction_date, date }} at {{ transaction_date, time }} • Store admin made changes to subscription",
+    "subtitle_subscription_renewal_attempt": "{{ transaction_date, date }} at {{ transaction_date, time }} • Subscription renewal attempt",
+    "subtitle_subscription_renewal_automated_reattempt": "{{ transaction_date, date }} at {{ transaction_date, time }} • Automated subscription renewal reattempt",
+    "subtitle_subscription_renewal_manual_reattempt": "{{ transaction_date, date }} at {{ transaction_date, time }} • Store admin attempted to renew subscription",
+    "subtitle_customer_canceled_subscription": "{{ transaction_date, date }} at {{ transaction_date, time }} • {{ ip_country }} • Customer cancelled subscription",
+    "subtitle_admin_canceled_subscription": "{{ transaction_date, date }} at {{ transaction_date, time }} • Store admin cancelled subscription",
+    "subtitle_customer_subscribed": "{{ transaction_date, date }} at {{ transaction_date, time }} • {{ ip_country }} • Customer bought a subscription",
+    "subtitle_admin_subscribed_with_uoe": "{{ transaction_date, date }} at {{ transaction_date, time }} • Store admin used UOE password to buy a subscription",
+    "subtitle_integration_subscribed": "{{ transaction_date, date }} at {{ transaction_date, time }} • Integration placed an order for customer",
+    "subtitle_customer_placed_order": "{{ transaction_date, date }} at {{ transaction_date, time }} • {{ ip_country }} • Customer placed an order",
+    "subtitle_admin_placed_order_with_uoe": "{{ transaction_date, date }} at {{ transaction_date, time }} • Store admin used UOE password to place an order",
+    "subtitle_integration_placed_order": "{{ transaction_date, date }} at {{ transaction_date, time }} • Integration bought a subscription",
     "alert_status_problem": "We were unable to complete this transaction because the amount that was sent to the payment gateway did not match the final total amount.",
     "alert_status_pending_fraud_review": "The payment gateway flagged this transaction as potentially fraudulent. Please log in to your gateway’s dashboard and look for this transaction to review.",
     "alert_status_rejected": "The payment gateway refused to process this transaction based on its internal policy. You may be able to get more information about this error by logging in to your gateway’s dashboard and looking for this transaction.",
@@ -43,7 +43,7 @@
     "delete_confirm": "Remove",
     "delete_cancel": "Cancel",
     "pagination": {
-      "create_button_text": "Add item",
+      "create_button_text": "Add item +",
       "first": "First",
       "last": "Last",
       "next": "Next",
@@ -59,6 +59,7 @@
         "subinfo_recurring": "$t(items.pagination.card.frequency, { \"count\": \"{{count}}\", \"units\": \"{{units}}\", \"ns\": \"transaction\" }) from {{startDate, date}}",
         "subinfo_twice_a_month": "$t(items.pagination.card.twice_a_month, { \"ns\": \"transaction\" }) from {{startDate, date}}",
         "twice_a_month": "Twice a month",
+        "no_code": "No SKU",
         "weekly": "Weekly",
         "weekly_plural": "Every {{count}} weeks",
         "yearly": "Yearly",
@@ -107,7 +108,6 @@
         },
         "subscription-frequency": {
           "label": "Subscription frequency",
-          "helper_text": "",
           "day": "Day",
           "day_plural": "Days",
           "week": "Week",
@@ -286,7 +286,7 @@
             }
           },
           "pagination": {
-            "create_button_text": "Add attribute",
+            "create_button_text": "Add attribute +",
             "card": {
               "delete_button_text": "Delete",
               "spinner": {
@@ -371,7 +371,7 @@
                 "loading_error": "Failed to load"
               }
             },
-            "create_button_text": "Add option",
+            "create_button_text": "Add option +",
             "first": "First",
             "last": "Last",
             "next": "Next",
@@ -436,7 +436,7 @@
       }
     },
     "pagination": {
-      "create_button_text": "Add custom field",
+      "create_button_text": "Add custom field +",
       "first": "First",
       "last": "Last",
       "next": "Next",
@@ -492,7 +492,7 @@
       }
     },
     "pagination": {
-      "create_button_text": "Add attribute",
+      "create_button_text": "Add attribute +",
       "first": "First",
       "last": "Last",
       "next": "Next",
@@ -1194,6 +1194,7 @@
       "card": {
         "full_address": "{{ address1 }} {{ address2 }} {{ city }} {{ region }} {{ postal_code }}",
         "quantity": "Qty: {{ count }}",
+        "no_code": "No SKU",
         "price": "{{ amount, price }}",
         "item": "{{ count }} item",
         "item_plural": "{{ count }} items",

package/dist/cdn/translations/transaction-card/en.json

@@ -3,28 +3,28 @@
   "customer": "Customer",
   "description": "Description",
   "price": "{{amount, price}}",
-  "time": "{{value, time}}",
-  "transaction_approved": "Approved",
-  "transaction_authorized": "Authorized",
-  "transaction_captured": "Captured",
-  "transaction_completed": "Completed",
-  "transaction_declined": "Declined",
-  "transaction_pending": "Pending",
-  "transaction_plural": "Transactions",
-  "transaction_refunded": "Refunded",
-  "transaction_rejected": "Rejected",
-  "transaction_summary": "{{most_expensive_item.name}}",
-  "transaction_summary_plural": "{{most_expensive_item.name}} and {{count_minus_one}} more",
-  "transaction_verified": "Verified",
-  "transaction_voided": "Voided",
-  "type_subscription_cancellation": "Cancellation",
-  "type_subscription_modification": "Modification",
-  "type_subscription_renewal": "Renewal",
-  "type_updateinfo": "Update",
-  "type_new_order": "Order",
-  "type_new_subscription": "Subscription",
-  "source_MIT": "This transaction was initiated by merchant",
-  "source_CIT": "This transaction was initiated by customer",
+  "time": "{{value, date}} at {{value, time}}",
+  "status_capturing": "Capturing",
+  "status_captured": "Captured",
+  "status_approved": "Approved",
+  "status_authorized": "Authorized",
+  "status_pending": "Pending",
+  "status_completed": "Completed",
+  "status_problem": "Problem",
+  "status_pending_fraud_review": "Pending_fraud_review",
+  "status_rejected": "Rejected",
+  "status_declined": "Declined",
+  "status_refunding": "Refunding",
+  "status_refunded": "Refunded",
+  "status_voided": "Voided",
+  "status_verified": "Verified",
+  "summary": "{{most_expensive_item.name}}",
+  "summary_plural": "{{most_expensive_item.name}} and {{count_minus_one}} more",
+  "summary_payment_method_change": "Payment method change",
+  "summary_subscription_modification": "Subscription modification",
+  "summary_subscription_cancellation": "Subscription cancellation",
+  "source_MIT": "This transaction was initiated by the merchant",
+  "source_CIT": "This transaction was initiated by the customer",
   "spinner": {
     "loading_busy": "Loading",
     "loading_empty": "No data",

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

@@ -167,39 +167,29 @@ export class InternalAsyncListControl extends InternalEditableControl {
             >
             </foxy-internal-confirm-dialog>
           `}
-      ${this.label && this.label !== 'label'
-            ? html `<div class="font-medium text-secondary text-s mb-xs">${this.label}</div>`
-            : ''}
-
-      <foxy-pagination first=${ifDefined(first)} infer="pagination">
-        <foxy-collection-page
-          class=${classMap({
-            'block divide-y divide-contrast-5 rounded overflow-hidden': true,
-            'ring-1 ring-inset ring-contrast-10': !this.form && !this.getPageHref,
-            'bg-contrast-5': !!this.form || !!this.getPageHref,
-        })}
-          infer="card"
-          .related=${this.related}
-          .props=${this.itemProps}
-          .item=${this.__itemRenderer}
-        >
-        </foxy-collection-page>
-
+      <div class="flex items-center justify-between mb-xs text-s font-medium">
+        <span class="text-secondary">
+          ${this.label && this.label !== 'label' ? this.label : ''}
+        </span>
         ${(!this.form && !this.createPageHref) || this.readonly || this.hideCreateButton
             ? ''
             : this.createPageHref && !this.disabled
                 ? html `
               <a
-                class="mt-s w-full flex items-center justify-center h-m px-m rounded text-m font-medium transition-colors bg-contrast-5 text-success hover-bg-contrast-10 focus-outline-none focus-ring-2 focus-ring-primary-50"
+                class="rounded-s text-primary group focus-outline-none focus-ring-2 focus-ring-primary-50"
                 href=${this.createPageHref}
               >
-                <foxy-i18n infer="" key="create_button_text"></foxy-i18n>
+                <foxy-i18n
+                  class="transition-opacity group-hover-opacity-80"
+                  infer=""
+                  key="create_button_text"
+                >
+                </foxy-i18n>
               </a>
             `
                 : html `
               <vaadin-button
-                class="mt-s w-full"
-                theme="success"
+                theme="tertiary-inline"
                 ?disabled=${this.disabled}
                 @click=${(evt) => {
                     evt.preventDefault();
@@ -211,9 +201,24 @@ export class InternalAsyncListControl extends InternalEditableControl {
                     dialog.show(button);
                 }}
               >
-                <foxy-i18n infer="" key="create_button_text"></foxy-i18n>
+                <foxy-i18n infer="pagination" key="create_button_text"></foxy-i18n>
               </vaadin-button>
             `}
+      </div>
+
+      <foxy-pagination first=${ifDefined(first)} infer="pagination">
+        <foxy-collection-page
+          class=${classMap({
+            'block divide-y divide-contrast-5 rounded overflow-hidden': true,
+            'ring-1 ring-inset ring-contrast-10': !this.form && !this.getPageHref,
+            'bg-contrast-5': !!this.form || !!this.getPageHref,
+        })}
+          infer="card"
+          .related=${this.related}
+          .props=${this.itemProps}
+          .item=${this.__itemRenderer}
+        >
+        </foxy-collection-page>
       </foxy-pagination>
     `;
     }

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';\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      item: {},\n      itemProps: { type: Object, attribute: 'item-props' },\n      wide: { type: Boolean },\n      alert: { type: Boolean },\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  /** 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  /** 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 __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\n        <vaadin-button\n          theme=\"primary error\"\n          class=\"h-full\"\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 | undefined;\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 = 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              .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      ${this.label && this.label !== 'label'\n        ? html`<div class=\"font-medium text-secondary text-s mb-xs\">${this.label}</div>`\n        : ''}\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\n        ${(!this.form && !this.createPageHref) || this.readonly || this.hideCreateButton\n          ? ''\n          : this.createPageHref && !this.disabled\n          ? html`\n              <a\n                class=\"mt-s w-full flex items-center justify-center h-m px-m rounded text-m font-medium transition-colors bg-contrast-5 text-success hover-bg-contrast-10 focus-outline-none focus-ring-2 focus-ring-primary-50\"\n                href=${this.createPageHref}\n              >\n                <foxy-i18n infer=\"\" key=\"create_button_text\"></foxy-i18n>\n              </a>\n            `\n          : html`\n              <vaadin-button\n                class=\"mt-s w-full\"\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              </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    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';\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      item: {},\n      itemProps: { type: Object, attribute: 'item-props' },\n      wide: { type: Boolean },\n      alert: { type: Boolean },\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  /** 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  /** 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 __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\n        <vaadin-button\n          theme=\"primary error\"\n          class=\"h-full\"\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 | undefined;\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 = 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              .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        ${(!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  }\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"]}