@wix/motion 1.659.0 → 2.0.0-rc.2

package/dist/cjs/playground/mouse-parallax-components/vector.svg

@@ -1,19 +0,0 @@
-<svg preserveAspectRatio="XMidYMid meet" data-bbox="49.193 20 101.614 159.999" viewBox="49.193 20 101.614 159.999" width="190" height="300" xmlns="http://www.w3.org/2000/svg" data-type="color" role="presentation" aria-hidden="true" aria-label=""><defs><style>#comp-lor3ht6g svg [data-color="1"] {fill: #FFFFFF;}
-	#comp-lor3ht6g svg [data-color="3"] {fill: #DDDBD7;}</style></defs>
-	<g>
-		<path d="m111.823 175.691-1.016-11.682a.494.494 0 0 0-.291-.408l-22.585-10.009-17.938-11.788-19.146-15.874c1.964-1.977 11.022-11.208 16.934-19.168 6.521-8.779 15.829-26.058 21.924-44.872.817-2.523 1.582-5.143 2.322-7.678 2.3-7.88 4.679-16.028 8.927-22.224 2.27-3.31 4.882-5.822 7.986-7.68 3.488-2.087 7.512-3.306 12.301-3.725.682-.06 1.357-.09 2.006-.09 4.213 0 7.674 1.221 10.582 3.733 2.59 2.237 4.676 5.447 6.377 9.812 3.174 8.145 4.384 18.766 5.554 29.038.433 3.796.841 7.382 1.342 10.815 3.319 22.726 5.113 39.59.004 65.902-1.158 5.967-3.641 11.71-7.377 17.071-2.996 4.299-6.801 8.363-11.309 12.081-6.726 5.546-13.049 8.666-14.579 9.384l-2.018-2.638z" fill="#EBD7C3" data-color="1"></path>
-		<path d="M123.248 20.985c4.09 0 7.446 1.182 10.26 3.613 2.527 2.184 4.569 5.33 6.24 9.618 3.151 8.085 4.357 18.674 5.524 28.914.433 3.8.842 7.39 1.345 10.831 1.538 10.533 2.939 20.872 3.171 31.563.239 10.972-.767 21.831-3.163 34.174-1.144 5.894-3.597 11.57-7.288 16.87-2.967 4.26-6.737 8.29-11.206 11.978-6.255 5.162-12.162 8.212-14.138 9.165l-1.69-2.206-1.003-11.539a.986.986 0 0 0-.582-.816l-22.548-9.993-17.882-11.751-18.71-15.513c2.563-2.597 10.99-11.285 16.601-18.838 6.545-8.811 15.885-26.147 21.997-45.014.819-2.529 1.586-5.154 2.326-7.692 2.289-7.843 4.657-15.952 8.861-22.083 2.229-3.251 4.791-5.716 7.833-7.535 3.423-2.048 7.378-3.244 12.091-3.657a22.333 22.333 0 0 1 1.961-.089zm0-.985c-.663 0-1.344.03-2.049.092-23.479 2.057-26.05 23.393-31.963 41.645-5.913 18.252-15.167 35.733-21.851 44.73-6.684 8.997-17.269 19.496-17.269 19.496L69.699 142.2l17.995 11.825 22.622 10.026 1.028 11.825 2.346 3.063s28.76-12.575 33.901-39.053c5.141-26.478 3.342-43.188 0-66.067C144.35 51.627 144.654 20 123.248 20z" fill="#000002" data-color="2"></path>
-		<path d="M108.721 179.507c-3.55 0-4.592-1.479-5.122-3.866-.254-1.141.466-2.949 1.161-4.699.931-2.342 1.894-4.763 1.084-6.555-.376-.833-1.108-1.448-2.175-1.829a2.814 2.814 0 0 0-.949-.16c-2.332 0-5.259 2.655-8.648 5.729-4.586 4.16-9.784 8.875-15.114 8.875a8.552 8.552 0 0 1-3.044-.559c-2.422-.919-3.625-2.863-3.786-6.118-.148-2.984.614-6.672 1.35-10.239 1.402-6.792 2.852-13.815-2.168-16.024-1.572-.692-3.242-1.359-5.009-2.066-4.489-1.795-9.131-3.65-12.396-6.021-3.628-2.635-4.872-5.392-3.914-8.676.387-1.329.974-1.329 1.195-1.329 1.154 0 3.038 1.545 5.033 3.181 2.801 2.297 5.975 4.901 9.081 5.075.101.006.203.009.305.009 2.898 0 6.323-2.183 9.949-4.494 3.412-2.175 6.941-4.424 9.657-4.424 1.003 0 1.834.303 2.541.926 2.245 1.979.042 5.658-2.29 9.554-1.962 3.277-3.99 6.665-3.287 9.263.291 1.074 1.029 1.944 2.195 2.585.826.454 1.814.684 2.937.684 4.251 0 10.095-3.264 15.746-6.421 5.128-2.865 10.431-5.827 13.84-5.827.712 0 1.305.124 1.812.378 3.716 1.864 1.565 6.75-.925 12.407-1.764 4.009-3.589 8.154-3.589 11.843 0 2.737.404 5.518.761 7.971.907 6.241 1.231 9.805-2.665 10.472-1.391.239-2.559.355-3.566.355z" fill="#D4BA8C" data-color="3"></path>
-		<path d="M85.212 125.81c.877 0 1.602.263 2.215.803 1.803 1.589.225 4.568-2.387 8.931-2.014 3.365-4.098 6.845-3.34 9.644.327 1.208 1.145 2.18 2.433 2.888.899.495 1.967.745 3.175.745 4.38 0 10.28-3.296 15.986-6.484 5.073-2.834 10.319-5.764 13.6-5.764.634 0 1.154.107 1.591.326 1.486.745 1.971 1.972 1.622 4.103-.354 2.16-1.531 4.834-2.777 7.665-1.785 4.055-3.631 8.249-3.631 12.042 0 2.773.407 5.572.766 8.042.393 2.705.764 5.26.486 7.062-.268 1.738-1.064 2.565-2.747 2.853-1.366.234-2.506.348-3.485.348-3.251 0-4.14-1.223-4.641-3.48-.221-.993.47-2.73 1.138-4.41.969-2.437 1.971-4.957 1.075-6.94-.434-.959-1.261-1.662-2.458-2.09a3.303 3.303 0 0 0-1.114-.188c-2.522 0-5.371 2.585-8.979 5.857-2.202 1.997-4.697 4.261-7.24 5.956-2.817 1.878-5.285 2.791-7.543 2.791a8.05 8.05 0 0 1-2.869-.527c-2.216-.841-3.318-2.646-3.468-5.681-.144-2.921.611-6.578 1.341-10.115 1.442-6.984 2.932-14.206-2.452-16.575-1.58-.695-3.253-1.364-5.025-2.072-4.461-1.783-9.074-3.628-12.289-5.963-3.437-2.496-4.622-5.082-3.731-8.139.284-.974.603-.974.723-.974.978 0 2.881 1.56 4.72 3.069 2.859 2.345 6.099 5.003 9.366 5.186.109.006.221.009.333.009 3.041 0 6.525-2.22 10.214-4.571 3.353-2.137 6.82-4.347 9.392-4.347zm0-.985c-5.684 0-14.063 8.918-19.606 8.918a5.13 5.13 0 0 1-.278-.008c-5.26-.295-11.117-8.257-14.141-8.257-.745 0-1.318.483-1.668 1.683-2.699 9.255 11.954 13.111 21.594 17.352 9.64 4.242-6.555 28.149 4.627 32.391a8.99 8.99 0 0 0 3.219.591c9.546 0 18.685-14.604 23.762-14.604.273 0 .534.042.783.131 5.398 1.928-1.157 9.255-.386 12.725.604 2.717 1.916 4.252 5.603 4.252 1.022 0 2.228-.118 3.651-.362 6.555-1.123 2.314-10.06 2.314-18.929 0-8.869 11.183-21.208 4.242-24.69-.591-.296-1.273-.43-2.033-.43-7.26 0-21.545 12.248-29.586 12.248-1.006 0-1.915-.192-2.7-.623-7.712-4.242 8.869-16.581 3.47-21.339-.838-.738-1.805-1.049-2.867-1.049z" fill="#000002" data-color="2"></path>
-		<path d="M116.96 71.74c-4.643 0-7.702-7.449-8.538-9.757 1.13.667 3.773 1.917 7.704 1.917.334 0 .675-.009 1.013-.028 4.433-.241 7.021-1.926 8.073-2.793-.448 2.307-2.249 9.533-7.35 10.569a4.557 4.557 0 0 1-.902.092z" fill="#000002" data-color="2"></path>
-		<path d="M124.836 61.673c-.612 2.737-2.469 8.808-7.023 9.733a4.288 4.288 0 0 1-.853.087c-4.139 0-7.009-6.227-8.075-8.978 1.364.697 3.829 1.63 7.242 1.63.339 0 .684-.009 1.027-.028 3.876-.21 6.374-1.517 7.682-2.444zm.742-1.267s-2.607 2.902-8.453 3.22c-.342.019-.675.027-1 .027-5.223 0-8.171-2.27-8.171-2.27s3.291 10.603 9.005 10.603c.31 0 .627-.031.951-.097 6.299-1.279 7.668-11.483 7.668-11.483z" fill="#000002" data-color="2"></path>
-		<path d="M108.675 53.894c-.379 0-.727-.089-1.032-.266-1.403-.81-1.535-3.217-.294-5.366.93-1.611 2.442-2.694 3.763-2.694.379 0 .727.089 1.032.266.663.383 1.065 1.141 1.132 2.133.069 1.029-.228 2.177-.838 3.233-.931 1.611-2.443 2.694-3.763 2.694z" fill="#000002" data-color="2"></path>
-		<path d="M111.111 45.814c.335 0 .641.078.909.233 1.264.73 1.357 3.033.204 5.03-.888 1.538-2.314 2.571-3.549 2.571-.336 0-.641-.078-.909-.233-1.264-.73-1.357-3.033-.204-5.03.888-1.538 2.314-2.571 3.549-2.571zm0-.493c-1.375 0-2.967 1.07-3.976 2.817-1.311 2.27-1.139 4.824.384 5.703a2.28 2.28 0 0 0 1.155.299c1.375 0 2.967-1.07 3.976-2.817 1.311-2.27 1.139-4.824-.384-5.703a2.28 2.28 0 0 0-1.155-.299z" fill="#000002" data-color="2"></path>
-		<path d="M127.332 54.046c-1.303 0-2.758-1.201-3.54-2.92-.483-1.061-.66-2.181-.499-3.153.155-.936.606-1.618 1.27-1.921.244-.111.51-.167.791-.167 1.303 0 2.758 1.201 3.54 2.92.982 2.158.636 4.434-.771 5.074a1.899 1.899 0 0 1-.791.167z" fill="#000002" data-color="2"></path>
-		<path d="M125.354 46.132c1.209 0 2.573 1.141 3.316 2.775.91 1.999.612 4.173-.649 4.747a1.659 1.659 0 0 1-.689.145c-1.209 0-2.573-1.141-3.316-2.775-.463-1.017-.633-2.086-.48-3.011.141-.853.542-1.469 1.129-1.736.211-.096.443-.145.689-.145zm0-.493c-.31 0-.611.061-.893.19-1.533.697-1.933 3.115-.893 5.4.848 1.864 2.392 3.064 3.765 3.064.31 0 .611-.061.893-.19 1.533-.697 1.933-3.115.893-5.4-.849-1.864-2.393-3.064-3.765-3.064z" fill="#000002" data-color="2"></path>
-		<path d="M77.318 128.931a.492.492 0 0 1-.39-.793c.063-.082 6.389-8.331 13.233-19.928 6.819-11.554 9.79-24.977 9.819-25.111a.493.493 0 0 1 .963.209c-.03.136-3.032 13.709-9.933 25.403-6.877 11.652-13.238 19.946-13.301 20.028a.492.492 0 0 1-.391.192z" fill="#000002" data-color="2"></path>
-		<path d="M83.09 141.031a.493.493 0 0 1-.369-.82c.096-.108 9.583-10.896 12.41-19.375 2.845-8.536 4.824-21.313 4.843-21.441a.492.492 0 1 1 .974.15c-.02.129-2.01 12.987-4.883 21.603-2.891 8.672-12.211 19.27-12.607 19.717a.49.49 0 0 1-.368.166z" fill="#000002" data-color="2"></path>
-		<path d="M107.616 139.509a.493.493 0 0 1-.395-.786c.076-.103 7.654-10.375 11.441-20.031 3.761-9.59 2.068-20.84 2.05-20.952a.493.493 0 1 1 .974-.152c.018.115 1.754 11.621-2.106 21.464-3.836 9.781-11.49 20.155-11.567 20.259a.496.496 0 0 1-.397.198z" fill="#000002" data-color="2"></path>
-		<path d="M114.595 163.646a.493.493 0 0 1-.431-.731c.074-.134 7.431-13.501 10.466-22.534 3.022-8.994 2.487-32.635 2.481-32.873a.492.492 0 1 1 .985-.023c.024.978.545 24.052-2.532 33.211-3.063 9.118-10.464 22.562-10.538 22.697a.493.493 0 0 1-.431.253z" fill="#000002" data-color="2"></path>
-	</g>
-</svg>

