easy-email-extensions 4.6.0 → 4.7.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (10) hide show
  1. package/lib/AttributePanel/components/attributes/BorderStyle.d.ts +1 -1
  2. package/lib/AttributePanel/components/blocks/Page/index.d.ts +6 -1
  3. package/lib/AttributePanel/index.d.ts +1 -0
  4. package/lib/AttributePanel/utils/BlockAttributeConfigurationManager.d.ts +2 -1
  5. package/lib/ShortcutToolbar/components/BlocksPanel/presetTemplate/index.d.ts +5 -5
  6. package/lib/ShortcutToolbar/components/DragIcon/index.d.ts +1 -2
  7. package/lib/index.js +1 -1
  8. package/lib/index2.js +534 -382
  9. package/lib/index2.js.map +1 -1
  10. package/package.json +3 -3
package/lib/index2.js CHANGED
@@ -30803,7 +30803,7 @@ function ImageUploader(props) {
30803
30803
  const onChange = props.onChange;
30804
30804
  const onUpload = useCallback(() => {
30805
30805
  if (isUploading) {
30806
- return Message$1.warning("Uploading...");
30806
+ return Message$1.warning(t("Uploading..."));
30807
30807
  }
30808
30808
  if (!uploadHandlerRef.current)
30809
30809
  return;
@@ -30842,7 +30842,7 @@ function ImageUploader(props) {
30842
30842
  props.onChange(picture);
30843
30843
  setIsUploading(false);
30844
30844
  } catch (error2) {
30845
- Message$1.error((error2 == null ? void 0 : error2.message) || error2 || "Upload failed");
30845
+ Message$1.error((error2 == null ? void 0 : error2.message) || error2 || t("Upload failed"));
30846
30846
  setIsUploading(false);
30847
30847
  }
30848
30848
  }
@@ -30876,10 +30876,10 @@ function ImageUploader(props) {
30876
30876
  }), /* @__PURE__ */ React__default.createElement("div", {
30877
30877
  className: styles$8["btn-wrap"]
30878
30878
  }, /* @__PURE__ */ React__default.createElement("a", {
30879
- title: "Preview",
30879
+ title: t("Preview"),
30880
30880
  onClick: () => setPreview(true)
30881
30881
  }, /* @__PURE__ */ React__default.createElement(IconEye$1, null)), /* @__PURE__ */ React__default.createElement("a", {
30882
- title: "Remove",
30882
+ title: t("Remove"),
30883
30883
  onClick: () => onRemove()
30884
30884
  }, /* @__PURE__ */ React__default.createElement(IconDelete$1, null)))));
30885
30885
  }, [isUploading, onRemove, onUpload, props.value]);
@@ -30936,7 +30936,7 @@ function ImageUploader(props) {
30936
30936
  footer: null,
30937
30937
  onCancel: () => setPreview(false)
30938
30938
  }, /* @__PURE__ */ React__default.createElement("img", {
30939
- alt: "Preview",
30939
+ alt: t("Preview"),
30940
30940
  style: { width: "100%" },
30941
30941
  src: props.value
30942
30942
  })));
@@ -31264,7 +31264,7 @@ function EditTab(props) {
31264
31264
  onChange: setActiveTab
31265
31265
  }, (Array.isArray(value) ? value : []).map((item2, index2) => /* @__PURE__ */ React__default.createElement(TabPane$1, {
31266
31266
  style: { paddingLeft: 12 },
31267
- title: `${props.label || "Tab"} ${index2 + 1}`,
31267
+ title: `${props.label || t("Tab")} ${index2 + 1}`,
31268
31268
  key: index2
31269
31269
  }, props.renderItem(item2, index2))));
31270
31270
  }
