motion-start 0.0.1 → 0.0.3

package/dist/render/svg/utils/path.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"path.d.ts","sourceRoot":"","sources":["../../../../../../src/lib/motion-start/render/svg/utils/path.ts"],"names":[],"mappings":"AAAA;;;EAGE;AACF,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAsBlD;;;;;;GAMG;AACH,iBAAS,YAAY,CAAC,KAAK,EAAE,cAAc,EAAE,WAAW,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,OAAO,CAAC,EAAE,MAAM,EAAE,MAAM,CAAC,EAAE,MAAM,EAAE,WAAW,CAAC,EAAE,OAAO,QAazI;AAED,OAAO,EAAE,YAAY,EAAE,CAAC"}

package/{src/render/svg/utils/path.ts → dist/render/svg/utils/path.js}

@@ -1,49 +1,46 @@
-/** 
-based on framer-motion@4.1.17,
-Copyright (c) 2018 Framer B.V.
-*/
-import type { ResolvedValues } from "../../types";
-
-
-/** 
-based on framer-motion@4.0.3,
-Copyright (c) 2018 Framer B.V.
-*/
-import {fixed} from '../../../utils/fix-process-env';
-import { px } from 'style-value-types';
-
-// Convert a progress 0-1 to a pixels value based on the provided length
-var progressToPixels = function (progress, length) {
-    return px.transform(progress * length);
-};
-var dashKeys = {
-    offset: "stroke-dashoffset",
-    array: "stroke-dasharray",
-};
-var camelKeys = {
-    offset: "strokeDashoffset",
-    array: "strokeDasharray",
-};
-/**
- * Build SVG path properties. Uses the path's measured length to convert
- * our custom pathLength, pathSpacing and pathOffset into stroke-dashoffset
- * and stroke-dasharray attributes.
- *
- * This function is mutative to reduce per-frame GC.
- */
-function buildSVGPath(attrs: ResolvedValues, totalLength: number, length: number, spacing?: number, offset?: number, useDashCase?: boolean) {
-    if (spacing === void 0) { spacing = 1; }
-    if (offset === void 0) { offset = 0; }
-    if (useDashCase === void 0) { useDashCase = true; }
-    // We use dash case when setting attributes directly to the DOM node and camel case
-    // when defining props on a React component.
-    var keys = useDashCase ? dashKeys : camelKeys;
-    // Build the dash offset
-    attrs[keys.offset] = progressToPixels(-offset, totalLength);
-    // Build the dash array
-    var pathLength = progressToPixels(length, totalLength);
-    var pathSpacing = progressToPixels(spacing, totalLength);
-    attrs[keys.array] = pathLength + " " + pathSpacing;
-}
-
-export { buildSVGPath };
+/**
+based on framer-motion@4.0.3,
+Copyright (c) 2018 Framer B.V.
+*/
+import { fixed } from '../../../utils/fix-process-env';
+import { px } from 'style-value-types';
+// Convert a progress 0-1 to a pixels value based on the provided length
+var progressToPixels = function (progress, length) {
+    return px.transform(progress * length);
+};
+var dashKeys = {
+    offset: "stroke-dashoffset",
+    array: "stroke-dasharray",
+};
+var camelKeys = {
+    offset: "strokeDashoffset",
+    array: "strokeDasharray",
+};
+/**
+ * Build SVG path properties. Uses the path's measured length to convert
+ * our custom pathLength, pathSpacing and pathOffset into stroke-dashoffset
+ * and stroke-dasharray attributes.
+ *
+ * This function is mutative to reduce per-frame GC.
+ */
+function buildSVGPath(attrs, totalLength, length, spacing, offset, useDashCase) {
+    if (spacing === void 0) {
+        spacing = 1;
+    }
+    if (offset === void 0) {
+        offset = 0;
+    }
+    if (useDashCase === void 0) {
+        useDashCase = true;
+    }
+    // We use dash case when setting attributes directly to the DOM node and camel case
+    // when defining props on a React component.
+    var keys = useDashCase ? dashKeys : camelKeys;
+    // Build the dash offset
+    attrs[keys.offset] = progressToPixels(-offset, totalLength);
+    // Build the dash array
+    var pathLength = progressToPixels(length, totalLength);
+    var pathSpacing = progressToPixels(spacing, totalLength);
+    attrs[keys.array] = pathLength + " " + pathSpacing;
+}
+export { buildSVGPath };

package/dist/render/svg/utils/render.d.ts

@@ -0,0 +1,8 @@
+/**
+based on framer-motion@4.1.17,
+Copyright (c) 2018 Framer B.V.
+*/
+import type { SVGRenderState } from "../types";
+declare function renderSVG(element: SVGElement, renderState: SVGRenderState): void;
+export { renderSVG };
+//# sourceMappingURL=render.d.ts.map

