FileMaster
Search
Toggle Dark Mode
Home
/
.
/
wp-content
/
plugins
/
cozy-addons
/
cozy-blocks
/
dist
/
advanced-gallery
/
build
Edit File: index.js
(()=>{"use strict";var e,o={487:()=>{const e=window.wp.blocks,o=window.wp.i18n,a=window.wp.blockEditor,t=window.wp.components,l=window.wp.element,n=window.wp.compose,i=window.React,s=window.wp.primitives,r=(0,i.createElement)(s.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24"},(0,i.createElement)(s.Path,{fillRule:"evenodd",clipRule:"evenodd",d:"M12 5.5A2.25 2.25 0 0 0 9.878 7h4.244A2.251 2.251 0 0 0 12 5.5ZM12 4a3.751 3.751 0 0 0-3.675 3H5v1.5h1.27l.818 8.997a2.75 2.75 0 0 0 2.739 2.501h4.347a2.75 2.75 0 0 0 2.738-2.5L17.73 8.5H19V7h-3.325A3.751 3.751 0 0 0 12 4Zm4.224 4.5H7.776l.806 8.861a1.25 1.25 0 0 0 1.245 1.137h4.347a1.25 1.25 0 0 0 1.245-1.137l.805-8.861Z"})),d=(0,i.createElement)(s.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"-2 -2 24 24"},(0,i.createElement)(s.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"}));function c(e,o){function a(e,o){return o&&Object.keys(o).length<4?1===Object.keys(o).length?`\n ${e}: ${o};\n `:`\n ${e}: ${o.width} ${o.style} ${o.color};\n `:o&&4===Object.keys(o).length?"border"===e?`\n border-top: ${o.top.width} ${o.top.style} ${o.top.color};\n border-right: ${o.right.width} ${o.right.style} ${o.right.color};\n border-bottom: ${o.bottom.width} ${o.bottom.style} ${o.bottom.color};\n border-left: ${o.left.width} ${o.left.style} ${o.left.color};\n `:`\n ${e}: ${o.top} ${o.right} ${o.bottom} ${o.left};\n `:""}return`\n\t#${e} .cozy-block-advanced-gallery__header {\n\t\t${a("padding",o.headerBox.padding)}\n\t\tmargin-top: ${o.headerBox.margin.top};\n\t\tmargin-bottom: ${o.headerBox.margin.bottom};\n\t\t${a("border",o.headerBox.border)}\n\t\tborder-radius: ${o.headerBox.radius};\n\t\tbackground-color: ${o.headerBox.color.bg};\n\t}\n\n\t#${e} .cozy-block-advanced-gallery__tabs {\n\t\tgap: ${o.tabOptions.gap};\n\t\tjustify-content: ${o.tabOptions.justifyTab};\n\t}\n\n\t#${e} .cozy-block-advanced-gallery__tab {\n\t\t${a("padding",o.tabStyles.padding)}\n\t\t${a("border",o.tabStyles.default.border)}\n\t\tborder-radius: ${o.tabStyles.radius};\n\t\tfont-size: ${o.tabStyles.font.size};\n\t\tfont-weight: ${o.tabStyles.font.weight};\n\t\tfont-family: ${o.tabStyles.font.family};\n\t\ttext-transform: ${o.tabStyles?.letterCase};\n\t\ttext-decoration: ${o.tabStyles?.decoration};\n\t\tline-height: ${o.tabStyles?.lineHeight};\n\t\tletter-spacing: ${o.tabStyles?.letterSpacing};\n\t\tbackground-color: ${o.tabStyles.color.bg};\n\t\tcolor: ${o.tabStyles.color.text};\n\t}\n\t#${e} .item-has-default-shadow .cozy-block-advanced-gallery__tab {\n\t\tbox-shadow: ${o.tabStyles.default.shadow.horizontal}px ${o.tabStyles.default.shadow.vertical}px ${o.tabStyles.default.shadow.blur}px ${o.tabStyles.default.shadow.spread}px ${o.tabStyles.default.shadow.color} ${o.tabStyles.default.shadow.position?o.tabStyles.default.shadow.position:""};\n\t}\n\t#${e} .cozy-block-advanced-gallery__tab:hover {\n\t\tbackground-color: ${o.tabStyles.color.bgHover};\n\t\tcolor: ${o.tabStyles.color.textHover};\n\t}\n\t#${e} .cozy-block-advanced-gallery__tab.active-tab {\n\t\tmargin-bottom: ${o.tabStyles.active.marginBottom}px;\n\t\t${a("border",o.tabStyles.active.border)}\n\t\tbackground-color: ${o.tabStyles.color.bgActive};\n\t\tcolor: ${o.tabStyles.color.textActive};\n\t}\n\t#${e} .item-has-active-shadow .cozy-block-advanced-gallery__tab.active-tab {\n\t\tbox-shadow: ${o.tabStyles.active.shadow.horizontal}px ${o.tabStyles.active.shadow.vertical}px ${o.tabStyles.active.shadow.blur}px ${o.tabStyles.active.shadow.spread}px ${o.tabStyles.active.shadow.color} ${o.tabStyles.active.shadow.position?o.tabStyles.active.shadow.position:""};\n\t}\n\t\t\t\n\t#${e} .cozy-block-advanced-gallery__grid-wrapper:not(.has-masonry) {\n\t\tgrid-template-columns: repeat(${o.gridOptions.column}, 1fr);\n\t\tgap: ${o.gridOptions.columnGap};\n\t}\n\t#${e} .cozy-block-advanced-gallery__grid-wrapper.has-masonry {\n\t\tcolumn-count: ${o.gridOptions.column};\n\t\tcolumn-gap: ${o.gridOptions.columnGap};\n\t}\n\t#${e} .has-masonry .cozy-block-advanced-gallery__item {\n\t\tmargin-bottom: ${o.gridOptions.columnGap};\n\t}\n\n\t#${e} .cozy-block-advanced-gallery__image-wrapper {\n\t\tmax-width: ${o.image.width};\n\t\tmax-height: ${o.image.height};\n\t\tborder-radius: ${o.image.radius};\n\t}\n\t#${e} .cozy-block-advanced-gallery__image {\n\t\theight: ${o.image.height};\n\t\tborder-radius: ${o.image.radius};\n\t}\n\t#${e} .cozy-block-advanced-gallery__image-background {\n\t\tbackground-color: ${o.image.color.overlay}\n\t}\n\n\t#${e} .cozy-block-advanced-gallery__image-caption {\n\t\ttext-align: ${o.image.title.align};\n\t\tleft: ${"left"===o.image.title.align?o.image.title.left:""};\n\t\tright: ${"right"===o.image.title.align?o.image.title.right:""};\n\t\tfont-size: ${o.image.title.font.size};\n\t\tfont-weight: ${o.image.title.font.weight};\n\t\tfont-family: ${o.image.title.font.family};\n\t\ttext-transform: ${o.image.title.letterCase};\n\t\ttext-decoration: ${o.image.title?.decoration};\n\t\tline-height: ${o.image.title?.lineHeight};\n\t\tletter-spacing: ${o.image.title?.letterSpacing};\n\t\tcolor: ${o.image.color.text};\n\t}\n\t#${e} .cozy-block-advanced-gallery__item.has-hover-caption:hover .cozy-block-advanced-gallery__image-caption {\n\t\tbottom: ${o.image.title.bottom};\n\t}\n\t\n\t#${e} .cozy-block-advanced-gallery__icon-wrapper {\n\t\t${a("padding",o.icon.box.padding)}\n\t\t${a("border",o.icon.box.border)}\n\t\tborder-radius: ${o.icon.box.radius};\n\t\tbackground-color: ${o.icon.color.bg};\n\t}\n\t#${e} .cozy-block-advanced-gallery__icon-wrapper:hover {\n\t\tbackground-color: ${o.icon.color.bgHover};\n\t}\n\t#${e} .cozy-block-advanced-gallery__icon {\n\t\twidth: ${o.icon.size};\n\t\theight: ${o.icon.size};\n\t\tfill: ${o.icon.color.text};\n\t\tstroke: none;\n\t}\n\t#${e} .cozy-block-advanced-gallery__icon-wrapper:hover .cozy-block-advanced-gallery__icon {\n\t\tfill: ${o.icon.color.textHover};\n\t}\n\n\t#${e} .cozy-block-advanced-gallery__lightbox-caption {\n\t\ttext-align: ${o.lightbox.title.align};\n\t\tmargin-top: ${o.lightbox.title.bottom}px;\n\t\tpadding-left: ${"left"===o.lightbox.title.align?o.lightbox.title.left:""};\n\t\tpadding-right: ${"right"===o.lightbox.title.align?o.lightbox.title.right:""};\n\t\tfont-size: ${o.lightbox.title.font.size};\n\t\tfont-weight: ${o.lightbox.title.font.weight};\n\t\tfont-family: ${o.lightbox.title.font.family};\n\t\ttext-transform: ${o.lightbox.title.letterCase};\n\t\ttext-decoration: ${o.lightbox.title?.decoration};\n\t\tline-height: ${o.lightbox.title?.lineHeight};\n\t\tletter-spacing: ${o.lightbox.title?.letterSpacing};\n\t\tcolor: ${o.lightbox.title.color.text};\n\t}\n\n\t#${e} .swiper-button-prev::after,\n\t#${e} .swiper-button-next::after {\n\t\tfont-size: ${o.navigation.size};\n\t}\n\t#${e} .swiper-button-prev,\n\t#${e} .swiper-button-next {\n\t\twidth: ${o.navigation.boxWidth};\n\t\theight: ${o.navigation.boxHeight};\n\t\t${a("border",o.navigation.border)}\n\t\tborder-radius: ${o.navigation.radius};\n\t\tcolor: ${o.navigation.color.icon};\n\t\tbackground-color: ${o.navigation.color.bg};\n\t}\n\t#${e} .swiper-button-prev:hover,\n\t#${e} .swiper-button-next:hover {\n\t\tcolor: ${o.navigation.color.iconHover};\n\t\tbackground-color: ${o.navigation.color.bgHover};\n\t\tborder-color: ${o.navigation.color.borderHover};\n\t}\n\n\t#${e} .swiper-pagination {\n\t\tbottom: ${o?.pagination?.bottom}px;\n\t\ttext-align: ${o?.pagination?.align};\n\t\tpadding-left: ${"left"===o?.pagination?.align?o?.pagination?.left:""};\n\t\tpadding-right: ${"right"===o?.pagination?.align?o?.pagination?.right:""};\n\t}\n\t#${e} .swiper-pagination-bullet {\n\t\twidth: ${o?.pagination?.width};\n\t\theight: ${o?.pagination?.height};\n\t\tborder-radius: ${o?.pagination?.radius};\n\t\tbackground-color: ${o.pagination?.color?.default};\n\t}\n\t#${e} .swiper-pagination-horizontal .swiper-pagination-bullet {\n\t\tmargin: 0 var(--swiper-pagination-bullet-horizontal-gap, ${o?.pagination?.gap});\n\t}\n\t#${e} .swiper-pagination-bullet:hover {\n\t\tbackground-color: ${o.pagination?.color?.defaultHover};\n\t}\n\t#${e} .swiper-pagination-bullet-active {\n\t\twidth: ${o?.pagination?.active?.width};\n\t\theight: ${o?.pagination?.active?.height};\n\t\tborder-radius: ${o?.pagination?.active?.radius};\n\t\t${a("outline",o?.pagination?.active?.border)}\n\t\toutline-offset: ${o?.pagination?.active?.offset};\n\t\tbackground-color: ${o.pagination?.color?.active};\n\t}\n\t#${e} .swiper-pagination-bullet-active:hover {\n\t\tbackground-color: ${o.pagination?.color?.activeHover};\n\t}\n\n\t#${e} .cozy-block-advanced-gallery__ajax-loader-wrapper {\n\t\tmargin-top: ${o.ajaxLoader.margin.top};\n\t\tmargin-bottom: ${o.ajaxLoader.margin.bottom};\n\t\ttext-align: ${o.ajaxLoader.textAlign};\n\t}\n\t#${e} .cozy-block-advanced-gallery__ajax-loader {\n\t\t${a("padding",o.ajaxLoader.padding)}\n\t\t${a("border",o.ajaxLoader.border)}\n\t\tborder-radius: ${o.ajaxLoader.radius};\n\t\tfont-size: ${o.ajaxLoader.font.size};\n\t\tfont-weight: ${o.ajaxLoader.font.weight};\n\t\tfont-family: ${o.ajaxLoader.font.family};\n\t\ttext-transform: ${o.ajaxLoader.letterCase};\n\t\ttext-decoration: ${o.ajaxLoader?.decoration};\n\t\tline-height: ${o.ajaxLoader?.lineHeight};\n\t\tletter-spacing: ${o.ajaxLoader?.letterSpacing};\n\t\tcolor: ${o.ajaxLoader.color.text};\n\t\tbackground-color: ${o.ajaxLoader.color.bg};\n\t\tmin-width: ${o.ajaxLoader.minWidth};\n\t}\n\t#${e} .cozy-block-advanced-gallery__ajax-loader:hover {\n\t\tcolor: ${o.ajaxLoader.color.textHover};\n\t\tbackground-color: ${o.ajaxLoader.color.bgHover};\n\t\tborder-color: ${o.ajaxLoader.color.borderHover};\n\t}\n `}const g=(0,i.createElement)(s.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24"},(0,i.createElement)(s.Path,{d:"M9 9v6h11V9H9zM4 20h1.5V4H4v16z"})),x=(0,i.createElement)(s.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24"},(0,i.createElement)(s.Path,{d:"M12.5 15v5H11v-5H4V9h7V4h1.5v5h7v6h-7Z"})),h=(0,i.createElement)(s.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24"},(0,i.createElement)(s.Path,{d:"M4 15h11V9H4v6zM18.5 4v16H20V4h-1.5z"})),b=(0,i.createElement)(s.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24"},(0,i.createElement)(s.Path,{d:"M9 15h6V9H9v6zm-5 5h1.5V4H4v16zM18.5 4v16H20V4h-1.5z"})),p=(0,i.createElement)(s.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24"},(0,i.createElement)(s.Path,{d:"M5 11.25h14v1.5H5z"})),_=(0,i.createElement)(s.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24"},(0,i.createElement)(s.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"})),y=(0,i.createElement)(s.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24"},(0,i.createElement)(s.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"})),v=(0,i.createElement)(s.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24"},(0,i.createElement)(s.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"})),m=(0,i.createElement)(s.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24"},(0,i.createElement)(s.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"})),u=(0,i.createElement)(s.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24"},(0,i.createElement)(s.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"})),j=(0,i.createElement)(s.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24"},(0,i.createElement)(s.Path,{d:"M13 5.5H4V4h9v1.5Zm7 7H4V11h16v1.5Zm-7 7H4V18h9v1.5Z"})),z=(0,i.createElement)(s.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24"},(0,i.createElement)(s.Path,{d:"M7.5 5.5h9V4h-9v1.5Zm-3.5 7h16V11H4v1.5Zm3.5 7h9V18h-9v1.5Z"})),C=(0,i.createElement)(s.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24"},(0,i.createElement)(s.Path,{d:"M11.111 5.5H20V4h-8.889v1.5ZM4 12.5h16V11H4v1.5Zm7.111 7H20V18h-8.889v1.5Z"})),f=window.ReactJSXRuntime,w=()=>(0,f.jsx)(f.Fragment,{children:(0,f.jsxs)("div",{style:{display:"flex",flexDirection:"column",justifyContent:"center",alignItems:"center",padding:"16px",marginBottom:"10px"},children:[(0,f.jsx)("p",{children:(0,f.jsxs)("svg",{width:"41",height:"48",viewBox:"0 0 41 48",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[(0,f.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,f.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,f.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,f.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,f.jsx)("h2",{style:{fontSize:"18px",fontFamily:"Inter",marginTop:"-5px",marginBottom:"15px"},children:(0,o.__)("Access Without Limits!","cozy-addons")}),(0,f.jsx)("p",{style:{textAlign:"center",lineHeight:"20px"},children:(0,o.__)("Access more blocks and advanced features for effortless design. Upgrade today for a richer web-building experience!","cozy-addons")}),(0,f.jsx)("a",{href:"https://cozythemes.com/pricing-and-plans/",target:"_blank",children:(0,f.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,f.jsxs)("div",{style:{display:"flex",gap:"5px",margin:"0"},children:[(0,f.jsx)("div",{children:(0,f.jsx)("svg",{width:"10",height:"10",viewBox:"0 0 10 10",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:(0,f.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,f.jsx)("div",{children:(0,o.__)("Upgrade to Pro","cozy-addons")})]})})})]})});window.wp.apiFetch;const S=[{label:(0,o.__)("Thin","cozy-addons"),value:"100"},{label:(0,o.__)("Extra Light","cozy-addons"),value:"200"},{label:(0,o.__)("Light","cozy-addons"),value:"300"},{label:(0,o.__)("Normal","cozy-addons"),value:"400"},{label:(0,o.__)("Medium","cozy-addons"),value:"500"},{label:(0,o.__)("Semi Bold","cozy-addons"),value:"600"},{label:(0,o.__)("Bold","cozy-addons"),value:"700"},{label:(0,o.__)("Extra Bold","cozy-addons"),value:"800"},{label:(0,o.__)("Black","cozy-addons"),value:"900"}],L=window.wp.data,$=(0,l.memo)((({attributes:e,setAttributes:a})=>{const[n,i]=(0,l.useState)(""),s=Object.keys(cozyIcons.collection).filter((e=>e.toLowerCase().includes(n.toLowerCase())));return(0,f.jsx)("div",{style:{position:"relative"},children:(0,f.jsxs)(t.BaseControl,{children:[(0,f.jsx)(t.BaseControl.VisualLabel,{children:(0,o.__)("Select Icon","cozy-addons")}),(0,f.jsx)("svg",{style:{position:"absolute",right:"0"},width:18,height:18,xmlns:"http://www.w3.org/2000/svg",viewBox:`${e.icon.viewBox.vx} ${e.icon.viewBox.vy} ${e.icon.viewBox.vw} ${e.icon.viewBox.vh}`,"aria-hidden":"true",fill:"black",children:(0,f.jsx)("path",{d:e.icon.path})}),(0,f.jsx)("input",{type:"text",className:"cozy-icon-search",placeholder:(0,o.__)("Search Icons...","cozy-addons"),value:n,onChange:e=>{i(e.target.value)}}),(0,f.jsx)("div",{className:"cozy-icon-list",children:s.map((o=>{const l=cozyIcons.collection[o],n=l.match(/d="([^"]+)"/),i=l.match(/viewBox\s*=\s*"([^"]*)"/),s=n?n[1]:"",r=i?i[1]:"";return(0,f.jsx)(t.Button,{onClick:()=>((o,t)=>{const l=t.split(" ");a({...e,icon:{...e.icon,path:o,viewBox:{vx:l[0],vy:l[1],vw:l[2],vh:l[3]}}})})(s,r),children:(0,f.jsx)("div",{className:"cozy-icon",title:o,dangerouslySetInnerHTML:{__html:l}})},o)}))})]})})})),H=(0,l.memo)((({attributes:e,setAttributes:n})=>{const i=function(){let e=[{label:"Default",value:""}];if("object"==typeof cozyBlockAssets.googleFonts)for(let o in cozyBlockAssets.googleFonts)e.push({label:cozyBlockAssets.googleFonts[o],value:o});return e}(),s=(0,L.select)("core/editor").getEditorSettings().colors;function d(o){const a=e.mediaCollection.map((e=>parseInt(e.id)===parseInt(o.id)?{...e,...o}:e));n({...e,mediaCollection:[...a]})}const[c,H]=(0,l.useState)("general");return(0,f.jsxs)(f.Fragment,{children:[(0,f.jsxs)(a.InspectorControls,{group:"settings",children:[(0,f.jsxs)(t.PanelBody,{title:(0,o.__)("General Options","cozy-addons"),opened:"general"===c,onToggle:()=>H("general"),children:[!cozyBlockAssets.isPremium&&(0,f.jsxs)(f.Fragment,{children:[(0,f.jsx)(t.SelectControl,{label:(0,o.__)("Display","cozy-addons"),options:[{label:(0,o.__)("Grid","cozy-addons"),value:"grid"},{label:(0,o.__)("Carousel (Pro)","cozy-addons"),value:"grid"}],value:e.display,onChange:o=>n({...e,display:o}),__next40pxDefaultSize:!0}),(0,f.jsxs)(t.BaseControl,{children:[(0,f.jsxs)("div",{style:{display:"flex",gap:"15px"},children:[(0,f.jsx)(t.BaseControl.VisualLabel,{children:(0,o.__)("Enable Filter Tab","cozy-addons")}),(0,f.jsx)("p",{className:"cozy-block-pro-label",children:(0,o.__)("PRO","cozy-addons")})]}),(0,f.jsx)(t.ToggleControl,{value:e.enableOptions.isotopeFilter,disabled:!0})]}),(0,f.jsxs)(t.BaseControl,{children:[(0,f.jsxs)("div",{style:{display:"flex",gap:"15px"},children:[(0,f.jsx)(t.BaseControl.VisualLabel,{children:(0,o.__)("Ajax Loader","cozy-addons")}),(0,f.jsx)("p",{className:"cozy-block-pro-label",children:(0,o.__)("PRO","cozy-addons")})]}),(0,f.jsx)(t.ToggleControl,{value:e.ajaxLoader.enabled,disabled:!0})]})]}),cozyBlockAssets.isPremium&&(0,f.jsxs)(f.Fragment,{children:[(0,f.jsx)(t.SelectControl,{label:(0,o.__)("Display","cozy-addons"),options:[{label:(0,o.__)("Grid","cozy-addons"),value:"grid"},{label:(0,o.__)("Carousel","cozy-addons"),value:"carousel"}],value:e.display,onChange:o=>n({...e,display:o}),__next40pxDefaultSize:!0}),"grid"===e.display&&(0,f.jsxs)(f.Fragment,{children:[(0,f.jsx)(t.ToggleControl,{label:(0,o.__)("Enable Filter Tab","cozy-addons"),checked:e.enableOptions.isotopeFilter,onChange:o=>n({...e,enableOptions:{...e.enableOptions,isotopeFilter:o}})}),(0,f.jsx)(t.ToggleControl,{label:(0,o.__)("Ajax Loader","cozy-addons"),checked:e.ajaxLoader.enabled,onChange:o=>n({...e,ajaxLoader:{...e.ajaxLoader,enabled:o}})}),(0,f.jsx)(t.RangeControl,{label:(0,o.__)("Media Per Page","cozy-addons"),min:-1,max:20,step:1,value:e.perPage,onChange:o=>n({...e,perPage:o}),help:(0,o.__)('*Note: Set the value to "-1" to load all media.',"cozy-addons"),__next40pxDefaultSize:!0})]})]})]}),(0,f.jsxs)(t.PanelBody,{title:(0,o.__)("Query Options","cozy-addons"),opened:"query-options"===c,onToggle:()=>H("query-options"),children:[(0,f.jsx)(t.ToggleControl,{label:(0,o.__)("Show Caption on Hover","cozy-addons"),checked:e.enableOptions.hoverTitle,onChange:o=>n({...e,enableOptions:{...e.enableOptions,hoverTitle:o}})}),(0,f.jsx)(t.ToggleControl,{label:(0,o.__)("Show Icon on Hover","cozy-addons"),checked:e.enableOptions.hoverIcon,onChange:o=>n({...e,enableOptions:{...e.enableOptions,hoverIcon:o}})}),(0,f.jsx)(t.ToggleControl,{label:(0,o.__)("Lightbox","cozy-addons"),checked:e.enableOptions.lightbox,onChange:o=>n({...e,enableOptions:{...e.enableOptions,lightbox:o}})}),e.enableOptions.lightbox&&(0,f.jsx)(t.ToggleControl,{label:(0,o.__)("Show Title on Lightbox","cozy-addons"),checked:e.enableOptions.lightboxTitle,onChange:o=>n({...e,enableOptions:{...e.enableOptions,lightboxTitle:o}})})]}),"grid"===e.display&&(0,f.jsxs)(f.Fragment,{children:[e.enableOptions.isotopeFilter&&(0,f.jsxs)(t.PanelBody,{title:(0,o.__)("Tab Options","cozy-addons"),opened:"tab-options"===c,onToggle:()=>H("tab-options"),children:[(0,f.jsx)(t.ToggleControl,{label:(0,o.__)("Default Tab","cozy-addons"),checked:e.tabOptions.showDefaultTab,onChange:o=>n({...e,tabOptions:{...e.tabOptions,showDefaultTab:o}})}),(0,f.jsxs)(t.BaseControl,{children:[(0,f.jsxs)("div",{style:{display:"flex",justifyContent:"space-between",alignItems:"center"},children:[(0,f.jsx)(t.BaseControl.VisualLabel,{children:(0,o.__)("Tabs","cozy-addons")}),(0,f.jsx)(t.Button,{className:"cozy-tabs__add-btn",onClick:function(){const o={id:`new-tab-${e.tabsList.length+1}`,title:`New Tab ${e.tabsList.length+1}`};n({...e,tabsList:[...e.tabsList,o]})},children:(0,o.__)("Add New Tab","cozy-addons")})]}),e.tabsList.length>0&&e.tabsList.map(((l,i)=>(0,f.jsxs)("div",{style:{display:"flex",justifyContent:"space-between",margin:"6px",padding:"6px",alignItems:"center",border:"1px solid #cacaca",maxHeight:"72px"},children:[(0,f.jsx)("div",{children:(0,f.jsx)(a.RichText,{style:{padding:"6px 0"},placeholder:(0,o.__)("Tab Label","cozy-addons"),value:l.title,onChange:o=>{const a=e.tabsList.map((e=>e.id===l.id?{...e,title:o}:e));n({...e,tabsList:[...a]})}})}),(0,f.jsx)(t.Button,{className:"cozy-tabs__remove-btn",icon:r,color:"#cf2e2e",onClick:()=>{const o=e.tabsList.filter((e=>e.id!==l.id));n({...e,tabsList:o})}})]},i)))]}),(0,f.jsx)("div",{className:"components-base-control",children:(0,f.jsx)(a.HeightControl,{label:(0,o.__)("Gap","cozy-addons"),value:e.tabOptions.gap,onChange:o=>n({...e,tabOptions:{...e.tabOptions,gap:o}})})}),(0,f.jsxs)(t.__experimentalToggleGroupControl,{label:(0,o.__)("Tab Alignment","cozy-addons"),value:e.tabOptions.justifyTab,onChange:o=>n({...e,tabOptions:{...e.tabOptions,justifyTab:o}}),children:[(0,f.jsx)(t.__experimentalToggleGroupControlOptionIcon,{label:(0,o.__)("Left","cozy-addons"),value:"left",icon:g}),(0,f.jsx)(t.__experimentalToggleGroupControlOptionIcon,{label:(0,o.__)("Center","cozy-addons"),value:"center",icon:x}),(0,f.jsx)(t.__experimentalToggleGroupControlOptionIcon,{label:(0,o.__)("Right","cozy-addons"),value:"right",icon:h}),(0,f.jsx)(t.__experimentalToggleGroupControlOptionIcon,{label:(0,o.__)("Stretch","cozy-addons"),value:"space-between",icon:b})]})]}),(0,f.jsxs)(t.PanelBody,{title:(0,o.__)("Grid Options","cozy-addons"),opened:"grid-options"===c,onToggle:()=>H("grid-options"),children:[(0,f.jsx)(t.RangeControl,{label:(0,o.__)("Column","cozy-addons"),min:1,max:20,step:1,value:e.gridOptions.column,onChange:o=>n({...e,gridOptions:{...e.gridOptions,column:o}}),__next40pxDefaultSize:!0}),(0,f.jsx)("div",{className:"components-base-control",children:(0,f.jsx)(a.HeightControl,{label:(0,o.__)("Column Gap","cozy-addons"),value:e.gridOptions.columnGap,onChange:o=>n({...e,gridOptions:{...e.gridOptions,columnGap:o}})})}),!cozyBlockAssets.isPremium&&(0,f.jsxs)(t.BaseControl,{children:[(0,f.jsxs)("div",{style:{display:"flex",gap:"15px"},children:[(0,f.jsx)(t.BaseControl.VisualLabel,{children:(0,o.__)("Masonry","cozy-addons")}),(0,f.jsx)("p",{className:"cozy-block-pro-label",children:(0,o.__)("PRO","cozy-addons")})]}),(0,f.jsx)(t.ToggleControl,{value:e.gridOptions.masonry,disabled:!0})]}),cozyBlockAssets.isPremium&&(0,f.jsx)(t.ToggleControl,{label:(0,o.__)("Masonry","cozy-addons"),checked:e.gridOptions.masonry,onChange:o=>n({...e,gridOptions:{...e.gridOptions,masonry:o}})})]})]}),"carousel"===e.display&&(0,f.jsxs)(t.PanelBody,{title:(0,o.__)("Slider Options","cozy-addons"),opened:"slider-options"===c,onToggle:()=>H("slider-options"),children:[(0,f.jsx)(t.ToggleControl,{label:(0,o.__)("Loop","cozy-addons"),checked:e.sliderOptions.loop,onChange:o=>n({...e,sliderOptions:{...e.sliderOptions,loop:o}})}),(0,f.jsx)(t.ToggleControl,{label:(0,o.__)("Autoplay","cozy-addons"),checked:e.sliderOptions.autoplay.status,onChange:o=>n({...e,sliderOptions:{...e.sliderOptions,autoplay:{...e.sliderOptions.autoplay,status:o}}})}),e.sliderOptions.autoplay.status&&(0,f.jsx)(t.RangeControl,{label:(0,o.__)("Autoplay Delay","cozy-addons"),min:0,max:1e4,step:1,value:e.sliderOptions.autoplay.delay,onChange:o=>n({...e,sliderOptions:{...e.sliderOptions,autoplay:{...e.sliderOptions.autoplay,delay:o}}}),__next40pxDefaultSize:!0}),(0,f.jsx)(t.RangeControl,{label:(0,o.__)("Slides Per View","cozy-addons"),min:1,max:10,step:.1,value:e.sliderOptions.slidesPerView,onChange:o=>n({...e,sliderOptions:{...e.sliderOptions,slidesPerView:o}}),__next40pxDefaultSize:!0}),(0,f.jsx)(t.RangeControl,{label:(0,o.__)("Space Between","cozy-addons"),min:0,max:200,step:1,value:e.sliderOptions.spaceBetween,onChange:o=>n({...e,sliderOptions:{...e.sliderOptions,spaceBetween:o}}),__next40pxDefaultSize:!0}),(0,f.jsx)(t.RangeControl,{label:(0,o.__)("Speed","cozy-addons"),min:0,max:1e4,step:1,value:e.sliderOptions.speed,onChange:o=>n({...e,sliderOptions:{...e.sliderOptions,speed:o}}),__next40pxDefaultSize:!0}),(0,f.jsx)(t.ToggleControl,{label:(0,o.__)("Centered Slides","cozy-addons"),checked:e.sliderOptions.centeredSlides,onChange:o=>n({...e,sliderOptions:{...e.sliderOptions,centeredSlides:o}}),__next40pxDefaultSize:!0}),(0,f.jsx)(t.SelectControl,{label:(0,o.__)("Effect","cozy-addons"),options:[{label:(0,o.__)("Slide","cozy-addons"),value:"slide"},{label:(0,o.__)("Fade","cozy-addons"),value:"fade"},{label:(0,o.__)("Coverflow","cozy-addons"),value:"coverflow"},{label:(0,o.__)("Cube","cozy-addons"),value:"cube"},{label:(0,o.__)("Cards","cozy-addons"),value:"cards"}],value:e.sliderOptions.effect,onChange:o=>n({...e,sliderOptions:{...e.sliderOptions,effect:o}}),__next40pxDefaultSize:!0}),(0,f.jsx)(t.ToggleControl,{label:(0,o.__)("Enable Pagination","cozy-addons"),checked:e.pagination.enabled,onChange:o=>n({...e,pagination:{...e.pagination,enabled:o}})}),(0,f.jsx)(t.ToggleControl,{label:(0,o.__)("Enable Navigation","cozy-addons"),checked:e.navigation.enabled,onChange:o=>n({...e,navigation:{...e.navigation,enabled:o}})}),e.navigation.enabled&&(0,f.jsx)(t.ToggleControl,{label:(0,o.__)("Display on Hover","cozy-addons"),checked:e.navigation.hoverShow,onChange:o=>n({...e,navigation:{...e.navigation,hoverShow:o}}),help:(0,o.__)("*Note: Displays navigation on hover.","cozy-addons")})]}),e.enableOptions.hoverIcon&&(0,f.jsx)(t.PanelBody,{title:(0,o.__)("Icon Options","cozy-addons"),opened:"icon-options"===c,onToggle:()=>H("icon-options"),children:(0,f.jsx)($,{attributes:e,setAttributes:n})}),"grid"===e.display&&e.ajaxLoader.enabled&&(0,f.jsxs)(t.PanelBody,{title:(0,o.__)("Ajax Loader Options","cozy-addons"),opened:"loader-options"===c,onToggle:()=>H("loader-options"),children:[(0,f.jsxs)(t.__experimentalToggleGroupControl,{label:(0,o.__)("Loader Type","cozy-addons"),isBlock:!0,value:e.ajaxLoader.type,onChange:o=>n({...e,ajaxLoader:{...e.ajaxLoader,type:o}}),__next40pxDefaultSize:!0,children:[(0,f.jsx)(t.__experimentalToggleGroupControlOption,{label:(0,o.__)("Button","cozy-addons"),value:"default"}),(0,f.jsx)(t.__experimentalToggleGroupControlOption,{label:(0,o.__)("Scroll","cozy-addons"),value:"scroll"})]}),(0,f.jsx)(t.RangeControl,{label:(0,o.__)("Load More Content","cozy-addons"),min:1,max:10,step:1,value:e.ajaxLoader.content,onChange:o=>n({...e,ajaxLoader:{...e.ajaxLoader,content:o}})}),"default"===e.ajaxLoader.type&&(0,f.jsxs)(f.Fragment,{children:[(0,f.jsx)(t.TextControl,{label:(0,o.__)("Button Label","cozy-addons"),value:e.ajaxLoader.label,onChange:o=>n({...e,ajaxLoader:{...e.ajaxLoader,label:o}}),__next40pxDefaultSize:!0}),(0,f.jsxs)(t.__experimentalToggleGroupControl,{label:(0,o.__)("Alignment","cozy-addons"),value:e.ajaxLoader.textAlign,onChange:o=>n({...e,ajaxLoader:{...e.ajaxLoader,textAlign:o}}),children:[(0,f.jsx)(t.__experimentalToggleGroupControlOptionIcon,{label:(0,o.__)("Left","cozy-addons"),value:"left",icon:g}),(0,f.jsx)(t.__experimentalToggleGroupControlOptionIcon,{label:(0,o.__)("Center","cozy-addons"),value:"center",icon:x}),(0,f.jsx)(t.__experimentalToggleGroupControlOptionIcon,{label:(0,o.__)("Right","cozy-addons"),value:"right",icon:h})]})]}),(0,f.jsx)(t.TextControl,{label:(0,o.__)("Loading Text","cozy-addons"),value:e.ajaxLoader.loadingText,onChange:o=>n({...e,ajaxLoader:{...e.ajaxLoader,loadingText:o}}),__next40pxDefaultSize:!0})]}),e.mediaCollection.length>0&&(0,f.jsx)(t.PanelBody,{title:(0,o.__)("Media Options","cozy-addons"),opened:"media-options"===c,onToggle:()=>H("media-options"),children:e.mediaCollection.map((a=>(0,f.jsxs)("div",{style:{padding:"10px",border:"1px solid #6a6a6a",marginBottom:"12px"},children:[(0,f.jsxs)("figure",{style:{maxWidth:"100%"},children:[" ",(0,f.jsx)("img",{src:a.url,alt:a.alt,style:{maxWidth:"100%"}})," "]}),"grid"===e.display&&e.tabsList.length>0&&e.tabsList.map((e=>{const l=a.categories.includes(e.id);return(0,f.jsx)("div",{style:{display:"flex",flexWrap:"wrap"},children:(0,f.jsx)(t.CheckboxControl,{label:(0,o.__)(e.title,"cozy-addons"),checked:l,onChange:o=>{if(o)a.categories.push(e.id);else{const o=a.categories.filter((o=>o!==e.id));a.categories=o}d(a)}})})})),(0,f.jsx)(t.TextControl,{label:(0,o.__)("Caption","cozy-addons"),value:a.caption,onChange:e=>{a.caption=e,d(a)},__next40pxDefaultSize:!0}),(0,f.jsx)(t.TextControl,{label:(0,o.__)("Alt Text","cozy-addons"),value:a.alt,onChange:e=>{a.alt=e,d(a)},__next40pxDefaultSize:!0})]})))}),!cozyBlockAssets.isPremium&&(0,f.jsx)(w,{})]},"setting"),(0,f.jsxs)(a.InspectorControls,{group:"styles",children:["grid"===e.display&&(0,f.jsx)(f.Fragment,{children:e.enableOptions.isotopeFilter&&(0,f.jsxs)(f.Fragment,{children:[(0,f.jsxs)(t.PanelBody,{title:(0,o.__)("Header Box Styles","cozy-addons"),opened:"header-box-styles"===c,onToggle:()=>H("header-box-styles"),children:[(0,f.jsx)("div",{style:{marginBottom:"22px"},children:(0,f.jsxs)(t.BaseControl,{className:"cozy-box-control",children:[(0,f.jsx)(t.BaseControl.VisualLabel,{children:(0,o.__)("Padding","cozy-addons")}),(0,f.jsx)(t.__experimentalBoxControl,{label:"",resetValues:{top:"0",right:"0",bottom:"0",left:"0"},inputProps:{max:300},values:e.headerBox.padding,onChange:o=>n({...e,headerBox:{...e.headerBox,padding:o}})})]})}),(0,f.jsx)("div",{className:"components-base-control",children:(0,f.jsx)(a.HeightControl,{label:(0,o.__)("Margin Top","cozy-addons"),value:e.headerBox.margin.top,onChange:o=>n({...e,headerBox:{...e.headerBox,margin:{...e.headerBox.margin,top:o}}})})}),(0,f.jsx)("div",{className:"components-base-control",children:(0,f.jsx)(a.HeightControl,{label:(0,o.__)("Margin Bottom","cozy-addons"),value:e.headerBox.margin.bottom,onChange:o=>n({...e,headerBox:{...e.headerBox,margin:{...e.headerBox.margin,bottom:o}}})})}),(0,f.jsx)("div",{className:"components-base-control",children:(0,f.jsx)(t.__experimentalBorderBoxControl,{className:"cozy-border-box-control",enableAlpha:!0,label:(0,o.__)("Border","cozy-addons"),colors:s,value:e.headerBox.border,onChange:o=>n({...e,headerBox:{...e.headerBox,border:o}}),__next40pxDefaultSize:!0})}),(0,f.jsx)("div",{className:"components-base-control",children:(0,f.jsx)(a.HeightControl,{label:(0,o.__)("Border Radius","cozy-addons"),value:e.headerBox.radius,onChange:o=>n({...e,headerBox:{...e.headerBox,radius:o}})})}),(0,f.jsx)(a.PanelColorSettings,{className:"cozy-color-control",enableAlpha:!0,title:(0,o.__)("Color","cozy-addons"),colorSettings:[{label:(0,o.__)("Background","cozy-addons"),value:e.headerBox.color.bg,onChange:o=>n({...e,headerBox:{...e.headerBox,color:{...e.headerBox.color,bg:o}}})}]})]}),(0,f.jsxs)(t.PanelBody,{title:(0,o.__)("Tab Styles","cozy-addons"),opened:"tab-styles"===c,onToggle:()=>H("tab-styles"),children:[(0,f.jsx)("div",{style:{marginBottom:"22px"},children:(0,f.jsxs)(t.BaseControl,{className:"cozy-box-control",children:[(0,f.jsx)(t.BaseControl.VisualLabel,{children:(0,o.__)("Padding","cozy-addons")}),(0,f.jsx)(t.__experimentalBoxControl,{label:"",resetValues:{top:"0",right:"0",bottom:"0",left:"0"},inputProps:{max:300},values:e.tabStyles.padding,onChange:o=>n({...e,tabStyles:{...e.tabStyles,padding:o}})})]})}),(0,f.jsx)("div",{className:"components-base-control",children:(0,f.jsx)(a.HeightControl,{label:(0,o.__)("Border Radius","cozy-addons"),value:e.tabStyles.radius,onChange:o=>n({...e,tabStyles:{...e.tabStyles,radius:o}})})}),(0,f.jsx)("div",{className:"components-base-control",children:(0,f.jsx)(a.HeightControl,{label:(0,o.__)("Font Size","cozy-addons"),value:e.tabStyles.font.size,onChange:o=>n({...e,tabStyles:{...e.tabStyles,font:{...e.tabStyles.font,size:o}}})})}),(0,f.jsx)(t.SelectControl,{label:(0,o.__)("Font Family","cozy-addons"),options:i,value:e.tabStyles.font.family,onChange:o=>n({...e,tabStyles:{...e.tabStyles,font:{...e.tabStyles.font,family:o}}}),__next40pxDefaultSize:!0}),(0,f.jsx)(t.SelectControl,{label:(0,o.__)("Font Weight","cozy-addons"),options:S,value:e.tabStyles.font.weight,onChange:o=>n({...e,tabStyles:{...e.tabStyles,font:{...e.tabStyles.font,weight:o}}}),__next40pxDefaultSize:!0}),(0,f.jsxs)("div",{className:"components-base-control",style:{display:"flex",justifyContent:"space-between",gap:"10px"},children:[(0,f.jsx)("div",{style:{width:"100%"},children:(0,f.jsxs)(t.__experimentalToggleGroupControl,{label:(0,o.__)("Letter Case","cozy-addons"),value:e.tabStyles?.letterCase,onChange:o=>n({...e,tabStyles:{...e.tabStyles,letterCase:o}}),children:[(0,f.jsx)(t.__experimentalToggleGroupControlOptionIcon,{label:(0,o.__)("None","cozy-addons"),value:"none",icon:p}),(0,f.jsx)(t.__experimentalToggleGroupControlOptionIcon,{label:(0,o.__)("Uppercase","cozy-addons"),value:"uppercase",icon:_}),(0,f.jsx)(t.__experimentalToggleGroupControlOptionIcon,{label:(0,o.__)("Lowercase","cozy-addons"),value:"lowercase",icon:y}),(0,f.jsx)(t.__experimentalToggleGroupControlOptionIcon,{label:(0,o.__)("Capitalize","cozy-addons"),value:"capitalize",icon:v})]})}),(0,f.jsx)("div",{style:{width:"100%"},children:(0,f.jsxs)(t.__experimentalToggleGroupControl,{label:(0,o.__)("Decoration","cozy-addons"),value:e.tabStyles?.decoration,onChange:o=>n({...e,tabStyles:{...e.tabStyles,decoration:o}}),children:[(0,f.jsx)(t.__experimentalToggleGroupControlOptionIcon,{label:(0,o.__)("None","cozy-addons"),value:"none",icon:p}),(0,f.jsx)(t.__experimentalToggleGroupControlOptionIcon,{label:(0,o.__)("Underline","cozy-addons"),value:"underline",icon:m}),(0,f.jsx)(t.__experimentalToggleGroupControlOptionIcon,{label:(0,o.__)("Strikethrough","cozy-addons"),value:"line-through",icon:u})]})})]}),(0,f.jsxs)("div",{className:"components-base-control",style:{display:"flex",justifyContent:"space-between",gap:"10px"},children:[(0,f.jsx)("div",{style:{width:"100%"},children:(0,f.jsx)(t.__experimentalUnitControl,{label:(0,o.__)("Line Height","cozy-addons"),value:e.tabStyles?.lineHeight,onChange:o=>n({...e,tabStyles:{...e.tabStyles,lineHeight:o}}),__next40pxDefaultSize:!0})}),(0,f.jsx)("div",{style:{width:"100%"},children:(0,f.jsx)(t.__experimentalUnitControl,{label:(0,o.__)("Letter Spacing","cozy-addons"),value:e.tabStyles?.letterSpacing,onChange:o=>n({...e,tabStyles:{...e.tabStyles,letterSpacing:o}}),__next40pxDefaultSize:!0})})]}),(0,f.jsx)(t.TabPanel,{className:"cozy-tab-panel",activeClass:"active-tab",tabs:[{title:(0,o.__)("Default","cozy-addons"),name:"cozy-tab__default",className:"tab-one"},{title:(0,o.__)("Active","cozy-addons"),name:"cozy-tab__active",className:"tab-one"}],children:a=>(0,f.jsxs)(f.Fragment,{children:["cozy-tab__default"===a.name&&(0,f.jsxs)(f.Fragment,{children:[(0,f.jsx)("div",{className:"components-base-control",children:(0,f.jsx)(t.__experimentalBorderBoxControl,{className:"cozy-border-box-control",enableAlpha:!0,colors:s,label:(0,o.__)("Border","cozy-addons"),value:e.tabStyles.default.border,onChange:o=>n({...e,tabStyles:{...e.tabStyles,default:{...e.tabStyles.default,border:o}}})})}),(0,f.jsx)(t.ToggleControl,{label:(0,o.__)("Box Shadow","cozy-addons"),checked:e.tabStyles.default.shadow.enabled,onChange:o=>n({...e,tabStyles:{...e.tabStyles,default:{...e.tabStyles.default,shadow:{...e.tabStyles.default,enabled:o}}}})}),e.tabStyles.default.shadow.enabled&&(0,f.jsxs)(f.Fragment,{children:[(0,f.jsx)(t.RangeControl,{label:(0,o.__)("Horizontal","cozy-addons"),min:-100,max:100,step:1,value:e.tabStyles.default.shadow.horizontal,onChange:o=>n({...e,tabStyles:{...e.tabStyles,default:{...e.tabStyles.default,shadow:{...e.tabStyles.default.shadow,horizontal:o}}}}),__next40pxDefaultSize:!0}),(0,f.jsx)(t.RangeControl,{label:(0,o.__)("Vertical","cozy-addons"),min:-100,max:100,step:1,value:e.tabStyles.default.shadow.vertical,onChange:o=>n({...e,tabStyles:{...e.tabStyles,default:{...e.tabStyles.default,shadow:{...e.tabStyles.default.shadow,vertical:o}}}}),__next40pxDefaultSize:!0}),(0,f.jsx)(t.RangeControl,{label:(0,o.__)("Blur","cozy-addons"),min:0,max:100,step:1,value:e.tabStyles.default.shadow.blur,onChange:o=>n({...e,tabStyles:{...e.tabStyles,default:{...e.tabStyles.default,shadow:{...e.tabStyles.default.shadow,blur:o}}}}),__next40pxDefaultSize:!0}),(0,f.jsx)(t.RangeControl,{label:(0,o.__)("Spread","cozy-addons"),min:-100,max:100,step:1,value:e.tabStyles.default.shadow.spread,onChange:o=>n({...e,tabStyles:{...e.tabStyles,default:{...e.tabStyles.default,shadow:{...e.tabStyles.default.shadow,spread:o}}}}),__next40pxDefaultSize:!0}),(0,f.jsx)(t.SelectControl,{label:(0,o.__)("Position","cozy-addons"),options:[{label:(0,o.__)("Outline","cozy-addons"),value:"outline"},{label:(0,o.__)("Inset","cozy-addons"),value:"inset"}],value:e.tabStyles.default.shadow.position,onChange:o=>n({...e,tabStyles:{...e.tabStyles,default:{...e.tabStyles.default,shadow:{...e.tabStyles.default.shadow,position:o}}}}),__next40pxDefaultSize:!0}),(0,f.jsx)("div",{style:{margin:"22px 0"},children:(0,f.jsx)(t.ColorPalette,{title:(0,o.__)("Shadow Color","cozy-addons"),enableAlpha:!0,colors:s,value:e.tabStyles.default.shadow.color,onChange:o=>n({...e,tabStyles:{...e.tabStyles,default:{...e.tabStyles.default,shadow:{...e.tabStyles.default.shadow,color:o}}}})})})]})]}),"cozy-tab__active"===a.name&&(0,f.jsxs)(f.Fragment,{children:[(0,f.jsx)(t.RangeControl,{label:(0,o.__)("Margin Bottom","cozy-addons"),min:-100,max:100,step:1,value:e.tabStyles.active.marginBottom,onChange:o=>n({...e,tabStyles:{...e.tabStyles,active:{...e.tabStyles.active,marginBottom:o}}}),__next40pxDefaultSize:!0}),(0,f.jsx)("div",{className:"components-base-control",children:(0,f.jsx)(t.__experimentalBorderBoxControl,{className:"cozy-border-box-control",enableAlpha:!0,label:(0,o.__)("Border","cozy-addons"),colors:s,value:e.tabStyles.active.border,onChange:o=>n({...e,tabStyles:{...e.tabStyles,active:{...e.tabStyles.active,border:o}}}),__next40pxDefaultSize:!0})}),(0,f.jsx)(t.ToggleControl,{label:(0,o.__)("Box Shadow","cozy-addons"),checked:e.tabStyles.active.shadow.enabled,onChange:o=>n({...e,tabStyles:{...e.tabStyles,active:{...e.tabStyles.active,shadow:{...e.tabStyles.active,enabled:o}}}})}),e.tabStyles.active.shadow.enabled&&(0,f.jsxs)(f.Fragment,{children:[(0,f.jsx)(t.RangeControl,{label:(0,o.__)("Horizontal","cozy-addons"),min:-100,max:100,step:1,value:e.tabStyles.active.shadow.horizontal,onChange:o=>n({...e,tabStyles:{...e.tabStyles,active:{...e.tabStyles.active,shadow:{...e.tabStyles.active.shadow,horizontal:o}}}}),__next40pxDefaultSize:!0}),(0,f.jsx)(t.RangeControl,{label:(0,o.__)("Vertical","cozy-addons"),min:-100,max:100,step:1,value:e.tabStyles.active.shadow.vertical,onChange:o=>n({...e,tabStyles:{...e.tabStyles,active:{...e.tabStyles.active,shadow:{...e.tabStyles.active.shadow,vertical:o}}}}),__next40pxDefaultSize:!0}),(0,f.jsx)(t.RangeControl,{label:(0,o.__)("Blur","cozy-addons"),min:0,max:100,step:1,value:e.tabStyles.active.shadow.blur,onChange:o=>n({...e,tabStyles:{...e.tabStyles,active:{...e.tabStyles.active,shadow:{...e.tabStyles.active.shadow,blur:o}}}}),__next40pxDefaultSize:!0}),(0,f.jsx)(t.RangeControl,{label:(0,o.__)("Spread","cozy-addons"),min:-100,max:100,step:1,value:e.tabStyles.active.shadow.spread,onChange:o=>n({...e,tabStyles:{...e.tabStyles,active:{...e.tabStyles.active,shadow:{...e.tabStyles.active.shadow,spread:o}}}}),__next40pxDefaultSize:!0}),(0,f.jsx)(t.SelectControl,{label:(0,o.__)("Position","cozy-addons"),options:[{label:(0,o.__)("Outline","cozy-addons"),value:"outline"},{label:(0,o.__)("Inset","cozy-addons"),value:"inset"}],value:e.tabStyles.active.shadow.position,onChange:o=>n({...e,tabStyles:{...e.tabStyles,active:{...e.tabStyles.active,shadow:{...e.tabStyles.active.shadow,position:o}}}}),__next40pxDefaultSize:!0}),(0,f.jsx)("div",{style:{margin:"22px 0"},children:(0,f.jsx)(t.ColorPalette,{title:(0,o.__)("Shadow Color","cozy-addons"),enableAlpha:!0,colors:s,value:e.tabStyles.active.shadow.color,onChange:o=>n({...e,tabStyles:{...e.tabStyles,active:{...e.tabStyles.active,shadow:{...e.tabStyles.active.shadow,color:o}}}})})})]})]})]})}),(0,f.jsx)(a.PanelColorSettings,{className:"cozy-color-control",enableAlpha:!0,title:(0,o.__)("Color","cozy-addons"),colorSettings:[{label:(0,o.__)("Text","cozy-addons"),value:e.tabStyles.color.text,onChange:o=>n({...e,tabStyles:{...e.tabStyles,color:{...e.tabStyles.color,text:o}}})},{label:(0,o.__)("Text (Hover)","cozy-addons"),value:e.tabStyles.color.textHover,onChange:o=>n({...e,tabStyles:{...e.tabStyles,color:{...e.tabStyles.color,textHover:o}}})},{label:(0,o.__)("Text (Active)","cozy-addons"),value:e.tabStyles.color.textActive,onChange:o=>n({...e,tabStyles:{...e.tabStyles,color:{...e.tabStyles.color,textActive:o}}})},{label:(0,o.__)("Background","cozy-addons"),value:e.tabStyles.color.bg,onChange:o=>n({...e,tabStyles:{...e.tabStyles,color:{...e.tabStyles.color,bg:o}}})},{label:(0,o.__)("Background (Hover)","cozy-addons"),value:e.tabStyles.color.bgHover,onChange:o=>n({...e,tabStyles:{...e.tabStyles,color:{...e.tabStyles.color,bgHover:o}}})},{label:(0,o.__)("Background (Active)","cozy-addons"),value:e.tabStyles.color.bgActive,onChange:o=>n({...e,tabStyles:{...e.tabStyles,color:{...e.tabStyles.color,bgActive:o}}})}]})]})]})}),(0,f.jsxs)(t.PanelBody,{title:(0,o.__)("Image Styles","cozy-addons"),opened:"img-styles"===c,onToggle:()=>H("img-styles"),children:[(0,f.jsx)(t.ToggleControl,{label:(0,o.__)("Hover Effect","cozy-addons"),checked:e.image.hoverEffect,onChange:o=>n({...e,image:{...e.image,hoverEffect:o}})}),(0,f.jsxs)(t.__experimentalToolsPanel,{label:(0,o.__)("Dimension","cozy-addons"),resetAll:()=>n({...e,image:{...e.image,width:"",height:"220px",radius:"0px"}}),children:[(0,f.jsx)(t.__experimentalToolsPanelItem,{hasValue:()=>!!e.image.width,label:(0,o.__)("Width","cozy-addons"),onDeselect:()=>n({...e,image:{...e.image,width:""}}),children:(0,f.jsx)("div",{className:"components-base-control",children:(0,f.jsx)(a.HeightControl,{label:(0,o.__)("Width","cozy-addons"),value:e.image.width,onChange:o=>n({...e,image:{...e.image,width:o}})})})}),(0,f.jsx)(t.__experimentalToolsPanelItem,{hasValue:()=>!!e.image.height,label:(0,o.__)("Height","cozy-addons"),onDeselect:()=>n({...e,image:{...e.image,height:""}}),children:(0,f.jsx)("div",{className:"components-base-control",children:(0,f.jsx)(a.HeightControl,{label:(0,o.__)("Height","cozy-addons"),value:e.image.height,onChange:o=>n({...e,image:{...e.image,height:o}})})})}),(0,f.jsx)(t.__experimentalToolsPanelItem,{hasValue:()=>!!e.image.radius,label:(0,o.__)("Border Radius","cozy-addons"),onDeselect:()=>n({...e,image:{...e.image,radius:"0px"}}),children:(0,f.jsx)("div",{className:"components-base-control",children:(0,f.jsx)(a.HeightControl,{label:(0,o.__)("Border Radius","cozy-addons"),value:e.image.radius,onChange:o=>n({...e,image:{...e.image,radius:o}})})})})]}),e.enableOptions.hoverTitle&&(0,f.jsxs)(f.Fragment,{children:[(0,f.jsxs)(t.__experimentalToggleGroupControl,{label:(0,o.__)("Title Alignment","cozy-addons"),value:e.image.title.align,onChange:o=>n({...e,image:{...e.image,title:{...e.image.title,align:o}}}),children:[(0,f.jsx)(t.__experimentalToggleGroupControlOptionIcon,{label:(0,o.__)("Left","cozy-addons"),value:"left",icon:j}),(0,f.jsx)(t.__experimentalToggleGroupControlOptionIcon,{label:(0,o.__)("Center","cozy-addons"),value:"center",icon:z}),(0,f.jsx)(t.__experimentalToggleGroupControlOptionIcon,{label:(0,o.__)("Right","cozy-addons"),value:"right",icon:C})]}),(0,f.jsx)(a.HeightControl,{label:(0,o.__)("Title Vertical Spacing","cozy-addons"),value:e.image.title.bottom,onChange:o=>n({...e,image:{...e.image,title:{...e.image.title,bottom:o}}})}),"left"===e.image.title.align&&(0,f.jsx)("div",{className:"components-base-control",children:(0,f.jsx)(a.HeightControl,{label:(0,o.__)("Title Horizontal Spacing","cozy-addons"),value:e.image.title.left,onChange:o=>n({...e,image:{...e.image,title:{...e.image.title,left:o}}})})}),"right"===e.image.title.align&&(0,f.jsx)("div",{className:"components-base-control",children:(0,f.jsx)(a.HeightControl,{label:(0,o.__)("Title Horizontal Spacing","cozy-addons"),value:e.image.title.right,onChange:o=>n({...e,image:{...e.image,title:{...e.image.title,right:o}}})})}),(0,f.jsx)("div",{className:"components-base-control",children:(0,f.jsx)(a.HeightControl,{label:(0,o.__)("Font Size","cozy-addons"),value:e.image.title.font.size,onChange:o=>n({...e,image:{...e.image,title:{...e.image.title,font:{...e.image.title.font,size:o}}}})})}),(0,f.jsx)(t.SelectControl,{label:(0,o.__)("Font Family","cozy-addons"),options:i,value:e.image.title.font.family,onChange:o=>n({...e,image:{...e.image,title:{...e.image.title,font:{...e.image.title.font,family:o}}}}),__next40pxDefaultSize:!0}),(0,f.jsx)(t.SelectControl,{label:(0,o.__)("Font Weight","cozy-addons"),options:S,value:e.image.title.font.weight,onChange:o=>n({...e,image:{...e.image,title:{...e.image.title,font:{...e.image.title.font,weight:o}}}}),__next40pxDefaultSize:!0}),(0,f.jsxs)("div",{className:"components-base-control",style:{display:"flex",justifyContent:"space-between",gap:"10px"},children:[(0,f.jsx)("div",{style:{width:"100%"},children:(0,f.jsxs)(t.__experimentalToggleGroupControl,{label:(0,o.__)("Letter Case","cozy-addons"),value:e.image.title.letterCase,onChange:o=>n({...e,image:{...e.image,title:{...e.image.title,letterCase:o}}}),children:[(0,f.jsx)(t.__experimentalToggleGroupControlOptionIcon,{label:(0,o.__)("None","cozy-addons"),value:"none",icon:p}),(0,f.jsx)(t.__experimentalToggleGroupControlOptionIcon,{label:(0,o.__)("Uppercase","cozy-addons"),value:"uppercase",icon:_}),(0,f.jsx)(t.__experimentalToggleGroupControlOptionIcon,{label:(0,o.__)("Lowercase","cozy-addons"),value:"lowercase",icon:y}),(0,f.jsx)(t.__experimentalToggleGroupControlOptionIcon,{label:(0,o.__)("Capitalize","cozy-addons"),value:"capitalize",icon:v})]})}),(0,f.jsx)("div",{style:{width:"100%"},children:(0,f.jsxs)(t.__experimentalToggleGroupControl,{label:(0,o.__)("Decoration","cozy-addons"),value:e.image.title?.decoration,onChange:o=>n({...e,image:{...e.image,title:{...e.image.title,decoration:o}}}),children:[(0,f.jsx)(t.__experimentalToggleGroupControlOptionIcon,{label:(0,o.__)("None","cozy-addons"),value:"none",icon:p}),(0,f.jsx)(t.__experimentalToggleGroupControlOptionIcon,{label:(0,o.__)("Underline","cozy-addons"),value:"underline",icon:m}),(0,f.jsx)(t.__experimentalToggleGroupControlOptionIcon,{label:(0,o.__)("Strikethrough","cozy-addons"),value:"line-through",icon:u})]})})]}),(0,f.jsxs)("div",{className:"components-base-control",style:{display:"flex",justifyContent:"space-between",gap:"10px"},children:[(0,f.jsx)("div",{style:{width:"100%"},children:(0,f.jsx)(t.__experimentalUnitControl,{label:(0,o.__)("Line Height","cozy-addons"),value:e.image.title?.lineHeight,onChange:o=>n({...e,image:{...e.image,title:{...e.image.title,lineHeight:o}}}),__next40pxDefaultSize:!0})}),(0,f.jsx)("div",{style:{width:"100%"},children:(0,f.jsx)(t.__experimentalUnitControl,{label:(0,o.__)("Letter Spacing","cozy-addons"),value:e.image.title?.letterSpacing,onChange:o=>n({...e,image:{...e.image,title:{...e.image.title,letterSpacing:o}}}),__next40pxDefaultSize:!0})})]})]}),(0,f.jsx)(a.PanelColorSettings,{className:"cozy-color-control",enableAlpha:!0,title:(0,o.__)("Color","cozy-addons"),colorSettings:[{label:(0,o.__)("Text","cozy-addons"),value:e.image.color.text,onChange:o=>n({...e,image:{...e.image,color:{...e.image.color,text:o}}})},{label:(0,o.__)("Overlay","cozy-addons"),value:e.image.color.overlay,onChange:o=>n({...e,image:{...e.image,color:{...e.image.color,overlay:o}}})}]})]}),e.enableOptions.hoverIcon&&(0,f.jsxs)(t.PanelBody,{title:(0,o.__)("Icon Styles","cozy-addons"),opened:"icon-styles"===c,onToggle:()=>H("icon-styles"),children:[(0,f.jsxs)(t.BaseControl,{className:"cozy-box-control",children:[(0,f.jsx)(t.BaseControl.VisualLabel,{children:(0,o.__)("Padding","cozy-addons")}),(0,f.jsx)(t.__experimentalBoxControl,{label:"",resetValues:{top:"0",right:"0",bottom:"0",left:"0"},inputProps:{max:300},values:e.icon.box.padding,onChange:o=>n({...e,icon:{...e.icon,box:{...e.icon.box,padding:o}}})})]}),(0,f.jsx)("div",{className:"components-base-control",children:(0,f.jsx)(t.__experimentalBorderControl,{label:(0,o.__)("Border","cozy-addons"),enableAlpha:!0,isCompact:!0,colors:s,value:e.icon.box.border,onChange:o=>n({...e,icon:{...e.icon,box:{...e.icon.box,border:o}}})})}),(0,f.jsx)("div",{className:"components-base-control",children:(0,f.jsx)(a.HeightControl,{label:(0,o.__)("Radius","cozy-addons"),value:e.icon.box.radius,onChange:o=>n({...e,icon:{...e.icon,box:{...e.icon.box,radius:o}}})})}),(0,f.jsx)("div",{className:"components-base-control",children:(0,f.jsx)(a.HeightControl,{label:(0,o.__)("Size","cozy-addons"),value:e.icon.size,onChange:o=>n({...e,icon:{...e.icon,size:o}})})}),(0,f.jsx)(a.PanelColorSettings,{className:"cozy-color-control",enableAlpha:!0,title:(0,o.__)("Color","cozy-addons"),colorSettings:[{label:(0,o.__)("Icon","cozy-addons"),value:e.icon.color.text,onChange:o=>n({...e,icon:{...e.icon,color:{...e.icon.color,text:o}}})},{label:(0,o.__)("Icon (Hover)","cozy-addons"),value:e.icon.color.textHover,onChange:o=>n({...e,icon:{...e.icon,color:{...e.icon.color,textHover:o}}})},{label:(0,o.__)("Background","cozy-addons"),value:e.icon.color.bg,onChange:o=>n({...e,icon:{...e.icon,color:{...e.icon.color,bg:o}}})},{label:(0,o.__)("Background (Hover)","cozy-addons"),value:e.icon.color.bgHover,onChange:o=>n({...e,icon:{...e.icon,color:{...e.icon.color,bgHover:o}}})}]})]}),"grid"===e.display&&(0,f.jsxs)(f.Fragment,{children:[e.ajaxLoader.enabled&&(0,f.jsxs)(t.PanelBody,{title:(0,o.__)("Ajax Loader Styles","cozy-addons"),opened:"loader-styles"===c,onToggle:()=>H("loader-styles"),children:[(0,f.jsxs)(t.BaseControl,{className:"cozy-box-control",children:[(0,f.jsx)(t.BaseControl.VisualLabel,{children:(0,o.__)("Padding","cozy-addons")}),(0,f.jsx)(t.__experimentalBoxControl,{label:"",resetValues:{top:"0",right:"0",bottom:"0",left:"0"},inputProps:{max:300},values:e.ajaxLoader.padding,onChange:o=>n({...e,ajaxLoader:{...e.ajaxLoader,padding:o}})})]}),(0,f.jsx)("div",{className:"components-base-control",children:(0,f.jsx)(a.HeightControl,{label:(0,o.__)("Margin Top","cozy-addons"),value:e.ajaxLoader.margin.top,onChange:o=>n({...e,ajaxLoader:{...e.ajaxLoader,margin:{...e.ajaxLoader.margin,top:o}}})})}),(0,f.jsx)("div",{className:"components-base-control",children:(0,f.jsx)(a.HeightControl,{label:(0,o.__)("Margin Bottom","cozy-addons"),value:e.ajaxLoader.margin.bottom,onChange:o=>n({...e,ajaxLoader:{...e.ajaxLoader,margin:{...e.ajaxLoader.margin,bottom:o}}})})}),"default"===e.ajaxLoader.type&&(0,f.jsx)(f.Fragment,{children:(0,f.jsx)("div",{className:"components-base-control",children:(0,f.jsx)(a.HeightControl,{label:(0,o.__)("Min. Width","cozy-addons"),value:e.ajaxLoader.minWidth,onChange:o=>n({...e,ajaxLoader:{...e.ajaxLoader,minWidth:o}})})})}),(0,f.jsxs)(t.__experimentalToolsPanel,{label:(0,o.__)("Border & Radius","cozy-addons"),resetAll:()=>n({...e,ajaxLoader:{...e.ajaxLoader,border:{width:"",style:"",color:""},radius:"0px"}}),children:[(0,f.jsx)(t.__experimentalToolsPanelItem,{hasValue:()=>!!e.ajaxLoader.border,label:(0,o.__)("Border","cozy-addons"),onDeselect:()=>n({...e,ajaxLoader:{...e.ajaxLoader,border:{width:"",style:"",color:""}}}),children:(0,f.jsx)("div",{className:"components-base-control",children:(0,f.jsx)(t.__experimentalBorderControl,{label:(0,o.__)("Border","cozy-addons"),enableAlpha:!0,isCompact:!0,colors:s,value:e.ajaxLoader.border,onChange:o=>n({...e,ajaxLoader:{...e.ajaxLoader,border:o}})})})}),(0,f.jsx)(t.__experimentalToolsPanelItem,{hasValue:()=>!!e.ajaxLoader.radius,label:(0,o.__)("Radius","cozy-addons"),onDeselect:()=>n({...e,ajaxLoader:{...e.ajaxLoader,radius:"0px"}}),children:(0,f.jsx)("div",{className:"components-base-control",children:(0,f.jsx)(a.HeightControl,{label:(0,o.__)("Border Radius","cozy-addons"),value:e.ajaxLoader.radius,onChange:o=>n({...e,ajaxLoader:{...e.ajaxLoader,radius:o}})})})})]}),(0,f.jsx)(t.__experimentalToolsPanel,{label:(0,o.__)("Typography","cozy-addons"),resetAll:()=>n({...e,ajaxLoader:{...e.ajaxLoader,font:{size:"14px",weight:"500",family:""},letterCase:"none",decoration:"none",lineHeight:"",letterSpacing:""}}),children:(0,f.jsxs)(t.__experimentalToolsPanelItem,{hasValue:()=>!!e.ajaxLoader.font,label:(0,o.__)("Font","cozy-addons"),onDeselect:()=>n({...e,ajaxLoader:{...e.ajaxLoader,font:{size:"14px",weight:"500",family:""}}}),children:[(0,f.jsx)("div",{className:"components-base-control",children:(0,f.jsx)(a.HeightControl,{label:(0,o.__)("Font Size","cozy-addons"),value:e.ajaxLoader.font.size,onChange:o=>n({...e,ajaxLoader:{...e.ajaxLoader,font:{...e.ajaxLoader.font,size:o}}})})}),(0,f.jsx)("div",{className:"components-base-control",children:(0,f.jsx)(t.SelectControl,{label:(0,o.__)("Font Family","cozy-addons"),options:i,value:e.ajaxLoader.font.family,onChange:o=>n({...e,ajaxLoader:{...e.ajaxLoader,font:{...e.ajaxLoader.font,family:o}}}),__next40pxDefaultSize:!0})}),(0,f.jsx)("div",{className:"components-base-control",children:(0,f.jsx)(t.SelectControl,{label:(0,o.__)("Font Weight","cozy-addons"),options:S,value:e.ajaxLoader.font.weight,onChange:o=>n({...e,ajaxLoader:{...e.ajaxLoader,font:{...e.ajaxLoader.font,weight:o}}}),__next40pxDefaultSize:!0})})]})}),(0,f.jsxs)("div",{className:"components-base-control",style:{display:"flex",justifyContent:"space-between",gap:"10px"},children:[(0,f.jsx)("div",{style:{width:"100%"},children:(0,f.jsxs)(t.__experimentalToggleGroupControl,{label:(0,o.__)("Letter Case","cozy-addons"),value:e.ajaxLoader?.letterCase,onChange:o=>n({...e,ajaxLoader:{...e.ajaxLoader,letterCase:o}}),children:[(0,f.jsx)(t.__experimentalToggleGroupControlOptionIcon,{label:(0,o.__)("None","cozy-addons"),value:"none",icon:p}),(0,f.jsx)(t.__experimentalToggleGroupControlOptionIcon,{label:(0,o.__)("Uppercase","cozy-addons"),value:"uppercase",icon:_}),(0,f.jsx)(t.__experimentalToggleGroupControlOptionIcon,{label:(0,o.__)("Lowercase","cozy-addons"),value:"lowercase",icon:y}),(0,f.jsx)(t.__experimentalToggleGroupControlOptionIcon,{label:(0,o.__)("Capitalize","cozy-addons"),value:"capitalize",icon:v})]})}),(0,f.jsx)("div",{style:{width:"100%"},children:(0,f.jsxs)(t.__experimentalToggleGroupControl,{label:(0,o.__)("Decoration","cozy-addons"),value:e.ajaxLoader?.decoration,onChange:o=>n({...e,ajaxLoader:{...e.ajaxLoader,decoration:o}}),children:[(0,f.jsx)(t.__experimentalToggleGroupControlOptionIcon,{label:(0,o.__)("None","cozy-addons"),value:"none",icon:p}),(0,f.jsx)(t.__experimentalToggleGroupControlOptionIcon,{label:(0,o.__)("Underline","cozy-addons"),value:"underline",icon:m}),(0,f.jsx)(t.__experimentalToggleGroupControlOptionIcon,{label:(0,o.__)("Strikethrough","cozy-addons"),value:"line-through",icon:u})]})})]}),(0,f.jsxs)("div",{className:"components-base-control",style:{display:"flex",justifyContent:"space-between",gap:"10px"},children:[(0,f.jsx)("div",{style:{width:"100%"},children:(0,f.jsx)(t.__experimentalUnitControl,{label:(0,o.__)("Line Height","cozy-addons"),value:e.ajaxLoader?.lineHeight,onChange:o=>n({...e,ajaxLoader:{...e.ajaxLoader,lineHeight:o}}),__next40pxDefaultSize:!0})}),(0,f.jsx)("div",{style:{width:"100%"},children:(0,f.jsx)(t.__experimentalUnitControl,{label:(0,o.__)("Letter Spacing","cozy-addons"),value:e.ajaxLoader?.letterSpacing,onChange:o=>n({...e,ajaxLoader:{...e.ajaxLoader,letterSpacing:o}}),__next40pxDefaultSize:!0})})]}),(0,f.jsx)(a.PanelColorSettings,{className:"cozy-color-control",enableAlpha:!0,title:(0,o.__)("Color","cozy-addons"),colorSettings:[{label:(0,o.__)("Text (Default)","cozy-addons"),value:e.ajaxLoader.color.text,onChange:o=>n({...e,ajaxLoader:{...e.ajaxLoader,color:{...e.ajaxLoader.color,text:o}}})},{label:(0,o.__)("Text (Hover)","cozy-addons"),value:e.ajaxLoader.color.textHover,onChange:o=>n({...e,ajaxLoader:{...e.ajaxLoader,color:{...e.ajaxLoader.color,textHover:o}}})},{label:(0,o.__)("Spinner (Primary)","cozy-addons"),value:e.ajaxLoader.color.spinnerPrimary,onChange:o=>n({...e,ajaxLoader:{...e.ajaxLoader,color:{...e.ajaxLoader.color,spinnerPrimary:o}}})},{label:(0,o.__)("Spinner (Secondary)","cozy-addons"),value:e.ajaxLoader.color.spinnerSecondary,onChange:o=>n({...e,ajaxLoader:{...e.ajaxLoader,color:{...e.ajaxLoader.color,spinnerSecondary:o}}})},{label:(0,o.__)("Background (Default)","cozy-addons"),value:e.ajaxLoader.color.bg,onChange:o=>n({...e,ajaxLoader:{...e.ajaxLoader,color:{...e.ajaxLoader.color,bg:o}}})},{label:(0,o.__)("Background (Hover)","cozy-addons"),value:e.ajaxLoader.color.bgHover,onChange:o=>n({...e,ajaxLoader:{...e.ajaxLoader,color:{...e.ajaxLoader.color,bgHover:o}}})},{label:(0,o.__)("Border (Hover)","cozy-addons"),value:e.ajaxLoader.color.borderHover,onChange:o=>n({...e,ajaxLoader:{...e.ajaxLoader,color:{...e.ajaxLoader.color,borderHover:o}}})}]})]}),e.enableOptions.lightbox&&(0,f.jsxs)(f.Fragment,{children:[e.enableOptions.lightboxTitle&&(0,f.jsxs)(t.PanelBody,{title:(0,o.__)("Lightbox Title Styles","cozy-addons"),opened:"lightbox-title-styles"===c,onToggle:()=>H("lightbox-title-styles"),children:[(0,f.jsxs)(t.__experimentalToggleGroupControl,{label:(0,o.__)("Title Alignment","cozy-addons"),value:e.lightbox.title.align,onChange:o=>n({...e,lightbox:{...e.lightbox,title:{...e.lightbox.title,align:o}}}),children:[(0,f.jsx)(t.__experimentalToggleGroupControlOptionIcon,{label:(0,o.__)("Left","cozy-addons"),value:"left",icon:j}),(0,f.jsx)(t.__experimentalToggleGroupControlOptionIcon,{label:(0,o.__)("Center","cozy-addons"),value:"center",icon:z}),(0,f.jsx)(t.__experimentalToggleGroupControlOptionIcon,{label:(0,o.__)("Right","cozy-addons"),value:"right",icon:C})]}),(0,f.jsx)(t.RangeControl,{label:(0,o.__)("Title Vertical Spacing","cozy-addons"),min:-500,max:500,step:1,value:e.lightbox.title.bottom,onChange:o=>n({...e,lightbox:{...e.lightbox,title:{...e.lightbox.title,bottom:o}}}),__next40pxDefaultSize:!0}),"left"===e.lightbox.title.align&&(0,f.jsx)("div",{className:"components-base-control",children:(0,f.jsx)(a.HeightControl,{label:(0,o.__)("Title Horizontal Spacing","cozy-addons"),value:e.lightbox.title.left,onChange:o=>n({...e,lightbox:{...e.lightbox,title:{...e.lightbox.title,left:o}}})})}),"right"===e.lightbox.title.align&&(0,f.jsx)("div",{className:"components-base-control",children:(0,f.jsx)(a.HeightControl,{label:(0,o.__)("Title Horizontal Spacing","cozy-addons"),value:e.lightbox.title.right,onChange:o=>n({...e,lightbox:{...e.lightbox,title:{...e.lightbox.title,right:o}}})})}),(0,f.jsx)("div",{className:"components-base-control",children:(0,f.jsx)(a.HeightControl,{label:(0,o.__)("Font Size","cozy-addons"),value:e.lightbox.title.font.size,onChange:o=>n({...e,lightbox:{...e.lightbox,title:{...e.lightbox.title,font:{...e.lightbox.title.font,size:o}}}})})}),(0,f.jsx)(t.SelectControl,{label:(0,o.__)("Font Family","cozy-addons"),options:i,value:e.lightbox.title.font.family,onChange:o=>n({...e,lightbox:{...e.lightbox,title:{...e.lightbox.title,font:{...e.lightbox.title.font,family:o}}}}),__next40pxDefaultSize:!0}),(0,f.jsx)(t.SelectControl,{label:(0,o.__)("Font Weight","cozy-addons"),options:S,value:e.lightbox.title.font.weight,onChange:o=>n({...e,lightbox:{...e.lightbox,title:{...e.lightbox.title,font:{...e.lightbox.title.font,weight:o}}}}),__next40pxDefaultSize:!0}),(0,f.jsxs)("div",{className:"components-base-control",style:{display:"flex",justifyContent:"space-between",gap:"10px"},children:[(0,f.jsx)("div",{style:{width:"100%"},children:(0,f.jsxs)(t.__experimentalToggleGroupControl,{label:(0,o.__)("Letter Case","cozy-addons"),value:e.lightbox.title.letterCase,onChange:o=>n({...e,lightbox:{...e.lightbox,title:{...e.lightbox.title,letterCase:o}}}),children:[(0,f.jsx)(t.__experimentalToggleGroupControlOptionIcon,{label:(0,o.__)("None","cozy-addons"),value:"none",icon:p}),(0,f.jsx)(t.__experimentalToggleGroupControlOptionIcon,{label:(0,o.__)("Uppercase","cozy-addons"),value:"uppercase",icon:_}),(0,f.jsx)(t.__experimentalToggleGroupControlOptionIcon,{label:(0,o.__)("Lowercase","cozy-addons"),value:"lowercase",icon:y}),(0,f.jsx)(t.__experimentalToggleGroupControlOptionIcon,{label:(0,o.__)("Capitalize","cozy-addons"),value:"capitalize",icon:v})]})}),(0,f.jsx)("div",{style:{width:"100%"},children:(0,f.jsxs)(t.__experimentalToggleGroupControl,{label:(0,o.__)("Decoration","cozy-addons"),value:e.lightbox.title?.decoration,onChange:o=>n({...e,lightbox:{...e.lightbox,title:{...e.lightbox.title,decoration:o}}}),children:[(0,f.jsx)(t.__experimentalToggleGroupControlOptionIcon,{label:(0,o.__)("None","cozy-addons"),value:"none",icon:p}),(0,f.jsx)(t.__experimentalToggleGroupControlOptionIcon,{label:(0,o.__)("Underline","cozy-addons"),value:"underline",icon:m}),(0,f.jsx)(t.__experimentalToggleGroupControlOptionIcon,{label:(0,o.__)("Strikethrough","cozy-addons"),value:"line-through",icon:u})]})})]}),(0,f.jsxs)("div",{className:"components-base-control",style:{display:"flex",justifyContent:"space-between",gap:"10px"},children:[(0,f.jsx)("div",{style:{width:"100%"},children:(0,f.jsx)(t.__experimentalUnitControl,{label:(0,o.__)("Line Height","cozy-addons"),value:e.lightbox.title?.lineHeight,onChange:o=>n({...e,lightbox:{...e.lightbox,title:{...e.lightbox.title,lineHeight:o}}}),__next40pxDefaultSize:!0})}),(0,f.jsx)("div",{style:{width:"100%"},children:(0,f.jsx)(t.__experimentalUnitControl,{label:(0,o.__)("Letter Spacing","cozy-addons"),value:e.lightbox.title?.letterSpacing,onChange:o=>n({...e,lightbox:{...e.lightbox,title:{...e.lightbox.title,letterSpacing:o}}}),__next40pxDefaultSize:!0})})]}),(0,f.jsx)(a.PanelColorSettings,{className:"cozy-color-control",enableAlpha:!0,title:(0,o.__)("Color","cozy-addons"),colorSettings:[{label:(0,o.__)("Text","cozy-addons"),value:e.lightbox.title.color.text,onChange:o=>n({...e,lightbox:{...e.lightbox,title:{...e.lightbox.title,color:{...e.lightbox.title.color,text:o}}}})}]})]}),(0,f.jsxs)(t.PanelBody,{title:(0,o.__)("Lightbox Navigation Styles","cozy-addons"),opened:"lightbox-nav-styles"===c,onToggle:()=>H("lightbox-nav-styles"),children:[(0,f.jsx)("div",{className:"components-base-control",children:(0,f.jsx)(a.HeightControl,{label:(0,o.__)("Box Width","cozy-addons"),value:e.lightbox.navigation.boxWidth,onChange:o=>n({...e,lightbox:{...e.lightbox,navigation:{...e.lightbox.navigation,boxWidth:o}}})})}),(0,f.jsx)("div",{className:"components-base-control",children:(0,f.jsx)(a.HeightControl,{label:(0,o.__)("Box Height","cozy-addons"),value:e.lightbox.navigation.boxHeight,onChange:o=>n({...e,lightbox:{...e.lightbox,navigation:{...e.lightbox.navigation,boxHeight:o}}})})}),(0,f.jsx)("div",{className:"components-base-control",children:(0,f.jsx)(a.HeightControl,{label:(0,o.__)("Icon Size","cozy-addons"),value:e.lightbox.navigation.size,onChange:o=>n({...e,lightbox:{...e.lightbox,navigation:{...e.lightbox.navigation,size:o}}})})}),(0,f.jsx)("div",{className:"components-base-control",children:(0,f.jsx)(t.__experimentalBorderControl,{label:(0,o.__)("Border","cozy-addons"),isCompact:!0,enableAlpha:!0,colors:s,value:e.lightbox.navigation.border,onChange:o=>n({...e,lightbox:{...e.lightbox,navigation:{...e.lightbox.navigation,border:o}}})})}),(0,f.jsx)("div",{className:"components-base-control",children:(0,f.jsx)(a.HeightControl,{label:(0,o.__)("Border Radius","cozy-addons"),value:e.lightbox.navigation.radius,onChange:o=>n({...e,lightbox:{...e.lightbox,navigation:{...e.lightbox.navigation,radius:o}}})})}),(0,f.jsx)(a.PanelColorSettings,{className:"cozy-color-control",enableAlpha:!0,title:(0,o.__)("Color","cozy-addons"),colorSettings:[{label:(0,o.__)("Icon","cozy-addons"),value:e.lightbox.navigation.color.icon,onChange:o=>n({...e,lightbox:{...e.lightbox,navigation:{...e.lightbox.navigation,color:{...e.lightbox.navigation.color,icon:o}}}})},{label:(0,o.__)("Icon (Hover)","cozy-addons"),value:e.lightbox.navigation.color.iconHover,onChange:o=>n({...e,lightbox:{...e.lightbox,navigation:{...e.lightbox.navigation,color:{...e.lightbox.navigation.color,iconHover:o}}}})},{label:(0,o.__)("Background","cozy-addons"),value:e.lightbox.navigation.color.bg,onChange:o=>n({...e,lightbox:{...e.lightbox,navigation:{...e.lightbox.navigation,color:{...e.lightbox.navigation.color,bg:o}}}})},{label:(0,o.__)("Background (Hover)","cozy-addons"),value:e.lightbox.navigation.color.bgHover,onChange:o=>n({...e,lightbox:{...e.lightbox,navigation:{...e.lightbox.navigation,color:{...e.lightbox.navigation.color,bgHover:o}}}})},{label:(0,o.__)("Border (Hover)","cozy-addons"),value:e.lightbox.navigation.color.borderHover,onChange:o=>n({...e,lightbox:{...e.lightbox,navigation:{...e.lightbox.navigation,color:{...e.lightbox.navigation.color,borderHover:o}}}})}]})]})]})]}),"carousel"===e.display&&(0,f.jsxs)(f.Fragment,{children:[e.pagination.enabled&&(0,f.jsxs)(t.PanelBody,{title:(0,o.__)("Pagination Styles","cozy-addons"),opened:"bullet-styles"===c,onToggle:()=>H("bullet-styles"),children:[(0,f.jsxs)(t.__experimentalToggleGroupControl,{label:(0,o.__)("Alignment","cozy-addons"),value:e.pagination.align,onChange:o=>n({...e,pagination:{...e.pagination,align:o}}),children:[(0,f.jsx)(t.__experimentalToggleGroupControlOptionIcon,{label:(0,o.__)("Left","cozy-addons"),value:"left",icon:g}),(0,f.jsx)(t.__experimentalToggleGroupControlOptionIcon,{label:(0,o.__)("Center","cozy-addons"),value:"center",icon:x}),(0,f.jsx)(t.__experimentalToggleGroupControlOptionIcon,{label:(0,o.__)("Right","cozy-addons"),value:"right",icon:h})]}),(0,f.jsx)(t.RangeControl,{label:(0,o.__)("Vertical Positioning","cozy-addons"),min:-300,max:300,step:1,value:e.pagination.bottom,onChange:o=>n({...e,pagination:{...e.pagination,bottom:o}}),__next40pxDefaultSize:!0}),"left"===e.pagination.align&&(0,f.jsx)("div",{className:"components-base-control",children:(0,f.jsx)(a.HeightControl,{label:(0,o.__)("Horizontal Positioning","cozy-addons"),value:e.pagination.left,onChange:o=>n({...e,pagination:{...e.pagination,left:o}})})}),"right"===e.pagination.align&&(0,f.jsx)("div",{className:"components-base-control",children:(0,f.jsx)(a.HeightControl,{label:(0,o.__)("Horizontal Positioning","cozy-addons"),value:e.pagination.right,onChange:o=>n({...e,pagination:{...e.pagination,right:o}})})}),(0,f.jsx)("div",{className:"components-base-control",children:(0,f.jsx)(a.HeightControl,{label:(0,o.__)("Gap","cozy-addons"),value:e.pagination.gap,onChange:o=>n({...e,pagination:{...e.pagination,gap:o}})})}),(0,f.jsx)(t.TabPanel,{className:"cozy-tab-panel",tabs:[{name:"cozy-tab__default",title:(0,o.__)("Default","cozy-addons"),className:"cozy-tab-one"},{name:"cozy-tab__active",title:(0,o.__)("Active","cozy-addons"),className:"cozy-tab-two"}],activeClass:"active-tab",children:l=>(0,f.jsxs)(f.Fragment,{children:["cozy-tab__default"===l.name&&(0,f.jsxs)(f.Fragment,{children:[(0,f.jsx)("div",{className:"components-base-control",children:(0,f.jsx)(a.HeightControl,{label:(0,o.__)("Width","cozy-addons"),value:e.pagination.width,onChange:o=>n({...e,pagination:{...e.pagination,width:o}})})}),(0,f.jsx)("div",{className:"components-base-control",children:(0,f.jsx)(a.HeightControl,{label:(0,o.__)("Height","cozy-addons"),value:e.pagination.height,onChange:o=>n({...e,pagination:{...e.pagination,height:o}})})}),(0,f.jsx)("div",{className:"components-base-control",children:(0,f.jsx)(a.HeightControl,{label:(0,o.__)("Border Radius","cozy-addons"),value:e.pagination.radius,onChange:o=>n({...e,pagination:{...e.pagination,radius:o}})})})]}),"cozy-tab__active"===l.name&&(0,f.jsxs)(f.Fragment,{children:[(0,f.jsx)("div",{className:"components-base-control",children:(0,f.jsx)(a.HeightControl,{label:(0,o.__)("Width","cozy-addons"),value:e.pagination.active.width,onChange:o=>n({...e,pagination:{...e.pagination,active:{...e.pagination.active,width:o}}})})}),(0,f.jsx)("div",{className:"components-base-control",children:(0,f.jsx)(a.HeightControl,{label:(0,o.__)("Height","cozy-addons"),value:e.pagination.active.height,onChange:o=>n({...e,pagination:{...e.pagination,active:{...e.pagination.active,height:o}}})})}),(0,f.jsx)("div",{className:"components-base-control",children:(0,f.jsx)(a.HeightControl,{label:(0,o.__)("Border Radius","cozy-addons"),value:e.pagination.active.radius,onChange:o=>n({...e,pagination:{...e.pagination,active:{...e.pagination.active,radius:o}}})})}),(0,f.jsx)("div",{className:"components-base-control",children:(0,f.jsx)(t.__experimentalBorderControl,{label:(0,o.__)("Outline","cozy-addons"),isCompact:!0,enableAlpha:!0,colors:s,value:e.pagination.active.border,onChange:o=>n({...e,pagination:{...e.pagination,active:{...e.pagination.active,border:o}}})})}),(0,f.jsx)("div",{className:"components-base-control",children:(0,f.jsx)(a.HeightControl,{label:(0,o.__)("Outline Offset","cozy-addons"),value:e.pagination.active.offset,onChange:o=>n({...e,pagination:{...e.pagination,active:{...e.pagination.active,offset:o}}})})})]})]})}),(0,f.jsx)(a.PanelColorSettings,{className:"cozy-color-control",enableAlpha:!0,title:(0,o.__)("Color","cozy-addons"),colorSettings:[{label:(0,o.__)("Default","cozy-addons"),value:e.pagination.color.default,onChange:o=>n({...e,pagination:{...e.pagination,color:{...e.pagination.color,default:o}}})},{label:(0,o.__)("Default (Hover)","cozy-addons"),value:e.pagination.color.defaultHover,onChange:o=>n({...e,pagination:{...e.pagination,color:{...e.pagination.color,defaultHover:o}}})},{label:(0,o.__)("Active","cozy-addons"),value:e.pagination.color.active,onChange:o=>n({...e,pagination:{...e.pagination,color:{...e.pagination.color,active:o}}})},{label:(0,o.__)("Active (Hover)","cozy-addons"),value:e.pagination.color.activeHover,onChange:o=>n({...e,pagination:{...e.pagination,color:{...e.pagination.color,activeHover:o}}})}]})]}),e.navigation.enabled&&(0,f.jsxs)(t.PanelBody,{title:(0,o.__)("Navigation Styles","cozy-addons"),opened:"nav-styles"===c,onToggle:()=>H("nav-styles"),children:[(0,f.jsx)("div",{className:"components-base-control",children:(0,f.jsx)(a.HeightControl,{label:(0,o.__)("Box Width","cozy-addons"),value:e.navigation.boxWidth,onChange:o=>n({...e,navigation:{...e.navigation,boxWidth:o}})})}),(0,f.jsx)("div",{className:"components-base-control",children:(0,f.jsx)(a.HeightControl,{label:(0,o.__)("Box Height","cozy-addons"),value:e.navigation.boxHeight,onChange:o=>n({...e,navigation:{...e.navigation,boxHeight:o}})})}),(0,f.jsx)("div",{className:"components-base-control",children:(0,f.jsx)(a.HeightControl,{label:(0,o.__)("Icon Size","cozy-addons"),value:e.navigation.size,onChange:o=>n({...e,navigation:{...e.navigation,size:o}})})}),(0,f.jsx)("div",{className:"components-base-control",children:(0,f.jsx)(t.__experimentalBorderControl,{label:(0,o.__)("Border","cozy-addons"),isCompact:!0,enableAlpha:!0,colors:s,value:e.navigation.border,onChange:o=>n({...e,navigation:{...e.navigation,border:o}})})}),(0,f.jsx)("div",{className:"components-base-control",children:(0,f.jsx)(a.HeightControl,{label:(0,o.__)("Border Radius","cozy-addons"),value:e.navigation.radius,onChange:o=>n({...e,navigation:{...e.navigation,radius:o}})})}),(0,f.jsx)(a.PanelColorSettings,{className:"cozy-color-control",enableAlpha:!0,title:(0,o.__)("Color","cozy-addons"),colorSettings:[{label:(0,o.__)("Icon","cozy-addons"),value:e.navigation.color.icon,onChange:o=>n({...e,navigation:{...e.navigation,color:{...e.navigation.color,icon:o}}})},{label:(0,o.__)("Icon (Hover)","cozy-addons"),value:e.navigation.color.iconHover,onChange:o=>n({...e,navigation:{...e.navigation,color:{...e.navigation.color,iconHover:o}}})},{label:(0,o.__)("Background","cozy-addons"),value:e.navigation.color.bg,onChange:o=>n({...e,navigation:{...e.navigation,color:{...e.navigation.color,bg:o}}})},{label:(0,o.__)("Background (Hover)","cozy-addons"),value:e.navigation.color.bgHover,onChange:o=>n({...e,navigation:{...e.navigation,color:{...e.navigation.color,bgHover:o}}})},{label:(0,o.__)("Border (Hover)","cozy-addons"),value:e.navigation.color.borderHover,onChange:o=>n({...e,navigation:{...e.navigation,color:{...e.navigation.color,borderHover:o}}})}]})]})]})]},"style")]})})),B=(0,l.memo)((({attributes:e,item:a,setAttributes:l})=>(0,f.jsx)("li",{className:`cozy-block-advanced-gallery__item${"carousel"===e.display?" swiper-slide":""}${e.enableOptions.hoverTitle?" has-hover-caption":""}`,children:(0,f.jsxs)("figure",{className:"cozy-block-advanced-gallery__image-wrapper"+(e.image.hoverEffect?" has-hover-effect":""),children:[(0,f.jsx)("span",{className:"cozy-block-advanced-gallery__image-background"}),(0,f.jsx)("img",{className:"cozy-block-advanced-gallery__image",src:a.url,alt:a.alt}),(0,f.jsx)(t.Button,{className:"cozy-block-advanced-gallery__remove-image",icon:r,onClick:()=>{const o=e.mediaCollection.filter((e=>parseInt(e.id)!==parseInt(a.id)));l({...e,mediaCollection:o})}}),e.enableOptions.hoverIcon&&(0,f.jsx)("div",{className:"cozy-block-advanced-gallery__icon-wrapper",children:(0,f.jsx)("svg",{className:"cozy-block-advanced-gallery__icon",xmlns:"http://www.w3.org/2000/svg","aria-hidden":!0,viewBox:`${e.icon.viewBox.vx} ${e.icon.viewBox.vy} ${e.icon.viewBox.vw} ${e.icon.viewBox.vh}`,children:(0,f.jsx)("path",{d:e.icon.path})})}),e.enableOptions.hoverTitle&&(0,f.jsx)("div",{className:"cozy-block-advanced-gallery__image-caption",children:(0,o.__)(a.caption,"cozy-addons")})]})}))),T=(0,l.memo)((({blockID:e,attributes:l,setAttributes:i})=>{const s=(0,n.useRefEffect)((e=>{let o={};const a=e.querySelector(".swiper-container"),t=e.querySelector(".swiper-button-prev"),n=e.querySelector(".swiper-button-next"),i=e.querySelector(".swiper-pagination"),s={init:!0,slidesPerView:l.sliderOptions.slidesPerView,spaceBetween:l.sliderOptions.spaceBetween,speed:l.sliderOptions.speed,centeredSlides:l.sliderOptions.centeredSlides,navigation:{prevEl:t,nextEl:n},pagination:{el:i}};return"carousel"===l.display&&a&&l.mediaCollection.length>0&&(o=new Swiper(a,s)),()=>{Object.keys(o).length>0&&o.destroy()}}),[l]);return(0,f.jsxs)(f.Fragment,{children:[(0,f.jsx)("style",{dangerouslySetInnerHTML:{__html:c(e,l)}}),""!=l.tabStyles.font.family&&null!=l.tabStyles.font.family&&(0,f.jsx)("link",{rel:"stylesheet",href:`https://fonts.googleapis.com/css2?family=${l.tabStyles.font.family}:wght@100;200;300;400;500;600;700;800;900`}),""!=l.image.title.font.family&&null!=l.image.title.font.family&&(0,f.jsx)("link",{rel:"stylesheet",href:`https://fonts.googleapis.com/css2?family=${l.image.title.font.family}:wght@300;400;500;600;700;800;900`}),""!=l.lightbox.title.font.family&&null!=l.lightbox.title.font.family&&(0,f.jsx)("link",{rel:"stylesheet",href:`https://fonts.googleapis.com/css2?family=${l.lightbox.title.font.family}:wght@300;400;500;600;700;800;900`}),""!=l.ajaxLoader.font.family&&null!=l.ajaxLoader.font.family&&(0,f.jsx)("link",{rel:"stylesheet",href:`https://fonts.googleapis.com/css2?family=${l.ajaxLoader.font.family}:wght@100;200;300;400;500;600;700;800;900`}),l.mediaCollection&&l.mediaCollection.length<=0&&(0,f.jsxs)("div",{style:{padding:"24px",border:"none",borderRadius:"2px",boxShadow:"inset 0 0 0 1px #1e1e1e",color:"#1e1e1e",display:"flex",flexDirection:"column",alignItems:"flex-start",gap:"16px",fontSize:"13px",width:"100%",backgroundColor:"#fff"},children:[(0,f.jsxs)("div",{className:"components-placeholder__label",children:[(0,f.jsx)("svg",{viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24","aria-hidden":"true",focusable:"false",children:(0,f.jsx)("path",{d:"M19 3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zM5 4.5h14c.3 0 .5.2.5.5v8.4l-3-2.9c-.3-.3-.8-.3-1 0L11.9 14 9 12c-.3-.2-.6-.2-.8 0l-3.6 2.6V5c-.1-.3.1-.5.4-.5zm14 15H5c-.3 0-.5-.2-.5-.5v-2.4l4.1-3 3 1.9c.3.2.7.2.9-.1L16 12l3.5 3.4V19c0 .3-.2.5-.5.5z"})}),(0,o.__)("Image","cozy-addons")]}),(0,f.jsx)("div",{className:"components-placeholder__instructions",children:(0,o.__)("Pick images from your media library to set up an Image Gallery.","cozy-addons")}),(0,f.jsx)("div",{className:"components-placeholder__fieldset",children:(0,f.jsx)(a.MediaUploadCheck,{children:(0,f.jsx)(a.MediaUpload,{onSelect:e=>function(e){const o=e.map((e=>({...e,categories:[]})));i({...l,mediaCollection:o})}(e),allowedTypes:["image"],mode:"browse",multiple:"add",render:({open:e})=>(0,f.jsx)("div",{className:"components-base-control block-editor-hooks__background__inspector-media-replace-container",onClick:e,children:(0,f.jsx)("button",{type:"button",className:"components-button is-secondary",children:(0,o.__)("Media Library","cozy-addons")})})})})})]}),(0,f.jsxs)("div",{className:`cozy-block-advanced-gallery display-${l.display}${"carousel"===l.display&&l.navigation.enabled&&l.navigation.hoverShow?" has-nav-hover-show":""}${"grid"===l.display&&l.enableOptions.lightbox?" has-light-box":""}`,id:e,ref:s,children:["grid"===l.display&&l.enableOptions.isotopeFilter&&(0,f.jsx)("article",{className:"cozy-block-advanced-gallery__header",children:(0,f.jsxs)("ul",{className:`cozy-block-advanced-gallery__tabs${l.tabStyles.default.shadow.enabled?" item-has-default-shadow":""}${l.tabStyles.active.shadow.enabled?" item-has-active-shadow":""}`,children:[l.tabOptions.showDefaultTab&&(0,f.jsx)("li",{className:"cozy-block-advanced-gallery__tab active-tab","data-index":"0",children:(0,o.__)("All","cozy-addons")}),l.tabsList.length>0&&l.tabsList.map(((e,a)=>{const t=l.tabOptions.showDefaultTab?a+1:a,n=l.tabOptions.showDefaultTab||0!==a?"":" active-tab";return(0,f.jsx)("li",{className:`cozy-block-advanced-gallery__tab${n}`,"data-index":t,children:(0,o.__)(e.title,"cozy-addons")})}))]})}),l.mediaCollection.length>0&&(0,f.jsxs)("div",{className:"cozy-block-advanced-gallery__body"+("carousel"===l.display?" swiper-container":""),children:[(0,f.jsx)("ul",{className:`cozy-block-advanced-gallery__${l.display}-wrapper${"grid"===l.display&&l.gridOptions.masonry?" has-masonry":""}${"carousel"===l.display?" swiper-wrapper":""}`,children:l.mediaCollection.map((e=>(0,f.jsx)(B,{attributes:l,item:e,setAttributes:i})))}),"carousel"===l.display&&(0,f.jsxs)(f.Fragment,{children:[l.pagination.enabled&&(0,f.jsx)("div",{className:"swiper-pagination"}),l.navigation.enabled&&(0,f.jsxs)(f.Fragment,{children:[(0,f.jsx)("div",{className:"swiper-button-prev"}),(0,f.jsx)("div",{className:"swiper-button-next"})]})]}),"grid"===l.display&&l.ajaxLoader.enabled&&"default"===l.ajaxLoader.type&&(0,f.jsx)("div",{className:"cozy-block-advanced-gallery__ajax-loader-wrapper",children:(0,f.jsx)("button",{className:"cozy-block-advanced-gallery__ajax-loader",children:(0,f.jsx)(a.RichText,{value:l.ajaxLoader.label,tagName:"p",onChange:e=>i({...l,ajaxLoader:{...l.ajaxLoader,label:e}})})})})]})]}),l.mediaCollection&&l.mediaCollection.length>0&&(0,f.jsx)(a.MediaUploadCheck,{children:(0,f.jsx)(a.MediaUpload,{onSelect:e=>function(e){const o=e.map((e=>({...e,categories:[]})));i({...l,mediaCollection:[...l.mediaCollection,...o]})}(e),allowedTypes:["image"],mode:"browse",multiple:"add",render:({open:e})=>(0,f.jsx)("div",{className:"cozy-block-advanced-gallery__add-more-wrapper",onClick:e,style:{textAlign:"center",margin:"10px",position:"sticky",bottom:"0",zIndex:"10"},children:(0,f.jsx)(t.Button,{type:"button",className:"cozy-block-advanced-gallery__add-more",icon:d,children:(0,o.__)("Add More Media","cozy-addons")})})})})]})})),O=JSON.parse('{"UU":"cozy-block/advanced-gallery","DD":"Advanced Gallery","h_":"\'Advanced gallery\' block with a grid, masonry and carousel layout that opens images in a lightbox for a sleek, full-screen viewing experience."}'),k=(0,f.jsxs)("svg",{width:"30",height:"27",viewBox:"0 0 30 27",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[(0,f.jsx)("rect",{x:"1",y:"1",width:"28",height:"25",stroke:"#0C50FF",strokeWidth:"2",fill:"none"}),(0,f.jsx)("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M15 13.0458C15 12.2381 15.6044 11.5833 16.35 11.5833H23.35C24.0956 11.5833 24.7 12.2381 24.7 13.0458V20.6292C24.7 21.4369 24.0956 22.0917 23.35 22.0917H16.35C15.6044 22.0917 15 21.4369 15 20.6292V13.0458ZM16.35 12.3417C15.991 12.3417 15.7 12.6569 15.7 13.0458V20.6292C15.7 21.0181 15.991 21.3333 16.35 21.3333H23.35C23.709 21.3333 24 21.0181 24 20.6292V13.0458C24 12.6569 23.709 12.3417 23.35 12.3417H16.35Z",fill:"#0C50FF"}),(0,f.jsx)("path",{d:"M21.35 16.2958L22.85 18.4625H19.35L21.35 16.2958Z",fill:"#CED4FB"}),(0,f.jsx)("path",{d:"M19.35 15.2125L21.35 18.4625H17.35L19.35 15.2125Z",fill:"#0C50FF"}),(0,f.jsx)("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M5 5.48877C5 4.66655 5.5608 4 6.25258 4H12.7474C13.4392 4 14 4.66655 14 5.48877V20.9279C14 21.7501 13.4392 22.4167 12.7474 22.4167H6.25258C5.5608 22.4167 5 21.7501 5 20.9279V5.48877ZM6.25258 4.77196C5.9195 4.77196 5.64948 5.09289 5.64948 5.48877V20.9279C5.64948 21.3238 5.9195 21.6447 6.25258 21.6447H12.7474C13.0805 21.6447 13.3505 21.3238 13.3505 20.9279V5.48877C13.3505 5.09289 13.0805 4.77196 12.7474 4.77196H6.25258Z",fill:"#0C50FF"}),(0,f.jsx)("path",{d:"M11 12.7344L12.5 15.0365H9.5L11 12.7344Z",fill:"#CED4FB"}),(0,f.jsx)("path",{d:"M9 11.5833L11 15.0365H7L9 11.5833Z",fill:"#0C50FF"}),(0,f.jsx)("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M15 5.4625C15 4.65478 15.6044 4 16.35 4H23.35C24.0956 4 24.7 4.65478 24.7 5.4625V8.7125C24.7 9.52022 24.0956 10.175 23.35 10.175H16.35C15.6044 10.175 15 9.52022 15 8.7125V5.4625ZM16.35 4.75833C15.991 4.75833 15.7 5.0736 15.7 5.4625V8.7125C15.7 9.1014 15.991 9.41667 16.35 9.41667H23.35C23.709 9.41667 24 9.1014 24 8.7125V5.4625C24 5.0736 23.709 4.75833 23.35 4.75833H16.35Z",fill:"#0C50FF"}),(0,f.jsx)("path",{d:"M20.85 7.08752L21.85 8.17086L19.35 8.17085L20.85 7.08752Z",fill:"#CED4FB"}),(0,f.jsx)("path",{d:"M19.35 6.00418L20.85 8.17085H17.85L19.35 6.00418Z",fill:"#0C50FF"})]});(0,e.registerBlockType)(O.UU,{title:(0,o.__)(O.DD,"cozy-addons"),description:(0,o.__)(O.h_,"cozy-addons"),icon:{src:k},edit:function({attributes:e,setAttributes:o,clientId:t}){if(e.cover)return(0,f.jsx)("img",{src:e.cover});e.clientId=t;const l=(0,a.useBlockProps)({className:"cozy-block-wrapper"}),n=`cozyBlock_${t.replace(/-/gi,"_")}`;return(0,f.jsxs)(f.Fragment,{children:[(0,f.jsx)("div",{...l,children:(0,f.jsx)(T,{blockID:n,attributes:e,setAttributes:o})}),(0,f.jsx)(H,{attributes:e,setAttributes:o})]})},save:function({attributes:e}){}})}},a={};function t(e){var l=a[e];if(void 0!==l)return l.exports;var n=a[e]={exports:{}};return o[e](n,n.exports,t),n.exports}t.m=o,e=[],t.O=(o,a,l,n)=>{if(!a){var i=1/0;for(c=0;c<e.length;c++){for(var[a,l,n]=e[c],s=!0,r=0;r<a.length;r++)(!1&n||i>=n)&&Object.keys(t.O).every((e=>t.O[e](a[r])))?a.splice(r--,1):(s=!1,n<i&&(i=n));if(s){e.splice(c--,1);var d=l();void 0!==d&&(o=d)}}return o}n=n||0;for(var c=e.length;c>0&&e[c-1][2]>n;c--)e[c]=e[c-1];e[c]=[a,l,n]},t.o=(e,o)=>Object.prototype.hasOwnProperty.call(e,o),(()=>{var e={57:0,350:0};t.O.j=o=>0===e[o];var o=(o,a)=>{var l,n,[i,s,r]=a,d=0;if(i.some((o=>0!==e[o]))){for(l in s)t.o(s,l)&&(t.m[l]=s[l]);if(r)var c=r(t)}for(o&&o(a);d<i.length;d++)n=i[d],t.o(e,n)&&e[n]&&e[n][0](),e[n]=0;return t.O(c)},a=globalThis.webpackChunkadvanced_gallery=globalThis.webpackChunkadvanced_gallery||[];a.forEach(o.bind(null,0)),a.push=o.bind(null,a.push.bind(a))})();var l=t.O(void 0,[350],(()=>t(487)));l=t.O(l)})();
Save
Back