@@ -31284,7 +31284,7 @@ function EditGridTab(props) {
31284
31284
  style: { width: "100%" },
31285
31285
  key: index2
31286
31286
  }, /* @__PURE__ */ React__default.createElement(Card$1, {
31287
- title: /* @__PURE__ */ React__default.createElement(Space$1, null, /* @__PURE__ */ React__default.createElement(Typography$1.Text, null, "Item ", index2 + 1)),
31287
+ title: /* @__PURE__ */ React__default.createElement(Space$1, null, /* @__PURE__ */ React__default.createElement(Typography$1.Text, null, t("Item"), " ", index2 + 1)),
31288
31288
  extra: /* @__PURE__ */ React__default.createElement(Space$1, {
31289
31289
  size: "large"
31290
31290
  }, /* @__PURE__ */ React__default.createElement(IconPlus$1, {
@@ -33101,7 +33101,7 @@ function ColorPickerContent(props) {
33101
33101
  paddingLeft: 10,
33102
33102
  position: "relative"
33103
33103
  }
33104
- }, /* @__PURE__ */ React__default.createElement("span", null, "Picker..."), /* @__PURE__ */ React__default.createElement("input", {
33104
+ }, /* @__PURE__ */ React__default.createElement("span", null, t("Picker...")), /* @__PURE__ */ React__default.createElement("input", {
33105
33105
  style: {
33106
33106
  position: "absolute",
33107
33107
  width: "100%",
@@ -33296,10 +33296,10 @@ function Link$1(props) {
33296
33296
  }, /* @__PURE__ */ React__default.createElement(SearchField, {
33297
33297
  size: "small",
33298
33298
  name: "link",
33299
- label: "Link",
33299
+ label: t("Link"),
33300
33300
  labelHidden: true,
33301
- searchButton: "Apply",
33302
- placeholder: "https://www.example.com",
33301
+ searchButton: t("Apply"),
33302
+ placeholder: t("https://www.example.com"),
33303
33303
  onSearch: () => handleSubmit()
33304
33304
  })), /* @__PURE__ */ React__default.createElement(Grid.Row, null, /* @__PURE__ */ React__default.createElement(Grid.Col, {
33305
33305
  span: 12
@@ -33308,13 +33308,13 @@ function Link$1(props) {
33308
33308
  size: "mini"
33309
33309
  }, /* @__PURE__ */ React__default.createElement(TextStyle, {
33310
33310
  size: "smallest"
33311
- }, "Target"), /* @__PURE__ */ React__default.createElement(SwitchField, {
33311
+ }, t("Target")), /* @__PURE__ */ React__default.createElement(SwitchField, {
33312
33312
  size: "small",
33313
- label: "Target",
33313
+ label: t("Target"),
33314
33314
  labelHidden: true,
33315
33315
  name: "blank",
33316
- checkedText: "blank",
33317
- uncheckedText: "self",
33316
+ checkedText: t("blank"),
33317
+ uncheckedText: t("self"),
33318
33318
  inline: true
33319
33319
  }))), /* @__PURE__ */ React__default.createElement(Grid.Col, {
33320
33320
  span: 12
@@ -33323,18 +33323,18 @@ function Link$1(props) {
33323
33323
  size: "mini"
33324
33324
  }, /* @__PURE__ */ React__default.createElement(TextStyle, {
33325
33325
  size: "smallest"
33326
- }, "Underline"), /* @__PURE__ */ React__default.createElement(SwitchField, {
33326
+ }, t("Underline")), /* @__PURE__ */ React__default.createElement(SwitchField, {
33327
33327
  size: "small",
33328
- label: "Underline",
33328
+ label: t("Underline"),
33329
33329
  labelHidden: true,
33330
33330
  name: "underline",
33331
- checkedText: "off",
33332
- uncheckedText: "on",
33331
+ checkedText: t("off"),
33332
+ uncheckedText: t("on"),
33333
33333
  inline: true
33334
33334
  })))))
33335
33335
  }), /* @__PURE__ */ React__default.createElement(ToolItem$1, {
33336
33336
  isActive: Boolean(initialValues.link),
33337
- title: "Link",
33337
+ title: t("Link"),
33338
33338
  icon: /* @__PURE__ */ React__default.createElement(IconFont, {
33339
33339
  iconName: "icon-link"
33340
33340
  })
@@ -33577,12 +33577,12 @@ function AddFont() {
33577
33577
  fill: true
33578
33578
  }, /* @__PURE__ */ React__default.createElement(TextField, {
33579
33579
  name: `${focusIdx2}.data.value.fonts.${index2}.name`,
33580
- label: "Name"
33580
+ label: t("Name")
33581
33581
  })), /* @__PURE__ */ React__default.createElement(Stack$4.Item, {
33582
33582
  fill: true
33583
33583
  }, /* @__PURE__ */ React__default.createElement(TextField, {
33584
33584
  name: `${focusIdx2}.data.value.fonts.${index2}.href`,
33585
- label: "Href"
33585
+ label: t("Href")
33586
33586
  })), /* @__PURE__ */ React__default.createElement(Stack$4, {
33587
33587
  vertical: true,
33588
33588
  spacing: "loose"
@@ -33666,7 +33666,7 @@ function FontFamily({ name: name2 }) {
33666
33666
  });
33667
33667
  }, [focusIdx2, fontList2, name2]);
33668
33668
  }
33669
- function Page() {
33669
+ function Page({ hideSubTitle, hideSubject }) {
33670
33670
  const { focusIdx: focusIdx2 } = useFocusIdx();
33671
33671
  if (!focusIdx2)
33672
33672
  return null;
@@ -33681,11 +33681,11 @@ function Page() {
33681
33681
  header: t("Email Setting")
33682
33682
  }, /* @__PURE__ */ React__default.createElement(Space$1, {
33683
33683
  direction: "vertical"
33684
- }, /* @__PURE__ */ React__default.createElement(TextField, {
33684
+ }, !hideSubject && /* @__PURE__ */ React__default.createElement(TextField, {
33685
33685
  label: t("Subject"),
33686
33686
  name: "subject",
33687
33687
  inline: true
33688
- }), /* @__PURE__ */ React__default.createElement(TextField, {
33688
+ }), !hideSubTitle && /* @__PURE__ */ React__default.createElement(TextField, {
33689
33689
  label: t("SubTitle"),
33690
33690
  name: "subTitle",
33691
33691
  inline: true
@@ -33719,7 +33719,7 @@ function Page() {
33719
33719
  }))), /* @__PURE__ */ React__default.createElement(Grid.Row, null, /* @__PURE__ */ React__default.createElement(Grid.Col, {
33720
33720
  span: 11
33721
33721
  }, /* @__PURE__ */ React__default.createElement(InputWithUnitField, {
33722
- label: "Line height",
33722
+ label: t("Line height"),
33723
33723
  unitOptions: "percent",
33724
33724
  name: `${focusIdx2}.data.value.line-height`
33725
33725
  })), /* @__PURE__ */ React__default.createElement(Grid.Col, {
@@ -33820,31 +33820,31 @@ function Padding(props = {}) {
33820
33820
  })
33821
33821
  }))), /* @__PURE__ */ React__default.createElement(Grid.Row, null, /* @__PURE__ */ React__default.createElement(Grid.Col, {
33822
33822
  span: 11
33823
- }, /* @__PURE__ */ React__default.createElement(NumberField, {
33824
- label: "Top (px)",
33823
+ }, /* @__PURE__ */ React__default.createElement(InputWithUnitField, {
33824
+ label: t("Top (px)"),
33825
33825
  name: "top",
33826
33826
  autoComplete: "off",
33827
33827
  config: pixelAdapter
33828
33828
  })), /* @__PURE__ */ React__default.createElement(Grid.Col, {
33829
33829
  offset: 1,
33830
33830
  span: 11
33831
- }, /* @__PURE__ */ React__default.createElement(NumberField, {
33832
- label: "Left (px)",
33831
+ }, /* @__PURE__ */ React__default.createElement(InputWithUnitField, {
33832
+ label: t("Left (px)"),
33833
33833
  name: "left",
33834
33834
  autoComplete: "off",
33835
33835
  config: pixelAdapter
33836
33836
  }))), /* @__PURE__ */ React__default.createElement(Grid.Row, null, /* @__PURE__ */ React__default.createElement(Grid.Col, {
33837
33837
  span: 11
33838
- }, /* @__PURE__ */ React__default.createElement(NumberField, {
33839
- label: "Bottom (px)",
33838
+ }, /* @__PURE__ */ React__default.createElement(InputWithUnitField, {
33839
+ label: t("Bottom (px)"),
33840
33840
  name: "bottom",
33841
33841
  config: pixelAdapter,
33842
33842
  autoComplete: "off"
33843
33843
  })), /* @__PURE__ */ React__default.createElement(Grid.Col, {
33844
33844
  offset: 1,
33845
33845
  span: 11
33846
- }, /* @__PURE__ */ React__default.createElement(NumberField, {
33847
- label: "Right (px)",
33846
+ }, /* @__PURE__ */ React__default.createElement(InputWithUnitField, {
33847
+ label: t("Right (px)"),
33848
33848
  name: "right",
33849
33849
  autoComplete: "off",
33850
33850
  config: pixelAdapter
@@ -33863,7 +33863,7 @@ const PaddingChangeWrapper = (props) => {
33863
33863
  }, [top, right, bottom, left, onChange]);
33864
33864
  return /* @__PURE__ */ React__default.createElement(React__default.Fragment, null);
33865
33865
  };
33866
- function BackgroundColor({ title: title2 = "Background color" }) {
33866
+ function BackgroundColor({ title: title2 = t("Background color") }) {
33867
33867
  const { focusIdx: focusIdx2 } = useFocusIdx();
33868
33868
  return useMemo(() => {
33869
33869
  return /* @__PURE__ */ React__default.createElement(ColorPickerField, {
@@ -33875,19 +33875,27 @@ function BackgroundColor({ title: title2 = "Background color" }) {
33875
33875
  const backgroundRepeatOptions = [
33876
33876
  {
33877
33877
  value: "no-repeat",
33878
- label: "No repeat"
33878
+ get label() {
33879
+ return t("No repeat");
33880
+ }
33879
33881
  },
33880
33882
  {
33881
33883
  value: "repeat",
33882
- label: "Repeat"
33884
+ get label() {
33885
+ return t("Repeat");
33886
+ }
33883
33887
  },
33884
33888
  {
33885
33889
  value: "repeat-x",
33886
- label: "Repeat X"
33890
+ get label() {
33891
+ return t("Repeat X");
33892
+ }
33887
33893
  },
33888
33894
  {
33889
33895
  value: "repeat-y",
33890
- label: "Repeat Y"
33896
+ get label() {
33897
+ return t("Repeat Y");
33898
+ }
33891
33899
  }
33892
33900
  ];
33893
33901
  function Background() {
@@ -33898,9 +33906,9 @@ function Background() {
33898
33906
  key: focusIdx2,
33899
33907
  direction: "vertical"
33900
33908
  }, /* @__PURE__ */ React__default.createElement(ImageUploaderField, {
33901
- label: "Background image",
33909
+ label: t("Background image"),
33902
33910
  name: `${focusIdx2}.attributes.background-url`,
33903
- helpText: "The image suffix should be .jpg, jpeg, png, gif, etc. Otherwise, the picture may not be displayed normally.",
33911
+ helpText: t("The image suffix should be .jpg, jpeg, png, gif, etc. Otherwise, the picture may not be displayed normally."),
33904
33912
  uploadHandler: onUploadImage
33905
33913
  }), /* @__PURE__ */ React__default.createElement(Grid.Row, null, /* @__PURE__ */ React__default.createElement(Grid.Col, {
33906
33914
  span: 11
@@ -33908,11 +33916,11 @@ function Background() {
33908
33916
  offset: 1,
33909
33917
  span: 11
33910
33918
  }, /* @__PURE__ */ React__default.createElement(SelectField, {
33911
- label: "Background repeat",
33919
+ label: t("Background repeat"),
33912
33920
  name: `${focusIdx2}.attributes.background-repeat`,
33913
33921
  options: backgroundRepeatOptions
33914
33922
  }))), /* @__PURE__ */ React__default.createElement(TextField, {
33915
- label: "Background size",
33923
+ label: t("Background size"),
33916
33924
  name: `${focusIdx2}.attributes.background-size`
33917
33925
  }));
33918
33926
  }, [focusIdx2, onUploadImage]);
@@ -33923,13 +33931,13 @@ function Border() {
33923
33931
  return /* @__PURE__ */ React__default.createElement(Grid.Row, null, /* @__PURE__ */ React__default.createElement(Grid.Col, {
33924
33932
  span: 11
33925
33933
  }, /* @__PURE__ */ React__default.createElement(TextField, {
33926
- label: "Border",
33934
+ label: t("Border"),
33927
33935
  name: `${focusIdx2}.attributes.border`
33928
33936
  })), /* @__PURE__ */ React__default.createElement(Grid.Col, {
33929
33937
  offset: 1,
33930
33938
  span: 11
33931
33939
  }, /* @__PURE__ */ React__default.createElement(InputWithUnitField, {
33932
- label: "Border radius",
33940
+ label: t("Border radius"),
33933
33941
  name: `${focusIdx2}.attributes.border-radius`,
33934
33942
  unitOptions: "percent"
33935
33943
  })));
@@ -33939,7 +33947,7 @@ function ClassName() {
33939
33947
  const { focusIdx: focusIdx2 } = useFocusIdx();
33940
33948
  return useMemo(() => {
33941
33949
  return /* @__PURE__ */ React__default.createElement(TextField, {
33942
- label: "Class name",
33950
+ label: t("Class name"),
33943
33951
  name: `${focusIdx2}.attributes.css-class`
33944
33952
  });
33945
33953
  }, [focusIdx2]);
@@ -33971,7 +33979,7 @@ function Iteration() {
33971
33979
  className: "iteration",
33972
33980
  destroyOnHide: true,
33973
33981
  name: "Iteration",
33974
- header: "Iteration",
33982
+ header: t("Iteration"),
33975
33983
  extra: /* @__PURE__ */ React__default.createElement("div", {
33976
33984
  style: { marginRight: 10 }
33977
33985
  }, /* @__PURE__ */ React__default.createElement(Switch$1, {
@@ -33983,18 +33991,18 @@ function Iteration() {
33983
33991
  }, /* @__PURE__ */ React__default.createElement("div", null, /* @__PURE__ */ React__default.createElement(Grid.Row, null, /* @__PURE__ */ React__default.createElement(Grid.Col, {
33984
33992
  span: 11
33985
33993
  }, /* @__PURE__ */ React__default.createElement(TextField, {
33986
- label: "Data source",
33994
+ label: t("Data source"),
33987
33995
  name: `${focusIdx2}.data.value.iteration.dataSource`
33988
33996
  })), /* @__PURE__ */ React__default.createElement(Grid.Col, {
33989
33997
  offset: 1,
33990
33998
  span: 11
33991
33999
  }, /* @__PURE__ */ React__default.createElement(TextField, {
33992
- label: "Item name",
34000
+ label: t("Item name"),
33993
34001
  name: `${focusIdx2}.data.value.iteration.itemName`
33994
34002
  }))), /* @__PURE__ */ React__default.createElement(Grid.Row, null, /* @__PURE__ */ React__default.createElement(Grid.Col, {
33995
34003
  span: 11
33996
34004
  }, /* @__PURE__ */ React__default.createElement(TextField, {
33997
- label: "Limit",
34005
+ label: t("Limit"),
33998
34006
  name: `${focusIdx2}.data.value.iteration.limit`,
33999
34007
  quickchange: true,
34000
34008
  type: "number",
@@ -34003,7 +34011,7 @@ function Iteration() {
34003
34011
  offset: 1,
34004
34012
  span: 11
34005
34013
  }, /* @__PURE__ */ React__default.createElement(TextField, {
34006
- label: "Mock quantity",
34014
+ label: t("Mock quantity"),
34007
34015
  max: iteration == null ? void 0 : iteration.limit,
34008
34016
  name: `${focusIdx2}.data.value.iteration.mockQuantity`,
34009
34017
  type: "number",
@@ -34072,7 +34080,7 @@ function Condition() {
34072
34080
  subGroups.splice(ggIndex, 1);
34073
34081
  if (subGroups.length === 0) {
34074
34082
  if (groups.length === 1) {
34075
- Message$1.warning("At least one condition");
34083
+ Message$1.warning(t("At least one condition"));
34076
34084
  return;
34077
34085
  }
34078
34086
  groups.splice(gIndex, 1);
@@ -34092,7 +34100,7 @@ function Condition() {
34092
34100
  className: "condition",
34093
34101
  destroyOnHide: true,
34094
34102
  name: "Condition",
34095
- header: "Condition",
34103
+ header: t("Condition"),
34096
34104
  extra: /* @__PURE__ */ React__default.createElement("div", {
34097
34105
  style: { marginRight: 10 }
34098
34106
  }, /* @__PURE__ */ React__default.createElement(Switch$1, {
@@ -34110,14 +34118,14 @@ function Condition() {
34110
34118
  }, condition.groups.length > 1 && /* @__PURE__ */ React__default.createElement(SelectField, {
34111
34119
  inline: true,
34112
34120
  name: `${focusIdx2}.data.value.condition.symbol`,
34113
- label: "Symbol",
34121
+ label: t("Symbol"),
34114
34122
  options: [
34115
34123
  {
34116
- label: "And",
34124
+ label: t("And"),
34117
34125
  value: OperatorSymbol.AND
34118
34126
  },
34119
34127
  {
34120
- label: "Or",
34128
+ label: t("Or"),
34121
34129
  value: OperatorSymbol.OR
34122
34130
  }
34123
34131
  ]
@@ -34137,14 +34145,14 @@ function Condition() {
34137
34145
  }, group.groups.length > 1 && /* @__PURE__ */ React__default.createElement(SelectField, {
34138
34146
  inline: true,
34139
34147
  name: `${focusIdx2}.data.value.condition.symbol`,
34140
- label: "Symbol",
34148
+ label: t("Symbol"),
34141
34149
  options: [
34142
34150
  {
34143
- label: "And",
34151
+ label: t("And"),
34144
34152
  value: OperatorSymbol.AND
34145
34153
  },
34146
34154
  {
34147
- label: "Or",
34155
+ label: t("Or"),
34148
34156
  value: OperatorSymbol.OR
34149
34157
  }
34150
34158
  ]
@@ -34172,12 +34180,12 @@ function ConditionItem({ path, onDelete, gIndex, ggIndex }) {
34172
34180
  }, /* @__PURE__ */ React__default.createElement(Grid.Col, {
34173
34181
  span: 7
34174
34182
  }, " ", /* @__PURE__ */ React__default.createElement(TextField, {
34175
- label: "Variable path",
34183
+ label: t("Variable path"),
34176
34184
  name: `${name2}.left`
34177
34185
  })), /* @__PURE__ */ React__default.createElement(Grid.Col, {
34178
34186
  span: 7
34179
34187
  }, " ", /* @__PURE__ */ React__default.createElement(SelectField, {
34180
- label: "Operator",
34188
+ label: t("Operator"),
34181
34189
  name: `${name2}.operator`,
34182
34190
  options: options$b
34183
34191
  })), /* @__PURE__ */ React__default.createElement(Grid.Col, {
@@ -34267,7 +34275,7 @@ function Section() {
34267
34275
  defaultActiveKey: ["0", "1", "2"]
34268
34276
  }, /* @__PURE__ */ React__default.createElement(Collapse$1.Item, {
34269
34277
  name: "0",
34270
- header: "Dimension"
34278
+ header: t("Dimension")
34271
34279
  }, /* @__PURE__ */ React__default.createElement(Space$1, {
34272
34280
  direction: "vertical"
34273
34281
  }, /* @__PURE__ */ React__default.createElement(Grid.Row, null, /* @__PURE__ */ React__default.createElement(Grid.Col, {
@@ -34276,25 +34284,25 @@ function Section() {
34276
34284
  style: { width: "100%", display: "flex" }
34277
34285
  }, /* @__PURE__ */ React__default.createElement("div", {
34278
34286
  style: { flex: 1 }
34279
- }, "Group")), /* @__PURE__ */ React__default.createElement(Switch$1, {
34287
+ }, t("Group"))), /* @__PURE__ */ React__default.createElement(Switch$1, {
34280
34288
  checked: noWrap,
34281
- checkedText: "True",
34282
- uncheckedText: "False",
34289
+ checkedText: t("True"),
34290
+ uncheckedText: t("False"),
34283
34291
  onChange
34284
34292
  })), /* @__PURE__ */ React__default.createElement(Grid.Col, {
34285
34293
  span: 12
34286
34294
  })), /* @__PURE__ */ React__default.createElement(Padding, null))), /* @__PURE__ */ React__default.createElement(Collapse$1.Item, {
34287
34295
  name: "1",
34288
- header: "Background"
34296
+ header: t("Background")
34289
34297
  }, /* @__PURE__ */ React__default.createElement(Stack$4, {
34290
34298
  vertical: true,
34291
34299
  spacing: "tight"
34292
34300
  }, /* @__PURE__ */ React__default.createElement(Background, null))), /* @__PURE__ */ React__default.createElement(Collapse$1.Item, {
34293
34301
  name: "2",
34294
- header: "Border"
34302
+ header: t("Border")
34295
34303
  }, /* @__PURE__ */ React__default.createElement(Border, null)), /* @__PURE__ */ React__default.createElement(Collapse$1.Item, {
34296
34304
  name: "4",
34297
- header: "Extra"
34305
+ header: t("Extra")
34298
34306
  }, /* @__PURE__ */ React__default.createElement(Grid.Col, {
34299
34307
  span: 24
34300
34308
  }, /* @__PURE__ */ React__default.createElement(ClassName, null)))));
@@ -34310,13 +34318,13 @@ function Width({
34310
34318
  const parentType = (_a = getParentByIdx(values2, focusIdx2)) == null ? void 0 : _a.type;
34311
34319
  const validate3 = useCallback((val) => {
34312
34320
  if ((focusBlock2 == null ? void 0 : focusBlock2.type) === BasicType.COLUMN && parentType === BasicType.GROUP) {
34313
- return /(\d)*%/.test(val) ? void 0 : "Column inside a group must have a width in percentage, not in pixel";
34321
+ return /(\d)*%/.test(val) ? void 0 : t("Column inside a group must have a width in percentage, not in pixel");
34314
34322
  }
34315
34323
  return void 0;
34316
34324
  }, [focusBlock2 == null ? void 0 : focusBlock2.type, parentType]);
34317
34325
  return /* @__PURE__ */ React__default.createElement(InputWithUnitField, {
34318
34326
  validate: validate3,
34319
- label: "Width",
34327
+ label: t("Width"),
34320
34328
  inline,
34321
34329
  name: `${focusIdx2}.attributes.width`,
34322
34330
  unitOptions,
@@ -34326,15 +34334,21 @@ function Width({
34326
34334
  const options$a = [
34327
34335
  {
34328
34336
  value: "top",
34329
- label: "top"
34337
+ get label() {
34338
+ return t("top");
34339
+ }
34330
34340
  },
34331
34341
  {
34332
34342
  value: "middle",
34333
- label: "middle"
34343
+ get label() {
34344
+ return t("middle");
34345
+ }
34334
34346
  },
34335
34347
  {
34336
34348
  value: "bottom",
34337
- label: "bottom"
34349
+ get label() {
34350
+ return t("bottom");
34351
+ }
34338
34352
  }
34339
34353
  ];
34340
34354
  function VerticalAlign({
@@ -34344,7 +34358,7 @@ function VerticalAlign({
34344
34358
  return useMemo(() => {
34345
34359
  return /* @__PURE__ */ React__default.createElement(Stack$4, null, /* @__PURE__ */ React__default.createElement(SelectField, {
34346
34360
  style: { width: 120 },
34347
- label: "Vertical align",
34361
+ label: t("Vertical align"),
34348
34362
  name: `${focusIdx2}.attributes.${attributeName}`,
34349
34363
  options: options$a
34350
34364
  }));
@@ -34355,7 +34369,7 @@ function Column() {
34355
34369
  defaultActiveKey: ["0", "1", "2"]
34356
34370
  }, /* @__PURE__ */ React__default.createElement(Collapse$1.Item, {
34357
34371
  name: "0",
34358
- header: "Dimension"
34372
+ header: t("Dimension")
34359
34373
  }, /* @__PURE__ */ React__default.createElement(Space$1, {
34360
34374
  direction: "vertical"
34361
34375
  }, /* @__PURE__ */ React__default.createElement(Grid.Row, null, /* @__PURE__ */ React__default.createElement(Grid.Col, {
@@ -34365,13 +34379,13 @@ function Column() {
34365
34379
  span: 11
34366
34380
  }, /* @__PURE__ */ React__default.createElement(VerticalAlign, null))), /* @__PURE__ */ React__default.createElement(Padding, null))), /* @__PURE__ */ React__default.createElement(Collapse$1.Item, {
34367
34381
  name: "1",
34368
- header: "Background"
34382
+ header: t("Background")
34369
34383
  }, /* @__PURE__ */ React__default.createElement(Background, null)), /* @__PURE__ */ React__default.createElement(Collapse$1.Item, {
34370
34384
  name: "2",
34371
- header: "Border"
34385
+ header: t("Border")
34372
34386
  }, /* @__PURE__ */ React__default.createElement(Border, null)), /* @__PURE__ */ React__default.createElement(Collapse$1.Item, {
34373
34387
  name: "4",
34374
- header: "Extra"
34388
+ header: t("Extra")
34375
34389
  }, /* @__PURE__ */ React__default.createElement(Grid.Col, {
34376
34390
  span: 24
34377
34391
  }, /* @__PURE__ */ React__default.createElement(ClassName, null)))));
@@ -34379,34 +34393,46 @@ function Column() {
34379
34393
  const options$9 = [
34380
34394
  {
34381
34395
  value: "",
34382
- label: "None"
34396
+ get label() {
34397
+ return t("None");
34398
+ }
34383
34399
  },
34384
34400
  {
34385
34401
  value: "underline",
34386
- label: "Underline"
34402
+ get label() {
34403
+ return t("Underline");
34404
+ }
34387
34405
  },
34388
34406
  {
34389
34407
  value: "overline",
34390
- label: "Overline"
34408
+ get label() {
34409
+ return t("Overline");
34410
+ }
34391
34411
  },
34392
34412
  {
34393
34413
  value: "line-through",
34394
- label: "Line through"
34414
+ get label() {
34415
+ return t("Line through");
34416
+ }
34395
34417
  },
34396
34418
  {
34397
34419
  value: "blink",
34398
- label: "Blink"
34420
+ get label() {
34421
+ return t("Blink");
34422
+ }
34399
34423
  },
34400
34424
  {
34401
34425
  value: "inherit",
34402
- label: "Inherit"
34426
+ get label() {
34427
+ return t("Inherit");
34428
+ }
34403
34429
  }
34404
34430
  ];
34405
34431
  function TextDecoration({ name: name2 }) {
34406
34432
  const { focusIdx: focusIdx2 } = useFocusIdx();
34407
34433
  return useMemo(() => {
34408
34434
  return /* @__PURE__ */ React__default.createElement(SelectField, {
34409
- label: "Text decoration",
34435
+ label: t("Text decoration"),
34410
34436
  name: name2 || `${focusIdx2}.attributes.text-decoration`,
34411
34437
  options: options$9
34412
34438
  });
@@ -34415,11 +34441,15 @@ function TextDecoration({ name: name2 }) {
34415
34441
  const options$8 = [
34416
34442
  {
34417
34443
  value: "normal",
34418
- label: "Normal"
34444
+ get label() {
34445
+ return t("Normal");
34446
+ }
34419
34447
  },
34420
34448
  {
34421
34449
  value: "bold",
34422
- label: "Bold"
34450
+ get label() {
34451
+ return t("Bold");
34452
+ }
34423
34453
  },
34424
34454
  {
34425
34455
  value: "100",
@@ -34462,7 +34492,7 @@ function FontWeight({ name: name2 }) {
34462
34492
  const { focusIdx: focusIdx2 } = useFocusIdx();
34463
34493
  return useMemo(() => {
34464
34494
  return /* @__PURE__ */ React__default.createElement(SelectField, {
34465
- label: "Font weight",
34495
+ label: t("Font weight"),
34466
34496
  name: name2 || `${focusIdx2}.attributes.font-weight`,
34467
34497
  options: options$8
34468
34498
  });
@@ -34471,17 +34501,21 @@ function FontWeight({ name: name2 }) {
34471
34501
  const options$7 = [
34472
34502
  {
34473
34503
  value: "normal",
34474
- label: "Normal"
34504
+ get label() {
34505
+ return t("Normal");
34506
+ }
34475
34507
  },
34476
34508
  {
34477
34509
  value: "italic",
34478
- label: "Italic"
34510
+ get label() {
34511
+ return t("Italic");
34512
+ }
34479
34513
  }
34480
34514
  ];
34481
34515
  function FontStyle({ name: name2 }) {
34482
34516
  const { focusIdx: focusIdx2 } = useFocusIdx();
34483
34517
  return /* @__PURE__ */ React__default.createElement(RadioGroupField, {
34484
- label: "Font style",
34518
+ label: t("Font style"),
34485
34519
  name: name2 || `${focusIdx2}.attributes.font-style`,
34486
34520
  options: options$7
34487
34521
  });
@@ -34497,7 +34531,7 @@ function Height({
34497
34531
  }, /* @__PURE__ */ React__default.createElement(Stack$4.Item, {
34498
34532
  fill: true
34499
34533
  }, /* @__PURE__ */ React__default.createElement(TextField, {
34500
- label: "Height",
34534
+ label: t("Height"),
34501
34535
  name: `${focusIdx2}.attributes.height`,
34502
34536
  quickchange: true,
34503
34537
  inline,
@@ -34506,7 +34540,7 @@ function Height({
34506
34540
  }, [focusIdx2, inline]);
34507
34541
  }
34508
34542
  function ContainerBackgroundColor({
34509
- title: title2 = "Container background color"
34543
+ title: title2 = t("Container background color")
34510
34544
  }) {
34511
34545
  const { focusIdx: focusIdx2 } = useFocusIdx();
34512
34546
  return useMemo(() => {
@@ -34518,14 +34552,14 @@ function ContainerBackgroundColor({
34518
34552
  }
34519
34553
  function FontSize$1() {
34520
34554
  const { focusIdx: focusIdx2 } = useFocusIdx();
34521
- return /* @__PURE__ */ React__default.createElement(NumberField, {
34522
- label: "Font size (px)",
34555
+ return /* @__PURE__ */ React__default.createElement(InputWithUnitField, {
34556
+ label: t("Font size (px)"),
34523
34557
  name: `${focusIdx2}.attributes.font-size`,
34524
34558
  config: pixelAdapter,
34525
34559
  autoComplete: "off"
34526
34560
  });
34527
34561
  }
34528
- function Color({ title: title2 = "Color" }) {
34562
+ function Color({ title: title2 = t("Color") }) {
34529
34563
  const { focusIdx: focusIdx2 } = useFocusIdx();
34530
34564
  return /* @__PURE__ */ React__default.createElement(ColorPickerField, {
34531
34565
  label: title2,
@@ -34563,7 +34597,7 @@ function Align({ inline }) {
34563
34597
  function LineHeight({ name: name2 }) {
34564
34598
  const { focusIdx: focusIdx2 } = useFocusIdx();
34565
34599
  return /* @__PURE__ */ React__default.createElement(InputWithUnitField, {
34566
- label: "Line height",
34600
+ label: t("Line height"),
34567
34601
  unitOptions: "percent",
34568
34602
  name: name2 || `${focusIdx2}.attributes.line-height`
34569
34603
  });
@@ -34571,7 +34605,7 @@ function LineHeight({ name: name2 }) {
34571
34605
  function LetterSpacing({ name: name2 }) {
34572
34606
  const { focusIdx: focusIdx2 } = useFocusIdx();
34573
34607
  return /* @__PURE__ */ React__default.createElement(InputWithUnitField, {
34574
- label: "Letter spacing",
34608
+ label: t("Letter spacing"),
34575
34609
  name: name2 || `${focusIdx2}.attributes.letter-spacing`
34576
34610
  });
34577
34611
  }
@@ -34631,10 +34665,10 @@ const HtmlEditor = (props) => {
34631
34665
  }, /* @__PURE__ */ React__default.createElement(TextStyle, {
34632
34666
  variation: "strong",
34633
34667
  size: "large"
34634
- }, "Html"), /* @__PURE__ */ React__default.createElement(Stack$4, null, /* @__PURE__ */ React__default.createElement(Button$4, {
34668
+ }, t("Html")), /* @__PURE__ */ React__default.createElement(Stack$4, null, /* @__PURE__ */ React__default.createElement(Button$4, {
34635
34669
  type: "primary",
34636
34670
  onClick: onSave
34637
- }, "Save"))),
34671
+ }, t("Save")))),
34638
34672
  closable: false,
34639
34673
  escToExit: false,
34640
34674
  width: "100vw",
@@ -34657,7 +34691,7 @@ const HtmlEditor = (props) => {
34657
34691
  fontSize: 24,
34658
34692
  color: "#fff"
34659
34693
  }
34660
- }, "Editor Loading...")
34694
+ }, t("Editor Loading..."))
34661
34695
  }, /* @__PURE__ */ React__default.createElement(CodeMirrorEditor, {
34662
34696
  value: content,
34663
34697
  onChange: setContent
@@ -34678,7 +34712,7 @@ function Text() {
34678
34712
  const [visible, setVisible] = useState(false);
34679
34713
  return /* @__PURE__ */ React__default.createElement(AttributesPanelWrapper, {
34680
34714
  extra: /* @__PURE__ */ React__default.createElement(Tooltip$1, {
34681
- content: "Html mode"
34715
+ content: t("Html mode")
34682
34716
  }, /* @__PURE__ */ React__default.createElement(Button$4, {
34683
34717
  onClick: () => setVisible(true),
34684
34718
  icon: /* @__PURE__ */ React__default.createElement(IconFont, {
@@ -34689,24 +34723,24 @@ function Text() {
34689
34723
  defaultActiveKey: ["0", "1", "2"]
34690
34724
  }, /* @__PURE__ */ React__default.createElement(Collapse$1.Item, {
34691
34725
  name: "0",
34692
- header: "Dimension"
34726
+ header: t("Dimension")
34693
34727
  }, /* @__PURE__ */ React__default.createElement(Space$1, {
34694
34728
  direction: "vertical"
34695
34729
  }, /* @__PURE__ */ React__default.createElement(Height, null), /* @__PURE__ */ React__default.createElement(Padding, {
34696
34730
  showResetAll: true
34697
34731
  }))), /* @__PURE__ */ React__default.createElement(Collapse$1.Item, {
34698
34732
  name: "1",
34699
- header: "Color"
34733
+ header: t("Color")
34700
34734
  }, /* @__PURE__ */ React__default.createElement(Grid.Row, null, /* @__PURE__ */ React__default.createElement(Grid.Col, {
34701
34735
  span: 11
34702
34736
  }, /* @__PURE__ */ React__default.createElement(Color, null)), /* @__PURE__ */ React__default.createElement(Grid.Col, {
34703
34737
  offset: 1,
34704
34738
  span: 11
34705
34739
  }, /* @__PURE__ */ React__default.createElement(ContainerBackgroundColor, {
34706
- title: "Background color"
34740
+ title: t("Background color")
34707
34741
  })))), /* @__PURE__ */ React__default.createElement(Collapse$1.Item, {
34708
34742
  name: "2",
34709
- header: "Typography"
34743
+ header: t("Typography")
34710
34744
  }, /* @__PURE__ */ React__default.createElement(Space$1, {
34711
34745
  direction: "vertical"
34712
34746
  }, /* @__PURE__ */ React__default.createElement(Grid.Row, null, /* @__PURE__ */ React__default.createElement(Grid.Col, {
@@ -34731,7 +34765,7 @@ function Text() {
34731
34765
  span: 11
34732
34766
  })))), /* @__PURE__ */ React__default.createElement(Collapse$1.Item, {
34733
34767
  name: "4",
34734
- header: "Extra"
34768
+ header: t("Extra")
34735
34769
  }, /* @__PURE__ */ React__default.createElement(Grid.Col, {
34736
34770
  span: 24
34737
34771
  }, /* @__PURE__ */ React__default.createElement(ClassName, null)))), /* @__PURE__ */ React__default.createElement(HtmlEditor, {
@@ -34746,22 +34780,22 @@ function Link() {
34746
34780
  span: 11
34747
34781
  }, /* @__PURE__ */ React__default.createElement(TextField, {
34748
34782
  prefix: /* @__PURE__ */ React__default.createElement(IconLink$1, null),
34749
- label: /* @__PURE__ */ React__default.createElement("span", null, "Href\xA0\xA0\xA0"),
34783
+ label: /* @__PURE__ */ React__default.createElement("span", null, t("Href"), "\xA0\xA0\xA0"),
34750
34784
  name: `${focusIdx2}.attributes.href`
34751
34785
  })), /* @__PURE__ */ React__default.createElement(Grid.Col, {
34752
34786
  offset: 1,
34753
34787
  span: 11
34754
34788
  }, /* @__PURE__ */ React__default.createElement(SelectField, {
34755
- label: "Target",
34789
+ label: t("Target"),
34756
34790
  name: `${focusIdx2}.attributes.target`,
34757
34791
  options: [
34758
34792
  {
34759
34793
  value: "",
34760
- label: "_self"
34794
+ label: t("_self")
34761
34795
  },
34762
34796
  {
34763
34797
  value: "_blank",
34764
- label: "_blank"
34798
+ label: t("_blank")
34765
34799
  }
34766
34800
  ]
34767
34801
  })));
@@ -34776,23 +34810,23 @@ function Image$1() {
34776
34810
  defaultActiveKey: ["0", "1", "2", "3", "4"]
34777
34811
  }, /* @__PURE__ */ React__default.createElement(Collapse$1.Item, {
34778
34812
  name: "1",
34779
- header: "Setting"
34813
+ header: t("Setting")
34780
34814
  }, /* @__PURE__ */ React__default.createElement(Stack$4, {
34781
34815
  vertical: true,
34782
34816
  spacing: "tight"
34783
34817
  }, /* @__PURE__ */ React__default.createElement(ImageUploaderField, {
34784
- label: "src",
34818
+ label: t("src"),
34785
34819
  labelHidden: true,
34786
34820
  name: `${focusIdx2}.attributes.src`,
34787
- helpText: "The image suffix should be .jpg, jpeg, png, gif, etc. Otherwise, the picture may not be displayed normally.",
34821
+ helpText: t("The image suffix should be .jpg, jpeg, png, gif, etc. Otherwise, the picture may not be displayed normally."),
34788
34822
  uploadHandler: onUploadImage
34789
34823
  }), /* @__PURE__ */ React__default.createElement(ColorPickerField, {
34790
- label: "Background color",
34824
+ label: t("Background color"),
34791
34825
  name: `${focusIdx2}.attributes.container-background-color`,
34792
34826
  inline: true
34793
34827
  }))), /* @__PURE__ */ React__default.createElement(Collapse$1.Item, {
34794
34828
  name: "0",
34795
- header: "Dimension"
34829
+ header: t("Dimension")
34796
34830
  }, /* @__PURE__ */ React__default.createElement(Space$1, {
34797
34831
  direction: "vertical"
34798
34832
  }, /* @__PURE__ */ React__default.createElement(Grid.Row, null, /* @__PURE__ */ React__default.createElement(Grid.Col, {
@@ -34810,31 +34844,31 @@ function Image$1() {
34810
34844
  span: 24
34811
34845
  }, /* @__PURE__ */ React__default.createElement(Align, null))))), /* @__PURE__ */ React__default.createElement(Collapse$1.Item, {
34812
34846
  name: "2",
34813
- header: "Link"
34847
+ header: t("Link")
34814
34848
  }, /* @__PURE__ */ React__default.createElement(Stack$4, {
34815
34849
  vertical: true,
34816
34850
  spacing: "tight"
34817
34851
  }, /* @__PURE__ */ React__default.createElement(Link, null))), /* @__PURE__ */ React__default.createElement(Collapse$1.Item, {
34818
34852
  name: "3",
34819
- header: "Border"
34853
+ header: t("Border")
34820
34854
  }, /* @__PURE__ */ React__default.createElement(Border, null)), /* @__PURE__ */ React__default.createElement(Collapse$1.Item, {
34821
34855
  name: "4",
34822
- header: "Extra"
34856
+ header: t("Extra")
34823
34857
  }, /* @__PURE__ */ React__default.createElement(Grid.Row, null, /* @__PURE__ */ React__default.createElement(Grid.Col, {
34824
34858
  span: 11
34825
34859
  }, /* @__PURE__ */ React__default.createElement(TextField, {
34826
- label: "title",
34860
+ label: t("title"),
34827
34861
  name: `${focusIdx2}.attributes.title`
34828
34862
  })), /* @__PURE__ */ React__default.createElement(Grid.Col, {
34829
34863
  offset: 1,
34830
34864
  span: 11
34831
34865
  }, /* @__PURE__ */ React__default.createElement(TextField, {
34832
- label: "alt",
34866
+ label: t("alt"),
34833
34867
  name: `${focusIdx2}.attributes.alt`
34834
34868
  }))), /* @__PURE__ */ React__default.createElement(Grid.Col, {
34835
34869
  span: 24
34836
34870
  }, /* @__PURE__ */ React__default.createElement(TextField, {
34837
- label: "class name",
34871
+ label: t("class name"),
34838
34872
  name: `${focusIdx2}.attributes.css-class`
34839
34873
  })))));
34840
34874
  }
@@ -34843,7 +34877,7 @@ function Group() {
34843
34877
  defaultActiveKey: ["0", "1", "2"]
34844
34878
  }, /* @__PURE__ */ React__default.createElement(Collapse$1.Item, {
34845
34879
  name: "0",
34846
- header: "Dimension"
34880
+ header: t("Dimension")
34847
34881
  }, /* @__PURE__ */ React__default.createElement(Grid.Row, null, /* @__PURE__ */ React__default.createElement(Grid.Col, {
34848
34882
  span: 11
34849
34883
  }, /* @__PURE__ */ React__default.createElement(Width, null)), /* @__PURE__ */ React__default.createElement(Grid.Col, {
@@ -34851,7 +34885,7 @@ function Group() {
34851
34885
  span: 11
34852
34886
  }, /* @__PURE__ */ React__default.createElement(VerticalAlign, null)))), /* @__PURE__ */ React__default.createElement(Collapse$1.Item, {
34853
34887
  name: "1",
34854
- header: "Background"
34888
+ header: t("Background")
34855
34889
  }, /* @__PURE__ */ React__default.createElement(Grid.Row, null, /* @__PURE__ */ React__default.createElement(Grid.Col, {
34856
34890
  span: 11
34857
34891
  }, /* @__PURE__ */ React__default.createElement(BackgroundColor, null)), /* @__PURE__ */ React__default.createElement(Grid.Col, {
@@ -34859,7 +34893,7 @@ function Group() {
34859
34893
  span: 11
34860
34894
  }))), /* @__PURE__ */ React__default.createElement(Collapse$1.Item, {
34861
34895
  name: "4",
34862
- header: "Extra"
34896
+ header: t("Extra")
34863
34897
  }, /* @__PURE__ */ React__default.createElement(Grid.Col, {
34864
34898
  span: 24
34865
34899
  }, /* @__PURE__ */ React__default.createElement(ClassName, null)))));
@@ -34867,15 +34901,21 @@ function Group() {
34867
34901
  const options$5 = [
34868
34902
  {
34869
34903
  value: "left",
34870
- label: "Left"
34904
+ get label() {
34905
+ return t("Left");
34906
+ }
34871
34907
  },
34872
34908
  {
34873
34909
  value: "center",
34874
- label: "Center"
34910
+ get label() {
34911
+ return t("Center");
34912
+ }
34875
34913
  },
34876
34914
  {
34877
34915
  value: "right",
34878
- label: "Right"
34916
+ get label() {
34917
+ return t("Right");
34918
+ }
34879
34919
  }
34880
34920
  ];
34881
34921
  function TextAlign({ name: name2 }) {
@@ -34899,15 +34939,15 @@ function Decoration() {
34899
34939
  variation: "strong",
34900
34940
  size: "large"
34901
34941
  }, "Decoration"), /* @__PURE__ */ React__default.createElement(TextField, {
34902
- label: "Border radius",
34942
+ label: t("Border radius"),
34903
34943
  name: `${focusIdx2}.attributes.borderRadius`,
34904
34944
  inline: true
34905
34945
  }), /* @__PURE__ */ React__default.createElement(TextField, {
34906
- label: "Border",
34946
+ label: t("Border"),
34907
34947
  name: `${focusIdx2}.attributes.border`,
34908
34948
  inline: true
34909
34949
  }), /* @__PURE__ */ React__default.createElement(NumberField, {
34910
- label: "Opacity",
34950
+ label: t("Opacity"),
34911
34951
  max: 1,
34912
34952
  min: 0,
34913
34953
  step: 0.1,
@@ -34919,26 +34959,34 @@ function Decoration() {
34919
34959
  const options$4 = [
34920
34960
  {
34921
34961
  value: "initial",
34922
- label: "none"
34962
+ get label() {
34963
+ return t("None");
34964
+ }
34923
34965
  },
34924
34966
  {
34925
34967
  value: "uppercase",
34926
- label: "uppercase"
34968
+ get label() {
34969
+ return t("uppercase");
34970
+ }
34927
34971
  },
34928
34972
  {
34929
34973
  value: "lowercase",
34930
- label: "lowercase"
34974
+ get label() {
34975
+ return t("lowercase");
34976
+ }
34931
34977
  },
34932
34978
  {
34933
34979
  value: "capitalize",
34934
- label: "capitalize"
34980
+ get label() {
34981
+ return t("capitalize");
34982
+ }
34935
34983
  }
34936
34984
  ];
34937
34985
  function TextTransform({ name: name2 }) {
34938
34986
  const { focusIdx: focusIdx2 } = useFocusIdx();
34939
34987
  return useMemo(() => {
34940
34988
  return /* @__PURE__ */ React__default.createElement(SelectField, {
34941
- label: "Text transform",
34989
+ label: t("Text transform"),
34942
34990
  name: name2 || `${focusIdx2}.attributes.text-transform`,
34943
34991
  options: options$4
34944
34992
  });
@@ -34947,18 +34995,22 @@ function TextTransform({ name: name2 }) {
34947
34995
  const options$3 = [
34948
34996
  {
34949
34997
  value: "ltr",
34950
- label: "ltr"
34998
+ get label() {
34999
+ return t("ltr");
35000
+ }
34951
35001
  },
34952
35002
  {
34953
35003
  value: "rtl",
34954
- label: "rtl"
35004
+ get label() {
35005
+ return t("rtl");
35006
+ }
34955
35007
  }
34956
35008
  ];
34957
35009
  function Direction() {
34958
35010
  const { focusIdx: focusIdx2 } = useFocusIdx();
34959
35011
  return useMemo(() => {
34960
35012
  return /* @__PURE__ */ React__default.createElement(Stack$4, null, /* @__PURE__ */ React__default.createElement(RadioGroupField, {
34961
- label: "Direction",
35013
+ label: t("Direction"),
34962
35014
  name: `${focusIdx2}.attributes.direction`,
34963
35015
  options: options$3,
34964
35016
  inline: true
@@ -34973,19 +35025,19 @@ function Margin() {
34973
35025
  spacing: "extraTight"
34974
35026
  }, /* @__PURE__ */ React__default.createElement(TextStyle, {
34975
35027
  size: "large"
34976
- }, "Margin"), /* @__PURE__ */ React__default.createElement(Stack$4, {
35028
+ }, t("Margin")), /* @__PURE__ */ React__default.createElement(Stack$4, {
34977
35029
  wrap: false
34978
35030
  }, /* @__PURE__ */ React__default.createElement(Stack$4.Item, {
34979
35031
  fill: true
34980
35032
  }, /* @__PURE__ */ React__default.createElement(TextField, {
34981
- label: "Top",
35033
+ label: t("Top"),
34982
35034
  quickchange: true,
34983
35035
  name: `${focusIdx2}.attributes.marginTop`,
34984
35036
  inline: true
34985
35037
  })), /* @__PURE__ */ React__default.createElement(Stack$4.Item, {
34986
35038
  fill: true
34987
35039
  }, /* @__PURE__ */ React__default.createElement(TextField, {
34988
- label: "Bottom",
35040
+ label: t("Bottom"),
34989
35041
  quickchange: true,
34990
35042
  name: `${focusIdx2}.attributes.marginBottom`,
34991
35043
  inline: true
@@ -34994,14 +35046,14 @@ function Margin() {
34994
35046
  }, /* @__PURE__ */ React__default.createElement(Stack$4.Item, {
34995
35047
  fill: true
34996
35048
  }, /* @__PURE__ */ React__default.createElement(TextField, {
34997
- label: "Left",
35049
+ label: t("Left"),
34998
35050
  quickchange: true,
34999
35051
  name: `${focusIdx2}.attributes.marginLeft`,
35000
35052
  inline: true
35001
35053
  })), /* @__PURE__ */ React__default.createElement(Stack$4.Item, {
35002
35054
  fill: true
35003
35055
  }, /* @__PURE__ */ React__default.createElement(TextField, {
35004
- label: "Right",
35056
+ label: t("Right"),
35005
35057
  quickchange: true,
35006
35058
  name: `${focusIdx2}.attributes.marginRight`,
35007
35059
  inline: true
@@ -35012,7 +35064,7 @@ function BorderColor() {
35012
35064
  const { focusIdx: focusIdx2 } = useFocusIdx();
35013
35065
  return useMemo(() => {
35014
35066
  return /* @__PURE__ */ React__default.createElement(ColorPickerField, {
35015
- label: "Color",
35067
+ label: t("Color"),
35016
35068
  name: `${focusIdx2}.attributes.border-color`
35017
35069
  });
35018
35070
  }, [focusIdx2]);
@@ -35112,7 +35164,7 @@ const MergeTags$1 = React__default.memo((props) => {
35112
35164
  value: props.value,
35113
35165
  size: "small",
35114
35166
  dropdownMenuStyle: { maxHeight: 400, overflow: "auto" },
35115
- placeholder: "Please select",
35167
+ placeholder: t("Please select"),
35116
35168
  treeData: treeOptions,
35117
35169
  onChange: (val) => onSelect(val)
35118
35170
  }) : /* @__PURE__ */ React__default.createElement(Tree$1, {
@@ -35130,42 +35182,58 @@ const MergeTags$1 = React__default.memo((props) => {
35130
35182
  const borderStyleOptions = [
35131
35183
  {
35132
35184
  value: "dashed",
35133
- label: "Dashed"
35185
+ get label() {
35186
+ return t("Dashed");
35187
+ }
35134
35188
  },
35135
35189
  {
35136
35190
  value: "dotted",
35137
- label: "Dotted"
35191
+ get label() {
35192
+ return t("Dotted");
35193
+ }
35138
35194
  },
35139
35195
  {
35140
35196
  value: "solid",
35141
- label: "Solid"
35197
+ get label() {
35198
+ return t("Solid");
35199
+ }
35142
35200
  },
35143
35201
  {
35144
35202
  value: "double",
35145
- label: "double"
35203
+ get label() {
35204
+ return t("double");
35205
+ }
35146
35206
  },
35147
35207
  {
35148
35208
  value: "ridge",
35149
- label: "ridge"
35209
+ get label() {
35210
+ return t("ridge");
35211
+ }
35150
35212
  },
35151
35213
  {
35152
35214
  value: "groove",
35153
- label: "groove"
35215
+ get label() {
35216
+ return t("groove");
35217
+ }
35154
35218
  },
35155
35219
  {
35156
35220
  value: "inset",
35157
- label: "inset"
35221
+ get label() {
35222
+ return t("inset");
35223
+ }
35158
35224
  },
35159
35225
  {
35160
35226
  value: "outset",
35161
- label: "outset"
35227
+ get label() {
35228
+ return t("outset");
35229
+ }
35162
35230
  }
35163
35231
  ];
35164
35232
  function BorderStyle() {
35165
35233
  const { focusIdx: focusIdx2 } = useFocusIdx();
35166
35234
  return useMemo(() => {
35167
35235
  return /* @__PURE__ */ React__default.createElement(SelectField, {
35168
- label: "Style",
35236
+ label: t("Style"),
35169
35237
  name: `${focusIdx2}.attributes.border-style`,
35170
35238
  options: borderStyleOptions
35171
35239
  });
@@ -35185,7 +35253,7 @@ function BorderWidth() {
35185
35253
  const { focusIdx: focusIdx2 } = useFocusIdx();
35186
35254
  return useMemo(() => {
35187
35255
  return /* @__PURE__ */ React__default.createElement(TextField, {
35188
- label: "Width",
35256
+ label: t("Width"),
35189
35257
  quickchange: true,
35190
35258
  name: `${focusIdx2}.attributes.border-width`
35191
35259
  });
@@ -35201,11 +35269,11 @@ function Button() {
35201
35269
  defaultActiveKey: ["-1", "0", "1", "2", "3"]
35202
35270
  }, /* @__PURE__ */ React__default.createElement(Collapse$1.Item, {
35203
35271
  name: "-1",
35204
- header: "Setting"
35272
+ header: t("Setting")
35205
35273
  }, /* @__PURE__ */ React__default.createElement(Space$1, {
35206
35274
  direction: "vertical"
35207
35275
  }, /* @__PURE__ */ React__default.createElement(TextField, {
35208
- label: /* @__PURE__ */ React__default.createElement(Space$1, null, /* @__PURE__ */ React__default.createElement("span", null, "Content"), mergeTags2 && /* @__PURE__ */ React__default.createElement(Popover$1, {
35276
+ label: /* @__PURE__ */ React__default.createElement(Space$1, null, /* @__PURE__ */ React__default.createElement("span", null, t("Content")), mergeTags2 && /* @__PURE__ */ React__default.createElement(Popover$1, {
35209
35277
  trigger: "click",
35210
35278
  content: /* @__PURE__ */ React__default.createElement(MergeTags$1, {
35211
35279
  value: input.value,
@@ -35220,7 +35288,7 @@ function Button() {
35220
35288
  name: `${focusIdx2}.data.value.content`
35221
35289
  }), /* @__PURE__ */ React__default.createElement(Link, null))), /* @__PURE__ */ React__default.createElement(Collapse$1.Item, {
35222
35290
  name: "0",
35223
- header: "Dimension"
35291
+ header: t("Dimension")
35224
35292
  }, /* @__PURE__ */ React__default.createElement(Space$1, {
35225
35293
  direction: "vertical"
35226
35294
  }, /* @__PURE__ */ React__default.createElement(Grid.Row, null, /* @__PURE__ */ React__default.createElement(Grid.Col, {
@@ -35229,33 +35297,33 @@ function Button() {
35229
35297
  offset: 1,
35230
35298
  span: 11
35231
35299
  }, /* @__PURE__ */ React__default.createElement(FontWeight, null))), /* @__PURE__ */ React__default.createElement(Padding, {
35232
- title: "Padding",
35300
+ title: t("Padding"),
35233
35301
  attributeName: "padding",
35234
35302
  showResetAll: true
35235
35303
  }), /* @__PURE__ */ React__default.createElement(Padding, {
35236
- title: "Inner padding",
35304
+ title: t("Inner padding"),
35237
35305
  attributeName: "inner-padding"
35238
35306
  }))), /* @__PURE__ */ React__default.createElement(Collapse$1.Item, {
35239
35307
  name: "1",
35240
- header: "Color"
35308
+ header: t("Color")
35241
35309
  }, /* @__PURE__ */ React__default.createElement(Space$1, {
35242
35310
  direction: "vertical"
35243
35311
  }, /* @__PURE__ */ React__default.createElement(Grid.Row, null, /* @__PURE__ */ React__default.createElement(Grid.Col, {
35244
35312
  span: 11
35245
35313
  }, /* @__PURE__ */ React__default.createElement(Color, {
35246
- title: "Text color"
35314
+ title: t("Text color")
35247
35315
  })), /* @__PURE__ */ React__default.createElement(Grid.Col, {
35248
35316
  offset: 1,
35249
35317
  span: 11
35250
35318
  }, /* @__PURE__ */ React__default.createElement(BackgroundColor, {
35251
- title: "Button color"
35319
+ title: t("Button color")
35252
35320
  })), /* @__PURE__ */ React__default.createElement(Grid.Col, {
35253
35321
  span: 11
35254
35322
  }, /* @__PURE__ */ React__default.createElement(ContainerBackgroundColor, {
35255
- title: "Background color"
35323
+ title: t("Background color")
35256
35324
  }))))), /* @__PURE__ */ React__default.createElement(Collapse$1.Item, {
35257
35325
  name: "2",
35258
- header: "Typography"
35326
+ header: t("Typography")
35259
35327
  }, /* @__PURE__ */ React__default.createElement(Space$1, {
35260
35328
  direction: "vertical"
35261
35329
  }, /* @__PURE__ */ React__default.createElement(Grid.Row, null, /* @__PURE__ */ React__default.createElement(Grid.Col, {
@@ -35275,10 +35343,10 @@ function Button() {
35275
35343
  span: 11
35276
35344
  }, /* @__PURE__ */ React__default.createElement(LetterSpacing, null))), /* @__PURE__ */ React__default.createElement(Align, null), /* @__PURE__ */ React__default.createElement(FontStyle, null))), /* @__PURE__ */ React__default.createElement(Collapse$1.Item, {
35277
35345
  name: "3",
35278
- header: "Border"
35346
+ header: t("Border")
35279
35347
  }, /* @__PURE__ */ React__default.createElement(Border, null)), /* @__PURE__ */ React__default.createElement(Collapse$1.Item, {
35280
35348
  name: "4",
35281
- header: "Extra"
35349
+ header: t("Extra")
35282
35350
  }, /* @__PURE__ */ React__default.createElement(Grid.Col, {
35283
35351
  span: 24
35284
35352
  }, /* @__PURE__ */ React__default.createElement(ClassName, null)))));
@@ -35288,7 +35356,7 @@ function Divider() {
35288
35356
  defaultActiveKey: ["-1", "0", "1", "2", "3"]
35289
35357
  }, /* @__PURE__ */ React__default.createElement(Collapse$1.Item, {
35290
35358
  name: "1",
35291
- header: "Dimension"
35359
+ header: t("Dimension")
35292
35360
  }, /* @__PURE__ */ React__default.createElement(Space$1, {
35293
35361
  direction: "vertical"
35294
35362
  }, /* @__PURE__ */ React__default.createElement(Grid.Row, null, /* @__PURE__ */ React__default.createElement(Grid.Col, {
@@ -35300,7 +35368,7 @@ function Divider() {
35300
35368
  span: 11
35301
35369
  })), /* @__PURE__ */ React__default.createElement(Align, null), /* @__PURE__ */ React__default.createElement(Padding, null))), /* @__PURE__ */ React__default.createElement(Collapse$1.Item, {
35302
35370
  name: "2",
35303
- header: "Border"
35371
+ header: t("Border")
35304
35372
  }, /* @__PURE__ */ React__default.createElement(Stack$4, {
35305
35373
  wrap: false,
35306
35374
  spacing: "tight"
@@ -35312,17 +35380,17 @@ function Divider() {
35312
35380
  style: { width: 100 }
35313
35381
  }, /* @__PURE__ */ React__default.createElement(BorderColor, null)))), /* @__PURE__ */ React__default.createElement(Collapse$1.Item, {
35314
35382
  name: "3",
35315
- header: "Background"
35383
+ header: t("Background")
35316
35384
  }, /* @__PURE__ */ React__default.createElement(Grid.Row, null, /* @__PURE__ */ React__default.createElement(Grid.Col, {
35317
35385
  span: 11
35318
35386
  }, /* @__PURE__ */ React__default.createElement(ContainerBackgroundColor, {
35319
- title: "Background"
35387
+ title: t("Background")
35320
35388
  })), /* @__PURE__ */ React__default.createElement(Grid.Col, {
35321
35389
  offset: 1,
35322
35390
  span: 11
35323
35391
  }))), /* @__PURE__ */ React__default.createElement(Collapse$1.Item, {
35324
35392
  name: "4",
35325
- header: "Extra"
35393
+ header: t("Extra")
35326
35394
  }, /* @__PURE__ */ React__default.createElement(Grid.Col, {
35327
35395
  span: 24
35328
35396
  }, /* @__PURE__ */ React__default.createElement(ClassName, null)))));
@@ -35335,33 +35403,33 @@ function Wrapper() {
35335
35403
  defaultActiveKey: ["0", "1", "2"]
35336
35404
  }, /* @__PURE__ */ React__default.createElement(Collapse$1.Item, {
35337
35405
  name: "0",
35338
- header: "Dimension"
35406
+ header: t("Dimension")
35339
35407
  }, /* @__PURE__ */ React__default.createElement(Stack$4, {
35340
35408
  vertical: true,
35341
35409
  spacing: "tight"
35342
35410
  }, /* @__PURE__ */ React__default.createElement(Padding, null))), /* @__PURE__ */ React__default.createElement(Collapse$1.Item, {
35343
35411
  name: "1",
35344
- header: "Background"
35412
+ header: t("Background")
35345
35413
  }, /* @__PURE__ */ React__default.createElement(Stack$4, {
35346
35414
  vertical: true,
35347
35415
  spacing: "tight"
35348
35416
  }, /* @__PURE__ */ React__default.createElement(Background, null))), /* @__PURE__ */ React__default.createElement(Collapse$1.Item, {
35349
35417
  name: "2",
35350
- header: "Border"
35418
+ header: t("Border")
35351
35419
  }, /* @__PURE__ */ React__default.createElement(Stack$4, {
35352
35420
  vertical: true,
35353
35421
  spacing: "tight"
35354
35422
  }, /* @__PURE__ */ React__default.createElement(TextField, {
35355
- label: "Border",
35423
+ label: t("Border"),
35356
35424
  name: `${focusIdx2}.attributes.border`,
35357
35425
  inline: true
35358
35426
  }), /* @__PURE__ */ React__default.createElement(TextField, {
35359
- label: "Background border radius",
35427
+ label: t("Background border radius"),
35360
35428
  name: `${focusIdx2}.attributes.border-radius`,
35361
35429
  inline: true
35362
35430
  }))), /* @__PURE__ */ React__default.createElement(Collapse$1.Item, {
35363
35431
  name: "4",
35364
- header: "Extra"
35432
+ header: t("Extra")
35365
35433
  }, /* @__PURE__ */ React__default.createElement(Grid.Col, {
35366
35434
  span: 24
35367
35435
  }, /* @__PURE__ */ React__default.createElement(ClassName, null)))));
@@ -35371,17 +35439,17 @@ function Spacer() {
35371
35439
  defaultActiveKey: ["-1", "0", "1", "2", "3"]
35372
35440
  }, /* @__PURE__ */ React__default.createElement(Collapse$1.Item, {
35373
35441
  name: "1",
35374
- header: "Dimension"
35442
+ header: t("Dimension")
35375
35443
  }, /* @__PURE__ */ React__default.createElement(Space$1, {
35376
35444
  direction: "vertical"
35377
35445
  }, /* @__PURE__ */ React__default.createElement(Height, null), /* @__PURE__ */ React__default.createElement(Padding, null))), /* @__PURE__ */ React__default.createElement(Collapse$1.Item, {
35378
35446
  name: "2",
35379
- header: "Background"
35447
+ header: t("Background")
35380
35448
  }, /* @__PURE__ */ React__default.createElement(ContainerBackgroundColor, {
35381
- title: "Background color"
35449
+ title: t("Background color")
35382
35450
  })), /* @__PURE__ */ React__default.createElement(Collapse$1.Item, {
35383
35451
  name: "4",
35384
- header: "Extra"
35452
+ header: t("Extra")
35385
35453
  }, /* @__PURE__ */ React__default.createElement(Grid.Col, {
35386
35454
  span: 24
35387
35455
  }, /* @__PURE__ */ React__default.createElement(ClassName, null)))));
@@ -35392,7 +35460,7 @@ function Raw() {
35392
35460
  return /* @__PURE__ */ React__default.createElement(AttributesPanelWrapper, {
35393
35461
  style: { padding: 20 },
35394
35462
  extra: /* @__PURE__ */ React__default.createElement(Tooltip$1, {
35395
- content: "Html mode"
35463
+ content: t("Html mode")
35396
35464
  }, /* @__PURE__ */ React__default.createElement(Button$4, {
35397
35465
  onClick: () => setVisible(true),
35398
35466
  icon: /* @__PURE__ */ React__default.createElement(IconFont, {
@@ -35411,25 +35479,35 @@ function Raw() {
35411
35479
  const positionOptions = [
35412
35480
  {
35413
35481
  value: "left",
35414
- label: "Left"
35482
+ get label() {
35483
+ return t("Left");
35484
+ }
35415
35485
  },
35416
35486
  {
35417
35487
  value: "right",
35418
- label: "Right"
35488
+ get label() {
35489
+ return t("Right");
35490
+ }
35419
35491
  }
35420
35492
  ];
35421
35493
  const alignOptions = [
35422
35494
  {
35423
35495
  value: "top",
35424
- label: "top"
35496
+ get label() {
35497
+ return t("top");
35498
+ }
35425
35499
  },
35426
35500
  {
35427
35501
  value: "middle",
35428
- label: "middle"
35502
+ get label() {
35503
+ return t("middle");
35504
+ }
35429
35505
  },
35430
35506
  {
35431
35507
  value: "bottom",
35432
- label: "bottom"
35508
+ get label() {
35509
+ return t("bottom");
35510
+ }
35433
35511
  }
35434
35512
  ];
35435
35513
  function Accordion() {
@@ -35439,7 +35517,7 @@ function Accordion() {
35439
35517
  defaultActiveKey: ["0", "1", "2"]
35440
35518
  }, /* @__PURE__ */ React__default.createElement(Collapse$1.Item, {
35441
35519
  name: "0",
35442
- header: "Setting"
35520
+ header: t("Setting")
35443
35521
  }, /* @__PURE__ */ React__default.createElement(Space$1, {
35444
35522
  direction: "vertical"
35445
35523
  }, /* @__PURE__ */ React__default.createElement(Grid.Row, null, /* @__PURE__ */ React__default.createElement(Grid.Col, {
@@ -35450,31 +35528,31 @@ function Accordion() {
35450
35528
  }, /* @__PURE__ */ React__default.createElement(FontFamily, null))), /* @__PURE__ */ React__default.createElement(Padding, null), /* @__PURE__ */ React__default.createElement(Grid.Row, null, /* @__PURE__ */ React__default.createElement(Grid.Col, {
35451
35529
  span: 11
35452
35530
  }, /* @__PURE__ */ React__default.createElement(InputWithUnitField, {
35453
- label: "Icon width",
35531
+ label: t("Icon width"),
35454
35532
  name: `${focusIdx2}.attributes.icon-width`
35455
35533
  })), /* @__PURE__ */ React__default.createElement(Grid.Col, {
35456
35534
  offset: 1,
35457
35535
  span: 11
35458
35536
  }, /* @__PURE__ */ React__default.createElement(InputWithUnitField, {
35459
- label: "Icon height",
35537
+ label: t("Icon height"),
35460
35538
  name: `${focusIdx2}.attributes.icon-height`
35461
35539
  }))), /* @__PURE__ */ React__default.createElement(Grid.Row, null, /* @__PURE__ */ React__default.createElement(Grid.Col, {
35462
35540
  span: 11
35463
35541
  }, /* @__PURE__ */ React__default.createElement(ImageUploaderField, {
35464
- label: "Unwrapped icon",
35542
+ label: t("Unwrapped icon"),
35465
35543
  name: `${focusIdx2}.attributes.icon-unwrapped-url`,
35466
35544
  uploadHandler: onUploadImage
35467
35545
  })), /* @__PURE__ */ React__default.createElement(Grid.Col, {
35468
35546
  offset: 1,
35469
35547
  span: 11
35470
35548
  }, /* @__PURE__ */ React__default.createElement(ImageUploaderField, {
35471
- label: "Wrapped icon",
35549
+ label: t("Wrapped icon"),
35472
35550
  name: `${focusIdx2}.attributes.icon-wrapped-url`,
35473
35551
  uploadHandler: onUploadImage
35474
35552
  }))), /* @__PURE__ */ React__default.createElement(Grid.Row, null, /* @__PURE__ */ React__default.createElement(Grid.Col, {
35475
35553
  span: 11
35476
35554
  }, /* @__PURE__ */ React__default.createElement(RadioGroupField, {
35477
- label: "Icon position",
35555
+ label: t("Icon position"),
35478
35556
  name: `${focusIdx2}.attributes.icon-position`,
35479
35557
  options: positionOptions
35480
35558
  })), /* @__PURE__ */ React__default.createElement(Grid.Col, {
@@ -35482,15 +35560,15 @@ function Accordion() {
35482
35560
  span: 11
35483
35561
  }, /* @__PURE__ */ React__default.createElement(SelectField, {
35484
35562
  style: { width: 120 },
35485
- label: "Icon align",
35563
+ label: t("Icon align"),
35486
35564
  name: `${focusIdx2}.attributes.icon-align`,
35487
35565
  options: alignOptions
35488
35566
  }))), /* @__PURE__ */ React__default.createElement(TextField, {
35489
- label: "border",
35567
+ label: t("Border"),
35490
35568
  name: `${focusIdx2}.attributes.border`
35491
35569
  }))), /* @__PURE__ */ React__default.createElement(Collapse$1.Item, {
35492
35570
  name: "4",
35493
- header: "Extra"
35571
+ header: t("Extra")
35494
35572
  }, /* @__PURE__ */ React__default.createElement(Grid.Col, {
35495
35573
  span: 24
35496
35574
  }, /* @__PURE__ */ React__default.createElement(ClassName, null)))));
@@ -35501,7 +35579,7 @@ function AccordionElement() {
35501
35579
  defaultActiveKey: ["0", "1", "2"]
35502
35580
  }, /* @__PURE__ */ React__default.createElement(Collapse$1.Item, {
35503
35581
  name: "0",
35504
- header: "Setting"
35582
+ header: t("Setting")
35505
35583
  }, /* @__PURE__ */ React__default.createElement(Space$1, {
35506
35584
  direction: "vertical"
35507
35585
  }, /* @__PURE__ */ React__default.createElement(Border, null), /* @__PURE__ */ React__default.createElement(BackgroundColor, null), /* @__PURE__ */ React__default.createElement(FontFamily, null)))));
@@ -35512,11 +35590,11 @@ function AccordionTitle() {
35512
35590
  defaultActiveKey: ["0", "1", "2"]
35513
35591
  }, /* @__PURE__ */ React__default.createElement(Collapse$1.Item, {
35514
35592
  name: "0",
35515
- header: "Setting"
35593
+ header: t("Setting")
35516
35594
  }, /* @__PURE__ */ React__default.createElement(Space$1, {
35517
35595
  direction: "vertical"
35518
35596
  }, /* @__PURE__ */ React__default.createElement(TextAreaField, {
35519
- label: "Content",
35597
+ label: t("Content"),
35520
35598
  name: `${focusIdx2}.data.value.content`
35521
35599
  }), /* @__PURE__ */ React__default.createElement(Grid.Row, null, /* @__PURE__ */ React__default.createElement(Grid.Col, {
35522
35600
  span: 11
@@ -35534,7 +35612,7 @@ function AccordionTitle() {
35534
35612
  offset: 1,
35535
35613
  span: 11
35536
35614
  })), /* @__PURE__ */ React__default.createElement(Padding, {
35537
- title: "Padding",
35615
+ title: t("Padding"),
35538
35616
  attributeName: "padding"
35539
35617
  })))));
35540
35618
  }
@@ -35544,11 +35622,11 @@ function AccordionText() {
35544
35622
  defaultActiveKey: ["0", "1", "2"]
35545
35623
  }, /* @__PURE__ */ React__default.createElement(Collapse$1.Item, {
35546
35624
  name: "0",
35547
- header: "Setting"
35625
+ header: t("Setting")
35548
35626
  }, /* @__PURE__ */ React__default.createElement(Space$1, {
35549
35627
  direction: "vertical"
35550
35628
  }, /* @__PURE__ */ React__default.createElement(TextAreaField, {
35551
- label: "Content",
35629
+ label: t("Content"),
35552
35630
  name: `${focusIdx2}.data.value.content`,
35553
35631
  autoSize: { minRows: 5 }
35554
35632
  }), /* @__PURE__ */ React__default.createElement(Grid.Row, null, /* @__PURE__ */ React__default.createElement(Grid.Col, {
@@ -35567,18 +35645,22 @@ function AccordionText() {
35567
35645
  offset: 1,
35568
35646
  span: 11
35569
35647
  }, /* @__PURE__ */ React__default.createElement(BackgroundColor, null))), /* @__PURE__ */ React__default.createElement(Padding, {
35570
- title: "Padding",
35648
+ title: t("Padding"),
35571
35649
  attributeName: "padding"
35572
35650
  })))));
35573
35651
  }
35574
35652
  const options$2 = [
35575
35653
  {
35576
35654
  value: "hidden",
35577
- label: "hidden"
35655
+ get label() {
35656
+ return t("hidden");
35657
+ }
35578
35658
  },
35579
35659
  {
35580
35660
  value: "visible",
35581
- label: "visible"
35661
+ get label() {
35662
+ return t("visible");
35663
+ }
35582
35664
  }
35583
35665
  ];
35584
35666
  function Carousel() {
@@ -35589,16 +35671,16 @@ function Carousel() {
35589
35671
  defaultActiveKey: ["0", "1", "2", "3", "4"]
35590
35672
  }, /* @__PURE__ */ React__default.createElement(Collapse$1.Item, {
35591
35673
  name: "0",
35592
- header: "Dimension"
35674
+ header: t("Dimension")
35593
35675
  }, /* @__PURE__ */ React__default.createElement(Space$1, {
35594
35676
  direction: "vertical"
35595
35677
  }, /* @__PURE__ */ React__default.createElement(InputWithUnitField, {
35596
- label: "Thumbnail width",
35678
+ label: t("Thumbnail width"),
35597
35679
  name: `${focusIdx2}.attributes.tb-width`,
35598
35680
  quickchange: true,
35599
35681
  inline: true
35600
35682
  }), /* @__PURE__ */ React__default.createElement(RadioGroupField, {
35601
- label: "Thumbnails",
35683
+ label: t("Thumbnails"),
35602
35684
  name: `${focusIdx2}.attributes.thumbnails`,
35603
35685
  options: options$2,
35604
35686
  inline: true
@@ -35607,7 +35689,7 @@ function Carousel() {
35607
35689
  }))), /* @__PURE__ */ React__default.createElement(Collapse$1.Item, {
35608
35690
  name: "4",
35609
35691
  contentStyle: { padding: 0 },
35610
- header: "Images"
35692
+ header: t("Images")
35611
35693
  }, /* @__PURE__ */ React__default.createElement(Stack$4, {
35612
35694
  vertical: true,
35613
35695
  spacing: "tight"
@@ -35626,54 +35708,54 @@ function Carousel() {
35626
35708
  }
35627
35709
  }))), /* @__PURE__ */ React__default.createElement(Collapse$1.Item, {
35628
35710
  name: "3",
35629
- header: "Icon"
35711
+ header: t("Icon")
35630
35712
  }, /* @__PURE__ */ React__default.createElement(Grid.Row, null, /* @__PURE__ */ React__default.createElement(Grid.Col, {
35631
35713
  span: 11
35632
35714
  }, /* @__PURE__ */ React__default.createElement(TextField, {
35633
- label: "Left icon",
35715
+ label: t("Left icon"),
35634
35716
  name: `${focusIdx2}.attributes.left-icon`
35635
35717
  })), /* @__PURE__ */ React__default.createElement(Grid.Col, {
35636
35718
  offset: 1,
35637
35719
  span: 11
35638
35720
  }, /* @__PURE__ */ React__default.createElement(TextField, {
35639
- label: "Right icon",
35721
+ label: t("Right icon"),
35640
35722
  name: `${focusIdx2}.attributes.right-icon`
35641
35723
  }))), /* @__PURE__ */ React__default.createElement(Grid.Row, null, /* @__PURE__ */ React__default.createElement(Grid.Col, {
35642
35724
  span: 11
35643
35725
  }, /* @__PURE__ */ React__default.createElement(InputWithUnitField, {
35644
- label: "Icon width",
35726
+ label: t("Icon width"),
35645
35727
  name: `${focusIdx2}.attributes.icon-width`
35646
35728
  })), /* @__PURE__ */ React__default.createElement(Grid.Col, {
35647
35729
  offset: 1,
35648
35730
  span: 11
35649
35731
  }))), /* @__PURE__ */ React__default.createElement(Collapse$1.Item, {
35650
35732
  name: "1",
35651
- header: "Border"
35733
+ header: t("Border")
35652
35734
  }, /* @__PURE__ */ React__default.createElement(Grid.Row, null, /* @__PURE__ */ React__default.createElement(Grid.Col, {
35653
35735
  span: 11
35654
35736
  }, /* @__PURE__ */ React__default.createElement(ColorPickerField, {
35655
- label: "Hovered border",
35737
+ label: t("Hovered border"),
35656
35738
  name: `${focusIdx2}.attributes.tb-hover-border-color`
35657
35739
  })), /* @__PURE__ */ React__default.createElement(Grid.Col, {
35658
35740
  offset: 1,
35659
35741
  span: 11
35660
35742
  }, /* @__PURE__ */ React__default.createElement(ColorPickerField, {
35661
- label: "Selected Border",
35743
+ label: t("Selected Border"),
35662
35744
  name: `${focusIdx2}.attributes.tb-selected-border-color`
35663
35745
  }))), /* @__PURE__ */ React__default.createElement(Grid.Row, null, /* @__PURE__ */ React__default.createElement(Grid.Col, {
35664
35746
  span: 11
35665
35747
  }, /* @__PURE__ */ React__default.createElement(TextField, {
35666
- label: "Border of the thumbnails",
35748
+ label: t("Border of the thumbnails"),
35667
35749
  name: `${focusIdx2}.attributes.tb-border`
35668
35750
  })), /* @__PURE__ */ React__default.createElement(Grid.Col, {
35669
35751
  offset: 1,
35670
35752
  span: 11
35671
35753
  }, /* @__PURE__ */ React__default.createElement(TextField, {
35672
- label: "Border radius of the thumbnails",
35754
+ label: t("Border radius of the thumbnails"),
35673
35755
  name: `${focusIdx2}.attributes.tb-border-radius`
35674
35756
  })))), /* @__PURE__ */ React__default.createElement(Collapse$1.Item, {
35675
35757
  name: "4",
35676
- header: "Extra"
35758
+ header: t("Extra")
35677
35759
  }, /* @__PURE__ */ React__default.createElement(Grid.Col, {
35678
35760
  span: 24
35679
35761
  }, /* @__PURE__ */ React__default.createElement(ClassName, null)))));
@@ -35687,46 +35769,50 @@ function CarouselImage({
35687
35769
  return /* @__PURE__ */ React__default.createElement(Space$1, {
35688
35770
  direction: "vertical"
35689
35771
  }, /* @__PURE__ */ React__default.createElement(ImageUploaderField, {
35690
- label: "Image",
35772
+ label: t("Image"),
35691
35773
  labelHidden: true,
35692
35774
  name: `${focusIdx2}.data.value.images.[${index2}].src`,
35693
- helpText: "The image suffix should be .jpg, jpeg, png, gif, etc. Otherwise, the picture may not be displayed normally.",
35775
+ helpText: t("The image suffix should be .jpg, jpeg, png, gif, etc. Otherwise, the picture may not be displayed normally."),
35694
35776
  uploadHandler: onUploadImage
35695
35777
  }), /* @__PURE__ */ React__default.createElement(Grid.Row, null, /* @__PURE__ */ React__default.createElement(Grid.Col, {
35696
35778
  span: 11
35697
35779
  }, /* @__PURE__ */ React__default.createElement(TextField, {
35698
35780
  prefix: /* @__PURE__ */ React__default.createElement(IconLink$1, null),
35699
- label: "Url",
35781
+ label: t("Url"),
35700
35782
  name: `${focusIdx2}.data.value.images.[${index2}].href`
35701
35783
  })), /* @__PURE__ */ React__default.createElement(Grid.Col, {
35702
35784
  offset: 1,
35703
35785
  span: 11
35704
35786
  }, /* @__PURE__ */ React__default.createElement(SelectField, {
35705
- label: "Target",
35787
+ label: t("Target"),
35706
35788
  name: `${focusIdx2}.data.value.images.[${index2}].target`,
35707
35789
  options: [
35708
35790
  {
35709
35791
  value: "",
35710
- label: "_self"
35792
+ label: t("_self")
35711
35793
  },
35712
35794
  {
35713
35795
  value: "_blank",
35714
- label: "_blank"
35796
+ label: t("_blank")
35715
35797
  }
35716
35798
  ]
35717
35799
  }))), /* @__PURE__ */ React__default.createElement(TextField, {
35718
- label: "Title",
35800
+ label: t("Title"),
35719
35801
  name: `${focusIdx2}.data.value.image.[${index2}].title`
35720
35802
  }));
35721
35803
  }
35722
35804
  const options$1 = [
35723
35805
  {
35724
35806
  value: "fluid-height",
35725
- label: "Fluid height"
35807
+ get label() {
35808
+ return t("Fluid height");
35809
+ }
35726
35810
  },
35727
35811
  {
35728
35812
  value: "fixed-height",
35729
- label: "Fixed height"
35813
+ get label() {
35814
+ return t("Fixed height");
35815
+ }
35730
35816
  }
35731
35817
  ];
35732
35818
  function Hero() {
@@ -35736,11 +35822,11 @@ function Hero() {
35736
35822
  defaultActiveKey: ["0", "1", "2"]
35737
35823
  }, /* @__PURE__ */ React__default.createElement(Collapse$1.Item, {
35738
35824
  name: "0",
35739
- header: "Dimension"
35825
+ header: t("Dimension")
35740
35826
  }, /* @__PURE__ */ React__default.createElement(Space$1, {
35741
35827
  direction: "vertical"
35742
35828
  }, /* @__PURE__ */ React__default.createElement(RadioGroupField, {
35743
- label: "Mode",
35829
+ label: t("Mode"),
35744
35830
  name: `${focusIdx2}.attributes.mode`,
35745
35831
  options: options$1
35746
35832
  }), /* @__PURE__ */ React__default.createElement(Grid.Row, null, /* @__PURE__ */ React__default.createElement(Grid.Col, {
@@ -35750,42 +35836,42 @@ function Hero() {
35750
35836
  span: 11
35751
35837
  }, /* @__PURE__ */ React__default.createElement(Height, null))), /* @__PURE__ */ React__default.createElement(Padding, null), /* @__PURE__ */ React__default.createElement(VerticalAlign, null))), /* @__PURE__ */ React__default.createElement(Collapse$1.Item, {
35752
35838
  name: "1",
35753
- header: "Background"
35839
+ header: t("Background")
35754
35840
  }, /* @__PURE__ */ React__default.createElement(Space$1, {
35755
35841
  direction: "vertical"
35756
35842
  }, /* @__PURE__ */ React__default.createElement(ImageUploaderField, {
35757
- label: "src",
35843
+ label: t("src"),
35758
35844
  name: `${focusIdx2}.attributes.background-url`,
35759
- helpText: "The image suffix should be .jpg, jpeg, png, gif, etc. Otherwise, the picture may not be displayed normally.",
35845
+ helpText: t("The image suffix should be .jpg, jpeg, png, gif, etc. Otherwise, the picture may not be displayed normally."),
35760
35846
  uploadHandler: onUploadImage
35761
35847
  }), /* @__PURE__ */ React__default.createElement(Grid.Row, null, /* @__PURE__ */ React__default.createElement(Grid.Col, {
35762
35848
  span: 11
35763
35849
  }, /* @__PURE__ */ React__default.createElement(InputWithUnitField, {
35764
- label: "Background width",
35850
+ label: t("Background width"),
35765
35851
  name: `${focusIdx2}.attributes.background-width`
35766
35852
  })), /* @__PURE__ */ React__default.createElement(Grid.Col, {
35767
35853
  offset: 1,
35768
35854
  span: 11
35769
35855
  }, /* @__PURE__ */ React__default.createElement(InputWithUnitField, {
35770
- label: "Background height",
35856
+ label: t("Background height"),
35771
35857
  name: `${focusIdx2}.attributes.background-height`
35772
35858
  }))), /* @__PURE__ */ React__default.createElement(Grid.Row, null, /* @__PURE__ */ React__default.createElement(Grid.Col, {
35773
35859
  span: 11
35774
35860
  }, /* @__PURE__ */ React__default.createElement(TextField, {
35775
- label: "Background position",
35861
+ label: t("Background position"),
35776
35862
  name: `${focusIdx2}.attributes.background-position`
35777
35863
  })), /* @__PURE__ */ React__default.createElement(Grid.Col, {
35778
35864
  offset: 1,
35779
35865
  span: 11
35780
35866
  }, /* @__PURE__ */ React__default.createElement(InputWithUnitField, {
35781
- label: "Border radius",
35867
+ label: t("Border radius"),
35782
35868
  name: `${focusIdx2}.attributes.border-radius`,
35783
35869
  unitOptions: "percent"
35784
35870
  })), /* @__PURE__ */ React__default.createElement(Grid.Col, {
35785
35871
  span: 11
35786
35872
  }, /* @__PURE__ */ React__default.createElement(BackgroundColor, null))))), /* @__PURE__ */ React__default.createElement(Collapse$1.Item, {
35787
35873
  name: "4",
35788
- header: "Extra"
35874
+ header: t("Extra")
35789
35875
  }, /* @__PURE__ */ React__default.createElement(Grid.Col, {
35790
35876
  span: 24
35791
35877
  }, /* @__PURE__ */ React__default.createElement(ClassName, null)))));
@@ -35798,21 +35884,21 @@ function Navbar() {
35798
35884
  defaultActiveKey: ["0", "1", "2"]
35799
35885
  }, /* @__PURE__ */ React__default.createElement(Collapse$1.Item, {
35800
35886
  name: "0",
35801
- header: "Layout"
35887
+ header: t("Layout")
35802
35888
  }, /* @__PURE__ */ React__default.createElement(Stack$4, {
35803
35889
  vertical: true,
35804
35890
  spacing: "tight"
35805
35891
  }, /* @__PURE__ */ React__default.createElement(Align, null))), /* @__PURE__ */ React__default.createElement(Collapse$1.Item, {
35806
35892
  contentStyle: { padding: 0 },
35807
35893
  name: "1",
35808
- header: "Navbar links"
35894
+ header: t("Navbar links")
35809
35895
  }, /* @__PURE__ */ React__default.createElement(Space$1, {
35810
35896
  direction: "vertical",
35811
35897
  style: { width: "100%" }
35812
35898
  }, /* @__PURE__ */ React__default.createElement(EditTabField, {
35813
35899
  tabPosition: "top",
35814
35900
  name: `${focusIdx2}.data.value.links`,
35815
- label: "Links",
35901
+ label: t("Links"),
35816
35902
  labelHidden: true,
35817
35903
  renderItem: (item2, index2) => /* @__PURE__ */ React__default.createElement(NavbarLink, {
35818
35904
  item: item2,
@@ -35827,7 +35913,7 @@ function Navbar() {
35827
35913
  }
35828
35914
  }), /* @__PURE__ */ React__default.createElement("div", null))), /* @__PURE__ */ React__default.createElement(Collapse$1.Item, {
35829
35915
  name: "4",
35830
- header: "Extra"
35916
+ header: t("Extra")
35831
35917
  }, /* @__PURE__ */ React__default.createElement(Grid.Col, {
35832
35918
  span: 24
35833
35919
  }, /* @__PURE__ */ React__default.createElement(ClassName, null)))));
@@ -35845,13 +35931,13 @@ function NavbarLink({
35845
35931
  }, /* @__PURE__ */ React__default.createElement(Grid.Row, null, /* @__PURE__ */ React__default.createElement(Grid.Col, {
35846
35932
  span: 11
35847
35933
  }, /* @__PURE__ */ React__default.createElement(TextField, {
35848
- label: "Content",
35934
+ label: t("Content"),
35849
35935
  name: `${focusIdx2}.data.value.links.[${index2}].content`
35850
35936
  })), /* @__PURE__ */ React__default.createElement(Grid.Col, {
35851
35937
  offset: 1,
35852
35938
  span: 11
35853
35939
  }, /* @__PURE__ */ React__default.createElement(ColorPickerField, {
35854
- label: "Color",
35940
+ label: t("Color"),
35855
35941
  name: `${focusIdx2}.data.value.links.[${index2}].color`
35856
35942
  }))), /* @__PURE__ */ React__default.createElement(Grid.Row, null, /* @__PURE__ */ React__default.createElement(Grid.Col, {
35857
35943
  span: 11
@@ -35860,8 +35946,8 @@ function NavbarLink({
35860
35946
  })), /* @__PURE__ */ React__default.createElement(Grid.Col, {
35861
35947
  offset: 1,
35862
35948
  span: 11
35863
- }, /* @__PURE__ */ React__default.createElement(NumberField, {
35864
- label: "Font size (px)",
35949
+ }, /* @__PURE__ */ React__default.createElement(TextField, {
35950
+ label: t("Font size (px)"),
35865
35951
  name: `${focusIdx2}.data.value.links.[${index2}].font-size`,
35866
35952
  config: pixelAdapter,
35867
35953
  autoComplete: "off"
@@ -35896,23 +35982,23 @@ function NavbarLink({
35896
35982
  span: 11
35897
35983
  }, /* @__PURE__ */ React__default.createElement(TextField, {
35898
35984
  prefix: /* @__PURE__ */ React__default.createElement(IconLink$1, null),
35899
- label: /* @__PURE__ */ React__default.createElement("span", null, "Url"),
35985
+ label: /* @__PURE__ */ React__default.createElement("span", null, t("Url")),
35900
35986
  name: `${focusIdx2}.data.value.links.[${index2}].href`
35901
35987
  })), /* @__PURE__ */ React__default.createElement(Grid.Col, {
35902
35988
  offset: 1,
35903
35989
  span: 11
35904
35990
  }, /* @__PURE__ */ React__default.createElement(SelectField, {
35905
35991
  style: { minWidth: 65 },
35906
- label: "Target",
35992
+ label: t("Target"),
35907
35993
  name: `${focusIdx2}.data.value.links.[${index2}].target`,
35908
35994
  options: [
35909
35995
  {
35910
35996
  value: "_blank",
35911
- label: "_blank"
35997
+ label: t("_blank")
35912
35998
  },
35913
35999
  {
35914
36000
  value: "_self",
35915
- label: "_self"
36001
+ label: t("_self")
35916
36002
  }
35917
36003
  ]
35918
36004
  }))), /* @__PURE__ */ React__default.createElement(NavbarLinkPadding, {
@@ -35923,11 +36009,15 @@ function NavbarLink({
35923
36009
  const options = [
35924
36010
  {
35925
36011
  value: "vertical",
35926
- label: "vertical"
36012
+ get label() {
36013
+ return t("vertical");
36014
+ }
35927
36015
  },
35928
36016
  {
35929
36017
  value: "horizontal",
35930
- label: "horizontal"
36018
+ get label() {
36019
+ return t("horizontal");
36020
+ }
35931
36021
  }
35932
36022
  ];
35933
36023
  function Social() {
@@ -35942,16 +36032,16 @@ function Social() {
35942
36032
  defaultActiveKey: ["0", "1", "2", "3"]
35943
36033
  }, /* @__PURE__ */ React__default.createElement(Collapse$1.Item, {
35944
36034
  name: "1",
35945
- header: "Setting"
36035
+ header: t("Setting")
35946
36036
  }, /* @__PURE__ */ React__default.createElement(Space$1, {
35947
36037
  direction: "vertical"
35948
36038
  }, /* @__PURE__ */ React__default.createElement(RadioGroupField, {
35949
- label: "Mode",
36039
+ label: t("Mode"),
35950
36040
  name: `${focusIdx2}.attributes.mode`,
35951
36041
  options
35952
36042
  }), /* @__PURE__ */ React__default.createElement(Align, null))), /* @__PURE__ */ React__default.createElement(Collapse$1.Item, {
35953
36043
  name: "3",
35954
- header: "Typography"
36044
+ header: t("Typography")
35955
36045
  }, /* @__PURE__ */ React__default.createElement(Space$1, {
35956
36046
  direction: "vertical"
35957
36047
  }, /* @__PURE__ */ React__default.createElement(Grid.Row, null, /* @__PURE__ */ React__default.createElement(Grid.Col, {
@@ -35970,7 +36060,7 @@ function Social() {
35970
36060
  offset: 1,
35971
36061
  span: 11
35972
36062
  }, /* @__PURE__ */ React__default.createElement(ContainerBackgroundColor, {
35973
- title: "Background color"
36063
+ title: t("Background color")
35974
36064
  }))), /* @__PURE__ */ React__default.createElement(Grid.Row, null, /* @__PURE__ */ React__default.createElement(Grid.Col, {
35975
36065
  span: 11
35976
36066
  }, /* @__PURE__ */ React__default.createElement(TextDecoration, null)), /* @__PURE__ */ React__default.createElement(Grid.Col, {
@@ -35978,7 +36068,7 @@ function Social() {
35978
36068
  span: 11
35979
36069
  }, /* @__PURE__ */ React__default.createElement(FontStyle, null))))), /* @__PURE__ */ React__default.createElement(Collapse$1.Item, {
35980
36070
  name: "2",
35981
- header: "Social item",
36071
+ header: t("Social item"),
35982
36072
  contentStyle: { padding: 10 }
35983
36073
  }, /* @__PURE__ */ React__default.createElement(EditGridTabField, {
35984
36074
  tabPosition: "top",
@@ -35991,30 +36081,30 @@ function Social() {
35991
36081
  })
35992
36082
  })), /* @__PURE__ */ React__default.createElement(Collapse$1.Item, {
35993
36083
  name: "0",
35994
- header: "Dimension"
36084
+ header: t("Dimension")
35995
36085
  }, /* @__PURE__ */ React__default.createElement(Space$1, {
35996
36086
  direction: "vertical",
35997
36087
  size: "large"
35998
36088
  }, /* @__PURE__ */ React__default.createElement(Grid.Row, null, /* @__PURE__ */ React__default.createElement(Grid.Col, {
35999
36089
  span: 11
36000
36090
  }, /* @__PURE__ */ React__default.createElement(InputWithUnitField, {
36001
- label: "Icon width",
36091
+ label: t("Icon width"),
36002
36092
  name: `${focusIdx2}.attributes.icon-size`
36003
36093
  })), /* @__PURE__ */ React__default.createElement(Grid.Col, {
36004
36094
  offset: 1,
36005
36095
  span: 11
36006
36096
  }, /* @__PURE__ */ React__default.createElement(TextField, {
36007
- label: "Border radius",
36097
+ label: t("Border radius"),
36008
36098
  name: `${focusIdx2}.attributes.border-radius`
36009
36099
  }))), /* @__PURE__ */ React__default.createElement(Padding, null), /* @__PURE__ */ React__default.createElement(Padding, {
36010
36100
  attributeName: "inner-padding",
36011
- title: "Icon padding"
36101
+ title: t("Icon padding")
36012
36102
  }), /* @__PURE__ */ React__default.createElement(Padding, {
36013
36103
  attributeName: "text-padding",
36014
- title: "Text padding"
36104
+ title: t("Text padding")
36015
36105
  }))), /* @__PURE__ */ React__default.createElement(Collapse$1.Item, {
36016
36106
  name: "4",
36017
- header: "Extra"
36107
+ header: t("Extra")
36018
36108
  }, /* @__PURE__ */ React__default.createElement(Grid.Col, {
36019
36109
  span: 24
36020
36110
  }, /* @__PURE__ */ React__default.createElement(ClassName, null)))));
@@ -36037,7 +36127,7 @@ function SocialElement({
36037
36127
  return /* @__PURE__ */ React__default.createElement(Space$1, {
36038
36128
  direction: "vertical"
36039
36129
  }, /* @__PURE__ */ React__default.createElement(ImageUploaderField, {
36040
- label: "Image",
36130
+ label: t("Image"),
36041
36131
  autoCompleteOptions,
36042
36132
  labelHidden: true,
36043
36133
  name: `${focusIdx2}.data.value.elements.[${index2}].src`,
@@ -36045,7 +36135,7 @@ function SocialElement({
36045
36135
  }), /* @__PURE__ */ React__default.createElement(Grid.Row, null, /* @__PURE__ */ React__default.createElement(Grid.Col, {
36046
36136
  span: 11
36047
36137
  }, /* @__PURE__ */ React__default.createElement(TextField, {
36048
- label: "Content",
36138
+ label: t("Content"),
36049
36139
  name: `${focusIdx2}.data.value.elements.[${index2}].content`,
36050
36140
  quickchange: true
36051
36141
  })), /* @__PURE__ */ React__default.createElement(Grid.Col, {
@@ -36053,7 +36143,7 @@ function SocialElement({
36053
36143
  span: 11
36054
36144
  }, /* @__PURE__ */ React__default.createElement(TextField, {
36055
36145
  prefix: /* @__PURE__ */ React__default.createElement(IconLink$1, null),
36056
- label: "Link",
36146
+ label: t("Link"),
36057
36147
  name: `${focusIdx2}.data.value.elements.[${index2}].href`
36058
36148
  }))));
36059
36149
  }
@@ -36061,7 +36151,7 @@ function Table() {
36061
36151
  const [visible, setVisible] = useState(false);
36062
36152
  return /* @__PURE__ */ React__default.createElement(AttributesPanelWrapper, {
36063
36153
  extra: /* @__PURE__ */ React__default.createElement(Tooltip$1, {
36064
- content: "Edit"
36154
+ content: t("Edit")
36065
36155
  }, /* @__PURE__ */ React__default.createElement(Button$4, {
36066
36156
  onClick: () => setVisible(true),
36067
36157
  icon: /* @__PURE__ */ React__default.createElement(IconFont, {
@@ -36072,15 +36162,15 @@ function Table() {
36072
36162
  defaultActiveKey: ["-1", "0", "1", "2", "3"]
36073
36163
  }, /* @__PURE__ */ React__default.createElement(Collapse$1.Item, {
36074
36164
  name: "1",
36075
- header: "Dimension"
36165
+ header: t("Dimension")
36076
36166
  }, /* @__PURE__ */ React__default.createElement(Stack$4, null, /* @__PURE__ */ React__default.createElement(Width, null), /* @__PURE__ */ React__default.createElement(Stack$4.Item, null)), /* @__PURE__ */ React__default.createElement(Stack$4, {
36077
36167
  vertical: true
36078
36168
  }, /* @__PURE__ */ React__default.createElement(Padding, null))), /* @__PURE__ */ React__default.createElement(Collapse$1.Item, {
36079
36169
  name: "2",
36080
- header: "Decoration"
36170
+ header: t("Decoration")
36081
36171
  }, /* @__PURE__ */ React__default.createElement(Color, null), /* @__PURE__ */ React__default.createElement(ContainerBackgroundColor, null), /* @__PURE__ */ React__default.createElement(Border, null)), /* @__PURE__ */ React__default.createElement(Collapse$1.Item, {
36082
36172
  name: "2",
36083
- header: "Typography"
36173
+ header: t("Typography")
36084
36174
  }, /* @__PURE__ */ React__default.createElement(Stack$4, null, /* @__PURE__ */ React__default.createElement(FontFamily, null), /* @__PURE__ */ React__default.createElement(FontSize$1, null)), /* @__PURE__ */ React__default.createElement(FontStyle, null), /* @__PURE__ */ React__default.createElement(TextAlign, null))), /* @__PURE__ */ React__default.createElement(HtmlEditor, {
36085
36175
  visible,
36086
36176
  setVisible
@@ -36223,7 +36313,7 @@ function MergeTags(props) {
36223
36313
  })),
36224
36314
  getPopupContainer: props.getPopupContainer
36225
36315
  }, /* @__PURE__ */ React__default.createElement(ToolItem$1, {
36226
- title: "Merge tag",
36316
+ title: t("Merge tag"),
36227
36317
  icon: /* @__PURE__ */ React__default.createElement(IconFont, {
36228
36318
  iconName: "icon-merge-tags"
36229
36319
  })
@@ -36283,7 +36373,7 @@ function IconBgColor({ selectionRange, execCommand, getPopoverMountNode }) {
36283
36373
  }), /* @__PURE__ */ React__default.createElement("div", {
36284
36374
  style: { borderBottom: `2px solid ${color2}`, position: "absolute", width: "130%", left: "-15%", top: 16 }
36285
36375
  })),
36286
- title: "Background color"
36376
+ title: t("Background color")
36287
36377
  }));
36288
36378
  }
36289
36379
  function IconFontColor({ selectionRange, execCommand, getPopoverMountNode }) {
@@ -36315,7 +36405,7 @@ function IconFontColor({ selectionRange, execCommand, getPopoverMountNode }) {
36315
36405
  }), /* @__PURE__ */ React__default.createElement("div", {
36316
36406
  style: { borderBottom: `2px solid ${color2}`, position: "absolute", width: "130%", left: "-15%", top: 16 }
36317
36407
  })),
36318
- title: "Text color"
36408
+ title: t("Text color")
36319
36409
  }));
36320
36410
  }
36321
36411
  function BasicTools() {
@@ -36353,25 +36443,25 @@ function BasicTools() {
36353
36443
  style: { position: "relative", marginRight: 10, color: "#fff", fontFamily: "-apple-system, BlinkMacSystemFont, San Francisco, Segoe UI" }
36354
36444
  }, "Text"), /* @__PURE__ */ React__default.createElement(ToolItem$1, {
36355
36445
  onClick: handleSelectParent,
36356
- title: "Select parent block",
36446
+ title: t("Select parent block"),
36357
36447
  icon: /* @__PURE__ */ React__default.createElement(IconFont, {
36358
36448
  iconName: "icon-back-parent"
36359
36449
  })
36360
36450
  }), /* @__PURE__ */ React__default.createElement(ToolItem$1, {
36361
36451
  onClick: handleCopy,
36362
- title: "Copy",
36452
+ title: t("Copy"),
36363
36453
  icon: /* @__PURE__ */ React__default.createElement(IconFont, {
36364
36454
  iconName: "icon-copy"
36365
36455
  })
36366
36456
  }), onAddCollection && /* @__PURE__ */ React__default.createElement(ToolItem$1, {
36367
36457
  onClick: handleAddToCollection,
36368
- title: "Add to collection",
36458
+ title: t("Add to collection"),
36369
36459
  icon: /* @__PURE__ */ React__default.createElement(IconFont, {
36370
36460
  iconName: "icon-collection"
36371
36461
  })
36372
36462
  }), /* @__PURE__ */ React__default.createElement(ToolItem$1, {
36373
36463
  onClick: handleDelete,
36374
- title: "Delete",
36464
+ title: t("Delete"),
36375
36465
  icon: /* @__PURE__ */ React__default.createElement(IconFont, {
36376
36466
  iconName: "icon-delete"
36377
36467
  })
@@ -36408,9 +36498,9 @@ function Unlink(props) {
36408
36498
  return /* @__PURE__ */ React__default.createElement(Tooltip$1, {
36409
36499
  color: "#fff",
36410
36500
  position: "tl",
36411
- content: "Unlink"
36501
+ content: t("Unlink")
36412
36502
  }, /* @__PURE__ */ React__default.createElement(ToolItem$1, {
36413
- title: "Unlink",
36503
+ title: t("Unlink"),
36414
36504
  icon: /* @__PURE__ */ React__default.createElement(IconFont, {
36415
36505
  iconName: "icon-unlink"
36416
36506
  }),
@@ -36442,9 +36532,9 @@ function StrikeThrough(props) {
36442
36532
  return /* @__PURE__ */ React__default.createElement(Tooltip$1, {
36443
36533
  color: "#fff",
36444
36534
  position: "tl",
36445
- content: "Strikethrough"
36535
+ content: t("Strikethrough")
36446
36536
  }, /* @__PURE__ */ React__default.createElement(ToolItem$1, {
36447
- title: "Strikethrough",
36537
+ title: t("Strikethrough"),
36448
36538
  isActive: Boolean(node),
36449
36539
  icon: /* @__PURE__ */ React__default.createElement(IconFont, {
36450
36540
  iconName: "icon-strikethrough"
@@ -36477,9 +36567,9 @@ function Underline(props) {
36477
36567
  return /* @__PURE__ */ React__default.createElement(Tooltip$1, {
36478
36568
  color: "#fff",
36479
36569
  position: "tl",
36480
- content: "Underline"
36570
+ content: t("Underline")
36481
36571
  }, /* @__PURE__ */ React__default.createElement(ToolItem$1, {
36482
- title: "Underline",
36572
+ title: t("Underline"),
36483
36573
  isActive: Boolean(node),
36484
36574
  icon: /* @__PURE__ */ React__default.createElement(IconFont, {
36485
36575
  iconName: "icon-underline"
@@ -36512,9 +36602,9 @@ function Italic(props) {
36512
36602
  return /* @__PURE__ */ React__default.createElement(Tooltip$1, {
36513
36603
  color: "#fff",
36514
36604
  position: "tl",
36515
- content: "Italic"
36605
+ content: t("Italic")
36516
36606
  }, /* @__PURE__ */ React__default.createElement(ToolItem$1, {
36517
- title: "Italic",
36607
+ title: t("Italic"),
36518
36608
  isActive: Boolean(node),
36519
36609
  icon: /* @__PURE__ */ React__default.createElement(IconFont, {
36520
36610
  iconName: "icon-italic"
@@ -36547,9 +36637,9 @@ function Bold(props) {
36547
36637
  return /* @__PURE__ */ React__default.createElement(Tooltip$1, {
36548
36638
  color: "#fff",
36549
36639
  position: "tl",
36550
- content: "Bold"
36640
+ content: t("Bold")
36551
36641
  }, /* @__PURE__ */ React__default.createElement(ToolItem$1, {
36552
- title: "Bold",
36642
+ title: t("Bold"),
36553
36643
  isActive: Boolean(node),
36554
36644
  icon: /* @__PURE__ */ React__default.createElement(IconFont, {
36555
36645
  iconName: "icon-bold"
@@ -36634,11 +36724,11 @@ function Tools(props) {
36634
36724
  const execCommand = useCallback((cmd, val) => {
36635
36725
  var _a;
36636
36726
  if (!selectionRange) {
36637
- console.error("No selectionRange");
36727
+ console.error(t("No selectionRange"));
36638
36728
  return;
36639
36729
  }
36640
36730
  if (!(focusBlockNode == null ? void 0 : focusBlockNode.contains(selectionRange == null ? void 0 : selectionRange.commonAncestorContainer))) {
36641
- console.error("Not commonAncestorContainer");
36731
+ console.error(t("Not commonAncestorContainer"));
36642
36732
  return;
36643
36733
  }
36644
36734
  restoreRange(selectionRange);
@@ -36769,19 +36859,19 @@ function Tools(props) {
36769
36859
  icon: /* @__PURE__ */ React__default.createElement(IconFont, {
36770
36860
  iconName: "icon-align-left"
36771
36861
  }),
36772
- title: "Align left"
36862
+ title: t("Align left")
36773
36863
  }), /* @__PURE__ */ React__default.createElement(ToolItem$1, {
36774
36864
  onClick: () => execCommand("justifyCenter"),
36775
36865
  icon: /* @__PURE__ */ React__default.createElement(IconFont, {
36776
36866
  iconName: "icon-align-center"
36777
36867
  }),
36778
- title: "Align center"
36868
+ title: t("Align center")
36779
36869
  }), /* @__PURE__ */ React__default.createElement(ToolItem$1, {
36780
36870
  onClick: () => execCommand("justifyRight"),
36781
36871
  icon: /* @__PURE__ */ React__default.createElement(IconFont, {
36782
36872
  iconName: "icon-align-right"
36783
36873
  }),
36784
- title: "Align right"
36874
+ title: t("Align right")
36785
36875
  }), /* @__PURE__ */ React__default.createElement("div", {
36786
36876
  className: "easy-email-extensions-divider"
36787
36877
  }), /* @__PURE__ */ React__default.createElement(ToolItem$1, {
@@ -36789,13 +36879,13 @@ function Tools(props) {
36789
36879
  icon: /* @__PURE__ */ React__default.createElement(IconFont, {
36790
36880
  iconName: "icon-list-ol"
36791
36881
  }),
36792
- title: "Orderlist"
36882
+ title: t("Orderlist")
36793
36883
  }), /* @__PURE__ */ React__default.createElement(ToolItem$1, {
36794
36884
  onClick: () => execCommand("insertUnorderedList"),
36795
36885
  icon: /* @__PURE__ */ React__default.createElement(IconFont, {
36796
36886
  iconName: "icon-list-ul"
36797
36887
  }),
36798
- title: "Unorderlist"
36888
+ title: t("Unorderlist")
36799
36889
  }), /* @__PURE__ */ React__default.createElement("div", {
36800
36890
  className: "easy-email-extensions-divider"
36801
36891
  }), /* @__PURE__ */ React__default.createElement(ToolItem$1, {
@@ -36803,7 +36893,7 @@ function Tools(props) {
36803
36893
  icon: /* @__PURE__ */ React__default.createElement(IconFont, {
36804
36894
  iconName: "icon-line"
36805
36895
  }),
36806
- title: "Line"
36896
+ title: t("Line")
36807
36897
  }), /* @__PURE__ */ React__default.createElement("div", {
36808
36898
  className: "easy-email-extensions-divider"
36809
36899
  }), /* @__PURE__ */ React__default.createElement(ToolItem$1, {
@@ -36811,7 +36901,7 @@ function Tools(props) {
36811
36901
  icon: /* @__PURE__ */ React__default.createElement(IconFont, {
36812
36902
  iconName: "icon-close"
36813
36903
  }),
36814
- title: "Remove format"
36904
+ title: t("Remove format")
36815
36905
  }), /* @__PURE__ */ React__default.createElement("div", {
36816
36906
  className: "easy-email-extensions-divider"
36817
36907
  })));
@@ -36966,29 +37056,29 @@ const AddToCollection = ({ visible, setVisible }) => {
36966
37056
  maskClosable: false,
36967
37057
  style: { zIndex: 2e3 },
36968
37058
  visible,
36969
- title: "Add to collection",
37059
+ title: t("Add to collection"),
36970
37060
  onOk: () => handleSubmit(),
36971
37061
  onCancel: () => setVisible(false)
36972
37062
  }, /* @__PURE__ */ React__default.createElement(Stack$4, {
36973
37063
  vertical: true
36974
37064
  }, /* @__PURE__ */ React__default.createElement(Stack$4.Item, null), /* @__PURE__ */ React__default.createElement(TextField, {
36975
- label: "Title",
37065
+ label: t("Title"),
36976
37066
  name: "label",
36977
37067
  validate: (val) => {
36978
37068
  if (!val)
36979
- return "Title required!";
37069
+ return t("Title required!");
36980
37070
  return void 0;
36981
37071
  }
36982
37072
  }), /* @__PURE__ */ React__default.createElement(TextAreaField, {
36983
- label: "Description",
37073
+ label: t("Description"),
36984
37074
  name: "helpText"
36985
37075
  }), /* @__PURE__ */ React__default.createElement(ImageUploaderField, {
36986
- label: "Thumbnail",
37076
+ label: t("Thumbnail"),
36987
37077
  name: "thumbnail",
36988
37078
  uploadHandler: onUploadImage,
36989
37079
  validate: (val) => {
36990
37080
  if (!val)
36991
- return "Thumbnail required!";
37081
+ return t("Thumbnail required!");
36992
37082
  return void 0;
36993
37083
  }
36994
37084
  }))));
@@ -37062,19 +37152,19 @@ function ContextMenu({
37062
37152
  }, /* @__PURE__ */ React__default.createElement(IconFont, {
37063
37153
  iconName: "icon-top",
37064
37154
  style: { marginRight: 10 }
37065
- }), " ", /* @__PURE__ */ React__default.createElement(TextStyle, null, "Move up")), /* @__PURE__ */ React__default.createElement("div", {
37155
+ }), " ", /* @__PURE__ */ React__default.createElement(TextStyle, null, t("Move up"))), /* @__PURE__ */ React__default.createElement("div", {
37066
37156
  className: styles$9.listItem,
37067
37157
  onClick: handleMoveDown
37068
37158
  }, /* @__PURE__ */ React__default.createElement(IconFont, {
37069
37159
  iconName: "icon-bottom",
37070
37160
  style: { marginRight: 10 }
37071
- }), " ", /* @__PURE__ */ React__default.createElement(TextStyle, null, "Move down")), /* @__PURE__ */ React__default.createElement("div", {
37161
+ }), " ", /* @__PURE__ */ React__default.createElement(TextStyle, null, t("Move down"))), /* @__PURE__ */ React__default.createElement("div", {
37072
37162
  className: styles$9.listItem,
37073
37163
  onClick: handleCopy
37074
37164
  }, /* @__PURE__ */ React__default.createElement(IconFont, {
37075
37165
  iconName: "icon-copy",
37076
37166
  style: { marginRight: 10 }
37077
- }), " ", /* @__PURE__ */ React__default.createElement(TextStyle, null, "Copy")), props.onAddCollection && /* @__PURE__ */ React__default.createElement("div", {
37167
+ }), " ", /* @__PURE__ */ React__default.createElement(TextStyle, null, t("Copy"))), props.onAddCollection && /* @__PURE__ */ React__default.createElement("div", {
37078
37168
  className: styles$9.listItem,
37079
37169
  onClick: handleAddToCollection
37080
37170
  }, /* @__PURE__ */ React__default.createElement(IconFont, {
@@ -37086,7 +37176,7 @@ function ContextMenu({
37086
37176
  }, /* @__PURE__ */ React__default.createElement(IconFont, {
37087
37177
  iconName: "icon-delete",
37088
37178
  style: { marginRight: 10 }
37089
- }), " ", /* @__PURE__ */ React__default.createElement(TextStyle, null, "Delete"))), /* @__PURE__ */ React__default.createElement("div", {
37179
+ }), " ", /* @__PURE__ */ React__default.createElement(TextStyle, null, t("Delete")))), /* @__PURE__ */ React__default.createElement("div", {
37090
37180
  className: styles$9.contextmenuMark,
37091
37181
  onClick: onClose,
37092
37182
  onContextMenu: (e) => {
@@ -39477,119 +39567,171 @@ const list = [
39477
39567
  ];
39478
39568
  const defaultCategories$1 = [
39479
39569
  {
39480
- title: "Content",
39570
+ get title() {
39571
+ return t("Content");
39572
+ },
39481
39573
  name: "CONTENT",
39482
39574
  blocks: [
39483
39575
  {
39484
39576
  type: AdvancedType.TEXT,
39485
- title: "Text",
39486
- description: "This block allows you to display text in your email.",
39577
+ get title() {
39578
+ return t("Text");
39579
+ },
39580
+ get description() {
39581
+ return t("This block allows you to display text in your email");
39582
+ },
39487
39583
  component: TextBlockItem
39488
39584
  },
39489
39585
  {
39490
39586
  type: AdvancedType.IMAGE,
39491
- title: "Image",
39492
- description: /* @__PURE__ */ React__default.createElement(Stack$4, {
39493
- vertical: true,
39494
- spacing: "none"
39495
- }, /* @__PURE__ */ React__default.createElement(TextStyle, null, 'Displays a responsive image in your email. It is similar to the HTML "<img/>" tag. Note that if no width is provided, the image will use the parent column width.')),
39587
+ get title() {
39588
+ return t("Image");
39589
+ },
39590
+ get description() {
39591
+ return /* @__PURE__ */ React__default.createElement(Stack$4, {
39592
+ vertical: true,
39593
+ spacing: "none"
39594
+ }, /* @__PURE__ */ React__default.createElement(TextStyle, null, t("Displays a responsive image in your email. It is similar to the HTML '&lt;img/&gt;' tag. Note that if no width is provided, the image will use the parent column width.")));
39595
+ },
39496
39596
  component: ImageBlockItem
39497
39597
  },
39498
39598
  {
39499
39599
  type: AdvancedType.BUTTON,
39500
- title: "Button",
39501
- description: "Displays a customizable button.",
39600
+ get title() {
39601
+ return t("Button");
39602
+ },
39603
+ get description() {
39604
+ return t("Displays a customizable button.");
39605
+ },
39502
39606
  component: ButtonBlockItem
39503
39607
  },
39504
39608
  {
39505
39609
  type: AdvancedType.HERO,
39506
- title: "Hero",
39507
- description: `This block displays a hero image. It behaves like an
39508
- 'section' with a single 'column'.`,
39610
+ get title() {
39611
+ return t("Hero");
39612
+ },
39613
+ get description() {
39614
+ return t("This block displays a hero image. It behaves like an 'section' with a single 'column'.");
39615
+ },
39509
39616
  component: HeroBlockItem
39510
39617
  },
39511
39618
  {
39512
39619
  type: AdvancedType.NAVBAR,
39513
- title: "Navbar",
39514
- description: `Displays a menu for navigation with an optional hamburger
39515
- mode for mobile devices.`,
39620
+ get title() {
39621
+ return t("Navbar");
39622
+ },
39623
+ get description() {
39624
+ return t("Displays a menu for navigation with an optional hamburger mode for mobile devices.");
39625
+ },
39516
39626
  component: NavbarBlockItem
39517
39627
  },
39518
39628
  {
39519
39629
  type: AdvancedType.SPACER,
39520
- title: "Spacer",
39521
- description: "Displays a blank space.",
39630
+ get title() {
39631
+ return t("Spacer");
39632
+ },
39633
+ get description() {
39634
+ return t("Displays a blank space.");
39635
+ },
39522
39636
  component: SpacerBlockItem
39523
39637
  },
39524
39638
  {
39525
39639
  type: AdvancedType.DIVIDER,
39526
- title: "Divider",
39527
- description: `Displays a horizontal divider that can be customized like a
39528
- HTML border.`,
39640
+ get title() {
39641
+ return t("Divider");
39642
+ },
39643
+ get description() {
39644
+ return t("Displays a horizontal divider that can be customized like a HTML border.");
39645
+ },
39529
39646
  component: DividerBlockItem
39530
39647
  },
39531
39648
  {
39532
39649
  type: AdvancedType.ACCORDION,
39533
- title: "Accordion",
39534
- description: `Accordion is an interactive component to stack content in
39535
- tabs, so the information is collapsed and only the titles
39536
- are visible. Readers can interact by clicking on the tabs
39537
- to reveal the content, providing a great experience on
39538
- mobile devices where space is scarce.`,
39650
+ get title() {
39651
+ return t("Accordion");
39652
+ },
39653
+ get description() {
39654
+ return t("Accordion is an interactive component to stack content in tabs, so the information is collapsed and only the titles are visible. Readers can interact by clicking on the tabs to reveal the content, providing a great experience on mobile devices where space is scarce.");
39655
+ },
39539
39656
  component: AccordionBlockItem
39540
39657
  },
39541
39658
  {
39542
39659
  type: AdvancedType.CAROUSEL,
39543
- title: "Carousel",
39544
- description: `This block displays a gallery of images or "carousel".
39545
- Readers can interact by hovering and clicking on
39546
- thumbnails depending on the email client they use.`,
39660
+ get title() {
39661
+ return t("Carousel");
39662
+ },
39663
+ get description() {
39664
+ return t("This block displays a gallery of images or 'carousel'. Readers can interact by hovering and clicking on thumbnails depending on the email client they use.");
39665
+ },
39547
39666
  component: CarouselBlockItem
39548
39667
  },
39549
39668
  {
39550
39669
  type: AdvancedType.SOCIAL,
39551
- title: "Social",
39552
- description: `Displays calls-to-action for various social networks with
39553
- their associated logo.`,
39670
+ get title() {
39671
+ return t("Social");
39672
+ },
39673
+ get description() {
39674
+ return t("Displays calls-to-action for various social networks with their associated logo.");
39675
+ },
39554
39676
  component: SocialBlockItem
39555
39677
  }
39556
39678
  ]
39557
39679
  },
39558
39680
  {
39559
- title: "Layout",
39681
+ get title() {
39682
+ return t("Layout");
39683
+ },
39560
39684
  name: "LAYOUT",
39561
39685
  blocks: [
39562
39686
  {
39563
39687
  type: AdvancedType.WRAPPER,
39564
- title: "Wrapper",
39565
- description: `Wrapper enables to wrap multiple sections together. It's especially useful to achieve nested layouts with shared border or background images across sections.
39566
- `,
39688
+ get title() {
39689
+ return t("Wrapper");
39690
+ },
39691
+ get description() {
39692
+ return t('Wrapper enables to wrap multiple sections together. It"s especially useful to achieve nested layouts with shared border or background images across sections.');
39693
+ },
39567
39694
  component: WrapperBlockItem
39568
39695
  },
39569
39696
  {
39570
39697
  type: AdvancedType.SECTION,
39571
- title: "Section",
39572
- description: /* @__PURE__ */ React__default.createElement(Stack$4, {
39573
- vertical: true,
39574
- spacing: "none"
39575
- }, /* @__PURE__ */ React__default.createElement(TextStyle, null, "Sections are intended to be used as rows within your email. They will be used to structure the layout."), /* @__PURE__ */ React__default.createElement(TextStyle, null, "Sections cannot nest in sections. Columns can nest in sections; all content must be in a column.")),
39698
+ get title() {
39699
+ return t("Section");
39700
+ },
39701
+ get description() {
39702
+ return /* @__PURE__ */ React__default.createElement(Stack$4, {
39703
+ vertical: true,
39704
+ spacing: "none"
39705
+ }, /* @__PURE__ */ React__default.createElement(TextStyle, null, t("Sections are intended to be used as rows within your email. They will be used to structure the layout.")), /* @__PURE__ */ React__default.createElement(TextStyle, null, t("Sections cannot nest in sections. Columns can nest in sections; all content must be in a column.")));
39706
+ },
39576
39707
  component: SectionBlockItem
39577
39708
  },
39578
39709
  {
39579
39710
  type: AdvancedType.GROUP,
39580
- title: "Group",
39581
- description: `Group allows you to prevent columns from stacking on
39582
- mobile. To do so, wrap the columns inside a group
39583
- block, so they'll stay side by side on mobile.`,
39711
+ get title() {
39712
+ return t("Group");
39713
+ },
39714
+ get description() {
39715
+ return t('Group allows you to prevent columns from stacking on mobile. To do so, wrap the columns inside a group block, so they"ll stay side by side on mobile.');
39716
+ },
39584
39717
  component: GroupBlockItem
39585
39718
  },
39586
39719
  {
39587
39720
  type: AdvancedType.COLUMN,
39588
- title: "Column",
39589
- description: /* @__PURE__ */ React__default.createElement(Stack$4, {
39590
- vertical: true,
39591
- spacing: "none"
39592
- }, /* @__PURE__ */ React__default.createElement(TextStyle, null, 'Columns enable you to horizontally organize the content within your sections. They must be located under "Section" block in order to be considered by the engine. To be responsive, columns are expressed in terms of percentage.'), /* @__PURE__ */ React__default.createElement(TextStyle, null, "Every single column has to contain something because they are responsive containers, and will be vertically stacked on a mobile view.")),
39721
+ get title() {
39722
+ return t("Column");
39723
+ },
39724
+ get description() {
39725
+ return /* @__PURE__ */ React__default.createElement(Stack$4, {
39726
+ vertical: true,
39727
+ spacing: "none"
39728
+ }, /* @__PURE__ */ React__default.createElement(TextStyle, null, t(`Columns enable you to horizontally organize the content within
39729
+ your sections. They must be located under "Section" block in order
39730
+ to be considered by the engine. To be responsive, columns are
39731
+ expressed in terms of percentage.`)), /* @__PURE__ */ React__default.createElement(TextStyle, null, t(`Every single column has to contain something because they are
39732
+ responsive containers, and will be vertically stacked on a mobile
39733
+ view.`)));
39734
+ },
39593
39735
  component: ColumnBlockItem
39594
39736
  }
39595
39737
  ]
@@ -39811,10 +39953,10 @@ function SourceCodePanel() {
39811
39953
  const parseValue = JSON.parse(JSON.stringify(eval("(" + event.target.value + ")")));
39812
39954
  const block = BlockManager.getBlockByType(parseValue.type);
39813
39955
  if (!block) {
39814
- throw new Error("Invalid content");
39956
+ throw new Error(t("Invalid content"));
39815
39957
  }
39816
39958
  if (!parseValue.data || !parseValue.data.value || !parseValue.attributes || !Array.isArray(parseValue.children)) {
39817
- throw new Error("Invalid content");
39959
+ throw new Error(t("Invalid content"));
39818
39960
  }
39819
39961
  setValueByIdx(focusIdx, parseValue);
39820
39962
  } catch (error2) {
@@ -39828,14 +39970,14 @@ function SourceCodePanel() {
39828
39970
  const parentBlock = getParentByIdx(values, focusIdx);
39829
39971
  const parseBlock = BlockManager.getBlockByType(parseValue2.type);
39830
39972
  if (!(parseBlock == null ? void 0 : parseBlock.validParentType.includes(parentBlock == null ? void 0 : parentBlock.type))) {
39831
- throw new Error("Invalid content");
39973
+ throw new Error(t("Invalid content"));
39832
39974
  }
39833
39975
  } else if (focusIdx !== getPageIdx()) {
39834
- throw new Error("Invalid content");
39976
+ throw new Error(t("Invalid content"));
39835
39977
  }
39836
39978
  setValueByIdx(focusIdx, parseValue2);
39837
39979
  } catch (error2) {
39838
- Message$1.error("Invalid content");
39980
+ Message$1.error(t("Invalid content"));
39839
39981
  }
39840
39982
  }, [focusIdx, setValueByIdx, values]);
39841
39983
  const onChangeMjmlText = useCallback((value) => {
@@ -39854,7 +39996,7 @@ function SourceCodePanel() {
39854
39996
  return null;
39855
39997
  return /* @__PURE__ */ React__default.createElement(Collapse$1, null, /* @__PURE__ */ React__default.createElement(Collapse$1.Item, {
39856
39998
  name: "json",
39857
- header: "Json source",
39999
+ header: t("Json source"),
39858
40000
  contentStyle: { padding: "8px 13px" }
39859
40001
  }, /* @__PURE__ */ React__default.createElement(Input$4.TextArea, {
39860
40002
  key: code,
@@ -39863,7 +40005,7 @@ function SourceCodePanel() {
39863
40005
  onBlur: onChangeCode
39864
40006
  })), /* @__PURE__ */ React__default.createElement(Collapse$1.Item, {
39865
40007
  name: "mjml",
39866
- header: "MJML source",
40008
+ header: t("MJML source"),
39867
40009
  contentStyle: { padding: "8px 13px" }
39868
40010
  }, /* @__PURE__ */ React__default.createElement(Input$4.TextArea, {
39869
40011
  key: code,
@@ -40145,13 +40287,13 @@ function TipNode(props) {
40145
40287
  const { direction, title: title2, lineWidth, type } = props;
40146
40288
  const dragTitle = useMemo(() => {
40147
40289
  if (direction === "top" || direction === "noEnoughTop") {
40148
- return t(`Insert before`, title2);
40290
+ return `${t("Insert before")} ${title2}`;
40149
40291
  } else if (direction === "bottom") {
40150
- return t(`Insert after`, title2);
40292
+ return `${t("Insert after")} ${title2}`;
40151
40293
  } else if (direction === "right" || direction === "left") {
40152
40294
  return t("Drag here");
40153
40295
  }
40154
- return `Drag to ${title2}`;
40296
+ return `${t("Drag to")} ${title2}`;
40155
40297
  }, [direction, title2]);
40156
40298
  const color2 = useMemo(() => {
40157
40299
  if (type === "drag") {
@@ -40585,13 +40727,13 @@ function MergeTagBadgePrompt() {
40585
40727
  className: classnames("easy-email-merge-tag-popover")
40586
40728
  }, /* @__PURE__ */ React__default.createElement("div", {
40587
40729
  className: "easy-email-merge-tag-popover-container"
40588
- }, /* @__PURE__ */ React__default.createElement("h3", null, /* @__PURE__ */ React__default.createElement("span", null, "Default value"), /* @__PURE__ */ React__default.createElement(IconFont, {
40730
+ }, /* @__PURE__ */ React__default.createElement("h3", null, /* @__PURE__ */ React__default.createElement("span", null, t("Default value")), /* @__PURE__ */ React__default.createElement(IconFont, {
40589
40731
  style: { color: "rgb(92, 95, 98)" },
40590
40732
  iconName: "icon-close",
40591
40733
  onClick: onClose
40592
40734
  })), /* @__PURE__ */ React__default.createElement("div", {
40593
40735
  className: "easy-email-merge-tag-popover-desc"
40594
- }, /* @__PURE__ */ React__default.createElement("p", null, "If a personalized text value isn't available, then a default value is shown."), /* @__PURE__ */ React__default.createElement("div", {
40736
+ }, /* @__PURE__ */ React__default.createElement("p", null, t('If a personalized text value isn"t available, then a default value is shown.')), /* @__PURE__ */ React__default.createElement("div", {
40595
40737
  className: "easy-email-merge-tag-popover-desc-label"
40596
40738
  }, /* @__PURE__ */ React__default.createElement("input", {
40597
40739
  autoFocus: true,
@@ -40606,7 +40748,7 @@ function MergeTagBadgePrompt() {
40606
40748
  className: "easy-email-merge-tag-popover-desc-label-button"
40607
40749
  }, /* @__PURE__ */ React__default.createElement("button", {
40608
40750
  onClick: onSave
40609
- }, "Save"))))), textContainer));
40751
+ }, t("Save")))))), textContainer));
40610
40752
  }
40611
40753
  const SimpleLayout = (props) => {
40612
40754
  const { height: containerHeight } = useEditorProps();
@@ -40655,7 +40797,7 @@ const SimpleLayout = (props) => {
40655
40797
  overflowX: "hidden"
40656
40798
  }
40657
40799
  }, /* @__PURE__ */ React__default.createElement(Card$1, {
40658
- title: "Layout",
40800
+ title: t("Layout"),
40659
40801
  style: { border: "none" },
40660
40802
  headerStyle: { height: 50 }
40661
40803
  }, !collapsed && /* @__PURE__ */ React__default.createElement(BlockLayer, {
@@ -40685,13 +40827,13 @@ const SimpleLayout = (props) => {
40685
40827
  }, /* @__PURE__ */ React__default.createElement(Tabs$1.TabPane, {
40686
40828
  title: /* @__PURE__ */ React__default.createElement("div", {
40687
40829
  style: { height: 31, lineHeight: "31px" }
40688
- }, "Configuration")
40830
+ }, t("Configuration"))
40689
40831
  }, /* @__PURE__ */ React__default.createElement(AttributePanel, null)), showSourceCode && /* @__PURE__ */ React__default.createElement(Tabs$1.TabPane, {
40690
40832
  destroyOnHide: true,
40691
40833
  key: "Source code",
40692
40834
  title: /* @__PURE__ */ React__default.createElement("div", {
40693
40835
  style: { height: 31, lineHeight: "31px" }
40694
- }, "Source code")
40836
+ }, t("Source code"))
40695
40837
  }, /* @__PURE__ */ React__default.createElement(SourceCodePanel, null))))), /* @__PURE__ */ React__default.createElement(InteractivePrompt, null), /* @__PURE__ */ React__default.createElement(MergeTagBadgePrompt, null)));
40696
40838
  };
40697
40839
  const StandardLayout$1 = "_StandardLayout_xv0bc_1";
@@ -45876,7 +46018,9 @@ function EditPanel({ showSourceCode }) {
45876
46018
  }
45877
46019
  const defaultCategories = [
45878
46020
  {
45879
- label: "Content",
46021
+ get label() {
46022
+ return t("Content");
46023
+ },
45880
46024
  active: true,
45881
46025
  blocks: [
45882
46026
  {
@@ -45907,12 +46051,16 @@ const defaultCategories = [
45907
46051
  ]
45908
46052
  },
45909
46053
  {
45910
- label: "Layout",
46054
+ get label() {
46055
+ return t("Layout");
46056
+ },
45911
46057
  active: true,
45912
46058
  displayType: "column",
45913
46059
  blocks: [
45914
46060
  {
45915
- title: "2 columns",
46061
+ get title() {
46062
+ return t("2 columns");
46063
+ },
45916
46064
  payload: [
45917
46065
  ["50%", "50%"],
45918
46066
  ["33%", "67%"],
@@ -45922,7 +46070,9 @@ const defaultCategories = [
45922
46070
  ]
45923
46071
  },
45924
46072
  {
45925
- title: "3 columns",
46073
+ get title() {
46074
+ return t("3 columns");
46075
+ },
45926
46076
  payload: [
45927
46077
  ["33.33%", "33.33%", "33.33%"],
45928
46078
  ["25%", "25%", "50%"],
@@ -45930,7 +46080,9 @@ const defaultCategories = [
45930
46080
  ]
45931
46081
  },
45932
46082
  {
45933
- title: "4 columns",
46083
+ get title() {
46084
+ return t("4 columns");
46085
+ },
45934
46086
  payload: [[["25%", "25%", "25%", "25%"]]]
45935
46087
  }
45936
46088
  ]
@@ -45984,5 +46136,5 @@ const StandardLayout = (props) => {
45984
46136
  style: { width: 0, overflow: "hidden" }
45985
46137
  }))), /* @__PURE__ */ React__default.createElement(InteractivePrompt, null), /* @__PURE__ */ React__default.createElement(MergeTagBadgePrompt, null)));
45986
46138
  };
45987
- export { TextAreaField as $, AttributePanel as A, BlockLayer as B, Color as C, Decoration as D, BlockMaskWrapper as E, FontFamily as F, SourceCodePanel as G, Height as H, InteractivePrompt as I, SimpleLayout as J, StandardLayout as K, LetterSpacing as L, Margin as M, NavbarLinkPadding as N, MergeTagBadgePrompt as O, Padding as P, ExtensionContext as Q, ExtensionProvider as R, ShortcutToolbar as S, TextAlign as T, useExtensionProps as U, VerticalAlign as V, Width as W, RICH_TEXT_TOOL_BAR as X, TextField as Y, InputWithUnitField as Z, SearchField as _, getIconNameByBlockType as a, NumberField as a0, SliderField as a1, UploadField as a2, ImageUploaderField as a3, SelectField as a4, TreeSelectField as a5, AutoCompleteField as a6, RadioGroupField as a7, SwitchField as a8, CheckboxField as a9, EditTabField as aa, EditGridTabField as ab, InlineTextField as ac, ColorPickerField as ad, enhancer as ae, RichTextField as af, getBlockTitle as b, commonjsGlobal as c, BlockAttributeConfigurationManager as d, Align as e, AttributesPanelWrapper as f, getContextMergeTags as g, CollapseWrapper as h, ContainerBackgroundColor as i, TextDecoration as j, Background as k, LineHeight as l, TextTransform as m, BackgroundColor as n, Direction as o, Link as p, Border as q, BorderColor as r, FontSize$1 as s, MergeTags$1 as t, BorderStyle as u, FontStyle as v, BorderWidth as w, FontWeight as x, ClassName as y, BlockMarketManager as z };
46139
+ export { SearchField as $, AttributePanel as A, BlockLayer as B, Color as C, Decoration as D, BlockMarketManager as E, FontFamily as F, BlockMaskWrapper as G, Height as H, SourceCodePanel as I, InteractivePrompt as J, SimpleLayout as K, LetterSpacing as L, Margin as M, NavbarLinkPadding as N, StandardLayout as O, Page as P, MergeTagBadgePrompt as Q, ExtensionContext as R, ShortcutToolbar as S, TextAlign as T, ExtensionProvider as U, VerticalAlign as V, Width as W, useExtensionProps as X, RICH_TEXT_TOOL_BAR as Y, TextField as Z, InputWithUnitField as _, getIconNameByBlockType as a, TextAreaField as a0, NumberField as a1, SliderField as a2, UploadField as a3, ImageUploaderField as a4, SelectField as a5, TreeSelectField as a6, AutoCompleteField as a7, RadioGroupField as a8, SwitchField as a9, CheckboxField as aa, EditTabField as ab, EditGridTabField as ac, InlineTextField as ad, ColorPickerField as ae, enhancer as af, RichTextField as ag, getBlockTitle as b, commonjsGlobal as c, BlockAttributeConfigurationManager as d, Align as e, AttributesPanelWrapper as f, getContextMergeTags as g, CollapseWrapper as h, ContainerBackgroundColor as i, TextDecoration as j, Background as k, LineHeight as l, TextTransform as m, BackgroundColor as n, Direction as o, Link as p, Border as q, BorderColor as r, FontSize$1 as s, MergeTags$1 as t, BorderStyle as u, FontStyle as v, BorderWidth as w, FontWeight as x, Padding as y, ClassName as z };
45988
46140
  //# sourceMappingURL=index2.js.map