@wix/editor-react-components 1.2426.0 → 1.2428.0

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.
Files changed (58) hide show
  1. package/dist/site/components/BoxContainer/component.js +1 -1
  2. package/dist/site/components/Breadcrumbs/component.js +2 -2
  3. package/dist/site/components/Checkbox/component.js +1 -1
  4. package/dist/site/components/CheckboxGroup/component.js +1 -1
  5. package/dist/site/components/DatePicker/component.js +1 -1
  6. package/dist/site/components/Dropdown/component.js +2 -2
  7. package/dist/site/components/GoogleMap/component.js +2 -2
  8. package/dist/site/components/HTMLComponent/component.js +1 -1
  9. package/dist/site/components/HipaaIcon/component.js +2 -2
  10. package/dist/site/components/LegacyAppWidget/component.js +1 -1
  11. package/dist/site/components/LegacyContainer/component.js +1 -1
  12. package/dist/site/components/LegacyMultiStateBox/component.js +1 -1
  13. package/dist/site/components/LinkBar/component.js +1 -1
  14. package/dist/site/components/Lottie/component.js +1 -1
  15. package/dist/site/components/Menu/component.js +3 -3
  16. package/dist/site/components/RadioButtons/component.js +1 -1
  17. package/dist/site/components/ShareButtons/component.js +2 -2
  18. package/dist/site/components/Slideshow/component.js +35 -3
  19. package/dist/site/components/SocialPlayerFacebook/manifest.js +6 -0
  20. package/dist/site/components/SocialPlayerInstagram/manifest.js +6 -0
  21. package/dist/site/components/SocialPlayerSnapchat/manifest.js +6 -0
  22. package/dist/site/components/SocialPlayerTikTok/manifest.js +6 -0
  23. package/dist/site/components/SocialPlayerVimeo/manifest.js +6 -0
  24. package/dist/site/components/SocialPlayerYoutube/manifest.js +6 -0
  25. package/dist/site/components/TextBox/component.js +1 -1
  26. package/dist/site/components/TextEffects3d/component.js +1 -1
  27. package/dist/site/components/TextEffectsBauhaus/component.js +1 -1
  28. package/dist/site/components/TextEffectsGlass/component.js +1 -1
  29. package/dist/site/components/TextEffectsGlitch/component.js +1 -1
  30. package/dist/site/components/TextEffectsLetterPress/component.js +1 -1
  31. package/dist/site/components/TextEffectsMatrix/component.js +1 -1
  32. package/dist/site/components/TextEffectsNeonSign/component.js +1 -1
  33. package/dist/site/components/TextEffectsNoisy/component.js +1 -1
  34. package/dist/site/components/TextEffectsOutlineOut/component.js +1 -1
  35. package/dist/site/components/TextEffectsRetro/component.js +1 -1
  36. package/dist/site/components/TextEffectsShook/component.js +1 -1
  37. package/dist/site/components/TextEffectsSticker/component.js +1 -1
  38. package/dist/site/components/TextEffectsStriped/component.js +1 -1
  39. package/dist/site/components/TextInput/component.js +2 -2
  40. package/dist/site/components/TextInput/sdk.js +1 -1
  41. package/dist/site/components/TimePicker/component.js +1 -1
  42. package/dist/site/components/TransparentVideo/component.js +1 -1
  43. package/dist/site/components/chunks/AnimatedIcon.js +1 -1
  44. package/dist/site/components/chunks/index10.js +3 -2021
  45. package/dist/site/components/chunks/index3.js +1 -1
  46. package/dist/site/components/chunks/index5.js +3 -2370
  47. package/dist/site/components/chunks/index6.js +3 -3
  48. package/dist/site/components/chunks/index7.js +4 -3
  49. package/dist/site/components/chunks/index8.js +66 -3
  50. package/dist/site/components/chunks/index9.js +31214 -64
  51. package/dist/site/components/chunks/parseHtml.js +2 -4
  52. package/dist/site/components/chunks/parseSvg.js +23 -7
  53. package/dist/site/components/chunks/staticService.js +1 -1
  54. package/dist/site/components/chunks/useConsentPolicyProps.js +1 -1
  55. package/dist/site/components/chunks/useResizeObserver.js +6 -2
  56. package/package.json +3 -4
  57. package/dist/site/components/chunks/index11.js +0 -31219
  58. package/dist/site/components/chunks/index12.js +0 -5
@@ -1,7 +1,7 @@
1
1
  import { jsx } from "react/jsx-runtime";
2
2
  import { c as clsx } from "../chunks/clsx.js";
3
3
  import { useService } from "@wix/services-manager-react";
4
- import { T as TranslationsDefinition } from "../chunks/index6.js";
4
+ import { T as TranslationsDefinition } from "../chunks/index5.js";
5
5
  import { A as ARIA_LABEL_NAMESPACE } from "../chunks/constants32.js";
6
6
  import { e as getTabIndexAttribute, f as convertA11yKeysToHtmlFormat } from "../chunks/a11y.js";
7
7
  const root = "root__eLvEL";
@@ -9,9 +9,9 @@ import { d as directionStyles } from "../chunks/direction.module.js";
9
9
  import { s as semanticClassNames } from "../chunks/constants38.js";