package/dist/render/svg/utils/render.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"render.d.ts","sourceRoot":"","sources":["../../../../../../src/lib/motion-start/render/svg/utils/render.ts"],"names":[],"mappings":"AAAA;;;EAGE;AACF,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,UAAU,CAAC;AAU/C,iBAAS,SAAS,CAAC,OAAO,EAAE,UAAU,EAAE,WAAW,EAAE,cAAc,QAKlE;AAED,OAAO,EAAE,SAAS,EAAE,CAAC"}

package/{src/render/svg/utils/render.ts → dist/render/svg/utils/render.js}

@@ -1,22 +1,14 @@
-/** 
-based on framer-motion@4.1.17,
-Copyright (c) 2018 Framer B.V.
-*/
-import type { SVGRenderState } from "../types";
-
-/** 
-based on framer-motion@4.0.3,
-Copyright (c) 2018 Framer B.V.
-*/
-import { camelToDash } from '../../dom/utils/camel-to-dash.js';
-import { renderHTML } from '../../html/utils/render.js';
-import { camelCaseAttributes } from './camel-case-attrs.js';
-
-function renderSVG(element: SVGElement, renderState: SVGRenderState) {
-    renderHTML(element, renderState);
-    for (var key in renderState.attrs) {
-        element.setAttribute(!camelCaseAttributes.has(key) ? camelToDash(key) : key, renderState.attrs[key]);
-    }
-}
-
-export { renderSVG };
+/**
+based on framer-motion@4.0.3,
+Copyright (c) 2018 Framer B.V.
+*/
+import { camelToDash } from '../../dom/utils/camel-to-dash.js';
+import { renderHTML } from '../../html/utils/render.js';
+import { camelCaseAttributes } from './camel-case-attrs.js';
+function renderSVG(element, renderState) {
+    renderHTML(element, renderState);
+    for (var key in renderState.attrs) {
+        element.setAttribute(!camelCaseAttributes.has(key) ? camelToDash(key) : key, renderState.attrs[key]);
+    }
+}
+export { renderSVG };

package/dist/render/svg/utils/scrape-motion-values.d.ts

@@ -0,0 +1,8 @@
+/**
+based on framer-motion@4.1.17,
+Copyright (c) 2018 Framer B.V.
+*/
+import type { MotionProps } from "../../../motion/types";
+declare function scrapeMotionValuesFromProps(props: MotionProps): {};
+export { scrapeMotionValuesFromProps };
+//# sourceMappingURL=scrape-motion-values.d.ts.map

package/dist/render/svg/utils/scrape-motion-values.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"scrape-motion-values.d.ts","sourceRoot":"","sources":["../../../../../../src/lib/motion-start/render/svg/utils/scrape-motion-values.ts"],"names":[],"mappings":"AAAA;;;EAGE;AACF,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AAUzD,iBAAS,2BAA2B,CAAC,KAAK,EAAE,WAAW,MAStD;AAED,OAAO,EAAE,2BAA2B,EAAE,CAAC"}

package/{src/render/svg/utils/scrape-motion-values.ts → dist/render/svg/utils/scrape-motion-values.js}

@@ -1,26 +1,17 @@
-/** 
-based on framer-motion@4.1.17,
-Copyright (c) 2018 Framer B.V.
-*/
-import type { MotionProps } from "../../../motion/types";
-
-
-/** 
-based on framer-motion@4.0.3,
-Copyright (c) 2018 Framer B.V.
-*/
-import { isMotionValue } from '../../../value/utils/is-motion-value.js';
-import { scrapeMotionValuesFromProps as scrapeMotionValuesFromProps$1 } from '../../html/utils/scrape-motion-values.js';
-
-function scrapeMotionValuesFromProps(props: MotionProps) {
-    var newValues = scrapeMotionValuesFromProps$1(props);
-    for (var key in props) {
-        if (isMotionValue(props[key])) {
-            var targetKey = key === "x" || key === "y" ? "attr" + key.toUpperCase() : key;
-            newValues[targetKey] = props[key];
-        }
-    }
-    return newValues;
-}
-
-export { scrapeMotionValuesFromProps };
+/**
+based on framer-motion@4.0.3,
+Copyright (c) 2018 Framer B.V.
+*/
+import { isMotionValue } from '../../../value/utils/is-motion-value.js';
+import { scrapeMotionValuesFromProps as scrapeMotionValuesFromProps$1 } from '../../html/utils/scrape-motion-values.js';
+function scrapeMotionValuesFromProps(props) {
+    var newValues = scrapeMotionValuesFromProps$1(props);
+    for (var key in props) {
+        if (isMotionValue(props[key])) {
+            var targetKey = key === "x" || key === "y" ? "attr" + key.toUpperCase() : key;
+            newValues[targetKey] = props[key];
+        }
+    }
+    return newValues;
+}
+export { scrapeMotionValuesFromProps };

