scrivito-swipeable/index.js

A swipeable header React component/Scrivito widget for the Scrivito CMS.

!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t(require("scrivito"),require("react"),require("react-slick"),require("react-markdown")):"function"==typeof define&&define.amd?define(["scrivito","react","react-slick","react-markdown"],t):"object"==typeof exports?exports["scrivito-swipeable"]=t(require("scrivito"),require("react"),require("react-slick"),require("react-markdown")):e["scrivito-swipeable"]=t(e.scrivito,e.react,e["react-slick"],e["react-markdown"])}(window,function(e,t,r,i){return function(e){var t={};function r(i){if(t[i])return t[i].exports;var n=t[i]={i:i,l:!1,exports:{}};return e[i].call(n.exports,n,n.exports,r),n.l=!0,n.exports}return r.m=e,r.c=t,r.d=function(e,t,i){r.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:i})},r.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},r.t=function(e,t){if(1&t&&(e=r(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var i=Object.create(null);if(r.r(i),Object.defineProperty(i,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var n in e)r.d(i,n,function(t){return e[t]}.bind(null,n));return i},r.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return r.d(t,"a",t),t},r.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},r.p="",r(r.s=4)}([function(t,r){t.exports=e},function(e,r){e.exports=t},function(e,t){e.exports=r},function(e,t){e.exports=i},function(e,t,r){"use strict";r.r(t);var i=r(0);i.provideWidgetClass("SwipeFullWidget",{attributes:{items:["widgetlist",{only:"SwipeFullItemWidget"}]}});i.provideEditingConfig("SwipeFullWidget",{title:"Swipe Full",attributes:{items:{title:"Content"}},properties:["items"]});var n=r(1),o=r(2),a=r.n(o),l=r(3),c=r.n(l);function s(){return(s=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var i in r)Object.prototype.hasOwnProperty.call(r,i)&&(e[i]=r[i])}return e}).apply(this,arguments)}function u(e){if(!e)return null;var t=e.get("blob");return t&&t.url()||null}i.provideComponent("SwipeFullWidget",function(e){var t=e.widget.get("items"),r={arrows:!0,autoPlay:!1,autoplaySpeed:2e4,centerMode:!0,centerPadding:"0px",cssEase:"linear",dots:!1,fade:!1,infinite:!0,lazyLoad:!0,slide:"div",slidesToShow:1,speed:1e3,variableWidth:!1,responsive:[{breakpoint:800,settings:{centerMode:!1}}]};return!t.length&&i.isInPlaceEditingActive()?n.createElement("h4",{className:"text-center"},"Provide the content of slides in the widget properties."):n.createElement("div",null,n.createElement("div",null,n.createElement("div",{className:"slick-gallary-fluid"},n.createElement(a.a,s({},r,{className:"slickslide"}),t.map(function(e,t){return n.createElement(p,{widget:e,key:"".concat(e.id()).concat(t)})})))))});var d={},p=i.connect(function(e){var t=e.widget,r=t.get("backgroundImage");if(r){d.background=[{image:"linear-gradient(rgba(65, 65, 60, 0.7), rgba(65, 65, 60, 0.7))"},{image:r}];var o=t.get("text"),a=t.get("title");return n.createElement(i.BackgroundImageTag,{tag:"div",className:"full-height",style:d},n.createElement("div",{className:"container"},n.createElement("div",{className:"text-white"},n.createElement("h1",{className:"text-white h1"},a),n.createElement(c.a,{source:o}))))}var l=u(t.get("video"));if(!l&&!i.isInPlaceEditingActive())return null;var s=u(t.get("poster")),p=s?l:"".concat(l,"#t=0.01");return n.createElement(i.ContentTag,{tag:"video",src:p,content:t,attribute:"video",poster:s,width:"100%",autoPlay:!0,loop:!0,muted:!0})});i.provideEditingConfig("SwipeFullItemWidget",{title:"Block",attributes:{title:{title:"Title"},text:{title:"Text"},backgroundImage:{title:"Background image"},video:{title:"Video",description:"Click to select or upload video. This should be of type video/mp4."},poster:{title:"Poster image (optional)",description:"This poster image is shown, until the video is loaded. Without an poster image, the browser may show the first frame of the video."}},properties:["title","text","backgroundImage","video","poster"]});i.provideWidgetClass("SwipeFullItemWidget",{onlyInside:"SwipeFullWidget",attributes:{title:"string",text:"html",backgroundImage:"reference",video:"reference",poster:"reference"}})}])});