10
10
  import { A as AnimatedIcon } from "../chunks/AnimatedIcon.js";
11
11
  import { useService } from "@wix/services-manager-react";
12
- import { d as defineService } from "../chunks/index8.js";
12
+ import { d as defineService } from "../chunks/index7.js";
13
13
  import { E as EnvironmentDefinition } from "../chunks/index2.js";
14
- import { U as UrlDefinition } from "../chunks/index12.js";
14
+ import { U as UrlDefinition } from "../chunks/index10.js";
15
15
  const $b5e257d569688ac6$var$defaultContext = {
16
16
  prefix: String(Math.round(Math.random() * 1e10)),
17
17
  current: 0
@@ -1,7 +1,7 @@
1
1
  import { jsx, jsxs } from "react/jsx-runtime";
2
2
  import { useState } from "react";
3
3
  import { c as clsx } from "../chunks/clsx.js";
4
- import { F as Field, e as Checkbox, T as Tooltip } from "../chunks/index11.js";
4
+ import { F as Field, e as Checkbox, T as Tooltip } from "../chunks/index9.js";
5
5
  import { useService } from "@wix/services-manager-react";
6
6
  import { E as EnvironmentDefinition } from "../chunks/index2.js";
7
7
  import { f as formatClassNames } from "../chunks/classNames.js";
@@ -1,6 +1,6 @@
1
1
  import { jsx, jsxs } from "react/jsx-runtime";
2
2
  import { c as clsx } from "../chunks/clsx.js";
3
- import { a as Fieldset, T as Tooltip, d as CheckboxGroup_CheckboxGroup_CheckboxGroup, e as Checkbox } from "../chunks/index11.js";
3
+ import { a as Fieldset, T as Tooltip, d as CheckboxGroup_CheckboxGroup_CheckboxGroup, e as Checkbox } from "../chunks/index9.js";
4
4
  import "react";
5
5
  import { useService } from "@wix/services-manager-react";
6
6
  import { E as EnvironmentDefinition } from "../chunks/index2.js";
@@ -11,7 +11,7 @@ import { $ as $ea3928288112382f$export$439d29a4e110a164, a as $ea3928288112382f$
11
11
  import __rspack_external_react_dom_7136dc57__default from "react-dom";
12
12
  import { useService } from "@wix/services-manager-react";
13
13
  import { E as EnvironmentDefinition } from "../chunks/index2.js";
14
- import { T as TranslationsDefinition } from "../chunks/index6.js";
14
+ import { T as TranslationsDefinition } from "../chunks/index5.js";
15
15
  import { a as getDataAttributes } from "../chunks/dataUtils.js";
16
16
  import { d as directionStyles } from "../chunks/direction.module.js";
17
17
  import { p as presetWrapperStyles } from "../chunks/presetWrapper.module.js";
@@ -2,10 +2,10 @@ import { jsxs, jsx, Fragment } from "react/jsx-runtime";
2
2
  import * as React from "react";
3
3
  import { useState, useCallback, useLayoutEffect, useEffect, useRef } from "react";
4
4
  import { c as clsx } from "../chunks/clsx.js";
5
- import { C as Combobox, F as Field, B as Button_Button_Button } from "../chunks/index11.js";
5
+ import { C as Combobox, F as Field, B as Button_Button_Button } from "../chunks/index9.js";
6
6
  import { useService } from "@wix/services-manager-react";
7
7
  import { E as EnvironmentDefinition } from "../chunks/index2.js";
8
- import { T as TranslationsDefinition } from "../chunks/index6.js";
8
+ import { T as TranslationsDefinition } from "../chunks/index5.js";
9
9
  import { f as formatClassNames } from "../chunks/classNames.js";
10
10
  import { a as getDataAttributes } from "../chunks/dataUtils.js";
11
11
  import { R as RequiredIndicator } from "../chunks/RequiredIndicator.js";
@@ -8,11 +8,11 @@ import { e as getTabIndexAttribute, f as convertA11yKeysToHtmlFormat } from "../
8
8
  import { createPortal } from "react-dom";
9
9
  import { g as getDefaultExportFromCjs } from "../chunks/_commonjsHelpers.js";
10
10
  import { G as GOOGLE_MAPS_DIRECTIONS_BASE_URL, M as MIN_ZOOM, a as MAX_ZOOM, T as TestIds, D as DEFAULT_ZOOM, b as MAP_IDS, c as MAP_TYPES, A as API_KEY, d as DEFAULT_LOCATION, e as DefaultTranslations, f as TranslationKeys, g as TRANSLATIONS_NAMESPACES, C as COMPANY_NAME_DEFAULT, h as COMPANY_NAME_KEY, i as COMPONENT_NAME_DEFAULT, j as COMPONENT_NAME_KEY } from "../chunks/consts.js";
11
- import { p as parse } from "../chunks/index5.js";
11
+ import parse from "html-react-parser";
12
12
  import { useService } from "@wix/services-manager-react";
13
13
  import { E as EnvironmentDefinition } from "../chunks/index2.js";
14
14
  import { u as useConsentPolicyProps, C as ConsentPolicyWrapper } from "../chunks/useConsentPolicyProps.js";
15
- import { T as TranslationsDefinition } from "../chunks/index6.js";
15
+ import { T as TranslationsDefinition } from "../chunks/index5.js";
16
16
  import { g as getTranslation } from "../chunks/getTranslation.js";
17
17
  const mapContainer = "mapContainer__E0LTn";
18
18
  const style = {
@@ -8,7 +8,7 @@ import { e as getTabIndexAttribute } from "../chunks/a11y.js";
8
8
  import { useService } from "@wix/services-manager-react";
9
9
  import { d as defineStaticService } from "../chunks/staticService.js";
10
10
  import { E as EnvironmentDefinition } from "../chunks/index2.js";
11
- import { T as TranslationsDefinition } from "../chunks/index6.js";
11
+ import { T as TranslationsDefinition } from "../chunks/index5.js";
12
12
  import { A as ARIA_LABEL_NAMESPACE } from "../chunks/constants32.js";
13
13
  const isBrowser = () => typeof window !== "undefined";
14
14
  function useIFrame({
@@ -1,8 +1,8 @@
1
1
  import { jsxs, jsx } from "react/jsx-runtime";
2
2
  import { c as clsx } from "../chunks/clsx.js";
3
3
  import { useService } from "@wix/services-manager-react";
4
- import { T as TranslationsDefinition } from "../chunks/index6.js";
5
- import { d as defineService } from "../chunks/index8.js";
4
+ import { T as TranslationsDefinition } from "../chunks/index5.js";
5
+ import { d as defineService } from "../chunks/index7.js";
6
6
  import { T as TranslationKeys, D as DefaultTranslations, a as TRANSLATIONS_NAMESPACE } from "../chunks/constants31.js";
7
7
  const RendererConfigurationDefinition = defineService("@wix/viewer-service-renderer-configuration");
8
8
  const hipaaIcon = "hipaaIcon__VA3L3";
@@ -1,5 +1,5 @@
1
1
  import { jsx } from "react/jsx-runtime";
2
- import { c as cn } from "../chunks/index9.js";
2
+ import { c as cn } from "../chunks/index8.js";
3
3
  import { c as clsx } from "../chunks/clsx.js";
4
4
  import { a as getDataAttributes } from "../chunks/dataUtils.js";
5
5
  import { R as ResponsiveContainer } from "../chunks/ResponsiveContainer.js";
@@ -1,5 +1,5 @@
1
1
  import { jsx } from "react/jsx-runtime";
2
- import { c as cn } from "../chunks/index9.js";
2
+ import { c as cn } from "../chunks/index8.js";
3
3
  import * as React from "react";
4
4
  import { R as ResponsiveBox$1 } from "../chunks/ResponsiveBox.js";
5
5
  import { R as ResponsiveContainer } from "../chunks/ResponsiveContainer.js";
@@ -1,5 +1,5 @@
1
1
  import { jsx } from "react/jsx-runtime";
2
- import { c as cn } from "../chunks/index9.js";
2
+ import { c as cn } from "../chunks/index8.js";
3
3
  import { a as getDataAttributes } from "../chunks/dataUtils.js";
4
4
  import { h as getAriaAttributes } from "../chunks/a11y.js";
5
5
  import { c as clsx } from "../chunks/clsx.js";
@@ -1,7 +1,7 @@
1
1
  import { jsx } from "react/jsx-runtime";
2
2
  import { useMemo } from "react";
3
3
  import { useService } from "@wix/services-manager-react";
4
- import { T as TranslationsDefinition } from "../chunks/index6.js";
4
+ import { T as TranslationsDefinition } from "../chunks/index5.js";
5
5
  import { a as getDataAttributes } from "../chunks/dataUtils.js";
6
6
  import { p as parseSvg } from "../chunks/parseSvg.js";
7
7
  import { c as clsx } from "../chunks/clsx.js";
@@ -4,7 +4,7 @@ var __publicField = (obj, key2, value2) => __defNormalProp(obj, typeof key2 !==
4
4
  import { jsx, jsxs } from "react/jsx-runtime";
5
5
  import { c as clsx } from "../chunks/clsx.js";
6
6
  import { useService } from "@wix/services-manager-react";
7
- import { T as TranslationsDefinition } from "../chunks/index6.js";
7
+ import { T as TranslationsDefinition } from "../chunks/index5.js";
8
8
  import { d as directionStyles } from "../chunks/direction.module.js";
9
9
  import { g as getTranslation } from "../chunks/getTranslation.js";
10
10
  import { B as Button } from "../chunks/Button.js";
@@ -1,9 +1,9 @@
1
1
  import { jsx, jsxs, Fragment } from "react/jsx-runtime";
2
2
  import { c as clsx } from "../chunks/clsx.js";
3
3
  import { useService } from "@wix/services-manager-react";
4
- import { U as UrlDefinition } from "../chunks/index12.js";
5
- import { d as defineService } from "../chunks/index8.js";
6
- import { T as TranslationsDefinition } from "../chunks/index6.js";
4
+ import { U as UrlDefinition } from "../chunks/index10.js";
5
+ import { d as defineService } from "../chunks/index7.js";
6
+ import { T as TranslationsDefinition } from "../chunks/index5.js";
7
7
  import { M as MenuAnimationName, d as defaultTranslations, a as MenuOrientation, A as AnimationPhase, V as VerticalDropdownDisplay, D as DropdownAnimationName, H as HamburgerMenuAnimationName, b as MenuParts, s as selectors, u as useAnimationState, c as ARIA_LABEL_NAMESPACE, t as translationsKeys } from "../chunks/constants27.js";
8
8
  import React__default, { createContext, useContext, useRef, useCallback, useMemo, useState, useEffect, useLayoutEffect } from "react";
9
9
  import { p as presetWrapperStyles } from "../chunks/presetWrapper.module.js";
@@ -1,7 +1,7 @@
1
1
  import { jsx, jsxs } from "react/jsx-runtime";
2
2
  import { useState } from "react";
3
3
  import { c as clsx } from "../chunks/clsx.js";
4
- import { a as Fieldset, T as Tooltip, R as RadioGroup_RadioGroup_RadioGroup, b as Radio, c as InfoCircle_default } from "../chunks/index11.js";
4
+ import { a as Fieldset, T as Tooltip, R as RadioGroup_RadioGroup_RadioGroup, b as Radio, c as InfoCircle_default } from "../chunks/index9.js";
5
5
  import { useService } from "@wix/services-manager-react";
6
6
  import { E as EnvironmentDefinition } from "../chunks/index2.js";
7
7
  import { f as formatClassNames } from "../chunks/classNames.js";
@@ -1,8 +1,8 @@
1
1
  import { jsx, jsxs, Fragment } from "react/jsx-runtime";
2
2
  import React__default, { useState, useEffect, useRef, useMemo, createElement } from "react";
3
3
  import { c as clsx } from "../chunks/clsx.js";
4
- import { T as TranslationsDefinition } from "../chunks/index6.js";
5
- import { U as UrlDefinition } from "../chunks/index12.js";
4
+ import { T as TranslationsDefinition } from "../chunks/index5.js";
5
+ import { U as UrlDefinition } from "../chunks/index10.js";
6
6
  import { useService } from "@wix/services-manager-react";
7
7
  import { p as presetWrapperStyles } from "../chunks/presetWrapper.module.js";
8
8
  import { d as directionStyles } from "../chunks/direction.module.js";
@@ -2,12 +2,13 @@ import { jsxs, jsx, Fragment } from "react/jsx-runtime";
2
2
  import { useState, useRef, useEffect, useCallback, useMemo } from "react";
3
3
  import { c as clsx } from "../chunks/clsx.js";
4
4
  import { M as MOVEMENT_DIRECTION, A as AUTOPLAY_STATE, s as slideshowDataDefaults, a as semanticClassNames, b as ARIA_LABEL_NAMESPACE, S as SLIDESHOW_SLIDE_LTR_DIRECTION_EXPERIMENT, D as DefaultTranslations, T as TranslationKeys } from "../chunks/Slideshow.semanticClassNames.js";
5
+ import { u as useResizeObserver } from "../chunks/useResizeObserver.js";
5
6
  import { B as Button } from "../chunks/Button.js";
6
7
  import { p as presetWrapperStyles } from "../chunks/presetWrapper.module.js";
7
8
  import { d as directionStyles } from "../chunks/direction.module.js";
8
9
  import { useService } from "@wix/services-manager-react";
9
10
  import { E as EnvironmentDefinition } from "../chunks/index2.js";
10
- import { T as TranslationsDefinition } from "../chunks/index6.js";
11
+ import { T as TranslationsDefinition } from "../chunks/index5.js";
11
12
  import { g as getTranslation } from "../chunks/getTranslation.js";
12
13
  const validateActiveSlide = (activeSlide, slidesLength) => {
13
14
  if (activeSlide === void 0) {
@@ -514,6 +515,7 @@ const PauseButton = ({
514
515
  }
515
516
  );
516
517
  };
518
+ const isDisplayed = (element) => !!element && getComputedStyle(element).display !== "none";
517
519
  const Slideshow = (props) => {
518
520
  var _a, _b;
519
521
  const {
@@ -549,6 +551,7 @@ const Slideshow = (props) => {
549
551
  const { translate } = useService(TranslationsDefinition);
550
552
  const translateByKey = translate(ARIA_LABEL_NAMESPACE);
551
553
  const t = (key) => getTranslation(translateByKey, key, TranslationKeys, DefaultTranslations);
554
+ const reducedMotion = environmentService.reducedMotion ?? false;
552
555
  const siteDirection = environmentService.getLanguageDirection();
553
556
  const isSlideLtrDirectionOpen = ((_a = environmentService == null ? void 0 : environmentService.isExperimentOpen) == null ? void 0 : _a.call(
554
557
  environmentService,
@@ -558,10 +561,39 @@ const Slideshow = (props) => {
558
561
  const visibilityProps = useVisibilityProps({ isHidden, hidden });
559
562
  const navigationButtonsProps = elementProps == null ? void 0 : elementProps.navigationButtons;
560
563
  const slideIndicatorsProps = elementProps == null ? void 0 : elementProps.slideIndicators;
564
+ const controlsRef = useRef(null);
565
+ const [forcePauseButton, setForcePauseButton] = useState(false);
566
+ const evaluateSlideChangingControls = useCallback(() => {
567
+ const container = controlsRef.current;
568
+ if (!reducedMotion || !container) {
569
+ setForcePauseButton(false);
570
+ return;
571
+ }
572
+ const icon = container.querySelector(".animated-icon");
573
+ const label = container.querySelector(".label");
574
+ const indicators = container.querySelector(
575
+ `.${semanticClassNames.pagination}`
576
+ );
577
+ setForcePauseButton(
578
+ !isDisplayed(icon) && !isDisplayed(label) && !isDisplayed(indicators)
579
+ );
580
+ }, [reducedMotion]);
581
+ useResizeObserver({
582
+ callback: evaluateSlideChangingControls,
583
+ ref: controlsRef,
584
+ enabled: reducedMotion
585
+ });
586
+ useEffect(() => {
587
+ evaluateSlideChangingControls();
588
+ }, [evaluateSlideChangingControls]);
561
589
  const [autoplayState, setAutoplayState] = useState(
562
590
  autoplay ? AUTOPLAY_STATE.RUNNING : AUTOPLAY_STATE.PAUSED
563
591
  );
564
592
  const [isPaused, setIsPaused] = useState(false);
593
+ useEffect(() => {
594
+ setIsPaused(reducedMotion);
595
+ }, [reducedMotion]);
596
+ const shouldShowPauseButton = rawAutoplay && (showPauseButton || autoplay && forcePauseButton);
565
597
  const {
566
598
  activeSlideIndex,
567
599
  lastActiveSlideIndex,
@@ -718,7 +750,7 @@ const Slideshow = (props) => {
718
750
  {
719
751
  className: styles.controlsWrapper,
720
752
  ...direction && { dir: direction },
721
- children: /* @__PURE__ */ jsxs("div", { className: styles.controlsWrapperContent, children: [
753
+ children: /* @__PURE__ */ jsxs("div", { ref: controlsRef, className: styles.controlsWrapperContent, children: [
722
754
  /* @__PURE__ */ jsx(
723
755
  NavigationButtons,
724
756
  {
@@ -747,7 +779,7 @@ const Slideshow = (props) => {
747
779
  ] })
748
780
  }
749
781
  ),
750
- rawAutoplay && showPauseButton && /* @__PURE__ */ jsx(
782
+ shouldShowPauseButton && /* @__PURE__ */ jsx(
751
783
  PauseButton,
752
784
  {
753
785
  isPaused,
@@ -119,6 +119,12 @@ const manifest = {
119
119
  [DATA.DATA_TYPE.text]: {
120
120
  maxLength: 256
121
121
  }
122
+ },
123
+ a11y: {
124
+ dataType: DATA.DATA_TYPE.a11y,
125
+ [DATA.DATA_TYPE.a11y]: {
126
+ attributes: [DATA.A11Y_ATTRIBUTES.ariaLabel]
127
+ }
122
128
  }
123
129
  },
124
130
  helpArticle: {
@@ -120,6 +120,12 @@ const manifest = {
120
120
  [DATA.DATA_TYPE.text]: {
121
121
  maxLength: 256
122
122
  }
123
+ },
124
+ a11y: {
125
+ dataType: DATA.DATA_TYPE.a11y,
126
+ [DATA.DATA_TYPE.a11y]: {
127
+ attributes: [DATA.A11Y_ATTRIBUTES.ariaLabel]
128
+ }
123
129
  }
124
130
  },
125
131
  displayFilters: {
@@ -120,6 +120,12 @@ const manifest = {
120
120
  [DATA.DATA_TYPE.text]: {
121
121
  maxLength: 256
122
122
  }
123
+ },
124
+ a11y: {
125
+ dataType: DATA.DATA_TYPE.a11y,
126
+ [DATA.DATA_TYPE.a11y]: {
127
+ attributes: [DATA.A11Y_ATTRIBUTES.ariaLabel]
128
+ }
123
129
  }
124
130
  },
125
131
  displayFilters: {
@@ -71,6 +71,12 @@ const manifest = {
71
71
  maxLength: 256
72
72
  }
73
73
  },
74
+ a11y: {
75
+ dataType: DATA.DATA_TYPE.a11y,
76
+ [DATA.DATA_TYPE.a11y]: {
77
+ attributes: [DATA.A11Y_ATTRIBUTES.ariaLabel]
78
+ }
79
+ },
74
80
  autoPlay: {
75
81
  dataType: DATA.DATA_TYPE.booleanValue,
76
82
  displayName: "Play automatically"
@@ -71,6 +71,12 @@ const manifest = {
71
71
  maxLength: 256
72
72
  }
73
73
  },
74
+ a11y: {
75
+ dataType: DATA.DATA_TYPE.a11y,
76
+ [DATA.DATA_TYPE.a11y]: {
77
+ attributes: [DATA.A11Y_ATTRIBUTES.ariaLabel]
78
+ }
79
+ },
74
80
  autoPlay: {
75
81
  dataType: DATA.DATA_TYPE.booleanValue,
76
82
  displayName: "Play automatically"
@@ -121,6 +121,12 @@ const manifest = {
121
121
  maxLength: 256
122
122
  }
123
123
  },
124
+ a11y: {
125
+ dataType: DATA.DATA_TYPE.a11y,
126
+ [DATA.DATA_TYPE.a11y]: {
127
+ attributes: [DATA.A11Y_ATTRIBUTES.ariaLabel]
128
+ }
129
+ },
124
130
  autoPlay: {
125
131
  dataType: DATA.DATA_TYPE.booleanValue,
126
132
  displayName: "Play automatically"
@@ -1,7 +1,7 @@
1
1
  import { jsx, jsxs } from "react/jsx-runtime";
2
2
  import { useState } from "react";
3
3
  import { c as clsx } from "../chunks/clsx.js";
4
- import { F as Field, T as Tooltip, I as Input_Input_Input } from "../chunks/index11.js";
4
+ import { F as Field, T as Tooltip, I as Input_Input_Input } from "../chunks/index9.js";
5
5
  import { useService } from "@wix/services-manager-react";
6
6
  import { E as EnvironmentDefinition } from "../chunks/index2.js";
7
7
  import { f as formatClassNames } from "../chunks/classNames.js";
@@ -2,7 +2,7 @@ import { jsx } from "react/jsx-runtime";
2
2
  import { T as TextEffectsShared } from "../chunks/TextEffectsShared.js";
3
3
  import { T as TestIds } from "../chunks/constants17.js";
4
4
  import { u as usePatterns, P as Patterns } from "../chunks/Patterns.js";
5
- import { c as cn } from "../chunks/index9.js";
5
+ import { c as cn } from "../chunks/index8.js";
6
6
  const container = "container__kUr-I";
7
7
  const block = "block__EMDF3";
8
8
  const styles = {
@@ -3,7 +3,7 @@ import { T as TextEffectsShared } from "../chunks/TextEffectsShared.js";
3
3
  import { T as TestIds } from "../chunks/constants16.js";
4
4
  import { c as clsx } from "../chunks/clsx.js";
5
5
  import { u as usePatterns, P as Patterns } from "../chunks/Patterns.js";
6
- import { c as cn } from "../chunks/index9.js";
6
+ import { c as cn } from "../chunks/index8.js";
7
7
  const container = "container__s2rZR";
8
8
  const text = "text__rwjDQ";
9
9
  const block = "block__Aq5E2";
@@ -4,7 +4,7 @@ import { b as blurConfig, T as TestIds } from "../chunks/constants15.js";
4
4
  import { c as createSvgManager, r as range, u as useUniqueSvg } from "../chunks/useUniqueSvg.js";
5
5
  import { c as clsx } from "../chunks/clsx.js";
6
6
  import { u as usePatterns, P as Patterns } from "../chunks/Patterns.js";
7
- import { c as cn } from "../chunks/index9.js";
7
+ import { c as cn } from "../chunks/index8.js";
8
8
  const root = "root__8KuQx";
9
9
  const container = "container__GR3va";
10
10
  const text = "text__0R7qz";
@@ -3,7 +3,7 @@ import { T as TextEffectsShared } from "../chunks/TextEffectsShared.js";
3
3
  import { T as TestIds } from "../chunks/constants14.js";
4
4
  import { c as clsx } from "../chunks/clsx.js";
5
5
  import { u as usePatterns, P as Patterns } from "../chunks/Patterns.js";
6
- import { c as cn } from "../chunks/index9.js";
6
+ import { c as cn } from "../chunks/index8.js";
7
7
  const container = "container__dZGrq";
8
8
  const text = "text__9Z9q2";
9
9
  const block = "block__-p5LG";
@@ -3,7 +3,7 @@ import { T as TextEffectsShared } from "../chunks/TextEffectsShared.js";
3
3
  import { T as TestIds } from "../chunks/constants13.js";
4
4
  import { c as clsx } from "../chunks/clsx.js";
5
5
  import { u as usePatterns, P as Patterns } from "../chunks/Patterns.js";
6
- import { c as cn } from "../chunks/index9.js";
6
+ import { c as cn } from "../chunks/index8.js";
7
7
  const container = "container__XB6yU";
8
8
  const text = "text__ptbeV";
9
9
  const block = "block__cm29d";
@@ -3,7 +3,7 @@ import { T as TextEffectsShared } from "../chunks/TextEffectsShared.js";
3
3
  import { T as TestIds } from "../chunks/constants12.js";
4
4
  import { c as clsx } from "../chunks/clsx.js";
5
5
  import { u as usePatterns, P as Patterns } from "../chunks/Patterns.js";
6
- import { c as cn } from "../chunks/index9.js";
6
+ import { c as cn } from "../chunks/index8.js";
7
7
  const container = "container__ejDm-";
8
8
  const text = "text__-Pijk";
9
9
  const block = "block__IP1-y";
@@ -3,7 +3,7 @@ import { T as TextEffectsShared } from "../chunks/TextEffectsShared.js";
3
3
  import { T as TestIds } from "../chunks/constants11.js";
4
4
  import { c as clsx } from "../chunks/clsx.js";
5
5
  import { u as usePatterns, P as Patterns } from "../chunks/Patterns.js";
6
- import { c as cn } from "../chunks/index9.js";
6
+ import { c as cn } from "../chunks/index8.js";
7
7
  const block = "block__SOi-3";
8
8
  const text = "text__yytMu";
9
9
  const styles = {
@@ -3,7 +3,7 @@ import { T as TextEffectsShared } from "../chunks/TextEffectsShared.js";
3
3
  import { n as noiseIntensityConfig, T as TestIds } from "../chunks/constants10.js";
4
4
  import { c as createSvgManager, r as range, u as useUniqueSvg } from "../chunks/useUniqueSvg.js";
5
5
  import { u as usePatterns, P as Patterns } from "../chunks/Patterns.js";
6
- import { c as cn } from "../chunks/index9.js";
6
+ import { c as cn } from "../chunks/index8.js";
7
7
  const container = "container__Bn5tU";
8
8
  const styles = {
9
9
  container
@@ -5,7 +5,7 @@ import { b as blendModes } from "../chunks/constants9.js";
5
5
  import { r as range, u as useUniqueSvg, c as createSvgManager } from "../chunks/useUniqueSvg.js";
6
6
  import { c as clsx } from "../chunks/clsx.js";
7
7
  import { u as usePatterns, P as Patterns } from "../chunks/Patterns.js";
8
- import { c as cn } from "../chunks/index9.js";
8
+ import { c as cn } from "../chunks/index8.js";
9
9
  const container = "container__85vF6";
10
10
  const text = "text__ldqqQ";
11
11
  const block = "block__4VcAn";
@@ -4,7 +4,7 @@ import { T as TextEffectsShared } from "../chunks/TextEffectsShared.js";
4
4
  import { T as TestIds } from "../chunks/constants7.js";
5
5
  import { c as clsx } from "../chunks/clsx.js";
6
6
  import { u as usePatterns, P as Patterns } from "../chunks/Patterns.js";
7
- import { c as cn } from "../chunks/index9.js";
7
+ import { c as cn } from "../chunks/index8.js";
8
8
  const wrapper = "wrapper__pObMN";
9
9
  const colorAnimation5 = "colorAnimation5__FQZvI";
10
10
  const changeColors5 = "change-colors-5__CCuro";
@@ -3,7 +3,7 @@ import { T as TextEffectsShared } from "../chunks/TextEffectsShared.js";
3
3
  import { T as TestIds } from "../chunks/constants6.js";
4
4
  import { c as clsx } from "../chunks/clsx.js";
5
5
  import { u as usePatterns, P as Patterns } from "../chunks/Patterns.js";
6
- import { c as cn } from "../chunks/index9.js";
6
+ import { c as cn } from "../chunks/index8.js";
7
7
  const container = "container__TF63u";
8
8
  const unit = "unit__7VYSr";
9
9
  const text = "text__Z9BAg";
@@ -3,7 +3,7 @@ import { T as TextEffectsShared } from "../chunks/TextEffectsShared.js";
3
3
  import { T as TestIds } from "../chunks/constants5.js";
4
4
  import { c as clsx } from "../chunks/clsx.js";
5
5
  import { u as usePatterns, P as Patterns } from "../chunks/Patterns.js";
6
- import { c as cn } from "../chunks/index9.js";
6
+ import { c as cn } from "../chunks/index8.js";
7
7
  const wrapper = "wrapper__53uzs";
8
8
  const text = "text__BuBsw";
9
9
  const block = "block__qu3zK";
@@ -2,7 +2,7 @@ import { jsx } from "react/jsx-runtime";
2
2
  import { T as TextEffectsShared } from "../chunks/TextEffectsShared.js";
3
3
  import { T as TestIds } from "../chunks/constants4.js";
4
4
  import { c as clsx } from "../chunks/clsx.js";
5
- import { c as cn } from "../chunks/index9.js";
5
+ import { c as cn } from "../chunks/index8.js";
6
6
  const container = "container__tWYVk";
7
7
  const block = "block__wsDEG";
8
8
  const text = "text__Mcnok";
@@ -9,11 +9,11 @@ import { R as RequiredIndicator } from "../chunks/RequiredIndicator.js";
9
9
  import { u as useValidatedField } from "../chunks/useValidatedField.js";
10
10
  import { s as selectors, T as TestIds, V as VALUE_MISSING_MESSAGE } from "../chunks/constants3.js";
11
11
  import { useService } from "@wix/services-manager-react";
12
- import { T as TranslationsDefinition } from "../chunks/index6.js";
12
+ import { T as TranslationsDefinition } from "../chunks/index5.js";
13
13
  import { c as $3e6197669829fe11$export$40bfa8c7b0832715, d as $d1116acdf220c2da$export$4c014de7c8940b4c, e as $3274bf1495747a7b$export$5add1d006293d136, f as $bbaa08b3cd72f041$export$9d1611c77c2fe928, g as $23f2114a1b82827e$export$e58f029f0fbfdb29, h as $01b77f81d0f07f68$export$75b6ee27786ba447, i as $a049562f99e7db0e$export$f9c6924e160136d1, a as $01b77f81d0f07f68$export$b04be29aa201d4f5, b as $d2b4bc8c273e7be6$export$353f5b6fc5456de1 } from "../chunks/Group.js";
14
14
  import { d as $fd2148440a13ec26$export$fc1a364ae1f3ff10, e as $191c9b6d48a0a4e2$export$294aa081a6c6f55d, f as $860f7da480e22816$export$b8473d3665f3a75a, g as $d3e0e05bdfcf66bd$export$c24727297075ec6a, h as $3985021b0ad6602f$export$37fb8590cf2c088c, i as $514c0188e459b4c0$export$9afb8bc826b033ea, j as $ee014567cb39d3f0$export$ff05c3ac10437e03, $ as $4e3b923658d69c60$export$8c610744efcf8a1d, a as $4e3b923658d69c60$export$28c660c63b792dea, k as $3985021b0ad6602f$export$f5b8910cec6cf069 } from "../chunks/Tooltip.js";
15
15
  import { a as $8e9d2fae0ecb9001$export$457c3d6518dd4c6f, b as $f39a9eba43920ace$export$86427a43e3e48ebb, c as $64fa3d84918910a7$export$29f1550f4b0d4415, d as $64fa3d84918910a7$export$fabf2dc03a41866e, e as $64fa3d84918910a7$export$9d4c57ee4c6ffdd8, f as $64fa3d84918910a7$export$ef03459518577ad4, g as $64fa3d84918910a7$export$4d86445c2cf5e3, h as $65484d02dcb7eb3e$export$457c3d6518dd4c6f, i as $64fa3d84918910a7$export$2881499e37b75b9a } from "../chunks/filterDOMProps.js";
16
- import { S as SdkStateDefinition } from "../chunks/index7.js";
16
+ import { S as SdkStateDefinition } from "../chunks/index6.js";
17
17
  import { I as InfoCircleSmall_default } from "../chunks/InfoCircleSmall.js";
18
18
  const $8e6cc465cc68f603$export$698f465ec27e93df = /* @__PURE__ */ createContext(null);
19
19
  function $054f71d2330da2e3$export$712718f7aec83d5(props, ref) {
@@ -1,6 +1,6 @@
1
1
  import { c as composeSDKFactories } from "../chunks/composeSDKFactories.js";
2
2
  import { c as createA11ySdk } from "../chunks/a11ySdk.js";
3
- import { S as SdkStateDefinition } from "../chunks/index7.js";
3
+ import { S as SdkStateDefinition } from "../chunks/index6.js";
4
4
  const createValueSdkFactory = ({ valueProperty }) => (api) => {
5
5
  const { props, getService } = api;
6
6
  const sdkService = getService(SdkStateDefinition);
@@ -7,7 +7,7 @@ import { $ as $4e3b923658d69c60$export$8c610744efcf8a1d, a as $4e3b923658d69c60$
7
7
  import { $ as $2eb8e6d23f3d0cb0$export$a54013f0d02a8f82 } from "../chunks/filterDOMProps.js";
8
8
  import { useService } from "@wix/services-manager-react";
9
9
  import { E as EnvironmentDefinition } from "../chunks/index2.js";
10
- import { T as TranslationsDefinition } from "../chunks/index6.js";
10
+ import { T as TranslationsDefinition } from "../chunks/index5.js";
11
11
  import { a as getDataAttributes } from "../chunks/dataUtils.js";
12
12
  import { g as getTranslation } from "../chunks/getTranslation.js";
13
13
  import { d as directionStyles } from "../chunks/direction.module.js";
@@ -4,7 +4,7 @@ import { F as FilterEffectType, V as VideoStartType, a as VideoEndType, b as Vid
4
4
  import { S as STATIC_MEDIA_URL } from "../chunks/index4.js";
5
5
  import { c as clsx } from "../chunks/clsx.js";
6
6
  import { V as Video } from "../chunks/Video.js";
7
- import { p as parse } from "../chunks/index5.js";
7
+ import parse from "html-react-parser";
8
8
  function getSepia(amount) {
9
9
  return `${0.393 + 0.607 * (1 - amount)} ${0.769 - 0.769 * (1 - amount)} ${0.189 - 0.189 * (1 - amount)} 0 0
10
10
  ${0.349 - 0.349 * (1 - amount)} ${0.686 + 0.314 * (1 - amount)} ${0.168 - 0.168 * (1 - amount)} 0 0
@@ -2,7 +2,7 @@ import { jsx } from "react/jsx-runtime";
2
2
  import { forwardRef, useRef, useImperativeHandle, useCallback, useMemo } from "react";
3
3
  import { p as parseSvg } from "./parseSvg.js";
4
4
  import { A as AnimatedSvgIds, a as AnimatedDataAttributes, b as AnimationDirection, T as TestIds, D as DEFAULT_ANIMATION_DURATION } from "./constants21.js";
5
- import { c as cn } from "./index9.js";
5
+ import { c as cn } from "./index8.js";
6
6
  const AnimatedSvg = forwardRef(
7
7
  ({ svgContent, reducedMotion = false, duration }, ref) => {
8
8
  const svgContainerRef = useRef(null);