package/dist/render/svg/utils/transform-origin.d.ts

@@ -0,0 +1,12 @@
+/**
+based on framer-motion@4.1.17,
+Copyright (c) 2018 Framer B.V.
+*/
+import type { SVGDimensions } from "../types";
+/**
+ * The SVG transform origin defaults are different to CSS and is less intuitive,
+ * so we use the measured dimensions of the SVG to reconcile these.
+ */
+declare function calcSVGTransformOrigin(dimensions: SVGDimensions, originX: number | string, originY: number | string): string;
+export { calcSVGTransformOrigin };
+//# sourceMappingURL=transform-origin.d.ts.map

package/dist/render/svg/utils/transform-origin.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"transform-origin.d.ts","sourceRoot":"","sources":["../../../../../../src/lib/motion-start/render/svg/utils/transform-origin.ts"],"names":[],"mappings":"AAAA;;;EAGE;AACF,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,UAAU,CAAC;AAe9C;;;GAGG;AACH,iBAAS,sBAAsB,CAAC,UAAU,EAAE,aAAa,EAAE,OAAO,EAAE,MAAM,GAAG,MAAM,EAAE,OAAO,EAAE,MAAM,GAAG,MAAM,UAI5G;AAED,OAAO,EAAE,sBAAsB,EAAE,CAAC"}

package/{src/render/svg/utils/transform-origin.ts → dist/render/svg/utils/transform-origin.js}

@@ -1,30 +1,21 @@
-/** 
-based on framer-motion@4.1.17,
-Copyright (c) 2018 Framer B.V.
-*/
-import type { SVGDimensions } from "../types";
-
-
-/** 
-based on framer-motion@4.0.3,
-Copyright (c) 2018 Framer B.V.
-*/
-import {fixed} from '../../../utils/fix-process-env';
-import { px } from 'style-value-types';
-
-function calcOrigin(origin, offset, size) {
-    return typeof origin === "string"
-        ? origin
-        : px.transform(offset + size * origin);
-}
-/**
- * The SVG transform origin defaults are different to CSS and is less intuitive,
- * so we use the measured dimensions of the SVG to reconcile these.
- */
-function calcSVGTransformOrigin(dimensions: SVGDimensions, originX: number | string, originY: number | string) {
-    var pxOriginX = calcOrigin(originX, dimensions.x, dimensions.width);
-    var pxOriginY = calcOrigin(originY, dimensions.y, dimensions.height);
-    return pxOriginX + " " + pxOriginY;
-}
-
-export { calcSVGTransformOrigin };
+/**
+based on framer-motion@4.0.3,
+Copyright (c) 2018 Framer B.V.
+*/
+import { fixed } from '../../../utils/fix-process-env';
+import { px } from 'style-value-types';
+function calcOrigin(origin, offset, size) {
+    return typeof origin === "string"
+        ? origin
+        : px.transform(offset + size * origin);
+}
+/**
+ * The SVG transform origin defaults are different to CSS and is less intuitive,
+ * so we use the measured dimensions of the SVG to reconcile these.
+ */
+function calcSVGTransformOrigin(dimensions, originX, originY) {
+    var pxOriginX = calcOrigin(originX, dimensions.x, dimensions.width);
+    var pxOriginY = calcOrigin(originY, dimensions.y, dimensions.height);
+    return pxOriginX + " " + pxOriginY;
+}
+export { calcSVGTransformOrigin };

package/dist/render/svg/visual-element.d.ts

@@ -0,0 +1,7 @@
+/**
+based on framer-motion@4.1.17,
+Copyright (c) 2018 Framer B.V.
+*/
+declare var svgVisualElement: ({ parent, props, presenceId, blockInitialAnimation, visualState, }: import("../types.js").VisualElementOptions<SVGElement, any>, options?: {} | undefined) => import("../types.js").VisualElement<SVGElement, any>;
+export { svgVisualElement };
+//# sourceMappingURL=visual-element.d.ts.map

package/dist/render/svg/visual-element.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"visual-element.d.ts","sourceRoot":"","sources":["../../../../../src/lib/motion-start/render/svg/visual-element.ts"],"names":[],"mappings":"AAAA;;;EAGE;AAoBF,QAAA,IAAI,gBAAgB,qNAmBjB,CAAC;AAEJ,OAAO,EAAE,gBAAgB,EAAE,CAAC"}

package/{src/render/svg/visual-element.ts → dist/render/svg/visual-element.js}

