motion-start 0.1.0 → 0.1.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/LICENSE.md +0 -0
- package/README.md +0 -0
- package/dist/components/AnimatePresence/PresenceChild/PresenceChild.svelte +22 -16
- package/dist/components/AnimatePresence/PresenceChild/PresenceChild.svelte.d.ts +1 -26
- package/dist/components/AnimatePresence/PresenceChild/PresenceChild.svelte.d.ts.map +1 -1
- package/dist/components/AnimatePresence/PresenceChild/types.d.ts +3 -1
- package/dist/components/AnimatePresence/PresenceChild/types.d.ts.map +1 -1
- package/dist/components/AnimateSharedLayout/AnimateSharedLayout.svelte +1 -1
- package/dist/components/AnimateSharedLayout/types.d.ts.map +1 -1
- package/dist/events/UseDomEvent.svelte +23 -9
- package/dist/events/UseDomEvent.svelte.d.ts +4 -26
- package/dist/events/UseDomEvent.svelte.d.ts.map +1 -1
- package/dist/gestures/drag/UseDrag.svelte +8 -14
- package/dist/gestures/drag/UseDrag.svelte.d.ts +6 -30
- package/dist/gestures/drag/UseDrag.svelte.d.ts.map +1 -1
- package/dist/gestures/drag/VisualElementDragControls.d.ts.map +1 -1
- package/dist/gestures/drag/VisualElementDragControls.js +7 -3
- package/dist/index.d.ts +3 -3
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +2 -3
- package/dist/motion/features/Exit.svelte +10 -9
- package/dist/motion/features/Exit.svelte.d.ts +6 -30
- package/dist/motion/features/Exit.svelte.d.ts.map +1 -1
- package/dist/motion/features/layout/Animate.svelte +26 -22
- package/dist/motion/features/layout/Animate.svelte.d.ts +2 -1
- package/dist/motion/features/layout/Animate.svelte.d.ts.map +1 -1
- package/dist/motion/features/types.d.ts +2 -1
- package/dist/motion/features/types.d.ts.map +1 -1
- package/dist/motion/types.d.ts +1 -1
- package/dist/motion/types.d.ts.map +1 -1
- package/dist/render/dom/M-type.spec-d.js +2 -2
- package/dist/render/dom/Motion-Proxy.svelte +1 -2
- package/dist/render/dom/Motion-Proxy.svelte.d.ts.map +1 -1
- package/dist/render/dom/Motion-type.spec-d.js +2 -2
- package/dist/render/dom/UseRender.svelte +3 -2
- package/dist/render/dom/UseRender.svelte.d.ts.map +1 -1
- package/dist/render/dom/motion-minimal.d.ts +10 -2
- package/dist/render/dom/motion-minimal.d.ts.map +1 -1
- package/dist/render/dom/motion-minimal.js +3 -3
- package/dist/render/dom/motion.d.ts +10 -2
- package/dist/render/dom/motion.d.ts.map +1 -1
- package/dist/render/dom/motion.js +1 -1
- package/dist/render/html/UseHTMLProps.svelte +13 -18
- package/dist/render/html/UseHTMLProps.svelte.d.ts +37 -0
- package/dist/render/html/UseHTMLProps.svelte.d.ts.map +1 -0
- package/dist/render/html/UseInitialMotionValues.svelte +6 -5
- package/dist/render/html/UseInitialMotionValues.svelte.d.ts +6 -34
- package/dist/render/html/UseInitialMotionValues.svelte.d.ts.map +1 -1
- package/dist/render/html/UseStyle.svelte +4 -2
- package/dist/render/html/UseStyle.svelte.d.ts.map +1 -1
- package/dist/render/html/types.d.ts +9 -0
- package/dist/render/html/types.d.ts.map +1 -1
- package/dist/render/html/use-props.d.ts +6 -4
- package/dist/render/html/use-props.d.ts.map +1 -1
- package/dist/render/html/use-props.js +4 -2
- package/dist/render/html/visual-element.d.ts +9 -3
- package/dist/render/html/visual-element.d.ts.map +1 -1
- package/dist/render/svg/UseSVGProps.svelte +13 -9
- package/dist/render/svg/UseSVGProps.svelte.d.ts +5 -37
- package/dist/render/svg/UseSVGProps.svelte.d.ts.map +1 -1
- package/dist/render/utils/lifecycles.d.ts +1 -1
- package/dist/render/utils/lifecycles.d.ts.map +1 -1
- package/dist/render/utils/lifecycles.js +5 -5
- package/dist/render/utils/state.d.ts.map +1 -1
- package/dist/utils/subscription-manager.d.ts +1 -1
- package/dist/utils/subscription-manager.d.ts.map +1 -1
- package/dist/utils/subscription-manager.js +1 -1
- package/dist/value/use-spring.d.ts +2 -2
- package/dist/value/use-spring.d.ts.map +1 -1
- package/dist/value/use-spring.js +7 -12
- package/package.json +91 -94
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
import type { VisualElement } from "../../../render/types.js";
|
|
1
2
|
interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
|
|
2
3
|
new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
|
|
3
4
|
$$bindings?: Bindings;
|
|
@@ -12,7 +13,7 @@ interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> =
|
|
|
12
13
|
z_$$bindings?: Bindings;
|
|
13
14
|
}
|
|
14
15
|
declare const Animate: $$__sveltets_2_IsomorphicComponent<{
|
|
15
|
-
visualElement:
|
|
16
|
+
visualElement: VisualElement;
|
|
16
17
|
layout?: undefined;
|
|
17
18
|
safeToRemove: any;
|
|
18
19
|
}, {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Animate.svelte.d.ts","sourceRoot":"","sources":["../../../../../../src/lib/motion-start/motion/features/layout/Animate.svelte.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"Animate.svelte.d.ts","sourceRoot":"","sources":["../../../../../../src/lib/motion-start/motion/features/layout/Animate.svelte.ts"],"names":[],"mappings":"AAuCA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,mCAAmC,CAAC;AAwSvE,UAAU,kCAAkC,CAAC,KAAK,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,GAAG,EAAE,MAAM,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,GAAG,EAAE,KAAK,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,GAAG,EAAE,OAAO,GAAG,EAAE,EAAE,QAAQ,GAAG,MAAM;IACpM,KAAK,OAAO,EAAE,OAAO,QAAQ,EAAE,2BAA2B,CAAC,KAAK,CAAC,GAAG,OAAO,QAAQ,EAAE,eAAe,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,CAAC,GAAG;QAAE,UAAU,CAAC,EAAE,QAAQ,CAAA;KAAE,GAAG,OAAO,CAAC;IACjK,CAAC,QAAQ,EAAE,OAAO,EAAE,KAAK,EAAE,KAAK,GAAG;QAAC,QAAQ,CAAC,EAAE,MAAM,CAAC;QAAC,OAAO,CAAC,EAAE,KAAK,CAAA;KAAC,GAAG,OAAO,GAAG;QAAE,IAAI,CAAC,EAAE,GAAG,CAAC;QAAC,GAAG,CAAC,EAAE,GAAG,CAAA;KAAE,CAAC;IAC9G,YAAY,CAAC,EAAE,QAAQ,CAAC;CAC3B;AAKD,QAAA,MAAM,OAAO;mBAVmG,aAAa;;;;;kBAUnC,CAAC;AACzE,KAAK,OAAO,GAAG,YAAY,CAAC,OAAO,OAAO,CAAC,CAAC;AAC9C,eAAe,OAAO,CAAC"}
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
based on framer-motion@4.1.17,
|
|
3
3
|
Copyright (c) 2018 Framer B.V.
|
|
4
4
|
*/
|
|
5
|
-
import type { Component } from 'svelte';
|
|
5
|
+
import type { Component, Snippet } from 'svelte';
|
|
6
6
|
import type { CreateVisualElement, VisualElement } from '../../render/types';
|
|
7
7
|
import type { MotionProps, Ref } from '../types';
|
|
8
8
|
import type { VisualState } from '../utils/use-visual-state';
|
|
@@ -13,6 +13,7 @@ export interface FeatureProps {
|
|
|
13
13
|
props: MotionProps;
|
|
14
14
|
visualElement: VisualElement;
|
|
15
15
|
isCustom: any;
|
|
16
|
+
children: Snippet;
|
|
16
17
|
}
|
|
17
18
|
export type FeatureNames = {
|
|
18
19
|
animation: true;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../src/lib/motion-start/motion/features/types.ts"],"names":[],"mappings":"AAAA;;;EAGE;AACF,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,QAAQ,CAAC;
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../src/lib/motion-start/motion/features/types.ts"],"names":[],"mappings":"AAAA;;;EAGE;AACF,OAAO,KAAK,EAAE,SAAS,EAAE,OAAO,EAAE,MAAM,QAAQ,CAAC;AACjD,OAAO,KAAK,EAAE,mBAAmB,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AAC7E,OAAO,KAAK,EAAE,WAAW,EAAE,GAAG,EAAE,MAAM,UAAU,CAAC;AACjD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,2BAA2B,CAAC;AAC7D;;GAEG;AACH,MAAM,WAAW,YAAY;IAC5B,KAAK,EAAE,WAAW,CAAC;IACnB,aAAa,EAAE,aAAa,CAAC;IAC7B,QAAQ,EAAE,GAAG,CAAC;IACd,QAAQ,EAAE,OAAO,CAAC;CAClB;AACD,MAAM,MAAM,YAAY,GAAG;IAC1B,SAAS,EAAE,IAAI,CAAC;IAChB,IAAI,EAAE,IAAI,CAAC;IACX,IAAI,EAAE,IAAI,CAAC;IACX,GAAG,EAAE,IAAI,CAAC;IACV,KAAK,EAAE,IAAI,CAAC;IACZ,KAAK,EAAE,IAAI,CAAC;IACZ,GAAG,EAAE,IAAI,CAAC;IACV,eAAe,EAAE,IAAI,CAAC;IACtB,aAAa,EAAE,IAAI,CAAC;CACpB,CAAC;AACF,MAAM,MAAM,gBAAgB,GAAG,SAAS,CAAC,YAAY,CAAC,CAAC;AACvD;;GAEG;AACH,MAAM,WAAW,iBAAiB;IACjC,SAAS,EAAE,CAAC,KAAK,EAAE,WAAW,KAAK,OAAO,CAAC;IAC3C,SAAS,CAAC,EAAE,gBAAgB,CAAC;CAC7B;AACD,MAAM,WAAW,iBAAiB;IACjC,SAAS,CAAC,EAAE,gBAAgB,CAAC;IAC7B,IAAI,CAAC,EAAE,gBAAgB,CAAC;IACxB,IAAI,CAAC,EAAE,gBAAgB,CAAC;IACxB,GAAG,CAAC,EAAE,gBAAgB,CAAC;IACvB,KAAK,CAAC,EAAE,gBAAgB,CAAC;IACzB,KAAK,CAAC,EAAE,gBAAgB,CAAC;IACzB,GAAG,CAAC,EAAE,gBAAgB,CAAC;IACvB,eAAe,CAAC,EAAE,gBAAgB,CAAC;IACnC,aAAa,CAAC,EAAE,gBAAgB,CAAC;CACjC;AACD,MAAM,WAAW,aAAc,SAAQ,iBAAiB;IACvD,QAAQ,EAAE,mBAAmB,CAAC,GAAG,CAAC,CAAC;CACnC;AACD,MAAM,MAAM,iBAAiB,GAAG,MAAM,OAAO,CAAC,aAAa,CAAC,CAAC;AAC7D,MAAM,MAAM,kBAAkB,GAAG;KAC/B,CAAC,IAAI,MAAM,YAAY,GAAG,iBAAiB;CAC5C,CAAC;AAEF,MAAM,MAAM,eAAe,CAAC,QAAQ,EAAE,WAAW,IAAI,CACpD,SAAS,EAAE,MAAM,GAAG,SAAS,EAC7B,KAAK,EAAE,WAAW,EAClB,GAAG,EAAE,GAAG,CAAC,QAAQ,CAAC,EAClB,WAAW,EAAE,WAAW,CAAC,QAAQ,EAAE,WAAW,CAAC,EAC/C,QAAQ,EAAE,OAAO,KACb,GAAG,CAAC"}
|
package/dist/motion/types.d.ts
CHANGED
|
@@ -6,7 +6,7 @@ import type { Properties } from 'csstype';
|
|
|
6
6
|
import type { AnimationControls } from '../animation/types';
|
|
7
7
|
import type { DraggableProps } from '../gestures/drag/types';
|
|
8
8
|
import type { FocusHandlers, HoverHandlers, PanHandlers, TapHandlers } from '../gestures/types';
|
|
9
|
-
import type { VisualElementLifecycles } from '../render/utils/lifecycles';
|
|
9
|
+
import type { VisualElementLifecycles } from '../render/utils/lifecycles.ts';
|
|
10
10
|
import type { MakeCustomValueType, Omit, Target, TargetAndTransition, Transition, Variants } from '../types';
|
|
11
11
|
import type { MotionValue } from '../value';
|
|
12
12
|
import type { LayoutProps } from './features/layout/types';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/lib/motion-start/motion/types.ts"],"names":[],"mappings":"AAAA;;;EAGE;AACF,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAC1C,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,oBAAoB,CAAC;AAC5D,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAC;AAC7D,OAAO,KAAK,EAAE,aAAa,EAAE,aAAa,EAAE,WAAW,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAChG,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/lib/motion-start/motion/types.ts"],"names":[],"mappings":"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"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { m } from './motion-minimal.js';
|
|
2
2
|
describe('test components type - svelte 5', () => {
|
|
3
3
|
it('should have Svelte component type for M', () => {
|
|
4
|
-
assertType(
|
|
4
|
+
assertType(m.div.prototype);
|
|
5
5
|
});
|
|
6
6
|
});
|
|
@@ -1,7 +1,6 @@
|
|
|
1
1
|
<!-- <svelte:options runes={true}/> -->
|
|
2
2
|
<script lang="ts">
|
|
3
3
|
import type { SvelteHTMLElements } from "svelte/elements";
|
|
4
|
-
import type { Snippet } from "svelte";
|
|
5
4
|
import type { MotionProps } from "../../motion";
|
|
6
5
|
import Motion from "../../motion/Motion.svelte";
|
|
7
6
|
|
|
@@ -13,10 +12,10 @@
|
|
|
13
12
|
<Motion {...$$restProps} let:props let:motion>
|
|
14
13
|
<svelte:element
|
|
15
14
|
this={___tag}
|
|
15
|
+
{...props}
|
|
16
16
|
bind:this={el}
|
|
17
17
|
class={props.class}
|
|
18
18
|
use:motion
|
|
19
|
-
{...props}
|
|
20
19
|
>
|
|
21
20
|
<slot />
|
|
22
21
|
</svelte:element>
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Motion-Proxy.svelte.d.ts","sourceRoot":"","sources":["../../../../../src/lib/motion-start/render/dom/Motion-Proxy.svelte.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,iBAAiB,CAAC;
|
|
1
|
+
{"version":3,"file":"Motion-Proxy.svelte.d.ts","sourceRoot":"","sources":["../../../../../src/lib/motion-start/render/dom/Motion-Proxy.svelte.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,iBAAiB,CAAC;AAuB1D,UAAU,kCAAkC,CAAC,KAAK,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,GAAG,EAAE,MAAM,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,GAAG,EAAE,KAAK,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,GAAG,EAAE,OAAO,GAAG,EAAE,EAAE,QAAQ,GAAG,MAAM;IACpM,KAAK,OAAO,EAAE,OAAO,QAAQ,EAAE,2BAA2B,CAAC,KAAK,CAAC,GAAG,OAAO,QAAQ,EAAE,eAAe,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,CAAC,GAAG;QAAE,UAAU,CAAC,EAAE,QAAQ,CAAA;KAAE,GAAG,OAAO,CAAC;IACjK,CAAC,QAAQ,EAAE,OAAO,EAAE,KAAK,EAAE,KAAK,GAAG;QAAC,QAAQ,CAAC,EAAE,MAAM,CAAC;QAAC,OAAO,CAAC,EAAE,KAAK,CAAA;KAAC,GAAG,OAAO,GAAG;QAAE,IAAI,CAAC,EAAE,GAAG,CAAC;QAAC,GAAG,CAAC,EAAE,GAAG,CAAA;KAAE,CAAC;IAC9G,YAAY,CAAC,EAAE,QAAQ,CAAC;CAC3B;AACD,KAAK,gCAAgC,CAAC,KAAK,EAAE,KAAK,IAAI,KAAK,GACvD,CAAC,KAAK,SAAS;IAAE,OAAO,EAAE,GAAG,CAAA;CAAE,GACzB,KAAK,SAAS,MAAM,CAAC,MAAM,EAAE,KAAK,CAAC,GACnC,GAAG,GACH;IAAE,QAAQ,CAAC,EAAE,GAAG,CAAA;CAAE,GAClB,EAAE,CAAC,CAAC;AAId,QAAA,MAAM,WAAW;;YAfqC,MAAM,kBAAkB;QAAM,kBAAkB,0BAAe,CAAC,MAAM,CAAC;;;;;;;cAeF,CAAC;AAC1G,KAAK,WAAW,GAAG,YAAY,CAAC,OAAO,WAAW,CAAC,CAAC;AACtD,eAAe,WAAW,CAAC"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { motion } from './motion.js';
|
|
2
2
|
describe('test components type - svelte 5', () => {
|
|
3
3
|
it('should have Svelte component type for Motion', () => {
|
|
4
|
-
assertType(
|
|
4
|
+
assertType(motion.div.prototype);
|
|
5
5
|
});
|
|
6
6
|
});
|
|
@@ -31,7 +31,8 @@ Copyright (c) 2018 Framer B.V. -->
|
|
|
31
31
|
{visualState}
|
|
32
32
|
{isStatic}
|
|
33
33
|
{props}
|
|
34
|
-
let:visualProps
|
|
35
34
|
>
|
|
36
|
-
|
|
35
|
+
{#snippet children(visualProps: any)}
|
|
36
|
+
<slot {motion} props={{ ...filteredProps, ...visualProps }} />
|
|
37
|
+
{/snippet}
|
|
37
38
|
</svelte:component>
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"UseRender.svelte.d.ts","sourceRoot":"","sources":["../../../../../src/lib/motion-start/render/dom/UseRender.svelte.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"UseRender.svelte.d.ts","sourceRoot":"","sources":["../../../../../src/lib/motion-start/render/dom/UseRender.svelte.ts"],"names":[],"mappings":"AA0CA,UAAU,kCAAkC,CAAC,KAAK,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,GAAG,EAAE,MAAM,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,GAAG,EAAE,KAAK,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,GAAG,EAAE,OAAO,GAAG,EAAE,EAAE,QAAQ,GAAG,MAAM;IACpM,KAAK,OAAO,EAAE,OAAO,QAAQ,EAAE,2BAA2B,CAAC,KAAK,CAAC,GAAG,OAAO,QAAQ,EAAE,eAAe,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,CAAC,GAAG;QAAE,UAAU,CAAC,EAAE,QAAQ,CAAA;KAAE,GAAG,OAAO,CAAC;IACjK,CAAC,QAAQ,EAAE,OAAO,EAAE,KAAK,EAAE,KAAK,GAAG;QAAC,QAAQ,CAAC,EAAE,MAAM,CAAC;QAAC,OAAO,CAAC,EAAE,KAAK,CAAA;KAAC,GAAG,OAAO,GAAG;QAAE,IAAI,CAAC,EAAE,GAAG,CAAC;QAAC,GAAG,CAAC,EAAE,GAAG,CAAA;KAAE,CAAC;IAC9G,YAAY,CAAC,EAAE,QAAQ,CAAC;CAC3B;AACD,KAAK,gCAAgC,CAAC,KAAK,EAAE,KAAK,IAAI,KAAK,GACvD,CAAC,KAAK,SAAS;IAAE,OAAO,EAAE,GAAG,CAAA;CAAE,GACzB,KAAK,SAAS,MAAM,CAAC,MAAM,EAAE,KAAK,CAAC,GACnC,GAAG,GACH;IAAE,QAAQ,CAAC,EAAE,GAAG,CAAA;CAAE,GAClB,EAAE,CAAC,CAAC;AAId,QAAA,MAAM,SAAS;;;;;;;;;;uBArCS,GAAG;;;;;;;uBAAH,GAAG;;;cAqCuE,CAAC;AACjF,KAAK,SAAS,GAAG,YAAY,CAAC,OAAO,SAAS,CAAC,CAAC;AAClD,eAAe,SAAS,CAAC"}
|
|
@@ -517,7 +517,7 @@ declare var m: {
|
|
|
517
517
|
children?: import("svelte").Snippet;
|
|
518
518
|
class?: string;
|
|
519
519
|
el?: unknown;
|
|
520
|
-
} & Omit<import("svelte/elements.js").
|
|
520
|
+
} & Omit<import("svelte/elements.js").HTMLTemplateAttributes, "style">, {}, string>;
|
|
521
521
|
tbody: import("svelte").Component<import("../../index.js").MotionProps & {
|
|
522
522
|
children?: import("svelte").Snippet;
|
|
523
523
|
class?: string;
|
|
@@ -937,6 +937,14 @@ declare var m: {
|
|
|
937
937
|
} & Omit<{
|
|
938
938
|
[name: string]: any;
|
|
939
939
|
}, "style">, {}, string>;
|
|
940
|
+
'svelte:boundary': import("svelte").Component<import("../../index.js").MotionProps & {
|
|
941
|
+
children?: import("svelte").Snippet;
|
|
942
|
+
class?: string;
|
|
943
|
+
el?: unknown;
|
|
944
|
+
} & Omit<{
|
|
945
|
+
onerror?: (error: unknown, reset: () => void) => void;
|
|
946
|
+
failed?: import("svelte").Snippet<[error: unknown, reset: () => void]>;
|
|
947
|
+
}, "style">, {}, string>;
|
|
940
948
|
};
|
|
941
|
-
export { m
|
|
949
|
+
export { m };
|
|
942
950
|
//# sourceMappingURL=motion-minimal.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"motion-minimal.d.ts","sourceRoot":"","sources":["../../../../../src/lib/motion-start/render/dom/motion-minimal.ts"],"names":[],"mappings":"AAAA;;;EAGE;AAUF;;GAEG;AACH,QAAA,IAAI,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;
|
|
1
|
+
{"version":3,"file":"motion-minimal.d.ts","sourceRoot":"","sources":["../../../../../src/lib/motion-start/render/dom/motion-minimal.ts"],"names":[],"mappings":"AAAA;;;EAGE;AAUF;;GAEG;AACH,QAAA,IAAI,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;eAS+klF,CAAC;kBAAqB,CAAC;iBAAyC,CAAC;yBAA8D,CAAC;uBAA0B,CAAC;oBAAwB,CAAC;;kBAA0G,CAAC;;;;;;;;;;;;;;;;;;;wBAA4X,QAAQ;;CAT7rmF,CAAC;AAQ3D,OAAO,EAAE,CAAC,EAAE,CAAC"}
|
|
@@ -6,17 +6,17 @@ Copyright (c) 2018 Framer B.V.
|
|
|
6
6
|
based on framer-motion@4.0.3,
|
|
7
7
|
Copyright (c) 2018 Framer B.V.
|
|
8
8
|
*/
|
|
9
|
-
import {
|
|
9
|
+
import { animations } from './featureBundle.js';
|
|
10
10
|
import { createMotionProxy } from './motion-proxy.js';
|
|
11
11
|
// import { createMotionClass } from './create-motion-class.js';
|
|
12
12
|
/**
|
|
13
13
|
* @public
|
|
14
14
|
*/
|
|
15
|
-
var m = /*@__PURE__*/ createMotionProxy({ ...
|
|
15
|
+
var m = /*@__PURE__*/ createMotionProxy({ ...animations });
|
|
16
16
|
// createMotionClass({ ...layoutAnimations }) as unknown as (<Props extends Record<string, any>>(
|
|
17
17
|
// Component: string | import('svelte').Component<Props>,
|
|
18
18
|
// customMotionComponentConfig?: import('./motion-proxy.js').CustomMotionComponentConfig
|
|
19
19
|
// ) => import('./motion-proxy.js').CustomDomComponent<Props>) &
|
|
20
20
|
// import('../html/types.js').HTMLMotionComponents &
|
|
21
21
|
// import('../svg/types.js').SVGMotionComponents;
|
|
22
|
-
export { m
|
|
22
|
+
export { m };
|
|
@@ -525,7 +525,7 @@ declare var motion: {
|
|
|
525
525
|
children?: import("svelte").Snippet;
|
|
526
526
|
class?: string;
|
|
527
527
|
el?: unknown;
|
|
528
|
-
} & Omit<import("svelte/elements.js").
|
|
528
|
+
} & Omit<import("svelte/elements.js").HTMLTemplateAttributes, "style">, {}, string>;
|
|
529
529
|
tbody: import("svelte").Component<import("../../motion/types.js").MotionProps & {
|
|
530
530
|
children?: import("svelte").Snippet;
|
|
531
531
|
class?: string;
|
|
@@ -945,6 +945,14 @@ declare var motion: {
|
|
|
945
945
|
} & Omit<{
|
|
946
946
|
[name: string]: any;
|
|
947
947
|
}, "style">, {}, string>;
|
|
948
|
+
'svelte:boundary': import("svelte").Component<import("../../motion/types.js").MotionProps & {
|
|
949
|
+
children?: import("svelte").Snippet;
|
|
950
|
+
class?: string;
|
|
951
|
+
el?: unknown;
|
|
952
|
+
} & Omit<{
|
|
953
|
+
onerror?: (error: unknown, reset: () => void) => void;
|
|
954
|
+
failed?: import("svelte").Snippet<[error: unknown, reset: () => void]>;
|
|
955
|
+
}, "style">, {}, string>;
|
|
948
956
|
};
|
|
949
957
|
/**
|
|
950
958
|
* Create a DOM `motion` component with the provided string. This is primarily intended
|
|
@@ -962,5 +970,5 @@ declare var motion: {
|
|
|
962
970
|
* @public
|
|
963
971
|
*/
|
|
964
972
|
declare function createDomMotionComponent<T extends keyof DOMMotionComponents>(key: T): DOMMotionComponents[T];
|
|
965
|
-
export { motion
|
|
973
|
+
export { motion, createDomMotionComponent };
|
|
966
974
|
//# sourceMappingURL=motion.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"motion.d.ts","sourceRoot":"","sources":["../../../../../src/lib/motion-start/render/dom/motion.ts"],"names":[],"mappings":"AAAA;;;EAGE;AACF,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,YAAY,CAAC;AAItD,MAAM,WAAW,KAAK;IACrB,oJAAoJ;IACpJ,KAAK,CAAC,EAAE,OAAO,CAAC;CAChB;AAYD;;;;;GAKG;AACH,QAAA,IAAI,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;
|
|
1
|
+
{"version":3,"file":"motion.d.ts","sourceRoot":"","sources":["../../../../../src/lib/motion-start/render/dom/motion.ts"],"names":[],"mappings":"AAAA;;;EAGE;AACF,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,YAAY,CAAC;AAItD,MAAM,WAAW,KAAK;IACrB,oJAAoJ;IACpJ,KAAK,CAAC,EAAE,OAAO,CAAC;CAChB;AAYD;;;;;GAKG;AACH,QAAA,IAAI,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;eAkCk5iF,CAAC;kBAAqB,CAAC;iBAAyC,CAAC;yBAA8D,CAAC;uBAA0B,CAAC;oBAAwB,CAAC;;kBAA0G,CAAC;;;;;;;;;;;;;;;;;;;wBAA4X,QAAQ;;CAlCpgkF,CAAC;AAE5D;;;;;;;;;;;;;;GAcG;AACH,iBAAS,wBAAwB,CAAC,CAAC,SAAS,MAAM,mBAAmB,EAAE,GAAG,EAAE,CAAC,GAAG,mBAAmB,CAAC,CAAC,CAAC,CAcrG;AAED,OAAO,EAAE,MAAM,EAAE,wBAAwB,EAAE,CAAC"}
|
|
@@ -3,28 +3,23 @@ Copyright (c) 2018 Framer B.V. -->
|
|
|
3
3
|
|
|
4
4
|
<script lang="ts">
|
|
5
5
|
import UseStyle from "./UseStyle.svelte";
|
|
6
|
+
import type { HTMLProps } from "./types";
|
|
6
7
|
|
|
7
8
|
export let props, visualState, isStatic;
|
|
8
9
|
|
|
9
|
-
const getHTMLProps = (
|
|
10
|
-
|
|
11
|
-
|
|
10
|
+
const getHTMLProps = (
|
|
11
|
+
style: HTMLProps["style"],
|
|
12
|
+
props: { drag: string | boolean },
|
|
13
|
+
) => {
|
|
14
|
+
let htmlProps: HTMLProps = {
|
|
15
|
+
draggable: false,
|
|
12
16
|
style: {
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
}
|
|
18
|
-
}
|
|
19
|
-
let htmlProps: HTMLProps = {
|
|
20
|
-
draggable: false,
|
|
21
|
-
style: {
|
|
22
|
-
userSelect: undefined,
|
|
23
|
-
WebkitUserSelect: undefined,
|
|
24
|
-
WebkitTouchCallout: undefined,
|
|
25
|
-
touchAction: undefined,
|
|
26
|
-
}
|
|
27
|
-
};
|
|
17
|
+
userSelect: undefined,
|
|
18
|
+
WebkitUserSelect: undefined,
|
|
19
|
+
WebkitTouchCallout: undefined,
|
|
20
|
+
touchAction: undefined,
|
|
21
|
+
},
|
|
22
|
+
};
|
|
28
23
|
if (Boolean(props.drag)) {
|
|
29
24
|
// Disable the ghost element when a user drags
|
|
30
25
|
htmlProps.draggable = false;
|
|
@@ -0,0 +1,37 @@
|
|
|
1
|
+
import type { HTMLProps } from "./types";
|
|
2
|
+
interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
|
|
3
|
+
new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
|
|
4
|
+
$$bindings?: Bindings;
|
|
5
|
+
} & Exports;
|
|
6
|
+
(internal: unknown, props: Props & {
|
|
7
|
+
$$events?: Events;
|
|
8
|
+
$$slots?: Slots;
|
|
9
|
+
}): Exports & {
|
|
10
|
+
$set?: any;
|
|
11
|
+
$on?: any;
|
|
12
|
+
};
|
|
13
|
+
z_$$bindings?: Bindings;
|
|
14
|
+
}
|
|
15
|
+
type $$__sveltets_2_PropsWithChildren<Props, Slots> = Props & (Slots extends {
|
|
16
|
+
default: any;
|
|
17
|
+
} ? Props extends Record<string, never> ? any : {
|
|
18
|
+
children?: any;
|
|
19
|
+
} : {});
|
|
20
|
+
declare const UseHtmlProps: $$__sveltets_2_IsomorphicComponent<$$__sveltets_2_PropsWithChildren<{
|
|
21
|
+
props: any;
|
|
22
|
+
visualState: any;
|
|
23
|
+
isStatic: any;
|
|
24
|
+
}, {
|
|
25
|
+
default: {
|
|
26
|
+
visualProps: HTMLProps;
|
|
27
|
+
};
|
|
28
|
+
}>, {
|
|
29
|
+
[evt: string]: CustomEvent<any>;
|
|
30
|
+
}, {
|
|
31
|
+
default: {
|
|
32
|
+
visualProps: HTMLProps;
|
|
33
|
+
};
|
|
34
|
+
}, {}, string>;
|
|
35
|
+
type UseHtmlProps = InstanceType<typeof UseHtmlProps>;
|
|
36
|
+
export default UseHtmlProps;
|
|
37
|
+
//# sourceMappingURL=UseHTMLProps.svelte.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"UseHTMLProps.svelte.d.ts","sourceRoot":"","sources":["../../../../../src/lib/motion-start/render/html/UseHTMLProps.svelte.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAiDzC,UAAU,kCAAkC,CAAC,KAAK,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,GAAG,EAAE,MAAM,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,GAAG,EAAE,KAAK,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,GAAG,EAAE,OAAO,GAAG,EAAE,EAAE,QAAQ,GAAG,MAAM;IACpM,KAAK,OAAO,EAAE,OAAO,QAAQ,EAAE,2BAA2B,CAAC,KAAK,CAAC,GAAG,OAAO,QAAQ,EAAE,eAAe,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,CAAC,GAAG;QAAE,UAAU,CAAC,EAAE,QAAQ,CAAA;KAAE,GAAG,OAAO,CAAC;IACjK,CAAC,QAAQ,EAAE,OAAO,EAAE,KAAK,EAAE,KAAK,GAAG;QAAC,QAAQ,CAAC,EAAE,MAAM,CAAC;QAAC,OAAO,CAAC,EAAE,KAAK,CAAA;KAAC,GAAG,OAAO,GAAG;QAAE,IAAI,CAAC,EAAE,GAAG,CAAC;QAAC,GAAG,CAAC,EAAE,GAAG,CAAA;KAAE,CAAC;IAC9G,YAAY,CAAC,EAAE,QAAQ,CAAC;CAC3B;AACD,KAAK,gCAAgC,CAAC,KAAK,EAAE,KAAK,IAAI,KAAK,GACvD,CAAC,KAAK,SAAS;IAAE,OAAO,EAAE,GAAG,CAAA;CAAE,GACzB,KAAK,SAAS,MAAM,CAAC,MAAM,EAAE,KAAK,CAAC,GACnC,GAAG,GACH;IAAE,QAAQ,CAAC,EAAE,GAAG,CAAA;CAAE,GAClB,EAAE,CAAC,CAAC;AAId,QAAA,MAAM,YAAY;;;;;;;;;;;;;;cAAmF,CAAC;AACpF,KAAK,YAAY,GAAG,YAAY,CAAC,OAAO,YAAY,CAAC,CAAC;AACxD,eAAe,YAAY,CAAC"}
|
|
@@ -1,12 +1,13 @@
|
|
|
1
1
|
<!-- based on framer-motion@4.0.3,
|
|
2
2
|
Copyright (c) 2018 Framer B.V. -->
|
|
3
|
+
<svelte:options runes />
|
|
3
4
|
|
|
4
5
|
<script lang="ts">
|
|
5
6
|
import { buildHTMLStyles } from "./utils/build-styles.js";
|
|
6
7
|
|
|
7
8
|
import { createHtmlRenderState } from "./utils/create-render-state.js";
|
|
8
|
-
|
|
9
|
-
const memo = (variantLabelsAsDependency?:string | boolean | undefined) => {
|
|
9
|
+
let { visualState, isStatic, props, children } = $props();
|
|
10
|
+
const memo = (variantLabelsAsDependency?: string | boolean | undefined) => {
|
|
10
11
|
let state = createHtmlRenderState();
|
|
11
12
|
|
|
12
13
|
buildHTMLStyles(
|
|
@@ -15,13 +16,13 @@ Copyright (c) 2018 Framer B.V. -->
|
|
|
15
16
|
undefined,
|
|
16
17
|
undefined,
|
|
17
18
|
{ enableHardwareAcceleration: !isStatic },
|
|
18
|
-
props.transformTemplate
|
|
19
|
+
props.transformTemplate,
|
|
19
20
|
);
|
|
20
21
|
|
|
21
22
|
const { vars, style } = state;
|
|
22
23
|
return { ...vars, ...style };
|
|
23
24
|
};
|
|
24
|
-
|
|
25
|
+
const styles = $derived(memo(visualState));
|
|
25
26
|
</script>
|
|
26
27
|
|
|
27
|
-
|
|
28
|
+
{@render children(styles)}
|
|
@@ -1,36 +1,8 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
$$slots?: Slots;
|
|
8
|
-
}): Exports & {
|
|
9
|
-
$set?: any;
|
|
10
|
-
$on?: any;
|
|
11
|
-
};
|
|
12
|
-
z_$$bindings?: Bindings;
|
|
13
|
-
}
|
|
14
|
-
type $$__sveltets_2_PropsWithChildren<Props, Slots> = Props & (Slots extends {
|
|
15
|
-
default: any;
|
|
16
|
-
} ? Props extends Record<string, never> ? any : {
|
|
17
|
-
children?: any;
|
|
18
|
-
} : {});
|
|
19
|
-
declare const UseInitialMotionValues: $$__sveltets_2_IsomorphicComponent<$$__sveltets_2_PropsWithChildren<{
|
|
20
|
-
visualState: any;
|
|
21
|
-
isStatic: any;
|
|
22
|
-
props: any;
|
|
23
|
-
}, {
|
|
24
|
-
default: {
|
|
25
|
-
styles: {};
|
|
26
|
-
};
|
|
27
|
-
}>, {
|
|
28
|
-
[evt: string]: CustomEvent<any>;
|
|
29
|
-
}, {
|
|
30
|
-
default: {
|
|
31
|
-
styles: {};
|
|
32
|
-
};
|
|
33
|
-
}, {}, string>;
|
|
34
|
-
type UseInitialMotionValues = InstanceType<typeof UseInitialMotionValues>;
|
|
1
|
+
declare const UseInitialMotionValues: import("svelte").Component<{
|
|
2
|
+
visualState: unknown;
|
|
3
|
+
isStatic: unknown;
|
|
4
|
+
props: unknown;
|
|
5
|
+
children: unknown;
|
|
6
|
+
}, {}, "">;
|
|
35
7
|
export default UseInitialMotionValues;
|
|
36
8
|
//# sourceMappingURL=UseInitialMotionValues.svelte.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"UseInitialMotionValues.svelte.d.ts","sourceRoot":"","sources":["../../../../../src/lib/motion-start/render/html/UseInitialMotionValues.svelte.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"UseInitialMotionValues.svelte.d.ts","sourceRoot":"","sources":["../../../../../src/lib/motion-start/render/html/UseInitialMotionValues.svelte.ts"],"names":[],"mappings":"AAqCA,QAAA,MAAM,sBAAsB;iBA3BgC,OAAO;cAAY,OAAO;WAAS,OAAO;cAAY,OAAO;UA2BvD,CAAC;AACnE,eAAe,sBAAsB,CAAC"}
|
|
@@ -27,6 +27,8 @@ Copyright (c) 2018 Framer B.V. -->
|
|
|
27
27
|
};
|
|
28
28
|
</script>
|
|
29
29
|
|
|
30
|
-
<UseInitialMotionValues {props} {visualState} {isStatic}
|
|
31
|
-
|
|
30
|
+
<UseInitialMotionValues {props} {visualState} {isStatic}>
|
|
31
|
+
{#snippet children(s1: any)}
|
|
32
|
+
<slot styles={toStyle({ s1, props, style })} />
|
|
33
|
+
{/snippet}
|
|
32
34
|
</UseInitialMotionValues>
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"UseStyle.svelte.d.ts","sourceRoot":"","sources":["../../../../../src/lib/motion-start/render/html/UseStyle.svelte.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"UseStyle.svelte.d.ts","sourceRoot":"","sources":["../../../../../src/lib/motion-start/render/html/UseStyle.svelte.ts"],"names":[],"mappings":"AA0CA,UAAU,kCAAkC,CAAC,KAAK,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,GAAG,EAAE,MAAM,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,GAAG,EAAE,KAAK,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,GAAG,EAAE,OAAO,GAAG,EAAE,EAAE,QAAQ,GAAG,MAAM;IACpM,KAAK,OAAO,EAAE,OAAO,QAAQ,EAAE,2BAA2B,CAAC,KAAK,CAAC,GAAG,OAAO,QAAQ,EAAE,eAAe,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,CAAC,GAAG;QAAE,UAAU,CAAC,EAAE,QAAQ,CAAA;KAAE,GAAG,OAAO,CAAC;IACjK,CAAC,QAAQ,EAAE,OAAO,EAAE,KAAK,EAAE,KAAK,GAAG;QAAC,QAAQ,CAAC,EAAE,MAAM,CAAC;QAAC,OAAO,CAAC,EAAE,KAAK,CAAA;KAAC,GAAG,OAAO,GAAG;QAAE,IAAI,CAAC,EAAE,GAAG,CAAC;QAAC,GAAG,CAAC,EAAE,GAAG,CAAA;KAAE,CAAC;IAC9G,YAAY,CAAC,EAAE,QAAQ,CAAC;CAC3B;AACD,KAAK,gCAAgC,CAAC,KAAK,EAAE,KAAK,IAAI,KAAK,GACvD,CAAC,KAAK,SAAS;IAAE,OAAO,EAAE,GAAG,CAAA;CAAE,GACzB,KAAK,SAAS,MAAM,CAAC,MAAM,EAAE,KAAK,CAAC,GACnC,GAAG,GACH;IAAE,QAAQ,CAAC,EAAE,GAAG,CAAA;CAAE,GAClB,EAAE,CAAC,CAAC;AAId,QAAA,MAAM,QAAQ;;;;;;;;;;;;;;cAAmF,CAAC;AAChF,KAAK,QAAQ,GAAG,YAAY,CAAC,OAAO,QAAQ,CAAC,CAAC;AAChD,eAAe,QAAQ,CAAC"}
|
|
@@ -7,6 +7,15 @@ import type { MotionProps } from '../../motion/types';
|
|
|
7
7
|
import type { ResolvedValues } from '../types';
|
|
8
8
|
import type { HTMLElements } from './supported-elements';
|
|
9
9
|
import type { Component } from 'svelte';
|
|
10
|
+
export type HTMLProps = {
|
|
11
|
+
draggable: boolean;
|
|
12
|
+
style: {
|
|
13
|
+
userSelect?: any;
|
|
14
|
+
WebkitUserSelect?: any;
|
|
15
|
+
WebkitTouchCallout?: any;
|
|
16
|
+
touchAction?: any;
|
|
17
|
+
};
|
|
18
|
+
};
|
|
10
19
|
export interface TransformOrigin {
|
|
11
20
|
originX?: number | string;
|
|
12
21
|
originY?: number | string;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../src/lib/motion-start/render/html/types.ts"],"names":[],"mappings":"AAAA;;;EAGE;AACF,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,iBAAiB,CAAC;AAC1D,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAC;AACtD,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,UAAU,CAAC;AAC/C,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAC;AACzD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,QAAQ,CAAC;AAExC,MAAM,WAAW,eAAe;IAC/B,OAAO,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC1B,OAAO,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC1B,OAAO,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;CAC1B;AACD,MAAM,WAAW,eAAe;IAC/B;;;OAGG;IACH,SAAS,EAAE,cAAc,CAAC;IAC1B;;;OAGG;IACH,aAAa,EAAE,MAAM,EAAE,CAAC;IACxB;;;OAGG;IACH,eAAe,EAAE,eAAe,CAAC;IACjC;;;OAGG;IACH,KAAK,EAAE,cAAc,CAAC;IACtB;;;OAGG;IACH,IAAI,EAAE,cAAc,CAAC;CACrB;AACD;;GAEG;AACH,MAAM,MAAM,mBAAmB,CAAC,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,EAAE,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,IAAI,SAAS,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC;AAEjH;;;;GAIG;AACH,MAAM,MAAM,oBAAoB,GAAG;KACjC,CAAC,IAAI,YAAY,GAAG,mBAAmB,CAAC,WAAW,EAAE,kBAAkB,CAAC,CAAC,CAAC,CAAC;CAC5E,CAAC"}
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../src/lib/motion-start/render/html/types.ts"],"names":[],"mappings":"AAAA;;;EAGE;AACF,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,iBAAiB,CAAC;AAC1D,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAC;AACtD,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,UAAU,CAAC;AAC/C,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAC;AACzD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,QAAQ,CAAC;AAExC,MAAM,MAAM,SAAS,GAAG;IACvB,SAAS,EAAE,OAAO,CAAC;IACnB,KAAK,EAAE;QACN,UAAU,CAAC,EAAE,GAAG,CAAC;QACjB,gBAAgB,CAAC,EAAE,GAAG,CAAC;QACvB,kBAAkB,CAAC,EAAE,GAAG,CAAC;QACzB,WAAW,CAAC,EAAE,GAAG,CAAC;KAClB,CAAC;CACF,CAAC;AAEF,MAAM,WAAW,eAAe;IAC/B,OAAO,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC1B,OAAO,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC1B,OAAO,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;CAC1B;AACD,MAAM,WAAW,eAAe;IAC/B;;;OAGG;IACH,SAAS,EAAE,cAAc,CAAC;IAC1B;;;OAGG;IACH,aAAa,EAAE,MAAM,EAAE,CAAC;IACxB;;;OAGG;IACH,eAAe,EAAE,eAAe,CAAC;IACjC;;;OAGG;IACH,KAAK,EAAE,cAAc,CAAC;IACtB;;;OAGG;IACH,IAAI,EAAE,cAAc,CAAC;CACrB;AACD;;GAEG;AACH,MAAM,MAAM,mBAAmB,CAAC,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,EAAE,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,IAAI,SAAS,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC;AAEjH;;;;GAIG;AACH,MAAM,MAAM,oBAAoB,GAAG;KACjC,CAAC,IAAI,YAAY,GAAG,mBAAmB,CAAC,WAAW,EAAE,kBAAkB,CAAC,CAAC,CAAC,CAAC;CAC5E,CAAC"}
|
|
@@ -1,10 +1,12 @@
|
|
|
1
1
|
import type { MotionValue } from '../../value';
|
|
2
2
|
import type { MotionProps } from '../../motion/types';
|
|
3
3
|
import type { ResolvedValues } from '../types';
|
|
4
|
-
export type
|
|
5
|
-
export type
|
|
6
|
-
|
|
7
|
-
|
|
4
|
+
export type UseStyle = (props: MotionProps, visualState: ResolvedValues, isStatic: boolean) => ResolvedValues;
|
|
5
|
+
export type UseHTMLProps = (props: MotionProps, visualState: ResolvedValues, isStatic: boolean) => any;
|
|
6
|
+
import { default as UseHTMLPropsComp } from './UseHTMLProps.svelte';
|
|
7
|
+
import { default as UseStyleComp } from './UseStyle.svelte';
|
|
8
|
+
export declare const UseHTMLProps: typeof UseHTMLPropsComp;
|
|
9
|
+
export declare const UseStyle: typeof UseStyleComp;
|
|
8
10
|
export declare function copyRawValuesOnly(target: ResolvedValues, source: {
|
|
9
11
|
[key: string]: string | number | MotionValue;
|
|
10
12
|
}, props: MotionProps): void;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"use-props.d.ts","sourceRoot":"","sources":["../../../../../src/lib/motion-start/render/html/use-props.ts"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAE/C,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAC;AACtD,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,UAAU,CAAC;AAE/C,MAAM,MAAM,QAAQ,GAAG,CAAC,KAAK,EAAE,WAAW,EAAE,WAAW,EAAE,cAAc,EAAE,QAAQ,EAAE,OAAO,KAAK,cAAc,CAAC;AAC9G,MAAM,MAAM,YAAY,GAAG,CAAC,KAAK,EAAE,WAAW,EAAE,WAAW,EAAE,cAAc,EAAE,QAAQ,EAAE,OAAO,KAAK,GAAG,CAAC;AAEvG,OAAO,EAAE,OAAO,IAAI,
|
|
1
|
+
{"version":3,"file":"use-props.d.ts","sourceRoot":"","sources":["../../../../../src/lib/motion-start/render/html/use-props.ts"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAE/C,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAC;AACtD,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,UAAU,CAAC;AAE/C,MAAM,MAAM,QAAQ,GAAG,CAAC,KAAK,EAAE,WAAW,EAAE,WAAW,EAAE,cAAc,EAAE,QAAQ,EAAE,OAAO,KAAK,cAAc,CAAC;AAC9G,MAAM,MAAM,YAAY,GAAG,CAAC,KAAK,EAAE,WAAW,EAAE,WAAW,EAAE,cAAc,EAAE,QAAQ,EAAE,OAAO,KAAK,GAAG,CAAC;AAEvG,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,uBAAuB,CAAC;AACpE,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAE5D,eAAO,MAAM,YAAY,EAAuB,OAAO,gBAAgB,CAAC;AACxE,eAAO,MAAM,QAAQ,EAAmB,OAAO,YAAY,CAAC;AAE5D,wBAAgB,iBAAiB,CAChC,MAAM,EAAE,cAAc,EACtB,MAAM,EAAE;IACP,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,GAAG,MAAM,GAAG,WAAW,CAAC;CAC7C,EACD,KAAK,EAAE,WAAW,QAOlB"}
|
|
@@ -4,8 +4,10 @@ Copyright (c) 2018 Framer B.V.
|
|
|
4
4
|
*/
|
|
5
5
|
import { isForcedMotionValue } from '../../motion/utils/is-forced-motion-value';
|
|
6
6
|
import { isMotionValue } from '../../value/utils/is-motion-value';
|
|
7
|
-
|
|
8
|
-
|
|
7
|
+
import { default as UseHTMLPropsComp } from './UseHTMLProps.svelte';
|
|
8
|
+
import { default as UseStyleComp } from './UseStyle.svelte';
|
|
9
|
+
export const UseHTMLProps = UseHTMLPropsComp;
|
|
10
|
+
export const UseStyle = UseStyleComp;
|
|
9
11
|
export function copyRawValuesOnly(target, source, props) {
|
|
10
12
|
for (const key in source) {
|
|
11
13
|
if (!isMotionValue(source[key]) && !isForcedMotionValue(key, props)) {
|
|
@@ -402,7 +402,7 @@ declare var htmlConfig: {
|
|
|
402
402
|
writingMode?: import("csstype").Property.WritingMode | undefined;
|
|
403
403
|
zIndex?: import("csstype").Property.ZIndex | undefined;
|
|
404
404
|
zoom?: import("csstype").Property.Zoom | undefined;
|
|
405
|
-
all?: import("csstype").
|
|
405
|
+
all?: import("csstype").Globals | undefined;
|
|
406
406
|
animation?: import("csstype").Property.Animation<string & {}> | undefined;
|
|
407
407
|
animationRange?: import("csstype").Property.AnimationRange<0 | (string & {})> | undefined;
|
|
408
408
|
background?: import("csstype").Property.Background<0 | (string & {})> | undefined;
|
|
@@ -1681,7 +1681,7 @@ declare var htmlConfig: {
|
|
|
1681
1681
|
lang?: string | import("../..").CustomValueType | (string | import("../..").CustomValueType | null | undefined)[] | [null, ...(string | import("../..").CustomValueType | null | undefined)[]] | null | undefined;
|
|
1682
1682
|
max?: string | number | import("../..").CustomValueType | (string | number | import("../..").CustomValueType | null | undefined)[] | [null, ...(string | number | import("../..").CustomValueType | null | undefined)[]] | null | undefined;
|
|
1683
1683
|
media?: string | import("../..").CustomValueType | (string | import("../..").CustomValueType | null | undefined)[] | [null, ...(string | import("../..").CustomValueType | null | undefined)[]] | null | undefined;
|
|
1684
|
-
method?:
|
|
1684
|
+
method?: import("../..").CustomValueType | "stretch" | "align" | (import("../..").CustomValueType | "stretch" | "align" | null | undefined)[] | [null, ...(import("../..").CustomValueType | "stretch" | "align" | null | undefined)[]] | null | undefined;
|
|
1685
1685
|
min?: string | number | import("../..").CustomValueType | (string | number | import("../..").CustomValueType | null | undefined)[] | [null, ...(string | number | import("../..").CustomValueType | null | undefined)[]] | null | undefined;
|
|
1686
1686
|
name?: string | import("../..").CustomValueType | (string | import("../..").CustomValueType | null | undefined)[] | [null, ...(string | import("../..").CustomValueType | null | undefined)[]] | null | undefined;
|
|
1687
1687
|
style?: string | import("../..").CustomValueType | (string | import("../..").CustomValueType | null | undefined)[] | [null, ...(string | import("../..").CustomValueType | null | undefined)[]] | null | undefined;
|
|
@@ -1965,7 +1965,7 @@ declare var htmlConfig: {
|
|
|
1965
1965
|
'aria-valuemin'?: number | import("../..").CustomValueType | (number | import("../..").CustomValueType | null | undefined)[] | [null, ...(number | import("../..").CustomValueType | null | undefined)[]] | null | undefined;
|
|
1966
1966
|
'aria-valuenow'?: number | import("../..").CustomValueType | (number | import("../..").CustomValueType | null | undefined)[] | [null, ...(number | import("../..").CustomValueType | null | undefined)[]] | null | undefined;
|
|
1967
1967
|
'aria-valuetext'?: string | import("../..").CustomValueType | (string | import("../..").CustomValueType | null | undefined)[] | [null, ...(string | import("../..").CustomValueType | null | undefined)[]] | null | undefined;
|
|
1968
|
-
children?: import("
|
|
1968
|
+
children?: import("svelte").Snippet<[]> | import("../..").CustomValueType | (import("svelte").Snippet<[]> | import("../..").CustomValueType | undefined)[] | [null, ...(import("svelte").Snippet<[]> | import("../..").CustomValueType | undefined)[]] | undefined;
|
|
1969
1969
|
'on:copy'?: import("../..").CustomValueType | import("svelte/elements").ClipboardEventHandler<SVGElement> | (import("../..").CustomValueType | import("svelte/elements").ClipboardEventHandler<SVGElement> | null | undefined)[] | [null, ...(import("../..").CustomValueType | import("svelte/elements").ClipboardEventHandler<SVGElement> | null | undefined)[]] | null | undefined;
|
|
1970
1970
|
oncopy?: import("../..").CustomValueType | import("svelte/elements").ClipboardEventHandler<SVGElement> | (import("../..").CustomValueType | import("svelte/elements").ClipboardEventHandler<SVGElement> | null | undefined)[] | [null, ...(import("../..").CustomValueType | import("svelte/elements").ClipboardEventHandler<SVGElement> | null | undefined)[]] | null | undefined;
|
|
1971
1971
|
oncopycapture?: import("../..").CustomValueType | import("svelte/elements").ClipboardEventHandler<SVGElement> | (import("../..").CustomValueType | import("svelte/elements").ClipboardEventHandler<SVGElement> | null | undefined)[] | [null, ...(import("../..").CustomValueType | import("svelte/elements").ClipboardEventHandler<SVGElement> | null | undefined)[]] | null | undefined;
|
|
@@ -2029,6 +2029,9 @@ declare var htmlConfig: {
|
|
|
2029
2029
|
'on:toggle'?: import("../..").CustomValueType | import("svelte/elements").ToggleEventHandler<SVGElement> | (import("../..").CustomValueType | import("svelte/elements").ToggleEventHandler<SVGElement> | null | undefined)[] | [null, ...(import("../..").CustomValueType | import("svelte/elements").ToggleEventHandler<SVGElement> | null | undefined)[]] | null | undefined;
|
|
2030
2030
|
ontoggle?: import("../..").CustomValueType | import("svelte/elements").ToggleEventHandler<SVGElement> | (import("../..").CustomValueType | import("svelte/elements").ToggleEventHandler<SVGElement> | null | undefined)[] | [null, ...(import("../..").CustomValueType | import("svelte/elements").ToggleEventHandler<SVGElement> | null | undefined)[]] | null | undefined;
|
|
2031
2031
|
ontogglecapture?: import("../..").CustomValueType | import("svelte/elements").ToggleEventHandler<SVGElement> | (import("../..").CustomValueType | import("svelte/elements").ToggleEventHandler<SVGElement> | null | undefined)[] | [null, ...(import("../..").CustomValueType | import("svelte/elements").ToggleEventHandler<SVGElement> | null | undefined)[]] | null | undefined;
|
|
2032
|
+
'on:contentvisibilityautostatechange'?: import("../..").CustomValueType | import("svelte/elements").ContentVisibilityAutoStateChangeEventHandler<SVGElement> | (import("../..").CustomValueType | import("svelte/elements").ContentVisibilityAutoStateChangeEventHandler<SVGElement> | null | undefined)[] | [null, ...(import("../..").CustomValueType | import("svelte/elements").ContentVisibilityAutoStateChangeEventHandler<SVGElement> | null | undefined)[]] | null | undefined;
|
|
2033
|
+
oncontentvisibilityautostatechange?: import("../..").CustomValueType | import("svelte/elements").ContentVisibilityAutoStateChangeEventHandler<SVGElement> | (import("../..").CustomValueType | import("svelte/elements").ContentVisibilityAutoStateChangeEventHandler<SVGElement> | null | undefined)[] | [null, ...(import("../..").CustomValueType | import("svelte/elements").ContentVisibilityAutoStateChangeEventHandler<SVGElement> | null | undefined)[]] | null | undefined;
|
|
2034
|
+
oncontentvisibilityautostatechangecapture?: import("../..").CustomValueType | import("svelte/elements").ContentVisibilityAutoStateChangeEventHandler<SVGElement> | (import("../..").CustomValueType | import("svelte/elements").ContentVisibilityAutoStateChangeEventHandler<SVGElement> | null | undefined)[] | [null, ...(import("../..").CustomValueType | import("svelte/elements").ContentVisibilityAutoStateChangeEventHandler<SVGElement> | null | undefined)[]] | null | undefined;
|
|
2032
2035
|
'on:keydown'?: import("../..").CustomValueType | import("svelte/elements").KeyboardEventHandler<SVGElement> | (import("../..").CustomValueType | import("svelte/elements").KeyboardEventHandler<SVGElement> | null | undefined)[] | [null, ...(import("../..").CustomValueType | import("svelte/elements").KeyboardEventHandler<SVGElement> | null | undefined)[]] | null | undefined;
|
|
2033
2036
|
onkeydown?: import("../..").CustomValueType | import("svelte/elements").KeyboardEventHandler<SVGElement> | (import("../..").CustomValueType | import("svelte/elements").KeyboardEventHandler<SVGElement> | null | undefined)[] | [null, ...(import("../..").CustomValueType | import("svelte/elements").KeyboardEventHandler<SVGElement> | null | undefined)[]] | null | undefined;
|
|
2034
2037
|
onkeydowncapture?: import("../..").CustomValueType | import("svelte/elements").KeyboardEventHandler<SVGElement> | (import("../..").CustomValueType | import("svelte/elements").KeyboardEventHandler<SVGElement> | null | undefined)[] | [null, ...(import("../..").CustomValueType | import("svelte/elements").KeyboardEventHandler<SVGElement> | null | undefined)[]] | null | undefined;
|
|
@@ -2271,6 +2274,9 @@ declare var htmlConfig: {
|
|
|
2271
2274
|
'on:visibilitychange'?: import("../..").CustomValueType | import("svelte/elements").EventHandler<Event, SVGElement> | (import("../..").CustomValueType | import("svelte/elements").EventHandler<Event, SVGElement> | null | undefined)[] | [null, ...(import("../..").CustomValueType | import("svelte/elements").EventHandler<Event, SVGElement> | null | undefined)[]] | null | undefined;
|
|
2272
2275
|
onvisibilitychange?: import("../..").CustomValueType | import("svelte/elements").EventHandler<Event, SVGElement> | (import("../..").CustomValueType | import("svelte/elements").EventHandler<Event, SVGElement> | null | undefined)[] | [null, ...(import("../..").CustomValueType | import("svelte/elements").EventHandler<Event, SVGElement> | null | undefined)[]] | null | undefined;
|
|
2273
2276
|
onvisibilitychangecapture?: import("../..").CustomValueType | import("svelte/elements").EventHandler<Event, SVGElement> | (import("../..").CustomValueType | import("svelte/elements").EventHandler<Event, SVGElement> | null | undefined)[] | [null, ...(import("../..").CustomValueType | import("svelte/elements").EventHandler<Event, SVGElement> | null | undefined)[]] | null | undefined;
|
|
2277
|
+
'on:beforematch'?: import("../..").CustomValueType | import("svelte/elements").EventHandler<Event, SVGElement> | (import("../..").CustomValueType | import("svelte/elements").EventHandler<Event, SVGElement> | null | undefined)[] | [null, ...(import("../..").CustomValueType | import("svelte/elements").EventHandler<Event, SVGElement> | null | undefined)[]] | null | undefined;
|
|
2278
|
+
onbeforematch?: import("../..").CustomValueType | import("svelte/elements").EventHandler<Event, SVGElement> | (import("../..").CustomValueType | import("svelte/elements").EventHandler<Event, SVGElement> | null | undefined)[] | [null, ...(import("../..").CustomValueType | import("svelte/elements").EventHandler<Event, SVGElement> | null | undefined)[]] | null | undefined;
|
|
2279
|
+
onbeforematchcapture?: import("../..").CustomValueType | import("svelte/elements").EventHandler<Event, SVGElement> | (import("../..").CustomValueType | import("svelte/elements").EventHandler<Event, SVGElement> | null | undefined)[] | [null, ...(import("../..").CustomValueType | import("svelte/elements").EventHandler<Event, SVGElement> | null | undefined)[]] | null | undefined;
|
|
2274
2280
|
'on:cancel'?: import("../..").CustomValueType | import("svelte/elements").EventHandler<Event, SVGElement> | (import("../..").CustomValueType | import("svelte/elements").EventHandler<Event, SVGElement> | null | undefined)[] | [null, ...(import("../..").CustomValueType | import("svelte/elements").EventHandler<Event, SVGElement> | null | undefined)[]] | null | undefined;
|
|
2275
2281
|
oncancel?: import("../..").CustomValueType | import("svelte/elements").EventHandler<Event, SVGElement> | (import("../..").CustomValueType | import("svelte/elements").EventHandler<Event, SVGElement> | null | undefined)[] | [null, ...(import("../..").CustomValueType | import("svelte/elements").EventHandler<Event, SVGElement> | null | undefined)[]] | null | undefined;
|
|
2276
2282
|
oncancelcapture?: import("../..").CustomValueType | import("svelte/elements").EventHandler<Event, SVGElement> | (import("../..").CustomValueType | import("svelte/elements").EventHandler<Event, SVGElement> | null | undefined)[] | [null, ...(import("../..").CustomValueType | import("svelte/elements").EventHandler<Event, SVGElement> | null | undefined)[]] | null | undefined;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"visual-element.d.ts","sourceRoot":"","sources":["../../../../../src/lib/motion-start/render/html/visual-element.ts"],"names":[],"mappings":"AAAA;;;EAGE;AACF,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,cAAc,CAAC;AAE5D,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAiB/C,OAAO,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAC/C,OAAO,EAAE,2BAA2B,EAAE,MAAM,iCAAiC,CAAC;AAG9E,iBAAS,gBAAgB,CAAC,OAAO,EAAE,WAAW,uBAE7C;AACD,QAAA,IAAI,UAAU;;;;;;IA4Bb;;;;;;OAMG;;;;IAiBH;;;OAGG
|
|
1
|
+
{"version":3,"file":"visual-element.d.ts","sourceRoot":"","sources":["../../../../../src/lib/motion-start/render/html/visual-element.ts"],"names":[],"mappings":"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"}
|