@foxy.io/elements 1.34.0 → 1.35.0-beta.2

package/dist/cdn/translations/experimental-add-to-cart-builder/en.json

@@ -0,0 +1,558 @@
+{
+  "items": {
+    "label": "Items",
+    "helper_text": "",
+    "item-group": {
+      "label": "New item",
+      "helper_text": "",
+      "item": {
+        "basics-group": {
+          "label": "",
+          "helper_text": "",
+          "name": {
+            "label": "Name",
+            "placeholder": "New item",
+            "helper_text": ""
+          },
+          "item-category-uri": {
+            "label": "Category",
+            "helper_text": "",
+            "placeholder": "DEFAULT",
+            "value": "{{ resource.name }}",
+            "dialog": {
+              "cancel": "Cancel",
+              "close": "Close",
+              "header": "Select an item category",
+              "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 item categories found",
+                      "loading_error": "Unknown error"
+                    }
+                  }
+                }
+              }
+            },
+            "card": {
+              "spinner": {
+                "loading_busy": "Loading",
+                "loading_empty": "Not assigned – click to select",
+                "loading_error": "Unknown error"
+              }
+            }
+          }
+        },
+        "price-group": {
+          "label": "",
+          "helper_text": "",
+          "price": {
+            "label": "Price",
+            "placeholder": "0",
+            "helper_text": ""
+          },
+          "price-default": {
+            "label": "Default price",
+            "placeholder": "0",
+            "helper_text": ""
+          },
+          "price-configurable": {
+            "label": "Allow custom amount",
+            "helper_text": "For donations or pay-what-you-want items.",
+            "checked": "Yes",
+            "unchecked": "No"
+          }
+        },
+        "code-group": {
+          "label": "",
+          "helper_text": "",
+          "code": {
+            "label": "SKU",
+            "placeholder": "Optional",
+            "helper_text": ""
+          },
+          "parent-code": {
+            "label": "Parent SKU",
+            "placeholder": "Optional",
+            "helper_text": "For child items in a bundle."
+          }
+        },
+        "appearance-group": {
+          "label": "",
+          "helper_text": "",
+          "weight": {
+            "label": "Weight",
+            "helper_text": "",
+            "placeholder": "0"
+          }
+        },
+        "subscriptions-group": {
+          "label": "",
+          "helper_text": "",
+          "sub-enabled": {
+            "label": "Enable subscription",
+            "helper_text": "",
+            "checked": "Yes",
+            "unchecked": "No"
+          },
+          "sub-frequency": {
+            "label": "Frequency",
+            "helper_text": "",
+            "placeholder": "0",
+            "select": "Select",
+            "times_a_month": "times/mo",
+            "day": "day",
+            "day_plural": "days",
+            "week": "week",
+            "week_plural": "weeks",
+            "month": "month",
+            "month_plural": "months",
+            "year": "year",
+            "year_plural": "years"
+          },
+          "sub-startdate-format": {
+            "label": "Start",
+            "helper_text": "",
+            "placeholder": "Select",
+            "option_none": "Immediately",
+            "option_yyyymmdd": "On a specific date",
+            "option_dd": "On a specific day of the month",
+            "option_duration": "After a period of time"
+          },
+          "sub-startdate-yyyymmdd": {
+            "label": "Start date",
+            "helper_text": "",
+            "display_value": "{{ value, date }}",
+            "placeholder": "Required"
+          },
+          "sub-startdate-dd": {
+            "label": "Start day of the month",
+            "helper_text": "",
+            "placeholder": "Required"
+          },
+          "sub-startdate-duration": {
+            "label": "Start after",
+            "helper_text": "",
+            "placeholder": "0",
+            "select": "Select",
+            "day": "Day",
+            "day_plural": "Days",
+            "week": "Week",
+            "week_plural": "Weeks",
+            "month": "Month",
+            "month_plural": "Months",
+            "year": "Year",
+            "year_plural": "Years"
+          },
+          "sub-enddate-format": {
+            "label": "End",
+            "helper_text": "",
+            "placeholder": "Select",
+            "option_none": "When cancelled",
+            "option_yyyymmdd": "On a specific date",
+            "option_duration": "After a period of time"
+          },
+          "sub-enddate-yyyymmdd": {
+            "label": "End date",
+            "helper_text": "",
+            "display_value": "{{ value, date }}",
+            "placeholder": "Required"
+          },
+          "sub-enddate-duration": {
+            "label": "End after",
+            "helper_text": "",
+            "placeholder": "0",
+            "select": "Select",
+            "day": "Day",
+            "day_plural": "Days",
+            "week": "Week",
+            "week_plural": "Weeks",
+            "month": "Month",
+            "month_plural": "Months",
+            "year": "Year",
+            "year_plural": "Years"
+          }
+        },
+        "quantity-group": {
+          "label": "Quantity",
+          "helper_text": "",
+          "quantity": {
+            "label": "Quantity",
+            "placeholder": "1",
+            "helper_text": ""
+          },
+          "quantity-min": {
+            "label": "Minimum quantity",
+            "placeholder": "1",
+            "helper_text": ""
+          },
+          "quantity-max": {
+            "label": "Maximum quantity",
+            "placeholder": "None",
+            "helper_text": ""
+          },
+          "hide-quantity": {
+            "label": "Hide quantity field in the form",
+            "helper_text": "",
+            "checked": "Yes",
+            "unchecked": "No"
+          }
+        },
+        "advanced-group": {
+          "label": "Advanced",
+          "helper_text": "",
+          "discount-name": {
+            "label": "Discount",
+            "helper_text": "",
+            "placeholder": "None"
+          },
+          "discount-builder": {
+            "tier": "Tier",
+            "tier_by": "by",
+            "tier_if": "if",
+            "tier_allunits": "price of each item",
+            "tier_incremental": "price of additional items",
+            "tier_repeat": "price of next item",
+            "tier_single": "order total",
+            "tier_then": "then",
+            "quantity": "quantity",
+            "total": "total",
+            "reduce": "reduce",
+            "increase": "increase"
+          },
+          "expires-format": {
+            "label": "Expiration",
+            "helper_text": "",
+            "placeholder": "Select",
+            "option_none": "Doesn't expire",
+            "option_minutes": "After a number of minutes",
+            "option_timestamp": "On a specific date"
+          },
+          "expires-value-timestamp": {
+            "label": "Expiration date",
+            "helper_text": "",
+            "display_value": "{{ value, date }}",
+            "placeholder": "Required"
+          },
+          "expires-value-minutes": {
+            "label": "Expires after",
+            "helper_text": "",
+            "placeholder": "0"
+          },
+          "image": {
+            "label": "Image URL",
+            "placeholder": "Optional",
+            "helper_text": ""
+          },
+          "url": {
+            "label": "Product URL",
+            "placeholder": "Optional",
+            "helper_text": ""
+          },
+          "width": {
+            "label": "Width",
+            "helper_text": "",
+            "placeholder": "0"
+          },
+          "height": {
+            "label": "Height",
+            "helper_text": "",
+            "placeholder": "0"
+          },
+          "length": {
+            "label": "Length",
+            "helper_text": "",
+            "placeholder": "0"
+          }
+        },
+        "custom-options": {
+          "label": "Custom options",
+          "delete_header": "Remove custom option?",
+          "delete_message": "Please confirm that you'd like to remove this custom option from the product.",
+          "delete_confirm": "Remove",
+          "delete_cancel": "Cancel",
+          "dialog": {
+            "header_create": "Add option",
+            "header_update": "Update option",
+            "close": "Close",
+            "save": "Save",
+            "cancel": "Cancel",
+            "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",
+            "internal-experimental-add-to-cart-builder-custom-option-form": {
+              "error": {
+                "option_exists": "Option with this name and value already exists.",
+                "option_exists_configurable": "Only one option with this name can exist when its value is configurable."
+              },
+              "basics-group": {
+                "label": "",
+                "helper_text": "",
+                "name": {
+                  "label": "Name",
+                  "placeholder": "Required",
+                  "helper_text": ""
+                },
+                "value": {
+                  "label": "Value",
+                  "placeholder": "Required",
+                  "helper_text": ""
+                },
+                "default-value": {
+                  "label": "Default value",
+                  "placeholder": "Optional",
+                  "helper_text": ""
+                },
+                "value-configurable": {
+                  "label": "Let users enter a custom value",
+                  "helper_text": "",
+                  "checked": "Yes",
+                  "unchecked": "No"
+                }
+              },
+              "price-group": {
+                "label": "",
+                "helper_text": "",
+                "price": {
+                  "label": "Price modifier",
+                  "placeholder": "0",
+                  "helper_text": ""
+                },
+                "replace-price": {
+                  "label": "Replace item price with this value",
+                  "helper_text": "",
+                  "checked": "Yes",
+                  "unchecked": "No"
+                }
+              },
+              "weight-group": {
+                "label": "",
+                "helper_text": "",
+                "weight": {
+                  "label": "Weight modifier",
+                  "placeholder": "0",
+                  "helper_text": ""
+                },
+                "replace-weight": {
+                  "label": "Replace item weight with this value",
+                  "helper_text": "",
+                  "checked": "Yes",
+                  "unchecked": "No"
+                }
+              },
+              "code-group": {
+                "label": "",
+                "helper_text": "",
+                "code": {
+                  "label": "Code modifier",
+                  "placeholder": "None",
+                  "helper_text": ""
+                },
+                "replace-code": {
+                  "label": "Replace item code with this value",
+                  "helper_text": "",
+                  "checked": "Yes",
+                  "unchecked": "No"
+                }
+              },
+              "category-group": {
+                "label": "",
+                "helper_text": "",
+                "item-category-uri": {
+                  "label": "Change item category to",
+                  "helper_text": "",
+                  "placeholder": "Don't change",
+                  "value": "{{ resource.code }}",
+                  "dialog": {
+                    "cancel": "Cancel",
+                    "close": "Close",
+                    "header": "Select an item category",
+                    "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 item categories found",
+                            "loading_error": "Unknown error"
+                          }
+                        }
+                      }
+                    }
+                  },
+                  "card": {
+                    "spinner": {
+                      "loading_busy": "Loading",
+                      "loading_empty": "Not assigned – click to select",
+                      "loading_error": "Unknown error"
+                    }
+                  }
+                }
+              },
+              "delete": {
+                "delete": "Delete",
+                "cancel": "Cancel",
+                "delete_prompt": "Are you sure you'd like to remove this custom option? You won't be able to bring it back."
+              },
+              "undo": {
+                "caption": "Undo"
+              },
+              "submit": {
+                "caption": "Save changes"
+              },
+              "create": {
+                "caption": "Create"
+              },
+              "spinner": {
+                "refresh": "Refresh",
+                "loading_busy": "Loading",
+                "loading_error": "Unknown error"
+              }
+            }
+          },
+          "pagination": {
+            "card": {
+              "delete_button_text": "Delete",
+              "spinner": {
+                "loading_busy": "Loading",
+                "loading_empty": "No options",
+                "loading_error": "Unknown error"
+              }
+            },
+            "create_button_text": "Add option +",
+            "first": "First",
+            "last": "Last",
+            "next": "Next",
+            "pagination": "{{from}}-{{to}} out of {{total}}",
+            "previous": "Previous"
+          }
+        },
+        "delete": {
+          "caption": "Remove from bundle"
+        }
+      }
+    },
+    "add-product": {
+      "caption": "Add another item"
+    }
+  },
+  "cart-settings": {
+    "label": "Settings",
+    "helper_text": "",
+    "template-set-uri": {
+      "label": "Template set",
+      "helper_text": "",
+      "value": "{{ resource.code }}",
+      "value_busy": "Loading...",
+      "value_fail": "Failed to load",
+      "placeholder": "DEFAULT",
+      "dialog": {
+        "cancel": "Cancel",
+        "close": "Close",
+        "header": "Select an template set",
+        "selection": {
+          "label": "Template sets",
+          "helper_text": "",
+          "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"
+              }
+            }
+          }
+        }
+      }
+    },
+    "empty": {
+      "label": "Before adding items",
+      "helper_text": "",
+      "placeholder": "Select",
+      "option_false": "Do nothing",
+      "option_true": "Clear the current cart",
+      "option_reset": "Create a new cart"
+    },
+    "cart": {
+      "label": "After adding items",
+      "helper_text": "",
+      "placeholder": "Select",
+      "option_add": "Do nothing",
+      "option_checkout": "Open checkout",
+      "option_redirect": "Redirect to a page"
+    },
+    "redirect": {
+      "label": "Redirect URL",
+      "placeholder": "Required",
+      "helper_text": ""
+    },
+    "coupon": {
+      "label": "Coupon code",
+      "helper_text": "",
+      "placeholder": "Optional"
+    }
+  },
+  "link": {
+    "label": "",
+    "helper_text": "",
+    "direct_link": "Direct link",
+    "empty": "Modify the item parameters to see the add-to-cart link.",
+    "unavailable": "Direct link is not available when one or more items have configurable options.",
+    "copy-to-clipboard": {
+      "failed_to_copy": "Failed to copy",
+      "click_to_copy": "Copy to clipboard",
+      "copying": "Copying...",
+      "done": "Copied to clipboard"
+    }
+  },
+  "preview": {
+    "label": "Preview",
+    "helper_text": "",
+    "edits_tip": "You are free to edit this code and add styles to match your website. When editing, make sure to keep the names and values of the form elements intact, and preserve all Foxy URLs in the snippet.",
+    "edits_docs": "Learn more...",
+    "price_label": "Price:",
+    "quantity_label": "Quantity:",
+    "shipto_label": "Ship to:",
+    "submit_caption": "Add to cart",
+    "unavailable": {
+      "loading_busy": "Loading preview..."
+    },
+    "spinner": {
+      "loading_busy": "Signing",
+      "loading_error": "Failed to sign"
+    },
+    "copy-to-clipboard": {
+      "failed_to_copy": "Failed to copy",
+      "click_to_copy": "Copy to clipboard",
+      "copying": "Copying...",
+      "done": "Copied to clipboard"
+    }
+  }
+}

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