package/dist/cjs/playground/mouseComponent.js

@@ -1,114 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-exports.__esModule = true;
-exports.MouseComponent = exports.COMPONENTS_TYPE = void 0;
-var _react = _interopRequireWildcard(require("react"));
-var _playgroundModule = _interopRequireDefault(require("./playground.module.scss"));
-var _vector = _interopRequireDefault(require("./mouse-parallax-components/vector.svg?url"));
-var _plastic = _interopRequireDefault(require("./mouse-parallax-components/plastic.jpeg"));
-var _jsxFileName = "/home/builduser/work/5a10c7a05f300a84/packages/motion/dist/cjs/playground/mouseComponent.tsx";
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
-const COMPONENTS_TYPE = exports.COMPONENTS_TYPE = {
-  image: 'image',
-  square: 'square',
-  svg: 'SVG',
-  text: 'text'
-};
-const MouseComponent = exports.MouseComponent = /*#__PURE__*/(0, _react.forwardRef)((props, ref) => {
-  const {
-    type,
-    rotation
-  } = props;
-  switch (type) {
-    case COMPONENTS_TYPE.image:
-      return /*#__PURE__*/_react.default.createElement("img", {
-        id: "plastic",
-        className: _playgroundModule.default.imageComponent,
-        src: _plastic.default,
-        alt: "Plastic bag in ocean",
-        ref: ref,
-        style: {
-          '--comp-rotate-z': `${rotation}deg`
-        },
-        __self: void 0,
-        __source: {
-          fileName: _jsxFileName,
-          lineNumber: 33,
-          columnNumber: 9
-        }
-      });
-    case COMPONENTS_TYPE.square:
-      return /*#__PURE__*/_react.default.createElement("div", {
-        className: _playgroundModule.default.component,
-        ref: ref,
-        style: {
-          background: 'MediumSlateBlue',
-          '--comp-rotate-z': `${rotation}deg`
-        },
-        __self: void 0,
-        __source: {
-          fileName: _jsxFileName,
-          lineNumber: 48,
-          columnNumber: 9
-        }
-      }, "Mouse");
-    case COMPONENTS_TYPE.svg:
-      return /*#__PURE__*/_react.default.createElement("img", {
-        id: "vector",
-        className: _playgroundModule.default.svgComponent,
-        src: _vector.default,
-        alt: "Friendly ghost",
-        ref: ref,
-        style: {
-          '--comp-rotate-z': `${rotation}deg`
-        },
-        __self: void 0,
-        __source: {
-          fileName: _jsxFileName,
-          lineNumber: 63,
-          columnNumber: 9
-        }
-      });
-    case COMPONENTS_TYPE.text:
-      return /*#__PURE__*/_react.default.createElement("h1", {
-        id: "large-header",
-        className: _playgroundModule.default.textComponent,
-        ref: ref,
-        style: {
-          '--comp-rotate-z': `${rotation}deg`
-        },
-        __self: void 0,
-        __source: {
-          fileName: _jsxFileName,
-          lineNumber: 78,
-          columnNumber: 9
-        }
-      }, "Dare ", /*#__PURE__*/_react.default.createElement("br", {
-        __self: void 0,
-        __source: {
-          fileName: _jsxFileName,
-          lineNumber: 88,
-          columnNumber: 16
-        }
-      }), " To Be ", /*#__PURE__*/_react.default.createElement("br", {
-        __self: void 0,
-        __source: {
-          fileName: _jsxFileName,
-          lineNumber: 88,
-          columnNumber: 29
-        }
-      }), " BOLD");
-    default:
-      return /*#__PURE__*/_react.default.createElement("p", {
-        __self: void 0,
-        __source: {
-          fileName: _jsxFileName,
-          lineNumber: 92,
-          columnNumber: 14
-        }
-      }, "Unknown input ", type);
-  }
-});
-//# sourceMappingURL=mouseComponent.js.map

