@plasmicpkgs/react-slick 0.0.183 → 0.0.185

package/dist/react-slick.cjs.production.min.js

@@ -1,2 +1,2 @@
-"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("@seznam/compose-react-refs")),n=require("antd"),a=require("react"),l=e(a),o=e(require("react-slick")),d=["editingSlide","setControlContextData"],s=n.Select.Option,r={name:"hostless-slider",displayName:"Slider Carousel",importName:"Slider",importPath:"react-slick",description:"[See tutorial video](https://www.youtube.com/watch?v=GMgXLbNHX8c)",actions:[{type:"custom-action",control:function(e){var t,i,a=e.componentProps,o=e.studioOps,d=null!=(t=a.editingSlide)?t:0,r=null!=(i=a.children.length)?i:"img"===a.children.type?1:0,p=Array.from({length:r},(function(e,t){return t})).map((function(e){return l.createElement(s,{value:e.toString()},"Slide ",e+1)}));return l.createElement("div",{style:{width:"100%",display:"flex",flexDirection:"row",gap:"10px",justifyContent:"space-between"}},l.createElement("div",null,"Current slide:"),l.createElement(n.Select,{defaultValue:d.toString(),style:{width:"100%"},onChange:function(e){var t=Number(e);o.updateProps({editingSlide:t%r})},value:d.toString()},p))}},{type:"custom-action",control:function(e){var t,i=e.componentProps,a=e.studioOps,o=i.children.length,d=null!=(t=i.editingSlide)?t:0;return l.createElement("div",{style:{width:"100%",display:"flex",flexDirection:"row",gap:"10px",justifyContent:"space-between"}},l.createElement(n.Button,{style:{width:"100%"},onClick:function(){a.updateProps({editingSlide:(d-1+o)%o})}},"Prev slide"),l.createElement(n.Button,{style:{width:"100%"},onClick:function(){a.updateProps({editingSlide:(d+1)%o})}},"Next slide"))}},{type:"button-action",label:"Append new slide",onClick:function(e){var t=e.studioOps,i=e.componentProps.children.length;t.appendToSlot({type:"img",src:"",styles:{maxWidth:"100%"}},"children"),t.updateProps({editingSlide:i})}},{type:"button-action",label:"Delete current slide",onClick:function(e){var t,i=e.componentProps,n=e.studioOps,a=null!=(t=e.contextData.editingSlide)?t:0;n.removeFromSlotAt(a,"children");var l=i.children.length-1;n.updateProps({editingSlide:(a-1+l)%l})}},{type:"custom-action",control:function(){return l.createElement("div",null,"* To re-arrange slides, use the Outline panel")}}],props:{children:{type:"slot",defaultValue:[0,1,2].map((function(e){return{type:"vbox",children:{type:"img",src:"https://static1.plasmic.app/components/react-slick/slide"+(e+1)+".png",styles:{maxWidth:"100%"}}}}))},editingSlide:{displayName:"Currently edited slide",type:"number",description:"Switch to the specified slide (first is 0). Only affects the editor, not the final page.",defaultValueHint:0,editOnly:!0,hidden:function(){return!0}},accessibility:{advanced:!0,displayName:"Accessibility",type:"boolean",description:"Enables tabbing and arrow key navigation",defaultValueHint:!0},adaptiveHeight:{advanced:!0,displayName:"Adaptive Height",type:"boolean",description:"Adjust the slide's height automatically",defaultValueHint:!1},arrows:{displayName:"Arrows",type:"boolean",description:"Show next/prev arrows",defaultValueHint:!0},autoplay:{displayName:"Auto Play",type:"boolean",description:"Automatically start scrolling",defaultValueHint:!1},autoplaySpeed:{displayName:"Auto Play Speed",type:"number",description:"Delay between each auto scroll, in milliseconds",defaultValueHint:3e3,hidden:function(e){return!e.autoplay}},centerMode:{displayName:"Center Mode",type:"boolean",description:"Enables centered view with partial prev/next slides. Use with odd numbered slidesToShow counts",defaultValueHint:!1},centerPadding:{displayName:"Center Padding",type:"string",description:"Side padding when in center mode (px or %)",defaultValueHint:"50px",hidden:function(e){return!e.centerMode}},dots:{displayName:"Dots",type:"boolean",description:"Show dots for each slide",defaultValueHint:!1},draggable:{advanced:!0,displayName:"Draggable",type:"boolean",description:"Enables mouse dragging on desktop",defaultValueHint:!0},cssEase:{advanced:!0,displayName:"Easing",type:"string",description:"Easing method for transition",defaultValueHint:"linear"},easing:{hidden:function(){return!0},advanced:!0,displayName:"Easing",type:"string",description:"Easing method for transition",defaultValueHint:"linear"},fade:{advanced:!0,displayName:"Fade",type:"boolean",description:"Cross-fade between slides",defaultValueHint:!1},focusOnSelect:{advanced:!0,displayName:"Focus On Select",type:"boolean",description:"Go to slide on click",defaultValueHint:!1},infinite:{displayName:"Infinite",type:"boolean",description:"Infinitely wrap around contents",defaultValueHint:!0},initialSlide:{displayName:"Initial Slide",type:"number",description:"Index of initial slide (first is 0)",defaultValueHint:0},lazyLoad:{advanced:!0,displayName:"Lazy Load",type:"choice",options:["ondemand","progressive"],description:"Load images or render components on demand or progressively"},pauseOnDotsHover:{displayName:"Pause On Dots Hover",type:"boolean",description:"Prevents autoplay while hovering on dots",defaultValueHint:!1},pauseOnFocus:{displayName:"Pause On Focus",type:"boolean",description:"Prevents autoplay while focused on slides",defaultValueHint:!1},pauseOnHover:{displayName:"Pause On Hover",type:"boolean",description:"Prevents autoplay while hovering on track",defaultValueHint:!0},rows:{displayName:"Rows",type:"number",description:"Number of rows per slide (enables grid mode)",defaultValueHint:1},rtl:{advanced:!0,displayName:"Reverse",type:"boolean",description:"Reverses the slide order",defaultValueHint:!1},slidesPerRow:{displayName:"Slides Per Row",type:"number",description:"Number of slides to display in grid mode, this is useful with rows option",defaultValueHint:1},slidesToScroll:{advanced:!0,displayName:"Slides To Scroll",type:"number",description:"Number of slides to scroll at once",defaultValueHint:1},slidesToShow:{advanced:!0,displayName:"Slides To Show",type:"number",description:"Number of slides to show in one frame",defaultValueHint:1},speed:{advanced:!0,displayName:"Speed",type:"number",description:"Transition speed in milliseconds",defaultValueHint:500},swipe:{advanced:!0,displayName:"Swipe",type:"boolean",description:"Enable swiping to change slides",defaultValueHint:!0},swipeToSlide:{advanced:!0,displayName:"Swipe To Slide",type:"boolean",description:"Enable drag/swipe irrespective of 'slidesToScroll'",defaultValueHint:!1},touchMove:{advanced:!0,displayName:"Touch Move",type:"boolean",description:"Enable slide moving on touch",defaultValueHint:!0},touchThreshold:{advanced:!0,displayName:"Touch Threshold",type:"number",description:"Swipe distance threshold in pixels",defaultValueHint:5},useCSS:{advanced:!0,displayName:"Use CSS",type:"boolean",description:"Enable/Disable CSS Transitions",defaultValueHint:!0},useTransform:{advanced:!0,displayName:"Use Transform",type:"boolean",description:"Enable/Disable CSS Transforms",defaultValueHint:!0},variableWidth:{advanced:!0,displayName:"Variable Width",type:"boolean",description:"Variable width slides",defaultValueHint:!1},vertical:{advanced:!0,displayName:"Vertical",type:"boolean",description:"Vertical slide mode",defaultValueHint:!1}},isDefaultExport:!0,defaultStyles:{width:"stretch",maxWidth:"100%",flexDirection:"column"}},p=a.forwardRef((function(e,t){var n=e.editingSlide,s=e.setControlContextData,r=function(e,t){if(null==e)return{};var i,n,a={},l=Object.keys(e);for(n=0;n<l.length;n++)t.indexOf(i=l[n])>=0||(a[i]=e[i]);return a}(e,d);null==s||s({editingSlide:n});var p=a.useRef(null);return a.useEffect((function(){void 0!==n&&p.current.slickGoTo(n)}),[n]),l.createElement(o,Object.assign({ref:i(p,t)},r))}));exports.SliderWrapper=p,exports.registerSlider=function(e,i){e?e.registerComponent(p,null!=i?i:r):t(p,null!=i?i:r)},exports.sliderMeta=r;
+"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=require("antd"),n=require("react"),a=e(n),l=e(require("react-slick"));function o(){return(o=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var i=arguments[t];for(var n in i)Object.prototype.hasOwnProperty.call(i,n)&&(e[n]=i[n])}return e}).apply(this,arguments)}var r=["editingSlide","initialSlide","arrowColor","className","sliderScopeClassName"];function s(e){var t=e.rows,i=void 0===t?1:t,n=e.slidesPerRow,a=void 0===n?1:n,l=e.editingSlide,o=void 0===l?0:l,r=e.children,s=Array.isArray(r)?r.length:1,d=i*a,u=Math.ceil(s/d);return{currentDotIndex:o>=u?u-1:o,slidesPerDot:d,dotCount:u,totalSlides:s}}var d={states:{currentSlide:{onChangeArgsToValue:function(e,t){return t}}}},u={name:"hostless-slider",displayName:"Slider Carousel",importName:"SliderWrapper",importPath:"@plasmicpkgs/react-slick",description:"[See tutorial video](https://www.youtube.com/watch?v=GMgXLbNHX8c)",actions:[{type:"custom-action",control:function(e){var t=e.studioOps,i=s(e.componentProps),n=i.currentDotIndex,l=Array.from({length:i.dotCount},(function(e,t){return t})).map((function(e){return a.createElement("option",{key:e,value:e.toString()},"Slide ",e)}));return a.createElement("div",{style:{width:"100%",display:"flex",flexDirection:"row",gap:"10px",justifyContent:"space-between"}},a.createElement("div",null,"Current slide:"),a.createElement("select",{defaultValue:n.toString(),style:{width:"100%"},onChange:function(e){t.updateProps({editingSlide:Number(e.target.value)})},value:n.toString()},l))}},{type:"custom-action",control:function(e){var t=e.studioOps,n=s(e.componentProps),l=n.dotCount,o=n.currentDotIndex;return a.createElement("div",{style:{width:"100%",display:"flex",flexDirection:"row",gap:"10px",justifyContent:"space-between"}},a.createElement(i.Button,{style:{width:"100%"},onClick:function(){t.updateProps({editingSlide:0===o?l-1:(o-1)%l})}},"Prev slide"),a.createElement(i.Button,{style:{width:"100%"},onClick:function(){t.updateProps({editingSlide:(o+1)%l})}},"Next slide"))}},{type:"button-action",label:"Append new slide",onClick:function(e){var t=e.studioOps,i=s(e.componentProps),n=i.dotCount,a=i.totalSlides%i.slidesPerDot?n-1:n;t.appendToSlot({type:"img",src:"",styles:{maxWidth:"100%"}},"children"),t.updateProps({editingSlide:a})}},{type:"button-action",label:"Delete current slide",hidden:function(e){var t;return"CanvasSlotPlaceholder"===(null==(t=e.children)||null==(t=t.type)?void 0:t.name)},onClick:function(e){var t=e.studioOps,i=s(e.componentProps),n=i.currentDotIndex,a=i.dotCount,l=i.slidesPerDot,o=i.totalSlides;t.removeFromSlotAt(n*l,"children"),t.updateProps({editingSlide:1===a?0:n!==a-1?1===l?n-1:n:o%l==1?n-1:n})}},{type:"custom-action",control:function(){return a.createElement("div",null,"* To re-arrange slides, use the Outline panel")}}],refActions:{slickGoTo:{displayName:"Jump to slide",argTypes:[{name:"index",displayName:"Slide index",type:"number"},{name:"dontAnimate",displayName:"Animate?",type:"boolean"}]},slickNext:{displayName:"Go to Next slide",argTypes:[]},slickPause:{displayName:"Pause",argTypes:[]},slickPlay:{displayName:"Play",argTypes:[]},slickPrev:{displayName:"Go to Previous slide",argTypes:[]}},props:{children:{type:"slot",defaultValue:[0,1,2].map((function(e){return{type:"vbox",children:{type:"img",src:"https://static1.plasmic.app/components/react-slick/slide"+(e+1)+".png",styles:{maxWidth:"100%"}}}}))},editingSlide:{displayName:"Currently edited slide",type:"number",description:"Switch to the specified slide (first is 0). Only affects the editor, not the final page.",defaultValueHint:0,defaultValue:0,editOnly:!0,hidden:function(){return!0}},accessibility:{advanced:!0,displayName:"Accessibility",type:"boolean",description:"Enables tabbing and arrow key navigation",defaultValueHint:!0},adaptiveHeight:{advanced:!0,displayName:"Adaptive Height",type:"boolean",description:"Adjust the slide's height automatically",defaultValueHint:!1},arrows:{displayName:"Arrows",type:"boolean",description:"Show next/prev arrows",defaultValueHint:!0},sliderScopeClassName:{type:"styleScopeClass",scopeName:"slider"},arrowColor:{type:"color",description:"Color of next/prev arrow buttons",defaultValueHint:"#000000",hidden:function(e){return void 0!==e.arrows&&!e.arrows}},autoplay:{displayName:"Auto Play",type:"boolean",description:"Automatically start scrolling",defaultValueHint:!1},autoplaySpeed:{displayName:"Auto Play Speed",type:"number",description:"Delay between each auto scroll, in milliseconds",defaultValueHint:3e3,hidden:function(e){return!e.autoplay}},centerMode:{displayName:"Center Mode",type:"boolean",description:"Enables centered view with partial prev/next slides. Use with odd numbered slidesToShow counts",defaultValueHint:!1},centerPadding:{displayName:"Center Padding",type:"string",description:"Side padding when in center mode (px or %)",defaultValueHint:"50px",hidden:function(e){return!e.centerMode}},dots:{displayName:"Dots",type:"boolean",description:"Show dots for each slide",defaultValueHint:!1},draggable:{advanced:!0,displayName:"Draggable",type:"boolean",description:"Enables mouse dragging on desktop",defaultValueHint:!0},cssEase:{advanced:!0,displayName:"Easing",type:"string",description:"Easing method for transition",defaultValueHint:"linear"},easing:{hidden:function(){return!0},advanced:!0,displayName:"Easing",type:"string",description:"Easing method for transition",defaultValueHint:"linear"},fade:{advanced:!0,displayName:"Fade",type:"boolean",description:"Cross-fade between slides",defaultValueHint:!1},focusOnSelect:{advanced:!0,displayName:"Focus On Select",type:"boolean",description:"Go to slide on click",defaultValueHint:!1},infinite:{displayName:"Infinite",type:"boolean",description:"Infinitely wrap around contents",defaultValueHint:!0},initialSlide:{displayName:"Initial Slide",type:"number",description:"Index of the first visible slide (first is 0), accounting for multiple slides per view if applicable.",defaultValueHint:0,defaultValue:0},lazyLoad:{advanced:!0,displayName:"Lazy Load",type:"choice",options:["ondemand","progressive"],description:"Load images or render components on demand or progressively"},pauseOnDotsHover:{displayName:"Pause On Dots Hover",type:"boolean",description:"Prevents autoplay while hovering on dots",defaultValueHint:!1},pauseOnFocus:{displayName:"Pause On Focus",type:"boolean",description:"Prevents autoplay while focused on slides",defaultValueHint:!1},pauseOnHover:{displayName:"Pause On Hover",type:"boolean",description:"Prevents autoplay while hovering on track",defaultValueHint:!0},rows:{displayName:"Rows",type:"number",description:"Number of rows per slide (enables grid mode)",defaultValueHint:1},rtl:{advanced:!0,displayName:"Reverse",type:"boolean",description:"Reverses the slide order",defaultValueHint:!1},slidesPerRow:{displayName:"Slides Per Row",type:"number",description:"Number of slides to display in grid mode, this is useful with rows option",defaultValueHint:1},slidesToScroll:{advanced:!0,displayName:"Slides To Scroll",type:"number",description:"Number of slides to scroll at once",defaultValueHint:1},slidesToShow:{advanced:!0,displayName:"Slides To Show",type:"number",description:"Number of slides to show in one frame",defaultValueHint:1},speed:{advanced:!0,displayName:"Speed",type:"number",description:"Transition speed in milliseconds",defaultValueHint:500},swipe:{advanced:!0,displayName:"Swipe",type:"boolean",description:"Enable swiping to change slides",defaultValueHint:!0},swipeToSlide:{advanced:!0,displayName:"Swipe To Slide",type:"boolean",description:"Enable drag/swipe irrespective of 'slidesToScroll'",defaultValueHint:!1},touchMove:{advanced:!0,displayName:"Touch Move",type:"boolean",description:"Enable slide moving on touch",defaultValueHint:!0},touchThreshold:{advanced:!0,displayName:"Touch Threshold",type:"number",description:"Swipe distance threshold in pixels",defaultValueHint:5},useCSS:{advanced:!0,displayName:"Use CSS",type:"boolean",description:"Enable/Disable CSS Transitions",defaultValueHint:!0},useTransform:{advanced:!0,displayName:"Use Transform",type:"boolean",description:"Enable/Disable CSS Transforms",defaultValueHint:!0},variableWidth:{advanced:!0,displayName:"Variable Width",type:"boolean",description:"Variable width slides",defaultValueHint:!1},vertical:{advanced:!0,displayName:"Vertical",type:"boolean",description:"Vertical slide mode",defaultValueHint:!1},beforeChange:{type:"eventHandler",advanced:!0,argTypes:[{name:"currentSlide",type:"number"}]}},states:{currentSlide:o({type:"writable",valueProp:"editingSlide",onChangeProp:"beforeChange",variableType:"number"},d.states.currentSlide)},componentHelpers:{helpers:d,importName:"sliderHelpers",importPath:"@plasmicpkgs/react-slick"},defaultStyles:{width:"stretch",maxWidth:"100%",flexDirection:"column"}};function c(e,t){var i=n.useState(e),a=i[0],l=i[1];return n.useEffect((function(){var i=setTimeout((function(){return l(e)}),t||500);return function(){clearTimeout(i)}}),[e,t]),a}var p=n.forwardRef((function(e,t){var i=e.editingSlide,o=e.initialSlide,s=e.arrowColor,d=e.className,u=e.sliderScopeClassName,p=function(e,t){if(null==e)return{};var i,n,a={},l=Object.keys(e);for(n=0;n<l.length;n++)t.indexOf(i=l[n])>=0||(a[i]=e[i]);return a}(e,r),y=!!e["data-plasmic-canvas-envs"],m=n.useRef(null),f=c(i);n.useEffect((function(){var e;void 0!==f&&y&&(null==(e=m.current)||e.slickGoTo(f))}),[f,y]),n.useEffect((function(){var e;void 0!==o&&(null==(e=m.current)||e.slickGoTo(o,!0))}),[o]),a.useImperativeHandle(t,(function(){return{slickGoTo:function(e,t){m.current&&(0,m.current.slickGoTo)(e,t)},slickNext:function(){m.current&&(0,m.current.slickNext)()},slickPause:function(){m.current&&(0,m.current.slickPause)()},slickPlay:function(){m.current&&(0,m.current.slickPlay)()},slickPrev:function(){m.current&&(0,m.current.slickPrev)()}}}),[]);var v="\n  ."+u+" .slick-arrow:before {\n      color: "+(null!=s?s:"black")+";\n    }\n  ";return a.createElement(a.Fragment,null,a.createElement(l,Object.assign({className:d+" "+u,ref:m},p)),a.createElement("style",{dangerouslySetInnerHTML:{__html:v}}))}));exports.SliderWrapper=p,exports.registerSlider=function(e,i){e?e.registerComponent(p,null!=i?i:u):t(p,null!=i?i:u)},exports.sliderHelpers=d,exports.sliderMeta=u,exports.useDebounce=c;
 //# sourceMappingURL=react-slick.cjs.production.min.js.map

package/dist/react-slick.cjs.production.min.js.map

@@ -1 +1 @@
-{"version":3,"file":"react-slick.cjs.production.min.js","sources":["../src/index.tsx"],"sourcesContent":["import registerComponent, {\n  ActionProps,\n  ComponentMeta,\n} from \"@plasmicapp/host/registerComponent\";\nimport composeRefs from \"@seznam/compose-react-refs\";\nimport { Button, Select } from \"antd\";\nimport React, { forwardRef, Ref, useEffect, useRef } from \"react\";\nimport Slider, { Settings } from \"react-slick\";\n\nconst { Option } = Select;\n\nfunction CurrentSlideDropdown({ componentProps, studioOps }: ActionProps<any>) {\n  const editingSlide = componentProps.editingSlide ?? 0;\n  const slidesCnt =\n    componentProps.children.length ??\n    (componentProps.children.type === \"img\" ? 1 : 0);\n\n  const options = Array.from({ length: slidesCnt }, (_, i) => i).map((i) => {\n    return <Option value={i.toString()}>Slide {i + 1}</Option>;\n  });\n\n  const handleChange = (value: string) => {\n    const slideIdx = Number(value);\n    studioOps.updateProps({ editingSlide: slideIdx % slidesCnt });\n  };\n\n  return (\n    <div\n      style={{\n        width: \"100%\",\n        display: \"flex\",\n        flexDirection: \"row\",\n        gap: \"10px\",\n        justifyContent: \"space-between\",\n      }}\n    >\n      <div>Current slide:</div>\n      <Select\n        defaultValue={editingSlide.toString()}\n        style={{ width: \"100%\" }}\n        onChange={handleChange}\n        value={editingSlide.toString()}\n      >\n        {options}\n      </Select>\n    </div>\n  );\n}\n\nfunction NavigateSlides({ componentProps, studioOps }: ActionProps<any>) {\n  const slidesCnt = componentProps.children.length;\n  const editingSlide = componentProps.editingSlide ?? 0;\n\n  return (\n    <div\n      style={{\n        width: \"100%\",\n        display: \"flex\",\n        flexDirection: \"row\",\n        gap: \"10px\",\n        justifyContent: \"space-between\",\n      }}\n    >\n      <Button\n        style={{ width: \"100%\" }}\n        onClick={() => {\n          const prevSlide = (editingSlide - 1 + slidesCnt) % slidesCnt;\n          studioOps.updateProps({ editingSlide: prevSlide });\n        }}\n      >\n        Prev slide\n      </Button>\n      <Button\n        style={{ width: \"100%\" }}\n        onClick={() => {\n          const nextSlide = (editingSlide + 1) % slidesCnt;\n          studioOps.updateProps({ editingSlide: nextSlide });\n        }}\n      >\n        Next slide\n      </Button>\n    </div>\n  );\n}\n\nfunction OutlineMessage() {\n  return <div>* To re-arrange slides, use the Outline panel</div>;\n}\n\nexport const sliderMeta: ComponentMeta<Settings> = {\n  name: \"hostless-slider\",\n  displayName: \"Slider Carousel\",\n  importName: \"Slider\",\n  importPath: \"react-slick\",\n  description:\n    \"[See tutorial video](https://www.youtube.com/watch?v=GMgXLbNHX8c)\",\n  actions: [\n    {\n      type: \"custom-action\",\n      control: CurrentSlideDropdown,\n    },\n    {\n      type: \"custom-action\",\n      control: NavigateSlides,\n    },\n    {\n      type: \"button-action\",\n      label: \"Append new slide\",\n      onClick: ({ componentProps, studioOps }: ActionProps<any>) => {\n        const slidesCnt = componentProps.children.length;\n        studioOps.appendToSlot(\n          {\n            type: \"img\",\n            src: \"\",\n            styles: {\n              maxWidth: \"100%\",\n            },\n          },\n          \"children\"\n        );\n        studioOps.updateProps({ editingSlide: slidesCnt });\n      },\n    },\n    {\n      type: \"button-action\",\n      label: \"Delete current slide\",\n      onClick: ({\n        componentProps,\n        contextData,\n        studioOps,\n      }: ActionProps<any>) => {\n        const editingSlide = contextData.editingSlide ?? 0;\n        studioOps.removeFromSlotAt(editingSlide, \"children\");\n        const slidesCnt = componentProps.children.length - 1;\n        studioOps.updateProps({\n          editingSlide: (editingSlide - 1 + slidesCnt) % slidesCnt,\n        });\n      },\n    },\n    {\n      type: \"custom-action\",\n      control: OutlineMessage,\n    },\n  ],\n  props: {\n    children: {\n      type: \"slot\",\n      defaultValue: [0, 1, 2].map((i) => ({\n        type: \"vbox\",\n        children: {\n          type: \"img\",\n          src:\n            \"https://static1.plasmic.app/components/react-slick/slide\" +\n            (i + 1) +\n            \".png\",\n          styles: {\n            maxWidth: \"100%\",\n          },\n        },\n      })),\n    },\n    editingSlide: {\n      displayName: \"Currently edited slide\",\n      type: \"number\",\n      description:\n        \"Switch to the specified slide (first is 0). Only affects the editor, not the final page.\",\n      defaultValueHint: 0,\n      editOnly: true,\n      hidden: () => true,\n    },\n    accessibility: {\n      advanced: true,\n      displayName: \"Accessibility\",\n      type: \"boolean\",\n      description: \"Enables tabbing and arrow key navigation\",\n      defaultValueHint: true,\n    },\n    adaptiveHeight: {\n      advanced: true,\n      displayName: \"Adaptive Height\",\n      type: \"boolean\",\n      description: \"Adjust the slide's height automatically\",\n      defaultValueHint: false,\n    },\n    arrows: {\n      displayName: \"Arrows\",\n      type: \"boolean\",\n      description: \"Show next/prev arrows\",\n      defaultValueHint: true,\n    },\n    autoplay: {\n      displayName: \"Auto Play\",\n      type: \"boolean\",\n      description: \"Automatically start scrolling\",\n      defaultValueHint: false,\n    },\n    autoplaySpeed: {\n      displayName: \"Auto Play Speed\",\n      type: \"number\",\n      description: \"Delay between each auto scroll, in milliseconds\",\n      defaultValueHint: 3000,\n      hidden: (props) => !props.autoplay,\n    },\n    centerMode: {\n      displayName: \"Center Mode\",\n      type: \"boolean\",\n      description:\n        \"Enables centered view with partial prev/next slides. Use with odd numbered slidesToShow counts\",\n      defaultValueHint: false,\n    },\n    centerPadding: {\n      displayName: \"Center Padding\",\n      type: \"string\",\n      description: \"Side padding when in center mode (px or %)\",\n      defaultValueHint: \"50px\",\n      hidden: (props) => !props.centerMode,\n    },\n    dots: {\n      displayName: \"Dots\",\n      type: \"boolean\",\n      description: \"Show dots for each slide\",\n      defaultValueHint: false,\n    },\n    draggable: {\n      advanced: true,\n      displayName: \"Draggable\",\n      type: \"boolean\",\n      description: \"Enables mouse dragging on desktop\",\n      defaultValueHint: true,\n    },\n    cssEase: {\n      advanced: true,\n      displayName: \"Easing\",\n      type: \"string\",\n      description: \"Easing method for transition\",\n      defaultValueHint: \"linear\",\n    },\n    /** Deprecated, this was apparently never working:\n     * https://github.com/akiran/react-slick/issues/363 */\n    easing: {\n      hidden: () => true,\n      advanced: true,\n      displayName: \"Easing\",\n      type: \"string\",\n      description: \"Easing method for transition\",\n      defaultValueHint: \"linear\",\n    },\n    fade: {\n      advanced: true,\n      displayName: \"Fade\",\n      type: \"boolean\",\n      description: \"Cross-fade between slides\",\n      defaultValueHint: false,\n    },\n    focusOnSelect: {\n      advanced: true,\n      displayName: \"Focus On Select\",\n      type: \"boolean\",\n      description: \"Go to slide on click\",\n      defaultValueHint: false,\n    },\n    infinite: {\n      displayName: \"Infinite\",\n      type: \"boolean\",\n      description: \"Infinitely wrap around contents\",\n      defaultValueHint: true,\n    },\n    initialSlide: {\n      displayName: \"Initial Slide\",\n      type: \"number\",\n      description: \"Index of initial slide (first is 0)\",\n      defaultValueHint: 0,\n    },\n    lazyLoad: {\n      advanced: true,\n      displayName: \"Lazy Load\",\n      type: \"choice\",\n      options: [\"ondemand\", \"progressive\"],\n      description:\n        \"Load images or render components on demand or progressively\",\n    },\n    pauseOnDotsHover: {\n      displayName: \"Pause On Dots Hover\",\n      type: \"boolean\",\n      description: \"Prevents autoplay while hovering on dots\",\n      defaultValueHint: false,\n    },\n    pauseOnFocus: {\n      displayName: \"Pause On Focus\",\n      type: \"boolean\",\n      description: \"Prevents autoplay while focused on slides\",\n      defaultValueHint: false,\n    },\n    pauseOnHover: {\n      displayName: \"Pause On Hover\",\n      type: \"boolean\",\n      description: \"Prevents autoplay while hovering on track\",\n      defaultValueHint: true,\n    },\n    rows: {\n      displayName: \"Rows\",\n      type: \"number\",\n      description: \"Number of rows per slide (enables grid mode)\",\n      defaultValueHint: 1,\n    },\n    rtl: {\n      advanced: true,\n      displayName: \"Reverse\",\n      type: \"boolean\",\n      description: \"Reverses the slide order\",\n      defaultValueHint: false,\n    },\n    // Looks like the `slide` prop is not being used to set the container tag:\n    // https://github.com/akiran/react-slick/issues/1318\n    // https://github.com/akiran/react-slick/pull/1885\n    // https://stackoverflow.com/questions/51492535/wrap-react-slick-li-slides-inside-ul\n    //\n    // slide: {\n    //   displayName: \"Slide Tag\",\n    //   type: \"string\",\n    //   description: 'Slide container element type',\n    //   defaultValueHint: \"div\",\n    // },\n    slidesPerRow: {\n      displayName: \"Slides Per Row\",\n      type: \"number\",\n      description:\n        \"Number of slides to display in grid mode, this is useful with rows option\",\n      defaultValueHint: 1,\n    },\n    slidesToScroll: {\n      advanced: true,\n      displayName: \"Slides To Scroll\",\n      type: \"number\",\n      description: \"Number of slides to scroll at once\",\n      defaultValueHint: 1,\n    },\n    slidesToShow: {\n      advanced: true,\n      displayName: \"Slides To Show\",\n      type: \"number\",\n      description: \"Number of slides to show in one frame\",\n      defaultValueHint: 1,\n    },\n    speed: {\n      advanced: true,\n      displayName: \"Speed\",\n      type: \"number\",\n      description: \"Transition speed in milliseconds\",\n      defaultValueHint: 500,\n    },\n    swipe: {\n      advanced: true,\n      displayName: \"Swipe\",\n      type: \"boolean\",\n      description: \"Enable swiping to change slides\",\n      defaultValueHint: true,\n    },\n    swipeToSlide: {\n      advanced: true,\n      displayName: \"Swipe To Slide\",\n      type: \"boolean\",\n      description: \"Enable drag/swipe irrespective of 'slidesToScroll'\",\n      defaultValueHint: false,\n    },\n    touchMove: {\n      advanced: true,\n      displayName: \"Touch Move\",\n      type: \"boolean\",\n      description: \"Enable slide moving on touch\",\n      defaultValueHint: true,\n    },\n    touchThreshold: {\n      advanced: true,\n      displayName: \"Touch Threshold\",\n      type: \"number\",\n      description: \"Swipe distance threshold in pixels\",\n      defaultValueHint: 5,\n    },\n    useCSS: {\n      advanced: true,\n      displayName: \"Use CSS\",\n      type: \"boolean\",\n      description: \"Enable/Disable CSS Transitions\",\n      defaultValueHint: true,\n    },\n    useTransform: {\n      advanced: true,\n      displayName: \"Use Transform\",\n      type: \"boolean\",\n      description: \"Enable/Disable CSS Transforms\",\n      defaultValueHint: true,\n    },\n    variableWidth: {\n      advanced: true,\n      displayName: \"Variable Width\",\n      type: \"boolean\",\n      description: \"Variable width slides\",\n      defaultValueHint: false,\n    },\n    vertical: {\n      advanced: true,\n      displayName: \"Vertical\",\n      type: \"boolean\",\n      description: \"Vertical slide mode\",\n      defaultValueHint: false,\n    },\n  },\n  isDefaultExport: true,\n  defaultStyles: {\n    width: \"stretch\",\n    maxWidth: \"100%\",\n    flexDirection: \"column\",\n  },\n};\n\nexport const SliderWrapper = forwardRef(function SliderWrapper_(\n  {\n    editingSlide,\n    setControlContextData,\n    ...props\n  }: Settings & {\n    editingSlide?: number;\n    setControlContextData?: (data: {\n      editingSlide: number | undefined;\n    }) => void;\n  },\n  userRef?: Ref<Slider>\n) {\n  setControlContextData?.({ editingSlide: editingSlide });\n  const slider = useRef<Slider>(null);\n  useEffect(() => {\n    if (editingSlide !== undefined) {\n      slider.current!.slickGoTo(editingSlide);\n    }\n  }, [editingSlide]);\n  return <Slider ref={composeRefs(slider, userRef)} {...props} />;\n});\n\nexport function registerSlider(\n  loader?: { registerComponent: typeof registerComponent },\n  customSliderMeta?: ComponentMeta<Settings>\n) {\n  if (loader) {\n    loader.registerComponent(SliderWrapper, customSliderMeta ?? sliderMeta);\n  } else {\n    registerComponent(SliderWrapper, customSliderMeta ?? sliderMeta);\n  }\n}\n"],"names":["Option","Select","sliderMeta","name","displayName","importName","importPath","description","actions","type","control","_ref","componentProps","studioOps","editingSlide","_componentProps$editi","slidesCnt","_componentProps$child","children","length","options","Array","from","_","i","map","React","value","toString","style","width","display","flexDirection","gap","justifyContent","defaultValue","onChange","slideIdx","Number","updateProps","_ref2","_componentProps$editi2","Button","onClick","label","_ref3","appendToSlot","src","styles","maxWidth","_ref4","_contextData$editingS","contextData","removeFromSlotAt","props","defaultValueHint","editOnly","hidden","accessibility","advanced","adaptiveHeight","arrows","autoplay","autoplaySpeed","centerMode","centerPadding","dots","draggable","cssEase","easing","fade","focusOnSelect","infinite","initialSlide","lazyLoad","pauseOnDotsHover","pauseOnFocus","pauseOnHover","rows","rtl","slidesPerRow","slidesToScroll","slidesToShow","speed","swipe","swipeToSlide","touchMove","touchThreshold","useCSS","useTransform","variableWidth","vertical","isDefaultExport","defaultStyles","SliderWrapper","forwardRef","_ref5","userRef","setControlContextData","_objectWithoutPropertiesLoose","_excluded","slider","useRef","useEffect","undefined","current","slickGoTo","Slider","ref","composeRefs","loader","customSliderMeta","registerComponent"],"mappings":"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"}
+{"version":3,"file":"react-slick.cjs.production.min.js","sources":["../src/index.tsx"],"sourcesContent":["import registerComponent, {\n  ActionProps,\n  ComponentMeta,\n} from \"@plasmicapp/host/registerComponent\";\nimport { Button } from \"antd\";\nimport React, {\n  ChangeEvent,\n  forwardRef,\n  Ref,\n  useEffect,\n  useRef,\n  useState,\n} from \"react\";\nimport Slider, { Settings } from \"react-slick\";\n\ntype SliderProps = Settings & {\n  arrowColor?: string;\n  editingSlide?: number;\n  sliderScopeClassName: string;\n};\n\nfunction getSlideInfo({\n  rows = 1,\n  slidesPerRow = 1,\n  editingSlide = 0,\n  children,\n}: SliderProps) {\n  const slidesCnt = Array.isArray(children) ? children.length : 1;\n\n  const slidesPerDot = rows * slidesPerRow;\n  const dotCount = Math.ceil(slidesCnt / slidesPerDot);\n  const currentDotIndex =\n    editingSlide >= dotCount ? dotCount - 1 : editingSlide;\n\n  return {\n    currentDotIndex,\n    slidesPerDot,\n    dotCount,\n    totalSlides: slidesCnt,\n  };\n}\n\nfunction CurrentSlideDropdown({ componentProps, studioOps }: ActionProps<any>) {\n  const { dotCount, currentDotIndex } = getSlideInfo(componentProps);\n\n  const options = Array.from({ length: dotCount }, (_, i) => i).map((i) => {\n    return (\n      <option key={i} value={i.toString()}>\n        Slide {i}\n      </option>\n    );\n  });\n\n  const handleChange = (e: ChangeEvent<HTMLSelectElement>) => {\n    studioOps.updateProps({ editingSlide: Number(e.target.value) });\n  };\n\n  return (\n    <div\n      style={{\n        width: \"100%\",\n        display: \"flex\",\n        flexDirection: \"row\",\n        gap: \"10px\",\n        justifyContent: \"space-between\",\n      }}\n    >\n      <div>Current slide:</div>\n      <select\n        defaultValue={currentDotIndex.toString()}\n        style={{ width: \"100%\" }}\n        onChange={handleChange}\n        value={currentDotIndex.toString()}\n      >\n        {options}\n      </select>\n    </div>\n  );\n}\n\nfunction NavigateSlides({ componentProps, studioOps }: ActionProps<any>) {\n  const { dotCount, currentDotIndex } = getSlideInfo(componentProps);\n\n  return (\n    <div\n      style={{\n        width: \"100%\",\n        display: \"flex\",\n        flexDirection: \"row\",\n        gap: \"10px\",\n        justifyContent: \"space-between\",\n      }}\n    >\n      <Button\n        style={{ width: \"100%\" }}\n        onClick={() => {\n          const prevSlide =\n            currentDotIndex === 0\n              ? dotCount - 1\n              : (currentDotIndex - 1) % dotCount;\n          studioOps.updateProps({ editingSlide: prevSlide });\n        }}\n      >\n        Prev slide\n      </Button>\n      <Button\n        style={{ width: \"100%\" }}\n        onClick={() => {\n          const nextSlide = (currentDotIndex + 1) % dotCount;\n          studioOps.updateProps({ editingSlide: nextSlide });\n        }}\n      >\n        Next slide\n      </Button>\n    </div>\n  );\n}\n\nfunction OutlineMessage() {\n  return <div>* To re-arrange slides, use the Outline panel</div>;\n}\n\nexport const sliderHelpers = {\n  states: {\n    currentSlide: {\n      onChangeArgsToValue: (_: number, newIndex: number) => newIndex,\n    },\n  },\n};\n\nexport const sliderMeta: ComponentMeta<SliderProps> = {\n  name: \"hostless-slider\",\n  displayName: \"Slider Carousel\",\n  importName: \"SliderWrapper\",\n  importPath: \"@plasmicpkgs/react-slick\",\n  description:\n    \"[See tutorial video](https://www.youtube.com/watch?v=GMgXLbNHX8c)\",\n  actions: [\n    {\n      type: \"custom-action\",\n      control: CurrentSlideDropdown,\n    },\n    {\n      type: \"custom-action\",\n      control: NavigateSlides,\n    },\n    {\n      type: \"button-action\",\n      label: \"Append new slide\",\n      onClick: ({ componentProps, studioOps }: ActionProps<any>) => {\n        const { dotCount, slidesPerDot, totalSlides } =\n          getSlideInfo(componentProps);\n        const editingSlide =\n          totalSlides % slidesPerDot ? dotCount - 1 : dotCount;\n        studioOps.appendToSlot(\n          {\n            type: \"img\",\n            src: \"\",\n            styles: {\n              maxWidth: \"100%\",\n            },\n          },\n          \"children\"\n        );\n        studioOps.updateProps({ editingSlide });\n      },\n    },\n    {\n      type: \"button-action\",\n      label: \"Delete current slide\",\n      hidden: (ps) =>\n        (ps.children as any)?.type?.name === \"CanvasSlotPlaceholder\",\n      onClick: ({ componentProps, studioOps }: ActionProps<any>) => {\n        const { currentDotIndex, dotCount, slidesPerDot, totalSlides } =\n          getSlideInfo(componentProps);\n        studioOps.removeFromSlotAt(currentDotIndex * slidesPerDot, \"children\");\n        let newPos = currentDotIndex;\n        if (dotCount === 1) {\n          // not the only dot\n          newPos = 0;\n        } else if (currentDotIndex !== dotCount - 1) {\n          // not the last dot\n          if (slidesPerDot === 1) {\n            newPos = currentDotIndex - 1;\n          } else {\n            newPos = currentDotIndex;\n          }\n        } else {\n          // the last dot\n          newPos =\n            totalSlides % slidesPerDot === 1\n              ? currentDotIndex - 1\n              : currentDotIndex;\n        }\n        studioOps.updateProps({\n          editingSlide: newPos,\n        });\n      },\n    },\n    {\n      type: \"custom-action\",\n      control: OutlineMessage,\n    },\n  ],\n  refActions: {\n    slickGoTo: {\n      displayName: \"Jump to slide\",\n      argTypes: [\n        {\n          name: \"index\",\n          displayName: \"Slide index\",\n          type: \"number\",\n        },\n        {\n          name: \"dontAnimate\",\n          displayName: \"Animate?\",\n          type: \"boolean\",\n        },\n      ],\n    },\n    slickNext: {\n      displayName: \"Go to Next slide\",\n      argTypes: [],\n    },\n    slickPause: {\n      displayName: \"Pause\",\n      argTypes: [],\n    },\n    slickPlay: {\n      displayName: \"Play\",\n      argTypes: [],\n    },\n    slickPrev: {\n      displayName: \"Go to Previous slide\",\n      argTypes: [],\n    },\n  },\n  props: {\n    children: {\n      type: \"slot\",\n      defaultValue: [0, 1, 2].map((i) => ({\n        type: \"vbox\",\n        children: {\n          type: \"img\",\n          src:\n            \"https://static1.plasmic.app/components/react-slick/slide\" +\n            (i + 1) +\n            \".png\",\n          styles: {\n            maxWidth: \"100%\",\n          },\n        },\n      })),\n    },\n    editingSlide: {\n      displayName: \"Currently edited slide\",\n      type: \"number\",\n      description:\n        \"Switch to the specified slide (first is 0). Only affects the editor, not the final page.\",\n      defaultValueHint: 0,\n      defaultValue: 0,\n      editOnly: true,\n      hidden: () => true,\n    },\n    accessibility: {\n      advanced: true,\n      displayName: \"Accessibility\",\n      type: \"boolean\",\n      description: \"Enables tabbing and arrow key navigation\",\n      defaultValueHint: true,\n    },\n    adaptiveHeight: {\n      advanced: true,\n      displayName: \"Adaptive Height\",\n      type: \"boolean\",\n      description: \"Adjust the slide's height automatically\",\n      defaultValueHint: false,\n    },\n    arrows: {\n      displayName: \"Arrows\",\n      type: \"boolean\",\n      description: \"Show next/prev arrows\",\n      defaultValueHint: true,\n    },\n    sliderScopeClassName: {\n      type: \"styleScopeClass\",\n      scopeName: \"slider\",\n    } as any,\n    arrowColor: {\n      type: \"color\",\n      description: \"Color of next/prev arrow buttons\",\n      defaultValueHint: \"#000000\",\n      hidden: (ps) => (ps.arrows === undefined ? false : !ps.arrows),\n    },\n    autoplay: {\n      displayName: \"Auto Play\",\n      type: \"boolean\",\n      description: \"Automatically start scrolling\",\n      defaultValueHint: false,\n    },\n    autoplaySpeed: {\n      displayName: \"Auto Play Speed\",\n      type: \"number\",\n      description: \"Delay between each auto scroll, in milliseconds\",\n      defaultValueHint: 3000,\n      hidden: (props) => !props.autoplay,\n    },\n    centerMode: {\n      displayName: \"Center Mode\",\n      type: \"boolean\",\n      description:\n        \"Enables centered view with partial prev/next slides. Use with odd numbered slidesToShow counts\",\n      defaultValueHint: false,\n    },\n    centerPadding: {\n      displayName: \"Center Padding\",\n      type: \"string\",\n      description: \"Side padding when in center mode (px or %)\",\n      defaultValueHint: \"50px\",\n      hidden: (props) => !props.centerMode,\n    },\n    dots: {\n      displayName: \"Dots\",\n      type: \"boolean\",\n      description: \"Show dots for each slide\",\n      defaultValueHint: false,\n    },\n    draggable: {\n      advanced: true,\n      displayName: \"Draggable\",\n      type: \"boolean\",\n      description: \"Enables mouse dragging on desktop\",\n      defaultValueHint: true,\n    },\n    cssEase: {\n      advanced: true,\n      displayName: \"Easing\",\n      type: \"string\",\n      description: \"Easing method for transition\",\n      defaultValueHint: \"linear\",\n    },\n    /** Deprecated, this was apparently never working:\n     * https://github.com/akiran/react-slick/issues/363 */\n    easing: {\n      hidden: () => true,\n      advanced: true,\n      displayName: \"Easing\",\n      type: \"string\",\n      description: \"Easing method for transition\",\n      defaultValueHint: \"linear\",\n    },\n    fade: {\n      advanced: true,\n      displayName: \"Fade\",\n      type: \"boolean\",\n      description: \"Cross-fade between slides\",\n      defaultValueHint: false,\n    },\n    focusOnSelect: {\n      advanced: true,\n      displayName: \"Focus On Select\",\n      type: \"boolean\",\n      description: \"Go to slide on click\",\n      defaultValueHint: false,\n    },\n    infinite: {\n      displayName: \"Infinite\",\n      type: \"boolean\",\n      description: \"Infinitely wrap around contents\",\n      defaultValueHint: true,\n    },\n    initialSlide: {\n      displayName: \"Initial Slide\",\n      type: \"number\",\n      description:\n        \"Index of the first visible slide (first is 0), accounting for multiple slides per view if applicable.\",\n      defaultValueHint: 0,\n      defaultValue: 0,\n    },\n    lazyLoad: {\n      advanced: true,\n      displayName: \"Lazy Load\",\n      type: \"choice\",\n      options: [\"ondemand\", \"progressive\"],\n      description:\n        \"Load images or render components on demand or progressively\",\n    },\n    pauseOnDotsHover: {\n      displayName: \"Pause On Dots Hover\",\n      type: \"boolean\",\n      description: \"Prevents autoplay while hovering on dots\",\n      defaultValueHint: false,\n    },\n    pauseOnFocus: {\n      displayName: \"Pause On Focus\",\n      type: \"boolean\",\n      description: \"Prevents autoplay while focused on slides\",\n      defaultValueHint: false,\n    },\n    pauseOnHover: {\n      displayName: \"Pause On Hover\",\n      type: \"boolean\",\n      description: \"Prevents autoplay while hovering on track\",\n      defaultValueHint: true,\n    },\n    rows: {\n      displayName: \"Rows\",\n      type: \"number\",\n      description: \"Number of rows per slide (enables grid mode)\",\n      defaultValueHint: 1,\n    },\n    rtl: {\n      advanced: true,\n      displayName: \"Reverse\",\n      type: \"boolean\",\n      description: \"Reverses the slide order\",\n      defaultValueHint: false,\n    },\n    // Looks like the `slide` prop is not being used to set the container tag:\n    // https://github.com/akiran/react-slick/issues/1318\n    // https://github.com/akiran/react-slick/pull/1885\n    // https://stackoverflow.com/questions/51492535/wrap-react-slick-li-slides-inside-ul\n    //\n    // slide: {\n    //   displayName: \"Slide Tag\",\n    //   type: \"string\",\n    //   description: 'Slide container element type',\n    //   defaultValueHint: \"div\",\n    // },\n    slidesPerRow: {\n      displayName: \"Slides Per Row\",\n      type: \"number\",\n      description:\n        \"Number of slides to display in grid mode, this is useful with rows option\",\n      defaultValueHint: 1,\n    },\n    slidesToScroll: {\n      advanced: true,\n      displayName: \"Slides To Scroll\",\n      type: \"number\",\n      description: \"Number of slides to scroll at once\",\n      defaultValueHint: 1,\n    },\n    slidesToShow: {\n      advanced: true,\n      displayName: \"Slides To Show\",\n      type: \"number\",\n      description: \"Number of slides to show in one frame\",\n      defaultValueHint: 1,\n    },\n    speed: {\n      advanced: true,\n      displayName: \"Speed\",\n      type: \"number\",\n      description: \"Transition speed in milliseconds\",\n      defaultValueHint: 500,\n    },\n    swipe: {\n      advanced: true,\n      displayName: \"Swipe\",\n      type: \"boolean\",\n      description: \"Enable swiping to change slides\",\n      defaultValueHint: true,\n    },\n    swipeToSlide: {\n      advanced: true,\n      displayName: \"Swipe To Slide\",\n      type: \"boolean\",\n      description: \"Enable drag/swipe irrespective of 'slidesToScroll'\",\n      defaultValueHint: false,\n    },\n    touchMove: {\n      advanced: true,\n      displayName: \"Touch Move\",\n      type: \"boolean\",\n      description: \"Enable slide moving on touch\",\n      defaultValueHint: true,\n    },\n    touchThreshold: {\n      advanced: true,\n      displayName: \"Touch Threshold\",\n      type: \"number\",\n      description: \"Swipe distance threshold in pixels\",\n      defaultValueHint: 5,\n    },\n    useCSS: {\n      advanced: true,\n      displayName: \"Use CSS\",\n      type: \"boolean\",\n      description: \"Enable/Disable CSS Transitions\",\n      defaultValueHint: true,\n    },\n    useTransform: {\n      advanced: true,\n      displayName: \"Use Transform\",\n      type: \"boolean\",\n      description: \"Enable/Disable CSS Transforms\",\n      defaultValueHint: true,\n    },\n    variableWidth: {\n      advanced: true,\n      displayName: \"Variable Width\",\n      type: \"boolean\",\n      description: \"Variable width slides\",\n      defaultValueHint: false,\n    },\n    vertical: {\n      advanced: true,\n      displayName: \"Vertical\",\n      type: \"boolean\",\n      description: \"Vertical slide mode\",\n      defaultValueHint: false,\n    },\n    beforeChange: {\n      type: \"eventHandler\",\n      advanced: true,\n      argTypes: [{ name: \"currentSlide\", type: \"number\" }],\n    },\n  },\n  states: {\n    currentSlide: {\n      type: \"writable\",\n      valueProp: \"editingSlide\",\n      onChangeProp: \"beforeChange\",\n      variableType: \"number\",\n      ...sliderHelpers.states.currentSlide,\n    },\n  },\n  componentHelpers: {\n    helpers: sliderHelpers,\n    importName: \"sliderHelpers\",\n    importPath: \"@plasmicpkgs/react-slick\",\n  },\n  defaultStyles: {\n    width: \"stretch\",\n    maxWidth: \"100%\",\n    flexDirection: \"column\",\n  },\n};\n\nexport function useDebounce<T>(value: T, delay?: number): T {\n  const [debouncedValue, setDebouncedValue] = useState<T>(value);\n\n  useEffect(() => {\n    const timer = setTimeout(() => setDebouncedValue(value), delay || 500);\n\n    return () => {\n      clearTimeout(timer);\n    };\n  }, [value, delay]);\n\n  return debouncedValue;\n}\n\nexport type SliderMethods = Pick<\n  Slider,\n  \"slickGoTo\" | \"slickNext\" | \"slickPause\" | \"slickPlay\" | \"slickPrev\"\n>;\n\nexport const SliderWrapper = forwardRef(function SliderWrapper_(\n  props: SliderProps,\n  userRef?: Ref<SliderMethods>\n) {\n  const {\n    editingSlide,\n    initialSlide,\n    arrowColor,\n    className,\n    sliderScopeClassName,\n    ...rest\n  } = props;\n  // \"data-plasmic-canvas-envs\" prop only exists in studio canvas\n  const isEditMode = (props as any)[\"data-plasmic-canvas-envs\"] ? true : false;\n  const slider = useRef<Slider>(null);\n  const debouncedEditingSlide = useDebounce(editingSlide);\n\n  useEffect(() => {\n    if (debouncedEditingSlide !== undefined && isEditMode) {\n      slider.current?.slickGoTo(debouncedEditingSlide);\n    }\n  }, [debouncedEditingSlide, isEditMode]);\n\n  useEffect(() => {\n    // passing the initialSlide prop directly to <Slider> does not work when inifinite: true and slidesPerRow: 3. So usingSlickGoTo instead\n    if (initialSlide === undefined) return;\n    slider.current?.slickGoTo(initialSlide, true);\n  }, [initialSlide]);\n\n  React.useImperativeHandle(\n    userRef,\n    () => ({\n      slickGoTo(index, dontAnimate) {\n        if (slider.current) {\n          const { slickGoTo } = slider.current;\n          slickGoTo(index, dontAnimate);\n        }\n      },\n      slickNext() {\n        if (slider.current) {\n          const { slickNext } = slider.current;\n          slickNext();\n        }\n      },\n      slickPause() {\n        if (slider.current) {\n          const { slickPause } = slider.current;\n          slickPause();\n        }\n      },\n      slickPlay() {\n        if (slider.current) {\n          const { slickPlay } = slider.current;\n          slickPlay();\n        }\n      },\n      slickPrev() {\n        if (slider.current) {\n          const { slickPrev } = slider.current;\n          slickPrev();\n        }\n      },\n    }),\n    []\n  );\n\n  const css = `\n  .${sliderScopeClassName} .slick-arrow:before {\n      color: ${arrowColor ?? \"black\"};\n    }\n  `;\n\n  return (\n    <>\n      <Slider\n        className={`${className} ${sliderScopeClassName}`}\n        ref={slider}\n        {...rest}\n      />\n      <style dangerouslySetInnerHTML={{ __html: css }} />\n    </>\n  );\n});\n\nexport function registerSlider(\n  loader?: { registerComponent: typeof registerComponent },\n  customSliderMeta?: ComponentMeta<SliderProps>\n) {\n  if (loader) {\n    loader.registerComponent(SliderWrapper, customSliderMeta ?? sliderMeta);\n  } else {\n    registerComponent(SliderWrapper, customSliderMeta ?? sliderMeta);\n  }\n}\n"],"names":["getSlideInfo","_ref","rows","_ref$rows","_ref$slidesPerRow","slidesPerRow","_ref$editingSlide","editingSlide","children","slidesCnt","Array","isArray","length","slidesPerDot","dotCount","Math","ceil","currentDotIndex","totalSlides","sliderHelpers","states","currentSlide","onChangeArgsToValue","_","newIndex","sliderMeta","name","displayName","importName","importPath","description","actions","type","control","_ref2","studioOps","_getSlideInfo","componentProps","options","from","i","map","React","key","value","toString","style","width","display","flexDirection","gap","justifyContent","defaultValue","onChange","e","updateProps","Number","target","_ref3","_getSlideInfo2","Button","onClick","label","_ref4","_getSlideInfo3","appendToSlot","src","styles","maxWidth","hidden","ps","_ps$children","_ref5","_getSlideInfo4","removeFromSlotAt","refActions","slickGoTo","argTypes","slickNext","slickPause","slickPlay","slickPrev","props","defaultValueHint","editOnly","accessibility","advanced","adaptiveHeight","arrows","sliderScopeClassName","scopeName","arrowColor","undefined","autoplay","autoplaySpeed","centerMode","centerPadding","dots","draggable","cssEase","easing","fade","focusOnSelect","infinite","initialSlide","lazyLoad","pauseOnDotsHover","pauseOnFocus","pauseOnHover","rtl","slidesToScroll","slidesToShow","speed","swipe","swipeToSlide","touchMove","touchThreshold","useCSS","useTransform","variableWidth","vertical","beforeChange","_extends","valueProp","onChangeProp","variableType","componentHelpers","helpers","defaultStyles","useDebounce","delay","_useState","useState","debouncedValue","setDebouncedValue","useEffect","timer","setTimeout","clearTimeout","SliderWrapper","forwardRef","userRef","className","rest","_objectWithoutPropertiesLoose","_excluded","isEditMode","slider","useRef","debouncedEditingSlide","_slider$current","current","_slider$current2","useImperativeHandle","index","dontAnimate","css","Slider","ref","dangerouslySetInnerHTML","__html","loader","customSliderMeta","registerComponent"],"mappings":"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"}

package/dist/react-slick.esm.js

@@ -1,9 +1,22 @@
 import registerComponent from '@plasmicapp/host/registerComponent';
-import composeRefs from '@seznam/compose-react-refs';
-import { Select, Button } from 'antd';
-import React, { forwardRef, useRef, useEffect } from 'react';
+import { Button } from 'antd';
+import React, { useState, useEffect, forwardRef, useRef } from 'react';
 import Slider from 'react-slick';
 
+function _extends() {
+  _extends = Object.assign ? Object.assign.bind() : function (target) {
+    for (var i = 1; i < arguments.length; i++) {
+      var source = arguments[i];
+      for (var key in source) {
+        if (Object.prototype.hasOwnProperty.call(source, key)) {
+          target[key] = source[key];
+        }
+      }
+    }
+    return target;
+  };
+  return _extends.apply(this, arguments);
+}
 function _objectWithoutPropertiesLoose(source, excluded) {
   if (source == null) return {};
   var target = {};
@@ -17,27 +30,45 @@ function _objectWithoutPropertiesLoose(source, excluded) {
   return target;
 }
 
-var _excluded = ["editingSlide", "setControlContextData"];
-var Option = Select.Option;
-function CurrentSlideDropdown(_ref) {
-  var _componentProps$editi, _componentProps$child;
-  var componentProps = _ref.componentProps,
-    studioOps = _ref.studioOps;
-  var editingSlide = (_componentProps$editi = componentProps.editingSlide) != null ? _componentProps$editi : 0;
-  var slidesCnt = (_componentProps$child = componentProps.children.length) != null ? _componentProps$child : componentProps.children.type === "img" ? 1 : 0;
+var _excluded = ["editingSlide", "initialSlide", "arrowColor", "className", "sliderScopeClassName"];
+function getSlideInfo(_ref) {
+  var _ref$rows = _ref.rows,
+    rows = _ref$rows === void 0 ? 1 : _ref$rows,
+    _ref$slidesPerRow = _ref.slidesPerRow,
+    slidesPerRow = _ref$slidesPerRow === void 0 ? 1 : _ref$slidesPerRow,
+    _ref$editingSlide = _ref.editingSlide,
+    editingSlide = _ref$editingSlide === void 0 ? 0 : _ref$editingSlide,
+    children = _ref.children;
+  var slidesCnt = Array.isArray(children) ? children.length : 1;
+  var slidesPerDot = rows * slidesPerRow;
+  var dotCount = Math.ceil(slidesCnt / slidesPerDot);
+  var currentDotIndex = editingSlide >= dotCount ? dotCount - 1 : editingSlide;
+  return {
+    currentDotIndex: currentDotIndex,
+    slidesPerDot: slidesPerDot,
+    dotCount: dotCount,
+    totalSlides: slidesCnt
+  };
+}
+function CurrentSlideDropdown(_ref2) {
+  var componentProps = _ref2.componentProps,
+    studioOps = _ref2.studioOps;
+  var _getSlideInfo = getSlideInfo(componentProps),
+    dotCount = _getSlideInfo.dotCount,
+    currentDotIndex = _getSlideInfo.currentDotIndex;
   var options = Array.from({
-    length: slidesCnt
+    length: dotCount
   }, function (_, i) {
     return i;
   }).map(function (i) {
-    return React.createElement(Option, {
+    return React.createElement("option", {
+      key: i,
       value: i.toString()
-    }, "Slide ", i + 1);
+    }, "Slide ", i);
   });
-  var handleChange = function handleChange(value) {
-    var slideIdx = Number(value);
+  var handleChange = function handleChange(e) {
     studioOps.updateProps({
-      editingSlide: slideIdx % slidesCnt
+      editingSlide: Number(e.target.value)
     });
   };
   return React.createElement("div", {
@@ -48,21 +79,21 @@ function CurrentSlideDropdown(_ref) {
       gap: "10px",
       justifyContent: "space-between"
     }
-  }, React.createElement("div", null, "Current slide:"), React.createElement(Select, {
-    defaultValue: editingSlide.toString(),
+  }, React.createElement("div", null, "Current slide:"), React.createElement("select", {
+    defaultValue: currentDotIndex.toString(),
     style: {
       width: "100%"
     },
     onChange: handleChange,
-    value: editingSlide.toString()
+    value: currentDotIndex.toString()
   }, options));
 }
-function NavigateSlides(_ref2) {
-  var _componentProps$editi2;
-  var componentProps = _ref2.componentProps,
-    studioOps = _ref2.studioOps;
-  var slidesCnt = componentProps.children.length;
-  var editingSlide = (_componentProps$editi2 = componentProps.editingSlide) != null ? _componentProps$editi2 : 0;
+function NavigateSlides(_ref3) {
+  var componentProps = _ref3.componentProps,
+    studioOps = _ref3.studioOps;
+  var _getSlideInfo2 = getSlideInfo(componentProps),
+    dotCount = _getSlideInfo2.dotCount,
+    currentDotIndex = _getSlideInfo2.currentDotIndex;
   return React.createElement("div", {
     style: {
       width: "100%",
@@ -76,7 +107,7 @@ function NavigateSlides(_ref2) {
       width: "100%"
     },
     onClick: function onClick() {
-      var prevSlide = (editingSlide - 1 + slidesCnt) % slidesCnt;
+      var prevSlide = currentDotIndex === 0 ? dotCount - 1 : (currentDotIndex - 1) % dotCount;
       studioOps.updateProps({
         editingSlide: prevSlide
       });
@@ -86,7 +117,7 @@ function NavigateSlides(_ref2) {
       width: "100%"
     },
     onClick: function onClick() {
-      var nextSlide = (editingSlide + 1) % slidesCnt;
+      var nextSlide = (currentDotIndex + 1) % dotCount;
       studioOps.updateProps({
         editingSlide: nextSlide
       });
@@ -96,11 +127,20 @@ function NavigateSlides(_ref2) {
 function OutlineMessage() {
   return React.createElement("div", null, "* To re-arrange slides, use the Outline panel");
 }
+var sliderHelpers = {
+  states: {
+    currentSlide: {
+      onChangeArgsToValue: function onChangeArgsToValue(_, newIndex) {
+        return newIndex;
+      }
+    }
+  }
+};
 var sliderMeta = {
   name: "hostless-slider",
   displayName: "Slider Carousel",
-  importName: "Slider",
-  importPath: "react-slick",
+  importName: "SliderWrapper",
+  importPath: "@plasmicpkgs/react-slick",
   description: "[See tutorial video](https://www.youtube.com/watch?v=GMgXLbNHX8c)",
   actions: [{
     type: "custom-action",
@@ -111,10 +151,14 @@ var sliderMeta = {
   }, {
     type: "button-action",
     label: "Append new slide",
-    onClick: function onClick(_ref3) {
-      var componentProps = _ref3.componentProps,
-        studioOps = _ref3.studioOps;
-      var slidesCnt = componentProps.children.length;
+    onClick: function onClick(_ref4) {
+      var componentProps = _ref4.componentProps,
+        studioOps = _ref4.studioOps;
+      var _getSlideInfo3 = getSlideInfo(componentProps),
+        dotCount = _getSlideInfo3.dotCount,
+        slidesPerDot = _getSlideInfo3.slidesPerDot,
+        totalSlides = _getSlideInfo3.totalSlides;
+      var editingSlide = totalSlides % slidesPerDot ? dotCount - 1 : dotCount;
       studioOps.appendToSlot({
         type: "img",
         src: "",
@@ -123,28 +167,78 @@ var sliderMeta = {
         }
       }, "children");
       studioOps.updateProps({
-        editingSlide: slidesCnt
+        editingSlide: editingSlide
       });
     }
   }, {
     type: "button-action",
     label: "Delete current slide",
-    onClick: function onClick(_ref4) {
-      var _contextData$editingS;
-      var componentProps = _ref4.componentProps,
-        contextData = _ref4.contextData,
-        studioOps = _ref4.studioOps;
-      var editingSlide = (_contextData$editingS = contextData.editingSlide) != null ? _contextData$editingS : 0;
-      studioOps.removeFromSlotAt(editingSlide, "children");
-      var slidesCnt = componentProps.children.length - 1;
+    hidden: function hidden(ps) {
+      var _ps$children;
+      return ((_ps$children = ps.children) == null || (_ps$children = _ps$children.type) == null ? void 0 : _ps$children.name) === "CanvasSlotPlaceholder";
+    },
+    onClick: function onClick(_ref5) {
+      var componentProps = _ref5.componentProps,
+        studioOps = _ref5.studioOps;
+      var _getSlideInfo4 = getSlideInfo(componentProps),
+        currentDotIndex = _getSlideInfo4.currentDotIndex,
+        dotCount = _getSlideInfo4.dotCount,
+        slidesPerDot = _getSlideInfo4.slidesPerDot,
+        totalSlides = _getSlideInfo4.totalSlides;
+      studioOps.removeFromSlotAt(currentDotIndex * slidesPerDot, "children");
+      var newPos = currentDotIndex;
+      if (dotCount === 1) {
+        // not the only dot
+        newPos = 0;
+      } else if (currentDotIndex !== dotCount - 1) {
+        // not the last dot
+        if (slidesPerDot === 1) {
+          newPos = currentDotIndex - 1;
+        } else {
+          newPos = currentDotIndex;
+        }
+      } else {
+        // the last dot
+        newPos = totalSlides % slidesPerDot === 1 ? currentDotIndex - 1 : currentDotIndex;
+      }
       studioOps.updateProps({
-        editingSlide: (editingSlide - 1 + slidesCnt) % slidesCnt
+        editingSlide: newPos
       });
     }
   }, {
     type: "custom-action",
     control: OutlineMessage
   }],
+  refActions: {
+    slickGoTo: {
+      displayName: "Jump to slide",
+      argTypes: [{
+        name: "index",
+        displayName: "Slide index",
+        type: "number"
+      }, {
+        name: "dontAnimate",
+        displayName: "Animate?",
+        type: "boolean"
+      }]
+    },
+    slickNext: {
+      displayName: "Go to Next slide",
+      argTypes: []
+    },
+    slickPause: {
+      displayName: "Pause",
+      argTypes: []
+    },
+    slickPlay: {
+      displayName: "Play",
+      argTypes: []
+    },
+    slickPrev: {
+      displayName: "Go to Previous slide",
+      argTypes: []
+    }
+  },
   props: {
     children: {
       type: "slot",
@@ -166,6 +260,7 @@ var sliderMeta = {
       type: "number",
       description: "Switch to the specified slide (first is 0). Only affects the editor, not the final page.",
       defaultValueHint: 0,
+      defaultValue: 0,
       editOnly: true,
       hidden: function hidden() {
         return true;
@@ -191,6 +286,18 @@ var sliderMeta = {
       description: "Show next/prev arrows",
       defaultValueHint: true
     },
+    sliderScopeClassName: {
+      type: "styleScopeClass",
+      scopeName: "slider"
+    },
+    arrowColor: {
+      type: "color",
+      description: "Color of next/prev arrow buttons",
+      defaultValueHint: "#000000",
+      hidden: function hidden(ps) {
+        return ps.arrows === undefined ? false : !ps.arrows;
+      }
+    },
     autoplay: {
       displayName: "Auto Play",
       type: "boolean",
@@ -276,8 +383,9 @@ var sliderMeta = {
     initialSlide: {
       displayName: "Initial Slide",
       type: "number",
-      description: "Index of initial slide (first is 0)",
-      defaultValueHint: 0
+      description: "Index of the first visible slide (first is 0), accounting for multiple slides per view if applicable.",
+      defaultValueHint: 0,
+      defaultValue: 0
     },
     lazyLoad: {
       advanced: true,
@@ -410,31 +518,115 @@ var sliderMeta = {
       type: "boolean",
       description: "Vertical slide mode",
       defaultValueHint: false
+    },
+    beforeChange: {
+      type: "eventHandler",
+      advanced: true,
+      argTypes: [{
+        name: "currentSlide",
+        type: "number"
+      }]
     }
   },
-  isDefaultExport: true,
+  states: {
+    currentSlide: /*#__PURE__*/_extends({
+      type: "writable",
+      valueProp: "editingSlide",
+      onChangeProp: "beforeChange",
+      variableType: "number"
+    }, sliderHelpers.states.currentSlide)
+  },
+  componentHelpers: {
+    helpers: sliderHelpers,
+    importName: "sliderHelpers",
+    importPath: "@plasmicpkgs/react-slick"
+  },
   defaultStyles: {
     width: "stretch",
     maxWidth: "100%",
     flexDirection: "column"
   }
 };
-var SliderWrapper = /*#__PURE__*/forwardRef(function SliderWrapper_(_ref5, userRef) {
-  var editingSlide = _ref5.editingSlide,
-    setControlContextData = _ref5.setControlContextData,
-    props = _objectWithoutPropertiesLoose(_ref5, _excluded);
-  setControlContextData == null || setControlContextData({
-    editingSlide: editingSlide
-  });
+function useDebounce(value, delay) {
+  var _useState = useState(value),
+    debouncedValue = _useState[0],
+    setDebouncedValue = _useState[1];
+  useEffect(function () {
+    var timer = setTimeout(function () {
+      return setDebouncedValue(value);
+    }, delay || 500);
+    return function () {
+      clearTimeout(timer);
+    };
+  }, [value, delay]);
+  return debouncedValue;
+}
+var SliderWrapper = /*#__PURE__*/forwardRef(function SliderWrapper_(props, userRef) {
+  var editingSlide = props.editingSlide,
+    initialSlide = props.initialSlide,
+    arrowColor = props.arrowColor,
+    className = props.className,
+    sliderScopeClassName = props.sliderScopeClassName,
+    rest = _objectWithoutPropertiesLoose(props, _excluded);
+  // "data-plasmic-canvas-envs" prop only exists in studio canvas
+  var isEditMode = props["data-plasmic-canvas-envs"] ? true : false;
   var slider = useRef(null);
+  var debouncedEditingSlide = useDebounce(editingSlide);
   useEffect(function () {
-    if (editingSlide !== undefined) {
-      slider.current.slickGoTo(editingSlide);
+    if (debouncedEditingSlide !== undefined && isEditMode) {
+      var _slider$current;
+      (_slider$current = slider.current) == null || _slider$current.slickGoTo(debouncedEditingSlide);
+    }
+  }, [debouncedEditingSlide, isEditMode]);
+  useEffect(function () {
+    var _slider$current2;
+    // passing the initialSlide prop directly to <Slider> does not work when inifinite: true and slidesPerRow: 3. So usingSlickGoTo instead
+    if (initialSlide === undefined) return;
+    (_slider$current2 = slider.current) == null || _slider$current2.slickGoTo(initialSlide, true);
+  }, [initialSlide]);
+  React.useImperativeHandle(userRef, function () {
+    return {
+      slickGoTo: function slickGoTo(index, dontAnimate) {
+        if (slider.current) {
+          var slickGoTo = slider.current.slickGoTo;
+          slickGoTo(index, dontAnimate);
+        }
+      },
+      slickNext: function slickNext() {
+        if (slider.current) {
+          var slickNext = slider.current.slickNext;
+          slickNext();
+        }
+      },
+      slickPause: function slickPause() {
+        if (slider.current) {
+          var slickPause = slider.current.slickPause;
+          slickPause();
+        }
+      },
+      slickPlay: function slickPlay() {
+        if (slider.current) {
+          var slickPlay = slider.current.slickPlay;
+          slickPlay();
+        }
+      },
+      slickPrev: function slickPrev() {
+        if (slider.current) {
+          var slickPrev = slider.current.slickPrev;
+          slickPrev();
+        }
+      }
+    };
+  }, []);
+  var css = "\n  ." + sliderScopeClassName + " .slick-arrow:before {\n      color: " + (arrowColor != null ? arrowColor : "black") + ";\n    }\n  ";
+  return React.createElement(React.Fragment, null, React.createElement(Slider, Object.assign({
+    className: className + " " + sliderScopeClassName,
+    ref: slider
+  }, rest)), React.createElement("style", {
+    dangerouslySetInnerHTML: {
+      __html: css
     }
-  }, [editingSlide]);
-  return React.createElement(Slider, Object.assign({
-    ref: composeRefs(slider, userRef)
-  }, props));
+  }));
 });
 function registerSlider(loader, customSliderMeta) {
   if (loader) {
@@ -444,5 +636,5 @@ function registerSlider(loader, customSliderMeta) {
   }
 }
 
-export { SliderWrapper, registerSlider, sliderMeta };
+export { SliderWrapper, registerSlider, sliderHelpers, sliderMeta, useDebounce };
 //# sourceMappingURL=react-slick.esm.js.map