@@ -24,14 +24,29 @@ export class InternalEditableControl extends InternalControl {
             return value;
         };
         this.setValue = (newValue) => {
-            var _a, _b, _c, _d;
-            if (this.jsonPath) {
-                const json = JSON.parse((_b = (_a = this.nucleon) === null || _a === void 0 ? void 0 : _a.form[this.property]) !== null && _b !== void 0 ? _b : this.jsonTemplate);
-                set(json, this.jsonPath, newValue);
-                (_c = this.nucleon) === null || _c === void 0 ? void 0 : _c.edit({ [this.property]: JSON.stringify(json) });
+            var _a, _b, _c, _d, _e, _f, _g, _h, _j;
+            const [formProperty, ...nestedPath] = this.property.split('.');
+            if (nestedPath.length) {
+                const nestedForm = (_b = (_a = this.nucleon) === null || _a === void 0 ? void 0 : _a.form[formProperty]) !== null && _b !== void 0 ? _b : {};
+                if (this.jsonPath) {
+                    const json = JSON.parse((_d = (_c = this.nucleon) === null || _c === void 0 ? void 0 : _c.form[formProperty]) !== null && _d !== void 0 ? _d : this.jsonTemplate);
+                    set(json, this.jsonPath, newValue);
+                    set(nestedForm, nestedPath, JSON.stringify(json));
+                }
+                else {
+                    set(nestedForm, nestedPath, newValue);
+                }
+                (_e = this.nucleon) === null || _e === void 0 ? void 0 : _e.edit({ [formProperty]: nestedForm });
             }
             else {
-                (_d = this.nucleon) === null || _d === void 0 ? void 0 : _d.edit({ [this.property]: newValue });
+                if (this.jsonPath) {
+                    const json = JSON.parse((_g = (_f = this.nucleon) === null || _f === void 0 ? void 0 : _f.form[formProperty]) !== null && _g !== void 0 ? _g : this.jsonTemplate);
+                    set(json, this.jsonPath, newValue);
+                    (_h = this.nucleon) === null || _h === void 0 ? void 0 : _h.edit({ [formProperty]: JSON.stringify(json) });
+                }
+                else {
+                    (_j = this.nucleon) === null || _j === void 0 ? void 0 : _j.edit({ [formProperty]: newValue });
+                }
             }
         };
         this.__debouncedCheckValidityAsync = debounce(async (newValue) => {

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

@@ -1 +1 @@
-{"version":3,"file":"InternalEditableControl.js","sourceRoot":"","sources":["../../../../src/elements/internal/InternalEditableControl/InternalEditableControl.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,eAAe,EAAE,8CAA2C;AAErE,OAAO,QAAQ,MAAM,oBAAoB,CAAC;AAC1C,OAAO,EAAE,GAAG,EAAE,GAAG,EAAE,MAAM,WAAW,CAAC;AAErC;;;;;;;;GAQG;AACH,MAAM,OAAO,uBAAwB,SAAQ,eAAe;IAA5D;;QAkBE,uBAAkB,GAAwD,IAAI,CAAC;QAE/E,iBAAY,GAAkB,IAAI,CAAC;QAEnC,aAAQ,GAAkB,IAAI,CAAC;QAE/B,aAAQ,GAAG,GAAY,EAAE;;YACvB,MAAM,KAAK,GAAG,GAAG,OAAC,IAAI,CAAC,OAAO,0CAAE,IAAI,EAAE,IAAI,CAAC,QAAQ,CAAC,CAAC;YACrD,IAAI,IAAI,CAAC,QAAQ;gBAAE,OAAO,GAAG,CAAC,IAAI,CAAC,KAAK,CAAC,KAAK,aAAL,KAAK,cAAL,KAAK,GAAI,IAAI,CAAC,YAAY,CAAC,EAAE,IAAI,CAAC,QAAQ,CAAC,CAAC;YACrF,OAAO,KAAK,CAAC;QACf,CAAC,CAAC;QAEF,aAAQ,GAAG,CAAC,QAAiB,EAAQ,EAAE;;YACrC,IAAI,IAAI,CAAC,QAAQ,EAAE;gBACjB,MAAM,IAAI,GAAG,IAAI,CAAC,KAAK,aAAC,IAAI,CAAC,OAAO,0CAAE,IAAI,CAAC,IAAI,CAAC,QAAQ,oCAAK,IAAI,CAAC,YAAY,CAAC,CAAC;gBAChF,GAAG,CAAC,IAAI,EAAE,IAAI,CAAC,QAAQ,EAAE,QAAQ,CAAC,CAAC;gBACnC,MAAA,IAAI,CAAC,OAAO,0CAAE,IAAI,CAAC,EAAE,CAAC,IAAI,CAAC,QAAQ,CAAC,EAAE,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,EAAE,EAAE;aAC/D;iBAAM;gBACL,MAAA,IAAI,CAAC,OAAO,0CAAE,IAAI,CAAC,EAAE,CAAC,IAAI,CAAC,QAAQ,CAAC,EAAE,QAAQ,EAAE,EAAE;aACnD;QACH,CAAC,CAAC;QAEM,kCAA6B,GAAG,QAAQ,CAAC,KAAK,EAAE,QAAiB,EAAE,EAAE;;YAC3E,MAAM,YAAY,GAAG,aAAM,IAAI,CAAC,kBAAkB,+CAAvB,IAAI,EAAsB,QAAQ,EAAC,CAAC;YAC/D,IAAI,IAAI,CAAC,MAAM,KAAK,QAAQ;gBAAE,OAAO;YACrC,IAAI,CAAC,YAAY,GAAG,YAAY,KAAK,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,YAAY,aAAZ,YAAY,cAAZ,YAAY,GAAI,IAAI,CAAC;QAC1E,CAAC,EAAE,GAAG,CAAC,CAAC;QAEA,oBAAe,GAAmB,IAAI,CAAC;QAEvC,kBAAa,GAAkB,IAAI,CAAC;QAEpC,iBAAY,GAAkB,IAAI,CAAC;QAEnC,iBAAY,GAAkB,IAAI,CAAC;QAEnC,gBAAW,GAAkB,IAAI,CAAC;QAElC,eAAU,GAAkB,IAAI,CAAC;QAEjC,YAAO,GAAkB,IAAI,CAAC;IAoKxC,CAAC;IA7NC,MAAM,KAAK,UAAU;QACnB,OAAO;YACL,GAAG,KAAK,CAAC,UAAU;YACnB,kBAAkB,EAAE,EAAE,SAAS,EAAE,KAAK,EAAE;YACxC,YAAY,EAAE,EAAE,SAAS,EAAE,eAAe,EAAE;YAC5C,WAAW,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,UAAU,EAAE,IAAI,EAAE;YAC/C,UAAU,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,SAAS,EAAE,aAAa,EAAE,UAAU,EAAE,IAAI,EAAE;YACxE,SAAS,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,SAAS,EAAE,YAAY,EAAE,UAAU,EAAE,IAAI,EAAE;YACtE,QAAQ,EAAE,EAAE,SAAS,EAAE,WAAW,EAAE;YACpC,QAAQ,EAAE,EAAE,SAAS,EAAE,KAAK,EAAE;YAC9B,QAAQ,EAAE,EAAE,SAAS,EAAE,KAAK,EAAE;YAC9B,QAAQ,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,UAAU,EAAE,IAAI,EAAE;YAC5C,KAAK,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,UAAU,EAAE,IAAI,EAAE;YACzC,YAAY,EAAE,EAAE,SAAS,EAAE,KAAK,EAAE;SACnC,CAAC;IACJ,CAAC;IA4CD;;;;OAIG;IACH,IAAI,WAAW;QACb,OAAO,OAAO,IAAI,CAAC,aAAa,KAAK,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC,aAAa,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC;IAC7F,CAAC;IAED,IAAI,WAAW,CAAC,QAAgB;QAC9B,IAAI,CAAC,aAAa,CAAC,aAAa,EAAE,IAAI,CAAC,aAAa,CAAC,CAAC;QACtD,IAAI,CAAC,aAAa,GAAG,QAAQ,CAAC;IAChC,CAAC;IAED;;;;OAIG;IACH,IAAI,UAAU;QACZ,OAAO,OAAO,IAAI,CAAC,YAAY,KAAK,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC;IAC3F,CAAC;IAED,IAAI,UAAU,CAAC,QAAgB;QAC7B,IAAI,CAAC,aAAa,CAAC,YAAY,EAAE,IAAI,CAAC,YAAY,CAAC,CAAC;QACpD,IAAI,CAAC,YAAY,GAAG,QAAQ,CAAC;IAC/B,CAAC;IAED;;;;OAIG;IACH,IAAI,SAAS;QACX,IAAI,OAAO,IAAI,CAAC,WAAW,KAAK,QAAQ;YAAE,OAAO,IAAI,CAAC,WAAW,CAAC;QAClE,IAAI,OAAO,IAAI,CAAC,KAAK,KAAK,QAAQ;YAAE,OAAO,GAAG,IAAI,CAAC,KAAK,GAAG,CAAC;QAC5D,OAAO,EAAE,CAAC;IACZ,CAAC;IAED,IAAI,SAAS,CAAC,QAAgB;QAC5B,IAAI,CAAC,aAAa,CAAC,WAAW,EAAE,IAAI,CAAC,WAAW,CAAC,CAAC;QAClD,IAAI,CAAC,WAAW,GAAG,QAAQ,CAAC;IAC9B,CAAC;IAED;;;;OAIG;IACH,IAAI,QAAQ;QACV,IAAI,OAAO,IAAI,CAAC,UAAU,KAAK,QAAQ;YAAE,OAAO,IAAI,CAAC,UAAU,CAAC;QAChE,IAAI,OAAO,IAAI,CAAC,KAAK,KAAK,QAAQ;YAAE,OAAO,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,IAAI,EAAE,GAAG,CAAC,CAAC;QACzE,OAAO,EAAE,CAAC;IACZ,CAAC;IAED,IAAI,QAAQ,CAAC,QAAgB;QAC3B,IAAI,CAAC,aAAa,CAAC,UAAU,EAAE,IAAI,CAAC,UAAU,CAAC,CAAC;QAChD,IAAI,CAAC,UAAU,GAAG,QAAQ,CAAC;IAC7B,CAAC;IAED;;;OAGG;IACH,IAAI,KAAK;QACP,OAAO,OAAO,IAAI,CAAC,OAAO,KAAK,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC;IAC3E,CAAC;IAED,IAAI,KAAK,CAAC,QAAgB;QACxB,IAAI,CAAC,aAAa,CAAC,OAAO,EAAE,IAAI,CAAC,OAAO,CAAC,CAAC;QAC1C,IAAI,CAAC,OAAO,GAAG,QAAQ,CAAC;IAC1B,CAAC;IAED,oDAAoD;IACpD,gBAAgB;QACd,IAAI,CAAC,aAAa,CAAC,aAAa,EAAE,IAAI,CAAC,aAAa,CAAC,CAAC;QACtD,IAAI,CAAC,aAAa,GAAG,IAAI,CAAC;IAC5B,CAAC;IAED,oDAAoD;IACpD,eAAe;QACb,IAAI,CAAC,aAAa,CAAC,YAAY,EAAE,IAAI,CAAC,YAAY,CAAC,CAAC;QACpD,IAAI,CAAC,YAAY,GAAG,IAAI,CAAC;IAC3B,CAAC;IAED,kDAAkD;IAClD,cAAc;QACZ,IAAI,CAAC,aAAa,CAAC,WAAW,EAAE,IAAI,CAAC,WAAW,CAAC,CAAC;QAClD,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC;IAC1B,CAAC;IAED,0CAA0C;IAC1C,aAAa;QACX,IAAI,CAAC,aAAa,CAAC,UAAU,EAAE,IAAI,CAAC,UAAU,CAAC,CAAC;QAChD,IAAI,CAAC,UAAU,GAAG,IAAI,CAAC;IACzB,CAAC;IAED,8CAA8C;IAC9C,UAAU;QACR,IAAI,CAAC,aAAa,CAAC,OAAO,EAAE,IAAI,CAAC,OAAO,CAAC,CAAC;QAC1C,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC;IACtB,CAAC;IAED,cAAc;QACZ,MAAM,MAAM,GAAG,IAAI,CAAC,aAAa,CAAC,gBAAgB,CAAC,IAAI,CAAC,UAAU,EAAE,UAAU,CAAC,YAAY,CAAC,CAAC;QAE7F,GAAG;YAGD,MAAM,IAAI,GAAG,MAAM,CAAC,WAAoB,CAAC;YACzC,MAAM,OAAO,GAAG,CAAC,gBAAgB,EAAE,UAAU,CAAC,CAAC;YAE/C,KAAK,MAAM,MAAM,IAAI,OAAO,EAAE;gBAC5B,IAAI,MAAM,IAAI,IAAI,EAAE;oBAClB,IAAI;wBACF,IAAI,CAAC,MAAM,CAAC,EAAE,CAAC;wBACf,MAAM;qBACP;oBAAC,WAAM;wBACN,SAAS;qBACV;iBACF;aACF;SACF,QAAQ,MAAM,CAAC,QAAQ,EAAE,EAAE;IAC9B,CAAC;IAED;;;;;OAKG;IACH,IAAc,MAAM;QAClB,OAAO,IAAI,CAAC,QAAQ,EAAE,CAAC;IACzB,CAAC;IAED,IAAc,MAAM,CAAC,QAA6B;QAChD,IAAI,CAAC,eAAe,GAAG,IAAI,CAAC,MAAM,CAAC;QACnC,IAAI,CAAC,YAAY,GAAG,IAAI,CAAC;QACzB,IAAI,CAAC,IAAI,CAAC,MAAM,IAAI,IAAI,CAAC,eAAe,KAAK,QAAQ,EAAE;YACrD,IAAI,CAAC,6BAA6B,CAAC,QAAQ,CAAC,CAAC;SAC9C;QAED,MAAM,KAAK,GAAG,IAAI,WAAW,CAAC,QAAQ,EAAE,EAAE,UAAU,EAAE,IAAI,EAAE,MAAM,EAAE,QAAQ,EAAE,CAAC,CAAC;QAChF,MAAM,gBAAgB,GAAG,IAAI,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;QACnD,IAAI,gBAAgB;YAAE,IAAI,CAAC,QAAQ,CAAC,QAAQ,CAAC,CAAC;IAChD,CAAC;IAED,6EAA6E;IAC7E,IAAc,MAAM;;QAClB,MAAM,SAAS,SAAG,IAAI,CAAC,OAAO,0CAAE,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,UAAU,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC;QAC/E,aAAO,SAAS,aAAT,SAAS,cAAT,SAAS,GAAI,IAAI,CAAC,YAAY,mCAAI,KAAK,CAAC,CAAC;IAClD,CAAC;IAED,mGAAmG;IACnG,IAAc,aAAa;QACzB,OAAO,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,MAAM,CAAC,SAAS,CAAC,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC;IACxF,CAAC;IAED,qFAAqF;IACrF,IAAc,cAAc;QAC1B,OAAO,GAAG,EAAE,CAAC,CAAC,IAAI,CAAC,MAAM,CAAC;IAC5B,CAAC;CACF","sourcesContent":["import type { PropertyDeclarations } from 'lit-element';\n\nimport { InternalControl } from '../InternalControl/InternalControl';\n\nimport debounce from 'lodash-es/debounce';\nimport { get, set } from 'lodash-es';\n\n/**\n * An internal base class for controls that have editing functionality, e.g. a text field.\n * Instances of this class will provide shortcuts for translatable placeholder, label, helper\n * text and more. Unlike a regular control, editable control can not only read from a NucleonElement\n * instance up the DOM tree, but also send changes to it and trigger validation process.\n *\n * @element foxy-internal-editable-control\n * @since 1.17.0\n */\nexport class InternalEditableControl extends InternalControl {\n  static get properties(): PropertyDeclarations {\n    return {\n      ...super.properties,\n      checkValidityAsync: { attribute: false },\n      jsonTemplate: { attribute: 'json-template' },\n      placeholder: { type: String, noAccessor: true },\n      helperText: { type: String, attribute: 'helper-text', noAccessor: true },\n      v8nPrefix: { type: String, attribute: 'v8n-prefix', noAccessor: true },\n      jsonPath: { attribute: 'json-path' },\n      getValue: { attribute: false },\n      setValue: { attribute: false },\n      property: { type: String, noAccessor: true },\n      label: { type: String, noAccessor: true },\n      __asyncError: { attribute: false },\n    };\n  }\n\n  checkValidityAsync: ((value: unknown) => Promise<true | string>) | null = null;\n\n  jsonTemplate: string | null = null;\n\n  jsonPath: string | null = null;\n\n  getValue = (): unknown => {\n    const value = get(this.nucleon?.form, this.property);\n    if (this.jsonPath) return get(JSON.parse(value ?? this.jsonTemplate), this.jsonPath);\n    return value;\n  };\n\n  setValue = (newValue: unknown): void => {\n    if (this.jsonPath) {\n      const json = JSON.parse(this.nucleon?.form[this.property] ?? this.jsonTemplate);\n      set(json, this.jsonPath, newValue);\n      this.nucleon?.edit({ [this.property]: JSON.stringify(json) });\n    } else {\n      this.nucleon?.edit({ [this.property]: newValue });\n    }\n  };\n\n  private __debouncedCheckValidityAsync = debounce(async (newValue: unknown) => {\n    const validOrError = await this.checkValidityAsync?.(newValue);\n    if (this._value !== newValue) return;\n    this.__asyncError = validOrError === true ? null : validOrError ?? null;\n  }, 300);\n\n  private __previousValue: unknown | null = null;\n\n  private __placeholder: string | null = null;\n\n  private __helperText: string | null = null;\n\n  private __asyncError: string | null = null;\n\n  private __v8nPrefix: string | null = null;\n\n  private __property: string | null = null;\n\n  private __label: string | null = null;\n\n  /**\n   * Translated placeholder text for this control. You can set your own placeholder text\n   * if the default key in the inferred namespace doesn't work for you. Use `.resetPlaceholder()`\n   * to restore the default translation.\n   */\n  get placeholder(): string {\n    return typeof this.__placeholder === 'string' ? this.__placeholder : this.t('placeholder');\n  }\n\n  set placeholder(newValue: string) {\n    this.requestUpdate('placeholder', this.__placeholder);\n    this.__placeholder = newValue;\n  }\n\n  /**\n   * Translated helper text for this control. You can set your own helper text\n   * if the default key in the inferred namespace doesn't work for you. Use `.resetHelperText()`\n   * to restore the default translation.\n   */\n  get helperText(): string {\n    return typeof this.__helperText === 'string' ? this.__helperText : this.t('helper_text');\n  }\n\n  set helperText(newValue: string) {\n    this.requestUpdate('helperText', this.__helperText);\n    this.__helperText = newValue;\n  }\n\n  /**\n   * A prefix for all v8n errors related to this control. You can set your own v8n prefix\n   * if the default one doesn't work for you. Use `.resetV8nPrefix()`\n   * to restore the default v8n prefix.\n   */\n  get v8nPrefix(): string {\n    if (typeof this.__v8nPrefix === 'string') return this.__v8nPrefix;\n    if (typeof this.infer === 'string') return `${this.infer}:`;\n    return '';\n  }\n\n  set v8nPrefix(newValue: string) {\n    this.requestUpdate('v8nPrefix', this.__v8nPrefix);\n    this.__v8nPrefix = newValue;\n  }\n\n  /**\n   * Name of the property to bind to inferred from the control name by converting it to snake_case.\n   * You can set your own property name if the default inference method produces an incorrect result.\n   * Use `.resetProperty()` to restore the default property name.\n   */\n  get property(): string {\n    if (typeof this.__property === 'string') return this.__property;\n    if (typeof this.infer === 'string') return this.infer.replace(/-/g, '_');\n    return '';\n  }\n\n  set property(newValue: string) {\n    this.requestUpdate('property', this.__property);\n    this.__property = newValue;\n  }\n\n  /**\n   * Translated label for this control. You can set your own label if the default key in the inferred\n   * namespace doesn't work for you. Use `.resetLabel()` to restore the default translation.\n   */\n  get label(): string {\n    return typeof this.__label === 'string' ? this.__label : this.t('label');\n  }\n\n  set label(newValue: string) {\n    this.requestUpdate('label', this.__label);\n    this.__label = newValue;\n  }\n\n  /** Restores the default placeholder translation. */\n  resetPlaceholder(): void {\n    this.requestUpdate('placeholder', this.__placeholder);\n    this.__placeholder = null;\n  }\n\n  /** Restores the default helper text translation. */\n  resetHelperText(): void {\n    this.requestUpdate('helperText', this.__helperText);\n    this.__helperText = null;\n  }\n\n  /** Restores the default v8n prefix for errors. */\n  resetV8nPrefix(): void {\n    this.requestUpdate('v8nPrefix', this.__v8nPrefix);\n    this.__v8nPrefix = null;\n  }\n\n  /** Restores the default property name. */\n  resetProperty(): void {\n    this.requestUpdate('property', this.__property);\n    this.__property = null;\n  }\n\n  /** Restores the default label translation. */\n  resetLabel(): void {\n    this.requestUpdate('label', this.__label);\n    this.__label = null;\n  }\n\n  reportValidity(): void {\n    const walker = this.ownerDocument.createTreeWalker(this.renderRoot, NodeFilter.SHOW_ELEMENT);\n\n    do {\n      type Input = Node & Record<string, () => unknown>;\n\n      const node = walker.currentNode as Input;\n      const methods = ['reportValidity', 'validate'];\n\n      for (const method of methods) {\n        if (method in node) {\n          try {\n            node[method]();\n            break;\n          } catch {\n            continue;\n          }\n        }\n      }\n    } while (walker.nextNode());\n  }\n\n  /**\n   * A shortcut to get the inferred value from the NucleonElement instance\n   * up the DOM tree. If no such value or instance exists, returns `undefined`.\n   * Assigning a value to this property will dispatch a cancelable `change` event\n   * with the new value in the detail and write changes to the NucleonElement instance if permitted.\n   */\n  protected get _value(): unknown | undefined {\n    return this.getValue();\n  }\n\n  protected set _value(newValue: unknown | undefined) {\n    this.__previousValue = this._value;\n    this.__asyncError = null;\n    if (!this._error && this.__previousValue !== newValue) {\n      this.__debouncedCheckValidityAsync(newValue);\n    }\n\n    const event = new CustomEvent('change', { cancelable: true, detail: newValue });\n    const useDefaultAction = this.dispatchEvent(event);\n    if (useDefaultAction) this.setValue(newValue);\n  }\n\n  /** A shortcut returning the first v8n error associated with this control. */\n  protected get _error(): string | undefined {\n    const syncError = this.nucleon?.errors.find(v => v.startsWith(this.v8nPrefix));\n    return syncError ?? this.__asyncError ?? void 0;\n  }\n\n  /** A shortcut returning the localized text of the first v8n error associated with this control. */\n  protected get _errorMessage(): string | undefined {\n    return this._error ? this.t(this._error.substring(this.v8nPrefix.length)) : undefined;\n  }\n\n  /** A helper returning a `.checkValidity()` function for use with Vaadin elements. */\n  protected get _checkValidity(): () => boolean {\n    return () => !this._error;\n  }\n}\n"]}
+{"version":3,"file":"InternalEditableControl.js","sourceRoot":"","sources":["../../../../src/elements/internal/InternalEditableControl/InternalEditableControl.ts"],"names":[],"mappings":"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","sourcesContent":["import type { PropertyDeclarations } from 'lit-element';\n\nimport { InternalControl } from '../InternalControl/InternalControl';\n\nimport debounce from 'lodash-es/debounce';\nimport { get, set } from 'lodash-es';\n\n/**\n * An internal base class for controls that have editing functionality, e.g. a text field.\n * Instances of this class will provide shortcuts for translatable placeholder, label, helper\n * text and more. Unlike a regular control, editable control can not only read from a NucleonElement\n * instance up the DOM tree, but also send changes to it and trigger validation process.\n *\n * @element foxy-internal-editable-control\n * @since 1.17.0\n */\nexport class InternalEditableControl extends InternalControl {\n  static get properties(): PropertyDeclarations {\n    return {\n      ...super.properties,\n      checkValidityAsync: { attribute: false },\n      jsonTemplate: { attribute: 'json-template' },\n      placeholder: { type: String, noAccessor: true },\n      helperText: { type: String, attribute: 'helper-text', noAccessor: true },\n      v8nPrefix: { type: String, attribute: 'v8n-prefix', noAccessor: true },\n      jsonPath: { attribute: 'json-path' },\n      getValue: { attribute: false },\n      setValue: { attribute: false },\n      property: { type: String, noAccessor: true },\n      label: { type: String, noAccessor: true },\n      __asyncError: { attribute: false },\n    };\n  }\n\n  checkValidityAsync: ((value: unknown) => Promise<true | string>) | null = null;\n\n  jsonTemplate: string | null = null;\n\n  jsonPath: string | null = null;\n\n  getValue = (): unknown => {\n    const value = get(this.nucleon?.form, this.property);\n    if (this.jsonPath) return get(JSON.parse(value ?? this.jsonTemplate), this.jsonPath);\n    return value;\n  };\n\n  setValue = (newValue: unknown): void => {\n    const [formProperty, ...nestedPath] = this.property.split('.');\n\n    if (nestedPath.length) {\n      const nestedForm = this.nucleon?.form[formProperty] ?? {};\n\n      if (this.jsonPath) {\n        const json = JSON.parse(this.nucleon?.form[formProperty] ?? this.jsonTemplate);\n        set(json, this.jsonPath, newValue);\n        set(nestedForm, nestedPath, JSON.stringify(json));\n      } else {\n        set(nestedForm, nestedPath, newValue);\n      }\n\n      this.nucleon?.edit({ [formProperty]: nestedForm });\n    } else {\n      if (this.jsonPath) {\n        const json = JSON.parse(this.nucleon?.form[formProperty] ?? this.jsonTemplate);\n        set(json, this.jsonPath, newValue);\n        this.nucleon?.edit({ [formProperty]: JSON.stringify(json) });\n      } else {\n        this.nucleon?.edit({ [formProperty]: newValue });\n      }\n    }\n  };\n\n  private __debouncedCheckValidityAsync = debounce(async (newValue: unknown) => {\n    const validOrError = await this.checkValidityAsync?.(newValue);\n    if (this._value !== newValue) return;\n    this.__asyncError = validOrError === true ? null : validOrError ?? null;\n  }, 300);\n\n  private __previousValue: unknown | null = null;\n\n  private __placeholder: string | null = null;\n\n  private __helperText: string | null = null;\n\n  private __asyncError: string | null = null;\n\n  private __v8nPrefix: string | null = null;\n\n  private __property: string | null = null;\n\n  private __label: string | null = null;\n\n  /**\n   * Translated placeholder text for this control. You can set your own placeholder text\n   * if the default key in the inferred namespace doesn't work for you. Use `.resetPlaceholder()`\n   * to restore the default translation.\n   */\n  get placeholder(): string {\n    return typeof this.__placeholder === 'string' ? this.__placeholder : this.t('placeholder');\n  }\n\n  set placeholder(newValue: string) {\n    this.requestUpdate('placeholder', this.__placeholder);\n    this.__placeholder = newValue;\n  }\n\n  /**\n   * Translated helper text for this control. You can set your own helper text\n   * if the default key in the inferred namespace doesn't work for you. Use `.resetHelperText()`\n   * to restore the default translation.\n   */\n  get helperText(): string {\n    return typeof this.__helperText === 'string' ? this.__helperText : this.t('helper_text');\n  }\n\n  set helperText(newValue: string) {\n    this.requestUpdate('helperText', this.__helperText);\n    this.__helperText = newValue;\n  }\n\n  /**\n   * A prefix for all v8n errors related to this control. You can set your own v8n prefix\n   * if the default one doesn't work for you. Use `.resetV8nPrefix()`\n   * to restore the default v8n prefix.\n   */\n  get v8nPrefix(): string {\n    if (typeof this.__v8nPrefix === 'string') return this.__v8nPrefix;\n    if (typeof this.infer === 'string') return `${this.infer}:`;\n    return '';\n  }\n\n  set v8nPrefix(newValue: string) {\n    this.requestUpdate('v8nPrefix', this.__v8nPrefix);\n    this.__v8nPrefix = newValue;\n  }\n\n  /**\n   * Name of the property to bind to inferred from the control name by converting it to snake_case.\n   * You can set your own property name if the default inference method produces an incorrect result.\n   * Use `.resetProperty()` to restore the default property name.\n   */\n  get property(): string {\n    if (typeof this.__property === 'string') return this.__property;\n    if (typeof this.infer === 'string') return this.infer.replace(/-/g, '_');\n    return '';\n  }\n\n  set property(newValue: string) {\n    this.requestUpdate('property', this.__property);\n    this.__property = newValue;\n  }\n\n  /**\n   * Translated label for this control. You can set your own label if the default key in the inferred\n   * namespace doesn't work for you. Use `.resetLabel()` to restore the default translation.\n   */\n  get label(): string {\n    return typeof this.__label === 'string' ? this.__label : this.t('label');\n  }\n\n  set label(newValue: string) {\n    this.requestUpdate('label', this.__label);\n    this.__label = newValue;\n  }\n\n  /** Restores the default placeholder translation. */\n  resetPlaceholder(): void {\n    this.requestUpdate('placeholder', this.__placeholder);\n    this.__placeholder = null;\n  }\n\n  /** Restores the default helper text translation. */\n  resetHelperText(): void {\n    this.requestUpdate('helperText', this.__helperText);\n    this.__helperText = null;\n  }\n\n  /** Restores the default v8n prefix for errors. */\n  resetV8nPrefix(): void {\n    this.requestUpdate('v8nPrefix', this.__v8nPrefix);\n    this.__v8nPrefix = null;\n  }\n\n  /** Restores the default property name. */\n  resetProperty(): void {\n    this.requestUpdate('property', this.__property);\n    this.__property = null;\n  }\n\n  /** Restores the default label translation. */\n  resetLabel(): void {\n    this.requestUpdate('label', this.__label);\n    this.__label = null;\n  }\n\n  reportValidity(): void {\n    const walker = this.ownerDocument.createTreeWalker(this.renderRoot, NodeFilter.SHOW_ELEMENT);\n\n    do {\n      type Input = Node & Record<string, () => unknown>;\n\n      const node = walker.currentNode as Input;\n      const methods = ['reportValidity', 'validate'];\n\n      for (const method of methods) {\n        if (method in node) {\n          try {\n            node[method]();\n            break;\n          } catch {\n            continue;\n          }\n        }\n      }\n    } while (walker.nextNode());\n  }\n\n  /**\n   * A shortcut to get the inferred value from the NucleonElement instance\n   * up the DOM tree. If no such value or instance exists, returns `undefined`.\n   * Assigning a value to this property will dispatch a cancelable `change` event\n   * with the new value in the detail and write changes to the NucleonElement instance if permitted.\n   */\n  protected get _value(): unknown | undefined {\n    return this.getValue();\n  }\n\n  protected set _value(newValue: unknown | undefined) {\n    this.__previousValue = this._value;\n    this.__asyncError = null;\n    if (!this._error && this.__previousValue !== newValue) {\n      this.__debouncedCheckValidityAsync(newValue);\n    }\n\n    const event = new CustomEvent('change', { cancelable: true, detail: newValue });\n    const useDefaultAction = this.dispatchEvent(event);\n    if (useDefaultAction) this.setValue(newValue);\n  }\n\n  /** A shortcut returning the first v8n error associated with this control. */\n  protected get _error(): string | undefined {\n    const syncError = this.nucleon?.errors.find(v => v.startsWith(this.v8nPrefix));\n    return syncError ?? this.__asyncError ?? void 0;\n  }\n\n  /** A shortcut returning the localized text of the first v8n error associated with this control. */\n  protected get _errorMessage(): string | undefined {\n    return this._error ? this.t(this._error.substring(this.v8nPrefix.length)) : undefined;\n  }\n\n  /** A helper returning a `.checkValidity()` function for use with Vaadin elements. */\n  protected get _checkValidity(): () => boolean {\n    return () => !this._error;\n  }\n}\n"]}