FileMaster
Search
Toggle Dark Mode
Home
/
.
/
wp-content
/
plugins
/
cozy-addons
/
cozy-blocks
/
dist
/
advanced-tab
/
build
Edit File: index.js
(()=>{"use strict";var e,t={692:()=>{const e=window.wp.blocks,t=window.wp.blockEditor,o=window.wp.components,l=window.React,a=window.wp.primitives,n=(0,l.createElement)(a.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"-2 -2 24 24"},(0,l.createElement)(a.Path,{d:"M10 1c-5 0-9 4-9 9s4 9 9 9 9-4 9-9-4-9-9-9zm0 16c-3.9 0-7-3.1-7-7s3.1-7 7-7 7 3.1 7 7-3.1 7-7 7zm1-11H9v3H6v2h3v3h2v-3h3V9h-3V6zM10 1c-5 0-9 4-9 9s4 9 9 9 9-4 9-9-4-9-9-9zm0 16c-3.9 0-7-3.1-7-7s3.1-7 7-7 7 3.1 7 7-3.1 7-7 7zm1-11H9v3H6v2h3v3h2v-3h3V9h-3V6z"})),s=(0,l.createElement)(a.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24"},(0,l.createElement)(a.Path,{d:"M5 11.25h14v1.5H5z"})),r=(0,l.createElement)(a.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24"},(0,l.createElement)(a.Path,{d:"M6.1 6.8L2.1 18h1.6l1.1-3h4.3l1.1 3h1.6l-4-11.2H6.1zm-.8 6.8L7 8.9l1.7 4.7H5.3zm15.1-.7c-.4-.5-.9-.8-1.6-1 .4-.2.7-.5.8-.9.2-.4.3-.9.3-1.4 0-.9-.3-1.6-.8-2-.6-.5-1.3-.7-2.4-.7h-3.5V18h4.2c1.1 0 2-.3 2.6-.8.6-.6 1-1.4 1-2.4-.1-.8-.3-1.4-.6-1.9zm-5.7-4.7h1.8c.6 0 1.1.1 1.4.4.3.2.5.7.5 1.3 0 .6-.2 1.1-.5 1.3-.3.2-.8.4-1.4.4h-1.8V8.2zm4 8c-.4.3-.9.5-1.5.5h-2.6v-3.8h2.6c1.4 0 2 .6 2 1.9.1.6-.1 1-.5 1.4z"})),i=(0,l.createElement)(a.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24"},(0,l.createElement)(a.Path,{d:"M11 16.8c-.1-.1-.2-.3-.3-.5v-2.6c0-.9-.1-1.7-.3-2.2-.2-.5-.5-.9-.9-1.2-.4-.2-.9-.3-1.6-.3-.5 0-1 .1-1.5.2s-.9.3-1.2.6l.2 1.2c.4-.3.7-.4 1.1-.5.3-.1.7-.2 1-.2.6 0 1 .1 1.3.4.3.2.4.7.4 1.4-1.2 0-2.3.2-3.3.7s-1.4 1.1-1.4 2.1c0 .7.2 1.2.7 1.6.4.4 1 .6 1.8.6.9 0 1.7-.4 2.4-1.2.1.3.2.5.4.7.1.2.3.3.6.4.3.1.6.1 1.1.1h.1l.2-1.2h-.1c-.4.1-.6 0-.7-.1zM9.2 16c-.2.3-.5.6-.9.8-.3.1-.7.2-1.1.2-.4 0-.7-.1-.9-.3-.2-.2-.3-.5-.3-.9 0-.6.2-1 .7-1.3.5-.3 1.3-.4 2.5-.5v2zm10.6-3.9c-.3-.6-.7-1.1-1.2-1.5-.6-.4-1.2-.6-1.9-.6-.5 0-.9.1-1.4.3-.4.2-.8.5-1.1.8V6h-1.4v12h1.3l.2-1c.2.4.6.6 1 .8.4.2.9.3 1.4.3.7 0 1.2-.2 1.8-.5.5-.4 1-.9 1.3-1.5.3-.6.5-1.3.5-2.1-.1-.6-.2-1.3-.5-1.9zm-1.7 4c-.4.5-.9.8-1.6.8s-1.2-.2-1.7-.7c-.4-.5-.7-1.2-.7-2.1 0-.9.2-1.6.7-2.1.4-.5 1-.7 1.7-.7s1.2.3 1.6.8c.4.5.6 1.2.6 2s-.2 1.4-.6 2z"})),d=(0,l.createElement)(a.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24"},(0,l.createElement)(a.Path,{d:"M7.1 6.8L3.1 18h1.6l1.1-3h4.3l1.1 3h1.6l-4-11.2H7.1zm-.8 6.8L8 8.9l1.7 4.7H6.3zm14.5-1.5c-.3-.6-.7-1.1-1.2-1.5-.6-.4-1.2-.6-1.9-.6-.5 0-.9.1-1.4.3-.4.2-.8.5-1.1.8V6h-1.4v12h1.3l.2-1c.2.4.6.6 1 .8.4.2.9.3 1.4.3.7 0 1.2-.2 1.8-.5.5-.4 1-.9 1.3-1.5.3-.6.5-1.3.5-2.1-.1-.6-.2-1.3-.5-1.9zm-1.7 4c-.4.5-.9.8-1.6.8s-1.2-.2-1.7-.7c-.4-.5-.7-1.2-.7-2.1 0-.9.2-1.6.7-2.1.4-.5 1-.7 1.7-.7s1.2.3 1.6.8c.4.5.6 1.2.6 2 .1.8-.2 1.4-.6 2z"})),c=(0,l.createElement)(a.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24"},(0,l.createElement)(a.Path,{d:"M7 18v1h10v-1H7zm5-2c1.5 0 2.6-.4 3.4-1.2.8-.8 1.1-2 1.1-3.5V5H15v5.8c0 1.2-.2 2.1-.6 2.8-.4.7-1.2 1-2.4 1s-2-.3-2.4-1c-.4-.7-.6-1.6-.6-2.8V5H7.5v6.2c0 1.5.4 2.7 1.1 3.5.8.9 1.9 1.3 3.4 1.3z"})),p=(0,l.createElement)(a.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24"},(0,l.createElement)(a.Path,{d:"M9.1 9v-.5c0-.6.2-1.1.7-1.4.5-.3 1.2-.5 2-.5.7 0 1.4.1 2.1.3.7.2 1.4.5 2.1.9l.2-1.9c-.6-.3-1.2-.5-1.9-.7-.8-.1-1.6-.2-2.4-.2-1.5 0-2.7.3-3.6 1-.8.7-1.2 1.5-1.2 2.6V9h2zM20 12H4v1h8.3c.3.1.6.2.8.3.5.2.9.5 1.1.8.3.3.4.7.4 1.2 0 .7-.2 1.1-.8 1.5-.5.3-1.2.5-2.1.5-.8 0-1.6-.1-2.4-.3-.8-.2-1.5-.5-2.2-.8L7 18.1c.5.2 1.2.4 2 .6.8.2 1.6.3 2.4.3 1.7 0 3-.3 3.9-1 .9-.7 1.3-1.6 1.3-2.8 0-.9-.2-1.7-.7-2.2H20v-1z"})),y=window.wp.data,b=window.wp.compose,h=window.wp.element,g=window.wp.i18n,u=window.ReactJSXRuntime,x=()=>(0,u.jsx)(u.Fragment,{children:(0,u.jsxs)("div",{style:{display:"flex",flexDirection:"column",justifyContent:"center",alignItems:"center",padding:"16px",marginBottom:"10px"},children:[(0,u.jsx)("p",{children:(0,u.jsxs)("svg",{width:"41",height:"48",viewBox:"0 0 41 48",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[(0,u.jsx)("path",{d:"M0 34.7721L6.88004 38.677V15.8055L20.4542 7.80977L23.9872 9.4833L30.4953 5.57841L20.4542 -7.62939e-06L0 11.9006V34.7721Z",fill:"#38DAC7"}),(0,u.jsx)("path",{d:"M32.9284 6.87939L34.2126 7.61318L12.3825 19.904L12.1991 40.45L20.6376 45.8616L41.0001 33.6625V35.4969L20.6376 47.6043L10.8232 41.2755V18.9868L32.9284 6.87939Z",fill:"#5566CA"}),(0,u.jsx)("path",{d:"M37.6063 9.53936L36.2305 8.71385L14.217 21.3716V38.9824L20.5459 43.5685L41.0001 31.3694V29.5349L20.5459 41.8258L15.5928 38.2486V22.1054L37.6063 9.53936Z",fill:"#5566CA"}),(0,u.jsx)("path",{d:"M41.0001 11.3738L39.5325 10.5483L17.3356 23.2061V37.2397L20.5459 39.6244L41.0001 27.4253V25.6826L20.5459 37.79L18.9866 36.5976V24.1233L41.0001 11.3738Z",fill:"#5566CA"})]})}),(0,u.jsx)("h2",{style:{fontSize:"18px",fontFamily:"Inter",marginTop:"-5px",marginBottom:"15px"},children:(0,g.__)("Access Without Limits!","cozy-addons")}),(0,u.jsx)("p",{style:{textAlign:"center",lineHeight:"20px"},children:(0,g.__)("Access more blocks and advanced features for effortless design. Upgrade today for a richer web-building experience!","cozy-addons")}),(0,u.jsx)("a",{href:"https://cozythemes.com/pricing-and-plans/",target:"_blank",children:(0,u.jsx)("button",{className:"cozy-block-premium-button",style:{backgroundColor:"#5566ca",borderRadius:"20px",padding:"10px",border:"none",color:"#fff",fontFamily:"Inter",fontSize:"10px",fontWeight:"500",cursor:"pointer"},children:(0,u.jsxs)("div",{style:{display:"flex",gap:"5px",margin:"0"},children:[(0,u.jsx)("div",{children:(0,u.jsx)("svg",{width:"10",height:"10",viewBox:"0 0 10 10",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:(0,u.jsx)("path",{d:"M9.29768 0.0630875L0.24397 5.2847C-0.109583 5.48778 -0.0646564 5.97987 0.286944 6.12828L2.36334 6.99919L7.97527 2.05487C8.0827 1.95919 8.23506 2.10565 8.14325 2.21695L3.43767 7.94822V9.52017C3.43767 9.98102 3.99437 10.1626 4.26784 9.8287L5.50821 8.31924L7.94206 9.33857C8.21943 9.45573 8.53588 9.28194 8.58666 8.98317L9.99306 0.547365C10.0595 0.152913 9.6356 -0.132186 9.29768 0.0630875Z",fill:"white"})})}),(0,u.jsx)("div",{children:(0,g.__)("Upgrade to Pro","cozy-addons")})]})})})]})});function _(e,t){return`\n #${e} {\n padding: ${t.containerStyles.padding.top}px ${t.containerStyles.padding.right}px ${t.containerStyles.padding.bottom}px ${t.containerStyles.padding.left}px;\n border-style: ${t.containerStyles.border.type};\n border-width: ${t.containerStyles.border.width.top}px ${t.containerStyles.border.width.right}px ${t.containerStyles.border.width.bottom}px ${t.containerStyles.border.width.left}px;\n border-color: ${t.containerStyles.border.color};\n border-radius: ${t.containerStyles.borderRadius.top}px ${t.containerStyles.borderRadius.right}px ${t.containerStyles.borderRadius.bottom}px ${t.containerStyles.borderRadius.left}px;\n background-color: ${t.containerStyles.bgColor};\n }\n\n #${e} .advanced-tab-title {\n font-weight: ${t.titleTypography.fontWeight};\n font-size: ${t.titleTypography.fontSize}px;\n font-family: ${t.titleTypography.fontFamily};\n text-transform: ${t.titleTypography?.letterCase};\n text-decoration: ${t.titleTypography?.decoration};\n line-height: ${t.titleTypography?.lineHeight};\n letter-spacing: ${t.titleTypography?.letterSpacing};\n color: ${t.titleTypography.color};\n }\n #${e} .cozy-tab-title {\n padding: ${t.separatorStyles.padding.top}px ${t.separatorStyles.padding.right}px ${t.separatorStyles.padding.bottom}px ${t.separatorStyles.padding.left}px;\n border-style: ${t.separatorStyles.border.type};\n border-width: ${t.separatorStyles.border.width.top}px ${t.separatorStyles.border.width.right}px ${t.separatorStyles.border.width.bottom}px ${t.separatorStyles.border.width.left}px;\n border-color: ${t.separatorStyles.border.color};\n font-weight: ${t.typography.fontWeight};\n font-size: ${t.typography.fontSize}px;\n font-family: ${t.typography.fontFamily};\n text-transform: ${t.typography?.letterCase};\n text-decoration: ${t.typography?.decoration};\n line-height: ${t.typography?.lineHeight};\n letter-spacing: ${t.typography?.letterSpacing};\n color: ${t.typography.color};\n }\n #${e}.layout-horizontal .cozy-tab-title {\n gap: ${t.columnGap}px;\n justify-content: ${t.tabAlign};\n }\n #${e} .cozy-tab-title .cozy-tab-button {\n padding: ${t.tabStyles.padding.top}px ${t.tabStyles.padding.right}px ${t.tabStyles.padding.bottom}px ${t.tabStyles.padding.left}px;\n border-style: ${t.tabStyles.border.type};\n border-width: ${t.tabStyles.border.width.top}px ${t.tabStyles.border.width.right}px ${t.tabStyles.border.width.bottom}px ${t.tabStyles.border.width.left}px;\n border-color: ${t.tabStyles.border.color};\n border-radius: ${t.tabStyles.borderRadius.top}px ${t.tabStyles.borderRadius.right}px ${t.tabStyles.borderRadius.bottom}px ${t.tabStyles.borderRadius.left}px;\n background-color: ${t.tabStyles.bgColor};\n }\n #${e}.layout-vertical .cozy-tab-title .cozy-tab-button {\n width: ${t.tabStyles.width}px;\n }\n #${e} .cozy-tab-title .cozy-tab-button .display-flex {\n gap: ${t.iconSpacing}px;\n }\n #${e} .cozy-tab-title .cozy-tab-button.active {\n border-color: ${t.tabStyles.border.colorActive};\n background-color: ${t.tabStyles.bgColorActive};\n color: ${t.typography.colorActive};\n }\n #${e} .cozy-tab-title .cozy-tab-button.active:after {\n height: ${t.enableTabAfter?t.separatorStyles.border.width.bottom+"px":""};\n bottom: -${t.separatorStyles.border.width.bottom}px;\n background-color: ${t.tabStyles.bgColorActive};\n }\n #${e} .cozy-tab-title .cozy-tab-button .cozy-tab-icon {\n width: ${t.iconSize}px;\n height: ${t.iconSize}px;\n }\n #${e}.icon-layout-fill .cozy-tab-title .cozy-tab-button .cozy-tab-icon {\n fill: ${t.typography.color};\n }\n #${e}.icon-layout-outline .cozy-tab-title .cozy-tab-button .cozy-tab-icon {\n stroke: ${t.typography.color};\n fill: none;\n }\n #${e}.icon-layout-fill .cozy-tab-title .cozy-tab-button.active .cozy-tab-icon {\n fill: ${t.typography.colorActive};\n }\n #${e}.icon-layout-outline .cozy-tab-title .cozy-tab-button.active .cozy-tab-icon {\n stroke: ${t.typography.colorActive};\n fill: none;\n }\n\n #${e}.layout-vertical {\n gap: ${t.columnGap}px;\n }\n #${e}.layout-vertical .cozy-tab-title {\n gap: ${t.rowGap}px;\n }\n\n #${e} .cozy-advanced-tab-wrapper {\n padding: ${t.contentStyles.padding.top}px ${t.contentStyles.padding.right}px ${t.contentStyles.padding.bottom}px ${t.contentStyles.padding.left}px;\n border-style: ${t.contentStyles.border.type};\n border-width: ${t.contentStyles.border.width.top}px ${t.contentStyles.border.width.right}px ${t.contentStyles.border.width.bottom}px ${t.contentStyles.border.width.left}px;\n border-color: ${t.contentStyles.border.color};\n border-radius: ${t.contentStyles.borderRadius.top}px ${t.contentStyles.borderRadius.right}px ${t.contentStyles.borderRadius.bottom}px ${t.contentStyles.borderRadius.left}px;\n background-color: ${t.contentStyles.bgColor};\n }\n `}const m=(0,h.memo)((()=>{const e=(0,t.useInnerBlocksProps)({className:"cozy-advanced-tab-wrapper"},{allowedBlocks:[["cozy-block/advanced-tab-item"]],template:[["cozy-block/advanced-tab-item",{tabTitle:"Tab 1"},[["core/paragraph",{placeholder:(0,g.__)("Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.","cozy-addons")}]]],["cozy-block/advanced-tab-item",{tabTitle:"Tab 2"},[["core/paragraph",{placeholder:(0,g.__)("Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.","cozy-addons")}]]],["cozy-block/advanced-tab-item",{tabTitle:"Tab 3"},[["core/paragraph",{placeholder:(0,g.__)("Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.","cozy-addons")}]]]],renderAppender:!1});return(0,u.jsx)("div",{...e})})),v=(0,h.memo)((({clientId:l,parentBlockClientId:a,parentBlockAttributes:s})=>{const{insertBlock:r,selectBlock:i}=(0,y.useDispatch)(t.store),d=(0,y.useSelect)((e=>e(t.store).getBlock(l).innerBlocks));return(0,u.jsxs)(o.ToolbarGroup,{children:[(0,u.jsx)(o.ToolbarButton,{icon:n,onClick:()=>{if(a&&"cozy-block/product-tab"===s.namespace){const t=(0,e.createBlock)("cozy-block/advanced-tab-item",{tabTitle:"Latest Products"},(0,e.createBlocksFromInnerBlocksTemplate)([["cozy-block/product-carousel"]]));r(t,d.length,l,!1),i(t.clientId)}else{const t=(0,e.createBlock)("cozy-block/advanced-tab-item",{tabTitle:"New Tab"});r(t,d.length,l,!1),i(t.clientId)}},children:(0,g.__)("Add Tab","cozy-addons")}),","]})})),C=(0,h.memo)((({attributes:e,blockId:o,clientId:l,parentBlockClientId:a,parentBlockAttributes:n})=>{const s=(0,y.useSelect)((e=>e(t.store).getBlock(l).innerBlocks));e.innerBlocks=[...s];const r=e=>{let t=document.querySelector(`#${o}`);const l=document.getElementsByClassName("edit-site-visual-editor__editor-canvas");if(l.length>0&&(t=l[0].contentDocument.querySelector(`#${o}`)),t){t.querySelectorAll(".cozy-block-advanced-tab-item").forEach((e=>{e.classList.remove("show")})),t.querySelectorAll(".cozy-tab-button").forEach((e=>{e.classList.remove("active")}));const o=t.querySelector(`[data-client-id="${e}"]`);o&&o.classList.add("show");const l=t.querySelector(`[id="${e}"]`);l&&l.classList.add("active")}},[i,d]=(0,h.useState)(!0),c=(0,b.useRefEffect)((e=>{const t=e.querySelector(".cozy-tab-button:first-child");if(t){const e=t.getAttribute("id");i&&(r(e),d(!1))}}));return(0,u.jsxs)(u.Fragment,{children:[(0,u.jsx)(t.BlockControls,{children:(0,u.jsx)(v,{clientId:l,parentBlockClientId:a,parentBlockAttributes:n})}),(0,u.jsx)("style",{dangerouslySetInnerHTML:{__html:_(o,e)}}),""!=e.titleTypography.fontFamily&&null!=e.titleTypography.fontFamily&&(0,u.jsx)("link",{rel:"stylesheet",href:`https://fonts.googleapis.com/css2?family=${e.titleTypography.fontFamily}:wght@100;200;300;400;500;600;700;800;900`}),""!=e.typography.fontFamily&&null!=e.typography.fontFamily&&(0,u.jsx)("link",{rel:"stylesheet",href:`https://fonts.googleapis.com/css2?family=${e.typography.fontFamily}:wght@100;200;300;400;500;600;700;800;900`}),(0,u.jsxs)("div",{className:`cozy-block-advanced-tab layout-${e.layout} icon-layout-${e.iconLayout}`,id:o,ref:c,children:[!n.hasOwnProperty("namespace")&&"cozy-block/product-tab"!==n.namespace&&(0,u.jsxs)("div",{className:"layout-wrapper",style:{display:"flex"},children:[e.enableTitle&&(0,u.jsx)(t.RichText,{className:"advanced-tab-title",value:e.title,onChange:t=>{(0,y.dispatch)("core/block-editor").updateBlockAttributes(l,{...e,title:t})}}),(0,u.jsx)("div",{className:"cozy-tab-title",children:s.map(((e,o)=>(0,u.jsx)("div",{className:"cozy-tab-button",id:e.clientId,"data-index":o,onClick:()=>r(e.clientId),children:(0,u.jsxs)("div",{className:"display-flex justify-center align-items-center",children:[e.attributes.enableIcon&&(0,u.jsx)("svg",{className:"cozy-tab-icon",height:16,width:16,xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true",viewBox:`${e.attributes.iconViewBox.vx} ${e.attributes.iconViewBox.vy} ${e.attributes.iconViewBox.vw} ${e.attributes.iconViewBox.vh}`,children:(0,u.jsx)("path",{d:e.attributes.iconPath})}),(0,u.jsx)(t.RichText,{placeholder:(0,g.__)("Tab Title","cozy-addons"),value:e.attributes.tabTitle,onChange:t=>{const o=e.clientId;(0,y.dispatch)("core/block-editor").updateBlock(o,{attributes:{...e.attributes,tabTitle:t}})}})]})},o)))})]}),(0,u.jsx)(m,{})]})]})})),z=JSON.parse('{"UU":"cozy-block/advanced-tab","DD":"Advanced Tabs","h_":"Elevate navigation and content organization with our \'Advanced Tabs\' block, offering a sophisticated tabbed interface that lets you present diverse content sections in a visually appealing and structured way. Enhance user engagement by providing an intuitive and interactive browsing experience."}'),S=(0,u.jsxs)("svg",{width:"27",height:"21",viewBox:"0 0 27 21",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[(0,u.jsx)("path",{fill:"none",d:"M9 5V6H10H26V20H1V1.5H9V5Z",stroke:"#0C50FF",strokeWidth:"2"}),(0,u.jsx)("path",{fill:"none",d:"M11.5 1H18.5V3.5H11.5V1Z",stroke:"#0C50FF"}),(0,u.jsx)("rect",{x:"10",y:"12",width:"8",height:"2",fill:"#0C50FF"}),(0,u.jsx)("rect",{x:"13",y:"17",width:"3",height:"2",transform:"rotate(-90 13 17)",fill:"#0C50FF"}),(0,u.jsx)("rect",{x:"13",y:"12",width:"3",height:"2",transform:"rotate(-90 13 12)",fill:"#0C50FF"})]}),j=(0,h.memo)((({blockId:e,attributes:o,setAttributes:l,clientId:a})=>{const n=(0,y.select)("core/block-editor").getBlockOrder(a).length;return(0,u.jsx)(u.Fragment,{children:(0,u.jsx)("div",{className:"cozy-block-advanced-tab-item",id:e,"data-client-id":a,children:(0,u.jsx)(t.InnerBlocks,{renderAppender:n>0?void 0:t.InnerBlocks.ButtonBlockAppender})})})})),w=(0,u.jsxs)("svg",{width:"27",height:"21",viewBox:"0 0 27 21",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[(0,u.jsx)("path",{d:"M13.5 7.5C11.0141 7.5 9 9.51411 9 12C9 14.4859 11.0141 16.5 13.5 16.5C15.9859 16.5 18 14.4859 18 12C18 9.51411 15.9859 7.5 13.5 7.5ZM16.1129 12.5081C16.1129 12.6278 16.0149 12.7258 15.8952 12.7258H14.2258V14.3952C14.2258 14.5149 14.1278 14.6129 14.0081 14.6129H12.9919C12.8722 14.6129 12.7742 14.5149 12.7742 14.3952V12.7258H11.1048C10.9851 12.7258 10.8871 12.6278 10.8871 12.5081V11.4919C10.8871 11.3722 10.9851 11.2742 11.1048 11.2742H12.7742V9.60484C12.7742 9.48508 12.8722 9.3871 12.9919 9.3871H14.0081C14.1278 9.3871 14.2258 9.48508 14.2258 9.60484V11.2742H15.8952C16.0149 11.2742 16.1129 11.3722 16.1129 11.4919V12.5081Z",fill:"#B2BCF9"}),(0,u.jsx)("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M0 1.07795e-05H9V3.29679H26.5V20.5H0V1.07795e-05ZM1 1.00001V19.5H25.5V4.29679H8V1.00001H1Z",fill:"#5566CA"})]});(0,e.registerBlockType)("cozy-block/advanced-tab-item",{title:(0,g.__)("Tab Item","cozy-addons"),category:"cozy-block",icon:{src:w},parent:["cozy-block/advanced-tab"],attributes:{blockClientId:{type:"string",default:""},tabTitle:{type:"string",default:"Title"},enableIcon:{type:"boolean",default:!0},iconViewBox:{type:"object",default:{vx:0,vy:0,vw:25,vh:19}},iconPath:{type:"string",default:"M8.4911 18.2766L0.366101 10.1516C-0.122034 9.66351 -0.122034 8.87206 0.366101 8.38387L2.13383 6.6161C2.62196 6.12792 3.41346 6.12792 3.9016 6.6161L9.37499 12.0894L21.0984 0.366101C21.5865 -0.122034 22.378 -0.122034 22.8662 0.366101L24.6339 2.13387C25.122 2.62201 25.122 3.41346 24.6339 3.90165L10.2589 18.2767C9.77069 18.7648 8.97924 18.7648 8.4911 18.2766Z"}},edit:function({attributes:e,setAttributes:l,clientId:a}){e.blockClientId=a;const n=`cozyBlock_${a.replace(/-/gi,"_")}`,[s,r]=(0,h.useState)(""),i=Object.keys(cozyIcons.collection).filter((e=>e.toLowerCase().includes(s.toLowerCase())));return(0,u.jsxs)(u.Fragment,{children:[(0,u.jsx)(j,{blockId:n,attributes:e,setAttributes:l,clientId:a}),(0,u.jsxs)(t.InspectorControls,{group:"settings",children:[(0,u.jsxs)(o.PanelBody,{title:(0,g.__)("Tab","cozy-addons"),children:[(0,u.jsx)(o.TextControl,{label:(0,g.__)("Tab Title","cozy-addons"),type:"text",value:e.tabTitle,onChange:t=>l({...e,tabTitle:t})}),(0,u.jsx)(o.ToggleControl,{label:(0,g.__)("Enable Icon","cozy-addons"),checked:e.enableIcon,onChange:t=>l({...e,enableIcon:t})}),e.enableIcon&&(0,u.jsx)(u.Fragment,{children:(0,u.jsxs)(o.BaseControl,{children:[(0,u.jsxs)("div",{style:{display:"flex",gap:"150px",alignItems:"center"},children:[(0,u.jsx)(o.BaseControl.VisualLabel,{className:"margin-none",children:(0,g.__)("Select Icon","cozy-addons")}),(0,u.jsx)("svg",{width:16,height:16,viewBox:`${e.iconViewBox.vx} ${e.iconViewBox.vy} ${e.iconViewBox.vw} ${e.iconViewBox.vh}`,xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true",children:(0,u.jsx)("path",{d:e.iconPath,fill:"black"})})]}),(0,u.jsx)("input",{type:"text",className:"cozy-icon-search",placeholder:(0,g.__)("Search Icons...","cozy-addons"),value:s,onChange:e=>{r(e.target.value)}}),(0,u.jsx)("div",{className:"cozy-icon-list",children:i.map((t=>{const a=cozyIcons.collection[t],n=a.match(/d="([^"]+)"/),s=a.match(/viewBox\s*=\s*"([^"]*)"/),r=n?n[1]:"",i=s?s[1]:"";return(0,u.jsx)(o.Button,{onClick:()=>((t,o)=>{const a=o.split(" ");l({...e,iconPath:t,iconViewBox:{vx:a[0],vy:a[1],vw:a[2],vh:a[3]}})})(r,i),children:(0,u.jsx)("div",{className:"cozy-icon",title:t,dangerouslySetInnerHTML:{__html:a}})},t)}))})]})})]}),!cozyBlockAssets.isPremium&&(0,u.jsx)(x,{})]},"setting")]})},save:function({attributes:e}){const o=`cozyBlock_${e.blockClientId.replace(/-/gi,"_")}`;return(0,u.jsx)(u.Fragment,{children:(0,u.jsx)("div",{className:"cozy-block-advanced-tab-item",id:o,"data-client-id":e.blockClientId,children:(0,u.jsx)(t.InnerBlocks.Content,{})})})},supports:{inserter:!1}}),(0,e.registerBlockType)(z.UU,{title:(0,g.__)(z.DD,"cozy-addons"),description:(0,g.__)(z.h_,"cozy-addons"),icon:{src:S},example:{attributes:{cover:cozyBlockAssets.imageDir+"/preview_advanced_tab.jpg"},viewportWidth:1260},parents:["cozy-block/product-tab"],edit:function({attributes:e,setAttributes:l,clientId:a}){if(e.cover)return(0,u.jsx)("img",{src:e.cover});e.blockClientId=a;const n=(0,t.useBlockProps)({className:"cozy-block-wrapper"}),b=`cozyBlock_${a.replace(/-/gi,"_")}`,_=function(){let e=[{label:"Default",value:""}];if("object"==typeof cozyBlockAssets.googleFonts)for(let t in cozyBlockAssets.googleFonts)e.push({label:cozyBlockAssets.googleFonts[t],value:t});return e}(),m=(0,y.select)("core/block-editor").getBlockRootClientId(a);let v={};m&&(v=(0,y.useSelect)((e=>e("core/block-editor").getBlockAttributes(m)),[m])),(0,h.useEffect)((()=>{m&&l({...e,parentAttributes:{...v}})}),[m,v]);const[z,S]=(0,h.useState)(!0),j=(t,o)=>{let a={...e.containerStyles.padding};a={...a,top:Math.abs(o),right:Math.abs(o),bottom:Math.abs(o),left:Math.abs(o)},l(z?{...e,containerStyles:{...e.containerStyles,padding:a}}:{...e,containerStyles:{...e.containerStyles,padding:{...e.containerStyles.padding,[t]:Math.abs(o)}}})},[w,f]=(0,h.useState)(!0),T=(t,o)=>{let a={...e.containerStyles.borderRadius};a={...a,top:Math.abs(o),right:Math.abs(o),bottom:Math.abs(o),left:Math.abs(o)},l(w?{...e,containerStyles:{...e.containerStyles,borderRadius:a}}:{...e,containerStyles:{...e.containerStyles,borderRadius:{...e.containerStyles.borderRadius,[t]:Math.abs(o)}}})},[k,L]=(0,h.useState)(!0),B=(t,o)=>{let a={...e.containerStyles.border.width};a={...a,top:Math.abs(o),right:Math.abs(o),bottom:Math.abs(o),left:Math.abs(o)},l(k?{...e,containerStyles:{...e.containerStyles,border:{...e.containerStyles.border,width:a}}}:{...e,containerStyles:{...e.containerStyles,border:{...e.containerStyles.border,width:{...e.containerStyles.border.width,[t]:Math.abs(o)}}}})},[$,V]=(0,h.useState)(!0),M=(t,o)=>{let a={...e.separatorStyles.padding};a={...a,top:Math.abs(o),right:Math.abs(o),bottom:Math.abs(o),left:Math.abs(o)},l($?{...e,separatorStyles:{...e.separatorStyles,padding:a}}:{...e,separatorStyles:{...e.separatorStyles,padding:{...e.separatorStyles.padding,[t]:Math.abs(o)}}})},[H,I]=(0,h.useState)(!0),N=(t,o)=>{let a={...e.separatorStyles.border.width};a={...a,top:Math.abs(o),right:Math.abs(o),bottom:Math.abs(o),left:Math.abs(o)},l(H?{...e,separatorStyles:{...e.separatorStyles,border:{...e.separatorStyles.border,width:a}}}:{...e,separatorStyles:{...e.separatorStyles,border:{...e.separatorStyles.border,width:{...e.separatorStyles.border.width,[t]:Math.abs(o)}}}})},[R,A]=(0,h.useState)(!0),F=(t,o)=>{let a={...e.tabStyles.padding};a={...a,top:Math.abs(o),right:Math.abs(o),bottom:Math.abs(o),left:Math.abs(o)},l(R?{...e,tabStyles:{...e.tabStyles,padding:a}}:{...e,tabStyles:{...e.tabStyles,padding:{...e.tabStyles.padding,[t]:Math.abs(o)}}})},[Z,P]=(0,h.useState)(!0),G=(t,o)=>{let a={...e.tabStyles.borderRadius};a={...a,top:Math.abs(o),right:Math.abs(o),bottom:Math.abs(o),left:Math.abs(o)},l(Z?{...e,tabStyles:{...e.tabStyles,borderRadius:a}}:{...e,tabStyles:{...e.tabStyles,borderRadius:{...e.tabStyles.borderRadius,[t]:Math.abs(o)}}})},[E,O]=(0,h.useState)(!0),D=(t,o)=>{let a={...e.tabStyles.border.width};a={...a,top:Math.abs(o),right:Math.abs(o),bottom:Math.abs(o),left:Math.abs(o)},l(E?{...e,tabStyles:{...e.tabStyles,border:{...e.tabStyles.border,width:a}}}:{...e,tabStyles:{...e.tabStyles,border:{...e.tabStyles.border,width:{...e.tabStyles.border.width,[t]:Math.abs(o)}}}})},[q,W]=(0,h.useState)(!0),U=(t,o)=>{let a={...e.contentStyles.padding};a={...a,top:Math.abs(o),right:Math.abs(o),bottom:Math.abs(o),left:Math.abs(o)},l(q?{...e,contentStyles:{...e.contentStyles,padding:a}}:{...e,contentStyles:{...e.contentStyles,padding:{...e.contentStyles.padding,[t]:Math.abs(o)}}})},[J,X]=(0,h.useState)(!0),K=(t,o)=>{let a={...e.contentStyles.borderRadius};a={...a,top:Math.abs(o),right:Math.abs(o),bottom:Math.abs(o),left:Math.abs(o)},l(J?{...e,contentStyles:{...e.contentStyles,borderRadius:a}}:{...e,contentStyles:{...e.contentStyles,borderRadius:{...e.contentStyles.borderRadius,[t]:Math.abs(o)}}})},[Q,Y]=(0,h.useState)(!0),ee=(t,o)=>{let a={...e.contentStyles.border.width};a={...a,top:Math.abs(o),right:Math.abs(o),bottom:Math.abs(o),left:Math.abs(o)},l(Q?{...e,contentStyles:{...e.contentStyles,border:{...e.contentStyles.border,width:a}}}:{...e,contentStyles:{...e.contentStyles,border:{...e.contentStyles.border,width:{...e.contentStyles.border.width,[t]:Math.abs(o)}}}})},[te,oe]=(0,h.useState)("general");return(0,u.jsxs)(u.Fragment,{children:[(0,u.jsx)("div",{...n,children:(0,u.jsx)(C,{attributes:e,blockId:b,clientId:a,parentBlockClientId:m,parentBlockAttributes:v})}),(0,u.jsxs)(t.InspectorControls,{group:"settings",children:[(0,u.jsxs)(o.PanelBody,{title:(0,g.__)("Tabs","cozy-addons"),opened:"general"===te,onToggle:()=>oe("general"),children:[!v.hasOwnProperty("namespace")&&"cozy-block/product-tab"!==v.namespace&&(0,u.jsxs)(u.Fragment,{children:[(0,u.jsx)(o.ToggleControl,{label:(0,g.__)("Enable Title","cozy-addons"),checked:e.enableTitle,onChange:t=>l({...e,enableTitle:t})}),e.enableTitle&&(0,u.jsx)(o.TextControl,{label:(0,g.__)("Title","cozy-addons"),type:"text",value:e.title,onChange:t=>l({...e,title:t})})]}),(0,u.jsx)(o.SelectControl,{label:(0,g.__)("Layout","cozy-addons"),options:[{label:(0,g.__)("Horizontal","cozy-addons"),value:"horizontal"},{label:(0,g.__)("Vertical","cozy-addons"),value:"vertical"}],value:e.layout,onChange:t=>l({...e,layout:t})}),"horizontal"===e.layout&&(0,u.jsxs)(u.Fragment,{children:[(0,u.jsx)(o.SelectControl,{label:(0,g.__)("Tabs Alignment","cozy-addons"),options:[{label:(0,g.__)("Left","cozy-addons"),value:"left"},{label:(0,g.__)("Center","cozy-addons"),value:"center"},{label:(0,g.__)("Right","cozy-addons"),value:"right"},{label:(0,g.__)("Spread","cozy-addons"),value:"space-between"}],value:e.tabAlign,onChange:t=>l({...e,tabAlign:t})}),(0,u.jsx)(o.RangeControl,{label:(0,g.__)("Spacing","cozy-addons"),min:0,max:300,step:1,value:e.columnGap,onChange:t=>l({...e,columnGap:Math.abs(t)})})]}),"vertical"===e.layout&&(0,u.jsxs)(u.Fragment,{children:[(0,u.jsx)(o.RangeControl,{label:(0,g.__)("Tab Width","cozy-addons"),min:10,max:300,step:1,value:e.tabStyles.width,onChange:t=>l({...e,tabStyles:{...e.tabStyles,width:Math.abs(t)}})}),(0,u.jsx)(o.RangeControl,{label:(0,g.__)("Title Row Spacing","cozy-addons"),min:0,max:100,step:1,value:e.rowGap,onChange:t=>l({...e,rowGap:Math.abs(t)})}),(0,u.jsx)(o.RangeControl,{label:(0,g.__)("Content Spacing","cozy-addons"),min:0,max:100,step:1,value:e.columnGap,onChange:t=>l({...e,columnGap:Math.abs(t)})})]})]}),(0,u.jsxs)(o.PanelBody,{title:(0,g.__)("Icon","cozy-addons"),opened:"icon"===te,onToggle:()=>oe("icon"),children:[(0,u.jsx)(o.SelectControl,{label:(0,g.__)("Layout","cozy-addons"),options:[{label:(0,g.__)("Fill","cozy-addons"),value:"fill"},{label:(0,g.__)("Outline","cozy-addons"),value:"outline"}],value:e.iconLayout,onChange:t=>l({...e,iconLayout:t})}),(0,u.jsx)(o.RangeControl,{label:(0,g.__)("Size","cozy-addons"),min:0,max:100,step:1,value:e.iconSize,onChange:t=>l({...e,iconSize:Math.abs(t)})}),(0,u.jsx)(o.RangeControl,{label:(0,g.__)("Spacing","cozy-addons"),min:0,max:100,step:1,value:e.iconSpacing,onChange:t=>l({...e,iconSpacing:Math.abs(t)})})]}),!cozyBlockAssets.isPremium&&(0,u.jsx)(x,{})]},"setting"),(0,u.jsxs)(t.InspectorControls,{group:"styles",children:[(0,u.jsxs)(o.PanelBody,{title:(0,g.__)("Wrapper Styles","cozy-addons"),opened:"wrapper-styles"===te,onToggle:()=>oe("wrapper-styles"),children:[(0,u.jsxs)(o.BaseControl,{children:[(0,u.jsx)(o.BaseControl.VisualLabel,{children:(0,g.__)("Padding","cozy-addons")}),(0,u.jsxs)("div",{style:{display:"flex",gap:"5px",height:"50px",position:"relative"},children:[(0,u.jsx)("button",{className:"cozy-link-styles "+(z?"":"cozy-attr-link-disabled"),onClick:()=>S(!z),children:(0,u.jsxs)("svg",{width:"10",height:"16",viewBox:"0 0 15 28",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[(0,u.jsx)("path",{d:"M6.18931 9.59516L6.18931 19.3466H8.70581V9.59516H6.18931Z",fill:"black"}),(0,u.jsx)("path",{d:"M0.0553284 7.88029L0.0553284 13.2126H2.53381L2.53381 7.88029C2.82201 4.53678 5.6079 3.53757 6.94321 3.4415C10.9203 3.15534 12.1019 6.00678 12.3901 7.88029V13.2126L14.8398 13.2126V7.88029C14.1251 1.90809 9.2776 0.780139 6.94321 0.962687C1.84791 1.30857 0.0553284 5.92031 0.0553284 7.88029Z",fill:"black"}),(0,u.jsx)("path",{d:"M0.0553284 20.9042L0.0553284 15.5718H2.53381L2.53381 20.9042C2.82201 24.2477 5.6079 25.2469 6.94321 25.343C10.9203 25.6291 12.1019 22.7777 12.3901 20.9042V15.5718L14.8398 15.5718V20.9042C14.1251 26.8764 9.2776 28.0043 6.94321 27.8218C1.84791 27.4759 0.0553284 22.8641 0.0553284 20.9042Z",fill:"black"})]})}),(0,u.jsx)(o.TextControl,{type:"number",step:1,label:(0,g.__)("Top","cozy-addons"),value:e.containerStyles.padding.top,onChange:e=>j("top",e)}),(0,u.jsx)(o.TextControl,{type:"number",step:1,label:(0,g.__)("Right","cozy-addons"),value:e.containerStyles.padding.right,onChange:e=>j("right",e)}),(0,u.jsx)(o.TextControl,{type:"number",step:1,label:(0,g.__)("Bottom","cozy-addons"),value:e.containerStyles.padding.bottom,onChange:e=>j("bottom",e)}),(0,u.jsx)(o.TextControl,{type:"number",step:1,value:e.containerStyles.padding.left,label:(0,g.__)("Left","cozy-addons"),onChange:e=>j("left",e)})]})]}),(0,u.jsx)(o.SelectControl,{label:(0,g.__)("Border Type","cozy-addons"),value:e.containerStyles.border.type,options:[{label:(0,g.__)("None","cozy-addons"),value:"none"},{label:(0,g.__)("Solid","cozy-addons"),value:"solid"},{label:(0,g.__)("Double","cozy-addons"),value:"double"},{label:(0,g.__)("Dotted","cozy-addons"),value:"dotted"},{label:(0,g.__)("Dashed","cozy-addons"),value:"dashed"},{label:(0,g.__)("Groove","cozy-addons"),value:"groove"}],onChange:t=>l({...e,containerStyles:{...e.containerStyles,border:{...e.containerStyles.border,type:t}}})}),"none"!==e.containerStyles.border.type&&(0,u.jsxs)(u.Fragment,{children:[(0,u.jsxs)(o.BaseControl,{children:[(0,u.jsx)(o.BaseControl.VisualLabel,{children:(0,g.__)("Border Width","cozy-addons")}),(0,u.jsxs)("div",{style:{display:"flex",gap:"5px",height:"50px",position:"relative"},children:[(0,u.jsx)("button",{className:"cozy-link-styles "+(k?"":"cozy-attr-link-disabled"),onClick:()=>L(!k),children:(0,u.jsxs)("svg",{width:"10",height:"16",viewBox:"0 0 15 28",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[(0,u.jsx)("path",{d:"M6.18931 9.59516L6.18931 19.3466H8.70581V9.59516H6.18931Z",fill:"black"}),(0,u.jsx)("path",{d:"M0.0553284 7.88029L0.0553284 13.2126H2.53381L2.53381 7.88029C2.82201 4.53678 5.6079 3.53757 6.94321 3.4415C10.9203 3.15534 12.1019 6.00678 12.3901 7.88029V13.2126L14.8398 13.2126V7.88029C14.1251 1.90809 9.2776 0.780139 6.94321 0.962687C1.84791 1.30857 0.0553284 5.92031 0.0553284 7.88029Z",fill:"black"}),(0,u.jsx)("path",{d:"M0.0553284 20.9042L0.0553284 15.5718H2.53381L2.53381 20.9042C2.82201 24.2477 5.6079 25.2469 6.94321 25.343C10.9203 25.6291 12.1019 22.7777 12.3901 20.9042V15.5718L14.8398 15.5718V20.9042C14.1251 26.8764 9.2776 28.0043 6.94321 27.8218C1.84791 27.4759 0.0553284 22.8641 0.0553284 20.9042Z",fill:"black"})]})}),(0,u.jsx)(o.TextControl,{type:"number",step:1,label:(0,g.__)("Top","cozy-addons"),value:e.containerStyles.border.width.top,onChange:e=>B("top",e)}),(0,u.jsx)(o.TextControl,{type:"number",step:1,label:(0,g.__)("Right","cozy-addons"),value:e.containerStyles.border.width.right,onChange:e=>B("right",e)}),(0,u.jsx)(o.TextControl,{type:"number",step:1,value:e.containerStyles.border.width.bottom,label:(0,g.__)("Bottom","cozy-addons"),onChange:e=>B("bottom",e)}),(0,u.jsx)(o.TextControl,{type:"number",step:1,label:(0,g.__)("Left","cozy-addons"),value:e.containerStyles.border.width.left,onChange:e=>B("left",e)})]})]}),(0,u.jsx)(t.PanelColorSettings,{className:"cozy-color-control",enableAlpha:!0,title:(0,g.__)("Border Color","cozy-addons"),colorSettings:[{label:(0,g.__)("Normal","cozy-addons"),value:e.containerStyles.border.color,onChange:t=>l({...e,containerStyles:{...e.containerStyles,border:{...e.containerStyles.border,color:t}}})}]})]}),(0,u.jsxs)(o.BaseControl,{children:[(0,u.jsx)(o.BaseControl.VisualLabel,{children:(0,g.__)("Border Radius","cozy-addons")}),(0,u.jsxs)("div",{style:{display:"flex",gap:"5px",height:"50px",position:"relative"},children:[(0,u.jsx)("button",{className:"cozy-link-styles "+(w?"":"cozy-attr-link-disabled"),onClick:()=>f(!w),children:(0,u.jsxs)("svg",{width:"10",height:"16",viewBox:"0 0 15 28",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[(0,u.jsx)("path",{d:"M6.18931 9.59516L6.18931 19.3466H8.70581V9.59516H6.18931Z",fill:"black"}),(0,u.jsx)("path",{d:"M0.0553284 7.88029L0.0553284 13.2126H2.53381L2.53381 7.88029C2.82201 4.53678 5.6079 3.53757 6.94321 3.4415C10.9203 3.15534 12.1019 6.00678 12.3901 7.88029V13.2126L14.8398 13.2126V7.88029C14.1251 1.90809 9.2776 0.780139 6.94321 0.962687C1.84791 1.30857 0.0553284 5.92031 0.0553284 7.88029Z",fill:"black"}),(0,u.jsx)("path",{d:"M0.0553284 20.9042L0.0553284 15.5718H2.53381L2.53381 20.9042C2.82201 24.2477 5.6079 25.2469 6.94321 25.343C10.9203 25.6291 12.1019 22.7777 12.3901 20.9042V15.5718L14.8398 15.5718V20.9042C14.1251 26.8764 9.2776 28.0043 6.94321 27.8218C1.84791 27.4759 0.0553284 22.8641 0.0553284 20.9042Z",fill:"black"})]})}),(0,u.jsx)(o.TextControl,{type:"number",step:1,label:(0,g.__)("TopL","cozy-addons"),value:e.containerStyles.borderRadius.top,onChange:e=>T("top",e)}),(0,u.jsx)(o.TextControl,{type:"number",step:1,label:(0,g.__)("TopR","cozy-addons"),value:e.containerStyles.borderRadius.right,onChange:e=>T("right",e)}),(0,u.jsx)(o.TextControl,{type:"number",step:1,value:e.containerStyles.borderRadius.left,label:(0,g.__)("BottomL","cozy-addons"),onChange:e=>T("left",e)}),(0,u.jsx)(o.TextControl,{type:"number",step:1,label:(0,g.__)("BottomR","cozy-addons"),value:e.containerStyles.borderRadius.bottom,onChange:e=>T("bottom",e)})]})]}),(0,u.jsx)(t.PanelColorSettings,{className:"cozy-color-control",enableAlpha:!0,title:(0,g.__)("Background Color","cozy-addons"),colorSettings:[{label:(0,g.__)("Normal","cozy-addons"),value:e.containerStyles.bgColor,onChange:t=>l({...e,containerStyles:{...e.containerStyles,bgColor:t}})}]})]}),(0,u.jsxs)(o.PanelBody,{title:(0,g.__)("Title Typography","cozy-addons"),opened:"title-typography"===te,onToggle:()=>oe("title-typography"),children:[(0,u.jsx)(o.SelectControl,{label:(0,g.__)("Font Family","cozy-addons"),options:_,value:e.titleTypography.fontFamily,onChange:t=>l({...e,titleTypography:{...e.titleTypography,fontFamily:t}})}),(0,u.jsx)(o.TextControl,{label:(0,g.__)("Font Size","cozy-addons"),type:"number",min:10,value:e.titleTypography.fontSize,onChange:t=>l({...e,titleTypography:{...e.titleTypography,fontSize:Math.abs(t)}})}),(0,u.jsx)(o.SelectControl,{label:(0,g.__)("Font Weight","cozy-addons"),options:[{label:(0,g.__)("Thin","cozy-addons"),value:100},{label:(0,g.__)("Extra Light","cozy-addons"),value:200},{label:(0,g.__)("Light","cozy-addons"),value:300},{label:(0,g.__)("Normal","cozy-addons"),value:400},{label:(0,g.__)("Medium","cozy-addons"),value:500},{label:(0,g.__)("Semi Bold","cozy-addons"),value:600},{label:(0,g.__)("Bold","cozy-addons"),value:700},{label:(0,g.__)("Extra Bold","cozy-addons"),value:800}],value:e.titleTypography.fontWeight,onChange:t=>l({...e,titleTypography:{...e.titleTypography,fontWeight:t}})}),(0,u.jsxs)("div",{className:"components-base-control",style:{display:"flex",justifyContent:"space-between",gap:"10px"},children:[(0,u.jsx)("div",{style:{width:"100%"},children:(0,u.jsxs)(o.__experimentalToggleGroupControl,{label:(0,g.__)("Letter Case","cozy-addons"),value:e.titleTypography?.letterCase,onChange:t=>l({...e,titleTypography:{...e.titleTypography,letterCase:t}}),children:[(0,u.jsx)(o.__experimentalToggleGroupControlOptionIcon,{label:(0,g.__)("None","cozy-addons"),value:"none",icon:s}),(0,u.jsx)(o.__experimentalToggleGroupControlOptionIcon,{label:(0,g.__)("Uppercase","cozy-addons"),value:"uppercase",icon:r}),(0,u.jsx)(o.__experimentalToggleGroupControlOptionIcon,{label:(0,g.__)("Lowercase","cozy-addons"),value:"lowercase",icon:i}),(0,u.jsx)(o.__experimentalToggleGroupControlOptionIcon,{label:(0,g.__)("Capitalize","cozy-addons"),value:"capitalize",icon:d})]})}),(0,u.jsx)("div",{style:{width:"100%"},children:(0,u.jsxs)(o.__experimentalToggleGroupControl,{label:(0,g.__)("Decoration","cozy-addons"),value:e.titleTypography?.decoration,onChange:t=>l({...e,titleTypography:{...e.titleTypography,decoration:t}}),children:[(0,u.jsx)(o.__experimentalToggleGroupControlOptionIcon,{label:(0,g.__)("None","cozy-addons"),value:"none",icon:s}),(0,u.jsx)(o.__experimentalToggleGroupControlOptionIcon,{label:(0,g.__)("Underline","cozy-addons"),value:"underline",icon:c}),(0,u.jsx)(o.__experimentalToggleGroupControlOptionIcon,{label:(0,g.__)("Strikethrough","cozy-addons"),value:"line-through",icon:p})]})})]}),(0,u.jsxs)("div",{className:"components-base-control",style:{display:"flex",justifyContent:"space-between",gap:"10px"},children:[(0,u.jsx)("div",{style:{width:"100%"},children:(0,u.jsx)(o.__experimentalUnitControl,{label:(0,g.__)("Line Height","cozy-addons"),value:e.titleTypography?.lineHeight,onChange:t=>l({...e,titleTypography:{...e.titleTypography,lineHeight:t}})})}),(0,u.jsx)("div",{style:{width:"100%"},children:(0,u.jsx)(o.__experimentalUnitControl,{label:(0,g.__)("Letter Spacing","cozy-addons"),value:e.titleTypography?.letterSpacing,onChange:t=>l({...e,titleTypography:{...e.titleTypography,letterSpacing:t}})})})]}),(0,u.jsx)(t.PanelColorSettings,{className:"cozy-color-control",enableAlpha:!0,title:(0,g.__)("Color","cozy-addons"),colorSettings:[{label:(0,g.__)("Default","cozy-addons"),value:e.titleTypography.color,onChange:t=>l({...e,titleTypography:{...e.titleTypography,color:t}})}]})]}),(0,u.jsxs)(o.PanelBody,{title:(0,g.__)("Tab Styles","cozy-addons"),opened:"tab-styles"===te,onToggle:()=>oe("tab-styles"),children:[(0,u.jsxs)(o.BaseControl,{children:[(0,u.jsx)(o.BaseControl.VisualLabel,{children:(0,g.__)("Padding","cozy-addons")}),(0,u.jsxs)("div",{style:{display:"flex",gap:"5px",height:"50px",position:"relative"},children:[(0,u.jsx)("button",{className:"cozy-link-styles "+(R?"":"cozy-attr-link-disabled"),onClick:()=>A(!R),children:(0,u.jsxs)("svg",{width:"10",height:"16",viewBox:"0 0 15 28",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[(0,u.jsx)("path",{d:"M6.18931 9.59516L6.18931 19.3466H8.70581V9.59516H6.18931Z",fill:"black"}),(0,u.jsx)("path",{d:"M0.0553284 7.88029L0.0553284 13.2126H2.53381L2.53381 7.88029C2.82201 4.53678 5.6079 3.53757 6.94321 3.4415C10.9203 3.15534 12.1019 6.00678 12.3901 7.88029V13.2126L14.8398 13.2126V7.88029C14.1251 1.90809 9.2776 0.780139 6.94321 0.962687C1.84791 1.30857 0.0553284 5.92031 0.0553284 7.88029Z",fill:"black"}),(0,u.jsx)("path",{d:"M0.0553284 20.9042L0.0553284 15.5718H2.53381L2.53381 20.9042C2.82201 24.2477 5.6079 25.2469 6.94321 25.343C10.9203 25.6291 12.1019 22.7777 12.3901 20.9042V15.5718L14.8398 15.5718V20.9042C14.1251 26.8764 9.2776 28.0043 6.94321 27.8218C1.84791 27.4759 0.0553284 22.8641 0.0553284 20.9042Z",fill:"black"})]})}),(0,u.jsx)(o.TextControl,{type:"number",step:1,label:(0,g.__)("Top","cozy-addons"),value:e.tabStyles.padding.top,onChange:e=>F("top",e)}),(0,u.jsx)(o.TextControl,{type:"number",step:1,label:(0,g.__)("Right","cozy-addons"),value:e.tabStyles.padding.right,onChange:e=>F("right",e)}),(0,u.jsx)(o.TextControl,{type:"number",step:1,label:(0,g.__)("Bottom","cozy-addons"),value:e.tabStyles.padding.bottom,onChange:e=>F("bottom",e)}),(0,u.jsx)(o.TextControl,{type:"number",step:1,value:e.tabStyles.padding.left,label:(0,g.__)("Left","cozy-addons"),onChange:e=>F("left",e)})]})]}),(0,u.jsx)(o.SelectControl,{label:(0,g.__)("Border Type","cozy-addons"),value:e.tabStyles.border.type,options:[{label:(0,g.__)("None","cozy-addons"),value:"none"},{label:(0,g.__)("Solid","cozy-addons"),value:"solid"},{label:(0,g.__)("Double","cozy-addons"),value:"double"},{label:(0,g.__)("Dotted","cozy-addons"),value:"dotted"},{label:(0,g.__)("Dashed","cozy-addons"),value:"dashed"},{label:(0,g.__)("Groove","cozy-addons"),value:"groove"}],onChange:t=>l({...e,tabStyles:{...e.tabStyles,border:{...e.tabStyles.border,type:t}}})}),"none"!==e.tabStyles.border.type&&(0,u.jsxs)(u.Fragment,{children:[(0,u.jsxs)(o.BaseControl,{children:[(0,u.jsx)(o.BaseControl.VisualLabel,{children:(0,g.__)("Border Width","cozy-addons")}),(0,u.jsxs)("div",{style:{display:"flex",gap:"5px",height:"50px",position:"relative"},children:[(0,u.jsx)("button",{className:"cozy-link-styles "+(E?"":"cozy-attr-link-disabled"),onClick:()=>O(!E),children:(0,u.jsxs)("svg",{width:"10",height:"16",viewBox:"0 0 15 28",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[(0,u.jsx)("path",{d:"M6.18931 9.59516L6.18931 19.3466H8.70581V9.59516H6.18931Z",fill:"black"}),(0,u.jsx)("path",{d:"M0.0553284 7.88029L0.0553284 13.2126H2.53381L2.53381 7.88029C2.82201 4.53678 5.6079 3.53757 6.94321 3.4415C10.9203 3.15534 12.1019 6.00678 12.3901 7.88029V13.2126L14.8398 13.2126V7.88029C14.1251 1.90809 9.2776 0.780139 6.94321 0.962687C1.84791 1.30857 0.0553284 5.92031 0.0553284 7.88029Z",fill:"black"}),(0,u.jsx)("path",{d:"M0.0553284 20.9042L0.0553284 15.5718H2.53381L2.53381 20.9042C2.82201 24.2477 5.6079 25.2469 6.94321 25.343C10.9203 25.6291 12.1019 22.7777 12.3901 20.9042V15.5718L14.8398 15.5718V20.9042C14.1251 26.8764 9.2776 28.0043 6.94321 27.8218C1.84791 27.4759 0.0553284 22.8641 0.0553284 20.9042Z",fill:"black"})]})}),(0,u.jsx)(o.TextControl,{type:"number",step:1,label:(0,g.__)("Top","cozy-addons"),value:e.tabStyles.border.width.top,onChange:e=>D("top",e)}),(0,u.jsx)(o.TextControl,{type:"number",step:1,label:(0,g.__)("Right","cozy-addons"),value:e.tabStyles.border.width.right,onChange:e=>D("right",e)}),(0,u.jsx)(o.TextControl,{type:"number",step:1,value:e.tabStyles.border.width.bottom,label:(0,g.__)("Bottom","cozy-addons"),onChange:e=>D("bottom",e)}),(0,u.jsx)(o.TextControl,{type:"number",step:1,label:(0,g.__)("Left","cozy-addons"),value:e.tabStyles.border.width.left,onChange:e=>D("left",e)})]})]}),(0,u.jsx)(t.PanelColorSettings,{className:"cozy-color-control",enableAlpha:!0,title:(0,g.__)("Border Color","cozy-addons"),colorSettings:[{label:(0,g.__)("Normal","cozy-addons"),value:e.tabStyles.border.color,onChange:t=>l({...e,tabStyles:{...e.tabStyles,border:{...e.tabStyles.border,color:t}}})},{label:(0,g.__)("Active","cozy-addons"),value:e.tabStyles.border.colorActive,onChange:t=>l({...e,tabStyles:{...e.tabStyles,border:{...e.tabStyles.border,colorActive:t}}})}]})]}),(0,u.jsx)(o.ToggleControl,{label:(0,g.__)("Active Separator Overlay","cozy-addons"),checked:e.enableTabAfter,onChange:t=>l({...e,enableTabAfter:t}),help:(0,g.__)("The active tab's bottom border overlaps with the separator.","cozy-addons")}),(0,u.jsxs)(o.BaseControl,{children:[(0,u.jsx)(o.BaseControl.VisualLabel,{children:(0,g.__)("Border Radius","cozy-addons")}),(0,u.jsxs)("div",{style:{display:"flex",gap:"5px",height:"50px",position:"relative"},children:[(0,u.jsx)("button",{className:"cozy-link-styles "+(Z?"":"cozy-attr-link-disabled"),onClick:()=>P(!Z),children:(0,u.jsxs)("svg",{width:"10",height:"16",viewBox:"0 0 15 28",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[(0,u.jsx)("path",{d:"M6.18931 9.59516L6.18931 19.3466H8.70581V9.59516H6.18931Z",fill:"black"}),(0,u.jsx)("path",{d:"M0.0553284 7.88029L0.0553284 13.2126H2.53381L2.53381 7.88029C2.82201 4.53678 5.6079 3.53757 6.94321 3.4415C10.9203 3.15534 12.1019 6.00678 12.3901 7.88029V13.2126L14.8398 13.2126V7.88029C14.1251 1.90809 9.2776 0.780139 6.94321 0.962687C1.84791 1.30857 0.0553284 5.92031 0.0553284 7.88029Z",fill:"black"}),(0,u.jsx)("path",{d:"M0.0553284 20.9042L0.0553284 15.5718H2.53381L2.53381 20.9042C2.82201 24.2477 5.6079 25.2469 6.94321 25.343C10.9203 25.6291 12.1019 22.7777 12.3901 20.9042V15.5718L14.8398 15.5718V20.9042C14.1251 26.8764 9.2776 28.0043 6.94321 27.8218C1.84791 27.4759 0.0553284 22.8641 0.0553284 20.9042Z",fill:"black"})]})}),(0,u.jsx)(o.TextControl,{type:"number",step:1,label:(0,g.__)("TopL","cozy-addons"),value:e.tabStyles.borderRadius.top,onChange:e=>G("top",e)}),(0,u.jsx)(o.TextControl,{type:"number",step:1,label:(0,g.__)("TopR","cozy-addons"),value:e.tabStyles.borderRadius.right,onChange:e=>G("right",e)}),(0,u.jsx)(o.TextControl,{type:"number",step:1,value:e.tabStyles.borderRadius.left,label:(0,g.__)("BottomL","cozy-addons"),onChange:e=>G("left",e)}),(0,u.jsx)(o.TextControl,{type:"number",step:1,label:(0,g.__)("BottomR","cozy-addons"),value:e.tabStyles.borderRadius.bottom,onChange:e=>G("bottom",e)})]})]}),(0,u.jsx)(o.SelectControl,{label:(0,g.__)("Font Family","cozy-addons"),options:_,value:e.typography.fontFamily,onChange:t=>l({...e,typography:{...e.typography,fontFamily:t}})}),(0,u.jsx)(o.TextControl,{label:(0,g.__)("Font Size","cozy-addons"),type:"number",min:10,value:e.typography.fontSize,onChange:t=>l({...e,typography:{...e.typography,fontSize:Math.abs(t)}})}),(0,u.jsx)(o.SelectControl,{label:(0,g.__)("Font Weight","cozy-addons"),options:[{label:(0,g.__)("Thin","cozy-addons"),value:100},{label:(0,g.__)("Extra Light","cozy-addons"),value:200},{label:(0,g.__)("Light","cozy-addons"),value:300},{label:(0,g.__)("Normal","cozy-addons"),value:400},{label:(0,g.__)("Medium","cozy-addons"),value:500},{label:(0,g.__)("Semi Bold","cozy-addons"),value:600},{label:(0,g.__)("Bold","cozy-addons"),value:700},{label:(0,g.__)("Extra Bold","cozy-addons"),value:800}],value:e.typography.fontWeight,onChange:t=>l({...e,typography:{...e.typography,fontWeight:t}})}),(0,u.jsxs)("div",{className:"components-base-control",style:{display:"flex",justifyContent:"space-between",gap:"10px"},children:[(0,u.jsx)("div",{style:{width:"100%"},children:(0,u.jsxs)(o.__experimentalToggleGroupControl,{label:(0,g.__)("Letter Case","cozy-addons"),value:e.typography?.letterCase,onChange:t=>l({...e,typography:{...e.typography,letterCase:t}}),children:[(0,u.jsx)(o.__experimentalToggleGroupControlOptionIcon,{label:(0,g.__)("None","cozy-addons"),value:"none",icon:s}),(0,u.jsx)(o.__experimentalToggleGroupControlOptionIcon,{label:(0,g.__)("Uppercase","cozy-addons"),value:"uppercase",icon:r}),(0,u.jsx)(o.__experimentalToggleGroupControlOptionIcon,{label:(0,g.__)("Lowercase","cozy-addons"),value:"lowercase",icon:i}),(0,u.jsx)(o.__experimentalToggleGroupControlOptionIcon,{label:(0,g.__)("Capitalize","cozy-addons"),value:"capitalize",icon:d})]})}),(0,u.jsx)("div",{style:{width:"100%"},children:(0,u.jsxs)(o.__experimentalToggleGroupControl,{label:(0,g.__)("Decoration","cozy-addons"),value:e.typography?.decoration,onChange:t=>l({...e,typography:{...e.typography,decoration:t}}),children:[(0,u.jsx)(o.__experimentalToggleGroupControlOptionIcon,{label:(0,g.__)("None","cozy-addons"),value:"none",icon:s}),(0,u.jsx)(o.__experimentalToggleGroupControlOptionIcon,{label:(0,g.__)("Underline","cozy-addons"),value:"underline",icon:c}),(0,u.jsx)(o.__experimentalToggleGroupControlOptionIcon,{label:(0,g.__)("Strikethrough","cozy-addons"),value:"line-through",icon:p})]})})]}),(0,u.jsxs)("div",{className:"components-base-control",style:{display:"flex",justifyContent:"space-between",gap:"10px"},children:[(0,u.jsx)("div",{style:{width:"100%"},children:(0,u.jsx)(o.__experimentalUnitControl,{label:(0,g.__)("Line Height","cozy-addons"),value:e.typography?.lineHeight,onChange:t=>l({...e,typography:{...e.typography,lineHeight:t}})})}),(0,u.jsx)("div",{style:{width:"100%"},children:(0,u.jsx)(o.__experimentalUnitControl,{label:(0,g.__)("Letter Spacing","cozy-addons"),value:e.typography?.letterSpacing,onChange:t=>l({...e,typography:{...e.typography,letterSpacing:t}})})})]}),(0,u.jsx)(t.PanelColorSettings,{className:"cozy-color-control",enableAlpha:!0,title:(0,g.__)("Color","cozy-addons"),colorSettings:[{label:(0,g.__)("Text (Default)","cozy-addons"),value:e.typography.color,onChange:t=>l({...e,typography:{...e.typography,color:t}})},{label:(0,g.__)("Text (Active)","cozy-addons"),value:e.typography.colorActive,onChange:t=>l({...e,typography:{...e.typography,colorActive:t}})},{label:(0,g.__)("Background (Default)","cozy-addons"),value:e.tabStyles.bgColor,onChange:t=>l({...e,tabStyles:{...e.tabStyles,bgColor:t}})},{label:(0,g.__)("Background (Active)","cozy-addons"),value:e.tabStyles.bgColorActive,onChange:t=>l({...e,tabStyles:{...e.tabStyles,bgColorActive:t}})}]})]}),(0,u.jsxs)(o.PanelBody,{title:(0,g.__)("Separator Styles","cozy-addons"),opened:"separator-styles"===te,onToggle:()=>oe("separator-styles"),children:[(0,u.jsxs)(o.BaseControl,{children:[(0,u.jsx)(o.BaseControl.VisualLabel,{children:(0,g.__)("Padding","cozy-addons")}),(0,u.jsxs)("div",{style:{display:"flex",gap:"5px",height:"50px",position:"relative"},children:[(0,u.jsx)("button",{className:"cozy-link-styles "+($?"":"cozy-attr-link-disabled"),onClick:()=>V(!$),children:(0,u.jsxs)("svg",{width:"10",height:"16",viewBox:"0 0 15 28",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[(0,u.jsx)("path",{d:"M6.18931 9.59516L6.18931 19.3466H8.70581V9.59516H6.18931Z",fill:"black"}),(0,u.jsx)("path",{d:"M0.0553284 7.88029L0.0553284 13.2126H2.53381L2.53381 7.88029C2.82201 4.53678 5.6079 3.53757 6.94321 3.4415C10.9203 3.15534 12.1019 6.00678 12.3901 7.88029V13.2126L14.8398 13.2126V7.88029C14.1251 1.90809 9.2776 0.780139 6.94321 0.962687C1.84791 1.30857 0.0553284 5.92031 0.0553284 7.88029Z",fill:"black"}),(0,u.jsx)("path",{d:"M0.0553284 20.9042L0.0553284 15.5718H2.53381L2.53381 20.9042C2.82201 24.2477 5.6079 25.2469 6.94321 25.343C10.9203 25.6291 12.1019 22.7777 12.3901 20.9042V15.5718L14.8398 15.5718V20.9042C14.1251 26.8764 9.2776 28.0043 6.94321 27.8218C1.84791 27.4759 0.0553284 22.8641 0.0553284 20.9042Z",fill:"black"})]})}),(0,u.jsx)(o.TextControl,{type:"number",step:1,label:(0,g.__)("Top","cozy-addons"),value:e.separatorStyles.padding.top,onChange:e=>M("top",e)}),(0,u.jsx)(o.TextControl,{type:"number",step:1,label:(0,g.__)("Right","cozy-addons"),value:e.separatorStyles.padding.right,onChange:e=>M("right",e)}),(0,u.jsx)(o.TextControl,{type:"number",step:1,label:(0,g.__)("Bottom","cozy-addons"),value:e.separatorStyles.padding.bottom,onChange:e=>M("bottom",e)}),(0,u.jsx)(o.TextControl,{type:"number",step:1,value:e.separatorStyles.padding.left,label:(0,g.__)("Left","cozy-addons"),onChange:e=>M("left",e)})]})]}),(0,u.jsx)(o.SelectControl,{label:(0,g.__)("Border Type","cozy-addons"),value:e.separatorStyles.border.type,options:[{label:(0,g.__)("None","cozy-addons"),value:"none"},{label:(0,g.__)("Solid","cozy-addons"),value:"solid"},{label:(0,g.__)("Double","cozy-addons"),value:"double"},{label:(0,g.__)("Dotted","cozy-addons"),value:"dotted"},{label:(0,g.__)("Dashed","cozy-addons"),value:"dashed"},{label:(0,g.__)("Groove","cozy-addons"),value:"groove"}],onChange:t=>l({...e,separatorStyles:{...e.separatorStyles,border:{...e.separatorStyles.border,type:t}}})}),"none"!==e.separatorStyles.border.type&&(0,u.jsxs)(u.Fragment,{children:[(0,u.jsxs)(o.BaseControl,{children:[(0,u.jsx)(o.BaseControl.VisualLabel,{children:(0,g.__)("Border Width","cozy-addons")}),(0,u.jsxs)("div",{style:{display:"flex",gap:"5px",height:"50px",position:"relative"},children:[(0,u.jsx)("button",{className:"cozy-link-styles "+(H?"":"cozy-attr-link-disabled"),onClick:()=>I(!H),children:(0,u.jsxs)("svg",{width:"10",height:"16",viewBox:"0 0 15 28",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[(0,u.jsx)("path",{d:"M6.18931 9.59516L6.18931 19.3466H8.70581V9.59516H6.18931Z",fill:"black"}),(0,u.jsx)("path",{d:"M0.0553284 7.88029L0.0553284 13.2126H2.53381L2.53381 7.88029C2.82201 4.53678 5.6079 3.53757 6.94321 3.4415C10.9203 3.15534 12.1019 6.00678 12.3901 7.88029V13.2126L14.8398 13.2126V7.88029C14.1251 1.90809 9.2776 0.780139 6.94321 0.962687C1.84791 1.30857 0.0553284 5.92031 0.0553284 7.88029Z",fill:"black"}),(0,u.jsx)("path",{d:"M0.0553284 20.9042L0.0553284 15.5718H2.53381L2.53381 20.9042C2.82201 24.2477 5.6079 25.2469 6.94321 25.343C10.9203 25.6291 12.1019 22.7777 12.3901 20.9042V15.5718L14.8398 15.5718V20.9042C14.1251 26.8764 9.2776 28.0043 6.94321 27.8218C1.84791 27.4759 0.0553284 22.8641 0.0553284 20.9042Z",fill:"black"})]})}),(0,u.jsx)(o.TextControl,{type:"number",step:1,label:(0,g.__)("Top","cozy-addons"),value:e.separatorStyles.border.width.top,onChange:e=>N("top",e)}),(0,u.jsx)(o.TextControl,{type:"number",step:1,label:(0,g.__)("Right","cozy-addons"),value:e.separatorStyles.border.width.right,onChange:e=>N("right",e)}),(0,u.jsx)(o.TextControl,{type:"number",step:1,value:e.separatorStyles.border.width.bottom,label:(0,g.__)("Bottom","cozy-addons"),onChange:e=>N("bottom",e)}),(0,u.jsx)(o.TextControl,{type:"number",step:1,label:(0,g.__)("Left","cozy-addons"),value:e.separatorStyles.border.width.left,onChange:e=>N("left",e)})]})]}),(0,u.jsx)(t.PanelColorSettings,{className:"cozy-color-control",enableAlpha:!0,title:(0,g.__)("Border Color","cozy-addons"),colorSettings:[{label:(0,g.__)("Normal","cozy-addons"),value:e.separatorStyles.border.color,onChange:t=>l({...e,separatorStyles:{...e.separatorStyles,border:{...e.separatorStyles.border,color:t}}})}]})]})]}),(0,u.jsxs)(o.PanelBody,{title:(0,g.__)("Content Styles","cozy-addons"),opened:"content-styles"===te,onToggle:()=>oe("content-styles"),children:[(0,u.jsxs)(o.BaseControl,{children:[(0,u.jsx)(o.BaseControl.VisualLabel,{children:(0,g.__)("Padding","cozy-addons")}),(0,u.jsxs)("div",{style:{display:"flex",gap:"5px",height:"50px",position:"relative"},children:[(0,u.jsx)("button",{className:"cozy-link-styles "+(q?"":"cozy-attr-link-disabled"),onClick:()=>W(!q),children:(0,u.jsxs)("svg",{width:"10",height:"16",viewBox:"0 0 15 28",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[(0,u.jsx)("path",{d:"M6.18931 9.59516L6.18931 19.3466H8.70581V9.59516H6.18931Z",fill:"black"}),(0,u.jsx)("path",{d:"M0.0553284 7.88029L0.0553284 13.2126H2.53381L2.53381 7.88029C2.82201 4.53678 5.6079 3.53757 6.94321 3.4415C10.9203 3.15534 12.1019 6.00678 12.3901 7.88029V13.2126L14.8398 13.2126V7.88029C14.1251 1.90809 9.2776 0.780139 6.94321 0.962687C1.84791 1.30857 0.0553284 5.92031 0.0553284 7.88029Z",fill:"black"}),(0,u.jsx)("path",{d:"M0.0553284 20.9042L0.0553284 15.5718H2.53381L2.53381 20.9042C2.82201 24.2477 5.6079 25.2469 6.94321 25.343C10.9203 25.6291 12.1019 22.7777 12.3901 20.9042V15.5718L14.8398 15.5718V20.9042C14.1251 26.8764 9.2776 28.0043 6.94321 27.8218C1.84791 27.4759 0.0553284 22.8641 0.0553284 20.9042Z",fill:"black"})]})}),(0,u.jsx)(o.TextControl,{type:"number",step:1,label:(0,g.__)("Top","cozy-addons"),value:e.contentStyles.padding.top,onChange:e=>U("top",e)}),(0,u.jsx)(o.TextControl,{type:"number",step:1,label:(0,g.__)("Right","cozy-addons"),value:e.contentStyles.padding.right,onChange:e=>U("right",e)}),(0,u.jsx)(o.TextControl,{type:"number",step:1,label:(0,g.__)("Bottom","cozy-addons"),value:e.contentStyles.padding.bottom,onChange:e=>U("bottom",e)}),(0,u.jsx)(o.TextControl,{type:"number",step:1,value:e.contentStyles.padding.left,label:(0,g.__)("Left","cozy-addons"),onChange:e=>U("left",e)})]})]}),(0,u.jsx)(o.SelectControl,{label:(0,g.__)("Border Type","cozy-addons"),value:e.contentStyles.border.type,options:[{label:(0,g.__)("None","cozy-addons"),value:"none"},{label:(0,g.__)("Solid","cozy-addons"),value:"solid"},{label:(0,g.__)("Double","cozy-addons"),value:"double"},{label:(0,g.__)("Dotted","cozy-addons"),value:"dotted"},{label:(0,g.__)("Dashed","cozy-addons"),value:"dashed"},{label:(0,g.__)("Groove","cozy-addons"),value:"groove"}],onChange:t=>l({...e,contentStyles:{...e.contentStyles,border:{...e.contentStyles.border,type:t}}})}),"none"!==e.contentStyles.border.type&&(0,u.jsxs)(u.Fragment,{children:[(0,u.jsxs)(o.BaseControl,{children:[(0,u.jsx)(o.BaseControl.VisualLabel,{children:(0,g.__)("Border Width","cozy-addons")}),(0,u.jsxs)("div",{style:{display:"flex",gap:"5px",height:"50px",position:"relative"},children:[(0,u.jsx)("button",{className:"cozy-link-styles "+(Q?"":"cozy-attr-link-disabled"),onClick:()=>Y(!Q),children:(0,u.jsxs)("svg",{width:"10",height:"16",viewBox:"0 0 15 28",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[(0,u.jsx)("path",{d:"M6.18931 9.59516L6.18931 19.3466H8.70581V9.59516H6.18931Z",fill:"black"}),(0,u.jsx)("path",{d:"M0.0553284 7.88029L0.0553284 13.2126H2.53381L2.53381 7.88029C2.82201 4.53678 5.6079 3.53757 6.94321 3.4415C10.9203 3.15534 12.1019 6.00678 12.3901 7.88029V13.2126L14.8398 13.2126V7.88029C14.1251 1.90809 9.2776 0.780139 6.94321 0.962687C1.84791 1.30857 0.0553284 5.92031 0.0553284 7.88029Z",fill:"black"}),(0,u.jsx)("path",{d:"M0.0553284 20.9042L0.0553284 15.5718H2.53381L2.53381 20.9042C2.82201 24.2477 5.6079 25.2469 6.94321 25.343C10.9203 25.6291 12.1019 22.7777 12.3901 20.9042V15.5718L14.8398 15.5718V20.9042C14.1251 26.8764 9.2776 28.0043 6.94321 27.8218C1.84791 27.4759 0.0553284 22.8641 0.0553284 20.9042Z",fill:"black"})]})}),(0,u.jsx)(o.TextControl,{type:"number",step:1,label:(0,g.__)("Top","cozy-addons"),value:e.contentStyles.border.width.top,onChange:e=>ee("top",e)}),(0,u.jsx)(o.TextControl,{type:"number",step:1,label:(0,g.__)("Right","cozy-addons"),value:e.contentStyles.border.width.right,onChange:e=>ee("right",e)}),(0,u.jsx)(o.TextControl,{type:"number",step:1,value:e.contentStyles.border.width.bottom,label:(0,g.__)("Bottom","cozy-addons"),onChange:e=>ee("bottom",e)}),(0,u.jsx)(o.TextControl,{type:"number",step:1,label:(0,g.__)("Left","cozy-addons"),value:e.contentStyles.border.width.left,onChange:e=>ee("left",e)})]})]}),(0,u.jsx)(t.PanelColorSettings,{className:"cozy-color-control",enableAlpha:!0,title:(0,g.__)("Border Color","cozy-addons"),colorSettings:[{label:(0,g.__)("Normal","cozy-addons"),value:e.contentStyles.border.color,onChange:t=>l({...e,contentStyles:{...e.contentStyles,border:{...e.contentStyles.border,color:t}}})}]})]}),(0,u.jsxs)(o.BaseControl,{children:[(0,u.jsx)(o.BaseControl.VisualLabel,{children:(0,g.__)("Border Radius","cozy-addons")}),(0,u.jsxs)("div",{style:{display:"flex",gap:"5px",height:"50px",position:"relative"},children:[(0,u.jsx)("button",{className:"cozy-link-styles "+(J?"":"cozy-attr-link-disabled"),onClick:()=>X(!J),children:(0,u.jsxs)("svg",{width:"10",height:"16",viewBox:"0 0 15 28",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[(0,u.jsx)("path",{d:"M6.18931 9.59516L6.18931 19.3466H8.70581V9.59516H6.18931Z",fill:"black"}),(0,u.jsx)("path",{d:"M0.0553284 7.88029L0.0553284 13.2126H2.53381L2.53381 7.88029C2.82201 4.53678 5.6079 3.53757 6.94321 3.4415C10.9203 3.15534 12.1019 6.00678 12.3901 7.88029V13.2126L14.8398 13.2126V7.88029C14.1251 1.90809 9.2776 0.780139 6.94321 0.962687C1.84791 1.30857 0.0553284 5.92031 0.0553284 7.88029Z",fill:"black"}),(0,u.jsx)("path",{d:"M0.0553284 20.9042L0.0553284 15.5718H2.53381L2.53381 20.9042C2.82201 24.2477 5.6079 25.2469 6.94321 25.343C10.9203 25.6291 12.1019 22.7777 12.3901 20.9042V15.5718L14.8398 15.5718V20.9042C14.1251 26.8764 9.2776 28.0043 6.94321 27.8218C1.84791 27.4759 0.0553284 22.8641 0.0553284 20.9042Z",fill:"black"})]})}),(0,u.jsx)(o.TextControl,{type:"number",step:1,label:(0,g.__)("TopL","cozy-addons"),value:e.contentStyles.borderRadius.top,onChange:e=>K("top",e)}),(0,u.jsx)(o.TextControl,{type:"number",step:1,label:(0,g.__)("TopR","cozy-addons"),value:e.contentStyles.borderRadius.right,onChange:e=>K("right",e)}),(0,u.jsx)(o.TextControl,{type:"number",step:1,value:e.contentStyles.borderRadius.left,label:(0,g.__)("BottomL","cozy-addons"),onChange:e=>K("left",e)}),(0,u.jsx)(o.TextControl,{type:"number",step:1,label:(0,g.__)("BottomR","cozy-addons"),value:e.contentStyles.borderRadius.bottom,onChange:e=>K("bottom",e)})]})]}),(0,u.jsx)(t.PanelColorSettings,{className:"cozy-color-control",enableAlpha:!0,title:(0,g.__)("Background Color","cozy-addons"),colorSettings:[{label:(0,g.__)("Normal","cozy-addons"),value:e.contentStyles.bgColor,onChange:t=>l({...e,contentStyles:{...e.contentStyles,bgColor:t}})}]})]})]},"style")]})},save:function({attributes:e}){const o=`cozyBlock_${(l=e.blockClientId,l.replace(/[;=()\s]/g,"")).replace(/-/gi,"_")}`;var l;return(0,u.jsx)(u.Fragment,{children:(0,u.jsxs)("div",{className:`cozy-block-advanced-tab layout-${e.layout} icon-layout-${e.iconLayout}`,id:o,children:["cozy-block/product-tab"===e.parentAttributes.namespace&&(0,u.jsxs)("div",{className:"layout-wrapper",style:{display:"flex"},children:[e.parentAttributes.enableTitle&&(0,u.jsx)("div",{className:"product-tab-title",children:(0,g.__)(e.parentAttributes.title,"cozy-addons")}),(0,u.jsx)("div",{className:"cozy-tab-title",children:e.innerBlocks.map(((e,t)=>(0,u.jsx)("div",{className:"cozy-tab-button "+(0==t?"active":""),id:e.clientId,"data-index":t,children:(0,u.jsxs)("div",{className:"display-flex justify-center align-items-center",children:[e.attributes.enableIcon&&(0,u.jsx)("svg",{className:"cozy-tab-icon",height:16,width:16,xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true",viewBox:`${e.attributes.iconViewBox.vx} ${e.attributes.iconViewBox.vy} ${e.attributes.iconViewBox.vw} ${e.attributes.iconViewBox.vh}`,children:(0,u.jsx)("path",{d:e.attributes.iconPath})}),(0,u.jsx)("span",{children:e.attributes.tabTitle})]})})))})]}),!e.parentAttributes.hasOwnProperty("namespace")&&"cozy-block/product-tab"!==e.parentAttributes.namespace&&(0,u.jsxs)("div",{className:"layout-wrapper",style:{display:"flex"},children:[e.enableTitle&&(0,u.jsx)("div",{className:"advanced-tab-title",children:(0,g.__)(e.title,"cozy-addons")}),(0,u.jsx)("div",{className:"cozy-tab-title",children:e.innerBlocks.map(((e,t)=>(0,u.jsx)("div",{className:"cozy-tab-button "+(0==t?"active":""),id:e.clientId,"data-index":t,children:(0,u.jsxs)("div",{className:"display-flex justify-center align-items-center",children:[e.attributes.enableIcon&&(0,u.jsx)("svg",{className:"cozy-tab-icon",height:16,width:16,xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true",viewBox:`${e.attributes.iconViewBox.vx} ${e.attributes.iconViewBox.vy} ${e.attributes.iconViewBox.vw} ${e.attributes.iconViewBox.vh}`,children:(0,u.jsx)("path",{d:e.attributes.iconPath})}),(0,u.jsx)("span",{children:e.attributes.tabTitle})]})})))})]}),(0,u.jsx)("div",{className:"cozy-advanced-tab-wrapper",children:(0,u.jsx)(t.InnerBlocks.Content,{})})]})})}})}},o={};function l(e){var a=o[e];if(void 0!==a)return a.exports;var n=o[e]={exports:{}};return t[e](n,n.exports,l),n.exports}l.m=t,e=[],l.O=(t,o,a,n)=>{if(!o){var s=1/0;for(c=0;c<e.length;c++){for(var[o,a,n]=e[c],r=!0,i=0;i<o.length;i++)(!1&n||s>=n)&&Object.keys(l.O).every((e=>l.O[e](o[i])))?o.splice(i--,1):(r=!1,n<s&&(s=n));if(r){e.splice(c--,1);var d=a();void 0!==d&&(t=d)}}return t}n=n||0;for(var c=e.length;c>0&&e[c-1][2]>n;c--)e[c]=e[c-1];e[c]=[o,a,n]},l.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),(()=>{var e={57:0,350:0};l.O.j=t=>0===e[t];var t=(t,o)=>{var a,n,[s,r,i]=o,d=0;if(s.some((t=>0!==e[t]))){for(a in r)l.o(r,a)&&(l.m[a]=r[a]);if(i)var c=i(l)}for(t&&t(o);d<s.length;d++)n=s[d],l.o(e,n)&&e[n]&&e[n][0](),e[n]=0;return l.O(c)},o=globalThis.webpackChunktab=globalThis.webpackChunktab||[];o.forEach(t.bind(null,0)),o.push=t.bind(null,o.push.bind(o))})();var a=l.O(void 0,[350],(()=>l(692)));a=l.O(a)})();
Save
Back