@elementor/editor-editing-panel 4.0.0-509 → 4.0.0-511

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/index.mjs CHANGED
@@ -1704,7 +1704,7 @@ import { AtomIcon } from "@elementor/icons";
1704
1704
  import { createLocation as createLocation4 } from "@elementor/locations";
1705
1705
  import { SessionStorageProvider as SessionStorageProvider3 } from "@elementor/session";
1706
1706
  import { ErrorBoundary } from "@elementor/ui";
1707
- import { __ as __57 } from "@wordpress/i18n";
1707
+ import { __ as __56 } from "@wordpress/i18n";
1708
1708
 
1709
1709
  // src/control-replacement.tsx
1710
1710
  import { createControlReplacementsRegistry } from "@elementor/editor-controls";
@@ -1757,7 +1757,7 @@ import { Fragment as Fragment9 } from "react";
1757
1757
  import * as React82 from "react";
1758
1758
  import { isExperimentActive } from "@elementor/editor-v1-adapters";
1759
1759
  import { Divider as Divider6, Stack as Stack14, Tab, TabPanel, Tabs, useTabs } from "@elementor/ui";
1760
- import { __ as __56 } from "@wordpress/i18n";
1760
+ import { __ as __55 } from "@wordpress/i18n";
1761
1761
 
1762
1762
  // src/contexts/scroll-context.tsx
1763
1763
  import * as React14 from "react";
@@ -2440,7 +2440,7 @@ import { useActiveBreakpoint } from "@elementor/editor-responsive";
2440
2440
  import { createLocation as createLocation3 } from "@elementor/locations";
2441
2441
  import { SessionStorageProvider as SessionStorageProvider2 } from "@elementor/session";
2442
2442
  import { Box as Box5, Divider as Divider5, Stack as Stack13 } from "@elementor/ui";
2443
- import { __ as __55 } from "@wordpress/i18n";
2443
+ import { __ as __54 } from "@wordpress/i18n";
2444
2444
 
2445
2445
  // src/contexts/styles-inheritance-context.tsx
2446
2446
  import * as React25 from "react";