@@ -1,44 +1,41 @@
-/** 
-based on framer-motion@4.1.17,
-Copyright (c) 2018 Framer B.V.
-*/
-// export declare const svgVisualElement: ({ parent, props, presenceId, blockInitialAnimation, visualState, }: import("../types").VisualElementOptions<SVGElement, any>, options?: DOMVisualElementOptions) => import("../types").VisualElement<SVGElement, any>;
-
-
-/** 
-based on framer-motion@4.0.3,
-Copyright (c) 2018 Framer B.V.
-*/
-import { __assign } from 'tslib';
-import { camelToDash } from '../dom/utils/camel-to-dash.js';
-import { getDefaultValueType } from '../dom/value-types/defaults.js';
-import { buildLayoutProjectionTransform, buildLayoutProjectionTransformOrigin } from '../html/utils/build-projection-transform.js';
-import { isTransformProp } from '../html/utils/transform.js';
-import { htmlConfig } from '../html/visual-element.js';
-import { visualElement } from '../index.js';
-import { buildSVGAttrs } from './utils/build-attrs.js';
-import { camelCaseAttributes } from './utils/camel-case-attrs.js';
-import { renderSVG } from './utils/render.js';
-import { scrapeMotionValuesFromProps } from './utils/scrape-motion-values.js';
-
-var svgVisualElement = visualElement<SVGElement>(__assign(__assign({}, htmlConfig), { getBaseTarget: function (props, key) {
-        return props[key];
-    },
-    readValueFromInstance: function (domElement, key) {
-        var _a;
-        if (isTransformProp(key)) {
-            return ((_a = getDefaultValueType(key)) === null || _a === void 0 ? void 0 : _a.default) || 0;
-        }
-        key = !camelCaseAttributes.has(key) ? camelToDash(key) : key;
-        return domElement.getAttribute(key);
-    },
-    scrapeMotionValuesFromProps: scrapeMotionValuesFromProps,
-    build: function (_element, renderState, latestValues, projection, layoutState, options, props) {
-        var isProjectionTranform = projection.isEnabled && layoutState.isHydrated;
-        buildSVGAttrs(renderState, latestValues, projection, layoutState, options, props.transformTemplate, isProjectionTranform ? buildLayoutProjectionTransform : undefined, isProjectionTranform
-            ? buildLayoutProjectionTransformOrigin
-            : undefined);
-    }, render: renderSVG }));
-
-export { svgVisualElement };
-
+/**
+based on framer-motion@4.1.17,
+Copyright (c) 2018 Framer B.V.
+*/
+// export declare const svgVisualElement: ({ parent, props, presenceId, blockInitialAnimation, visualState, }: import("../types").VisualElementOptions<SVGElement, any>, options?: DOMVisualElementOptions) => import("../types").VisualElement<SVGElement, any>;
+/**
+based on framer-motion@4.0.3,
+Copyright (c) 2018 Framer B.V.
+*/
+import { __assign } from 'tslib';
+import { camelToDash } from '../dom/utils/camel-to-dash.js';
+import { getDefaultValueType } from '../dom/value-types/defaults.js';
+import { buildLayoutProjectionTransform, buildLayoutProjectionTransformOrigin } from '../html/utils/build-projection-transform.js';
+import { isTransformProp } from '../html/utils/transform.js';
+import { htmlConfig } from '../html/visual-element.js';
+import { visualElement } from '../index.js';
+import { buildSVGAttrs } from './utils/build-attrs.js';
+import { camelCaseAttributes } from './utils/camel-case-attrs.js';
+import { renderSVG } from './utils/render.js';
+import { scrapeMotionValuesFromProps } from './utils/scrape-motion-values.js';
+var svgVisualElement = visualElement(__assign(__assign({}, htmlConfig), {
+    getBaseTarget: function (props, key) {
+        return props[key];
+    },
+    readValueFromInstance: function (domElement, key) {
+        var _a;
+        if (isTransformProp(key)) {
+            return ((_a = getDefaultValueType(key)) === null || _a === void 0 ? void 0 : _a.default) || 0;
+        }
+        key = !camelCaseAttributes.has(key) ? camelToDash(key) : key;
+        return domElement.getAttribute(key);
+    },
+    scrapeMotionValuesFromProps: scrapeMotionValuesFromProps,
+    build: function (_element, renderState, latestValues, projection, layoutState, options, props) {
+        var isProjectionTranform = projection.isEnabled && layoutState.isHydrated;
+        buildSVGAttrs(renderState, latestValues, projection, layoutState, options, props.transformTemplate, isProjectionTranform ? buildLayoutProjectionTransform : undefined, isProjectionTranform
+            ? buildLayoutProjectionTransformOrigin
+            : undefined);
+    }, render: renderSVG
+}));
+export { svgVisualElement };