package/dist/cjs/playground/mouseComponent.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_playgroundModule","_interopRequireDefault","_vector","_plastic","_jsxFileName","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","COMPONENTS_TYPE","exports","image","square","svg","text","MouseComponent","forwardRef","props","ref","type","rotation","createElement","id","className","styles","imageComponent","src","plastic","alt","style","__self","__source","fileName","lineNumber","columnNumber","component","background","svgComponent","ghost","textComponent"],"sources":["../../../src/playground/mouseComponent.tsx"],"sourcesContent":["import React, { CSSProperties, forwardRef, Ref } from 'react';\n\nimport styles from './playground.module.scss';\nimport ghost from './mouse-parallax-components/vector.svg?url';\nimport plastic from './mouse-parallax-components/plastic.jpeg';\n\nexport type MouseComponentType = 'image' | 'square' | 'SVG' | 'text';\n\nexport interface MouseComponentProps {\n  type: MouseComponentType;\n  ref: Ref<HTMLElement>;\n  rotation: number;\n}\n\nexport const COMPONENTS_TYPE: Record<\n  Lowercase<MouseComponentType>,\n  MouseComponentType\n> = {\n  image: 'image',\n  square: 'square',\n  svg: 'SVG',\n  text: 'text',\n};\n\nexport const MouseComponent: React.FC<MouseComponentProps> = forwardRef<\n  HTMLElement,\n  MouseComponentProps\n>((props, ref) => {\n  const { type, rotation } = props;\n  switch (type) {\n    case COMPONENTS_TYPE.image:\n      return (\n        <img\n          id=\"plastic\"\n          className={styles.imageComponent}\n          src={plastic}\n          alt=\"Plastic bag in ocean\"\n          ref={ref as Ref<HTMLImageElement>}\n          style={\n            {\n              '--comp-rotate-z': `${rotation}deg`,\n            } as CSSProperties\n          }\n        />\n      );\n    case COMPONENTS_TYPE.square:\n      return (\n        <div\n          className={styles.component}\n          ref={ref as Ref<HTMLDivElement>}\n          style={\n            {\n              background: 'MediumSlateBlue',\n              '--comp-rotate-z': `${rotation}deg`,\n            } as CSSProperties\n          }\n        >\n          Mouse\n        </div>\n      );\n    case COMPONENTS_TYPE.svg:\n      return (\n        <img\n          id=\"vector\"\n          className={styles.svgComponent}\n          src={ghost}\n          alt=\"Friendly ghost\"\n          ref={ref as Ref<HTMLImageElement>}\n          style={\n            {\n              '--comp-rotate-z': `${rotation}deg`,\n            } as CSSProperties\n          }\n        />\n      );\n    case COMPONENTS_TYPE.text:\n      return (\n        <h1\n          id=\"large-header\"\n          className={styles.textComponent}\n          ref={ref as Ref<HTMLHeadingElement>}\n          style={\n            {\n              '--comp-rotate-z': `${rotation}deg`,\n            } as CSSProperties\n          }\n        >\n          Dare <br /> To Be <br /> BOLD\n        </h1>\n      );\n    default:\n      return <p>Unknown input {type}</p>;\n  }\n});\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/playground/playground-common.js

@@ -1,84 +0,0 @@
-"use strict";
-
-exports.__esModule = true;
-exports.c = c;
-exports.getAnimations = getAnimations;
-exports.mapLegacySchemaToDefaultData = mapLegacySchemaToDefaultData;
-exports.mapSchemaToDefaultData = mapSchemaToDefaultData;
-exports.rangeMapper = void 0;
-exports.resetAnimation = resetAnimation;
-exports.schemaMapper = void 0;
-const schemaMapper = exports.schemaMapper = {
-  wix: 'wix',
-  desktop: 'wix',
-  mobile: 'wix',
-  responsive: 'responsive'
-};
-const rangeMapper = exports.rangeMapper = {
-  in: 'scrollIn',
-  out: 'scrollOut',
-  continuous: 'scrollContinuous'
-};
-function mapSchemaToDefaultData(schema, schemaEditor) {
-  if (!schema) {
-    console.error('Schema is undefined');
-    return {};
-  }
-  return Object.fromEntries(Object.entries(schema).map(([param, values]) => {
-    const defaultValue = schemaEditor === 'mobile' ? values.mobileDefault ?? values.default : values.default;
-    let value = defaultValue;
-    if (param === 'duration') {
-      value = defaultValue ?? 1000;
-    } else if (param === 'delay') {
-      value = defaultValue ?? 0;
-    } else if (values.type === 'number') {
-      value = +value;
-    }
-    return [param, value];
-  }));
-}
-function resetAnimation(element, timeline,
-// TODO
-scroll) {
-  var _timeline$progress;
-  // Clear
-  scroll == null || scroll.destroy();
-  timeline == null || (_timeline$progress = timeline.progress(1)) == null || _timeline$progress.kill();
-  element.style.perspective = '';
-  element.style.perspectiveOrigin = '';
-  element.style.transformOrigin = '';
-  element.style.transform = '';
-  element.style.opacity = '';
-  element.style.clipPath = '';
-  element.style.clip = '';
-  element.style.filter = '';
-  delete element._gsap;
-}
-function getAnimations(defs, includeGroups = [], excludeGroups = []) {
-  return Object.fromEntries(Object.entries(defs).filter(([, value]) => includeGroups.every(group => {
-    var _value$groups;
-    return (_value$groups = value.groups) == null ? void 0 : _value$groups.includes(group);
-  }) && !excludeGroups.some(group => {
-    var _value$groups2;
-    return (_value$groups2 = value.groups) == null ? void 0 : _value$groups2.includes(group);
-  })));
-}
-
-// return args as space separated string, filter all falsy values
-function c(...args) {
-  return args.filter(Boolean).join(' ');
-}
-function mapLegacySchemaToDefaultData(schema, data = {}) {
-  return Object.fromEntries(Object.entries(schema).map(([param, values]) => {
-    let value = values.default;
-    if (param === 'duration') {
-      value = data.duration ?? 1;
-    } else if (param === 'delay') {
-      value = data.delay ?? 0;
-    } else if (values.type === 'number') {
-      value = +value;
-    }
-    return [param, value];
-  }));
-}
-//# sourceMappingURL=playground-common.js.map

package/dist/cjs/playground/playground-common.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["schemaMapper","exports","wix","desktop","mobile","responsive","rangeMapper","in","out","continuous","mapSchemaToDefaultData","schema","schemaEditor","console","error","Object","fromEntries","entries","map","param","values","defaultValue","mobileDefault","default","value","type","resetAnimation","element","timeline","scroll","_timeline$progress","destroy","progress","kill","style","perspective","perspectiveOrigin","transformOrigin","transform","opacity","clipPath","clip","filter","_gsap","getAnimations","defs","includeGroups","excludeGroups","every","group","_value$groups","groups","includes","some","_value$groups2","c","args","Boolean","join","mapLegacySchemaToDefaultData","data","duration","delay"],"sources":["../../../src/playground/playground-common.ts"],"sourcesContent":["import { EffectConfig, OneOfEffects } from '@wix/effects-kit';\nimport { Scroll } from 'fizban';\nimport { AnimationProperties } from '../types';\n\nexport type SchemaEditor = 'wix' | 'responsive' | 'mobile';\nexport type SchemaValid = Exclude<SchemaEditor, 'mobile'>;\n\nexport const schemaMapper = {\n  wix: 'wix' as SchemaValid,\n  desktop: 'wix' as SchemaValid,\n  mobile: 'wix' as SchemaValid,\n  responsive: 'responsive' as SchemaValid,\n} as const;\n\nexport const rangeMapper = {\n  in: 'scrollIn',\n  out: 'scrollOut',\n  continuous: 'scrollContinuous',\n} as const;\n\nexport function mapSchemaToDefaultData(\n  schema?: EffectConfig<OneOfEffects>['schema'],\n  schemaEditor?: SchemaEditor,\n) {\n  if (!schema) {\n    console.error('Schema is undefined');\n    return {};\n  }\n  return Object.fromEntries(\n    Object.entries(schema).map(([param, values]) => {\n      const defaultValue =\n        schemaEditor === 'mobile'\n          ? values.mobileDefault ?? values.default\n          : values.default;\n      let value = defaultValue;\n      if (param === 'duration') {\n        value = defaultValue ?? 1000;\n      } else if (param === 'delay') {\n        value = defaultValue ?? 0;\n      } else if (values.type === 'number') {\n        value = +value;\n      }\n      return [param, value];\n    }),\n  );\n}\n\nexport function resetAnimation(\n  element: HTMLElement & { _gsap?: any },\n  timeline?: any, // TODO\n  scroll?: typeof Scroll,\n) {\n  // Clear\n  scroll?.destroy();\n  timeline?.progress(1)?.kill();\n\n  element.style.perspective = '';\n  element.style.perspectiveOrigin = '';\n  element.style.transformOrigin = '';\n  element.style.transform = '';\n  element.style.opacity = '';\n  element.style.clipPath = '';\n  element.style.clip = '';\n  element.style.filter = '';\n\n  delete element._gsap;\n}\n\nexport function getAnimations(\n  defs: { [key: string]: Partial<AnimationProperties> },\n  includeGroups: string[] = [],\n  excludeGroups: string[] = [],\n) {\n  return Object.fromEntries(\n    Object.entries(defs).filter(\n      ([, value]) =>\n        includeGroups.every((group) => value.groups?.includes(group)) &&\n        !excludeGroups.some((group) => value.groups?.includes(group)),\n    ),\n  );\n}\n\n// return args as space separated string, filter all falsy values\nexport function c(...args: (string | null | undefined)[]) {\n  return args.filter(Boolean).join(' ');\n}\n\nexport type AnimateFunction = () => any;\n\nexport function mapLegacySchemaToDefaultData(\n  schema: AnimationProperties['schema'],\n  data: AnimationProperties['schema'] = {},\n) {\n  return Object.fromEntries(\n    Object.entries(schema).map(([param, values]) => {\n      let value = values.default;\n      if (param === 'duration') {\n        value = data.duration ?? 1;\n      } else if (param === 'delay') {\n        value = data.delay ?? 0;\n      } else if (values.type === 'number') {\n        value = +value;\n      }\n      return [param, value];\n    }),\n  );\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/playground/playground.module.scss

@@ -1,381 +0,0 @@
-:global {
-  body {
-    font-family: Helvetica, Arial, sans-serif;
-    overflow-x: clip;
-    overflow-y: scroll;
-    --background-image-url-one: url("https://static.wixstatic.com/media/11062b_77378fc0da68439ebd8fd24a2f51e50cf000.jpg/v1/fill/w_2048,h_1536,al_c,q_85,usm_0.33_1.00_0.00,enc_auto/11062b_77378fc0da68439ebd8fd24a2f51e50cf000.jpg");
-    --background-image-url-two: url("https://static.wixstatic.com/media/11062b_d946d8aad50f410b960b0e4d01e9ab5e~mv2.jpeg/v1/fill/w_2048,h_1536,al_c,q_85,usm_0.66_1.00_0.01,enc_auto/11062b_68de6b1a67ae45fa9ca762e900c7f2d0~mv2.jpg");
-    --background-element-position: absolute;
-  }
-
-  input, select, button {
-    font-size: 0.875rem;
-  }
-}
-
-.stage {
-  display: grid;
-  grid-template-columns: 2fr 1fr;
-  grid-template-rows: auto auto;
-  grid-template-areas: 'components global'
-                       'components controls';
-  gap: 1rem;
-  justify-items: center;
-  --component-height: 200px;
-  --component-width: 300px;
-  --component-height-image: 400px;
-  --component-width-image: 300px;
-  --component-height-svg: 300px;
-  --component-width-svg: 220px;
-  --component-height-text: 300px;
-  --component-width-text: 260px;
-
-  &.mouse-stage {
-    &::before {
-      content: '';
-      position: absolute;
-      top: 50%;
-      left: 0;
-      width: 100%;
-      border-top: 1px dashed lightgreen;
-      border-bottom: 1px dashed darkolivegreen;
-      opacity: 0.5;
-      z-index: 1;
-      pointer-events: none;
-    }
-
-    &::after {
-      content: '';
-      position: absolute;
-      top: 0;
-      left: calc(50% - var(--component-width) / 2);
-      height: 100%;
-      border-right: 1px dashed lightgreen;
-      border-left: 1px dashed darkolivegreen;
-      opacity: 0.5;
-      z-index: 1;
-      pointer-events: none;
-    }
-
-    &.multiple-components {
-      --component-height: 120px;
-      --component-width: 200px;
-      --component-height-image: 200px;
-      --component-width-image: 120px;
-      --component-height-svg: 200px;
-      --component-width-svg: 120px;
-      --component-height-text: 200px;
-      --component-width-text: 140px;
-
-      & .components {
-        display: flex;
-        flex-direction: row;
-        flex-wrap: wrap;
-        gap: 20px;
-        margin: 0 20px;
-      }
-    }
-  }
-
-  .components {
-    grid-area: components;
-    align-self: center;
-    pointer-events: none;
-    position: relative;
-
-    & .component {
-      width: var(--component-width);
-      height: var(--component-height);
-      color: white;
-      text-align: center;
-      line-height: var(--component-height);
-      font-size: calc(var(--component-height) / 4);
-      margin: .5rem;
-      transform: rotate(var(--comp-rotate-z, 0));
-      box-shadow: 0 3px 10px 0 rgb(0 0 0 / 0.4);
-      border-radius: 10px;
-    }
-
-    & .image-component {
-      width: var(--component-width-image);
-      height: var(--component-height-image);
-      margin: .5rem;
-      transform: rotate(var(--comp-rotate-z, 0));
-    }
-
-    & .svg-component {
-      width: var(--component-width-svg);
-      height: var(--component-height-svg);
-      margin: .5rem;
-      transform: rotate(var(--comp-rotate-z, 0));
-    }
-
-    & .text-component {
-      width: var(--component-width-text);
-      height: var(--component-height-text);
-      text-align: center;
-      margin: .5rem;
-      transform: rotate(var(--comp-rotate-z, 0));
-      line-height: calc(var(--component-height-text) / 3);
-      font-size: calc(var(--component-height-text) / 5);
-    }
-
-    & .bg-component {
-      margin: 100vh auto 200px auto;
-      width: 100%;
-      height: 400px;
-      color: white;
-      text-align: center;
-      line-height: 400px;
-      font-size: 6em;
-      box-shadow: 0 0 0 1px #000;
-      position: relative;
-
-      &.image-component {
-        width: 70%;
-        overflow: hidden;
-        border-radius: 1rem;
-      }
-
-      .bg-layer {
-        container-type: size;
-        width: 100%;
-        height: 100%;
-        position: absolute;
-        top: 0;
-        left: 0;
-        overflow: hidden;
-        clip-path: inset(0);
-      }
-      .bg-media {
-        width: 100%;
-        height: 100%;
-        position: var(--background-element-position);
-
-        &.bg-parallax, &.bg-reveal, &.bg-fake-three-d, &.bg-zoom-in {
-          height: max(100lvh, 100%);
-        }
-        &.bg-zoom-out {
-          width: 115%;
-          height: 115%;
-        }
-        &.bg-skew {
-          padding-bottom: calc(100% * var(--tan-angle));
-          margin-top: calc(-50% * var(--tan-angle));
-        }
-        &.bg-rotate {
-          width: max(100%, calc(100cqw * var(--cos-angle) + 100cqh * var(--sin-angle)));
-          height: max(100%, calc(100cqw * var(--sin-angle) + 100cqh * var(--cos-angle)));
-          translate: calc(50cqw - 50%) calc(50cqh - 50%);
-        }
-        &.bg-pan {
-          width: calc(100% * (var(--speed) + 1));
-        }
-        &.image-parallax {
-          height: calc(100% * var(--speed));
-        }
-      }
-      .bg-image {
-        position: absolute;
-        width: 100%;
-        height: 100%;
-        background-image: var(--background-image-url-one);
-        background-position: center;
-        background-size: cover;
-
-        &.bg-pan {
-          left: calc(-50% * (var(--speed) / (var(--speed) + 1)));
-        }
-        &.bg-zoom-out {
-          top: calc(-750% / 115);
-          left: calc(-750% / 115);
-        }
-      }
-      .content {
-        position: relative;
-      }
-    }
-
-    & .bg-component-two {
-      margin: 200px auto 100vh auto;
-      height: 780px;
-      .bg-image {
-        background-image: var(--background-image-url-two);
-      }
-    }
-  }
-
-  &.scroll-stage {
-    grid-template-areas: 'components components'
-                         'components components';
-    width: 90vw;
-    height: 90vh;
-    overflow-y: scroll;
-    overflow-x: hidden;
-    border-radius: .5em;
-    border: 1px solid #d0d0d0;
-
-    &.bg-scrub {
-      height: 100vh;
-      margin: -1rem auto;
-    }
-
-    .panels {
-      position: fixed;
-      top: 3em;
-      right: 7vw;
-      // opacity: 0.2;
-      // transition: opacity 0.2s ease-in-out;
-
-      // &:hover {
-        //   opacity: 1;
-        // }
-    }
-
-    .components {
-      --attachment: scroll;
-      width: 100%;
-      align-self: start;
-      background-attachment: var(--attachment);
-    }
-
-    .component {
-      margin: 100vh auto;
-    }
-  }
-}
-
-.global-controls {
-  grid-area: global;
-
-  overflow: auto;
-  margin: .5rem;
-  border-radius: 8px;
-  box-shadow: 0 4px 10px 0 rgb(0 0 0 / 0.2);
-  width: 17rem;
-  background: white;
-  background: rgb(255 255 255 / 0.4);
-  z-index: 1;
-
-  &:hover {
-    background: white;
-  }
-}
-
-.controls {
-  grid-area: controls;
-
-  overflow: auto;
-  margin: .5rem;
-  border-radius: 8px;
-  box-shadow: 0 4px 10px 0 rgb(0 0 0 / 0.2);
-  width: 17rem;
-  background: rgb(255 255 255 / 0.4);
-  z-index: 1;
-
-  &:hover {
-    background: white;
-  }
-}
-
-.label {
-  display: block;
-  padding: 0.8rem 1.2rem 0.8rem;
-  border-bottom: 1px solid #ddd;
-
-  &.label-bool {
-    padding: 1rem 1.2rem;
-  }
-
-  &.hidden {
-    color: #ddd;
-  }
-
-  & span {
-    text-transform: capitalize;
-    margin-right: 2em;
-    font-weight: bold;
-    font-size: 0.875rem;
-  }
-  & h3 {
-    font-size: 0.875rem;
-    text-transform: capitalize;
-    margin: 0 0 0.5rem 0;
-
-    & + select,
-    & + input[type="text"] {
-      width: 100%;
-      border-color: #ddd;
-    }
-  }
-  &:has([disabled]) {
-    color: grey;
-  }
-}
-
-.range,
-.range-unit,
-.label-bool {
-  display: flex;
-  justify-content: space-between;
-}
-
-.buttons {
-  padding: 1rem;
-  display: flex;
-  justify-content: space-around;
-
-}
-
-.main-select {
-  display: block;
-  padding: 1rem;
-
-  & select {
-    font-weight: bold;
-    width: 100%;
-    font-size: 1.1rem;
-    border-color: transparent;
-    text-transform: capitalize;
-
-    &:hover {
-      border-color: #ccc;
-    }
-  }
-}
-
-.animate-button {
-  background: royalblue;
-  color: white;
-  padding: 0.5em 1em;
-  border: none;
-  border-radius: 10px;
-  box-shadow: 0 1px 3px 0 rgb(0 15 30 / 0.2), inset 0 0.95em 0.5em rgb(255 255 255 / 0.2);
-  font-size: 1em;
-  &:only-child {
-    padding: 0.5em 3em;
-  }
-
-}
-
-.attach-button {
-  position: fixed;
-  top: 10px;
-  left: 10px;
-  &.bg-scrub {
-    z-index: 1;
-  }
-}
-
-.select-wrapper {
-  position: fixed;
-  padding: 10px;
-  top: 15px;
-  left: 15px;
-  border-radius: 8px;
-  box-shadow: 0 4px 10px 0 rgb(0 0 0 / 0.2);
-
-  & select {
-    font-size: 1rem;
-  }
-}

package/dist/cjs/test-types.d.js

@@ -1,2 +0,0 @@
-/// <reference types="@wix/jest-yoshi-preset/types" />
-//# sourceMappingURL=test-types.d.js.map

package/dist/cjs/test-types.d.js.map

@@ -1 +0,0 @@
-{"version":3,"names":[],"sources":["../../src/test-types.d.ts"],"sourcesContent":["/// <reference types=\"@wix/jest-yoshi-preset/types\" />\n"],"mappings":"AAAA","ignoreList":[]}

package/dist/cjs/types.js

@@ -1,2 +0,0 @@
-
-//# sourceMappingURL=types.js.map