"use strict";(self.webpackChunkgutenkit_blocks_addon=self.webpackChunkgutenkit_blocks_addon||[]).push([[9634],{9634:(e,a,n)=>{n.r(a),n.d(a,{default:()=>d});var l=n(7723),o=n(6087),s=n(6427),t=n(790);const d=(0,o.memo)((({attributes:e,setAttributes:a,device:n,advancedControl:o})=>{const{GkitBoxShadow:d,GkitColor:i,GkitPanelBody:r,GkitResponsive:u,GkitTabs:g,GkitTypography:k,GkitBackgrounGroup:b,GkitText:_,GkitRangeUnit:c,GkitBlockStylePreview:h,GkitDateTimePicker:x,GkitBoxControl:y,GkitBorderControl:p}=window.gutenkit.components,{gkitResponsiveValue:j,useFontFamilyinBlock:C,responsiveHelper:v,boxControlUnit:m}=window.gutenkit.helpers;return C([e?.weeksTypography,e?.weeksLabelTypography,e?.daysTypography,e?.daysLabelTypography,e?.hoursTypography,e?.hoursLabelTypography,e?.minutesTypography,e?.minutesLabelTypography,e?.secondsTypography,e?.secondsLabelTypography]),(0,t.jsx)(g,{type:"top-level",tabs:[{name:"content",title:(0,l.__)("Content","gutenkit-blocks-addon")},{name:"style",title:(0,l.__)("Style","gutenkit-blocks-addon")},{name:"advanced",title:(0,l.__)("Advanced","gutenkit-blocks-addon")}],children:g=>{switch(g.name){case"content":return(0,t.jsxs)(t.Fragment,{children:[(0,t.jsx)(r,{title:(0,l.__)("Presets","gutenkit-blocks-addon"),initialOpen:!0,children:(0,t.jsx)(h,{label:(0,l.__)("Select Style","gutenkit-blocks-addon"),value:e?.style,options:[{label:(0,l.__)("Circle","gutenkit-blocks-addon"),value:"style1",attributes:{style:"style1"}},{label:(0,l.__)("Box","gutenkit-blocks-addon"),value:"style2",attributes:{style:"style2"}},{label:(0,l.__)("Flip","gutenkit-blocks-addon"),value:"style3",attributes:{style:"style3"}},{label:(0,l.__)("Linear Gradient","gutenkit-blocks-addon"),value:"style4",attributes:{style:"style4"}},{label:(0,l.__)("Linear","gutenkit-blocks-addon"),value:"style5",attributes:{style:"style5"}},{label:(0,l.__)("Crest","gutenkit-blocks-addon"),value:"style6",attributes:{style:"style6"}}],onChange:e=>a({style:e})})}),(0,t.jsx)(r,{title:(0,l.__)("Timer Setting","gutenkit-blocks-addon"),children:(0,t.jsx)(x,{value:e.date,onChange:e=>a({date:e}),label:(0,l.__)("Set the due Date and Time","gutenkit-blocks-addon")})}),(0,t.jsxs)(r,{title:(0,l.__)("Custom Labels","gutenkit-blocks-addon"),children:["style3"===e.style&&(0,t.jsx)(_,{value:e?.weekLabel,label:(0,l.__)("Weeks","gutenkit-blocks-addon"),onChange:e=>a({weekLabel:e})}),(0,t.jsx)(_,{value:e?.dayLabel,label:(0,l.__)("Days","gutenkit-blocks-addon"),onChange:e=>a({dayLabel:e})}),(0,t.jsx)(_,{value:e?.hourLabel,label:(0,l.__)("Hours","gutenkit-blocks-addon"),onChange:e=>a({hourLabel:e})}),(0,t.jsx)(_,{value:e?.minuteLabel,label:(0,l.__)("Minutes","gutenkit-blocks-addon"),onChange:e=>a({minuteLabel:e})}),(0,t.jsx)(_,{value:e?.secondLabel,label:(0,l.__)("Seconds","gutenkit-blocks-addon"),onChange:e=>a({secondLabel:e})})]}),(0,t.jsxs)(r,{title:(0,l.__)("Expire Action","gutenkit-blocks-addon"),children:[(0,t.jsx)(_,{value:e?.expireLabel,label:(0,l.__)("On Expiry Title","gutenkit-blocks-addon"),onChange:e=>a({expireLabel:e}),labelBlock:"block"}),(0,t.jsx)(_,{value:e?.expireDescription,label:(0,l.__)("On Expiry Content","gutenkit-blocks-addon"),onChange:e=>a({expireDescription:e}),type:"textarea",labelBlock:"block"})]})]});case"style":return(0,t.jsxs)(t.Fragment,{children:[(0,t.jsxs)(r,{title:(0,l.__)("Content","gutenkit-blocks-addon"),initialOpen:!0,children:["style6"!==e.style&&(0,t.jsx)(u,{children:(0,t.jsx)(c,{label:(0,l.__)("Width","gutenkit-blocks-addon"),value:j(e,"width",n),onChange:e=>v("width",e,n,a),units:{px:{min:0,max:500,step:5},"%":{min:0,max:100,step:1}}})}),(0,t.jsx)(u,{children:(0,t.jsx)(c,{label:(0,l.__)("Height","gutenkit-blocks-addon"),value:j(e,"height",n),onChange:e=>v("height",e,n,a),units:{px:{min:0,max:500,step:5},vh:{min:0,max:100,step:1}}})}),(0,t.jsx)(u,{children:(0,t.jsx)(c,{label:(0,l.__)("Line Height","gutenkit-blocks-addon"),value:j(e,"lineHeight",n),onChange:e=>v("lineHeight",e,n,a),units:{px:{min:0,max:500,step:5}}})}),"style6"!==e.style&&(0,t.jsxs)(t.Fragment,{children:[(0,t.jsx)(u,{children:(0,t.jsx)(c,{label:(0,l.__)("Column Gap","gutenkit-blocks-addon"),value:j(e,"columnGap",n),onChange:e=>v("columnGap",e,n,a),units:{px:{min:0,max:500,step:1}}})}),(0,t.jsx)(u,{children:(0,t.jsx)(c,{label:(0,l.__)("Row Gap","gutenkit-blocks-addon"),value:j(e,"rowGap",n),onChange:e=>v("rowGap",e,n,a),units:{px:{min:0,max:500,step:1}}})})]})]}),"style3"===e.style&&(0,t.jsxs)(r,{title:(0,l.__)("Weeks","gutenkit-blocks-addon"),children:[(0,t.jsx)(s.__experimentalHeading,{children:(0,l.__)("Digits","gutenkit-blocks-addon")}),(0,t.jsx)(i,{label:(0,l.__)("Color","gutenkit-blocks-addon"),onChange:e=>a({weeksColor:e}),value:e.weeksColor}),(0,t.jsx)(k,{label:(0,l.__)("Typography","gutenkit-blocks-addon"),value:e.weeksTypography,onChange:e=>a({weeksTypography:e})}),(0,t.jsx)(s.__experimentalDivider,{}),(0,t.jsx)(s.__experimentalHeading,{children:(0,l.__)("Label","gutenkit-blocks-addon")}),(0,t.jsx)(i,{label:(0,l.__)("Color","gutenkit-blocks-addon"),onChange:e=>a({weeksLabelColor:e}),value:e.weeksLabelColor}),(0,t.jsx)(k,{label:(0,l.__)("Typography","gutenkit-blocks-addon"),value:e.weeksLabelTypography,onChange:e=>a({weeksLabelTypography:e})}),(0,t.jsx)(b,{onChange:e=>a({weeksLabelBackground:e}),value:e.weeksLabelBackground,exclude:{video:!0,image:!0}}),(0,t.jsx)(p,{label:(0,l.__)("Border","gutenkit-blocks-addon"),onChange:e=>a({weeksLabelBorder:e}),value:e.weeksLabelBorder}),(0,t.jsx)(u,{children:(0,t.jsx)(y,{label:(0,l.__)("Border Radius","gutenkit-blocks-addon"),values:j(e,"weeksLabelBorderRadius",n),onChange:e=>v("weeksLabelBorderRadius",e,n,a),units:m})}),(0,t.jsx)(u,{children:(0,t.jsx)(y,{label:(0,l.__)("Margin","gutenkit-blocks-addon"),values:j(e,"weeksLabelMargin",n),onChange:e=>v("weeksLabelMargin",e,n,a),units:m})}),(0,t.jsx)(s.__experimentalDivider,{}),(0,t.jsx)(s.__experimentalHeading,{children:(0,l.__)("General","gutenkit-blocks-addon")}),(0,t.jsx)(b,{onChange:e=>a({weeksBackground:e}),value:e.weeksBackground,exclude:{video:!0}}),(0,t.jsx)(p,{label:(0,l.__)("Border","gutenkit-blocks-addon"),onChange:e=>a({weeksBorder:e}),value:e.weeksBorder}),(0,t.jsx)(u,{children:(0,t.jsx)(y,{label:(0,l.__)("Border Radius","gutenkit-blocks-addon"),values:j(e,"weeksBorderRadius",n),onChange:e=>v("weeksBorderRadius",e,n,a),units:m})}),(0,t.jsx)(d,{label:(0,l.__)("Box Shadow","gutenkit-blocks-addon"),value:e?.weeksShadow,onChange:e=>a({weeksShadow:e})})]}),(0,t.jsxs)(r,{title:(0,l.__)("Days","gutenkit-blocks-addon"),children:[(0,t.jsx)(s.__experimentalHeading,{children:(0,l.__)("Digits","gutenkit-blocks-addon")}),(0,t.jsx)(i,{label:(0,l.__)("Color","gutenkit-blocks-addon"),onChange:e=>a({daysColor:e}),value:e.daysColor}),(0,t.jsx)(k,{label:(0,l.__)("Typography","gutenkit-blocks-addon"),value:e.daysTypography,onChange:e=>a({daysTypography:e})}),"style6"!==e.style&&"style3"!==e.style&&(0,t.jsx)(u,{children:(0,t.jsx)(c,{label:(0,l.__)("Margin Bottom","gutenkit-blocks-addon"),value:j(e,"daysMarginBottom",n),onChange:e=>v("daysMarginBottom",e,n,a),units:{px:{min:-30,max:100,step:1}}})}),(0,t.jsx)(s.__experimentalDivider,{}),(0,t.jsx)(s.__experimentalHeading,{children:(0,l.__)("Label","gutenkit-blocks-addon")}),(0,t.jsx)(i,{label:(0,l.__)("Color","gutenkit-blocks-addon"),onChange:e=>a({daysLabelColor:e}),value:e.daysLabelColor}),(0,t.jsx)(k,{label:(0,l.__)("Typography","gutenkit-blocks-addon"),value:e.daysLabelTypography,onChange:e=>a({daysLabelTypography:e})}),(0,t.jsx)(b,{onChange:e=>a({daysLabelBackground:e}),value:e.daysLabelBackground,exclude:{video:!0,image:!0}}),(0,t.jsx)(p,{label:(0,l.__)("Border","gutenkit-blocks-addon"),onChange:e=>a({daysLabelBorder:e}),value:e.daysLabelBorder}),(0,t.jsx)(u,{children:(0,t.jsx)(y,{label:(0,l.__)("Border Radius","gutenkit-blocks-addon"),values:j(e,"daysLabelBorderRadius",n),onChange:e=>v("daysLabelBorderRadius",e,n,a),units:m})}),(0,t.jsx)(u,{children:(0,t.jsx)(y,{label:(0,l.__)("Margin","gutenkit-blocks-addon"),values:j(e,"daysLabelMargin",n),onChange:e=>v("daysLabelMargin",e,n,a),units:m})}),"style6"!==e.style&&(0,t.jsxs)(t.Fragment,{children:[(0,t.jsx)(s.__experimentalDivider,{}),(0,t.jsx)(s.__experimentalHeading,{children:(0,l.__)("General","gutenkit-blocks-addon")}),(0,t.jsx)(b,{onChange:e=>a({daysBackground:e}),value:e.daysBackground,exclude:{video:!0}}),(0,t.jsx)(p,{label:(0,l.__)("Border","gutenkit-blocks-addon"),onChange:e=>a({daysBorder:e}),value:e.daysBorder}),(0,t.jsx)(u,{children:(0,t.jsx)(y,{label:(0,l.__)("Border Radius","gutenkit-blocks-addon"),values:j(e,"daysBorderRadius",n),onChange:e=>v("daysBorderRadius",e,n,a),units:m})}),(0,t.jsx)(d,{label:(0,l.__)("Box Shadow","gutenkit-blocks-addon"),value:e?.daysShadow,onChange:e=>a({daysShadow:e})})]})]}),(0,t.jsxs)(r,{title:(0,l.__)("Hours","gutenkit-blocks-addon"),children:[(0,t.jsx)(s.__experimentalHeading,{children:(0,l.__)("Digits","gutenkit-blocks-addon")}),(0,t.jsx)(i,{label:(0,l.__)("Color","gutenkit-blocks-addon"),onChange:e=>a({hoursColor:e}),value:e.hoursColor}),(0,t.jsx)(k,{label:(0,l.__)("Typography","gutenkit-blocks-addon"),value:e.hoursTypography,onChange:e=>a({hoursTypography:e})}),"style6"!==e.style&&"style3"!==e.style&&(0,t.jsx)(u,{children:(0,t.jsx)(c,{label:(0,l.__)("Margin Bottom","gutenkit-blocks-addon"),value:j(e,"hoursMarginBottom",n),onChange:e=>v("hoursMarginBottom",e,n,a),units:{px:{min:-30,max:100,step:1}}})}),(0,t.jsx)(s.__experimentalDivider,{}),(0,t.jsx)(s.__experimentalHeading,{children:(0,l.__)("Label","gutenkit-blocks-addon")}),(0,t.jsx)(i,{label:(0,l.__)("Color","gutenkit-blocks-addon"),onChange:e=>a({hoursLabelColor:e}),value:e.hoursLabelColor}),(0,t.jsx)(k,{label:(0,l.__)("Typography","gutenkit-blocks-addon"),value:e.hoursLabelTypography,onChange:e=>a({hoursLabelTypography:e})}),(0,t.jsx)(b,{onChange:e=>a({hoursLabelBackground:e}),value:e.hoursLabelBackground,exclude:{video:!0,image:!0}}),(0,t.jsx)(p,{label:(0,l.__)("Border","gutenkit-blocks-addon"),onChange:e=>a({hoursLabelBorder:e}),value:e.hoursLabelBorder}),(0,t.jsx)(u,{children:(0,t.jsx)(y,{label:(0,l.__)("Border Radius","gutenkit-blocks-addon"),values:j(e,"hoursLabelBorderRadius",n),onChange:e=>v("hoursLabelBorderRadius",e,n,a),units:m})}),(0,t.jsx)(u,{children:(0,t.jsx)(y,{label:(0,l.__)("Margin","gutenkit-blocks-addon"),values:j(e,"hoursLabelMargin",n),onChange:e=>v("hoursLabelMargin",e,n,a),units:m})}),"style6"!==e.style&&(0,t.jsxs)(t.Fragment,{children:[(0,t.jsx)(s.__experimentalDivider,{}),(0,t.jsx)(s.__experimentalHeading,{children:(0,l.__)("General","gutenkit-blocks-addon")}),(0,t.jsx)(b,{onChange:e=>a({hoursBackground:e}),value:e.hoursBackground,exclude:{video:!0}}),(0,t.jsx)(p,{label:(0,l.__)("Border","gutenkit-blocks-addon"),onChange:e=>a({hoursBorder:e}),value:e.hoursBorder}),(0,t.jsx)(u,{children:(0,t.jsx)(y,{label:(0,l.__)("Border Radius","gutenkit-blocks-addon"),values:j(e,"hoursBorderRadius",n),onChange:e=>v("hoursBorderRadius",e,n,a),units:m})}),(0,t.jsx)(d,{label:(0,l.__)("Box Shadow","gutenkit-blocks-addon"),value:e?.hoursShadow,onChange:e=>a({hoursShadow:e})})]})]}),(0,t.jsxs)(r,{title:(0,l.__)("Minutes","gutenkit-blocks-addon"),children:[(0,t.jsx)(s.__experimentalHeading,{children:(0,l.__)("Digits","gutenkit-blocks-addon")}),(0,t.jsx)(i,{label:(0,l.__)("Color","gutenkit-blocks-addon"),onChange:e=>a({minutesColor:e}),value:e.minutesColor}),(0,t.jsx)(k,{label:(0,l.__)("Typography","gutenkit-blocks-addon"),value:e.minutesTypography,onChange:e=>a({minutesTypography:e})}),"style6"!==e.style&&"style3"!==e.style&&(0,t.jsx)(u,{children:(0,t.jsx)(c,{label:(0,l.__)("Margin Bottom","gutenkit-blocks-addon"),value:j(e,"minutesMarginBottom",n),onChange:e=>v("minutesMarginBottom",e,n,a),units:{px:{min:-30,max:100,step:1}}})}),(0,t.jsx)(s.__experimentalDivider,{}),(0,t.jsx)(s.__experimentalHeading,{children:(0,l.__)("Label","gutenkit-blocks-addon")}),(0,t.jsx)(i,{label:(0,l.__)("Color","gutenkit-blocks-addon"),onChange:e=>a({minutesLabelColor:e}),value:e.minutesLabelColor}),(0,t.jsx)(k,{label:(0,l.__)("Typography","gutenkit-blocks-addon"),value:e.minutesLabelTypography,onChange:e=>a({minutesLabelTypography:e})}),(0,t.jsx)(b,{onChange:e=>a({minutesLabelBackground:e}),value:e.minutesLabelBackground,exclude:{video:!0,image:!0}}),(0,t.jsx)(p,{label:(0,l.__)("Border","gutenkit-blocks-addon"),onChange:e=>a({minutesLabelBorder:e}),value:e.minutesLabelBorder}),(0,t.jsx)(u,{children:(0,t.jsx)(y,{label:(0,l.__)("Border Radius","gutenkit-blocks-addon"),values:j(e,"minutesLabelBorderRadius",n),onChange:e=>v("minutesLabelBorderRadius",e,n,a),units:m})}),(0,t.jsx)(u,{children:(0,t.jsx)(y,{label:(0,l.__)("Margin","gutenkit-blocks-addon"),values:j(e,"minutesLabelMargin",n),onChange:e=>v("minutesLabelMargin",e,n,a),units:m})}),"style6"!==e.style&&(0,t.jsxs)(t.Fragment,{children:[(0,t.jsx)(s.__experimentalDivider,{}),(0,t.jsx)(s.__experimentalHeading,{children:(0,l.__)("General","gutenkit-blocks-addon")}),(0,t.jsx)(b,{onChange:e=>a({minutesBackground:e}),value:e.minutesBackground,exclude:{video:!0}}),(0,t.jsx)(p,{label:(0,l.__)("Border","gutenkit-blocks-addon"),onChange:e=>a({minutesBorder:e}),value:e.minutesBorder}),(0,t.jsx)(u,{children:(0,t.jsx)(y,{label:(0,l.__)("Border Radius","gutenkit-blocks-addon"),values:j(e,"minutesBorderRadius",n),onChange:e=>v("minutesBorderRadius",e,n,a),units:m})}),(0,t.jsx)(d,{label:(0,l.__)("Box Shadow","gutenkit-blocks-addon"),value:e?.minutesShadow,onChange:e=>a({minutesShadow:e})})]})]}),(0,t.jsxs)(r,{title:(0,l.__)("Seconds","gutenkit-blocks-addon"),children:[(0,t.jsx)(s.__experimentalHeading,{children:(0,l.__)("Digits","gutenkit-blocks-addon")}),(0,t.jsx)(i,{label:(0,l.__)("Color","gutenkit-blocks-addon"),onChange:e=>a({secondsColor:e}),value:e.secondsColor}),(0,t.jsx)(k,{label:(0,l.__)("Typography","gutenkit-blocks-addon"),value:e.secondsTypography,onChange:e=>a({secondsTypography:e})}),"style6"!==e.style&&"style3"!==e.style&&(0,t.jsx)(u,{children:(0,t.jsx)(c,{label:(0,l.__)("Margin Bottom","gutenkit-blocks-addon"),value:j(e,"secondsMarginBottom",n),onChange:e=>v("secondsMarginBottom",e,n,a),units:{px:{min:-30,max:100,step:1}}})}),(0,t.jsx)(s.__experimentalDivider,{}),(0,t.jsx)(s.__experimentalHeading,{children:(0,l.__)("Label","gutenkit-blocks-addon")}),(0,t.jsx)(i,{label:(0,l.__)("Color","gutenkit-blocks-addon"),onChange:e=>a({secondsLabelColor:e}),value:e.secondsLabelColor}),(0,t.jsx)(k,{label:(0,l.__)("Typography","gutenkit-blocks-addon"),value:e.secondsLabelTypography,onChange:e=>a({secondsLabelTypography:e})}),(0,t.jsx)(b,{onChange:e=>a({secondsLabelBackground:e}),value:e.secondsLabelBackground,exclude:{video:!0,image:!0}}),(0,t.jsx)(p,{label:(0,l.__)("Border","gutenkit-blocks-addon"),onChange:e=>a({secondsLabelBorder:e}),value:e.secondsLabelBorder}),(0,t.jsx)(u,{children:(0,t.jsx)(y,{label:(0,l.__)("Border Radius","gutenkit-blocks-addon"),values:j(e,"secondsLabelBorderRadius",n),onChange:e=>v("secondsLabelBorderRadius",e,n,a),units:m})}),(0,t.jsx)(u,{children:(0,t.jsx)(y,{label:(0,l.__)("Margin","gutenkit-blocks-addon"),values:j(e,"secondsLabelMargin",n),onChange:e=>v("secondsLabelMargin",e,n,a),units:m})}),"style6"!==e.style&&(0,t.jsxs)(t.Fragment,{children:[(0,t.jsx)(s.__experimentalDivider,{}),(0,t.jsx)(s.__experimentalHeading,{children:(0,l.__)("General","gutenkit-blocks-addon")}),(0,t.jsx)(b,{onChange:e=>a({secondsBackground:e}),value:e.secondsBackground,exclude:{video:!0}}),(0,t.jsx)(p,{label:(0,l.__)("Border","gutenkit-blocks-addon"),onChange:e=>a({secondsBorder:e}),value:e.secondsBorder}),(0,t.jsx)(u,{children:(0,t.jsx)(y,{label:(0,l.__)("Border Radius","gutenkit-blocks-addon"),values:j(e,"secondsBorderRadius",n),onChange:e=>v("secondsBorderRadius",e,n,a),units:m})}),(0,t.jsx)(d,{label:(0,l.__)("Box Shadow","gutenkit-blocks-addon"),value:e?.secondsShadow,onChange:e=>a({secondsShadow:e})})]})]}),"style6"===e.style&&(0,t.jsxs)(r,{title:(0,l.__)("Background","gutenkit-blocks-addon"),children:[(0,t.jsx)(s.__experimentalHeading,{children:(0,l.__)("Outer Part","gutenkit-blocks-addon")}),(0,t.jsx)(i,{label:(0,l.__)("Outer Edge Color","gutenkit-blocks-addon"),onChange:e=>a({outerEdgeColor:e}),value:e.outerEdgeColor}),(0,t.jsx)(b,{onChange:e=>a({outerBackground:e}),value:e.outerBackground,exclude:{video:!0}}),(0,t.jsx)(s.__experimentalDivider,{}),(0,t.jsx)(s.__experimentalHeading,{children:(0,l.__)("Inner Part","gutenkit-blocks-addon")}),(0,t.jsx)(b,{onChange:e=>a({innerBackground:e}),value:e.innerBackground,exclude:{video:!0}})]})]});case"advanced":return o}}})}))}}]);