@plasmicpkgs/react-parallax-tilt 0.0.162 → 0.0.165
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 +4 -4
- 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 +4 -4
- package/dist/react-parallax-tilt.esm.js.map +1 -1
- package/package.json +3 -3
|
@@ -43,7 +43,7 @@ var parallaxTiltMeta = {
|
|
|
43
43
|
defaultValue: {
|
|
44
44
|
type: "img",
|
|
45
45
|
src: "https://placekitten.com/300/200",
|
|
46
|
-
|
|
46
|
+
styles: {
|
|
47
47
|
maxWidth: "100%"
|
|
48
48
|
}
|
|
49
49
|
}
|
|
@@ -118,7 +118,7 @@ var parallaxTiltMeta = {
|
|
|
118
118
|
},
|
|
119
119
|
glareBorderRadius: {
|
|
120
120
|
type: "string",
|
|
121
|
-
defaultValueHint:
|
|
121
|
+
defaultValueHint: "0",
|
|
122
122
|
description: "Border radius of glare effect",
|
|
123
123
|
displayName: "Glare Border Radius",
|
|
124
124
|
hidden: function hidden(props) {
|
|
@@ -128,7 +128,7 @@ var parallaxTiltMeta = {
|
|
|
128
128
|
glarePosition: {
|
|
129
129
|
type: "choice",
|
|
130
130
|
options: ["top", "bottom", "left", "right", "all"],
|
|
131
|
-
defaultValueHint:
|
|
131
|
+
defaultValueHint: "bottom",
|
|
132
132
|
description: "Position of the glare effect",
|
|
133
133
|
displayName: "Glare Position",
|
|
134
134
|
hidden: function hidden(props) {
|
|
@@ -176,7 +176,7 @@ var parallaxTiltMeta = {
|
|
|
176
176
|
},
|
|
177
177
|
transitionEasing: {
|
|
178
178
|
type: "string",
|
|
179
|
-
defaultValueHint:
|
|
179
|
+
defaultValueHint: "cubic-bezier(.03,.98,.52,.99)",
|
|
180
180
|
description: "Easing function for the transition",
|
|
181
181
|
displayName: "Transition Easing"
|
|
182
182
|
},
|
|
@@ -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 style: {\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","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)Object.prototype.hasOwnProperty.call(i,a)&&(e[a]=i[a])}return e}).apply(this,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",
|
|
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)Object.prototype.hasOwnProperty.call(i,a)&&(e[a]=i[a])}return e}).apply(this,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
|
|
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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"}
|
|
@@ -37,7 +37,7 @@ var parallaxTiltMeta = {
|
|
|
37
37
|
defaultValue: {
|
|
38
38
|
type: "img",
|
|
39
39
|
src: "https://placekitten.com/300/200",
|
|
40
|
-
|
|
40
|
+
styles: {
|
|
41
41
|
maxWidth: "100%"
|
|
42
42
|
}
|
|
43
43
|
}
|
|
@@ -112,7 +112,7 @@ var parallaxTiltMeta = {
|
|
|
112
112
|
},
|
|
113
113
|
glareBorderRadius: {
|
|
114
114
|
type: "string",
|
|
115
|
-
defaultValueHint:
|
|
115
|
+
defaultValueHint: "0",
|
|
116
116
|
description: "Border radius of glare effect",
|
|
117
117
|
displayName: "Glare Border Radius",
|
|
118
118
|
hidden: function hidden(props) {
|
|
@@ -122,7 +122,7 @@ var parallaxTiltMeta = {
|
|
|
122
122
|
glarePosition: {
|
|
123
123
|
type: "choice",
|
|
124
124
|
options: ["top", "bottom", "left", "right", "all"],
|
|
125
|
-
defaultValueHint:
|
|
125
|
+
defaultValueHint: "bottom",
|
|
126
126
|
description: "Position of the glare effect",
|
|
127
127
|
displayName: "Glare Position",
|
|
128
128
|
hidden: function hidden(props) {
|
|
@@ -170,7 +170,7 @@ var parallaxTiltMeta = {
|
|
|
170
170
|
},
|
|
171
171
|
transitionEasing: {
|
|
172
172
|
type: "string",
|
|
173
|
-
defaultValueHint:
|
|
173
|
+
defaultValueHint: "cubic-bezier(.03,.98,.52,.99)",
|
|
174
174
|
description: "Easing function for the transition",
|
|
175
175
|
displayName: "Transition Easing"
|
|
176
176
|
},
|
|
@@ -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 style: {\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","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.165",
|
|
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.166",
|
|
32
32
|
"@size-limit/preset-small-lib": "^4.11.0",
|
|
33
33
|
"@types/node": "^14.0.26",
|
|
34
34
|
"size-limit": "^4.11.0",
|
|
@@ -43,5 +43,5 @@
|
|
|
43
43
|
"react": ">=16.8.0",
|
|
44
44
|
"react-dom": ">=16.8.0"
|
|
45
45
|
},
|
|
46
|
-
"gitHead": "
|
|
46
|
+
"gitHead": "dbe6519e32e754c106a17535505bd1ae7cff082d"
|
|
47
47
|
}
|