@plasmicpkgs/react-parallax-tilt 0.0.211 → 0.0.212
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/dist/react-parallax-tilt.cjs.development.js +6 -11
- package/dist/react-parallax-tilt.cjs.development.js.map +1 -1
- package/dist/react-parallax-tilt.cjs.production.min.js +1 -1
- package/dist/react-parallax-tilt.cjs.production.min.js.map +1 -1
- package/dist/react-parallax-tilt.esm.js +6 -11
- package/dist/react-parallax-tilt.esm.js.map +1 -1
- package/package.json +3 -3
|
@@ -9,18 +9,13 @@ var React = _interopDefault(require('react'));
|
|
|
9
9
|
var ReactParallaxTilt = _interopDefault(require('react-parallax-tilt'));
|
|
10
10
|
|
|
11
11
|
function _extends() {
|
|
12
|
-
_extends = Object.assign ? Object.assign.bind() : function (
|
|
13
|
-
for (var
|
|
14
|
-
var
|
|
15
|
-
for (var
|
|
16
|
-
if (Object.prototype.hasOwnProperty.call(source, key)) {
|
|
17
|
-
target[key] = source[key];
|
|
18
|
-
}
|
|
19
|
-
}
|
|
12
|
+
return _extends = Object.assign ? Object.assign.bind() : function (n) {
|
|
13
|
+
for (var e = 1; e < arguments.length; e++) {
|
|
14
|
+
var t = arguments[e];
|
|
15
|
+
for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]);
|
|
20
16
|
}
|
|
21
|
-
return
|
|
22
|
-
};
|
|
23
|
-
return _extends.apply(this, arguments);
|
|
17
|
+
return n;
|
|
18
|
+
}, _extends.apply(null, arguments);
|
|
24
19
|
}
|
|
25
20
|
|
|
26
21
|
function Tilt(props) {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"react-parallax-tilt.cjs.development.js","sources":["../src/index.tsx"],"sourcesContent":["import registerComponent, {\n ComponentMeta,\n} from \"@plasmicapp/host/registerComponent\";\nimport React, { ComponentProps } from \"react\";\nimport ReactParallaxTilt from \"react-parallax-tilt\";\n\nexport type TiltProps = ComponentProps<typeof ReactParallaxTilt>;\n\nexport default function Tilt(props: TiltProps) {\n return (\n <ReactParallaxTilt\n {...props}\n style={{\n transformStyle: \"preserve-3d\",\n ...(props.style ?? {}),\n }}\n ></ReactParallaxTilt>\n );\n}\n\nconst parallaxTiltMeta: ComponentMeta<TiltProps> = {\n name: \"hostless-parallax-tilt\",\n displayName: \"Tilt\",\n importName: \"Tilt\",\n importPath: \"@plasmicpkgs/react-parallax-tilt\",\n isAttachment: true,\n props: {\n children: {\n type: \"slot\",\n defaultValue: {\n type: \"img\",\n src: \"https://placekitten.com/300/200\",\n styles: {\n maxWidth: \"100%\",\n },\n },\n },\n tiltEnable: {\n type: \"boolean\",\n defaultValueHint: true,\n description: \"Enable tilt effect\",\n displayName: \"Enable\",\n },\n tiltReverse: {\n type: \"boolean\",\n defaultValueHint: false,\n description: \"Reverse tilt direction\",\n displayName: \"Reverse\",\n },\n tiltAngleXInitial: {\n type: \"number\",\n defaultValueHint: 0,\n description: \"Initial tilt angle in degrees on X axis\",\n displayName: \"Angle X Initial\",\n },\n tiltAngleYInitial: {\n type: \"number\",\n defaultValueHint: 0,\n description: \"Initial tilt angle in degrees on Y axis\",\n displayName: \"Angle Y Initial\",\n },\n tiltMaxAngleX: {\n type: \"number\",\n defaultValueHint: 20,\n description: \"Maximum tilt angle in degrees on X axis\",\n displayName: \"Max Angle X\",\n },\n tiltMaxAngleY: {\n type: \"number\",\n defaultValueHint: 20,\n description: \"Maximum tilt angle in degrees on Y axis\",\n displayName: \"Max Angle Y\",\n },\n tiltAxis: {\n type: \"choice\",\n options: [\"x\", \"y\"],\n description: \"Which axis should be enabled\",\n defaultValueHint: \"both\",\n displayName: \"Axis\",\n },\n glareEnable: {\n type: \"boolean\",\n defaultValueHint: false,\n description: \"Enable glare effect\",\n displayName: \"Glare Enable\",\n },\n glareMaxOpacity: {\n type: \"number\",\n defaultValueHint: 0.7,\n description: \"Maximum opacity of glare effect\",\n displayName: \"Glare Max Opacity\",\n hidden: (props) => !props.glareEnable,\n },\n glareColor: {\n // TODO replace with color picker\n type: \"string\",\n defaultValueHint: \"#ffffff\",\n description: \"Color of glare effect\",\n displayName: \"Glare Color\",\n hidden: (props) => !props.glareEnable,\n },\n glareBorderRadius: {\n type: \"string\",\n defaultValueHint: \"0\",\n description: \"Border radius of glare effect\",\n displayName: \"Glare Border Radius\",\n hidden: (props) => !props.glareEnable,\n },\n glarePosition: {\n type: \"choice\",\n options: [\"top\", \"bottom\", \"left\", \"right\", \"all\"],\n defaultValueHint: \"bottom\",\n description: \"Position of the glare effect\",\n displayName: \"Glare Position\",\n hidden: (props) => !props.glareEnable,\n },\n glareReverse: {\n type: \"boolean\",\n defaultValueHint: false,\n description: \"Reverse glare direction\",\n displayName: \"Glare Reverse\",\n hidden: (props) => !props.glareEnable,\n },\n scale: {\n type: \"number\",\n defaultValueHint: 1,\n description: \"Scale of the element\",\n displayName: \"Scale\",\n },\n perspective: {\n type: \"number\",\n defaultValueHint: 1000,\n description:\n \"The perspective property defines how far the object (wrapped/child component) is away from the user. The lower the more extreme the tilt gets.\",\n displayName: \"Perspective\",\n },\n flipVertically: {\n type: \"boolean\",\n defaultValueHint: false,\n description: \"Flip the element vertically\",\n displayName: \"Flip Vertically\",\n },\n flipHorizontally: {\n type: \"boolean\",\n defaultValueHint: false,\n description: \"Flip the element horizontally\",\n displayName: \"Flip Horizontally\",\n },\n reset: {\n type: \"boolean\",\n defaultValueHint: false,\n description: \"Reset the element to its original state\",\n displayName: \"Reset\",\n },\n transitionEasing: {\n type: \"string\",\n defaultValueHint: \"cubic-bezier(.03,.98,.52,.99)\",\n description: \"Easing function for the transition\",\n displayName: \"Transition Easing\",\n },\n transitionSpeed: {\n type: \"number\",\n defaultValueHint: 400,\n description: \"Transition speed in milliseconds\",\n displayName: \"Transition Speed\",\n },\n trackOnWindow: {\n type: \"boolean\",\n defaultValueHint: false,\n description:\n \"Track the mouse position on the whole window, not just on the element\",\n displayName: \"Track On Window\",\n },\n gyroscope: {\n type: \"boolean\",\n defaultValueHint: false,\n description: \"Enable device orientation detection\",\n displayName: \"Gyroscope\",\n },\n },\n isDefaultExport: true,\n defaultStyles: {\n maxWidth: \"100%\",\n },\n};\n\nexport function registerTilt(\n loader?: { registerComponent: typeof registerComponent },\n customTiltMeta?: ComponentMeta<TiltProps>\n) {\n if (loader) {\n loader.registerComponent(Tilt, customTiltMeta ?? parallaxTiltMeta);\n } else {\n registerComponent(Tilt, customTiltMeta ?? parallaxTiltMeta);\n }\n}\n"],"names":["Tilt","props","React","ReactParallaxTilt","style","_extends","transformStyle","_props$style","parallaxTiltMeta","name","displayName","importName","importPath","isAttachment","children","type","defaultValue","src","styles","maxWidth","tiltEnable","defaultValueHint","description","tiltReverse","tiltAngleXInitial","tiltAngleYInitial","tiltMaxAngleX","tiltMaxAngleY","tiltAxis","options","glareEnable","glareMaxOpacity","hidden","glareColor","glareBorderRadius","glarePosition","glareReverse","scale","perspective","flipVertically","flipHorizontally","reset","transitionEasing","transitionSpeed","trackOnWindow","gyroscope","isDefaultExport","defaultStyles","registerTilt","loader","customTiltMeta","registerComponent"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"react-parallax-tilt.cjs.development.js","sources":["../src/index.tsx"],"sourcesContent":["import registerComponent, {\n ComponentMeta,\n} from \"@plasmicapp/host/registerComponent\";\nimport React, { ComponentProps } from \"react\";\nimport ReactParallaxTilt from \"react-parallax-tilt\";\n\nexport type TiltProps = ComponentProps<typeof ReactParallaxTilt>;\n\nexport default function Tilt(props: TiltProps) {\n return (\n <ReactParallaxTilt\n {...props}\n style={{\n transformStyle: \"preserve-3d\",\n ...(props.style ?? {}),\n }}\n ></ReactParallaxTilt>\n );\n}\n\nconst parallaxTiltMeta: ComponentMeta<TiltProps> = {\n name: \"hostless-parallax-tilt\",\n displayName: \"Tilt\",\n importName: \"Tilt\",\n importPath: \"@plasmicpkgs/react-parallax-tilt\",\n isAttachment: true,\n props: {\n children: {\n type: \"slot\",\n defaultValue: {\n type: \"img\",\n src: \"https://placekitten.com/300/200\",\n styles: {\n maxWidth: \"100%\",\n },\n },\n },\n tiltEnable: {\n type: \"boolean\",\n defaultValueHint: true,\n description: \"Enable tilt effect\",\n displayName: \"Enable\",\n },\n tiltReverse: {\n type: \"boolean\",\n defaultValueHint: false,\n description: \"Reverse tilt direction\",\n displayName: \"Reverse\",\n },\n tiltAngleXInitial: {\n type: \"number\",\n defaultValueHint: 0,\n description: \"Initial tilt angle in degrees on X axis\",\n displayName: \"Angle X Initial\",\n },\n tiltAngleYInitial: {\n type: \"number\",\n defaultValueHint: 0,\n description: \"Initial tilt angle in degrees on Y axis\",\n displayName: \"Angle Y Initial\",\n },\n tiltMaxAngleX: {\n type: \"number\",\n defaultValueHint: 20,\n description: \"Maximum tilt angle in degrees on X axis\",\n displayName: \"Max Angle X\",\n },\n tiltMaxAngleY: {\n type: \"number\",\n defaultValueHint: 20,\n description: \"Maximum tilt angle in degrees on Y axis\",\n displayName: \"Max Angle Y\",\n },\n tiltAxis: {\n type: \"choice\",\n options: [\"x\", \"y\"],\n description: \"Which axis should be enabled\",\n defaultValueHint: \"both\",\n displayName: \"Axis\",\n },\n glareEnable: {\n type: \"boolean\",\n defaultValueHint: false,\n description: \"Enable glare effect\",\n displayName: \"Glare Enable\",\n },\n glareMaxOpacity: {\n type: \"number\",\n defaultValueHint: 0.7,\n description: \"Maximum opacity of glare effect\",\n displayName: \"Glare Max Opacity\",\n hidden: (props) => !props.glareEnable,\n },\n glareColor: {\n // TODO replace with color picker\n type: \"string\",\n defaultValueHint: \"#ffffff\",\n description: \"Color of glare effect\",\n displayName: \"Glare Color\",\n hidden: (props) => !props.glareEnable,\n },\n glareBorderRadius: {\n type: \"string\",\n defaultValueHint: \"0\",\n description: \"Border radius of glare effect\",\n displayName: \"Glare Border Radius\",\n hidden: (props) => !props.glareEnable,\n },\n glarePosition: {\n type: \"choice\",\n options: [\"top\", \"bottom\", \"left\", \"right\", \"all\"],\n defaultValueHint: \"bottom\",\n description: \"Position of the glare effect\",\n displayName: \"Glare Position\",\n hidden: (props) => !props.glareEnable,\n },\n glareReverse: {\n type: \"boolean\",\n defaultValueHint: false,\n description: \"Reverse glare direction\",\n displayName: \"Glare Reverse\",\n hidden: (props) => !props.glareEnable,\n },\n scale: {\n type: \"number\",\n defaultValueHint: 1,\n description: \"Scale of the element\",\n displayName: \"Scale\",\n },\n perspective: {\n type: \"number\",\n defaultValueHint: 1000,\n description:\n \"The perspective property defines how far the object (wrapped/child component) is away from the user. The lower the more extreme the tilt gets.\",\n displayName: \"Perspective\",\n },\n flipVertically: {\n type: \"boolean\",\n defaultValueHint: false,\n description: \"Flip the element vertically\",\n displayName: \"Flip Vertically\",\n },\n flipHorizontally: {\n type: \"boolean\",\n defaultValueHint: false,\n description: \"Flip the element horizontally\",\n displayName: \"Flip Horizontally\",\n },\n reset: {\n type: \"boolean\",\n defaultValueHint: false,\n description: \"Reset the element to its original state\",\n displayName: \"Reset\",\n },\n transitionEasing: {\n type: \"string\",\n defaultValueHint: \"cubic-bezier(.03,.98,.52,.99)\",\n description: \"Easing function for the transition\",\n displayName: \"Transition Easing\",\n },\n transitionSpeed: {\n type: \"number\",\n defaultValueHint: 400,\n description: \"Transition speed in milliseconds\",\n displayName: \"Transition Speed\",\n },\n trackOnWindow: {\n type: \"boolean\",\n defaultValueHint: false,\n description:\n \"Track the mouse position on the whole window, not just on the element\",\n displayName: \"Track On Window\",\n },\n gyroscope: {\n type: \"boolean\",\n defaultValueHint: false,\n description: \"Enable device orientation detection\",\n displayName: \"Gyroscope\",\n },\n },\n isDefaultExport: true,\n defaultStyles: {\n maxWidth: \"100%\",\n },\n};\n\nexport function registerTilt(\n loader?: { registerComponent: typeof registerComponent },\n customTiltMeta?: ComponentMeta<TiltProps>\n) {\n if (loader) {\n loader.registerComponent(Tilt, customTiltMeta ?? parallaxTiltMeta);\n } else {\n registerComponent(Tilt, customTiltMeta ?? parallaxTiltMeta);\n }\n}\n"],"names":["Tilt","props","React","ReactParallaxTilt","style","_extends","transformStyle","_props$style","parallaxTiltMeta","name","displayName","importName","importPath","isAttachment","children","type","defaultValue","src","styles","maxWidth","tiltEnable","defaultValueHint","description","tiltReverse","tiltAngleXInitial","tiltAngleYInitial","tiltMaxAngleX","tiltMaxAngleY","tiltAxis","options","glareEnable","glareMaxOpacity","hidden","glareColor","glareBorderRadius","glarePosition","glareReverse","scale","perspective","flipVertically","flipHorizontally","reset","transitionEasing","transitionSpeed","trackOnWindow","gyroscope","isDefaultExport","defaultStyles","registerTilt","loader","customTiltMeta","registerComponent"],"mappings":"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"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";function e(e){return e&&"object"==typeof e&&"default"in e?e.default:e}Object.defineProperty(exports,"__esModule",{value:!0});var t=e(require("@plasmicapp/host/registerComponent")),i=e(require("react")),a=e(require("react-parallax-tilt"));function l(){return(l=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var i=arguments[t];for(var a in i)
|
|
1
|
+
"use strict";function e(e){return e&&"object"==typeof e&&"default"in e?e.default:e}Object.defineProperty(exports,"__esModule",{value:!0});var t=e(require("@plasmicapp/host/registerComponent")),i=e(require("react")),a=e(require("react-parallax-tilt"));function l(){return(l=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var i=arguments[t];for(var a in i)({}).hasOwnProperty.call(i,a)&&(e[a]=i[a])}return e}).apply(null,arguments)}function n(e){var t;return i.createElement(a,Object.assign({},e,{style:l({transformStyle:"preserve-3d"},null!=(t=e.style)?t:{})}))}var r={name:"hostless-parallax-tilt",displayName:"Tilt",importName:"Tilt",importPath:"@plasmicpkgs/react-parallax-tilt",isAttachment:!0,props:{children:{type:"slot",defaultValue:{type:"img",src:"https://placekitten.com/300/200",styles:{maxWidth:"100%"}}},tiltEnable:{type:"boolean",defaultValueHint:!0,description:"Enable tilt effect",displayName:"Enable"},tiltReverse:{type:"boolean",defaultValueHint:!1,description:"Reverse tilt direction",displayName:"Reverse"},tiltAngleXInitial:{type:"number",defaultValueHint:0,description:"Initial tilt angle in degrees on X axis",displayName:"Angle X Initial"},tiltAngleYInitial:{type:"number",defaultValueHint:0,description:"Initial tilt angle in degrees on Y axis",displayName:"Angle Y Initial"},tiltMaxAngleX:{type:"number",defaultValueHint:20,description:"Maximum tilt angle in degrees on X axis",displayName:"Max Angle X"},tiltMaxAngleY:{type:"number",defaultValueHint:20,description:"Maximum tilt angle in degrees on Y axis",displayName:"Max Angle Y"},tiltAxis:{type:"choice",options:["x","y"],description:"Which axis should be enabled",defaultValueHint:"both",displayName:"Axis"},glareEnable:{type:"boolean",defaultValueHint:!1,description:"Enable glare effect",displayName:"Glare Enable"},glareMaxOpacity:{type:"number",defaultValueHint:.7,description:"Maximum opacity of glare effect",displayName:"Glare Max Opacity",hidden:function(e){return!e.glareEnable}},glareColor:{type:"string",defaultValueHint:"#ffffff",description:"Color of glare effect",displayName:"Glare Color",hidden:function(e){return!e.glareEnable}},glareBorderRadius:{type:"string",defaultValueHint:"0",description:"Border radius of glare effect",displayName:"Glare Border Radius",hidden:function(e){return!e.glareEnable}},glarePosition:{type:"choice",options:["top","bottom","left","right","all"],defaultValueHint:"bottom",description:"Position of the glare effect",displayName:"Glare Position",hidden:function(e){return!e.glareEnable}},glareReverse:{type:"boolean",defaultValueHint:!1,description:"Reverse glare direction",displayName:"Glare Reverse",hidden:function(e){return!e.glareEnable}},scale:{type:"number",defaultValueHint:1,description:"Scale of the element",displayName:"Scale"},perspective:{type:"number",defaultValueHint:1e3,description:"The perspective property defines how far the object (wrapped/child component) is away from the user. The lower the more extreme the tilt gets.",displayName:"Perspective"},flipVertically:{type:"boolean",defaultValueHint:!1,description:"Flip the element vertically",displayName:"Flip Vertically"},flipHorizontally:{type:"boolean",defaultValueHint:!1,description:"Flip the element horizontally",displayName:"Flip Horizontally"},reset:{type:"boolean",defaultValueHint:!1,description:"Reset the element to its original state",displayName:"Reset"},transitionEasing:{type:"string",defaultValueHint:"cubic-bezier(.03,.98,.52,.99)",description:"Easing function for the transition",displayName:"Transition Easing"},transitionSpeed:{type:"number",defaultValueHint:400,description:"Transition speed in milliseconds",displayName:"Transition Speed"},trackOnWindow:{type:"boolean",defaultValueHint:!1,description:"Track the mouse position on the whole window, not just on the element",displayName:"Track On Window"},gyroscope:{type:"boolean",defaultValueHint:!1,description:"Enable device orientation detection",displayName:"Gyroscope"}},isDefaultExport:!0,defaultStyles:{maxWidth:"100%"}};exports.default=n,exports.registerTilt=function(e,i){e?e.registerComponent(n,null!=i?i:r):t(n,null!=i?i:r)};
|
|
2
2
|
//# sourceMappingURL=react-parallax-tilt.cjs.production.min.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"react-parallax-tilt.cjs.production.min.js","sources":["../src/index.tsx"],"sourcesContent":["import registerComponent, {\n ComponentMeta,\n} from \"@plasmicapp/host/registerComponent\";\nimport React, { ComponentProps } from \"react\";\nimport ReactParallaxTilt from \"react-parallax-tilt\";\n\nexport type TiltProps = ComponentProps<typeof ReactParallaxTilt>;\n\nexport default function Tilt(props: TiltProps) {\n return (\n <ReactParallaxTilt\n {...props}\n style={{\n transformStyle: \"preserve-3d\",\n ...(props.style ?? {}),\n }}\n ></ReactParallaxTilt>\n );\n}\n\nconst parallaxTiltMeta: ComponentMeta<TiltProps> = {\n name: \"hostless-parallax-tilt\",\n displayName: \"Tilt\",\n importName: \"Tilt\",\n importPath: \"@plasmicpkgs/react-parallax-tilt\",\n isAttachment: true,\n props: {\n children: {\n type: \"slot\",\n defaultValue: {\n type: \"img\",\n src: \"https://placekitten.com/300/200\",\n styles: {\n maxWidth: \"100%\",\n },\n },\n },\n tiltEnable: {\n type: \"boolean\",\n defaultValueHint: true,\n description: \"Enable tilt effect\",\n displayName: \"Enable\",\n },\n tiltReverse: {\n type: \"boolean\",\n defaultValueHint: false,\n description: \"Reverse tilt direction\",\n displayName: \"Reverse\",\n },\n tiltAngleXInitial: {\n type: \"number\",\n defaultValueHint: 0,\n description: \"Initial tilt angle in degrees on X axis\",\n displayName: \"Angle X Initial\",\n },\n tiltAngleYInitial: {\n type: \"number\",\n defaultValueHint: 0,\n description: \"Initial tilt angle in degrees on Y axis\",\n displayName: \"Angle Y Initial\",\n },\n tiltMaxAngleX: {\n type: \"number\",\n defaultValueHint: 20,\n description: \"Maximum tilt angle in degrees on X axis\",\n displayName: \"Max Angle X\",\n },\n tiltMaxAngleY: {\n type: \"number\",\n defaultValueHint: 20,\n description: \"Maximum tilt angle in degrees on Y axis\",\n displayName: \"Max Angle Y\",\n },\n tiltAxis: {\n type: \"choice\",\n options: [\"x\", \"y\"],\n description: \"Which axis should be enabled\",\n defaultValueHint: \"both\",\n displayName: \"Axis\",\n },\n glareEnable: {\n type: \"boolean\",\n defaultValueHint: false,\n description: \"Enable glare effect\",\n displayName: \"Glare Enable\",\n },\n glareMaxOpacity: {\n type: \"number\",\n defaultValueHint: 0.7,\n description: \"Maximum opacity of glare effect\",\n displayName: \"Glare Max Opacity\",\n hidden: (props) => !props.glareEnable,\n },\n glareColor: {\n // TODO replace with color picker\n type: \"string\",\n defaultValueHint: \"#ffffff\",\n description: \"Color of glare effect\",\n displayName: \"Glare Color\",\n hidden: (props) => !props.glareEnable,\n },\n glareBorderRadius: {\n type: \"string\",\n defaultValueHint: \"0\",\n description: \"Border radius of glare effect\",\n displayName: \"Glare Border Radius\",\n hidden: (props) => !props.glareEnable,\n },\n glarePosition: {\n type: \"choice\",\n options: [\"top\", \"bottom\", \"left\", \"right\", \"all\"],\n defaultValueHint: \"bottom\",\n description: \"Position of the glare effect\",\n displayName: \"Glare Position\",\n hidden: (props) => !props.glareEnable,\n },\n glareReverse: {\n type: \"boolean\",\n defaultValueHint: false,\n description: \"Reverse glare direction\",\n displayName: \"Glare Reverse\",\n hidden: (props) => !props.glareEnable,\n },\n scale: {\n type: \"number\",\n defaultValueHint: 1,\n description: \"Scale of the element\",\n displayName: \"Scale\",\n },\n perspective: {\n type: \"number\",\n defaultValueHint: 1000,\n description:\n \"The perspective property defines how far the object (wrapped/child component) is away from the user. The lower the more extreme the tilt gets.\",\n displayName: \"Perspective\",\n },\n flipVertically: {\n type: \"boolean\",\n defaultValueHint: false,\n description: \"Flip the element vertically\",\n displayName: \"Flip Vertically\",\n },\n flipHorizontally: {\n type: \"boolean\",\n defaultValueHint: false,\n description: \"Flip the element horizontally\",\n displayName: \"Flip Horizontally\",\n },\n reset: {\n type: \"boolean\",\n defaultValueHint: false,\n description: \"Reset the element to its original state\",\n displayName: \"Reset\",\n },\n transitionEasing: {\n type: \"string\",\n defaultValueHint: \"cubic-bezier(.03,.98,.52,.99)\",\n description: \"Easing function for the transition\",\n displayName: \"Transition Easing\",\n },\n transitionSpeed: {\n type: \"number\",\n defaultValueHint: 400,\n description: \"Transition speed in milliseconds\",\n displayName: \"Transition Speed\",\n },\n trackOnWindow: {\n type: \"boolean\",\n defaultValueHint: false,\n description:\n \"Track the mouse position on the whole window, not just on the element\",\n displayName: \"Track On Window\",\n },\n gyroscope: {\n type: \"boolean\",\n defaultValueHint: false,\n description: \"Enable device orientation detection\",\n displayName: \"Gyroscope\",\n },\n },\n isDefaultExport: true,\n defaultStyles: {\n maxWidth: \"100%\",\n },\n};\n\nexport function registerTilt(\n loader?: { registerComponent: typeof registerComponent },\n customTiltMeta?: ComponentMeta<TiltProps>\n) {\n if (loader) {\n loader.registerComponent(Tilt, customTiltMeta ?? parallaxTiltMeta);\n } else {\n registerComponent(Tilt, customTiltMeta ?? parallaxTiltMeta);\n }\n}\n"],"names":["Tilt","props","React","ReactParallaxTilt","style","_extends","transformStyle","_props$style","parallaxTiltMeta","name","displayName","importName","importPath","isAttachment","children","type","defaultValue","src","styles","maxWidth","tiltEnable","defaultValueHint","description","tiltReverse","tiltAngleXInitial","tiltAngleYInitial","tiltMaxAngleX","tiltMaxAngleY","tiltAxis","options","glareEnable","glareMaxOpacity","hidden","glareColor","glareBorderRadius","glarePosition","glareReverse","scale","perspective","flipVertically","flipHorizontally","reset","transitionEasing","transitionSpeed","trackOnWindow","gyroscope","isDefaultExport","defaultStyles","loader","customTiltMeta","registerComponent"],"mappings":"
|
|
1
|
+
{"version":3,"file":"react-parallax-tilt.cjs.production.min.js","sources":["../src/index.tsx"],"sourcesContent":["import registerComponent, {\n ComponentMeta,\n} from \"@plasmicapp/host/registerComponent\";\nimport React, { ComponentProps } from \"react\";\nimport ReactParallaxTilt from \"react-parallax-tilt\";\n\nexport type TiltProps = ComponentProps<typeof ReactParallaxTilt>;\n\nexport default function Tilt(props: TiltProps) {\n return (\n <ReactParallaxTilt\n {...props}\n style={{\n transformStyle: \"preserve-3d\",\n ...(props.style ?? {}),\n }}\n ></ReactParallaxTilt>\n );\n}\n\nconst parallaxTiltMeta: ComponentMeta<TiltProps> = {\n name: \"hostless-parallax-tilt\",\n displayName: \"Tilt\",\n importName: \"Tilt\",\n importPath: \"@plasmicpkgs/react-parallax-tilt\",\n isAttachment: true,\n props: {\n children: {\n type: \"slot\",\n defaultValue: {\n type: \"img\",\n src: \"https://placekitten.com/300/200\",\n styles: {\n maxWidth: \"100%\",\n },\n },\n },\n tiltEnable: {\n type: \"boolean\",\n defaultValueHint: true,\n description: \"Enable tilt effect\",\n displayName: \"Enable\",\n },\n tiltReverse: {\n type: \"boolean\",\n defaultValueHint: false,\n description: \"Reverse tilt direction\",\n displayName: \"Reverse\",\n },\n tiltAngleXInitial: {\n type: \"number\",\n defaultValueHint: 0,\n description: \"Initial tilt angle in degrees on X axis\",\n displayName: \"Angle X Initial\",\n },\n tiltAngleYInitial: {\n type: \"number\",\n defaultValueHint: 0,\n description: \"Initial tilt angle in degrees on Y axis\",\n displayName: \"Angle Y Initial\",\n },\n tiltMaxAngleX: {\n type: \"number\",\n defaultValueHint: 20,\n description: \"Maximum tilt angle in degrees on X axis\",\n displayName: \"Max Angle X\",\n },\n tiltMaxAngleY: {\n type: \"number\",\n defaultValueHint: 20,\n description: \"Maximum tilt angle in degrees on Y axis\",\n displayName: \"Max Angle Y\",\n },\n tiltAxis: {\n type: \"choice\",\n options: [\"x\", \"y\"],\n description: \"Which axis should be enabled\",\n defaultValueHint: \"both\",\n displayName: \"Axis\",\n },\n glareEnable: {\n type: \"boolean\",\n defaultValueHint: false,\n description: \"Enable glare effect\",\n displayName: \"Glare Enable\",\n },\n glareMaxOpacity: {\n type: \"number\",\n defaultValueHint: 0.7,\n description: \"Maximum opacity of glare effect\",\n displayName: \"Glare Max Opacity\",\n hidden: (props) => !props.glareEnable,\n },\n glareColor: {\n // TODO replace with color picker\n type: \"string\",\n defaultValueHint: \"#ffffff\",\n description: \"Color of glare effect\",\n displayName: \"Glare Color\",\n hidden: (props) => !props.glareEnable,\n },\n glareBorderRadius: {\n type: \"string\",\n defaultValueHint: \"0\",\n description: \"Border radius of glare effect\",\n displayName: \"Glare Border Radius\",\n hidden: (props) => !props.glareEnable,\n },\n glarePosition: {\n type: \"choice\",\n options: [\"top\", \"bottom\", \"left\", \"right\", \"all\"],\n defaultValueHint: \"bottom\",\n description: \"Position of the glare effect\",\n displayName: \"Glare Position\",\n hidden: (props) => !props.glareEnable,\n },\n glareReverse: {\n type: \"boolean\",\n defaultValueHint: false,\n description: \"Reverse glare direction\",\n displayName: \"Glare Reverse\",\n hidden: (props) => !props.glareEnable,\n },\n scale: {\n type: \"number\",\n defaultValueHint: 1,\n description: \"Scale of the element\",\n displayName: \"Scale\",\n },\n perspective: {\n type: \"number\",\n defaultValueHint: 1000,\n description:\n \"The perspective property defines how far the object (wrapped/child component) is away from the user. The lower the more extreme the tilt gets.\",\n displayName: \"Perspective\",\n },\n flipVertically: {\n type: \"boolean\",\n defaultValueHint: false,\n description: \"Flip the element vertically\",\n displayName: \"Flip Vertically\",\n },\n flipHorizontally: {\n type: \"boolean\",\n defaultValueHint: false,\n description: \"Flip the element horizontally\",\n displayName: \"Flip Horizontally\",\n },\n reset: {\n type: \"boolean\",\n defaultValueHint: false,\n description: \"Reset the element to its original state\",\n displayName: \"Reset\",\n },\n transitionEasing: {\n type: \"string\",\n defaultValueHint: \"cubic-bezier(.03,.98,.52,.99)\",\n description: \"Easing function for the transition\",\n displayName: \"Transition Easing\",\n },\n transitionSpeed: {\n type: \"number\",\n defaultValueHint: 400,\n description: \"Transition speed in milliseconds\",\n displayName: \"Transition Speed\",\n },\n trackOnWindow: {\n type: \"boolean\",\n defaultValueHint: false,\n description:\n \"Track the mouse position on the whole window, not just on the element\",\n displayName: \"Track On Window\",\n },\n gyroscope: {\n type: \"boolean\",\n defaultValueHint: false,\n description: \"Enable device orientation detection\",\n displayName: \"Gyroscope\",\n },\n },\n isDefaultExport: true,\n defaultStyles: {\n maxWidth: \"100%\",\n },\n};\n\nexport function registerTilt(\n loader?: { registerComponent: typeof registerComponent },\n customTiltMeta?: ComponentMeta<TiltProps>\n) {\n if (loader) {\n loader.registerComponent(Tilt, customTiltMeta ?? parallaxTiltMeta);\n } else {\n registerComponent(Tilt, customTiltMeta ?? parallaxTiltMeta);\n }\n}\n"],"names":["Tilt","props","React","ReactParallaxTilt","style","_extends","transformStyle","_props$style","parallaxTiltMeta","name","displayName","importName","importPath","isAttachment","children","type","defaultValue","src","styles","maxWidth","tiltEnable","defaultValueHint","description","tiltReverse","tiltAngleXInitial","tiltAngleYInitial","tiltMaxAngleX","tiltMaxAngleY","tiltAxis","options","glareEnable","glareMaxOpacity","hidden","glareColor","glareBorderRadius","glarePosition","glareReverse","scale","perspective","flipVertically","flipHorizontally","reset","transitionEasing","transitionSpeed","trackOnWindow","gyroscope","isDefaultExport","defaultStyles","loader","customTiltMeta","registerComponent"],"mappings":"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"}
|
|
@@ -3,18 +3,13 @@ import React from 'react';
|
|
|
3
3
|
import ReactParallaxTilt from 'react-parallax-tilt';
|
|
4
4
|
|
|
5
5
|
function _extends() {
|
|
6
|
-
_extends = Object.assign ? Object.assign.bind() : function (
|
|
7
|
-
for (var
|
|
8
|
-
var
|
|
9
|
-
for (var
|
|
10
|
-
if (Object.prototype.hasOwnProperty.call(source, key)) {
|
|
11
|
-
target[key] = source[key];
|
|
12
|
-
}
|
|
13
|
-
}
|
|
6
|
+
return _extends = Object.assign ? Object.assign.bind() : function (n) {
|
|
7
|
+
for (var e = 1; e < arguments.length; e++) {
|
|
8
|
+
var t = arguments[e];
|
|
9
|
+
for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]);
|
|
14
10
|
}
|
|
15
|
-
return
|
|
16
|
-
};
|
|
17
|
-
return _extends.apply(this, arguments);
|
|
11
|
+
return n;
|
|
12
|
+
}, _extends.apply(null, arguments);
|
|
18
13
|
}
|
|
19
14
|
|
|
20
15
|
function Tilt(props) {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"react-parallax-tilt.esm.js","sources":["../src/index.tsx"],"sourcesContent":["import registerComponent, {\n ComponentMeta,\n} from \"@plasmicapp/host/registerComponent\";\nimport React, { ComponentProps } from \"react\";\nimport ReactParallaxTilt from \"react-parallax-tilt\";\n\nexport type TiltProps = ComponentProps<typeof ReactParallaxTilt>;\n\nexport default function Tilt(props: TiltProps) {\n return (\n <ReactParallaxTilt\n {...props}\n style={{\n transformStyle: \"preserve-3d\",\n ...(props.style ?? {}),\n }}\n ></ReactParallaxTilt>\n );\n}\n\nconst parallaxTiltMeta: ComponentMeta<TiltProps> = {\n name: \"hostless-parallax-tilt\",\n displayName: \"Tilt\",\n importName: \"Tilt\",\n importPath: \"@plasmicpkgs/react-parallax-tilt\",\n isAttachment: true,\n props: {\n children: {\n type: \"slot\",\n defaultValue: {\n type: \"img\",\n src: \"https://placekitten.com/300/200\",\n styles: {\n maxWidth: \"100%\",\n },\n },\n },\n tiltEnable: {\n type: \"boolean\",\n defaultValueHint: true,\n description: \"Enable tilt effect\",\n displayName: \"Enable\",\n },\n tiltReverse: {\n type: \"boolean\",\n defaultValueHint: false,\n description: \"Reverse tilt direction\",\n displayName: \"Reverse\",\n },\n tiltAngleXInitial: {\n type: \"number\",\n defaultValueHint: 0,\n description: \"Initial tilt angle in degrees on X axis\",\n displayName: \"Angle X Initial\",\n },\n tiltAngleYInitial: {\n type: \"number\",\n defaultValueHint: 0,\n description: \"Initial tilt angle in degrees on Y axis\",\n displayName: \"Angle Y Initial\",\n },\n tiltMaxAngleX: {\n type: \"number\",\n defaultValueHint: 20,\n description: \"Maximum tilt angle in degrees on X axis\",\n displayName: \"Max Angle X\",\n },\n tiltMaxAngleY: {\n type: \"number\",\n defaultValueHint: 20,\n description: \"Maximum tilt angle in degrees on Y axis\",\n displayName: \"Max Angle Y\",\n },\n tiltAxis: {\n type: \"choice\",\n options: [\"x\", \"y\"],\n description: \"Which axis should be enabled\",\n defaultValueHint: \"both\",\n displayName: \"Axis\",\n },\n glareEnable: {\n type: \"boolean\",\n defaultValueHint: false,\n description: \"Enable glare effect\",\n displayName: \"Glare Enable\",\n },\n glareMaxOpacity: {\n type: \"number\",\n defaultValueHint: 0.7,\n description: \"Maximum opacity of glare effect\",\n displayName: \"Glare Max Opacity\",\n hidden: (props) => !props.glareEnable,\n },\n glareColor: {\n // TODO replace with color picker\n type: \"string\",\n defaultValueHint: \"#ffffff\",\n description: \"Color of glare effect\",\n displayName: \"Glare Color\",\n hidden: (props) => !props.glareEnable,\n },\n glareBorderRadius: {\n type: \"string\",\n defaultValueHint: \"0\",\n description: \"Border radius of glare effect\",\n displayName: \"Glare Border Radius\",\n hidden: (props) => !props.glareEnable,\n },\n glarePosition: {\n type: \"choice\",\n options: [\"top\", \"bottom\", \"left\", \"right\", \"all\"],\n defaultValueHint: \"bottom\",\n description: \"Position of the glare effect\",\n displayName: \"Glare Position\",\n hidden: (props) => !props.glareEnable,\n },\n glareReverse: {\n type: \"boolean\",\n defaultValueHint: false,\n description: \"Reverse glare direction\",\n displayName: \"Glare Reverse\",\n hidden: (props) => !props.glareEnable,\n },\n scale: {\n type: \"number\",\n defaultValueHint: 1,\n description: \"Scale of the element\",\n displayName: \"Scale\",\n },\n perspective: {\n type: \"number\",\n defaultValueHint: 1000,\n description:\n \"The perspective property defines how far the object (wrapped/child component) is away from the user. The lower the more extreme the tilt gets.\",\n displayName: \"Perspective\",\n },\n flipVertically: {\n type: \"boolean\",\n defaultValueHint: false,\n description: \"Flip the element vertically\",\n displayName: \"Flip Vertically\",\n },\n flipHorizontally: {\n type: \"boolean\",\n defaultValueHint: false,\n description: \"Flip the element horizontally\",\n displayName: \"Flip Horizontally\",\n },\n reset: {\n type: \"boolean\",\n defaultValueHint: false,\n description: \"Reset the element to its original state\",\n displayName: \"Reset\",\n },\n transitionEasing: {\n type: \"string\",\n defaultValueHint: \"cubic-bezier(.03,.98,.52,.99)\",\n description: \"Easing function for the transition\",\n displayName: \"Transition Easing\",\n },\n transitionSpeed: {\n type: \"number\",\n defaultValueHint: 400,\n description: \"Transition speed in milliseconds\",\n displayName: \"Transition Speed\",\n },\n trackOnWindow: {\n type: \"boolean\",\n defaultValueHint: false,\n description:\n \"Track the mouse position on the whole window, not just on the element\",\n displayName: \"Track On Window\",\n },\n gyroscope: {\n type: \"boolean\",\n defaultValueHint: false,\n description: \"Enable device orientation detection\",\n displayName: \"Gyroscope\",\n },\n },\n isDefaultExport: true,\n defaultStyles: {\n maxWidth: \"100%\",\n },\n};\n\nexport function registerTilt(\n loader?: { registerComponent: typeof registerComponent },\n customTiltMeta?: ComponentMeta<TiltProps>\n) {\n if (loader) {\n loader.registerComponent(Tilt, customTiltMeta ?? parallaxTiltMeta);\n } else {\n registerComponent(Tilt, customTiltMeta ?? parallaxTiltMeta);\n }\n}\n"],"names":["Tilt","props","React","ReactParallaxTilt","style","_extends","transformStyle","_props$style","parallaxTiltMeta","name","displayName","importName","importPath","isAttachment","children","type","defaultValue","src","styles","maxWidth","tiltEnable","defaultValueHint","description","tiltReverse","tiltAngleXInitial","tiltAngleYInitial","tiltMaxAngleX","tiltMaxAngleY","tiltAxis","options","glareEnable","glareMaxOpacity","hidden","glareColor","glareBorderRadius","glarePosition","glareReverse","scale","perspective","flipVertically","flipHorizontally","reset","transitionEasing","transitionSpeed","trackOnWindow","gyroscope","isDefaultExport","defaultStyles","registerTilt","loader","customTiltMeta","registerComponent"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"react-parallax-tilt.esm.js","sources":["../src/index.tsx"],"sourcesContent":["import registerComponent, {\n ComponentMeta,\n} from \"@plasmicapp/host/registerComponent\";\nimport React, { ComponentProps } from \"react\";\nimport ReactParallaxTilt from \"react-parallax-tilt\";\n\nexport type TiltProps = ComponentProps<typeof ReactParallaxTilt>;\n\nexport default function Tilt(props: TiltProps) {\n return (\n <ReactParallaxTilt\n {...props}\n style={{\n transformStyle: \"preserve-3d\",\n ...(props.style ?? {}),\n }}\n ></ReactParallaxTilt>\n );\n}\n\nconst parallaxTiltMeta: ComponentMeta<TiltProps> = {\n name: \"hostless-parallax-tilt\",\n displayName: \"Tilt\",\n importName: \"Tilt\",\n importPath: \"@plasmicpkgs/react-parallax-tilt\",\n isAttachment: true,\n props: {\n children: {\n type: \"slot\",\n defaultValue: {\n type: \"img\",\n src: \"https://placekitten.com/300/200\",\n styles: {\n maxWidth: \"100%\",\n },\n },\n },\n tiltEnable: {\n type: \"boolean\",\n defaultValueHint: true,\n description: \"Enable tilt effect\",\n displayName: \"Enable\",\n },\n tiltReverse: {\n type: \"boolean\",\n defaultValueHint: false,\n description: \"Reverse tilt direction\",\n displayName: \"Reverse\",\n },\n tiltAngleXInitial: {\n type: \"number\",\n defaultValueHint: 0,\n description: \"Initial tilt angle in degrees on X axis\",\n displayName: \"Angle X Initial\",\n },\n tiltAngleYInitial: {\n type: \"number\",\n defaultValueHint: 0,\n description: \"Initial tilt angle in degrees on Y axis\",\n displayName: \"Angle Y Initial\",\n },\n tiltMaxAngleX: {\n type: \"number\",\n defaultValueHint: 20,\n description: \"Maximum tilt angle in degrees on X axis\",\n displayName: \"Max Angle X\",\n },\n tiltMaxAngleY: {\n type: \"number\",\n defaultValueHint: 20,\n description: \"Maximum tilt angle in degrees on Y axis\",\n displayName: \"Max Angle Y\",\n },\n tiltAxis: {\n type: \"choice\",\n options: [\"x\", \"y\"],\n description: \"Which axis should be enabled\",\n defaultValueHint: \"both\",\n displayName: \"Axis\",\n },\n glareEnable: {\n type: \"boolean\",\n defaultValueHint: false,\n description: \"Enable glare effect\",\n displayName: \"Glare Enable\",\n },\n glareMaxOpacity: {\n type: \"number\",\n defaultValueHint: 0.7,\n description: \"Maximum opacity of glare effect\",\n displayName: \"Glare Max Opacity\",\n hidden: (props) => !props.glareEnable,\n },\n glareColor: {\n // TODO replace with color picker\n type: \"string\",\n defaultValueHint: \"#ffffff\",\n description: \"Color of glare effect\",\n displayName: \"Glare Color\",\n hidden: (props) => !props.glareEnable,\n },\n glareBorderRadius: {\n type: \"string\",\n defaultValueHint: \"0\",\n description: \"Border radius of glare effect\",\n displayName: \"Glare Border Radius\",\n hidden: (props) => !props.glareEnable,\n },\n glarePosition: {\n type: \"choice\",\n options: [\"top\", \"bottom\", \"left\", \"right\", \"all\"],\n defaultValueHint: \"bottom\",\n description: \"Position of the glare effect\",\n displayName: \"Glare Position\",\n hidden: (props) => !props.glareEnable,\n },\n glareReverse: {\n type: \"boolean\",\n defaultValueHint: false,\n description: \"Reverse glare direction\",\n displayName: \"Glare Reverse\",\n hidden: (props) => !props.glareEnable,\n },\n scale: {\n type: \"number\",\n defaultValueHint: 1,\n description: \"Scale of the element\",\n displayName: \"Scale\",\n },\n perspective: {\n type: \"number\",\n defaultValueHint: 1000,\n description:\n \"The perspective property defines how far the object (wrapped/child component) is away from the user. The lower the more extreme the tilt gets.\",\n displayName: \"Perspective\",\n },\n flipVertically: {\n type: \"boolean\",\n defaultValueHint: false,\n description: \"Flip the element vertically\",\n displayName: \"Flip Vertically\",\n },\n flipHorizontally: {\n type: \"boolean\",\n defaultValueHint: false,\n description: \"Flip the element horizontally\",\n displayName: \"Flip Horizontally\",\n },\n reset: {\n type: \"boolean\",\n defaultValueHint: false,\n description: \"Reset the element to its original state\",\n displayName: \"Reset\",\n },\n transitionEasing: {\n type: \"string\",\n defaultValueHint: \"cubic-bezier(.03,.98,.52,.99)\",\n description: \"Easing function for the transition\",\n displayName: \"Transition Easing\",\n },\n transitionSpeed: {\n type: \"number\",\n defaultValueHint: 400,\n description: \"Transition speed in milliseconds\",\n displayName: \"Transition Speed\",\n },\n trackOnWindow: {\n type: \"boolean\",\n defaultValueHint: false,\n description:\n \"Track the mouse position on the whole window, not just on the element\",\n displayName: \"Track On Window\",\n },\n gyroscope: {\n type: \"boolean\",\n defaultValueHint: false,\n description: \"Enable device orientation detection\",\n displayName: \"Gyroscope\",\n },\n },\n isDefaultExport: true,\n defaultStyles: {\n maxWidth: \"100%\",\n },\n};\n\nexport function registerTilt(\n loader?: { registerComponent: typeof registerComponent },\n customTiltMeta?: ComponentMeta<TiltProps>\n) {\n if (loader) {\n loader.registerComponent(Tilt, customTiltMeta ?? parallaxTiltMeta);\n } else {\n registerComponent(Tilt, customTiltMeta ?? parallaxTiltMeta);\n }\n}\n"],"names":["Tilt","props","React","ReactParallaxTilt","style","_extends","transformStyle","_props$style","parallaxTiltMeta","name","displayName","importName","importPath","isAttachment","children","type","defaultValue","src","styles","maxWidth","tiltEnable","defaultValueHint","description","tiltReverse","tiltAngleXInitial","tiltAngleYInitial","tiltMaxAngleX","tiltMaxAngleY","tiltAxis","options","glareEnable","glareMaxOpacity","hidden","glareColor","glareBorderRadius","glarePosition","glareReverse","scale","perspective","flipVertically","flipHorizontally","reset","transitionEasing","transitionSpeed","trackOnWindow","gyroscope","isDefaultExport","defaultStyles","registerTilt","loader","customTiltMeta","registerComponent"],"mappings":"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"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@plasmicpkgs/react-parallax-tilt",
|
|
3
|
-
"version": "0.0.
|
|
3
|
+
"version": "0.0.212",
|
|
4
4
|
"description": "Plasmic registration call for the HTML5 video element",
|
|
5
5
|
"main": "dist/index.js",
|
|
6
6
|
"types": "dist/index.d.ts",
|
|
@@ -28,7 +28,7 @@
|
|
|
28
28
|
"analyze": "size-limit --why"
|
|
29
29
|
},
|
|
30
30
|
"devDependencies": {
|
|
31
|
-
"@plasmicapp/host": "1.0.
|
|
31
|
+
"@plasmicapp/host": "1.0.212",
|
|
32
32
|
"@size-limit/preset-small-lib": "^4.11.0",
|
|
33
33
|
"@types/node": "^14.0.26",
|
|
34
34
|
"@types/react": "^18.2.33",
|
|
@@ -44,5 +44,5 @@
|
|
|
44
44
|
"react": ">=16.8.0",
|
|
45
45
|
"react-dom": ">=16.8.0"
|
|
46
46
|
},
|
|
47
|
-
"gitHead": "
|
|
47
|
+
"gitHead": "e14716fd42ea79a35e4844d660f6d12aa97a9768"
|
|
48
48
|
}
|