@wix/editor-react-components 1.2153.0

package/dist/site/components/chunks/classNames.js

@@ -0,0 +1,17 @@
+const CSS_PREFIX = "wixui-";
+const formatClassNames = (semanticClassName, ...customClassNames) => {
+  const result = [];
+  if (semanticClassName) {
+    result.push(`${CSS_PREFIX}${semanticClassName}`);
+  }
+  customClassNames.forEach((className) => {
+    if (className) {
+      result.push(`${CSS_PREFIX}${className}`);
+      result.push(className);
+    }
+  });
+  return result.join(" ");
+};
+export {
+  formatClassNames as f
+};

package/dist/site/components/chunks/clsx.js

@@ -0,0 +1,14 @@
+function r(e) {
+  var t, f, n = "";
+  if ("string" == typeof e || "number" == typeof e) n += e;
+  else if ("object" == typeof e) if (Array.isArray(e)) for (t = 0; t < e.length; t++) e[t] && (f = r(e[t])) && (n && (n += " "), n += f);
+  else for (t in e) e[t] && (n && (n += " "), n += t);
+  return n;
+}
+function clsx() {
+  for (var e, t, f = 0, n = ""; f < arguments.length; ) (e = arguments[f++]) && (t = r(e)) && (n && (n += " "), n += t);
+  return n;
+}
+export {
+  clsx as c
+};

package/dist/site/components/chunks/composeSDKFactories.js

@@ -0,0 +1,29 @@
+const modifySourceKey = (key) => {
+  return "aria" + key.charAt(0).toUpperCase() + key.slice(1);
+};
+function composeSDKFactories(sources, options) {
+  const { modifyAriaSourceKeys } = options ?? {};
+  return (api) => {
+    const target = {};
+    for (let sourceIdx = 0; sourceIdx < sources.length; sourceIdx++) {
+      const source = sources[sourceIdx](api);
+      const sourceKeys = Object.keys(source);
+      for (let sourceKeyIdx = 0; sourceKeyIdx < sourceKeys.length; sourceKeyIdx++) {
+        const sourceKey = sourceKeys[sourceKeyIdx];
+        const sourceProp = Object.getOwnPropertyDescriptor(
+          source,
+          sourceKey
+        );
+        Object.defineProperty(
+          target,
+          modifyAriaSourceKeys && sourceProp.get ? modifySourceKey(sourceKey) : sourceKey,
+          sourceProp
+        );
+      }
+    }
+    return target;
+  };
+}
+export {
+  composeSDKFactories as c
+};

package/dist/site/components/chunks/constants.js

@@ -0,0 +1,19 @@
+const wixGuard = '<span class="wixGuard">&#8203;</span>';
+const startTagRegex = `<([-A-Za-z0-9_?:]+)((?:\\s+(?:x:)?[-A-Za-z0-9_]+(?:\\s*=\\s*(?:(?:"[^"]*")|(?:'[^']*')|[^>\\s]+))?)*)\\s*(/?)>`;
+const endTagRegex = `</([-A-Za-z0-9_?:]+)[^>]*>`;
+const endBlockTagRegex = `</(h[1-6]|p)[^>]*>`;
+const wixCodeName = "$w.Text";
+const TestIds = {
+  richTextElement: "richTextElement",
+  containerElement: "containerElement",
+  screenReaderPrefixElement: "screenReaderPrefixElement",
+  screenReaderSuffixElement: "screenReaderSuffixElement"
+};
+export {
+  TestIds as T,
+  wixGuard as a,
+  endTagRegex as b,
+  endBlockTagRegex as e,
+  startTagRegex as s,
+  wixCodeName as w
+};

package/dist/site/components/chunks/constants10.js

@@ -0,0 +1,26 @@
+import { S as SharedDisplayNames } from "./constants7.js";
+const TestIds = {
+  viewer: {
+    container: "TextEffectsMatrix-container",
+    text: "TextEffectsMatrix-text"
+  }
+};
+const COMPONENT_ID = "45e26ded-fab2-4208-b6ae-3514ddea4cb0";
+const TEXT_TWIST_PANEL_ID = "ea4f3040-ce0b-44e3-a90b-7fcb74ba1a7b";
+const DisplayNames = {
+  ...SharedDisplayNames,
+  cssCustomProperties: {
+    textEffectsColor1: "Color",
+    maskPosition: "Position",
+    maskBlur: "Blur",
+    textBlur: "Spread",
+    innerAnimationSpeed: "Speed",
+    disableInnerAnimation: "Animation"
+  }
+};
+export {
+  COMPONENT_ID as C,
+  DisplayNames as D,
+  TestIds as T,
+  TEXT_TWIST_PANEL_ID as a
+};

package/dist/site/components/chunks/constants11.js

