coming-soon.js — WooCommerce 11.1.0

woocommerce / assets / client / blocks / coming-soon.js
woocommerce / assets / client / blocks Last commit date
coming-soon.js
1 lines
(()=>{var n={1159:()=>{},8302:()=>{}},o={};function e(t){var r=o[t];if(void 0!==r)return r.exports;var i=o[t]={exports:{}};return n[t](i,i.exports,e),i.exports}(()=>{"use strict";const n=window.wp.i18n,o=window.wp.blocks,t=window.wp.blockEditor,r=window.wp.components,i=window.ReactJSXRuntime,c=JSON.parse('{"name":"woocommerce/coming-soon","category":"woocommerce","title":"Coming Soon","attributes":{"color":{"type":"string"},"storeOnly":{"type":"boolean","default":false},"comingSoonPatternId":{"type":"string","default":""}},"supports":{"color":{"background":true,"text":true},"inserter":false}}'),s=(n="#bea0f2")=>`\n    /* Reset */\n    h1, p, a {\n        margin: 0;\n        padding: 0;\n        border: 0;\n        vertical-align: baseline;\n    }\n    ol, ul {\n        list-style: none;\n    }\n    a {\n        text-decoration: none;\n    }\n    body,\n    body.custom-background {\n        margin: 0;\n        background-color: ${n};\n        font-family: 'Inter', sans-serif;\n        min-width: 320px;\n        --wp--preset--color--contrast: #111111;\n        --wp--style--global--wide-size: 1280px;\n    }\n    body .is-layout-constrained > .alignwide {\n        margin: 0 auto;\n    }\n    .wp-container-core-group-is-layout-4.wp-container-core-group-is-layout-4 {\n        justify-content: space-between;\n    }\n    .is-layout-flex {\n        display: flex;\n        flex-wrap: wrap;\n        align-items: center;\n        margin: 0;\n    }\n    .wp-block-site-title p {\n        line-height: normal;\n    }\n    .wp-block-site-title a {\n        font-weight: 600;\n        font-size: 20px;\n        font-style: normal;\n        line-height: normal;\n        letter-spacing: -0.4px;\n        color: var(--wp--preset--color--contrast);\n        text-decoration: none;\n    }\n    .wp-block-social-links {\n        gap: 0.5em 18px;\n    }\n    .woocommerce-coming-soon-social-login {\n        gap: 48px;\n    }\n    .wp-block-loginout {\n        background-color: #000000;\n        border-radius: 6px;\n        display: flex;\n        height: 40px;\n        width: 74px;\n        justify-content: center;\n        align-items: center;\n        gap: 10px;\n        box-sizing: border-box;\n    }\n    .wp-block-loginout a {\n        color: #ffffff;\n        text-decoration: none;\n        line-height: 17px;\n        font-size: 14px;\n        font-weight: 500;\n    }\n    .wp-block-spacer {\n        margin: 0;\n    }\n    .woocommerce-coming-soon-banner-container {\n        padding-inline: min(5.5rem, 8vw);\n        margin: 0;\n        height: 100%;\n        display: flex;\n        flex-direction: column;\n        justify-content: space-between;\n    }\n\t@media (max-width: 660px) {\n\t\t.woocommerce-coming-soon-banner-container {\n\t\t\tpadding-inline: 0;\n\t\t}\n\t}\n    .woocommerce-coming-soon-banner-container > .wp-block-group__inner-container {\n        height: 100%;\n        display: flex;\n        flex-direction: column;\n        justify-content: space-between;\n    }\n    .woocommerce-coming-soon-powered-by-woo {\n        width: 100%;\n        --wp--preset--spacing--30: 0;\n        --wp--preset--spacing--10: 19px;\n    }\n    .woocommerce-coming-soon-powered-by-woo p {\n        font-style: normal;\n        font-weight: 400;\n        line-height: 160%; /* 19.2px */\n        letter-spacing: -0.12px;\n        color: #3C434A;\n        font-size: 12px;\n        font-family: Inter;\n    }\n    .woocommerce-coming-soon-powered-by-woo a {\n        font-family: Inter;\n    }\n    body .is-layout-constrained > .woocommerce-coming-soon-banner.alignwide {\n        max-width: 820px;\n    }\n    .coming-soon-is-vertically-aligned-center {\n        width: 100%;\n        align-items: stretch;\n    }\n    .coming-soon-cover .wp-block-cover__background {\n        background-color: ${n} !important;\n    }\n    .woocommerce-coming-soon-header {\n        height: 40px;\n    }\n    .woocommerce-coming-soon-banner {\n        font-size: clamp(27px, 1.74rem + ((1vw - 3px) * 2), 48px);\n        font-weight: 400;\n        line-height: 58px;\n        font-family: 'Cardo', serif;\n        letter-spacing: normal;\n        text-align: center;\n        font-style: normal;\n        max-width: 820px;\n        color: var(--wp--preset--color--contrast);\n        margin: 0 auto;\n        text-wrap: balance;\n    }`,l=[{attributes:{color:{type:"string"},storeOnly:{type:"boolean",default:!1}},supports:{color:{background:!1,text:!0}},save:({attributes:n})=>{const{color:o,storeOnly:e}=n,r={...t.useBlockProps.save()};return e?(0,i.jsxs)("div",{...r,children:[(0,i.jsx)(t.InnerBlocks.Content,{}),(0,i.jsx)("style",{children:".woocommerce-breadcrumb {display: none;}"})]}):(0,i.jsxs)("div",{...r,children:[(0,i.jsx)(t.InnerBlocks.Content,{}),(0,i.jsx)("style",{children:s(o)})]})}}];e(8302),e(1159),(0,o.registerBlockType)(c,{title:(0,n.__)("Coming Soon","woocommerce"),edit:function({attributes:o,setAttributes:e}){const{color:c,storeOnly:s}=o,l={...(0,t.useBlockProps)()};if(s||!c)return(0,i.jsx)("div",{...l,children:(0,i.jsx)(t.InnerBlocks,{})});const a="#bea0f2";return(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(t.InspectorControls,{children:(0,i.jsx)(r.__experimentalToolsPanel,{label:(0,n.__)("Settings","woocommerce"),resetAll:()=>{e({color:a})},children:(0,i.jsx)(r.__experimentalToolsPanelItem,{hasValue:()=>c!==a,label:(0,n.__)("Color","woocommerce"),onDeselect:()=>e({color:a}),isShownByDefault:!0,children:(0,i.jsx)(r.ColorPicker,{color:c,onChange:n=>e({color:n}),enableAlpha:!0,defaultValue:a})})})}),(0,i.jsxs)("div",{...l,children:[(0,i.jsx)(t.InnerBlocks,{}),(0,i.jsx)("style",{children:`:root{--woocommerce-coming-soon-color: ${c} }`})]})]})},save:function(){return(0,i.jsx)("div",{...t.useBlockProps.save(),children:(0,i.jsx)(t.InnerBlocks.Content,{})})},apiVersion:3,deprecated:l})})(),((this.wc=this.wc||{}).blocks=this.wc.blocks||{})["coming-soon"]={}})();