sorcery-slider
Version:
Sorcery Slider Component and Block
2 lines • 12.2 kB
JavaScript
/*! sorcery-slider - 0.0.6 */
!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t(require("grapesjs")):"function"==typeof define&&define.amd?define(["grapesjs"],t):"object"==typeof exports?exports["sorcery-slider"]=t(require("grapesjs")):e["sorcery-slider"]=t(e.grapesjs)}(this,function(e){return function(e){function t(r){if(s[r])return s[r].exports;var l=s[r]={i:r,l:!1,exports:{}};return e[r].call(l.exports,l,l.exports,t),l.l=!0,l.exports}var s={};return t.m=e,t.c=s,t.d=function(e,s,r){t.o(e,s)||Object.defineProperty(e,s,{configurable:!1,enumerable:!0,get:r})},t.n=function(e){var s=e&&e.__esModule?function(){return e.default}:function(){return e};return t.d(s,"a",s),s},t.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},t.p="",t(t.s=2)}([function(e,t,s){"use strict";Object.defineProperty(t,"__esModule",{value:!0});t.default={sliderName:"lory-slider",slideName:"lory-slide",slidesName:"lory-slides",prevName:"lory-prev",nextName:"lory-next",frameName:"lory-frame",sliderSelector:"[data-lory-slider]",slidesSelector:"[data-lory-slides]",slideSelector:"[data-lory-slide]",prevSelector:"[data-lory-prev]",nextSelector:"[data-lory-next]",frameSelector:"[data-lory-frame]",sliderId:"data-lory-slider",slideId:"data-lory-slide",slidesId:"data-lory-slides",prevId:"data-lory-prev",nextId:"data-lory-next",frameId:"data-lory-frame"}},function(e,t,s){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var r=function(e,t){var s=e.className;if((s=s&&s.toString())&&s.split(" ").indexOf(t)>=0)return 1};t.elHasClass=r},function(e,t,s){"use strict";function r(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(t,"__esModule",{value:!0});var l=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var s=arguments[t];for(var r in s)Object.prototype.hasOwnProperty.call(s,r)&&(e[r]=s[r])}return e},a=s(3),n=r(a),d=s(4),i=r(d),o=s(11),u=r(o);t.default=n.default.plugins.add("sorcery-slider",function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},s=l({sliderBlock:{},sliderProps:{},frameProps:{},slidesProps:{},slideProps:{},prevProps:{},nextProps:{},slideEls:'\n <div class="sorcery-slide"></div>\n <div class="sorcery-slide"></div>\n <div class="sorcery-slide"></div>\n ',prevEl:'<svg xmlns="http://www.w3.org/2000/svg" width="50" height="50" viewBox="0 0 501.5 501.5">\n <g><path fill="#2E435A" d="M302.67 90.877l55.77 55.508L254.575 250.75 358.44 355.116l-55.77 55.506L143.56 250.75z"/></g>\n </svg>',nextEl:'<svg xmlns="http://www.w3.org/2000/svg" width="50" height="50" viewBox="0 0 501.5 501.5">\n <g><path fill="#2E435A" d="M199.33 410.622l-55.77-55.508L247.425 250.75 143.56 146.384l55.77-55.507L358.44 250.75z"/></g>\n </svg>',classFrame:"sorcery-frame",classSlides:"sorcery-slides",classSlide:"sorcery-slide",classPrev:"sorcery-prev",classNext:"sorcery-next",script:"./sorcery.min.js"},t);(0,i.default)(e,s),(0,u.default)(e,s)})},function(t,s){t.exports=e},function(e,t,s){"use strict";function r(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(t,"__esModule",{value:!0});var l=s(0),a=r(l),n=s(5),d=r(n),i=s(6),o=r(i),u=s(7),c=r(u),p=s(8),f=r(p),v=s(9),m=r(v),y=s(10),g=r(y);t.default=function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},s=e.DomComponents,r=s.getType("default");r.model,r.view,a.default.sliderName,a.default.slideName,a.default.sliderId,a.default.slideId;(0,d.default)(s,t),(0,o.default)(s,t),(0,c.default)(s,t),(0,f.default)(s,t),(0,m.default)(s,t),(0,g.default)(s,t)}},function(e,t,s){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var r=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var s=arguments[t];for(var r in s)Object.prototype.hasOwnProperty.call(s,r)&&(e[r]=s[r])}return e},l=s(0),a=function(e){return e&&e.__esModule?e:{default:e}}(l);t.default=function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},s=e.getType("default"),l=s.model,n=s.view,d=a.default.frameName,i=a.default.prevSelector,o=a.default.nextSelector,u=a.default.sliderName,c=a.default.slidesName,p=a.default.prevName,f=a.default.nextName,v=a.default.sliderId;a.default.prevId,a.default.nextId,a.default.frameId,a.default.slidesId,a.default.slideId;e.addType(u,{model:l.extend({defaults:r({},l.prototype.defaults,{name:"Slider","slides-to-scroll":1,"enable-mouse-events":!1,"slide-speed":300,"rewind-speed":600,"snap-back-speed":200,infinite:!1,rewind:!1,ease:"ease",droppable:i+", "+o,style:{position:"relative",width:"980px",margin:"0 auto"},traits:[{type:"checkbox",label:"Infinite",name:"infinite",changeProp:1},{type:"checkbox",label:"Rewind",name:"rewind",changeProp:1},{type:"number",label:"Slide speed",name:"slide-speed",changeProp:1},{type:"number",label:"Rewind speed",name:"rewind-speed",changeProp:1},{type:"number",label:"Slides to scroll",name:"slides-to-scroll",changeProp:1},{type:"select",label:"Timing",name:"ease",changeProp:1,options:["ease","linear","ease-in","ease-out","ease-in-out"]}],"script-deps":t.script,"class-frame":t.classFrame,"class-slides":t.classSlides,"class-prev":t.classPrev,"class-next":t.classNext,script:function(){var e=this,t="{[ script-deps ]}",s=["0","false"],r="{[ infinite ]}";r="true"==r?1:parseInt(r,10);var l={slidesToScroll:parseInt("{[ slides-to-scroll ]}",10),enableMouseEvents:s.indexOf("{[ enable-mouse-events ]}")>=0?0:1,infinite:!isNaN(r)&&r,rewind:!(s.indexOf("{[ rewind ]}")>=0),slideSpeed:parseInt("{[ slide-speed ]}",10),rewindSpeed:parseInt("{[ rewind-speed ]}",10),snapBackSpeed:parseInt("{[ snap-back-speed ]}",10),ease:"{[ ease ]}",classNameFrame:"{[ class-frame ]}",classNameSlideContainer:"{[ class-slides ]}",classNamePrevCtrl:"{[ class-prev ]}",classNameNextCtrl:"{[ class-next ]}"},a=function(){window.sliderSorcery=sorcery(e,l)};if("undefined"==typeof sorcery){var n=document.createElement("script");n.src=t,n.onload=a,document.head.appendChild(n)}else a()}},t.sliderProps)},{isComponent:function(e){if(e.hasAttribute&&e.hasAttribute(v))return{type:u}}}),view:n.extend({init:function(){var e=["slides-to-scroll","enable-mouse-events","slide-speed","rewind-speed","snap-back-speed","infinite","rewind","ease"],s=e.map(function(e){return"change:"+e}).join(" ");this.listenTo(this.model,s,this.render);var r=this.model.components();r.length||r.add('<div data-gjs-type="'+d+'">\n <div data-gjs-type="'+c+'">'+t.slideEls+'</div>\n </div>\n <span data-gjs-type="'+p+'">'+t.prevEl+'</span>\n <span data-gjs-type="'+f+'">'+t.nextEl+"</span>")}})})}},function(e,t,s){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var r=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var s=arguments[t];for(var r in s)Object.prototype.hasOwnProperty.call(s,r)&&(e[r]=s[r])}return e},l=s(0),a=function(e){return e&&e.__esModule?e:{default:e}}(l),n=s(1);t.default=function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},s=e.getType("default"),l=s.model,d=a.default.slidesName,i=(a.default.slidesId,a.default.slideSelector),o=a.default.frameSelector;e.addType(d,{model:l.extend({defaults:r({},l.prototype.defaults,{name:"Slides",droppable:i,draggable:o,style:{display:"inline-block","transition-delay":"1ms"}},t.slidesProps),init:function(){var e=t.classSlides;this.get("classes").pluck("name").indexOf(e)<0&&this.addClass(e)}},{isComponent:function(e){if((0,n.elHasClass)(e,t.classSlides))return{type:d}}}),view:s.view.extend({init:function(){this.listenTo(this.model.components(),"add remove",this.renderSlider)},renderSlider:function(){var e=this.model.parent().parent();e&&e.view.render()}})})}},function(e,t,s){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var r=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var s=arguments[t];for(var r in s)Object.prototype.hasOwnProperty.call(s,r)&&(e[r]=s[r])}return e},l=s(0),a=function(e){return e&&e.__esModule?e:{default:e}}(l),n=s(1);t.default=function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},s=e.getType("default"),l=s.model,d=s.view,i=a.default.slideName,o=(a.default.slideId,a.default.slidesSelector);e.addType(i,{model:l.extend({defaults:r({},l.prototype.defaults,{name:"Slide",draggable:o,style:{display:"inline-block",position:"relative",color:"#fff",width:"880px","margin-right":"10px","vertical-align":"top","min-height":"130px","white-space":"normal","background-color":"rgba(0, 0, 0, 0.1)"}},t.slideProps)},{isComponent:function(e){if((0,n.elHasClass)(e,t.classSlide))return{type:i}}}),view:d})}},function(e,t,s){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var r=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var s=arguments[t];for(var r in s)Object.prototype.hasOwnProperty.call(s,r)&&(e[r]=s[r])}return e},l=s(0),a=function(e){return e&&e.__esModule?e:{default:e}}(l),n=s(1);t.default=function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},s=e.getType("default"),l=s.model,d=a.default.prevName,i=(a.default.prevId,a.default.sliderSelector),o=t.classPrev,u=d;e.addType(u,{model:l.extend({defaults:r({},l.prototype.defaults,{name:"Nav Previous",copyable:0,draggable:i,style:{position:"absolute",display:"block",cursor:"pointer",top:"50%",left:0,"margin-top":"-25px"}},t.prevProps),init:function(){this.get("classes").pluck("name").indexOf(o)<0&&this.addClass(o)}},{isComponent:function(e){if((0,n.elHasClass)(e,o))return{type:u}}}),view:s.view})}},function(e,t,s){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var r=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var s=arguments[t];for(var r in s)Object.prototype.hasOwnProperty.call(s,r)&&(e[r]=s[r])}return e},l=s(0),a=function(e){return e&&e.__esModule?e:{default:e}}(l),n=s(1);t.default=function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},s=e.getType("default"),l=s.model,d=a.default.nextName,i=(a.default.nextId,a.default.sliderSelector),o=t.classNext,u=d;e.addType(u,{model:l.extend({defaults:r({},l.prototype.defaults,{name:"Nav Next",copyable:0,draggable:i,style:{position:"absolute",display:"block",cursor:"pointer",top:"50%",right:0,"margin-top":"-25px"}},t.nextProps),init:function(){this.get("classes").pluck("name").indexOf(o)<0&&this.addClass(o)}},{isComponent:function(e){if((0,n.elHasClass)(e,o))return{type:u}}}),view:s.view})}},function(e,t,s){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var r=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var s=arguments[t];for(var r in s)Object.prototype.hasOwnProperty.call(s,r)&&(e[r]=s[r])}return e},l=s(0),a=function(e){return e&&e.__esModule?e:{default:e}}(l),n=s(1);t.default=function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},s=e.getType("default"),l=s.model,d=s.view,i=a.default.frameName,o=(a.default.frameId,a.default.slidesSelector);e.addType(i,{model:l.extend({defaults:r({},l.prototype.defaults,{name:"Slider Frame",droppable:o,style:{width:"880px",margin:"0 auto",position:"relative",overflow:"hidden","white-space":"nowrap"}},t.frameProps),init:function(){var e=t.classFrame;this.get("classes").pluck("name").indexOf(e)<0&&this.addClass(e)}},{isComponent:function(e){if((0,n.elHasClass)(e,t.classFrame))return{type:i}}}),view:d})}},function(e,t,s){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var r=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var s=arguments[t];for(var r in s)Object.prototype.hasOwnProperty.call(s,r)&&(e[r]=s[r])}return e},l=s(0),a=function(e){return e&&e.__esModule?e:{default:e}}(l);t.default=function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},s=e.BlockManager,l=t.sliderBlock,n=a.default.sliderName;l&&s.add(n,r({label:'\n <svg class="gjs-block-svg" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">\n <path d="M22 7.6c0-1-.5-1.6-1.3-1.6H3.4C2.5 6 2 6.7 2 7.6v9.8c0 1 .5 1.6 1.3 1.6h17.4c.8 0 1.3-.6 1.3-1.6V7.6zM21 18H3V7h18v11z" fill-rule="nonzero"/><path d="M4 12.5L6 14v-3zM20 12.5L18 14v-3z"/>\n </svg>\n <div class="gjs-block-label">Slider</div>\n ',content:{type:n},category:"Advanced"},l))}}])});