✏️ Editing: 9634.js Writable

"use strict";(globalThis.webpackChunkgutenkit_blocks_addon=globalThis.webpackChunkgutenkit_blocks_addon||[]).push([[9634],{9634:(e,a,n)=>{n.r(a),n.d(a,{default:()=>t});var o=n(7723),l=n(6087),s=n(6427),d=n(790);const t=(0,l.memo)((({attributes:e,setAttributes:a,device:n,advancedControl:l})=>{const{GkitBoxShadow:t,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,d.jsx)(g,{type:"top-level",tabs:[{name:"content",title:(0,o.__)("Content","gutenkit-blocks-addon")},{name:"style",title:(0,o.__)("Style","gutenkit-blocks-addon")},{name:"advanced",title:(0,o.__)("Advanced","gutenkit-blocks-addon")}],children:g=>{switch(g.name){case"content":return(0,d.jsxs)(d.Fragment,{children:[(0,d.jsx)(r,{title:(0,o.__)("Presets","gutenkit-blocks-addon"),initialOpen:!0,children:(0,d.jsx)(h,{label:(0,o.__)("Select Style","gutenkit-blocks-addon"),value:e?.style,options:[{label:(0,o.__)("Circle","gutenkit-blocks-addon"),value:"style1",attributes:{style:"style1"}},{label:(0,o.__)("Box","gutenkit-blocks-addon"),value:"style2",attributes:{style:"style2"}},{label:(0,o.__)("Flip","gutenkit-blocks-addon"),value:"style3",attributes:{style:"style3"}},{label:(0,o.__)("Linear Gradient","gutenkit-blocks-addon"),value:"style4",attributes:{style:"style4"}},{label:(0,o.__)("Linear","gutenkit-blocks-addon"),value:"style5",attributes:{style:"style5"}},{label:(0,o.__)("Crest","gutenkit-blocks-addon"),value:"style6",attributes:{style:"style6"}}],onChange:e=>a({style:e})})}),(0,d.jsx)(r,{title:(0,o.__)("Timer Setting","gutenkit-blocks-addon"),children:(0,d.jsx)(x,{value:e.date,onChange:e=>a({date:e}),label:(0,o.__)("Set the due Date and Time","gutenkit-blocks-addon")})}),(0,d.jsxs)(r,{title:(0,o.__)("Expire Action","gutenkit-blocks-addon"),children:[(0,d.jsx)(_,{value:e?.expireLabel,label:(0,o.__)("On Expiry Title","gutenkit-blocks-addon"),onChange:e=>a({expireLabel:e}),labelBlock:"block"}),(0,d.jsx)(_,{value:e?.expireDescription,label:(0,o.__)("On Expiry Content","gutenkit-blocks-addon"),onChange:e=>a({expireDescription:e}),type:"textarea",labelBlock:"block"})]})]});case"style":return(0,d.jsxs)(d.Fragment,{children:[(0,d.jsxs)(r,{title:(0,o.__)("Content","gutenkit-blocks-addon"),initialOpen:!0,children:["style6"!==e.style&&(0,d.jsx)(u,{children:(0,d.jsx)(c,{label:(0,o.__)("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,d.jsx)(u,{children:(0,d.jsx)(c,{label:(0,o.__)("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,d.jsx)(u,{children:(0,d.jsx)(c,{label:(0,o.__)("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,d.jsxs)(d.Fragment,{children:[(0,d.jsx)(u,{children:(0,d.jsx)(c,{label:(0,o.__)("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,d.jsx)(u,{children:(0,d.jsx)(c,{label:(0,o.__)("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,d.jsxs)(r,{title:(0,o.__)("Weeks","gutenkit-blocks-addon"),children:[(0,d.jsx)(s.__experimentalHeading,{children:(0,o.__)("Digits","gutenkit-blocks-addon")}),(0,d.jsx)(i,{label:(0,o.__)("Color","gutenkit-blocks-addon"),onChange:e=>a({weeksColor:e}),value:e.weeksColor}),(0,d.jsx)(k,{label:(0,o.__)("Typography","gutenkit-blocks-addon"),value:e.weeksTypography,onChange:e=>a({weeksTypography:e})}),(0,d.jsx)(s.__experimentalDivider,{}),(0,d.jsx)(s.__experimentalHeading,{children:(0,o.__)("Label","gutenkit-blocks-addon")}),(0,d.jsx)(i,{label:(0,o.__)("Color","gutenkit-blocks-addon"),onChange:e=>a({weeksLabelColor:e}),value:e.weeksLabelColor}),(0,d.jsx)(k,{label:(0,o.__)("Typography","gutenkit-blocks-addon"),value:e.weeksLabelTypography,onChange:e=>a({weeksLabelTypography:e})}),(0,d.jsx)(b,{onChange:e=>a({weeksLabelBackground:e}),value:e.weeksLabelBackground,exclude:{video:!0,image:!0}}),(0,d.jsx)(p,{label:(0,o.__)("Border","gutenkit-blocks-addon"),onChange:e=>a({weeksLabelBorder:e}),value:e.weeksLabelBorder}),(0,d.jsx)(u,{children:(0,d.jsx)(y,{label:(0,o.__)("Border Radius","gutenkit-blocks-addon"),values:j(e,"weeksLabelBorderRadius",n),onChange:e=>v("weeksLabelBorderRadius",e,n,a),units:m})}),(0,d.jsx)(u,{children:(0,d.jsx)(y,{label:(0,o.__)("Margin","gutenkit-blocks-addon"),values:j(e,"weeksLabelMargin",n),onChange:e=>v("weeksLabelMargin",e,n,a),units:m})}),(0,d.jsx)(s.__experimentalDivider,{}),(0,d.jsx)(s.__experimentalHeading,{children:(0,o.__)("General","gutenkit-blocks-addon")}),(0,d.jsx)(b,{onChange:e=>a({weeksBackground:e}),value:e.weeksBackground,exclude:{video:!0}}),(0,d.jsx)(p,{label:(0,o.__)("Border","gutenkit-blocks-addon"),onChange:e=>a({weeksBorder:e}),value:e.weeksBorder}),(0,d.jsx)(u,{children:(0,d.jsx)(y,{label:(0,o.__)("Border Radius","gutenkit-blocks-addon"),values:j(e,"weeksBorderRadius",n),onChange:e=>v("weeksBorderRadius",e,n,a),units:m})}),(0,d.jsx)(t,{label:(0,o.__)("Box Shadow","gutenkit-blocks-addon"),value:e?.weeksShadow,onChange:e=>a({weeksShadow:e})})]}),(0,d.jsxs)(r,{title:(0,o.__)("Days","gutenkit-blocks-addon"),children:[(0,d.jsx)(s.__experimentalHeading,{children:(0,o.__)("Digits","gutenkit-blocks-addon")}),(0,d.jsx)(i,{label:(0,o.__)("Color","gutenkit-blocks-addon"),onChange:e=>a({daysColor:e}),value:e.daysColor}),(0,d.jsx)(k,{label:(0,o.__)("Typography","gutenkit-blocks-addon"),value:e.daysTypography,onChange:e=>a({daysTypography:e})}),"style6"!==e.style&&"style3"!==e.style&&(0,d.jsx)(u,{children:(0,d.jsx)(c,{label:(0,o.__)("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,d.jsx)(s.__experimentalDivider,{}),(0,d.jsx)(s.__experimentalHeading,{children:(0,o.__)("Label","gutenkit-blocks-addon")}),(0,d.jsx)(i,{label:(0,o.__)("Color","gutenkit-blocks-addon"),onChange:e=>a({daysLabelColor:e}),value:e.daysLabelColor}),(0,d.jsx)(k,{label:(0,o.__)("Typography","gutenkit-blocks-addon"),value:e.daysLabelTypography,onChange:e=>a({daysLabelTypography:e})}),(0,d.jsx)(b,{onChange:e=>a({daysLabelBackground:e}),value:e.daysLabelBackground,exclude:{video:!0,image:!0}}),(0,d.jsx)(p,{label:(0,o.__)("Border","gutenkit-blocks-addon"),onChange:e=>a({daysLabelBorder:e}),value:e.daysLabelBorder}),(0,d.jsx)(u,{children:(0,d.jsx)(y,{label:(0,o.__)("Border Radius","gutenkit-blocks-addon"),values:j(e,"daysLabelBorderRadius",n),onChange:e=>v("daysLabelBorderRadius",e,n,a),units:m})}),(0,d.jsx)(u,{children:(0,d.jsx)(y,{label:(0,o.__)("Margin","gutenkit-blocks-addon"),values:j(e,"daysLabelMargin",n),onChange:e=>v("daysLabelMargin",e,n,a),units:m})}),"style6"!==e.style&&(0,d.jsxs)(d.Fragment,{children:[(0,d.jsx)(s.__experimentalDivider,{}),(0,d.jsx)(s.__experimentalHeading,{children:(0,o.__)("General","gutenkit-blocks-addon")}),(0,d.jsx)(b,{onChange:e=>a({daysBackground:e}),value:e.daysBackground,exclude:{video:!0}}),(0,d.jsx)(p,{label:(0,o.__)("Border","gutenkit-blocks-addon"),onChange:e=>a({daysBorder:e}),value:e.daysBorder}),(0,d.jsx)(u,{children:(0,d.jsx)(y,{label:(0,o.__)("Border Radius","gutenkit-blocks-addon"),values:j(e,"daysBorderRadius",n),onChange:e=>v("daysBorderRadius",e,n,a),units:m})}),(0,d.jsx)(t,{label:(0,o.__)("Box Shadow","gutenkit-blocks-addon"),value:e?.daysShadow,onChange:e=>a({daysShadow:e})})]})]}),(0,d.jsxs)(r,{title:(0,o.__)("Hours","gutenkit-blocks-addon"),children:[(0,d.jsx)(s.__experimentalHeading,{children:(0,o.__)("Digits","gutenkit-blocks-addon")}),(0,d.jsx)(i,{label:(0,o.__)("Color","gutenkit-blocks-addon"),onChange:e=>a({hoursColor:e}),value:e.hoursColor}),(0,d.jsx)(k,{label:(0,o.__)("Typography","gutenkit-blocks-addon"),value:e.hoursTypography,onChange:e=>a({hoursTypography:e})}),"style6"!==e.style&&"style3"!==e.style&&(0,d.jsx)(u,{children:(0,d.jsx)(c,{label:(0,o.__)("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,d.jsx)(s.__experimentalDivider,{}),(0,d.jsx)(s.__experimentalHeading,{children:(0,o.__)("Label","gutenkit-blocks-addon")}),(0,d.jsx)(i,{label:(0,o.__)("Color","gutenkit-blocks-addon"),onChange:e=>a({hoursLabelColor:e}),value:e.hoursLabelColor}),(0,d.jsx)(k,{label:(0,o.__)("Typography","gutenkit-blocks-addon"),value:e.hoursLabelTypography,onChange:e=>a({hoursLabelTypography:e})}),(0,d.jsx)(b,{onChange:e=>a({hoursLabelBackground:e}),value:e.hoursLabelBackground,exclude:{video:!0,image:!0}}),(0,d.jsx)(p,{label:(0,o.__)("Border","gutenkit-blocks-addon"),onChange:e=>a({hoursLabelBorder:e}),value:e.hoursLabelBorder}),(0,d.jsx)(u,{children:(0,d.jsx)(y,{label:(0,o.__)("Border Radius","gutenkit-blocks-addon"),values:j(e,"hoursLabelBorderRadius",n),onChange:e=>v("hoursLabelBorderRadius",e,n,a),units:m})}),(0,d.jsx)(u,{children:(0,d.jsx)(y,{label:(0,o.__)("Margin","gutenkit-blocks-addon"),values:j(e,"hoursLabelMargin",n),onChange:e=>v("hoursLabelMargin",e,n,a),units:m})}),"style6"!==e.style&&(0,d.jsxs)(d.Fragment,{children:[(0,d.jsx)(s.__experimentalDivider,{}),(0,d.jsx)(s.__experimentalHeading,{children:(0,o.__)("General","gutenkit-blocks-addon")}),(0,d.jsx)(b,{onChange:e=>a({hoursBackground:e}),value:e.hoursBackground,exclude:{video:!0}}),(0,d.jsx)(p,{label:(0,o.__)("Border","gutenkit-blocks-addon"),onChange:e=>a({hoursBorder:e}),value:e.hoursBorder}),(0,d.jsx)(u,{children:(0,d.jsx)(y,{label:(0,o.__)("Border Radius","gutenkit-blocks-addon"),values:j(e,"hoursBorderRadius",n),onChange:e=>v("hoursBorderRadius",e,n,a),units:m})}),(0,d.jsx)(t,{label:(0,o.__)("Box Shadow","gutenkit-blocks-addon"),value:e?.hoursShadow,onChange:e=>a({hoursShadow:e})})]})]}),(0,d.jsxs)(r,{title:(0,o.__)("Minutes","gutenkit-blocks-addon"),children:[(0,d.jsx)(s.__experimentalHeading,{children:(0,o.__)("Digits","gutenkit-blocks-addon")}),(0,d.jsx)(i,{label:(0,o.__)("Color","gutenkit-blocks-addon"),onChange:e=>a({minutesColor:e}),value:e.minutesColor}),(0,d.jsx)(k,{label:(0,o.__)("Typography","gutenkit-blocks-addon"),value:e.minutesTypography,onChange:e=>a({minutesTypography:e})}),"style6"!==e.style&&"style3"!==e.style&&(0,d.jsx)(u,{children:(0,d.jsx)(c,{label:(0,o.__)("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,d.jsx)(s.__experimentalDivider,{}),(0,d.jsx)(s.__experimentalHeading,{children:(0,o.__)("Label","gutenkit-blocks-addon")}),(0,d.jsx)(i,{label:(0,o.__)("Color","gutenkit-blocks-addon"),onChange:e=>a({minutesLabelColor:e}),value:e.minutesLabelColor}),(0,d.jsx)(k,{label:(0,o.__)("Typography","gutenkit-blocks-addon"),value:e.minutesLabelTypography,onChange:e=>a({minutesLabelTypography:e})}),(0,d.jsx)(b,{onChange:e=>a({minutesLabelBackground:e}),value:e.minutesLabelBackground,exclude:{video:!0,image:!0}}),(0,d.jsx)(p,{label:(0,o.__)("Border","gutenkit-blocks-addon"),onChange:e=>a({minutesLabelBorder:e}),value:e.minutesLabelBorder}),(0,d.jsx)(u,{children:(0,d.jsx)(y,{label:(0,o.__)("Border Radius","gutenkit-blocks-addon"),values:j(e,"minutesLabelBorderRadius",n),onChange:e=>v("minutesLabelBorderRadius",e,n,a),units:m})}),(0,d.jsx)(u,{children:(0,d.jsx)(y,{label:(0,o.__)("Margin","gutenkit-blocks-addon"),values:j(e,"minutesLabelMargin",n),onChange:e=>v("minutesLabelMargin",e,n,a),units:m})}),"style6"!==e.style&&(0,d.jsxs)(d.Fragment,{children:[(0,d.jsx)(s.__experimentalDivider,{}),(0,d.jsx)(s.__experimentalHeading,{children:(0,o.__)("General","gutenkit-blocks-addon")}),(0,d.jsx)(b,{onChange:e=>a({minutesBackground:e}),value:e.minutesBackground,exclude:{video:!0}}),(0,d.jsx)(p,{label:(0,o.__)("Border","gutenkit-blocks-addon"),onChange:e=>a({minutesBorder:e}),value:e.minutesBorder}),(0,d.jsx)(u,{children:(0,d.jsx)(y,{label:(0,o.__)("Border Radius","gutenkit-blocks-addon"),values:j(e,"minutesBorderRadius",n),onChange:e=>v("minutesBorderRadius",e,n,a),units:m})}),(0,d.jsx)(t,{label:(0,o.__)("Box Shadow","gutenkit-blocks-addon"),value:e?.minutesShadow,onChange:e=>a({minutesShadow:e})})]})]}),(0,d.jsxs)(r,{title:(0,o.__)("Seconds","gutenkit-blocks-addon"),children:[(0,d.jsx)(s.__experimentalHeading,{children:(0,o.__)("Digits","gutenkit-blocks-addon")}),(0,d.jsx)(i,{label:(0,o.__)("Color","gutenkit-blocks-addon"),onChange:e=>a({secondsColor:e}),value:e.secondsColor}),(0,d.jsx)(k,{label:(0,o.__)("Typography","gutenkit-blocks-addon"),value:e.secondsTypography,onChange:e=>a({secondsTypography:e})}),"style6"!==e.style&&"style3"!==e.style&&(0,d.jsx)(u,{children:(0,d.jsx)(c,{label:(0,o.__)("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,d.jsx)(s.__experimentalDivider,{}),(0,d.jsx)(s.__experimentalHeading,{children:(0,o.__)("Label","gutenkit-blocks-addon")}),(0,d.jsx)(i,{label:(0,o.__)("Color","gutenkit-blocks-addon"),onChange:e=>a({secondsLabelColor:e}),value:e.secondsLabelColor}),(0,d.jsx)(k,{label:(0,o.__)("Typography","gutenkit-blocks-addon"),value:e.secondsLabelTypography,onChange:e=>a({secondsLabelTypography:e})}),(0,d.jsx)(b,{onChange:e=>a({secondsLabelBackground:e}),value:e.secondsLabelBackground,exclude:{video:!0,image:!0}}),(0,d.jsx)(p,{label:(0,o.__)("Border","gutenkit-blocks-addon"),onChange:e=>a({secondsLabelBorder:e}),value:e.secondsLabelBorder}),(0,d.jsx)(u,{children:(0,d.jsx)(y,{label:(0,o.__)("Border Radius","gutenkit-blocks-addon"),values:j(e,"secondsLabelBorderRadius",n),onChange:e=>v("secondsLabelBorderRadius",e,n,a),units:m})}),(0,d.jsx)(u,{children:(0,d.jsx)(y,{label:(0,o.__)("Margin","gutenkit-blocks-addon"),values:j(e,"secondsLabelMargin",n),onChange:e=>v("secondsLabelMargin",e,n,a),units:m})}),"style6"!==e.style&&(0,d.jsxs)(d.Fragment,{children:[(0,d.jsx)(s.__experimentalDivider,{}),(0,d.jsx)(s.__experimentalHeading,{children:(0,o.__)("General","gutenkit-blocks-addon")}),(0,d.jsx)(b,{onChange:e=>a({secondsBackground:e}),value:e.secondsBackground,exclude:{video:!0}}),(0,d.jsx)(p,{label:(0,o.__)("Border","gutenkit-blocks-addon"),onChange:e=>a({secondsBorder:e}),value:e.secondsBorder}),(0,d.jsx)(u,{children:(0,d.jsx)(y,{label:(0,o.__)("Border Radius","gutenkit-blocks-addon"),values:j(e,"secondsBorderRadius",n),onChange:e=>v("secondsBorderRadius",e,n,a),units:m})}),(0,d.jsx)(t,{label:(0,o.__)("Box Shadow","gutenkit-blocks-addon"),value:e?.secondsShadow,onChange:e=>a({secondsShadow:e})})]})]}),"style6"===e.style&&(0,d.jsxs)(r,{title:(0,o.__)("Background","gutenkit-blocks-addon"),children:[(0,d.jsx)(s.__experimentalHeading,{children:(0,o.__)("Outer Part","gutenkit-blocks-addon")}),(0,d.jsx)(i,{label:(0,o.__)("Outer Edge Color","gutenkit-blocks-addon"),onChange:e=>a({outerEdgeColor:e}),value:e.outerEdgeColor}),(0,d.jsx)(b,{onChange:e=>a({outerBackground:e}),value:e.outerBackground,exclude:{video:!0}}),(0,d.jsx)(s.__experimentalDivider,{}),(0,d.jsx)(s.__experimentalHeading,{children:(0,o.__)("Inner Part","gutenkit-blocks-addon")}),(0,d.jsx)(b,{onChange:e=>a({innerBackground:e}),value:e.innerBackground,exclude:{video:!0}})]})]});case"advanced":return l}}})}))}}]);

🔐 Sid Gifari File Manager Pro