WordPress.org
Get WordPress

Plugin Directory

Changeset 2416115


Ignore:
Timestamp:
11/10/2020 07:35:13 PM (5 years ago)
Author:
kenzap
Message:

Version update 1.0.3

Location:
kenzap-calendar/trunk
Files:
11 edited

Legend:

Unmodified
Added
Removed

  • kenzap-calendar/trunk/README.md

    r2021588 r2416115  
     1# Calendar Gutenberg Blocks
     2
     3Create beautiful calendar section on your website for managing bookings and appointments.
     4To be used with WordPress Gutenberg.
     5
     6
     7![Create calendar section with Gutenberg](https://kenzap.com/website/img/calendar-3.png)
     8
     9<b>Block is easy customizable:</b>
     10
     11<ul>
     12<li>Set up calendar date range</li>
     13<li>Define custom time slots for date ranges or individual date</li>
     14<li>Adjust day availability for each day of the week individually</li>
     15<li>Define first day of the week</li>
     16<li>Variate checkout preview upon date/time selection</li>
     17<li>Wide and narrow layout support</li>
     18<li>Adjust texts and text container design</li>
     19<li>Customize colors, borders, background with no coding skills</li>
     20<li>Seamless WooCommerce support</li>
     21</ul>
     22
     23# How to build the block
     24
    125This project was bootstrapped with [Create Guten Block](https://github.com/ahmadawais/create-guten-block).
    226

  • kenzap-calendar/trunk/dist/blocks.build.js

    r2021588 r2416115  
    1 !function(e){function t(a){if(n[a])return n[a].exports;var l=n[a]={i:a,l:!1,exports:{}};return e[a].call(l.exports,l,l.exports,t),l.l=!0,l.exports}var n={};t.m=e,t.c=n,t.d=function(e,n,a){t.o(e,n)||Object.defineProperty(e,n,{configurable:!1,enumerable:!0,get:a})},t.n=function(e){var n=e&&e.__esModule?function(){return e.default}:function(){return e};return t.d(n,"a",n),n},t.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},t.p="",t(t.s=1)}([function(e,t,n){"use strict";function a(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function l(e,t){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!t||"object"!==typeof t&&"function"!==typeof t?e:t}function r(e,t){if("function"!==typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function, not "+typeof t);e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):e.__proto__=t)}n.d(t,"b",function(){return v}),n.d(t,"a",function(){return z});var o=function(){function e(e,t){for(var n=0;n<t.length;n++){var a=t[n];a.enumerable=a.enumerable||!1,a.configurable=!0,"value"in a&&(a.writable=!0),Object.defineProperty(e,a.key,a)}}return function(t,n,a){return n&&e(t.prototype,n),a&&e(t,a),t}}(),i=wp.i18n.__,c=wp.components,d=c.RangeControl,u=c.CheckboxControl,p=c.SelectControl,s=c.RadioControl,m=c.PanelBody,f=c.Button,h=wp.element,g=h.Component,y=h.Fragment,b=wp.editor,k=b.MediaUpload,w=b.PanelColorSettings,v={containerMaxWidth:{type:"number",default:1170},containerPadding:{type:"number",default:0},withPadding:{type:"boolean",default:!1},autoPadding:{type:"string",default:""},withAutoPadding:{type:"boolean",default:!1},width100:{type:"boolean",default:!1},backgroundColor:{type:"string",default:"#FFF"},backgroundImage:{type:"string",default:"none"},backgroundImageId:{type:"string",default:""},backgroundStyle:{type:"string",default:""},backgroundPosition:{type:"string",default:"center center"},alignment:{type:"string",default:""}},z=function(e){function t(){return a(this,t),l(this,(t.__proto__||Object.getPrototypeOf(t)).apply(this,arguments))}return r(t,e),o(t,[{key:"render",value:function(){var e=this,t=this.props,n=t.withBackground,a=void 0===n||n,l=t.backgroundImageId,r=t.backgroundImage,o=t.containerMaxWidth,c=t.backgroundColor,h=t.backgroundRepeat,g=t.backgroundPosition,b=t.alignment,v=t.setAttributes,z=t.width100,S=t.withWidth100,C=void 0!==S&&S,A=t.withPadding,E=void 0!==A&&A,_=t.containerPadding,O=t.autoPadding,x=void 0===O?"":O;return wp.element.createElement(y,null,a&&wp.element.createElement(m,{title:i("Background","kenzap-calendar"),initialOpen:!1},wp.element.createElement(w,{title:i("Background Color","kenzap-calendar"),initialOpen:!0,colorSettings:[{value:c,onChange:function(e){return v({backgroundColor:e})},label:i("Selected","kenzap-calendar")}]}),wp.element.createElement("p",{style:{marginBottom:"5px"}},i("Background image","kenzap-calendar")),wp.element.createElement(k,{onSelect:function(t){e.props.setAttributes({backgroundImage:t.url,backgroundImageId:t.id})},value:l,allowedTypes:["image"],render:function(t){return wp.element.createElement(y,null,l||"none"!==r?wp.element.createElement(y,null,wp.element.createElement(f,{isDefault:!0,onClick:function(){v({backgroundImageId:"",backgroundImage:"none"})}},i("Remove","kenzap-calendar")),wp.element.createElement("div",{style:{width:"27px",height:"27px",display:"inline-block",margin:"0 0 0 5px",backgroundImage:"url("+[e.props.backgroundImage?e.props.backgroundImage:""]+")",backgroundRepeat:"no-repeat",backgroundSize:"cover"}})):wp.element.createElement(f,{isDefault:!0,onClick:t.open},i("Upload/Choose","kenzap-calendar")))}}),wp.element.createElement("p",{style:{fontStyle:"italic"}},i("Override background color with image. Transparent images may also apply.","kenzap-calendar")),wp.element.createElement(p,{label:i("Background style","kenzap-calendar"),value:h,options:[{label:i("default","kenzap-calendar"),value:"default"},{label:i("contain","kenzap-calendar"),value:"contain"},{label:i("cover","kenzap-calendar"),value:"cover"},{label:i("repeated","kenzap-calendar"),value:"repeat"}],onChange:function(e){v({backgroundStyle:e})},help:i("Choose how to align background image","kenzap-calendar")}),wp.element.createElement(p,{label:i("Background position","kenzap-calendar"),value:g,options:[{label:i("left top","kenzap-calendar"),value:"left top"},{label:i("left center","kenzap-calendar"),value:"left center"},{label:i("left bottom","kenzap-calendar"),value:"left bottom"},{label:i("right top","kenzap-calendar"),value:"right top"},{label:i("right center","kenzap-calendar"),value:"right center"},{label:i("right bottom","kenzap-calendar"),value:"right bottom"},{label:i("center top","kenzap-calendar"),value:"center top"},{label:i("center center","kenzap-calendar"),value:"center center"},{label:i("center bottom","kenzap-calendar"),value:"center bottom"}],onChange:function(e){v({backgroundPosition:e})},help:i("Sets the starting position of a background image","kenzap-calendar")})),wp.element.createElement(m,{title:i("Container","kenzap-calendar"),initialOpen:!1},wp.element.createElement(s,{label:i("Alignment","kenzap-calendar"),selected:b,options:[{label:"Default",value:""},{label:"Full width",value:"fullwidth"}],onChange:function(e){v({alignment:e})},help:i("Full Width may not work properly with all layout types including layouts with sidebars","kenzap-calendar")}),!z&&wp.element.createElement(d,{label:i("Max width","kenzap-calendar"),value:o,onChange:function(e){return v({containerMaxWidth:e})},min:300,max:2e3,help:i("Restrict layout width for content children.","kenzap-calendar")}),C&&wp.element.createElement(u,{label:i("No restriction","kenzap-calendar"),checked:z,onChange:function(e){v({width100:e,containerMaxWidth:e?"100%":1170})},help:i("No restriction layout width for content children.","kenzap-calendar")}),E&&wp.element.createElement(y,null,wp.element.createElement(d,{label:i("Top and bottom paddings","kenzap-calendar"),value:_,onChange:function(e){return v({containerPadding:e})},min:0,max:200,help:i("Useful when you want to extend background image vertical size or create more space.","kenzap-calendar")}),wp.element.createElement(u,{label:i("Responsive paddings","kenzap-calendar"),checked:x.length>0,onChange:function(e){v({autoPadding:e?"autoPadding":""})},help:i("Provides auto calculations for top and bottom paddings","kenzap-calendar")}))))}}]),t}(g)},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});n(2)},function(e,t,n){"use strict";var a=n(3),l=(n.n(a),n(4)),r=(n.n(l),n(5)),o=n(0),i=wp.i18n.__;(0,wp.blocks.registerBlockType)("kenzap/calendar-1",{title:i("Kenzap Calendar 1","kenzap-calendar"),icon:"schedule",category:"layout",keywords:[i("appointment","kenzap-calendar"),i("booking","kenzap-calendar"),i("reservation","kenzap-calendar")],attributes:Object.assign({},o.b,{cid:{type:"string",default:"1"},product_id:{type:"string",default:""},title:{type:"array",source:"children",selector:"h2"},start_date:{type:"string",default:""},end_date:{type:"string",default:""},left_title:{type:"string",default:""},right_title:{type:"string",default:""},dof:{type:"number",default:0},cbr:{type:"number",default:5},ebr:{type:"number",default:5},checkFilter:{type:"boolean",default:!0},monday:{type:"boolean",default:!0},tuesday:{type:"boolean",default:!0},wednesday:{type:"boolean",default:!0},thursday:{type:"boolean",default:!0},friday:{type:"boolean",default:!0},saturday:{type:"boolean",default:!0},sunday:{type:"boolean",default:!0},holidays:{type:"number",default:0},holidaysAr:{type:"array",default:""},holidaysArBackup:{type:"array",default:""},slots:{type:"number",default:0},timeSlotsAr:{type:"array",default:""},timeSlotsArBackup:{type:"array",default:""},serverSide:{type:"boolena",default:!1},mainColor:{type:"string",default:"#ff6600"},textColor:{type:"string",default:"#333333"},textColor2:{type:"string",default:"#888888"},dump_value:{type:"string",default:""}}),edit:function(e){return wp.element.createElement(r.a,e)},save:function(e){return wp.element.createElement("div",null,wp.element.createElement("p",null,i("Kenzap Calendar 1","kenzap-calendar")))}})},function(e,t){},function(e,t){},function(e,t,n){"use strict";function a(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function l(e,t){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!t||"object"!==typeof t&&"function"!==typeof t?e:t}function r(e,t){if("function"!==typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function, not "+typeof t);e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):e.__proto__=t)}var o=n(0),i=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var a in n)Object.prototype.hasOwnProperty.call(n,a)&&(e[a]=n[a])}return e},c=function(){function e(e,t){for(var n=0;n<t.length;n++){var a=t[n];a.enumerable=a.enumerable||!1,a.configurable=!0,"value"in a&&(a.writable=!0),Object.defineProperty(e,a.key,a)}}return function(t,n,a){return n&&e(t.prototype,n),a&&e(t,a),t}}(),d=wp.i18n.__,u=wp.element.Component,p=wp.editor,s=p.InspectorControls,m=p.PanelColorSettings,f=wp.components,h=f.RangeControl,g=f.CheckboxControl,y=f.PanelBody,b=f.ServerSideRender,k=f.SelectControl,w=f.TextControl,v=f.TextareaControl,z=f.DateTimePicker,S=wp.date.__experimentalGetSettings,C=function(e){function t(){var e,n,r,o;a(this,t);for(var i=arguments.length,c=Array(i),d=0;d<i;d++)c[d]=arguments[d];return n=r=l(this,(e=t.__proto__||Object.getPrototypeOf(t)).call.apply(e,[this].concat(c))),r.state={activeSubBlock:-1},o=n,l(r,o)}return r(t,e),c(t,[{key:"render",value:function(){var e=this.props,t=e.className,n=e.attributes,a=e.setAttributes,l=S(),r=/a(?!\\)/i.test(l.formats.time.toLowerCase().replace(/\\\\/g,"").split("").reverse().join("")),c=function(e){if(Array.isArray(e)){for(var t=0,n=Array(e.length);t<e.length;t++)n[t]=e[t];return n}return Array.from(e)},u=function(e){return e+="",1==e.length?"0"+e:e},p=new Date,f=new Date;f.setMonth(f.getMonth()+3);var C=p.getFullYear()+"-"+u(p.getMonth()+1)+"-"+u(p.getDate())+"T00:00:00",A=f.getFullYear()+"-"+u(f.getMonth()+1)+"-"+u(f.getDate())+"T23:59:59";if(""==n.start_date&&(n.start_date=C),""==n.end_date&&(n.end_date=A),n.holidays>n.holidaysAr.length){var E="";if(n.holidaysArBackup.length>n.holidaysAr.length){var _=n.holidaysAr.length;E=[].concat(c(n.holidaysAr),n.holidaysArBackup[_])}else E=[].concat(c(n.holidaysAr),[{ds:C,de:C}]);n.holidaysAr=E}if(n.holidays<n.holidaysAr.length){var E=n.holidaysAr.slice(0,n.holidays);n.holidaysAr=E}if(n.slots>n.timeSlotsAr.length){var E="";if(n.timeSlotsArBackup.length>n.timeSlotsAr.length){var _=n.timeSlotsAr.length;E=[].concat(c(n.timeSlotsAr),n.timeSlotsArBackup[_])}else E=[].concat(c(n.timeSlotsAr),[{title:"00:00",ds:C,de:A,ba:1,desc:"Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam quis nostrud exerci tation.",feat:"Feature 1\nFeature 3\nFeature 2\nFeature 4",pid:""}]);n.timeSlotsAr=E}if(n.slots<n.timeSlotsAr.length){var E=n.timeSlotsAr.slice(0,n.slots);n.timeSlotsAr=E}return wp.element.createElement("div",{className:t},wp.element.createElement(s,i({setAttributes:a},n),wp.element.createElement(y,{title:d("General","kenzap-calendar"),initialOpen:!1},wp.element.createElement(w,{label:d("Product ID","kenzap-calendar"),value:n.product_id,onChange:function(e){return a({product_id:e})},help:d("Go to Products > All Products > hover product to view its ID. This setting is mandatory.","kenzap-calendar")}),wp.element.createElement(y,{title:d("Starting Date","kenzap-calendar"),initialOpen:!0,help:d("Specify starting date and time of the calendar.","kenzap-calendar")},wp.element.createElement(z,{currentDate:n.start_date,onChange:function(e){return a({start_date:e})},is12Hour:r})),wp.element.createElement(y,{title:d("Ending Date","kenzap-calendar"),initialOpen:!0},wp.element.createElement(z,{currentDate:n.end_date,onChange:function(e){return a({end_date:e})},is12Hour:r})),wp.element.createElement(k,{label:d("First Day of Week","kenzap-calendar"),checked:n.dof,options:[{label:d("Monday","kenzap-calendar"),value:"0"},{label:d("Tuesday","kenzap-calendar"),value:"1"},{label:d("Wednesday","kenzap-calendar"),value:"2"},{label:d("Thursday","kenzap-calendar"),value:"3"},{label:d("Friday","kenzap-calendar"),value:"4"},{label:d("Saturday","kenzap-calendar"),value:"5"},{label:d("Sunday","kenzap-calendar"),value:"6"}],onChange:function(e){return a({dof:e})}}),wp.element.createElement(w,{label:d("Calendar Title","kenzap-calendar"),value:n.left_title,onChange:function(e){a({left_title:e})},help:d("Specify title on the left pane of the calendar section. Leave blank to hide.","kenzap-calendar")}),wp.element.createElement(w,{label:d("Summary Title","kenzap-calendar"),value:n.right_title,onChange:function(e){a({right_title:e})},help:d("Specify title on the right pane of the calendar section. Leave blank to hide.","kenzap-calendar")}),wp.element.createElement(k,{label:d("Booking Database","kenzap-calendar"),checked:n.cid,options:[{label:d("DB #1","kenzap-calendar"),value:"1"},{label:d("DB #2","kenzap-calendar"),value:"2"},{label:d("DB #3","kenzap-calendar"),value:"3"},{label:d("DB #4","kenzap-calendar"),value:"4"},{label:d("DB #5","kenzap-calendar"),value:"5"}],onChange:function(e){return a({cid:e})},help:d("Set up different IDs if you plan to use multiple calendars and want to separate booking databases.","kenzap-calendar")})),wp.element.createElement(y,{title:d("Availability","kenzap-calendar"),initialOpen:!1},wp.element.createElement(g,{label:d("Monday","kenzap-calendar"),checked:n.monday,onChange:function(e){return a({monday:e})}}),wp.element.createElement(g,{label:d("Tuesday","kenzap-calendar"),checked:n.tuesday,onChange:function(e){return a({tuesday:e})}}),wp.element.createElement(g,{label:d("Wednesday","kenzap-calendar"),checked:n.wednesday,onChange:function(e){return a({wednesday:e})}}),wp.element.createElement(g,{label:d("Thursday","kenzap-calendar"),checked:n.thursday,onChange:function(e){return a({thursday:e})}}),wp.element.createElement(g,{label:d("Friday","kenzap-calendar"),checked:n.friday,onChange:function(e){return a({friday:e})}}),wp.element.createElement(g,{label:d("Saturday","kenzap-calendar"),checked:n.saturday,onChange:function(e){return a({saturday:e})}}),wp.element.createElement(g,{label:d("Sunday","kenzap-calendar"),checked:n.sunday,onChange:function(e){return a({sunday:e})}}),wp.element.createElement(h,{label:d("Holidays","kenzap-calendar"),value:n.holidays,onChange:function(e){return a({holidays:e})},min:0,max:10,help:d("Define holiday periods when calendar bookings are not available. Set up date ranges below.","kenzap-calendar")}),n.holidaysAr&&n.holidaysAr.map(function(e,t){return wp.element.createElement(y,{title:d("Holiday","kenzap-calendar")+" "+(t+1),initialOpen:!1},wp.element.createElement(y,{title:d("Start/End Period","kenzap-calendar"),initialOpen:!0},wp.element.createElement(z,{currentDate:n.holidaysAr[t].ds,onChange:function(e){var l=n.holidaysAr;e=e.split("T"),e=e[0]+"T00:00:00",l[t].ds=e,a({holidaysAr:l,holidaysArBackup:l,dump_value:e})},is12Hour:r}),wp.element.createElement(z,{currentDate:n.holidaysAr[t].de,onChange:function(e){var l=n.holidaysAr;e=e.split("T"),e=e[0]+"T23:59:59",l[t].de=e,a({holidaysAr:l,holidaysArBackup:l,dump_value:e})},is12Hour:r})))})),wp.element.createElement(y,{title:d("Time slots","kenzap-calendar"),initialOpen:!1},wp.element.createElement(h,{label:d("Amount of Slots","kenzap-calendar"),value:n.slots,onChange:function(e){return a({slots:e})},min:0,max:25,help:d("Define the amount of slots per calendar day. Warning! If you reduce the amount of slots records will be removed. If you do not want for changes to take affect reload the page without saving.","kenzap-calendar")}),n.timeSlotsAr&&n.timeSlotsAr.map(function(e,t){return wp.element.createElement(y,{title:d("Slot","kenzap-calendar")+" "+(t+1),initialOpen:!1},wp.element.createElement(w,{value:n.timeSlotsAr[t].title,onChange:function(e){var l=n.timeSlotsAr;l[t].title=e,a({timeSlotsAr:l,timeSlotsArBackup:l,dump_value:e})},help:d("Specify the title of the time slot. Ex.: 12:00.","kenzap-calendar")}),wp.element.createElement(h,{label:d("Bookings per Slot","kenzap-calendar")+" "+(t+1),value:n.timeSlotsAr[t].ba,onChange:function(e){var l=n.timeSlotsAr;l[t].ba=e,a({timeSlotsAr:l,timeSlotsArBackup:l,dump_value:e})},min:1,max:10,help:d("Define the maximum amount of bookings for this time slot per day.","kenzap-calendar")}),wp.element.createElement(v,{label:"Description",value:n.timeSlotsAr[t].desc,onChange:function(e){var l=n.timeSlotsAr;l[t].desc=e,a({timeSlotsAr:l,timeSlotsArBackup:l,dump_value:e})},help:d("Description will show up on the right pane of the summary container after date and time are selected.","kenzap-calendar")}),wp.element.createElement(v,{label:"Features",value:n.timeSlotsAr[t].feat,onChange:function(e){var l=n.timeSlotsAr;l[t].feat=e,a({timeSlotsAr:l,timeSlotsArBackup:l,dump_value:e})},help:d("Specify one feature per line. Feature list will show up on the right pane of the summary container after date and time are selected.","kenzap-calendar")}),wp.element.createElement(y,{title:d("Start/End Period","kenzap-calendar"),initialOpen:!0},wp.element.createElement(z,{currentDate:n.timeSlotsAr[t].ds,onChange:function(e){var l=n.timeSlotsAr;e=e.split("T"),e=e[0]+"T00:00:00",l[t].ds=e,a({timeSlotsAr:l,timeSlotsArBackup:l,dump_value:e})},is12Hour:r}),wp.element.createElement(z,{currentDate:n.timeSlotsAr[t].de,onChange:function(e){var l=n.timeSlotsAr;e=e.split("T"),e=e[0]+"T23:59:59",l[t].de=e,a({timeSlotsAr:l,timeSlotsArBackup:l,dump_value:e})},is12Hour:r})),wp.element.createElement(w,{label:d("Product ID","kenzap-calendar"),value:n.timeSlotsAr[t].pid,onChange:function(e){var l=n.timeSlotsAr;l[t].pid=e,a({timeSlotsAr:l,timeSlotsArBackup:l,dump_value:e})},help:d("Override default product ID to variate price and checkout process for this slot.","kenzap-calendar")}))})),wp.element.createElement(y,{title:d("Style","kenzap-calendar"),initialOpen:!1},wp.element.createElement(m,{title:d("Main Color","kenzap-calendar"),initialOpen:!0,colorSettings:[{value:n.mainColor,onChange:function(e){return a({mainColor:e})},label:d("Selected","kenzap-calendar")}]}),wp.element.createElement(m,{title:d("Text Color","kenzap-calendar"),initialOpen:!1,colorSettings:[{value:n.textColor,onChange:function(e){return a({textColor:e})},label:d("Selected","kenzap-calendar")}]}),wp.element.createElement(m,{title:d("Calendar Text Color","kenzap-calendar"),initialOpen:!1,colorSettings:[{value:n.textColor2,onChange:function(e){return a({textColor2:e})},label:d("Selected","kenzap-calendar")}]}),wp.element.createElement(h,{label:d("Container Border Radius","kenzap-calendar"),value:n.cbr,onChange:function(e){return a({cbr:e})},min:0,max:50}),wp.element.createElement(h,{label:d("Element Border Radius","kenzap-calendar"),value:n.ebr,onChange:function(e){return a({ebr:e})},min:0,max:50})),wp.element.createElement(o.a,i({setAttributes:a},n,{withPadding:!0,withWidth100:!0,withBackground:!0}))),wp.element.createElement(b,{block:"kenzap/calendar-1",attributes:{serverSide:!0}}))}}]),t}(u);t.a=C}]);
     1!function(e){function t(a){if(n[a])return n[a].exports;var l=n[a]={i:a,l:!1,exports:{}};return e[a].call(l.exports,l,l.exports,t),l.l=!0,l.exports}var n={};t.m=e,t.c=n,t.d=function(e,n,a){t.o(e,n)||Object.defineProperty(e,n,{configurable:!1,enumerable:!0,get:a})},t.n=function(e){var n=e&&e.__esModule?function(){return e.default}:function(){return e};return t.d(n,"a",n),n},t.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},t.p="",t(t.s=1)}([function(e,t,n){"use strict";function a(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function l(e,t){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!t||"object"!==typeof t&&"function"!==typeof t?e:t}function r(e,t){if("function"!==typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function, not "+typeof t);e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):e.__proto__=t)}n.d(t,"b",function(){return k}),n.d(t,"a",function(){return w});var o=function(){function e(e,t){for(var n=0;n<t.length;n++){var a=t[n];a.enumerable=a.enumerable||!1,a.configurable=!0,"value"in a&&(a.writable=!0),Object.defineProperty(e,a.key,a)}}return function(t,n,a){return n&&e(t.prototype,n),a&&e(t,a),t}}(),__=wp.i18n.__,i=wp.components,c=i.RangeControl,u=i.CheckboxControl,d=i.SelectControl,p=i.PanelBody,s=i.Button,m=wp.element,f=m.Component,h=m.Fragment,g=wp.editor,b=g.MediaUpload,y=g.PanelColorSettings,k={containerMaxWidth:{type:"string",default:"2000"},containerPadding:{type:"number",default:0},containerSidePadding:{type:"number",default:0},withPadding:{type:"boolean",default:!1},autoPadding:{type:"string",default:""},withAutoPadding:{type:"boolean",default:!1},width100:{type:"boolean",default:!1},parallax:{type:"boolean",default:!1},optimize:{type:"boolean",default:!0},backgroundColor:{type:"string"},backgroundImage:{type:"string",default:"none"},backgroundImageF:{type:"string",default:"none"},backgroundImageId:{type:"string",default:""},backgroundStyle:{type:"string",default:""},backgroundPosition:{type:"string",default:"center center"},alignment:{type:"string",default:""},nestedBlocks:{type:"string",default:""},uniqueID:{type:"string"}},w=function(e){function t(){return a(this,t),l(this,(t.__proto__||Object.getPrototypeOf(t)).apply(this,arguments))}return r(t,e),o(t,[{key:"render",value:function(){var e=this,t=this.props,n=t.withBackground,a=void 0===n||n,l=t.backgroundImageId,r=t.backgroundImage,o=(t.backgroundImageF,t.containerMaxWidth),i=t.backgroundColor,m=t.backgroundRepeat,f=t.backgroundPosition,g=(t.alignment,t.setAttributes),k=t.width100,w=t.parallax,v=t.optimize,S=t.withWidth100,C=void 0!==S&&S,E=t.withPadding,A=void 0!==E&&E,z=t.withNested,_=void 0!==z&&z,x=t.containerPadding,O=t.containerSidePadding,P=t.autoPadding,B=void 0===P?"":P,D=t.nestedBlocks,I=void 0===D?"":D;return wp.element.createElement(h,null,a&&wp.element.createElement(p,{title:__("Background"),initialOpen:!1},wp.element.createElement(y,{title:__("Color"),initialOpen:!0,colorSettings:[{value:i,onChange:function(e){return g({backgroundColor:e})},label:__("Selected")}]}),wp.element.createElement("p",{style:{marginBottom:"5px"}},__("Image")),wp.element.createElement(b,{onSelect:function(t){var n=t.sizes.kp_banner?t.sizes.kp_banner.url:t.url;e.props.setAttributes({backgroundImage:n,backgroundImageF:t.url,backgroundImageId:t.id})},value:l,render:function(t){return wp.element.createElement(h,null,l||"none"!==r?wp.element.createElement(h,null,wp.element.createElement(s,{isDefault:!0,onClick:function(){g({backgroundImageId:"",backgroundImage:"none"})}},__("Remove")),wp.element.createElement("div",{style:{width:"27px",height:"27px",display:"inline-block",margin:"0 0 0 5px",backgroundImage:"url("+[e.props.backgroundImage?e.props.backgroundImage:""]+")",backgroundRepeat:"no-repeat",backgroundSize:"cover"}})):wp.element.createElement(s,{isDefault:!0,onClick:t.open},__("Upload/Choose")))}}),wp.element.createElement("p",{style:{fontStyle:"italic"}},__("Override background color with image.")),"none"!==r&&wp.element.createElement(h,null,wp.element.createElement(d,{label:__("Style"),value:m,options:[{label:__("default"),value:"default"},{label:__("contain"),value:"contain"},{label:__("cover"),value:"cover"},{label:__("repeated"),value:"repeat"}],onChange:function(e){g({backgroundStyle:e})},help:__("Background image alignment.")}),wp.element.createElement(d,{label:__("Position"),value:f,options:[{label:__("left top"),value:"left top"},{label:__("left center"),value:"left center"},{label:__("left bottom"),value:"left bottom"},{label:__("right top"),value:"right top"},{label:__("right center"),value:"right center"},{label:__("right bottom"),value:"right bottom"},{label:__("center top"),value:"center top"},{label:__("center center"),value:"center center"},{label:__("center bottom"),value:"center bottom"}],onChange:function(e){g({backgroundPosition:e})},help:__("Starting position of the background image.")}),wp.element.createElement(u,{label:__("Parallax"),checked:w,onChange:function(e){g({parallax:e})},help:__("Background image behaviour during scroll.")}),wp.element.createElement(u,{label:__("Optimize"),checked:v,onChange:function(e){g({optimize:e})},help:__("Optimize background image size for faster page loading.")}))),wp.element.createElement(p,{title:__("Container"),initialOpen:!1},!k&&wp.element.createElement(c,{label:__("Max width"),value:Number(o),onChange:function(e){return g({containerMaxWidth:""+e})},min:300,max:2e3,help:__("Restrict layout width for content children.")}),C&&wp.element.createElement(u,{label:__("Full width"),checked:k,onChange:function(e){g({width100:e,containerMaxWidth:e?"100%":"2000"})},help:__("Ignore max width restriction.")}),A&&wp.element.createElement(h,null,wp.element.createElement(c,{label:__("Top and bottom paddings"),value:x,onChange:function(e){return g({containerPadding:e})},min:0,max:200}),wp.element.createElement(c,{label:__("Left and right paddings"),value:O,onChange:function(e){return g({containerSidePadding:e})},min:0,max:50}),wp.element.createElement(u,{label:__("Responsive paddings"),checked:B.length>0,onChange:function(e){g({autoPadding:e?"autoPadding":""})},help:__("Auto calculate top and bottom paddings.")})),_&&wp.element.createElement(d,{label:__("Nested block"),value:I,options:[{label:__("hidden"),value:""},{label:__("top"),value:"top"},{label:__("bottom"),value:"bottom"}],onChange:function(e){g({nestedBlocks:e})},help:__("Embed other blocks inside this container. Nested blocks inherit parent block styling settings. Add custom headings, spacings or paragraphs.")})))}}]),t}(f)},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});n(2)},function(e,t,n){"use strict";var a=n(3),l=(n.n(a),n(4)),r=(n.n(l),n(5)),o=n(0),__=wp.i18n.__;(0,wp.blocks.registerBlockType)("kenzap/calendar-1",{title:__("Kenzap Calendar 1","kenzap-calendar"),icon:"schedule",category:"layout",keywords:[__("appointment","kenzap-calendar"),__("booking","kenzap-calendar"),__("reservation","kenzap-calendar")],supports:{align:["full","wide"]},attributes:Object.assign({},o.b,{cid:{type:"string",default:"1"},product_id:{type:"string",default:""},title:{type:"array",source:"children",selector:"h2"},start_date:{type:"string",default:""},end_date:{type:"string",default:""},left_title:{type:"string",default:""},right_title:{type:"string",default:""},dof:{type:"number",default:0},cbr:{type:"number",default:5},ebr:{type:"number",default:5},checkFilter:{type:"boolean",default:!0},monday:{type:"boolean",default:!0},tuesday:{type:"boolean",default:!0},wednesday:{type:"boolean",default:!0},thursday:{type:"boolean",default:!0},friday:{type:"boolean",default:!0},saturday:{type:"boolean",default:!0},sunday:{type:"boolean",default:!0},holidays:{type:"number",default:0},holidaysAr:{type:"array",default:""},holidaysArBackup:{type:"array",default:""},slots:{type:"number",default:0},timeSlotsAr:{type:"array",default:""},timeSlotsArBackup:{type:"array",default:""},serverSide:{type:"boolena",default:!1},mainColor:{type:"string",default:"#ff6600"},textColor:{type:"string",default:"#333333"},textColor2:{type:"string",default:"#888888"},dump_value:{type:"string",default:""}}),edit:function(e){return wp.element.createElement(r.a,e)},save:function(e){return wp.element.createElement("div",null,wp.element.createElement("p",null,__("Kenzap Calendar 1","kenzap-calendar")))}})},function(e,t){},function(e,t){},function(e,t,n){"use strict";function a(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function l(e,t){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!t||"object"!==typeof t&&"function"!==typeof t?e:t}function r(e,t){if("function"!==typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function, not "+typeof t);e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):e.__proto__=t)}var o=n(0),i=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var a in n)Object.prototype.hasOwnProperty.call(n,a)&&(e[a]=n[a])}return e},c=function(){function e(e,t){for(var n=0;n<t.length;n++){var a=t[n];a.enumerable=a.enumerable||!1,a.configurable=!0,"value"in a&&(a.writable=!0),Object.defineProperty(e,a.key,a)}}return function(t,n,a){return n&&e(t.prototype,n),a&&e(t,a),t}}(),__=wp.i18n.__,u=wp.element.Component,d=wp.editor,p=d.InspectorControls,s=d.PanelColorSettings,m=wp.components,f=m.RangeControl,h=m.CheckboxControl,g=m.PanelBody,b=m.ServerSideRender,y=m.SelectControl,k=m.TextControl,w=m.TextareaControl,v=m.DateTimePicker,S=wp.date.__experimentalGetSettings,C=function(e){function t(){return a(this,t),l(this,(t.__proto__||Object.getPrototypeOf(t)).apply(this,arguments))}return r(t,e),c(t,[{key:"render",value:function(){var e=this.props,t=e.className,n=e.attributes,a=e.setAttributes,l=S(),r=/a(?!\\)/i.test(l.formats.time.toLowerCase().replace(/\\\\/g,"").split("").reverse().join("")),c=function(e){if(Array.isArray(e)){for(var t=0,n=Array(e.length);t<e.length;t++)n[t]=e[t];return n}return Array.from(e)},u=function(e){return e+="",1==e.length?"0"+e:e},d=new Date,m=new Date;m.setMonth(m.getMonth()+3);var C=d.getFullYear()+"-"+u(d.getMonth()+1)+"-"+u(d.getDate())+"T00:00:00",E=m.getFullYear()+"-"+u(m.getMonth()+1)+"-"+u(m.getDate())+"T23:59:59";if(""==n.start_date&&(n.start_date=C),""==n.end_date&&(n.end_date=E),n.holidays>n.holidaysAr.length){var A="";if(n.holidaysArBackup.length>n.holidaysAr.length){var z=n.holidaysAr.length;A=[].concat(c(n.holidaysAr),n.holidaysArBackup[z])}else A=[].concat(c(n.holidaysAr),[{ds:C,de:C}]);n.holidaysAr=A}if(n.holidays<n.holidaysAr.length){var A=n.holidaysAr.slice(0,n.holidays);n.holidaysAr=A}if(n.slots>n.timeSlotsAr.length){var A="";if(n.timeSlotsArBackup.length>n.timeSlotsAr.length){var z=n.timeSlotsAr.length;A=[].concat(c(n.timeSlotsAr),n.timeSlotsArBackup[z])}else A=[].concat(c(n.timeSlotsAr),[{title:"00:00",ds:C,de:E,ba:1,desc:"Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam quis nostrud exerci tation.",feat:"Feature 1\nFeature 3\nFeature 2\nFeature 4",pid:""}]);n.timeSlotsAr=A}if(n.slots<n.timeSlotsAr.length){var A=n.timeSlotsAr.slice(0,n.slots);n.timeSlotsAr=A}return wp.element.createElement("div",{className:t},wp.element.createElement(p,i({setAttributes:a},n),wp.element.createElement(g,{title:__("General","kenzap-calendar"),initialOpen:!1},wp.element.createElement(k,{label:__("Product ID","kenzap-calendar"),value:n.product_id,onChange:function(e){return a({product_id:e})},help:__("Go to Products > All Products > hover product to view its ID. This setting is mandatory.","kenzap-calendar")}),wp.element.createElement(g,{title:__("Starting Date","kenzap-calendar"),initialOpen:!0,help:__("Specify starting date and time of the calendar.","kenzap-calendar")},wp.element.createElement(v,{currentDate:n.start_date,onChange:function(e){return a({start_date:e})},is12Hour:r})),wp.element.createElement(g,{title:__("Ending Date","kenzap-calendar"),initialOpen:!0},wp.element.createElement(v,{currentDate:n.end_date,onChange:function(e){return a({end_date:e})},is12Hour:r})),wp.element.createElement(y,{label:__("First Day of Week","kenzap-calendar"),checked:n.dof,options:[{label:__("Monday","kenzap-calendar"),value:"0"},{label:__("Tuesday","kenzap-calendar"),value:"1"},{label:__("Wednesday","kenzap-calendar"),value:"2"},{label:__("Thursday","kenzap-calendar"),value:"3"},{label:__("Friday","kenzap-calendar"),value:"4"},{label:__("Saturday","kenzap-calendar"),value:"5"},{label:__("Sunday","kenzap-calendar"),value:"6"}],onChange:function(e){return a({dof:e})}}),wp.element.createElement(k,{label:__("Calendar Title","kenzap-calendar"),value:n.left_title,onChange:function(e){a({left_title:e})},help:__("Specify title on the left pane of the calendar section. Leave blank to hide.","kenzap-calendar")}),wp.element.createElement(k,{label:__("Summary Title","kenzap-calendar"),value:n.right_title,onChange:function(e){a({right_title:e})},help:__("Specify title on the right pane of the calendar section. Leave blank to hide.","kenzap-calendar")}),wp.element.createElement(y,{label:__("Booking Database","kenzap-calendar"),checked:n.cid,options:[{label:__("DB #1","kenzap-calendar"),value:"1"},{label:__("DB #2","kenzap-calendar"),value:"2"},{label:__("DB #3","kenzap-calendar"),value:"3"},{label:__("DB #4","kenzap-calendar"),value:"4"},{label:__("DB #5","kenzap-calendar"),value:"5"}],onChange:function(e){return a({cid:e})},help:__("Set up different IDs if you plan to use multiple calendars and want to separate booking databases.","kenzap-calendar")})),wp.element.createElement(g,{title:__("Availability","kenzap-calendar"),initialOpen:!1},wp.element.createElement(h,{label:__("Monday","kenzap-calendar"),checked:n.monday,onChange:function(e){return a({monday:e})}}),wp.element.createElement(h,{label:__("Tuesday","kenzap-calendar"),checked:n.tuesday,onChange:function(e){return a({tuesday:e})}}),wp.element.createElement(h,{label:__("Wednesday","kenzap-calendar"),checked:n.wednesday,onChange:function(e){return a({wednesday:e})}}),wp.element.createElement(h,{label:__("Thursday","kenzap-calendar"),checked:n.thursday,onChange:function(e){return a({thursday:e})}}),wp.element.createElement(h,{label:__("Friday","kenzap-calendar"),checked:n.friday,onChange:function(e){return a({friday:e})}}),wp.element.createElement(h,{label:__("Saturday","kenzap-calendar"),checked:n.saturday,onChange:function(e){return a({saturday:e})}}),wp.element.createElement(h,{label:__("Sunday","kenzap-calendar"),checked:n.sunday,onChange:function(e){return a({sunday:e})}}),wp.element.createElement(f,{label:__("Holidays","kenzap-calendar"),value:n.holidays,onChange:function(e){return a({holidays:e})},min:0,max:10,help:__("Define holiday periods when calendar bookings are not available. Set up date ranges below.","kenzap-calendar")}),n.holidaysAr&&n.holidaysAr.map(function(e,t){return wp.element.createElement(g,{title:__("Holiday","kenzap-calendar")+" "+(t+1),initialOpen:!1},wp.element.createElement(g,{title:__("Start/End Period","kenzap-calendar"),initialOpen:!0},wp.element.createElement(v,{currentDate:n.holidaysAr[t].ds,onChange:function(e){var l=n.holidaysAr;e=e.split("T"),e=e[0]+"T00:00:00",l[t].ds=e,a({holidaysAr:l,holidaysArBackup:l,dump_value:e})},is12Hour:r}),wp.element.createElement(v,{currentDate:n.holidaysAr[t].de,onChange:function(e){var l=n.holidaysAr;e=e.split("T"),e=e[0]+"T23:59:59",l[t].de=e,a({holidaysAr:l,holidaysArBackup:l,dump_value:e})},is12Hour:r})))})),wp.element.createElement(g,{title:__("Time slots","kenzap-calendar"),initialOpen:!1},wp.element.createElement(f,{label:__("Amount of Slots","kenzap-calendar"),value:n.slots,onChange:function(e){return a({slots:e})},min:0,max:25,help:__("Define the amount of slots per calendar day. Warning! If you reduce the amount of slots records will be removed. If you do not want for changes to take affect reload the page without saving.","kenzap-calendar")}),n.timeSlotsAr&&n.timeSlotsAr.map(function(e,t){return wp.element.createElement(g,{title:__("Slot","kenzap-calendar")+" "+(t+1),initialOpen:!1},wp.element.createElement(k,{value:n.timeSlotsAr[t].title,onChange:function(e){var l=n.timeSlotsAr;l[t].title=e,a({timeSlotsAr:l,timeSlotsArBackup:l,dump_value:e})},help:__("Specify the title of the time slot. Ex.: 12:00.","kenzap-calendar")}),wp.element.createElement(f,{label:__("Bookings per Slot","kenzap-calendar")+" "+(t+1),value:n.timeSlotsAr[t].ba,onChange:function(e){var l=n.timeSlotsAr;l[t].ba=e,a({timeSlotsAr:l,timeSlotsArBackup:l,dump_value:e})},min:1,max:10,help:__("Define the maximum amount of bookings for this time slot per day.","kenzap-calendar")}),wp.element.createElement(w,{label:"Description",value:n.timeSlotsAr[t].desc,onChange:function(e){var l=n.timeSlotsAr;l[t].desc=e,a({timeSlotsAr:l,timeSlotsArBackup:l,dump_value:e})},help:__("Description will show up on the right pane of the summary container after date and time are selected.","kenzap-calendar")}),wp.element.createElement(w,{label:"Features",value:n.timeSlotsAr[t].feat,onChange:function(e){var l=n.timeSlotsAr;l[t].feat=e,a({timeSlotsAr:l,timeSlotsArBackup:l,dump_value:e})},help:__("Specify one feature per line. Feature list will show up on the right pane of the summary container after date and time are selected.","kenzap-calendar")}),wp.element.createElement(g,{title:__("Start/End Period","kenzap-calendar"),initialOpen:!0},wp.element.createElement(v,{currentDate:n.timeSlotsAr[t].ds,onChange:function(e){var l=n.timeSlotsAr;e=e.split("T"),e=e[0]+"T00:00:00",l[t].ds=e,a({timeSlotsAr:l,timeSlotsArBackup:l,dump_value:e})},is12Hour:r}),wp.element.createElement(v,{currentDate:n.timeSlotsAr[t].de,onChange:function(e){var l=n.timeSlotsAr;e=e.split("T"),e=e[0]+"T23:59:59",l[t].de=e,a({timeSlotsAr:l,timeSlotsArBackup:l,dump_value:e})},is12Hour:r})),wp.element.createElement(k,{label:__("Product ID","kenzap-calendar"),value:n.timeSlotsAr[t].pid,onChange:function(e){var l=n.timeSlotsAr;l[t].pid=e,a({timeSlotsAr:l,timeSlotsArBackup:l,dump_value:e})},help:__("Override default product ID to variate price and checkout process for this slot.","kenzap-calendar")}))})),wp.element.createElement(g,{title:__("Style","kenzap-calendar"),initialOpen:!1},wp.element.createElement(s,{title:__("Main Color","kenzap-calendar"),initialOpen:!0,colorSettings:[{value:n.mainColor,onChange:function(e){return a({mainColor:e})},label:__("Selected","kenzap-calendar")}]}),wp.element.createElement(s,{title:__("Text Color","kenzap-calendar"),initialOpen:!1,colorSettings:[{value:n.textColor,onChange:function(e){return a({textColor:e})},label:__("Selected","kenzap-calendar")}]}),wp.element.createElement(s,{title:__("Calendar Text Color","kenzap-calendar"),initialOpen:!1,colorSettings:[{value:n.textColor2,onChange:function(e){return a({textColor2:e})},label:__("Selected","kenzap-calendar")}]}),wp.element.createElement(f,{label:__("Container Border Radius","kenzap-calendar"),value:n.cbr,onChange:function(e){return a({cbr:e})},min:0,max:50}),wp.element.createElement(f,{label:__("Element Border Radius","kenzap-calendar"),value:n.ebr,onChange:function(e){return a({ebr:e})},min:0,max:50})),wp.element.createElement(o.a,i({setAttributes:a},n,{withPadding:!0,withWidth100:!0,withBackground:!0}))),wp.element.createElement(b,{block:"kenzap/calendar-1",attributes:{align:n.align,serverSide:!0}}))}}]),t}(u);t.a=C}]);

  • kenzap-calendar/trunk/dist/blocks.style.build.css

    r2021588 r2416115  
    1 .kenzap .kenzap-booking-form-1 *{-webkit-box-sizing:border-box;box-sizing:border-box}.kenzap .kenzap-booking-form-1 img,.kenzap .kenzap-booking-form-1 ul,.kenzap .kenzap-booking-form-1 li,.kenzap .kenzap-booking-form-1 p,.kenzap .kenzap-booking-form-1 a{padding:0;margin:0;-webkit-box-shadow:none;box-shadow:none;border:none;text-decoration:none;list-style:none}.kenzap .kenzap-booking-form-1 .kenzap-container{max-width:1170px;padding:0 15px;margin:0 auto}.kenzap .kenzap-booking-form-1 .kenzap-row{margin:0 -15px;overflow:auto}.kenzap .kenzap-booking-form-1 .kenzap-col-8{width:66.66666667%;float:left;padding:0 15px}.kenzap .kenzap-booking-form-1 .kenzap-col-4{width:33.33333333%;float:left;padding:0 15px}.kenzap .kenzap-booking-form-1 .booking-info,.kenzap .kenzap-booking-form-1 .booking-calendar{padding:40px;border:1px solid #c2c2c2}.kenzap .kenzap-booking-form-1 .booking-btn,.kenzap .kenzap-booking-form-1 .booking-calendar{border-radius:var(--cbr, 5px);text-decoration:none}.kenzap .kenzap-booking-form-1 .booking-info{border-top-left-radius:var(--cbr, 5px);border-top-right-radius:var(--cbr, 5px)}.kenzap .kenzap-booking-form-1 .booking-schedule{border-bottom-left-radius:var(--cbr, 5px);border-bottom-right-radius:var(--cbr, 5px)}.kenzap .kenzap-booking-form-1 .booking-info h2,.kenzap .kenzap-booking-form-1 .booking-calendar h2{color:var(--tc, #333);font-size:18px;line-height:18px;text-transform:uppercase;padding:0 0 25px;margin:0 0 35px;position:relative;font-weight:600}.kenzap .kenzap-booking-form-1 .booking-info h2:before,.kenzap .kenzap-booking-form-1 .booking-calendar h2:before{content:"";display:block;width:30px;height:1px;background:#c2c2c2;position:absolute;bottom:0;left:0}.kenzap .kenzap-booking-form-1 .calendar-box h3.month-title{text-align:center;font-size:18px;line-height:1.2;text-transform:uppercase;color:var(--ctc, #666);margin:0 0 20px;padding:20px;background:#f1f4f7;position:relative;font-weight:600}.kenzap .kenzap-booking-form-1 .calendar-box .month-title .month-prev{position:absolute;left:20px;top:0;bottom:0;margin:auto;height:14px;width:8px;display:block;background:url(images/left-arrow.svg) no-repeat center center;background-size:8px 14px;outline:none}.kenzap .kenzap-booking-form-1 .calendar-box .month-title .month-next{position:absolute;right:20px;top:0;bottom:0;margin:auto;height:14px;width:8px;display:block;background:url(images/right-arrow.svg) no-repeat center center;background-size:8px 14px;outline:none}.kenzap .kenzap-booking-form-1 .owl-item:last-child .calendar-box .month-title .month-next,.kenzap .kenzap-booking-form-1 .owl-item:first-child .calendar-box .month-title .month-prev{display:none}.kenzap .kenzap-booking-form-1 .calendar-box h3.month-title,.kenzap .kenzap-booking-form-1 .calendar-box div.calendar-header ul{border-radius:var(--ebr, 5px);font-size:15px;line-height:1.6}.kenzap .kenzap-booking-form-1 .calendar-box .calendar-header ul{margin:0 0 20px;padding:20px 0;background:#f1f4f7}.kenzap .kenzap-booking-form-1 .calendar-box .calendar-header ul li{width:14.2857%;text-align:center;font-size:15px;line-height:1.8;text-transform:uppercase;color:var(--ctc, #666);display:inline-block;margin:0 0px 0 0;vertical-align:bottom;padding:0 5px;font-weight:600}.kenzap .kenzap-booking-form-1 .calendar-box .calendar-body ul{margin:0;padding:0}.kenzap .kenzap-booking-form-1 .calendar-box .calendar-body ul li{width:14.2857%;color:#303030;display:inline-block;margin:0 0px 10px 0;vertical-align:bottom;padding:0 5px}.kenzap .kenzap-booking-form-1 .calendar-box .calendar-footer ul li button,.kenzap .kenzap-booking-form-1 .calendar-box .calendar-body ul li button{width:100%;padding:15px;text-align:center;border:3px solid #f1f4f7;border-radius:var(--ebr, 5px);background:#fff;font-size:15px;line-height:15px;color:var(--ctc, #666);-webkit-transition:all .3s;-o-transition:all .3s;transition:all .3s;cursor:pointer;font-weight:500;outline:none;margin:0;-webkit-box-shadow:0 0 0 0px transparent;box-shadow:0 0 0 0px transparent}.kenzap .kenzap-booking-form-1 .calendar-box .calendar-footer ul li button:hover,.kenzap .kenzap-booking-form-1 .calendar-box .calendar-body ul li button:hover{border:3px solid var(--mc, #9376df);color:var(--mc, #9376df)}.kenzap .kenzap-booking-form-1 .calendar-box .calendar-footer ul li button.time-selected:hover,.kenzap .kenzap-booking-form-1 .calendar-box .calendar-body ul li button.selected:hover{border:3px solid var(--mc, #9376df);color:#fff}.kenzap .kenzap-booking-form-1 .calendar-box .calendar-footer ul li .not-available,.kenzap .kenzap-booking-form-1 .calendar-box .calendar-body ul li .not-available{background:#f1f4f7;pointer-events:none}.kenzap .kenzap-booking-form-1 .calendar-box .calendar-footer ul li .time-selected,.kenzap .kenzap-booking-form-1 .calendar-box .calendar-body ul li .selected{background:var(--mc, #9376df);color:#fff;border:3px solid var(--mc, #9376df)}.kenzap .kenzap-booking-form-1 .calendar-box .calendar-body{margin:0 0 30px}.kenzap .kenzap-booking-form-1 .calendar-box .calendar-footer{padding:0 40px;margin:0 0 50px}.kenzap .kenzap-booking-form-1 .calendar-box .calendar-footer .calendar-footer-no{text-align:center;display:none;color:var(--ctc, #666);font-size:14px}.kenzap .kenzap-booking-form-1 .calendar-box .calendar-footer ul{text-align:center;padding:0;margin:0}.kenzap .kenzap-booking-form-1 .calendar-box .calendar-footer ul li{display:inline-block;margin:0 -4px 0 0;vertical-align:middle;padding:5px;width:33.33333%}.kenzap .kenzap-booking-form-1 .calendar-box .calendar-label ul{text-align:center;padding:0;margin:0}.kenzap .kenzap-booking-form-1 .calendar-box .calendar-label ul li{font-size:15px;color:var(--ctc, #666);display:inline-block;margin:0 -4px 0 0;padding:0 15px;vertical-align:middle;font-weight:400}.kenzap .kenzap-booking-form-1 .calendar-box .calendar-label ul li span{width:38px;height:23px;display:inline-block;margin:0 15px 0 0;vertical-align:middle;border-radius:5px;border-radius:var(--ebr, 5px)}.kenzap .kenzap-booking-form-1 .calendar-box .calendar-label ul li.label-available span{border:3px solid #f1f4f7;background:#fff}.kenzap .kenzap-booking-form-1 .calendar-box .calendar-label ul li.label-not-available span{border:3px solid #f1f4f7;background:#f1f4f7}.kenzap .kenzap-booking-form-1 .calendar-box .calendar-label ul li.label-selected span{border:3px solid var(--mc, #9376df);background:var(--mc, #9376df)}.kenzap .kenzap-booking-form-1 .booking-info h3{color:var(--tc, #333);font-size:17px;line-height:17px;display:block;text-transform:uppercase;overflow:hidden;margin:0 0 30px;font-weight:600}.kenzap .kenzap-booking-form-1 .booking-info h3 strong{color:var(--mc, #9376df);font-size:17px;line-height:17px;float:right;font-weight:700}.kenzap .kenzap-booking-form-1 .booking-info p{color:var(--tc, #333);font-size:13px;line-height:18px;font-weight:500;margin:0 0 30px}.kenzap .kenzap-booking-form-1 .booking-info ul{list-style:none;padding:0;margin:0 0 20px}.kenzap .kenzap-booking-form-1 .booking-info ul:after{content:"";clear:both;display:table}.kenzap .kenzap-booking-form-1 .booking-info ul li{color:var(--tc, #333);font-size:15px;line-height:15px;margin:0 0 20px;font-weight:600;padding:0 0 0 30px;position:relative;width:50%;float:left}.kenzap .kenzap-booking-form-1 .booking-info ul li:before{content:"";display:block;background-size:14px 10px;width:14px;height:10px;position:absolute;top:3px;left:0;mask:url(images/check-list.svg) no-repeat center center;-webkit-mask:url(images/check-list.svg) no-repeat center center;-mask:cover;-webkit-mask-size:cover;background-color:var(--mc, #9376df)}.kenzap .kenzap-booking-form-1 .booking-info ul li:last-child{margin:0}.kenzap .kenzap-booking-form-1 .booking-schedule{padding:20px;background:#f1f4f7;border-right:1px solid #c2c2c2;border-left:1px solid #c2c2c2;border-bottom:1px solid #c2c2c2;text-align:center;margin:0 0 30px}.kenzap-booking-form-1 .booking-schedule h3{font-size:17px;line-height:17px;color:var(--tc, #333);text-transform:uppercase;font-weight:600;margin:0 0 20px}.kenzap-booking-form-1 .booking-schedule p{font-size:17px;line-height:20px;color:var(--tc, #333);text-transform:uppercase;font-weight:500;margin:0}.kenzap-booking-form-1 .booking-schedule span{font-weight:300;position:relative}.kenzap-booking-form-1 .booking-schedule span:before{content:"|";margin:0 5px 0 0}.kenzap .kenzap-booking-form-1 .booking-btn{display:block;border:3px solid var(--mc, #9376df);background:#fff;font-size:22px;line-height:22px;color:var(--mc, #9376df);text-transform:uppercase;text-align:center;padding:25px;-webkit-transition:all .2s;-o-transition:all .2s;transition:all .2s;font-weight:600}.kenzap .kenzap-booking-form-1 .booking-btn:hover{background:var(--mc, #9376df);color:#fff}.kenzap .kenzap-booking-form-1.kenzap-md .booking-info ul li,.kenzap .kenzap-booking-form-1.kenzap-sm .booking-info ul li,.kenzap .kenzap-booking-form-1.kenzap-xs .booking-info ul li{width:100%}.kenzap .kenzap-booking-form-1.kenzap-sm .kenzap-col-8,.kenzap .kenzap-booking-form-1.kenzap-sm .kenzap-col-4,.kenzap .kenzap-booking-form-1.kenzap-xs .kenzap-col-8,.kenzap .kenzap-booking-form-1.kenzap-xs .kenzap-col-4{width:100%}.kenzap .kenzap-booking-form-1.kenzap-sm .booking-calendar,.kenzap .kenzap-booking-form-1.kenzap-xs .booking-calendar{margin:0 0 30px}.kenzap .kenzap-booking-form-1.kenzap-xs .calendar-box .calendar-footer ul li button,.kenzap .kenzap-booking-form-1.kenzap-xs .calendar-box .calendar-body ul li button{font-size:10px;line-height:10px;padding:10px 0;outline:none}.kenzap .kenzap-booking-form-1.kenzap-xs .calendar-box .calendar-footer{padding:0}.kenzap .kenzap-booking-form-1.kenzap-xs .calendar-box .calendar-header ul li{font-size:10px}.kenzap .kenzap-booking-form-1.kenzap-xs .calendar-box .month-title{font-size:15px}.kenzap .kenzap-booking-form-1.kenzap-xs .calendar-box .calendar-header ul{padding:10px 0}.kenzap .kenzap-booking-form-1.kenzap-xs .calendar-box .calendar-label ul{margin:0}.kenzap .kenzap-booking-form-1.kenzap-xs .calendar-box .calendar-label ul li{margin:0 0 10px;font-size:10px}.kenzap .kenzap-booking-form-1.kenzap-xs .booking-info,.kenzap .kenzap-booking-form-1.kenzap-xs .booking-calendar{padding:20px}.kenzap span.kp-conf-text{color:red}@media only screen and (min-width: 62px) and (max-width: 75em){.kenzap .kenzap-booking-form-1 .booking-info ul li{width:100%}}@media screen and (max-width: 61.938em){.kenzap .kenzap-booking-form-1 .kenzap-col-8,.kenzap .kenzap-booking-form-1 .kenzap-col-4{width:100%}.kenzap .kenzap-booking-form-1 .booking-calendar{margin:0 0 30px}}@media screen and (max-width: 48em){.kenzap .kenzap-booking-form-1 .calendar-box .calendar-footer ul li button,.kenzap .kenzap-booking-form-1 .calendar-box .calendar-body ul li button{font-size:10px;line-height:10px;padding:10px 0}.kenzap .kenzap-booking-form-1 .calendar-box .calendar-footer{padding:0}.kenzap .kenzap-booking-form-1 .calendar-box .calendar-header ul li{font-size:10px}.kenzap .kenzap-booking-form-1 .calendar-box .month-title{font-size:15px}.kenzap .kenzap-booking-form-1 .calendar-box .calendar-header ul{padding:10px 0}.kenzap .kenzap-booking-form-1 .calendar-box .calendar-label ul{margin:0}.kenzap .kenzap-booking-form-1 .calendar-box .calendar-label ul li{margin:0 0 10px;font-size:10px}.kenzap .kenzap-booking-form-1 .booking-info,.kenzap .kenzap-booking-form-1 .booking-calendar{padding:20px}}@media screen and (max-width: 30em){.kenzap .kenzap-booking-form-1 .booking-info,.kenzap .kenzap-booking-form-1 .booking-calendar{padding:10px}.kenzap .kenzap-booking-form-1 .calendar-box .calendar-footer{margin:0 0 30px}.kenzap .kenzap-booking-form-1 .booking-schedule span{display:block}.kenzap .kenzap-booking-form-1 .booking-schedule span:before{display:none}.kenzap .kenzap-booking-form-1 .booking-info{padding:10px}.kenzap .kenzap-booking-form-1 .booking-calendar{padding:5px}.kenzap .kenzap-booking-form-1 .calendar-box .calendar-header ul li{white-space:nowrap;overflow:hidden;-o-text-overflow:hidden;text-overflow:hidden}.kenzap .kenzap-booking-form-1 .calendar-box .calendar-body ul li{margin:0 0px 1px 0;padding:0 1px}.kenzap .kenzap-booking-form-1 .calendar-box .calendar-footer ul li button,.kenzap .kenzap-booking-form-1 .calendar-box .calendar-body ul li button{padding:8px 0}.kenzap .kenzap-booking-form-1 .calendar-box .calendar-label ul{text-align:left}}
     1.kenzap .kenzap-booking-form-1 *{-webkit-box-sizing:border-box;box-sizing:border-box}.kenzap .kenzap-booking-form-1 img,.kenzap .kenzap-booking-form-1 ul,.kenzap .kenzap-booking-form-1 li,.kenzap .kenzap-booking-form-1 p,.kenzap .kenzap-booking-form-1 a{padding:0;margin:0;-webkit-box-shadow:none;box-shadow:none;border:none;text-decoration:none;list-style:none}.kenzap .kenzap-booking-form-1 .kenzap-container{max-width:1170px;padding:0 var(--paddings2, 0);margin:0 auto;overflow-x:hidden}.kenzap .kenzap-booking-form-1.autoPadding{padding:calc(30px + (var(--paddings) - 30) * ((100vw - 300px) / (1600 - 300))) 0 !important}.kenzap .kenzap-booking-form-1 .kenzap-row{margin:0 -15px;overflow:auto}.kenzap .kenzap-booking-form-1 .kenzap-col-8{width:66.66666667%;float:left;padding:0 15px}.kenzap .kenzap-booking-form-1 .kenzap-col-4{width:33.33333333%;float:left;padding:0 15px}.kenzap .kenzap-booking-form-1 .booking-info,.kenzap .kenzap-booking-form-1 .booking-calendar{padding:40px;border:1px solid #c2c2c2}.kenzap .kenzap-booking-form-1 .booking-btn,.kenzap .kenzap-booking-form-1 .booking-calendar{border-radius:var(--cbr, 5px);text-decoration:none}.kenzap .kenzap-booking-form-1 .booking-info{border-top-left-radius:var(--cbr, 5px);border-top-right-radius:var(--cbr, 5px)}.kenzap .kenzap-booking-form-1 .booking-schedule{border-bottom-left-radius:var(--cbr, 5px);border-bottom-right-radius:var(--cbr, 5px)}.kenzap .kenzap-booking-form-1 .booking-info h2,.kenzap .kenzap-booking-form-1 .booking-calendar h2{color:var(--tc, #333);font-size:18px;line-height:18px;text-transform:uppercase;padding:0 0 25px;margin:0 0 35px;position:relative;font-weight:600}.kenzap .kenzap-booking-form-1 .booking-info h2:before,.kenzap .kenzap-booking-form-1 .booking-calendar h2:before{content:"";display:block;width:30px;height:1px;background:#c2c2c2;position:absolute;bottom:0;left:0}.kenzap .kenzap-booking-form-1 .calendar-box h3.month-title{text-align:center;font-size:18px;line-height:1.2;text-transform:uppercase;color:var(--ctc, #666);margin:0 0 20px;padding:20px;background:#f1f4f7;position:relative;font-weight:600}.kenzap .kenzap-booking-form-1 .calendar-box .month-title .month-prev{position:absolute;left:20px;top:0;bottom:0;margin:auto;height:14px;width:8px;display:block;background:url(images/left-arrow.svg) no-repeat center center;background-size:8px 14px;outline:none}.kenzap .kenzap-booking-form-1 .calendar-box .month-title .month-next{position:absolute;right:20px;top:0;bottom:0;margin:auto;height:14px;width:8px;display:block;background:url(images/right-arrow.svg) no-repeat center center;background-size:8px 14px;outline:none}.kenzap .kenzap-booking-form-1 .owl-item:last-child .calendar-box .month-title .month-next,.kenzap .kenzap-booking-form-1 .owl-item:first-child .calendar-box .month-title .month-prev{display:none}.kenzap .kenzap-booking-form-1 .calendar-box h3.month-title,.kenzap .kenzap-booking-form-1 .calendar-box div.calendar-header ul{border-radius:var(--ebr, 5px);font-size:15px;line-height:1.6}.kenzap .kenzap-booking-form-1 .calendar-box .calendar-header ul{margin:0 0 20px;padding:20px 0;background:#f1f4f7}.kenzap .kenzap-booking-form-1 .calendar-box .calendar-header ul li{width:14.2857%;text-align:center;font-size:15px;line-height:1.8;text-transform:uppercase;color:var(--ctc, #666);display:inline-block;margin:0 0px 0 0;vertical-align:bottom;padding:0 5px;font-weight:600}.kenzap .kenzap-booking-form-1 .calendar-box .calendar-body ul{margin:0;padding:0}.kenzap .kenzap-booking-form-1 .calendar-box .calendar-body ul li{width:14.2857%;color:#303030;display:inline-block;margin:0 0px 10px 0;vertical-align:bottom;padding:0 5px}.kenzap .kenzap-booking-form-1 .calendar-box .calendar-footer ul li button,.kenzap .kenzap-booking-form-1 .calendar-box .calendar-body ul li button{width:100%;padding:15px;text-align:center;border:3px solid #f1f4f7;border-radius:var(--ebr, 5px);background:#fff;font-size:15px;line-height:15px;color:var(--ctc, #666);-webkit-transition:all .3s;-o-transition:all .3s;transition:all .3s;cursor:pointer;font-weight:500;outline:none;margin:0;-webkit-box-shadow:0 0 0 0px transparent;box-shadow:0 0 0 0px transparent}.kenzap .kenzap-booking-form-1 .calendar-box .calendar-footer ul li button:hover,.kenzap .kenzap-booking-form-1 .calendar-box .calendar-body ul li button:hover{border:3px solid var(--mc, #9376df);color:var(--mc, #9376df)}.kenzap .kenzap-booking-form-1 .calendar-box .calendar-footer ul li button.time-selected:hover,.kenzap .kenzap-booking-form-1 .calendar-box .calendar-body ul li button.selected:hover{border:3px solid var(--mc, #9376df);color:#fff}.kenzap .kenzap-booking-form-1 .calendar-box .calendar-footer ul li .not-available,.kenzap .kenzap-booking-form-1 .calendar-box .calendar-body ul li .not-available{background:#f1f4f7;pointer-events:none}.kenzap .kenzap-booking-form-1 .calendar-box .calendar-footer ul li .time-selected,.kenzap .kenzap-booking-form-1 .calendar-box .calendar-body ul li .selected{background:var(--mc, #9376df);color:#fff;border:3px solid var(--mc, #9376df)}.kenzap .kenzap-booking-form-1 .calendar-box .calendar-body{margin:0 0 30px}.kenzap .kenzap-booking-form-1 .calendar-box .calendar-footer{padding:0 40px;margin:0 0 50px}.kenzap .kenzap-booking-form-1 .calendar-box .calendar-footer .calendar-footer-no{text-align:center;display:none;color:var(--ctc, #666);font-size:14px}.kenzap .kenzap-booking-form-1 .calendar-box .calendar-footer ul{text-align:center;padding:0;margin:0}.kenzap .kenzap-booking-form-1 .calendar-box .calendar-footer ul li{display:inline-block;margin:0 -4px 0 0;vertical-align:middle;padding:5px;width:33.33333%}.kenzap .kenzap-booking-form-1 .calendar-box .calendar-label ul{text-align:center;padding:0;margin:0}.kenzap .kenzap-booking-form-1 .calendar-box .calendar-label ul li{font-size:15px;color:var(--ctc, #666);display:inline-block;margin:0 -4px 0 0;padding:0 15px;vertical-align:middle;font-weight:400}.kenzap .kenzap-booking-form-1 .calendar-box .calendar-label ul li span{width:38px;height:23px;display:inline-block;margin:0 15px 0 0;vertical-align:middle;border-radius:5px;border-radius:var(--ebr, 5px)}.kenzap .kenzap-booking-form-1 .calendar-box .calendar-label ul li.label-available span{border:3px solid #f1f4f7;background:#fff}.kenzap .kenzap-booking-form-1 .calendar-box .calendar-label ul li.label-not-available span{border:3px solid #f1f4f7;background:#f1f4f7}.kenzap .kenzap-booking-form-1 .calendar-box .calendar-label ul li.label-selected span{border:3px solid var(--mc, #9376df);background:var(--mc, #9376df)}.kenzap .kenzap-booking-form-1 .booking-info h3{color:var(--tc, #333);font-size:17px;line-height:17px;display:block;text-transform:uppercase;overflow:hidden;margin:0 0 30px;font-weight:600}.kenzap .kenzap-booking-form-1 .booking-info h3 strong{color:var(--mc, #9376df);font-size:17px;line-height:17px;float:right;font-weight:700}.kenzap .kenzap-booking-form-1 .booking-info p{color:var(--tc, #333);font-size:13px;line-height:18px;font-weight:500;margin:0 0 30px}.kenzap .kenzap-booking-form-1 .booking-info ul{list-style:none;padding:0;margin:0 0 20px}.kenzap .kenzap-booking-form-1 .booking-info ul:after{content:"";clear:both;display:table}.kenzap .kenzap-booking-form-1 .booking-info ul li{color:var(--tc, #333);font-size:15px;line-height:15px;margin:0 0 20px;font-weight:600;padding:0 0 0 30px;position:relative;width:50%;float:left}.kenzap .kenzap-booking-form-1 .booking-info ul li:before{content:"";display:block;background-size:14px 10px;width:14px;height:10px;position:absolute;top:3px;left:0;mask:url(images/check-list.svg) no-repeat center center;-webkit-mask:url(images/check-list.svg) no-repeat center center;-mask:cover;-webkit-mask-size:cover;background-color:var(--mc, #9376df)}.kenzap .kenzap-booking-form-1 .booking-info ul li:last-child{margin:0}.kenzap .kenzap-booking-form-1 .booking-schedule{padding:20px;background:#f1f4f7;border-right:1px solid #c2c2c2;border-left:1px solid #c2c2c2;border-bottom:1px solid #c2c2c2;text-align:center;margin:0 0 30px}.kenzap-booking-form-1 .booking-schedule h3{font-size:17px;line-height:17px;color:var(--tc, #333);text-transform:uppercase;font-weight:600;margin:0 0 20px}.kenzap-booking-form-1 .booking-schedule p{font-size:17px;line-height:20px;color:var(--tc, #333);text-transform:uppercase;font-weight:500;margin:0}.kenzap-booking-form-1 .booking-schedule span{font-weight:300;position:relative}.kenzap-booking-form-1 .booking-schedule span:before{content:"|";margin:0 5px 0 0}.kenzap .kenzap-booking-form-1 .booking-btn{display:block;border:3px solid var(--mc, #9376df);background:#fff;font-size:22px;line-height:22px;color:var(--mc, #9376df);text-transform:uppercase;text-align:center;padding:25px;-webkit-transition:all .2s;-o-transition:all .2s;transition:all .2s;font-weight:600}.kenzap .kenzap-booking-form-1 .booking-btn:hover{background:var(--mc, #9376df);color:#fff}.kenzap .kenzap-booking-form-1.kenzap-md .booking-info ul li,.kenzap .kenzap-booking-form-1.kenzap-sm .booking-info ul li,.kenzap .kenzap-booking-form-1.kenzap-xs .booking-info ul li{width:100%}.kenzap .kenzap-booking-form-1.kenzap-sm .kenzap-col-8,.kenzap .kenzap-booking-form-1.kenzap-sm .kenzap-col-4,.kenzap .kenzap-booking-form-1.kenzap-xs .kenzap-col-8,.kenzap .kenzap-booking-form-1.kenzap-xs .kenzap-col-4{width:100%}.kenzap .kenzap-booking-form-1.kenzap-sm .booking-calendar,.kenzap .kenzap-booking-form-1.kenzap-xs .booking-calendar{margin:0 0 30px}.kenzap .kenzap-booking-form-1.kenzap-xs .calendar-box .calendar-footer ul li button,.kenzap .kenzap-booking-form-1.kenzap-xs .calendar-box .calendar-body ul li button{font-size:10px;line-height:10px;padding:10px 0;outline:none}.kenzap .kenzap-booking-form-1.kenzap-xs .calendar-box .calendar-footer{padding:0}.kenzap .kenzap-booking-form-1.kenzap-xs .calendar-box .calendar-header ul li{font-size:10px}.kenzap .kenzap-booking-form-1.kenzap-xs .calendar-box .month-title{font-size:15px}.kenzap .kenzap-booking-form-1.kenzap-xs .calendar-box .calendar-header ul{padding:10px 0}.kenzap .kenzap-booking-form-1.kenzap-xs .calendar-box .calendar-label ul{margin:0}.kenzap .kenzap-booking-form-1.kenzap-xs .calendar-box .calendar-label ul li{margin:0 0 10px;font-size:10px}.kenzap .kenzap-booking-form-1.kenzap-xs .booking-info,.kenzap .kenzap-booking-form-1.kenzap-xs .booking-calendar{padding:20px}.kenzap span.kp-conf-text{color:red}@media only screen and (min-width: 62px) and (max-width: 75em){.kenzap .kenzap-booking-form-1 .booking-info ul li{width:100%}}@media screen and (max-width: 61.938em){.kenzap .kenzap-booking-form-1 .kenzap-col-8,.kenzap .kenzap-booking-form-1 .kenzap-col-4{width:100%}.kenzap .kenzap-booking-form-1 .booking-calendar{margin:0 0 30px}}@media screen and (max-width: 48em){.kenzap .kenzap-booking-form-1 .calendar-box .calendar-footer ul li button,.kenzap .kenzap-booking-form-1 .calendar-box .calendar-body ul li button{font-size:10px;line-height:10px;padding:10px 0}.kenzap .kenzap-booking-form-1 .calendar-box .calendar-footer{padding:0}.kenzap .kenzap-booking-form-1 .calendar-box .calendar-header ul li{font-size:10px}.kenzap .kenzap-booking-form-1 .calendar-box .month-title{font-size:15px}.kenzap .kenzap-booking-form-1 .calendar-box .calendar-header ul{padding:10px 0}.kenzap .kenzap-booking-form-1 .calendar-box .calendar-label ul{margin:0}.kenzap .kenzap-booking-form-1 .calendar-box .calendar-label ul li{margin:0 0 10px;font-size:10px}.kenzap .kenzap-booking-form-1 .booking-info,.kenzap .kenzap-booking-form-1 .booking-calendar{padding:20px}}@media screen and (max-width: 30em){.kenzap .kenzap-booking-form-1 .booking-info,.kenzap .kenzap-booking-form-1 .booking-calendar{padding:10px}.kenzap .kenzap-booking-form-1 .calendar-box .calendar-footer{margin:0 0 30px}.kenzap .kenzap-booking-form-1 .booking-schedule span{display:block}.kenzap .kenzap-booking-form-1 .booking-schedule span:before{display:none}.kenzap .kenzap-booking-form-1 .booking-info{padding:10px}.kenzap .kenzap-booking-form-1 .booking-calendar{padding:5px}.kenzap .kenzap-booking-form-1 .calendar-box .calendar-header ul li{white-space:nowrap;overflow:hidden;-o-text-overflow:hidden;text-overflow:hidden}.kenzap .kenzap-booking-form-1 .calendar-box .calendar-body ul li{margin:0 0px 1px 0;padding:0 1px}.kenzap .kenzap-booking-form-1 .calendar-box .calendar-footer ul li button,.kenzap .kenzap-booking-form-1 .calendar-box .calendar-body ul li button{padding:8px 0}.kenzap .kenzap-booking-form-1 .calendar-box .calendar-label ul{text-align:left}}

  • kenzap-calendar/trunk/plugin.php

    r2021588 r2416115  
    66 * Author: Kenzap
    77 * Author URI: https://kenzap.com/
    8  * Version: 1.0.0
     8 * Version: 1.0.3
    99 * License: GPL2+
    1010 * License URI: https://www.gnu.org/licenses/gpl-2.0.txt

  • kenzap-calendar/trunk/readme.txt

    r2021588 r2416115  
    33Tags: appointment, booking, reservation
    44Requires at least: 5.0
    5 Tested up to: 5.1
    6 Stable tag: 1.0.0
     5Tested up to: 5.5
     6Stable tag: 1.0.3
    77Donate link: https://kenzap.com/wordpress-plugin-donation-page/
    88Requires PHP: 5.6
    … …  
    7979= v1.0.0 =
    8080New: Initial release
     81
     82= v1.0.1 =
     83New: Improved stability
     84Update: bug fix upon checkout
     85
     86= v1.0.2 =
     87Update: undefined index warning in cart fix
     88
     89= v1.0.3 =
     90Update: compatibility fix

  • kenzap-calendar/trunk/src/calendar-1/block.js

    r2021588 r2416115  
    1 /**
    2  * BLOCK: kenzap-calendar
    3  *
    4  * Registering a basic block with Gutenberg.
    5  * Simple block, renders and saves the same content without any interactivity.
    6  */
    7 
    81//  Import CSS.
    92import './style.scss';
    … …  
    3831        __( 'reservation', 'kenzap-calendar' ),
    3932    ],
     33    supports: {
     34        align: [ 'full', 'wide' ],
     35    },
    4036    attributes: {
    4137        ...blockProps,

  • kenzap-calendar/trunk/src/calendar-1/block.php

    r2021588 r2416115  
    1919    <?php if( !class_exists( 'WooCommerce' ) ) { echo esc_html__('Please activate WooCommerce plugin','kenzap-calendar');}else{ ?>
    2020
    21     <div class="kenzap-booking-form-1 <?php echo esc_attr($kenzapSize); ?> <?php if (isset($attributes['className'])) echo esc_attr($attributes['className']); ?>" data-product="<?php echo esc_attr($attributes['product_id']); ?>" data-cid="<?php echo esc_attr($attributes['cid']); ?>" style="--cbr:<?php echo esc_attr($attributes['cbr']); ?>px;--ebr:<?php echo esc_attr($attributes['ebr']); ?>px;--mc:<?php echo esc_attr($attributes['mainColor']); ?>;--tc:<?php echo esc_attr($attributes['textColor']); ?>;--ctc:<?php echo esc_attr($attributes['textColor2']); ?>;<?php echo ($kenzapStyles);//escaped in src/commonComponents/container/container-cont.php ?>">
     21    <div class="kenzap-booking-form-1 <?php if($attributes['align']) echo "align".$attributes['align']." "; echo esc_attr($kenzapSize); ?> <?php if (isset($attributes['className'])) echo esc_attr($attributes['className']); if($attributes['autoPadding']){ echo ' autoPadding '; } ?>" data-product="<?php echo esc_attr($attributes['product_id']); ?>" data-cid="<?php echo esc_attr($attributes['cid']); ?>" style="--cbr:<?php echo esc_attr($attributes['cbr']); ?>px;--ebr:<?php echo esc_attr($attributes['ebr']); ?>px;--mc:<?php echo esc_attr($attributes['mainColor']); ?>;--tc:<?php echo esc_attr($attributes['textColor']); ?>;--ctc:<?php echo esc_attr($attributes['textColor2']); ?>;<?php echo ($kenzapStyles);//escaped in src/commonComponents/container/container-cont.php ?>">
    2222
    2323        <div class="kenzap-container" style="max-width:<?php echo esc_attr($attributes['containerMaxWidth']);?>px">

  • kenzap-calendar/trunk/src/calendar-1/edit.js

    r2021588 r2416115  
    66import { InspectorContainer } from '../commonComponents/container/container';
    77const { __experimentalGetSettings } = wp.date;
    8 /**
    9  * Keys for new blocks
    10  * @type {number}
    11  */
    12 let key = 0;
    138
    149/**
    … …  
    2116 */
    2217export default class Edit extends Component {
    23     state = {
    24         activeSubBlock: -1,
    25     };
    2618
    2719    render() {
    … …  
    509501                    block="kenzap/calendar-1"
    510502                    attributes={ {
     503                        align: attributes.align,
    511504                        serverSide: true,
    512505                    } }

  • kenzap-calendar/trunk/src/calendar-1/init.php

    r2021588 r2416115  
    66
    77    $attributes = array(
     8        'align' => array(
     9            'type'    => 'string',
     10            'default' => '',
     11        ),
    812        'serverSide'  => array(
    913            'type'    => 'boolean',

  • kenzap-calendar/trunk/src/calendar-1/script.js

    r2021588 r2416115  
    2929        if(event.type=='changed')
    3030            setCalDefaults();
    31         console.log(event);
     31        //console.log(event);
    3232    })
    3333
    3434    var dt = "", date = "", dow = "", date_full = "";
    3535    $(".kenzap .kenzap-booking-form-1 a,.kenzap .kenzap-booking-form-1 button").on("click", function(){
     36       
     37        var product_id = $(".kenzap .kenzap-booking-form-1").data('product');
    3638       
    3739        // calendar right click/swipe
    … …  
    7476
    7577            // cache in cookies for checkout
    76             createCookie("kenzap_booking_month_id",cid+"_"+ym,1);
    77             createCookie("kenzap_booking_day",$(this).html(),1);
    78             createCookie("kenzap_booking_date",date,1);
     78            createCookie("kenzap_booking_month_id_"+product_id,cid+"_"+ym,1);
     79            createCookie("kenzap_booking_day_"+product_id,$(this).html(),1);
     80            createCookie("kenzap_booking_date_"+product_id,date,1);
    7981
    8082            // remove CTA
    … …  
    8688            // get woo product details
    8789            var cid = $(".kenzap .kenzap-booking-form-1").data('cid');
    88             var product_id = $(".kenzap .kenzap-booking-form-1").data('product');
    8990            var product_id_time = $(this).parent().attr('data-product');
    9091            var $btn_cont = $(".btn-cont");
    … …  
    108109            var desc = $(this).parent().attr('data-desc');
    109110            var feat = $(this).parent().attr('data-feat').split("\n");
    110             createCookie("kenzap_calendar_id",cid,1);
    111             createCookie("kenzap_booking_time_id",id,1);
    112             createCookie("kenzap_booking_time_max",max,1);
    113             createCookie("kenzap_booking_time",$(this).html(),1);
     111            createCookie("kenzap_calendar_id_"+product_id,cid,1);
     112            createCookie("kenzap_booking_time_id_"+product_id,id,1);
     113            createCookie("kenzap_booking_time_max_"+product_id,max,1);
     114            createCookie("kenzap_booking_time_"+product_id,$(this).html(),1);
    114115
    115116            // structure feature list into html

  • kenzap-calendar/trunk/src/calendar-1/style.scss

    r2021588 r2416115  
    2020.kenzap .kenzap-booking-form-1 .kenzap-container{
    2121    max-width:1170px;
    22     padding:0 15px;
     22    padding:0 var(--paddings2,0);
    2323    margin:0 auto;
     24    overflow-x: hidden;
     25}
     26
     27.kenzap .kenzap-booking-form-1.autoPadding {
     28    padding: calc(30px + (var(--paddings) - 30) * ((100vw - 300px) / (1600 - 300))) 0!important;
    2429}
    2530
Note: See TracChangeset for help on using the changeset viewer.