@@ -0,0 +1,24 @@
+import { S as SharedDisplayNames } from "./constants7.js";
+const TestIds = {
+  viewer: {
+    container: "TextEffectsLetterPress-container",
+    text: "TextEffectsLetterPress-text"
+  }
+};
+const COMPONENT_ID = "9d2a5c8f-e4b1-4f6d-b7a3-8e1c9f5d2b4a";
+const TEXT_TWIST_PANEL_ID = "4f36b4fa-893a-4eb2-a1b3-7c82351f063b";
+const DisplayNames = {
+  ...SharedDisplayNames,
+  cssCustomProperties: {
+    shadow: "Shadow",
+    layerBlendMode: "Blend mode",
+    textEffectsColor1: "Color",
+    textEffectsOpacityColor1: "opacity"
+  }
+};
+export {
+  COMPONENT_ID as C,
+  DisplayNames as D,
+  TestIds as T,
+  TEXT_TWIST_PANEL_ID as a
+};

package/dist/site/components/chunks/constants12.js

@@ -0,0 +1,28 @@
+import { S as SharedDisplayNames } from "./constants7.js";
+const TestIds = {
+  viewer: {
+    container: "TextEffectsGlitch-container",
+    text: "TextEffectsGlitch-text"
+  }
+};
+const COMPONENT_ID = "1e3b6d9a-f5c2-4a8e-9c4b-2d7f8a1e5c3b";
+const TEXT_TWIST_PANEL_ID = "dde110d1-a3b1-4ba3-91d1-7c2face79c7b";
+const DisplayNames = {
+  ...SharedDisplayNames,
+  cssCustomProperties: {
+    textEffectsColor1: "Color 1",
+    textEffectsColor2: "Color 2",
+    textEffectsColor3: "Color 3",
+    layerAngle: "Angle",
+    layerDistance: "Space between layers",
+    shadowBlur: "Blur",
+    disableInnerAnimation: "Animation",
+    innerAnimationSpeed: "Speed"
+  }
+};
+export {
+  COMPONENT_ID as C,
+  DisplayNames as D,
+  TestIds as T,
+  TEXT_TWIST_PANEL_ID as a
+};

package/dist/site/components/chunks/constants13.js

@@ -0,0 +1,31 @@
+import { S as SharedDisplayNames } from "./constants7.js";
+const COMPONENT_ID = "d578a270-a696-4e0f-a876-bd47dc8c62b3";
+const TEXT_TWIST_PANEL_ID = "279c908d-b75f-4111-bbf1-7745ec173bc0";
+const TestIds = {
+  viewer: {
+    container: "TextEffectsGlass-container",
+    text: "TextEffectsGlass-text"
+  }
+};
+const blurConfig = {
+  start: 2,
+  end: 10,
+  step: 1
+};
+const DisplayNames = {
+  ...SharedDisplayNames,
+  cssCustomProperties: {
+    textColor: "Color",
+    stroke: "Color",
+    strokeWidth: "width",
+    shadowBlur: "Spread",
+    shadowColor: "Color"
+  }
+};
+export {
+  COMPONENT_ID as C,
+  DisplayNames as D,
+  TestIds as T,
+  TEXT_TWIST_PANEL_ID as a,
+  blurConfig as b
+};

package/dist/site/components/chunks/constants14.js

@@ -0,0 +1,26 @@
+import { S as SharedDisplayNames } from "./constants7.js";
+const TestIds = {
+  viewer: {
+    container: "TextEffectsBauhaus-container",
+    text: "TextEffectsBauhaus-text"
+  }
+};
+const COMPONENT_ID = "8c22adab-12f9-43ee-80c8-6f5dbe19eabe";
+const TEXT_TWIST_PANEL_ID = "cdacc489-4176-4558-97f3-0a23662a15ba";
+const DisplayNames = {
+  ...SharedDisplayNames,
+  cssCustomProperties: {
+    bevelAngle: "Angle",
+    textEffectsColor1: "Color 1",
+    textEffectsColor2: "Color 2",
+    textEffectsColor3: "Color 3",
+    shadowDistance: "Distance",
+    layerBlendMode: "Blend mode"
+  }
+};
+export {
+  COMPONENT_ID as C,
+  DisplayNames as D,
+  TestIds as T,
+  TEXT_TWIST_PANEL_ID as a
+};

package/dist/site/components/chunks/constants15.js

@@ -0,0 +1,28 @@
+import { S as SharedDisplayNames } from "./constants7.js";
+const COMPONENT_ID = "90c63713-61c9-4284-8e13-a4a2f1b7559d";
+const TEXT_TWIST_PANEL_ID = "ba438bb1-6b58-427d-9c54-5516cb94840e";
+const TestIds = {
+  viewer: {
+    container: "TextEffects3d-container",
+    text: "TextEffects3d-text"
+  }
+};
+const DisplayNames = {
+  ...SharedDisplayNames,
+  cssCustomProperties: {
+    fillColor: "Color",
+    fillOpacity: "opacity",
+    textStroke: "Width",
+    textStrokeColor: "Color",
+    textStrokeOpacity: "opacity",
+    textShadow1: "Shadow 1",
+    textShadow2: "Shadow 2",
+    textShadow3: "Shadow 3"
+  }
+};
+export {
+  COMPONENT_ID as C,
+  DisplayNames as D,
+  TestIds as T,
+  TEXT_TWIST_PANEL_ID as a
+};

