@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.d.mts +3 -5
- package/dist/index.d.ts +3 -5
- package/dist/index.js +158 -200
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +125 -166
- package/dist/index.mjs.map +1 -1
- package/package.json +20 -20
- package/src/components/style-sections/typography-section/font-family-field.tsx +1 -2
- package/src/index.ts +0 -1
- package/src/components/style-sections/typography-section/hooks/use-font-families.ts +0 -51
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
|
|
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
|
|
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
|
|
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
|
|
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
|
|
4305
|
-
var FONT_SIZE_LABEL =
|
|
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
|
|
4316
|
-
var FONT_STYLE_LABEL =
|
|
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:
|
|
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:
|
|
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
|
|
4339
|
-
var FONT_WEIGHT_LABEL =
|
|
4298
|
+
import { __ as __44 } from "@wordpress/i18n";
|
|
4299
|
+
var FONT_WEIGHT_LABEL = __44("Font weight", "elementor");
|
|
4340
4300
|
var fontWeightOptions = [
|
|
4341
|
-
{ value: "100", label:
|
|
4342
|
-
{ value: "200", label:
|
|
4343
|
-
{ value: "300", label:
|
|
4344
|
-
{ value: "400", label:
|
|
4345
|
-
{ value: "500", label:
|
|
4346
|
-
{ value: "600", label:
|
|
4347
|
-
{ value: "700", label:
|
|
4348
|
-
{ value: "800", label:
|
|
4349
|
-
{ value: "900", label:
|
|
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
|
|
4360
|
-
var LETTER_SPACING_LABEL =
|
|
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
|
|
4371
|
-
var LINE_HEIGHT_LABEL =
|
|
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
|
|
4383
|
-
var TEXT_ALIGNMENT_LABEL =
|
|
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:
|
|
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:
|
|
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:
|
|
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:
|
|
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
|
|
4420
|
-
var TEXT_COLOR_LABEL =
|
|
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
|
|
4430
|
-
var TEXT_DECORATION_LABEL =
|
|
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:
|
|
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:
|
|
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:
|
|
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:
|
|
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
|
|
4465
|
-
var TEXT_DIRECTION_LABEL =
|
|
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:
|
|
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:
|
|
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
|
|
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 =
|
|
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
|
|
4564
|
-
var TEXT_TRANSFORM_LABEL =
|
|
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:
|
|
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:
|
|
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:
|
|
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:
|
|
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
|
|
4598
|
-
var WORD_SPACING_LABEL =
|
|
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:
|
|
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:
|
|
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:
|
|
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:
|
|
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:
|
|
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:
|
|
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:
|
|
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:
|
|
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:
|
|
4843
|
-
/* @__PURE__ */ React82.createElement(Tab, { label:
|
|
4844
|
-
isInteractionsActive && /* @__PURE__ */ React82.createElement(Tab, { label:
|
|
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 =
|
|
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
|
|
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:
|
|
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
|
|
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
|
|
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:
|
|
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:
|
|
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:
|
|
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:
|
|
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:
|
|
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:
|
|
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:
|
|
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,
|
|
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,
|
|
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" },
|
|
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
|
|
5332
|
+
import { useMemo as useMemo11 } from "react";
|
|
5373
5333
|
|
|
5374
5334
|
// src/dynamics/hooks/use-prop-dynamic-tags.ts
|
|
5375
|
-
import { useMemo as
|
|
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
|
|
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 } =
|
|
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
|
|
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 !!
|
|
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
|
|
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
|
|
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
|
|
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
|
|
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:
|
|
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":
|
|
5675
|
+
return /* @__PURE__ */ React89.createElement(SectionPopoverBody, { "aria-label": __60("Dynamic tags", "elementor") }, /* @__PURE__ */ React89.createElement(
|
|
5716
5676
|
PopoverHeader,
|
|
5717
5677
|
{
|
|
5718
|
-
title:
|
|
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" },
|
|
5737
|
-
/* @__PURE__ */ React89.createElement(Typography5, { align: "center", variant: "caption", sx: { display: "flex", flexDirection: "column" } },
|
|
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" },
|
|
5752
|
-
/* @__PURE__ */ React89.createElement(Typography5, { align: "center", variant: "caption", width: PROMO_TEXT_WIDTH },
|
|
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" },
|
|
5768
|
-
/* @__PURE__ */ React89.createElement(Typography5, { align: "center", variant: "caption", width: PROMO_TEXT_WIDTH },
|
|
5769
|
-
/* @__PURE__ */ React89.createElement(CtaButton, { size: "small", href: RENEW_DYNAMIC_TAGS_URL, children:
|
|
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":
|
|
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":
|
|
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":
|
|
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":
|
|
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
|
|
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:
|
|
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
|
|
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:
|
|
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
|
|
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
|
|
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
|
|
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
|
|
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 :
|
|
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
|
|
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:
|
|
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 =
|
|
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:
|
|
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":
|
|
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:
|
|
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
|
|
6526
|
+
return __67("This is the final value", "elementor");
|
|
6567
6527
|
}
|
|
6568
6528
|
if (hasValue) {
|
|
6569
|
-
return
|
|
6529
|
+
return __67("This value is overridden by another style", "elementor");
|
|
6570
6530
|
}
|
|
6571
|
-
return
|
|
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
|
|
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,
|
|
6590
|
+
return /* @__PURE__ */ React100.createElement("span", null, __68("Linear gradient", "elementor"));
|
|
6631
6591
|
}
|
|
6632
|
-
return /* @__PURE__ */ React100.createElement("span", null,
|
|
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,
|