@@ -4237,50 +4237,10 @@ var ColumnGapField = () => {
4237
4237
 
4238
4238
  // src/components/style-sections/typography-section/font-family-field.tsx
4239
4239
  import * as React65 from "react";
4240
- import { FontFamilyControl } from "@elementor/editor-controls";
4240
+ import { FontFamilyControl, useFontFamilies } from "@elementor/editor-controls";
4241
4241
  import { useSectionWidth } from "@elementor/editor-ui";
4242
- import { __ as __42 } from "@wordpress/i18n";
4243
-
4244
- // src/components/style-sections/typography-section/hooks/use-font-families.ts
4245
- import { useMemo as useMemo10 } from "react";
4246
- import { getElementorConfig } from "@elementor/editor-v1-adapters";
4247
4242
  import { __ as __41 } from "@wordpress/i18n";
4248
- var supportedCategories = {
4249
- system: __41("System", "elementor"),
4250
- custom: __41("Custom Fonts", "elementor"),
4251
- googlefonts: __41("Google Fonts", "elementor")
4252
- };
4253
- var getFontFamilies = () => {
4254
- const { controls } = getElementorConfig();
4255
- const options12 = controls?.font?.options;
4256
- if (!options12) {
4257
- return null;
4258
- }
4259
- return options12;
4260
- };
4261
- var useFontFamilies = () => {
4262
- const fontFamilies = getFontFamilies();
4263
- return useMemo10(() => {
4264
- const categoriesOrder = ["system", "custom", "googlefonts"];
4265
- return Object.entries(fontFamilies || {}).reduce((acc, [font, category]) => {
4266
- if (!supportedCategories[category]) {
4267
- return acc;
4268
- }
4269
- const categoryIndex = categoriesOrder.indexOf(category);
4270
- if (!acc[categoryIndex]) {
4271
- acc[categoryIndex] = {
4272
- label: supportedCategories[category],
4273
- fonts: []
4274
- };
4275
- }
4276
- acc[categoryIndex].fonts.push(font);
4277
- return acc;
4278
- }, []).filter(Boolean);
4279
- }, [fontFamilies]);
4280
- };
4281
-
4282
- // src/components/style-sections/typography-section/font-family-field.tsx
4283
- var FONT_FAMILY_LABEL = __42("Font family", "elementor");
4243
+ var FONT_FAMILY_LABEL = __41("Font family", "elementor");
4284
4244
  var FontFamilyField = () => {
4285
4245
  const fontFamilies = useFontFamilies();
4286
4246
  const sectionWidth = useSectionWidth();
@@ -4301,8 +4261,8 @@ var FontFamilyField = () => {
4301
4261
  import * as React66 from "react";
4302
4262
  import { useRef as useRef11 } from "react";
4303
4263
  import { SizeControl as SizeControl8 } from "@elementor/editor-controls";
4304
- import { __ as __43 } from "@wordpress/i18n";
4305
- var FONT_SIZE_LABEL = __43("Font size", "elementor");
4264
+ import { __ as __42 } from "@wordpress/i18n";
4265
+ var FONT_SIZE_LABEL = __42("Font size", "elementor");
4306
4266
  var FontSizeField = () => {
4307
4267
  const rowRef = useRef11(null);
4308
4268
  return /* @__PURE__ */ React66.createElement(StylesField, { bind: "font-size", propDisplayName: FONT_SIZE_LABEL }, /* @__PURE__ */ React66.createElement(StylesFieldLayout, { label: FONT_SIZE_LABEL, ref: rowRef }, /* @__PURE__ */ React66.createElement(SizeControl8, { anchorRef: rowRef, ariaLabel: FONT_SIZE_LABEL })));
@@ -4312,18 +4272,18 @@ var FontSizeField = () => {
4312
4272
  import * as React67 from "react";
4313
4273
  import { ToggleControl as ToggleControl10 } from "@elementor/editor-controls";
4314
4274
  import { ItalicIcon, MinusIcon } from "@elementor/icons";
4315
- import { __ as __44 } from "@wordpress/i18n";
4316
- var FONT_STYLE_LABEL = __44("Font style", "elementor");
4275
+ import { __ as __43 } from "@wordpress/i18n";
4276
+ var FONT_STYLE_LABEL = __43("Font style", "elementor");
4317
4277
  var options7 = [
4318
4278
  {
4319
4279
  value: "normal",
4320
- label: __44("Normal", "elementor"),
4280
+ label: __43("Normal", "elementor"),
4321
4281
  renderContent: ({ size }) => /* @__PURE__ */ React67.createElement(MinusIcon, { fontSize: size }),
4322
4282
  showTooltip: true
4323
4283
  },
4324
4284
  {
4325
4285
  value: "italic",
4326
- label: __44("Italic", "elementor"),
4286
+ label: __43("Italic", "elementor"),
4327
4287
  renderContent: ({ size }) => /* @__PURE__ */ React67.createElement(ItalicIcon, { fontSize: size }),
4328
4288
  showTooltip: true
4329
4289
  }
@@ -4335,18 +4295,18 @@ var FontStyleField = () => {
4335
4295
  // src/components/style-sections/typography-section/font-weight-field.tsx
4336
4296
  import * as React68 from "react";
4337
4297
  import { SelectControl as SelectControl5 } from "@elementor/editor-controls";
4338
- import { __ as __45 } from "@wordpress/i18n";
4339
- var FONT_WEIGHT_LABEL = __45("Font weight", "elementor");
4298
+ import { __ as __44 } from "@wordpress/i18n";
4299
+ var FONT_WEIGHT_LABEL = __44("Font weight", "elementor");
4340
4300
  var fontWeightOptions = [
4341
- { value: "100", label: __45("100 - Thin", "elementor") },
4342
- { value: "200", label: __45("200 - Extra light", "elementor") },
4343
- { value: "300", label: __45("300 - Light", "elementor") },
4344
- { value: "400", label: __45("400 - Normal", "elementor") },
4345
- { value: "500", label: __45("500 - Medium", "elementor") },
4346
- { value: "600", label: __45("600 - Semi bold", "elementor") },
4347
- { value: "700", label: __45("700 - Bold", "elementor") },
4348
- { value: "800", label: __45("800 - Extra bold", "elementor") },
4349
- { value: "900", label: __45("900 - Black", "elementor") }
4301
+ { value: "100", label: __44("100 - Thin", "elementor") },
4302
+ { value: "200", label: __44("200 - Extra light", "elementor") },
4303
+ { value: "300", label: __44("300 - Light", "elementor") },
4304
+ { value: "400", label: __44("400 - Normal", "elementor") },
4305
+ { value: "500", label: __44("500 - Medium", "elementor") },
4306
+ { value: "600", label: __44("600 - Semi bold", "elementor") },
4307
+ { value: "700", label: __44("700 - Bold", "elementor") },
4308
+ { value: "800", label: __44("800 - Extra bold", "elementor") },
4309
+ { value: "900", label: __44("900 - Black", "elementor") }
4350
4310
  ];
4351
4311
  var FontWeightField = () => {
4352
4312
  return /* @__PURE__ */ React68.createElement(StylesField, { bind: "font-weight", propDisplayName: FONT_WEIGHT_LABEL }, /* @__PURE__ */ React68.createElement(StylesFieldLayout, { label: FONT_WEIGHT_LABEL }, /* @__PURE__ */ React68.createElement(SelectControl5, { options: fontWeightOptions })));
@@ -4356,8 +4316,8 @@ var FontWeightField = () => {
4356
4316
  import * as React69 from "react";
4357
4317
  import { useRef as useRef12 } from "react";
4358
4318
  import { SizeControl as SizeControl9 } from "@elementor/editor-controls";
4359
- import { __ as __46 } from "@wordpress/i18n";
4360
- var LETTER_SPACING_LABEL = __46("Letter spacing", "elementor");
4319
+ import { __ as __45 } from "@wordpress/i18n";
4320
+ var LETTER_SPACING_LABEL = __45("Letter spacing", "elementor");
4361
4321
  var LetterSpacingField = () => {
4362
4322
  const rowRef = useRef12(null);
4363
4323
  return /* @__PURE__ */ React69.createElement(StylesField, { bind: "letter-spacing", propDisplayName: LETTER_SPACING_LABEL }, /* @__PURE__ */ React69.createElement(StylesFieldLayout, { label: LETTER_SPACING_LABEL, ref: rowRef }, /* @__PURE__ */ React69.createElement(SizeControl9, { anchorRef: rowRef, min: -Number.MAX_SAFE_INTEGER })));
@@ -4367,8 +4327,8 @@ var LetterSpacingField = () => {
4367
4327
  import * as React70 from "react";
4368
4328
  import { useRef as useRef13 } from "react";
4369
4329
  import { SizeControl as SizeControl10 } from "@elementor/editor-controls";
4370
- import { __ as __47 } from "@wordpress/i18n";
4371
- var LINE_HEIGHT_LABEL = __47("Line height", "elementor");
4330
+ import { __ as __46 } from "@wordpress/i18n";
4331
+ var LINE_HEIGHT_LABEL = __46("Line height", "elementor");
4372
4332
  var LineHeightField = () => {
4373
4333
  const rowRef = useRef13(null);
4374
4334
  return /* @__PURE__ */ React70.createElement(StylesField, { bind: "line-height", propDisplayName: LINE_HEIGHT_LABEL }, /* @__PURE__ */ React70.createElement(StylesFieldLayout, { label: LINE_HEIGHT_LABEL, ref: rowRef }, /* @__PURE__ */ React70.createElement(SizeControl10, { anchorRef: rowRef })));
@@ -4379,32 +4339,32 @@ import * as React71 from "react";
4379
4339
  import { ToggleControl as ToggleControl11 } from "@elementor/editor-controls";
4380
4340
  import { AlignCenterIcon, AlignJustifiedIcon, AlignLeftIcon, AlignRightIcon } from "@elementor/icons";
4381
4341
  import { withDirection as withDirection9 } from "@elementor/ui";
4382
- import { __ as __48 } from "@wordpress/i18n";
4383
- var TEXT_ALIGNMENT_LABEL = __48("Text align", "elementor");
4342
+ import { __ as __47 } from "@wordpress/i18n";
4343
+ var TEXT_ALIGNMENT_LABEL = __47("Text align", "elementor");
4384
4344
  var AlignStartIcon = withDirection9(AlignLeftIcon);
4385
4345
  var AlignEndIcon = withDirection9(AlignRightIcon);
4386
4346
  var options8 = [
4387
4347
  {
4388
4348
  value: "start",
4389
- label: __48("Start", "elementor"),
4349
+ label: __47("Start", "elementor"),
4390
4350
  renderContent: ({ size }) => /* @__PURE__ */ React71.createElement(AlignStartIcon, { fontSize: size }),
4391
4351
  showTooltip: true
4392
4352
  },
4393
4353
  {
4394
4354
  value: "center",
4395
- label: __48("Center", "elementor"),
4355
+ label: __47("Center", "elementor"),
4396
4356
  renderContent: ({ size }) => /* @__PURE__ */ React71.createElement(AlignCenterIcon, { fontSize: size }),
4397
4357
  showTooltip: true
4398
4358
  },
4399
4359
  {
4400
4360
  value: "end",
4401
- label: __48("End", "elementor"),
4361
+ label: __47("End", "elementor"),
4402
4362
  renderContent: ({ size }) => /* @__PURE__ */ React71.createElement(AlignEndIcon, { fontSize: size }),
4403
4363
  showTooltip: true
4404
4364
  },
4405
4365
  {
4406
4366
  value: "justify",
4407
- label: __48("Justify", "elementor"),
4367
+ label: __47("Justify", "elementor"),
4408
4368
  renderContent: ({ size }) => /* @__PURE__ */ React71.createElement(AlignJustifiedIcon, { fontSize: size }),
4409
4369
  showTooltip: true
4410
4370
  }
@@ -4416,8 +4376,8 @@ var TextAlignmentField = () => {
4416
4376
  // src/components/style-sections/typography-section/text-color-field.tsx
4417
4377
  import * as React72 from "react";
4418
4378
  import { ColorControl as ColorControl2 } from "@elementor/editor-controls";
4419
- import { __ as __49 } from "@wordpress/i18n";
4420
- var TEXT_COLOR_LABEL = __49("Text color", "elementor");
4379
+ import { __ as __48 } from "@wordpress/i18n";
4380
+ var TEXT_COLOR_LABEL = __48("Text color", "elementor");
4421
4381
  var TextColorField = () => {
4422
4382
  return /* @__PURE__ */ React72.createElement(StylesField, { bind: "color", propDisplayName: TEXT_COLOR_LABEL }, /* @__PURE__ */ React72.createElement(StylesFieldLayout, { label: TEXT_COLOR_LABEL }, /* @__PURE__ */ React72.createElement(ColorControl2, { id: "text-color-control" })));
4423
4383
  };
@@ -4426,31 +4386,31 @@ var TextColorField = () => {
4426
4386
  import * as React73 from "react";
4427
4387
  import { ToggleControl as ToggleControl12 } from "@elementor/editor-controls";
4428
4388
  import { MinusIcon as MinusIcon2, OverlineIcon, StrikethroughIcon, UnderlineIcon } from "@elementor/icons";
4429
- import { __ as __50 } from "@wordpress/i18n";
4430
- var TEXT_DECORATION_LABEL = __50("Line decoration", "elementor");
4389
+ import { __ as __49 } from "@wordpress/i18n";
4390
+ var TEXT_DECORATION_LABEL = __49("Line decoration", "elementor");
4431
4391
  var options9 = [
4432
4392
  {
4433
4393
  value: "none",
4434
- label: __50("None", "elementor"),
4394
+ label: __49("None", "elementor"),
4435
4395
  renderContent: ({ size }) => /* @__PURE__ */ React73.createElement(MinusIcon2, { fontSize: size }),
4436
4396
  showTooltip: true,
4437
4397
  exclusive: true
4438
4398
  },
4439
4399
  {
4440
4400
  value: "underline",
4441
- label: __50("Underline", "elementor"),
4401
+ label: __49("Underline", "elementor"),
4442
4402
  renderContent: ({ size }) => /* @__PURE__ */ React73.createElement(UnderlineIcon, { fontSize: size }),
4443
4403
  showTooltip: true
4444
4404
  },
4445
4405
  {
4446
4406
  value: "line-through",
4447
- label: __50("Line-through", "elementor"),
4407
+ label: __49("Line-through", "elementor"),
4448
4408
  renderContent: ({ size }) => /* @__PURE__ */ React73.createElement(StrikethroughIcon, { fontSize: size }),
4449
4409
  showTooltip: true
4450
4410
  },
4451
4411
  {
4452
4412
  value: "overline",
4453
- label: __50("Overline", "elementor"),
4413
+ label: __49("Overline", "elementor"),
4454
4414
  renderContent: ({ size }) => /* @__PURE__ */ React73.createElement(OverlineIcon, { fontSize: size }),
4455
4415
  showTooltip: true
4456
4416
  }
@@ -4461,18 +4421,18 @@ var TextDecorationField = () => /* @__PURE__ */ React73.createElement(StylesFiel
4461
4421
  import * as React74 from "react";
4462
4422
  import { ToggleControl as ToggleControl13 } from "@elementor/editor-controls";
4463
4423
  import { TextDirectionLtrIcon, TextDirectionRtlIcon } from "@elementor/icons";
4464
- import { __ as __51 } from "@wordpress/i18n";
4465
- var TEXT_DIRECTION_LABEL = __51("Direction", "elementor");
4424
+ import { __ as __50 } from "@wordpress/i18n";
4425
+ var TEXT_DIRECTION_LABEL = __50("Direction", "elementor");
4466
4426
  var options10 = [
4467
4427
  {
4468
4428
  value: "ltr",
4469
- label: __51("Left to right", "elementor"),
4429
+ label: __50("Left to right", "elementor"),
4470
4430
  renderContent: ({ size }) => /* @__PURE__ */ React74.createElement(TextDirectionLtrIcon, { fontSize: size }),
4471
4431
  showTooltip: true
4472
4432
  },
4473
4433
  {
4474
4434
  value: "rtl",
4475
- label: __51("Right to left", "elementor"),
4435
+ label: __50("Right to left", "elementor"),
4476
4436
  renderContent: ({ size }) => /* @__PURE__ */ React74.createElement(TextDirectionRtlIcon, { fontSize: size }),
4477
4437
  showTooltip: true
4478
4438
  }
@@ -4484,7 +4444,7 @@ var TextDirectionField = () => {
4484
4444
  // src/components/style-sections/typography-section/text-stroke-field.tsx
4485
4445
  import * as React76 from "react";
4486
4446
  import { StrokeControl } from "@elementor/editor-controls";
4487
- import { __ as __52 } from "@wordpress/i18n";
4447
+ import { __ as __51 } from "@wordpress/i18n";
4488
4448
 
4489
4449
  // src/components/add-or-remove-content.tsx
4490
4450
  import * as React75 from "react";
@@ -4531,7 +4491,7 @@ var initTextStroke = {
4531
4491
  }
4532
4492
  }
4533
4493
  };
4534
- var TEXT_STROKE_LABEL = __52("Text stroke", "elementor");
4494
+ var TEXT_STROKE_LABEL = __51("Text stroke", "elementor");
4535
4495
  var TextStrokeField = () => {
4536
4496
  const { value, setValue, canEdit } = useStylesField("stroke", {
4537
4497
  history: { propDisplayName: TEXT_STROKE_LABEL }
@@ -4560,30 +4520,30 @@ var TextStrokeField = () => {
4560
4520
  import * as React77 from "react";
4561
4521
  import { ToggleControl as ToggleControl14 } from "@elementor/editor-controls";
4562
4522
  import { LetterCaseIcon, LetterCaseLowerIcon, LetterCaseUpperIcon, MinusIcon as MinusIcon4 } from "@elementor/icons";
4563
- import { __ as __53 } from "@wordpress/i18n";
4564
- var TEXT_TRANSFORM_LABEL = __53("Text transform", "elementor");
4523
+ import { __ as __52 } from "@wordpress/i18n";
4524
+ var TEXT_TRANSFORM_LABEL = __52("Text transform", "elementor");
4565
4525
  var options11 = [
4566
4526
  {
4567
4527
  value: "none",
4568
- label: __53("None", "elementor"),
4528
+ label: __52("None", "elementor"),
4569
4529
  renderContent: ({ size }) => /* @__PURE__ */ React77.createElement(MinusIcon4, { fontSize: size }),
4570
4530
  showTooltip: true
4571
4531
  },
4572
4532
  {
4573
4533
  value: "capitalize",
4574
- label: __53("Capitalize", "elementor"),
4534
+ label: __52("Capitalize", "elementor"),
4575
4535
  renderContent: ({ size }) => /* @__PURE__ */ React77.createElement(LetterCaseIcon, { fontSize: size }),
4576
4536
  showTooltip: true
4577
4537
  },
4578
4538
  {
4579
4539
  value: "uppercase",
4580
- label: __53("Uppercase", "elementor"),
4540
+ label: __52("Uppercase", "elementor"),
4581
4541
  renderContent: ({ size }) => /* @__PURE__ */ React77.createElement(LetterCaseUpperIcon, { fontSize: size }),
4582
4542
  showTooltip: true
4583
4543
  },
4584
4544
  {
4585
4545
  value: "lowercase",
4586
- label: __53("Lowercase", "elementor"),
4546
+ label: __52("Lowercase", "elementor"),
4587
4547
  renderContent: ({ size }) => /* @__PURE__ */ React77.createElement(LetterCaseLowerIcon, { fontSize: size }),
4588
4548
  showTooltip: true
4589
4549
  }
@@ -4594,8 +4554,8 @@ var TransformField = () => /* @__PURE__ */ React77.createElement(StylesField, {
4594
4554
  import * as React78 from "react";
4595
4555
  import { useRef as useRef14 } from "react";
4596
4556
  import { SizeControl as SizeControl11 } from "@elementor/editor-controls";
4597
- import { __ as __54 } from "@wordpress/i18n";
4598
- var WORD_SPACING_LABEL = __54("Word spacing", "elementor");
4557
+ import { __ as __53 } from "@wordpress/i18n";
4558
+ var WORD_SPACING_LABEL = __53("Word spacing", "elementor");
4599
4559
  var WordSpacingField = () => {
4600
4560
  const rowRef = useRef14(null);
4601
4561
  return /* @__PURE__ */ React78.createElement(StylesField, { bind: "word-spacing", propDisplayName: WORD_SPACING_LABEL }, /* @__PURE__ */ React78.createElement(StylesFieldLayout, { label: WORD_SPACING_LABEL, ref: rowRef }, /* @__PURE__ */ React78.createElement(SizeControl11, { anchorRef: rowRef, min: -Number.MAX_SAFE_INTEGER })));
@@ -4677,7 +4637,7 @@ var StyleTab = () => {
4677
4637
  section: {
4678
4638
  component: LayoutSection,
4679
4639
  name: "Layout",
4680
- title: __55("Layout", "elementor")
4640
+ title: __54("Layout", "elementor")
4681
4641
  },
4682
4642
  fields: [
4683
4643
  "display",
@@ -4696,7 +4656,7 @@ var StyleTab = () => {
4696
4656
  section: {
4697
4657
  component: SpacingSection,
4698
4658
  name: "Spacing",
4699
- title: __55("Spacing", "elementor")
4659
+ title: __54("Spacing", "elementor")
4700
4660
  },
4701
4661
  fields: ["margin", "padding"]
4702
4662
  }
@@ -4706,7 +4666,7 @@ var StyleTab = () => {
4706
4666
  section: {
4707
4667
  component: SizeSection,
4708
4668
  name: "Size",
4709
- title: __55("Size", "elementor")
4669
+ title: __54("Size", "elementor")
4710
4670
  },
4711
4671
  fields: [
4712
4672
  "width",
@@ -4726,7 +4686,7 @@ var StyleTab = () => {
4726
4686
  section: {
4727
4687
  component: PositionSection,
4728
4688
  name: "Position",
4729
- title: __55("Position", "elementor")
4689
+ title: __54("Position", "elementor")
4730
4690
  },
4731
4691
  fields: ["position", "z-index", "scroll-margin-top"]
4732
4692
  }
@@ -4736,7 +4696,7 @@ var StyleTab = () => {
4736
4696
  section: {
4737
4697
  component: TypographySection,
4738
4698
  name: "Typography",
4739
- title: __55("Typography", "elementor")
4699
+ title: __54("Typography", "elementor")
4740
4700
  },
4741
4701
  fields: [
4742
4702
  "font-family",
@@ -4761,7 +4721,7 @@ var StyleTab = () => {
4761
4721
  section: {
4762
4722
  component: BackgroundSection,
4763
4723
  name: "Background",
4764
- title: __55("Background", "elementor")
4724
+ title: __54("Background", "elementor")
4765
4725
  },
4766
4726
  fields: ["background"]
4767
4727
  }
@@ -4771,7 +4731,7 @@ var StyleTab = () => {
4771
4731
  section: {
4772
4732
  component: BorderSection,
4773
4733
  name: "Border",
4774
- title: __55("Border", "elementor")
4734
+ title: __54("Border", "elementor")
4775
4735
  },
4776
4736
  fields: ["border-radius", "border-width", "border-color", "border-style"]
4777
4737
  }
@@ -4781,7 +4741,7 @@ var StyleTab = () => {
4781
4741
  section: {
4782
4742
  component: EffectsSection,
4783
4743
  name: "Effects",
4784
- title: __55("Effects", "elementor")
4744
+ title: __54("Effects", "elementor")
4785
4745
  },
4786
4746
  fields: [
4787
4747
  "mix-blend-mode",
@@ -4839,9 +4799,9 @@ var PanelTabContent = () => {
4839
4799
  setCurrentTab(newValue);
4840
4800
  }
4841
4801
  },
4842
- /* @__PURE__ */ React82.createElement(Tab, { label: __56("General", "elementor"), ...getTabProps("settings") }),
4843
- /* @__PURE__ */ React82.createElement(Tab, { label: __56("Style", "elementor"), ...getTabProps("style") }),
4844
- isInteractionsActive && /* @__PURE__ */ React82.createElement(Tab, { label: __56("Interactions", "elementor"), ...getTabProps("interactions") })
4802
+ /* @__PURE__ */ React82.createElement(Tab, { label: __55("General", "elementor"), ...getTabProps("settings") }),
4803
+ /* @__PURE__ */ React82.createElement(Tab, { label: __55("Style", "elementor"), ...getTabProps("style") }),
4804
+ isInteractionsActive && /* @__PURE__ */ React82.createElement(Tab, { label: __55("Interactions", "elementor"), ...getTabProps("interactions") })
4845
4805
  ), /* @__PURE__ */ React82.createElement(Divider6, null)), /* @__PURE__ */ React82.createElement(TabPanel, { ...getTabPanelProps("settings"), disablePadding: true }, /* @__PURE__ */ React82.createElement(SettingsTab, null)), /* @__PURE__ */ React82.createElement(TabPanel, { ...getTabPanelProps("style"), disablePadding: true }, /* @__PURE__ */ React82.createElement(StyleTab, null)), isInteractionsActive && /* @__PURE__ */ React82.createElement(TabPanel, { ...getTabPanelProps("interactions"), disablePadding: true }, /* @__PURE__ */ React82.createElement(InteractionsTab, null))));
4846
4806
  };
4847
4807
 
@@ -4855,7 +4815,7 @@ var EditingPanel = () => {
4855
4815
  if (!element || !elementType) {
4856
4816
  return null;
4857
4817
  }
4858
- const panelTitle = __57("Edit %s", "elementor").replace("%s", elementType.title);
4818
+ const panelTitle = __56("Edit %s", "elementor").replace("%s", elementType.title);
4859
4819
  const { component: ReplacementComponent } = getEditingPanelReplacement(element, elementType) ?? {};
4860
4820
  let panelContent = /* @__PURE__ */ React83.createElement(React83.Fragment, null, /* @__PURE__ */ React83.createElement(PanelHeader, null, /* @__PURE__ */ React83.createElement(PanelHeaderTitle, null, panelTitle), /* @__PURE__ */ React83.createElement(AtomIcon, { fontSize: "small", sx: { color: "text.tertiary" } })), /* @__PURE__ */ React83.createElement(PanelBody, null, /* @__PURE__ */ React83.createElement(EditingPanelTabs, null)));
4861
4821
  if (ReplacementComponent) {
@@ -4913,7 +4873,7 @@ var EditingPanelHooks = () => {
4913
4873
  import * as React84 from "react";
4914
4874
  import { useState as useState11 } from "react";
4915
4875
  import { PromotionChip, PromotionInfotip } from "@elementor/editor-ui";
4916
- import { __ as __58 } from "@wordpress/i18n";
4876
+ import { __ as __57 } from "@wordpress/i18n";
4917
4877
  function getCustomCssPromotion() {
4918
4878
  const extendedWindow = window;
4919
4879
  return extendedWindow.elementor?.config?.v4Promotions?.customCss;
@@ -4926,7 +4886,7 @@ var CustomCssSection = () => {
4926
4886
  {
4927
4887
  section: {
4928
4888
  name: "Custom CSS",
4929
- title: __58("Custom CSS", "elementor"),
4889
+ title: __57("Custom CSS", "elementor"),
4930
4890
  action: {
4931
4891
  component: /* @__PURE__ */ React84.createElement(
4932
4892
  PromotionInfotip,
@@ -4980,7 +4940,7 @@ import {
4980
4940
  import { numberPropTypeUtil as numberPropTypeUtil4 } from "@elementor/editor-props";
4981
4941
  import { InfoCircleFilledIcon } from "@elementor/icons";
4982
4942
  import { Alert as Alert2, Chip as Chip4, Infotip, Stack as Stack15, Switch, TextField as TextField2, Typography as Typography4 } from "@elementor/ui";
4983
- import { __ as __60 } from "@wordpress/i18n";
4943
+ import { __ as __59 } from "@wordpress/i18n";
4984
4944
 
4985
4945
  // src/controls-registry/element-controls/get-element-by-type.ts
4986
4946
  import { getContainer } from "@elementor/editor-elements";
@@ -5009,7 +4969,7 @@ import {
5009
4969
  removeElements
5010
4970
  } from "@elementor/editor-elements";
5011
4971
  import { numberPropTypeUtil as numberPropTypeUtil3 } from "@elementor/editor-props";
5012
- import { __ as __59 } from "@wordpress/i18n";
4972
+ import { __ as __58 } from "@wordpress/i18n";
5013
4973
  var TAB_ELEMENT_TYPE = "e-tab";
5014
4974
  var TAB_CONTENT_ELEMENT_TYPE = "e-tab-content";
5015
4975
  var useActions = () => {
@@ -5032,7 +4992,7 @@ var useActions = () => {
5032
4992
  }
5033
4993
  duplicateElements({
5034
4994
  elementIds: [tabId, tabContentId],
5035
- title: __59("Duplicate Tab", "elementor"),
4995
+ title: __58("Duplicate Tab", "elementor"),
5036
4996
  onDuplicateElements: () => {
5037
4997
  if (newDefault !== defaultActiveTab) {
5038
4998
  setDefaultActiveTab(newDefault, {}, { withHistory: false });
@@ -5064,7 +5024,7 @@ var useActions = () => {
5064
5024
  defaultActiveTab
5065
5025
  });
5066
5026
  moveElements({
5067
- title: __59("Reorder Tabs", "elementor"),
5027
+ title: __58("Reorder Tabs", "elementor"),
5068
5028
  moves: [
5069
5029
  {
5070
5030
  elementId: movedElementId,
@@ -5098,7 +5058,7 @@ var useActions = () => {
5098
5058
  defaultActiveTab
5099
5059
  });
5100
5060
  removeElements({
5101
- title: __59("Tabs", "elementor"),
5061
+ title: __58("Tabs", "elementor"),
5102
5062
  elementIds: items3.flatMap(({ item, index }) => {
5103
5063
  const tabId = item.id;
5104
5064
  const tabContentContainer = getContainer2(tabContentAreaId);
@@ -5128,7 +5088,7 @@ var useActions = () => {
5128
5088
  items3.forEach(({ index }) => {
5129
5089
  const position = index + 1;
5130
5090
  createElements({
5131
- title: __59("Tabs", "elementor"),
5091
+ title: __58("Tabs", "elementor"),
5132
5092
  elements: [
5133
5093
  {
5134
5094
  containerId: tabContentAreaId,
@@ -5197,7 +5157,7 @@ var calculateDefaultOnDuplicate = ({
5197
5157
  var TAB_MENU_ELEMENT_TYPE = "e-tabs-menu";
5198
5158
  var TAB_CONTENT_AREA_ELEMENT_TYPE = "e-tabs-content-area";
5199
5159
  var TabsControl = ({ label }) => {
5200
- return /* @__PURE__ */ React85.createElement(SettingsField, { bind: "default-active-tab", propDisplayName: __60("Tabs", "elementor") }, /* @__PURE__ */ React85.createElement(TabsControlContent, { label }));
5160
+ return /* @__PURE__ */ React85.createElement(SettingsField, { bind: "default-active-tab", propDisplayName: __59("Tabs", "elementor") }, /* @__PURE__ */ React85.createElement(TabsControlContent, { label }));
5201
5161
  };
5202
5162
  var TabsControlContent = ({ label }) => {
5203
5163
  const { element } = useElement();
@@ -5272,18 +5232,18 @@ var ItemDefaultTab = ({ index }) => {
5272
5232
  if (!isDefault) {
5273
5233
  return null;
5274
5234
  }
5275
- return /* @__PURE__ */ React85.createElement(Chip4, { size: "tiny", shape: "rounded", label: __60("Default", "elementor") });
5235
+ return /* @__PURE__ */ React85.createElement(Chip4, { size: "tiny", shape: "rounded", label: __59("Default", "elementor") });
5276
5236
  };
5277
5237
  var ItemContent = ({ value, index }) => {
5278
5238
  if (!value.id) {
5279
5239
  return null;
5280
5240
  }
5281
- return /* @__PURE__ */ React85.createElement(Stack15, { p: 2, gap: 1.5 }, /* @__PURE__ */ React85.createElement(TabLabelControl, { elementId: value.id }), /* @__PURE__ */ React85.createElement(SettingsField, { bind: "default-active-tab", propDisplayName: __60("Tabs", "elementor") }, /* @__PURE__ */ React85.createElement(DefaultTabControl, { tabIndex: index })));
5241
+ return /* @__PURE__ */ React85.createElement(Stack15, { p: 2, gap: 1.5 }, /* @__PURE__ */ React85.createElement(TabLabelControl, { elementId: value.id }), /* @__PURE__ */ React85.createElement(SettingsField, { bind: "default-active-tab", propDisplayName: __59("Tabs", "elementor") }, /* @__PURE__ */ React85.createElement(DefaultTabControl, { tabIndex: index })));
5282
5242
  };
5283
5243
  var DefaultTabControl = ({ tabIndex }) => {
5284
5244
  const { value, setValue } = useBoundProp5(numberPropTypeUtil4);
5285
5245
  const isDefault = value === tabIndex;
5286
- return /* @__PURE__ */ React85.createElement(Stack15, { direction: "row", alignItems: "center", justifyContent: "space-between", gap: 2 }, /* @__PURE__ */ React85.createElement(ControlFormLabel3, null, __60("Set as default tab", "elementor")), /* @__PURE__ */ React85.createElement(ConditionalTooltip, { showTooltip: isDefault, placement: "right" }, /* @__PURE__ */ React85.createElement(
5246
+ return /* @__PURE__ */ React85.createElement(Stack15, { direction: "row", alignItems: "center", justifyContent: "space-between", gap: 2 }, /* @__PURE__ */ React85.createElement(ControlFormLabel3, null, __59("Set as default tab", "elementor")), /* @__PURE__ */ React85.createElement(ConditionalTooltip, { showTooltip: isDefault, placement: "right" }, /* @__PURE__ */ React85.createElement(
5287
5247
  Switch,
5288
5248
  {
5289
5249
  size: "small",
@@ -5301,7 +5261,7 @@ var DefaultTabControl = ({ tabIndex }) => {
5301
5261
  var TabLabelControl = ({ elementId }) => {
5302
5262
  const editorSettings = useElementEditorSettings(elementId);
5303
5263
  const label = editorSettings?.title ?? "";
5304
- return /* @__PURE__ */ React85.createElement(Stack15, { gap: 1 }, /* @__PURE__ */ React85.createElement(ControlFormLabel3, null, __60("Tab name", "elementor")), /* @__PURE__ */ React85.createElement(
5264
+ return /* @__PURE__ */ React85.createElement(Stack15, { gap: 1 }, /* @__PURE__ */ React85.createElement(ControlFormLabel3, null, __59("Tab name", "elementor")), /* @__PURE__ */ React85.createElement(
5305
5265
  TextField2,
5306
5266
  {
5307
5267
  size: "tiny",
@@ -5334,7 +5294,7 @@ var ConditionalTooltip = ({
5334
5294
  size: "small",
5335
5295
  sx: { width: 288 }
5336
5296
  },
5337
- /* @__PURE__ */ React85.createElement(Typography4, { variant: "body2" }, __60("To change the default tab, simply set another tab as default.", "elementor"))
5297
+ /* @__PURE__ */ React85.createElement(Typography4, { variant: "body2" }, __59("To change the default tab, simply set another tab as default.", "elementor"))
5338
5298
  )
5339
5299
  },
5340
5300
  /* @__PURE__ */ React85.createElement("span", null, children)
@@ -5369,14 +5329,14 @@ import {
5369
5329
  import { DatabaseIcon } from "@elementor/icons";
5370
5330
 
5371
5331
  // src/dynamics/hooks/use-dynamic-tag.ts
5372
- import { useMemo as useMemo12 } from "react";
5332
+ import { useMemo as useMemo11 } from "react";
5373
5333
 
5374
5334
  // src/dynamics/hooks/use-prop-dynamic-tags.ts
5375
- import { useMemo as useMemo11 } from "react";
5335
+ import { useMemo as useMemo10 } from "react";
5376
5336
  import { useBoundProp as useBoundProp6 } from "@elementor/editor-controls";
5377
5337
 
5378
5338
  // src/dynamics/sync/get-atomic-dynamic-tags.ts
5379
- import { getElementorConfig as getElementorConfig2 } from "@elementor/editor-v1-adapters";
5339
+ import { getElementorConfig } from "@elementor/editor-v1-adapters";
5380
5340
 
5381
5341
  // src/hooks/use-license-config.ts
5382
5342
  import { useSyncExternalStore } from "react";
@@ -5399,7 +5359,7 @@ function useLicenseConfig() {
5399
5359
 
5400
5360
  // src/dynamics/sync/get-atomic-dynamic-tags.ts
5401
5361
  var getAtomicDynamicTags = (shouldFilterByLicense = true) => {
5402
- const { atomicDynamicTags } = getElementorConfig2();
5362
+ const { atomicDynamicTags } = getElementorConfig();
5403
5363
  if (!atomicDynamicTags) {
5404
5364
  return null;
5405
5365
  }
@@ -5425,7 +5385,7 @@ import {
5425
5385
  createPropUtils,
5426
5386
  isTransformable as isTransformable2
5427
5387
  } from "@elementor/editor-props";
5428
- import { getElementorConfig as getElementorConfig3 } from "@elementor/editor-v1-adapters";
5388
+ import { getElementorConfig as getElementorConfig2 } from "@elementor/editor-v1-adapters";
5429
5389
  import { z } from "@elementor/schema";
5430
5390
  var DYNAMIC_PROP_TYPE_KEY = "dynamic";
5431
5391
  var dynamicPropTypeUtil = createPropUtils(
@@ -5437,7 +5397,7 @@ var dynamicPropTypeUtil = createPropUtils(
5437
5397
  })
5438
5398
  );
5439
5399
  var isDynamicTagSupported = (tagName) => {
5440
- return !!getElementorConfig3()?.atomicDynamicTags?.tags?.[tagName];
5400
+ return !!getElementorConfig2()?.atomicDynamicTags?.tags?.[tagName];
5441
5401
  };
5442
5402
  var isDynamicPropType = (prop) => prop.key === DYNAMIC_PROP_TYPE_KEY;
5443
5403
  var getDynamicPropType = (propType) => {
@@ -5466,7 +5426,7 @@ var usePropDynamicTagsInternal = (filterByLicense2) => {
5466
5426
  categories = propDynamicType?.settings.categories || [];
5467
5427
  }
5468
5428
  const categoriesKey = categories.join();
5469
- return useMemo11(
5429
+ return useMemo10(
5470
5430
  () => getDynamicTagsByCategories(categories, filterByLicense2),
5471
5431
  // eslint-disable-next-line react-hooks/exhaustive-deps
5472
5432
  [categoriesKey, filterByLicense2]
@@ -5500,7 +5460,7 @@ var getDynamicTagsByCategories = (categories, filterByLicense2) => {
5500
5460
  // src/dynamics/hooks/use-dynamic-tag.ts
5501
5461
  var useDynamicTag = (tagName) => {
5502
5462
  const dynamicTags = useAllPropDynamicTags();
5503
- return useMemo12(() => dynamicTags.find((tag) => tag.name === tagName) ?? null, [dynamicTags, tagName]);
5463
+ return useMemo11(() => dynamicTags.find((tag) => tag.name === tagName) ?? null, [dynamicTags, tagName]);
5504
5464
  };
5505
5465
 
5506
5466
  // src/dynamics/components/background-control-dynamic-tag.tsx
@@ -5546,7 +5506,7 @@ import {
5546
5506
  usePopupState as usePopupState2,
5547
5507
  useTabs as useTabs2
5548
5508
  } from "@elementor/ui";
5549
- import { __ as __62 } from "@wordpress/i18n";
5509
+ import { __ as __61 } from "@wordpress/i18n";
5550
5510
 
5551
5511
  // src/hooks/use-persist-dynamic-value.ts
5552
5512
  import { useSessionStorage as useSessionStorage4 } from "@elementor/session";
@@ -5648,7 +5608,7 @@ import { useBoundProp as useBoundProp9 } from "@elementor/editor-controls";
5648
5608
  import { CtaButton, PopoverHeader, PopoverMenuList, SearchField, SectionPopoverBody } from "@elementor/editor-ui";
5649
5609
  import { DatabaseIcon as DatabaseIcon2 } from "@elementor/icons";
5650
5610
  import { Divider as Divider7, Link as Link2, Stack as Stack16, Typography as Typography5, useTheme as useTheme3 } from "@elementor/ui";
5651
- import { __ as __61 } from "@wordpress/i18n";
5611
+ import { __ as __60 } from "@wordpress/i18n";
5652
5612
  var SIZE3 = "tiny";
5653
5613
  var PROMO_TEXT_WIDTH = 170;
5654
5614
  var PRO_DYNAMIC_TAGS_URL = "https://go.elementor.com/go-pro-dynamic-tags-modal/";
@@ -5698,7 +5658,7 @@ var DynamicSelection = ({ close: closePopover, expired = false }) => {
5698
5658
  {
5699
5659
  value: searchValue,
5700
5660
  onSearch: handleSearch,
5701
- placeholder: __61("Search dynamic tags\u2026", "elementor")
5661
+ placeholder: __60("Search dynamic tags\u2026", "elementor")
5702
5662
  }
5703
5663
  ), /* @__PURE__ */ React89.createElement(Divider7, null), /* @__PURE__ */ React89.createElement(
5704
5664
  PopoverMenuList,
@@ -5712,10 +5672,10 @@ var DynamicSelection = ({ close: closePopover, expired = false }) => {
5712
5672
  }
5713
5673
  ));
5714
5674
  };
5715
- return /* @__PURE__ */ React89.createElement(SectionPopoverBody, { "aria-label": __61("Dynamic tags", "elementor") }, /* @__PURE__ */ React89.createElement(
5675
+ return /* @__PURE__ */ React89.createElement(SectionPopoverBody, { "aria-label": __60("Dynamic tags", "elementor") }, /* @__PURE__ */ React89.createElement(
5716
5676
  PopoverHeader,
5717
5677
  {
5718
- title: __61("Dynamic tags", "elementor"),
5678
+ title: __60("Dynamic tags", "elementor"),
5719
5679
  onClose: closePopover,
5720
5680
  icon: /* @__PURE__ */ React89.createElement(DatabaseIcon2, { fontSize: SIZE3 })
5721
5681
  }
@@ -5733,8 +5693,8 @@ var NoResults = ({ searchValue, onClear }) => /* @__PURE__ */ React89.createElem
5733
5693
  sx: { pb: 3.5 }
5734
5694
  },
5735
5695
  /* @__PURE__ */ React89.createElement(DatabaseIcon2, { fontSize: "large" }),
5736
- /* @__PURE__ */ React89.createElement(Typography5, { align: "center", variant: "subtitle2" }, __61("Sorry, nothing matched", "elementor"), /* @__PURE__ */ React89.createElement("br", null), "\u201C", searchValue, "\u201D."),
5737
- /* @__PURE__ */ React89.createElement(Typography5, { align: "center", variant: "caption", sx: { display: "flex", flexDirection: "column" } }, __61("Try something else.", "elementor"), /* @__PURE__ */ React89.createElement(Link2, { color: "text.secondary", variant: "caption", component: "button", onClick: onClear }, __61("Clear & try again", "elementor")))
5696
+ /* @__PURE__ */ React89.createElement(Typography5, { align: "center", variant: "subtitle2" }, __60("Sorry, nothing matched", "elementor"), /* @__PURE__ */ React89.createElement("br", null), "\u201C", searchValue, "\u201D."),
5697
+ /* @__PURE__ */ React89.createElement(Typography5, { align: "center", variant: "caption", sx: { display: "flex", flexDirection: "column" } }, __60("Try something else.", "elementor"), /* @__PURE__ */ React89.createElement(Link2, { color: "text.secondary", variant: "caption", component: "button", onClick: onClear }, __60("Clear & try again", "elementor")))
5738
5698
  );
5739
5699
  var NoDynamicTags = () => /* @__PURE__ */ React89.createElement(React89.Fragment, null, /* @__PURE__ */ React89.createElement(Divider7, null), /* @__PURE__ */ React89.createElement(
5740
5700
  Stack16,
@@ -5748,8 +5708,8 @@ var NoDynamicTags = () => /* @__PURE__ */ React89.createElement(React89.Fragment
5748
5708
  sx: { pb: 3.5 }
5749
5709
  },
5750
5710
  /* @__PURE__ */ React89.createElement(DatabaseIcon2, { fontSize: "large" }),
5751
- /* @__PURE__ */ React89.createElement(Typography5, { align: "center", variant: "subtitle2" }, __61("Streamline your workflow with dynamic tags", "elementor")),
5752
- /* @__PURE__ */ React89.createElement(Typography5, { align: "center", variant: "caption", width: PROMO_TEXT_WIDTH }, __61("Upgrade now to display your content dynamically.", "elementor")),
5711
+ /* @__PURE__ */ React89.createElement(Typography5, { align: "center", variant: "subtitle2" }, __60("Streamline your workflow with dynamic tags", "elementor")),
5712
+ /* @__PURE__ */ React89.createElement(Typography5, { align: "center", variant: "caption", width: PROMO_TEXT_WIDTH }, __60("Upgrade now to display your content dynamically.", "elementor")),
5753
5713
  /* @__PURE__ */ React89.createElement(CtaButton, { size: "small", href: PRO_DYNAMIC_TAGS_URL })
5754
5714
  ));
5755
5715
  var ExpiredDynamicTags = () => /* @__PURE__ */ React89.createElement(React89.Fragment, null, /* @__PURE__ */ React89.createElement(Divider7, null), /* @__PURE__ */ React89.createElement(
@@ -5764,9 +5724,9 @@ var ExpiredDynamicTags = () => /* @__PURE__ */ React89.createElement(React89.Fra
5764
5724
  sx: { pb: 3.5 }
5765
5725
  },
5766
5726
  /* @__PURE__ */ React89.createElement(DatabaseIcon2, { fontSize: "large" }),
5767
- /* @__PURE__ */ React89.createElement(Typography5, { align: "center", variant: "subtitle2" }, __61("Unlock your Dynamic tags again", "elementor")),
5768
- /* @__PURE__ */ React89.createElement(Typography5, { align: "center", variant: "caption", width: PROMO_TEXT_WIDTH }, __61("Dynamic tags need Elementor Pro. Renew now to keep them active.", "elementor")),
5769
- /* @__PURE__ */ React89.createElement(CtaButton, { size: "small", href: RENEW_DYNAMIC_TAGS_URL, children: __61("Renew Now", "elementor") })
5727
+ /* @__PURE__ */ React89.createElement(Typography5, { align: "center", variant: "subtitle2" }, __60("Unlock your Dynamic tags again", "elementor")),
5728
+ /* @__PURE__ */ React89.createElement(Typography5, { align: "center", variant: "caption", width: PROMO_TEXT_WIDTH }, __60("Dynamic tags need Elementor Pro. Renew now to keep them active.", "elementor")),
5729
+ /* @__PURE__ */ React89.createElement(CtaButton, { size: "small", href: RENEW_DYNAMIC_TAGS_URL, children: __60("Renew Now", "elementor") })
5770
5730
  ));
5771
5731
  var useFilteredOptions = (searchValue) => {
5772
5732
  const dynamicTags = usePropDynamicTags();
@@ -5822,7 +5782,7 @@ var DynamicSelectionControl = ({ OriginalControl, ...props }) => {
5822
5782
  {
5823
5783
  size: SIZE4,
5824
5784
  onClick: removeDynamicTag,
5825
- "aria-label": __62("Remove dynamic value", "elementor")
5785
+ "aria-label": __61("Remove dynamic value", "elementor")
5826
5786
  },
5827
5787
  /* @__PURE__ */ React90.createElement(XIcon, { fontSize: SIZE4 })
5828
5788
  ))
@@ -5839,7 +5799,7 @@ var DynamicSelectionControl = ({ OriginalControl, ...props }) => {
5839
5799
  },
5840
5800
  ...bindPopover(selectionPopoverState)
5841
5801
  },
5842
- /* @__PURE__ */ React90.createElement(SectionPopoverBody2, { "aria-label": __62("Dynamic tags", "elementor") }, /* @__PURE__ */ React90.createElement(DynamicSelection, { close: selectionPopoverState.close, expired: readonly }))
5802
+ /* @__PURE__ */ React90.createElement(SectionPopoverBody2, { "aria-label": __61("Dynamic tags", "elementor") }, /* @__PURE__ */ React90.createElement(DynamicSelection, { close: selectionPopoverState.close, expired: readonly }))
5843
5803
  ));
5844
5804
  };
5845
5805
  var DynamicSettingsPopover = ({
@@ -5857,7 +5817,7 @@ var DynamicSettingsPopover = ({
5857
5817
  size: SIZE4,
5858
5818
  disabled,
5859
5819
  ...!disabled && bindTrigger2(popupState),
5860
- "aria-label": __62("Dynamic settings", "elementor")
5820
+ "aria-label": __61("Dynamic settings", "elementor")
5861
5821
  },
5862
5822
  /* @__PURE__ */ React90.createElement(SettingsIcon, { fontSize: SIZE4 })
5863
5823
  ), /* @__PURE__ */ React90.createElement(
@@ -5872,7 +5832,7 @@ var DynamicSettingsPopover = ({
5872
5832
  },
5873
5833
  ...bindPopover(popupState)
5874
5834
  },
5875
- /* @__PURE__ */ React90.createElement(SectionPopoverBody2, { "aria-label": __62("Dynamic settings", "elementor") }, /* @__PURE__ */ React90.createElement(
5835
+ /* @__PURE__ */ React90.createElement(SectionPopoverBody2, { "aria-label": __61("Dynamic settings", "elementor") }, /* @__PURE__ */ React90.createElement(
5876
5836
  PopoverHeader2,
5877
5837
  {
5878
5838
  title: dynamicTag.label,
@@ -6010,14 +5970,14 @@ function getDynamicValue(name, settings) {
6010
5970
  import * as React91 from "react";
6011
5971
  import { useBoundProp as useBoundProp11 } from "@elementor/editor-controls";
6012
5972
  import { DatabaseIcon as DatabaseIcon4 } from "@elementor/icons";
6013
- import { __ as __63 } from "@wordpress/i18n";
5973
+ import { __ as __62 } from "@wordpress/i18n";
6014
5974
  var usePropDynamicAction = () => {
6015
5975
  const { propType } = useBoundProp11();
6016
5976
  const visible = !!propType && supportsDynamic(propType);
6017
5977
  return {
6018
5978
  visible,
6019
5979
  icon: DatabaseIcon4,
6020
- title: __63("Dynamic tags", "elementor"),
5980
+ title: __62("Dynamic tags", "elementor"),
6021
5981
  content: ({ close }) => /* @__PURE__ */ React91.createElement(DynamicSelection, { close })
6022
5982
  };
6023
5983
  };
@@ -6050,7 +6010,7 @@ var init2 = () => {
6050
6010
  // src/reset-style-props.tsx
6051
6011
  import { useBoundProp as useBoundProp12 } from "@elementor/editor-controls";
6052
6012
  import { BrushBigIcon } from "@elementor/icons";
6053
- import { __ as __64 } from "@wordpress/i18n";
6013
+ import { __ as __63 } from "@wordpress/i18n";
6054
6014
 
6055
6015
  // src/utils/is-equal.ts
6056
6016
  function isEqual(a, b) {
@@ -6122,7 +6082,7 @@ function useResetStyleValueProps() {
6122
6082
  const visible = calculateVisibility();
6123
6083
  return {
6124
6084
  visible,
6125
- title: __64("Clear", "elementor"),
6085
+ title: __63("Clear", "elementor"),
6126
6086
  icon: BrushBigIcon,
6127
6087
  onClick: () => resetValue()
6128
6088
  };
@@ -6133,11 +6093,11 @@ import * as React97 from "react";
6133
6093
  import { useBoundProp as useBoundProp13 } from "@elementor/editor-controls";
6134
6094
  import { isEmpty as isEmpty2 } from "@elementor/editor-props";
6135
6095
  import { ELEMENTS_BASE_STYLES_PROVIDER_KEY as ELEMENTS_BASE_STYLES_PROVIDER_KEY4 } from "@elementor/editor-styles-repository";
6136
- import { __ as __68 } from "@wordpress/i18n";
6096
+ import { __ as __67 } from "@wordpress/i18n";
6137
6097
 
6138
6098
  // src/styles-inheritance/components/styles-inheritance-infotip.tsx
6139
6099
  import * as React96 from "react";
6140
- import { useMemo as useMemo14, useRef as useRef15, useState as useState14 } from "react";
6100
+ import { useMemo as useMemo13, useRef as useRef15, useState as useState14 } from "react";
6141
6101
  import { createPropsResolver as createPropsResolver2 } from "@elementor/editor-canvas";
6142
6102
  import { PopoverHeader as PopoverHeader3, useSectionWidth as useSectionWidth2 } from "@elementor/editor-ui";
6143
6103
  import {
@@ -6151,7 +6111,7 @@ import {
6151
6111
  Stack as Stack18,
6152
6112
  Tooltip as Tooltip5
6153
6113
  } from "@elementor/ui";
6154
- import { __ as __67 } from "@wordpress/i18n";
6114
+ import { __ as __66 } from "@wordpress/i18n";
6155
6115
 
6156
6116
  // src/styles-inheritance/hooks/use-normalized-inheritance-chain-items.tsx
6157
6117
  import { isValidElement, useEffect as useEffect7, useState as useState13 } from "react";
@@ -6161,7 +6121,7 @@ import {
6161
6121
  isPseudoState
6162
6122
  } from "@elementor/editor-styles";
6163
6123
  import { ELEMENTS_BASE_STYLES_PROVIDER_KEY as ELEMENTS_BASE_STYLES_PROVIDER_KEY2 } from "@elementor/editor-styles-repository";
6164
- import { __ as __65 } from "@wordpress/i18n";
6124
+ import { __ as __64 } from "@wordpress/i18n";
6165
6125
  var MAXIMUM_ITEMS = 2;
6166
6126
  var useNormalizedInheritanceChainItems = (inheritanceChain, bind, resolve) => {
6167
6127
  const [items3, setItems] = useState13([]);
@@ -6172,7 +6132,7 @@ var useNormalizedInheritanceChainItems = (inheritanceChain, bind, resolve) => {
6172
6132
  );
6173
6133
  const validItems = normalizedItems.map((item) => ({
6174
6134
  ...item,
6175
- displayLabel: ELEMENTS_BASE_STYLES_PROVIDER_KEY2 !== item.provider ? item.displayLabel : __65("Base", "elementor")
6135
+ displayLabel: ELEMENTS_BASE_STYLES_PROVIDER_KEY2 !== item.provider ? item.displayLabel : __64("Base", "elementor")
6176
6136
  })).filter((item) => !item.value || item.displayLabel !== "").slice(0, MAXIMUM_ITEMS);
6177
6137
  setItems(validItems);
6178
6138
  })();
@@ -6272,11 +6232,11 @@ import * as React93 from "react";
6272
6232
  import { ELEMENTS_BASE_STYLES_PROVIDER_KEY as ELEMENTS_BASE_STYLES_PROVIDER_KEY3 } from "@elementor/editor-styles-repository";
6273
6233
  import { InfoCircleIcon } from "@elementor/icons";
6274
6234
  import { Chip as Chip5, Tooltip as Tooltip4 } from "@elementor/ui";
6275
- import { __ as __66 } from "@wordpress/i18n";
6235
+ import { __ as __65 } from "@wordpress/i18n";
6276
6236
  var SIZE6 = "tiny";
6277
6237
  var LabelChip = ({ displayLabel, provider }) => {
6278
6238
  const isBaseStyle = provider === ELEMENTS_BASE_STYLES_PROVIDER_KEY3;
6279
- const chipIcon = isBaseStyle ? /* @__PURE__ */ React93.createElement(Tooltip4, { title: __66("Inherited from base styles", "elementor"), placement: "top" }, /* @__PURE__ */ React93.createElement(InfoCircleIcon, { fontSize: SIZE6 })) : void 0;
6239
+ const chipIcon = isBaseStyle ? /* @__PURE__ */ React93.createElement(Tooltip4, { title: __65("Inherited from base styles", "elementor"), placement: "top" }, /* @__PURE__ */ React93.createElement(InfoCircleIcon, { fontSize: SIZE6 })) : void 0;
6280
6240
  return /* @__PURE__ */ React93.createElement(
6281
6241
  Chip5,
6282
6242
  {
@@ -6365,7 +6325,7 @@ var StylesInheritanceInfotip = ({
6365
6325
  };
6366
6326
  const key = path.join(".");
6367
6327
  const sectionWidth = useSectionWidth2();
6368
- const resolve = useMemo14(() => {
6328
+ const resolve = useMemo13(() => {
6369
6329
  return createPropsResolver2({
6370
6330
  transformers: stylesInheritanceTransformersRegistry,
6371
6331
  schema: { [key]: propType }
@@ -6395,7 +6355,7 @@ var StylesInheritanceInfotip = ({
6395
6355
  backgroundColor: "background.paper"
6396
6356
  }
6397
6357
  },
6398
- /* @__PURE__ */ React96.createElement(PopoverHeader3, { title: __67("Style origin", "elementor"), onClose: closeInfotip })
6358
+ /* @__PURE__ */ React96.createElement(PopoverHeader3, { title: __66("Style origin", "elementor"), onClose: closeInfotip })
6399
6359
  ),
6400
6360
  /* @__PURE__ */ React96.createElement(
6401
6361
  CardContent,
@@ -6419,7 +6379,7 @@ var StylesInheritanceInfotip = ({
6419
6379
  display: "flex",
6420
6380
  gap: 0.5,
6421
6381
  role: "listitem",
6422
- "aria-label": __67("Inheritance item: %s", "elementor").replace(
6382
+ "aria-label": __66("Inheritance item: %s", "elementor").replace(
6423
6383
  "%s",
6424
6384
  item.displayLabel
6425
6385
  )
@@ -6520,7 +6480,7 @@ function TooltipOrInfotip({
6520
6480
  children
6521
6481
  ));
6522
6482
  }
6523
- return /* @__PURE__ */ React96.createElement(Tooltip5, { title: __67("Style origin", "elementor"), placement: "top" }, children);
6483
+ return /* @__PURE__ */ React96.createElement(Tooltip5, { title: __66("Style origin", "elementor"), placement: "top" }, children);
6524
6484
  }
6525
6485
 
6526
6486
  // src/styles-inheritance/components/styles-inheritance-indicator.tsx
@@ -6563,12 +6523,12 @@ var Indicator = ({ inheritanceChain, path, propType, isDisabled }) => {
6563
6523
  };
6564
6524
  var getLabel = ({ isFinalValue, hasValue }) => {
6565
6525
  if (isFinalValue) {
6566
- return __68("This is the final value", "elementor");
6526
+ return __67("This is the final value", "elementor");
6567
6527
  }
6568
6528
  if (hasValue) {
6569
- return __68("This value is overridden by another style", "elementor");
6529
+ return __67("This value is overridden by another style", "elementor");
6570
6530
  }
6571
- return __68("This has value from another style", "elementor");
6531
+ return __67("This has value from another style", "elementor");
6572
6532
  };
6573
6533
 
6574
6534
  // src/styles-inheritance/init-styles-inheritance-transformers.ts
@@ -6619,7 +6579,7 @@ var StyledUnstableColorIndicator = styled7(UnstableColorIndicator)(({ theme }) =
6619
6579
  import * as React100 from "react";
6620
6580
  import { createTransformer as createTransformer4 } from "@elementor/editor-canvas";
6621
6581
  import { Stack as Stack21 } from "@elementor/ui";
6622
- import { __ as __69 } from "@wordpress/i18n";
6582
+ import { __ as __68 } from "@wordpress/i18n";
6623
6583
  var backgroundGradientOverlayTransformer = createTransformer4((value) => /* @__PURE__ */ React100.createElement(Stack21, { direction: "row", gap: 1, alignItems: "center" }, /* @__PURE__ */ React100.createElement(ItemIconGradient, { value }), /* @__PURE__ */ React100.createElement(ItemLabelGradient, { value })));
6624
6584
  var ItemIconGradient = ({ value }) => {
6625
6585
  const gradient = getGradientValue(value);
@@ -6627,9 +6587,9 @@ var ItemIconGradient = ({ value }) => {
6627
6587
  };
6628
6588
  var ItemLabelGradient = ({ value }) => {
6629
6589
  if (value.type === "linear") {
6630
- return /* @__PURE__ */ React100.createElement("span", null, __69("Linear gradient", "elementor"));
6590
+ return /* @__PURE__ */ React100.createElement("span", null, __68("Linear gradient", "elementor"));
6631
6591
  }
6632
- return /* @__PURE__ */ React100.createElement("span", null, __69("Radial gradient", "elementor"));
6592
+ return /* @__PURE__ */ React100.createElement("span", null, __68("Radial gradient", "elementor"));
6633
6593
  };
6634
6594
  var getGradientValue = (gradient) => {
6635
6595
  const stops = gradient.stops?.map(({ color, offset }) => `${color} ${offset ?? 0}%`)?.join(",");
@@ -6854,7 +6814,6 @@ export {
6854
6814
  useClassesProp,
6855
6815
  useCustomCss,
6856
6816
  useElement,
6857
- useFontFamilies,
6858
6817
  usePanelActions,
6859
6818
  usePanelStatus,
6860
6819
  useStateByElement,