package/dist/site/components/chunks/constants16.js

@@ -0,0 +1,24 @@
+const classes = {
+  tabs: "tabs",
+  tabMenu: "tab-menu",
+  tabMenuItemsWrapper: "tab-menu-items-wrapper",
+  tabMenuItems: "tab-menu-items",
+  menuItem: "menu-item",
+  scrollButton: "scroll-button",
+  tabContentContainer: "tab-content-container",
+  tabContentItem: "tab-content-item"
+};
+const OVERFLOW_BEHAVIOR = {
+  WRAP: "wrap"
+};
+const DesignStates = {
+  root: {
+    hover: { displayName: "Hover", className: "tabs--hover" },
+    disabled: { displayName: "Disabled", className: "tabs--disabled" }
+  }
+};
+export {
+  DesignStates as D,
+  OVERFLOW_BEHAVIOR as O,
+  classes as c
+};

package/dist/site/components/chunks/constants17.js

@@ -0,0 +1,59 @@
+const TestIds = {
+  buttonContent: "buttonContent",
+  buttonLabel: "stylablebutton-label"
+};
+const TRANSITION_DURATION = 400;
+const SEMANTIC_CLASS_NAMES = {
+  root: "button",
+  buttonLabel: "button__label"
+};
+const DesignStates = {
+  root: {
+    hover: { displayName: "Hover", className: "button--hover" },
+    disabled: { displayName: "Disabled", className: "button--disabled" }
+  },
+  label: {
+    hover: { displayName: "Hover", className: "button__label--hover" },
+    disabled: { displayName: "Disabled", className: "button__label--disabled" }
+  }
+};
+const DisplayNames = {
+  root: {
+    elementDisplayName: "Button",
+    data: {
+      disabled: "Disabled"
+    },
+    cssProperties: {
+      gap: "Space between text and icon"
+    },
+    cssCustomProperties: {
+      "content-horizontal-alignment": "Alignment",
+      "icon-position": "Icon position"
+    },
+    presets: {
+      baseButton: "Base Button"
+    },
+    iconPosition: {
+      beforeText: "Before text",
+      afterText: "After text",
+      belowText: "Below text",
+      aboveText: "Above text"
+    }
+  },
+  label: {
+    elementDisplayName: "Text",
+    cssProperties: {
+      font: "Typography"
+    }
+  },
+  data: {
+    iconCollapsed: "Display icon"
+  }
+};
+export {
+  DesignStates as D,
+  SEMANTIC_CLASS_NAMES as S,
+  TRANSITION_DURATION as T,
+  TestIds as a,
+  DisplayNames as b
+};

package/dist/site/components/chunks/constants18.js

@@ -0,0 +1,61 @@
+const DEFAULT_ANIMATION_DURATION = 0.2;
+const AnimatedSvgIds = {
+  animatedSvg: "animatedSvg",
+  animatedTagPath: "animatedPath",
+  animateTagForward: "animateForward",
+  animateTagBackward: "animateBackward"
+};
+var AnimationDirection = /* @__PURE__ */ ((AnimationDirection2) => {
+  AnimationDirection2["FORWARD"] = "Forward";
+  AnimationDirection2["BACKWARD"] = "Backward";
+  return AnimationDirection2;
+})(AnimationDirection || {});
+const AnimatedDataAttributes = {
+  [
+    "Forward"
+    /* FORWARD */
+  ]: "data-animated-end-path",
+  [
+    "Backward"
+    /* BACKWARD */
+  ]: "data-animated-start-path"
+};
+const TestIds = {
+  animatedSvg: "animated-svg",
+  animateTagForward: "animate-tag-forward",
+  animateTagBackward: "animate-tag-backward"
+};
+const DesignStates = {
+  root: {
+    hover: { displayName: "Hover", className: "animated-icon--hover" },
+    disabled: { displayName: "Disabled", className: "animated-icon--disabled" },
+    selected: { displayName: "Selected", className: "animated-icon--selected" }
+  }
+};
+const DisplayNames = {
+  root: {
+    elementDisplayName: "Animated Icon",
+    customActions: {
+      animatedIcon: {
+        displayName: "Icon"
+      }
+    },
+    data: {
+      duration: "Duration"
+    },
+    cssCustomProperties: {
+      size: "Size",
+      fill: "Color",
+      rotation: "Rotation"
+    }
+  }
+};
+export {
+  AnimatedSvgIds as A,
+  DEFAULT_ANIMATION_DURATION as D,
+  TestIds as T,
+  AnimatedDataAttributes as a,
+  AnimationDirection as b,
+  DesignStates as c,
+  DisplayNames as d
+};