diff --git a/build/2589-style.js.LICENSE.txt b/build/2589-style.js.LICENSE.txt new file mode 100644 index 00000000000..0c20a875df8 --- /dev/null +++ b/build/2589-style.js.LICENSE.txt @@ -0,0 +1,5 @@ +/*! + Copyright (c) 2018 Jed Watson. + Licensed under the MIT License (MIT), see + http://jedwatson.github.io/classnames +*/ diff --git a/build/3810-frontend.js b/build/3810-frontend.js new file mode 100644 index 00000000000..c28b699cf13 --- /dev/null +++ b/build/3810-frontend.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkwebpackWcBlocksJsonp=self.webpackChunkwebpackWcBlocksJsonp||[]).push([[3810],{6520:(e,t,n)=>{n.d(t,{Z:()=>i});var r=n(9307),o=n(444);const i=(0,r.createElement)(o.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24"},(0,r.createElement)(o.Path,{d:"M3 6.75C3 5.784 3.784 5 4.75 5H15V7.313l.05.027 5.056 2.73.394.212v3.468a1.75 1.75 0 01-1.75 1.75h-.012a2.5 2.5 0 11-4.975 0H9.737a2.5 2.5 0 11-4.975 0H3V6.75zM13.5 14V6.5H4.75a.25.25 0 00-.25.25V14h.965a2.493 2.493 0 011.785-.75c.7 0 1.332.287 1.785.75H13.5zm4.535 0h.715a.25.25 0 00.25-.25v-2.573l-4-2.16v4.568a2.487 2.487 0 011.25-.335c.7 0 1.332.287 1.785.75zM6.282 15.5a1.002 1.002 0 00.968 1.25 1 1 0 10-.968-1.25zm9 0a1 1 0 101.937.498 1 1 0 00-1.938-.498z"}))},1526:(e,t,n)=>{n.d(t,{Z:()=>i});var r=n(9307),o=n(444);const i=(0,r.createElement)(o.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24"},(0,r.createElement)(o.Path,{fillRule:"evenodd",d:"M19.75 11H21V8.667L19.875 4H4.125L3 8.667V11h1.25v8.75h15.5V11zm-1.5 0H5.75v7.25H10V13h4v5.25h4.25V11zm-5.5-5.5h2.067l.486 3.24.028.76H12.75v-4zm-3.567 0h2.067v4H8.669l.028-.76.486-3.24zm7.615 3.1l-.464-3.1h2.36l.806 3.345V9.5h-2.668l-.034-.9zM7.666 5.5h-2.36L4.5 8.845V9.5h2.668l.034-.9.464-3.1z",clipRule:"evenodd"}))},3017:(e,t,n)=>{n.d(t,{y:()=>r});var r=(0,n(9196).createContext)({})},2193:(e,t,n)=>{function r(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function o(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function i(e){for(var t=1;t=0||(o[n]=e[n]);return o}function u(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n=e.length?{done:!0}:{done:!1,value:e[r++]}}}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}return(n=e[Symbol.iterator]()).next.bind(n)}n.d(t,{_:()=>i,a:()=>a,b:()=>l})},3726:(e,t,n)=>{n.d(t,{L:()=>f});var r=n(9196),o=n(2193),i=n(453),a=n(3113);function u(e){var t;if(!function(e){return"object"==typeof e&&null!=e}(e))return!1;var n=Object.getPrototypeOf(e);return null==n||(null===(t=n.constructor)||void 0===t?void 0:t.toString())===Object.toString()}function l(e,t){for(var n={},r={},o=0,i=Object.keys(e);o=0?n[a]=e[a]:r[a]=e[a]}return[n,r]}function s(e,t){if(void 0===t&&(t=[]),!u(e.state))return l(e,t);var n=l(e,[].concat(t,["state"])),r=n[0],o=n[1],i=r.state,s=(0,a._)(r,["state"]);return[(0,a.a)((0,a.a)({},i),s),o]}var c=n(849);function d(e){return"normalizePropsAreEqualInner"===e.name?e:function(t,n){return u(t.state)&&u(n.state)?e((0,a.a)((0,a.a)({},t.state),t),(0,a.a)((0,a.a)({},n.state),n)):e(t,n)}}function f(e){var t,n=e.as,a=e.useHook,u=e.memo,l=e.propsAreEqual,f=void 0===l?null==a?void 0:a.unstable_propsAreEqual:l,v=e.keys,p=void 0===v?(null==a?void 0:a.__keys)||[]:v,m=e.useCreateElement,b=void 0===m?i.C:m,g=function(e,t){var r=e.as,i=void 0===r?n:r,u=(0,o.a)(e,["as"]);if(a){var l,c=s(u,p),d=c[0],f=c[1],v=a(d,(0,o._)({ref:t},f)),m=v.wrapElement,g=(0,o.a)(v,["wrapElement"]),h=(null===(l=i.render)||void 0===l?void 0:l.__keys)||i.__keys,y=h&&s(u,h)[0],w=y?(0,o._)((0,o._)({},g),y):g,E=b(i,w);return m?m(E):E}return b(i,(0,o._)({ref:t},u))};return t=g,g=(0,r.forwardRef)(t),u&&(g=function(e,t){return(0,r.memo)(e,t)}(g,f&&d(f))),g.__keys=p,g.unstable_propsAreEqual=d(f||c.w),g}},8526:(e,t,n)=>{n.d(t,{B:()=>l});var r=n(9196),o=n(3017);function i(e,t){(0,r.useDebugValue)(e);var n=(0,r.useContext)(o.y);return null!=n[e]?n[e]:t}var a=n(2193),u=n(849);function l(e){var t,n,o,l=(o=e.compose,Array.isArray(o)?o:void 0!==o?[o]:[]),s=function(t,n){if(e.useOptions&&(t=e.useOptions(t,n)),e.name&&(t=function(e,t,n){void 0===t&&(t={}),void 0===n&&(n={});var o="use"+e+"Options";(0,r.useDebugValue)(o);var u=i(o);return u?(0,a._)((0,a._)({},t),u(t,n)):t}(e.name,t,n)),e.compose)for(var o,u=(0,a.b)(l);!(o=u()).done;)t=o.value.__useOptions(t,n);return t},c=function(t,n,o){if(void 0===t&&(t={}),void 0===n&&(n={}),void 0===o&&(o=!1),o||(t=s(t,n)),e.useProps&&(n=e.useProps(t,n)),e.name&&(n=function(e,t,n){void 0===t&&(t={}),void 0===n&&(n={});var o="use"+e+"Props";(0,r.useDebugValue)(o);var a=i(o);return a?a(t,n):n}(e.name,t,n)),e.compose)if(e.useComposeOptions&&(t=e.useComposeOptions(t,n)),e.useComposeProps)n=e.useComposeProps(t,n);else for(var u,c=(0,a.b)(l);!(u=c()).done;)n=(0,u.value)(t,n,!0);var d={},f=n||{};for(var v in f)void 0!==f[v]&&(d[v]=f[v]);return d};c.__useOptions=s;var d=l.reduce((function(e,t){return e.push.apply(e,t.__keys||[]),e}),[]);return c.__keys=[].concat(d,(null===(t=e.useState)||void 0===t?void 0:t.__keys)||[],e.keys||[]),c.unstable_propsAreEqual=e.propsAreEqual||(null===(n=l[0])||void 0===n?void 0:n.unstable_propsAreEqual)||u.w,c}},453:(e,t,n)=>{n.d(t,{C:()=>a});var r=n(9196),o=n(3017),i=n(2193),a=function(e,t,n){void 0===n&&(n=t.children);var a=(0,r.useContext)(o.y);return a.useCreateElement?a.useCreateElement(e,t,n):"string"==typeof e&&function(e){return"function"==typeof e}(n)?(t.children,n((0,i.a)(t,["children"]))):(0,r.createElement)(e,t,n)}},3113:(e,t,n)=>{function r(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function o(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function i(e){for(var t=1;t=0||(o[n]=e[n]);return o}n.d(t,{_:()=>a,a:()=>i})},2842:(e,t,n)=>{n.d(t,{N:()=>o});var r,o=(r=(0,n(7902).J)(),Boolean(void 0!==r&&r.document&&r.document.createElement))},1481:(e,t,n)=>{function r(e,t){return e===t||e.contains(t)}n.d(t,{r:()=>r})},2813:(e,t,n)=>{n.d(t,{y:()=>o});var r=n(5708);function o(e,t,n){if("function"==typeof Event)return new Event(t,n);var o=(0,r.M)(e).createEvent("Event");return o.initEvent(t,null==n?void 0:n.bubbles,null==n?void 0:n.cancelable),o}},7589:(e,t,n)=>{n.d(t,{v:()=>o});var r=n(5708);function o(e){var t=(0,r.M)(e).activeElement;return null!=t&&t.nodeName?t:null}},5708:(e,t,n)=>{function r(e){return e?e.ownerDocument||e:document}n.d(t,{M:()=>r})},7902:(e,t,n)=>{n.d(t,{J:()=>i});var r,o=n(5708);try{r=window}catch(e){}function i(e){return e&&(0,o.M)(e).defaultView||r}},7551:(e,t,n)=>{n.d(t,{B:()=>i});var r=n(7589),o=n(1481);function i(e){var t=(0,r.v)(e);if(!t)return!1;if((0,o.r)(e,t))return!0;var n=t.getAttribute("aria-activedescendant");return!(!n||n!==e.id&&!e.querySelector("#"+n))}},7793:(e,t,n)=>{n.d(t,{i:()=>o});var r=["button","color","file","image","reset","submit"];function o(e){if("BUTTON"===e.tagName)return!0;if("INPUT"===e.tagName){var t=e;return-1!==r.indexOf(t.type)}return!1}},9382:(e,t,n)=>{n.d(t,{K:()=>o});var r=n(1481);function o(e){return!(0,r.r)(e.currentTarget,e.target)}},6016:(e,t,n)=>{function r(e){return e.target===e.currentTarget}n.d(t,{U:()=>r})},849:(e,t,n)=>{function r(e,t){if(e===t)return!0;if(!e)return!1;if(!t)return!1;if("object"!=typeof e)return!1;if("object"!=typeof t)return!1;var n=Object.keys(e),r=Object.keys(t),o=n.length;if(r.length!==o)return!1;for(var i=0,a=n;ir})},9412:(e,t,n)=>{n.d(t,{c:()=>i});var r=n(9196);function o(e,t){void 0===t&&(t=null),e&&("function"==typeof e?e(t):e.current=t)}function i(e,t){return(0,r.useMemo)((function(){return null==e&&null==t?null:function(n){o(e,n),o(t,n)}}),[e,t])}},6566:(e,t,n)=>{n.d(t,{Y:()=>o});var r=n(9196),o=n(2842).N?r.useLayoutEffect:r.useEffect},9285:(e,t,n)=>{n.d(t,{c:()=>i});var r=n(9196),o=n(6566);function i(e){var t=(0,r.useRef)(e);return(0,o.Y)((function(){t.current=e})),t}},4876:(e,t,n)=>{n(9196)},66:(e,t,n)=>{function r(e){return void 0===e&&(e="id"),(e?e+"-":"")+Math.random().toString(32).substr(2,6)}n.d(t,{U:()=>o});var o=(0,n(9196).createContext)(r)},762:(e,t,n)=>{n.d(t,{q:()=>u});var r=n(7167),o=n(3726),i=n(8526),a=n(849),u=(0,i.B)({name:"Role",keys:["unstable_system"],propsAreEqual:function(e,t){var n=e.unstable_system,o=(0,r._)(e,["unstable_system"]),i=t.unstable_system,u=(0,r._)(t,["unstable_system"]);return!(n!==i&&!(0,a.w)(n,i))&&(0,a.w)(o,u)}});(0,o.L)({as:"div",useHook:u})},5274:(e,t,n)=>{n.d(t,{u:()=>E});var r=n(7167),o=n(3726),i=n(8526),a=n(9196),u=n(9412),l=n(7793),s=(n(4876),n(9285)),c=n(6566),d=n(7551),f=n(9382),v=n(2842);function p(e){return!!v.N&&-1!==window.navigator.userAgent.indexOf(e)}var m="input:not([type='hidden']):not([disabled]), select:not([disabled]), textarea:not([disabled]), a[href], button:not([disabled]), [tabindex], iframe, object, embed, area[href], audio[controls], video[controls], [contenteditable]:not([contenteditable='false'])";var b=n(762),g=p("Mac")&&!p("Chrome")&&(p("Safari")||p("Firefox"));function h(e){!(0,d.B)(e)&&function(e){return function(e,t){return"matches"in e?e.matches(t):"msMatchesSelector"in e?e.msMatchesSelector(t):e.webkitMatchesSelector(t)}(e,m)&&function(e){var t=e;return t.offsetWidth>0||t.offsetHeight>0||e.getClientRects().length>0}(e)}(e)&&e.focus()}function y(e,t,n,r){return e?t&&!n?-1:void 0:t?r:r||0}function w(e,t){return(0,a.useCallback)((function(n){var r;null===(r=e.current)||void 0===r||r.call(e,n),n.defaultPrevented||t&&(n.stopPropagation(),n.preventDefault())}),[e,t])}var E=(0,i.B)({name:"Tabbable",compose:b.q,keys:["disabled","focusable"],useOptions:function(e,t){var n=t.disabled;return(0,r.a)({disabled:n},e)},useProps:function(e,t){var n=t.ref,o=t.tabIndex,i=t.onClickCapture,d=t.onMouseDownCapture,v=t.onMouseDown,p=t.onKeyPressCapture,m=t.style,b=(0,r._)(t,["ref","tabIndex","onClickCapture","onMouseDownCapture","onMouseDown","onKeyPressCapture","style"]),E=(0,a.useRef)(null),_=(0,s.c)(i),C=(0,s.c)(d),O=(0,s.c)(v),I=(0,s.c)(p),k=!!e.disabled&&!e.focusable,S=(0,a.useState)(!0),P=S[0],T=S[1],R=(0,a.useState)(!0),x=R[0],L=R[1],D=e.disabled?(0,r.a)({pointerEvents:"none"},m):m;(0,c.Y)((function(){var e=E.current;e&&(["BUTTON","INPUT","SELECT","TEXTAREA","A"].includes(e.tagName)||T(!1),["BUTTON","INPUT","SELECT","TEXTAREA"].includes(e.tagName)||L(!1))}),[]);var A=w(_,e.disabled),B=w(C,e.disabled),F=w(I,e.disabled),M=(0,a.useCallback)((function(e){var t;null===(t=O.current)||void 0===t||t.call(O,e);var n=e.currentTarget;if(!e.defaultPrevented&&g&&!(0,f.K)(e)&&(0,l.i)(n)){var r=requestAnimationFrame((function(){n.removeEventListener("mouseup",o,!0),h(n)})),o=function(){cancelAnimationFrame(r),h(n)};n.addEventListener("mouseup",o,{once:!0,capture:!0})}}),[]);return(0,r.a)({ref:(0,u.c)(E,n),style:D,tabIndex:y(k,P,x,o),disabled:!(!k||!x)||void 0,"aria-disabled":!!e.disabled||void 0,onClickCapture:A,onMouseDownCapture:B,onMouseDown:M,onKeyPressCapture:F},b)}});(0,o.L)({as:"div",useHook:E})},1680:(e,t,n)=>{n.d(t,{C:()=>r,b:()=>o});var r=["baseId","unstable_idCountRef","setBaseId","unstable_virtual","rtl","orientation","items","groups","currentId","loop","wrap","shift","unstable_moves","unstable_hasActiveWidget","unstable_includesBaseElement","registerItem","unregisterItem","registerGroup","unregisterGroup","move","next","previous","up","down","first","last","sort","unstable_setVirtual","setRTL","setOrientation","setCurrentId","setLoop","setWrap","setShift","reset","unstable_setIncludesBaseElement","unstable_setHasActiveWidget"],o=r},4411:(e,t,n)=>{n.d(t,{R:()=>o,a:()=>i});var r=["baseId","unstable_idCountRef","unstable_virtual","rtl","orientation","items","groups","currentId","loop","wrap","shift","unstable_moves","unstable_hasActiveWidget","unstable_includesBaseElement","state","setBaseId","registerItem","unregisterItem","registerGroup","unregisterGroup","move","next","previous","up","down","first","last","sort","unstable_setVirtual","setRTL","setOrientation","setCurrentId","setLoop","setWrap","setShift","reset","unstable_setIncludesBaseElement","unstable_setHasActiveWidget","setState"],o=[].concat(r,["value","checked","unstable_checkOnFocus"]),i=r},7167:(e,t,n)=>{function r(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function o(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function i(e){for(var t=1;t=0||(o[n]=e[n]);return o}function u(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n=e.length?{done:!0}:{done:!1,value:e[r++]}}}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}return(n=e[Symbol.iterator]()).next.bind(n)}n.d(t,{_:()=>a,a:()=>i,b:()=>l})},2164:(e,t,n)=>{function r(e,t){return t?e.find((function(e){return!e.disabled&&e.id!==t})):e.find((function(e){return!e.disabled}))}function o(e,t){var n;return t||null===t?t:e.currentId||null===e.currentId?e.currentId:null===(n=r(e.items||[]))||void 0===n?void 0:n.id}n.d(t,{f:()=>r,g:()=>o})},216:(e,t,n)=>{function r(e){e.userFocus=!0,e.focus(),e.userFocus=!1}function o(e){return!!e.userFocus}function i(e,t){e.userFocus=t}n.d(t,{h:()=>o,s:()=>i,u:()=>r})},2444:(e,t,n)=>{n.d(t,{T:()=>a});var r=n(4184),o=n.n(r);function i(e){return"appear"===e?"top":"left"}function a(e){if("loading"===e.type)return o()("components-animate__loading");const{type:t,origin:n=i(t)}=e;if("appear"===t){const[e,t="center"]=n.split(" ");return o()("components-animate__appear",{["is-from-"+t]:"center"!==t,["is-from-"+e]:"middle"!==e})}return"slide-in"===t?o()("components-animate__slide-in","is-from-"+n):void 0}},9685:(e,t,n)=>{n.d(t,{Z:()=>p});var r=n(7462),o=n(9307),i=n(4184),a=n.n(i),u=n(2819),l=n(7180),s=n.n(l),c=n(9178),d=n(7392),f=n(7593);const v=["onMouseDown","onClick"],p=(0,o.forwardRef)((function(e,t){const{href:n,target:i,isSmall:l,isPressed:p,isBusy:m,isDestructive:b,className:g,disabled:h,icon:y,iconPosition:w="left",iconSize:E,showTooltip:_,tooltipPosition:C,shortcut:O,label:I,children:k,text:S,variant:P,__experimentalIsFocusable:T,describedBy:R,...x}=function({isDefault:e,isPrimary:t,isSecondary:n,isTertiary:r,isLink:o,variant:i,...a}){let u=i;var l,c,d,f,v;return t&&(null!==(l=u)&&void 0!==l||(u="primary")),r&&(null!==(c=u)&&void 0!==c||(u="tertiary")),n&&(null!==(d=u)&&void 0!==d||(u="secondary")),e&&(s()("Button isDefault prop",{since:"5.4",alternative:'variant="secondary"'}),null!==(f=u)&&void 0!==f||(u="secondary")),o&&(null!==(v=u)&&void 0!==v||(u="link")),{...a,variant:u}}(e),L=a()("components-button",g,{"is-secondary":"secondary"===P,"is-primary":"primary"===P,"is-small":l,"is-tertiary":"tertiary"===P,"is-pressed":p,"is-busy":m,"is-link":"link"===P,"is-destructive":b,"has-text":!!y&&!!k,"has-icon":!!y}),D=h&&!T,A=void 0===n||D?"button":"a",B="a"===A?{href:n,target:i}:{type:"button",disabled:D,"aria-pressed":p};if(h&&T){B["aria-disabled"]=!0;for(const e of v)x[e]=e=>{e.stopPropagation(),e.preventDefault()}}const F=!D&&(_&&I||O||!!I&&(!k||(0,u.isArray)(k)&&!k.length)&&!1!==_),M=R?(0,u.uniqueId)():null,j=x["aria-describedby"]||M,Z=(0,o.createElement)(A,(0,r.Z)({},B,x,{className:L,"aria-label":x["aria-label"]||I,"aria-describedby":j,ref:t}),y&&"left"===w&&(0,o.createElement)(d.Z,{icon:y,size:E}),S&&(0,o.createElement)(o.Fragment,null,S),y&&"right"===w&&(0,o.createElement)(d.Z,{icon:y,size:E}),k);return F?(0,o.createElement)(o.Fragment,null,(0,o.createElement)(c.Z,{text:R||I,shortcut:O,position:C},Z),R&&(0,o.createElement)(f.Z,null,(0,o.createElement)("span",{id:M},R))):(0,o.createElement)(o.Fragment,null,Z,R&&(0,o.createElement)(f.Z,null,(0,o.createElement)("span",{id:M},R)))}))},6658:(e,t,n)=>{n.d(t,{Z:()=>i});var r=n(7462),o=n(9307);const i=function({icon:e,className:t,...n}){const i=["dashicon","dashicons","dashicons-"+e,t].filter(Boolean).join(" ");return(0,o.createElement)("span",(0,r.Z)({className:i},n))}},7392:(e,t,n)=>{n.d(t,{Z:()=>u});var r=n(7462),o=n(9307),i=n(444),a=n(6658);const u=function({icon:e=null,size:t=24,...n}){if("string"==typeof e)return(0,o.createElement)(a.Z,(0,r.Z)({icon:e},n));if((0,o.isValidElement)(e)&&a.Z===e.type)return(0,o.cloneElement)(e,{...n});if("function"==typeof e)return e.prototype instanceof o.Component?(0,o.createElement)(e,{size:t,...n}):e({size:t,...n});if(e&&("svg"===e.type||e.type===i.SVG)){const r={width:t,height:t,...e.props,...n};return(0,o.createElement)(i.SVG,r)}return(0,o.isValidElement)(e)?(0,o.cloneElement)(e,{size:t,...n}):e}},4638:(e,t,n)=>{n.d(t,{Z:()=>O});var r=n(7462),o=n(9307),i=n(4184),a=n.n(i),u=n(5904),l=n(7180),s=n.n(l),c=n(4333),d=n(4787),f=n(4103),v=n(9685),p=n(9753),m=n(1515),b=n(6580),g=n(2444);const h="Popover";function y(e,t){const{paddingTop:n,paddingBottom:r,paddingLeft:o,paddingRight:i}=(a=t).ownerDocument.defaultView.getComputedStyle(a);var a;const u=n?parseInt(n,10):0,l=r?parseInt(r,10):0,s=o?parseInt(o,10):0,c=i?parseInt(i,10):0;return{x:e.left+s,y:e.top+u,width:e.width-s-c,height:e.height-u-l,left:e.left+s,right:e.right-c,top:e.top+u,bottom:e.bottom-l}}function w(e,t,n){n?e.getAttribute(t)!==n&&e.setAttribute(t,n):e.hasAttribute(t)&&e.removeAttribute(t)}function E(e,t,n=""){e.style[t]!==n&&(e.style[t]=n)}function _(e,t,n){n?e.classList.contains(t)||e.classList.add(t):e.classList.contains(t)&&e.classList.remove(t)}const C=(0,o.forwardRef)((({headerTitle:e,onClose:t,children:n,className:i,noArrow:l=!0,isAlternate:C,position:O="bottom right",range:I,focusOnMount:k="firstElement",anchorRef:S,shouldAnchorIncludePadding:P,anchorRect:T,getAnchorRect:R,expandOnMobile:x,animate:L=!0,onClickOutside:D,onFocusOutside:A,__unstableStickyBoundaryElement:B,__unstableSlotName:F=h,__unstableObserveElement:M,__unstableBoundaryParent:j,__unstableForcePosition:Z,__unstableForceXAlignment:N,...W},H)=>{const U=(0,o.useRef)(null),V=(0,o.useRef)(null),K=(0,o.useRef)(),z=(0,c.useViewportMatch)("medium","<"),[q,G]=(0,o.useState)(),J=(0,m.Z)(F),X=x&&z,[Y,$]=(0,c.useResizeObserver)();l=X||l,(0,o.useLayoutEffect)((()=>{if(X)return _(K.current,"is-without-arrow",l),_(K.current,"is-alternate",C),w(K.current,"data-x-axis"),w(K.current,"data-y-axis"),E(K.current,"top"),E(K.current,"left"),E(V.current,"maxHeight"),void E(V.current,"maxWidth");const e=()=>{if(!K.current||!V.current)return;let e=function(e,t,n,r=!1,o,i){if(t)return t;if(n){if(!e.current)return;const t=n(e.current);return(0,f.cS)(t,t.ownerDocument||e.current.ownerDocument,i)}if(!1!==r){if(!(r&&window.Range&&window.Element&&window.DOMRect))return;if("function"==typeof(null==r?void 0:r.cloneRange))return(0,f.cS)((0,u.getRectangleFromRange)(r),r.endContainer.ownerDocument,i);if("function"==typeof(null==r?void 0:r.getBoundingClientRect)){const e=(0,f.cS)(r.getBoundingClientRect(),r.ownerDocument,i);return o?e:y(e,r)}const{top:e,bottom:t}=r,n=e.getBoundingClientRect(),a=t.getBoundingClientRect(),l=(0,f.cS)(new window.DOMRect(n.left,n.top,n.width,a.bottom-n.top),e.ownerDocument,i);return o?l:y(l,r)}if(!e.current)return;const{parentNode:a}=e.current,l=a.getBoundingClientRect();return o?l:y(l,a)}(U,T,R,S,P,K.current);if(!e)return;const{offsetParent:t,ownerDocument:n}=K.current;let r,o=0;if(t&&t!==n.body){const n=t.getBoundingClientRect();o=n.top,e=new window.DOMRect(e.left-n.left,e.top-n.top,e.width,e.height)}var i;j&&(r=null===(i=K.current.closest(".popover-slot"))||void 0===i?void 0:i.parentNode);const a=$.height?$:V.current.getBoundingClientRect(),{popoverTop:s,popoverLeft:c,xAxis:d,yAxis:v,contentHeight:p,contentWidth:m}=(0,f.sw)(e,a,O,B,K.current,o,r,Z,N);"number"==typeof s&&"number"==typeof c&&(E(K.current,"top",s+"px"),E(K.current,"left",c+"px")),_(K.current,"is-without-arrow",l||"center"===d&&"middle"===v),_(K.current,"is-alternate",C),w(K.current,"data-x-axis",d),w(K.current,"data-y-axis",v),E(V.current,"maxHeight","number"==typeof p?p+"px":""),E(V.current,"maxWidth","number"==typeof m?m+"px":""),G(({left:"right",right:"left"}[d]||"center")+" "+({top:"bottom",bottom:"top"}[v]||"middle"))};e();const{ownerDocument:t}=K.current,{defaultView:n}=t,r=n.setInterval(e,500);let o;const i=()=>{n.cancelAnimationFrame(o),o=n.requestAnimationFrame(e)};n.addEventListener("click",i),n.addEventListener("resize",e),n.addEventListener("scroll",e,!0);const a=function(e){if(e)return e.endContainer?e.endContainer.ownerDocument:e.top?e.top.ownerDocument:e.ownerDocument}(S);let s;return a&&a!==t&&(a.defaultView.addEventListener("resize",e),a.defaultView.addEventListener("scroll",e,!0)),M&&(s=new n.MutationObserver(e),s.observe(M,{attributes:!0})),()=>{n.clearInterval(r),n.removeEventListener("resize",e),n.removeEventListener("scroll",e,!0),n.removeEventListener("click",i),n.cancelAnimationFrame(o),a&&a!==t&&(a.defaultView.removeEventListener("resize",e),a.defaultView.removeEventListener("scroll",e,!0)),s&&s.disconnect()}}),[X,T,R,S,P,O,$,B,M,j]);const Q=(e,n)=>{if("focus-outside"===e&&A)A(n);else if("focus-outside"===e&&D){const e=new window.MouseEvent("click");Object.defineProperty(e,"target",{get:()=>n.relatedTarget}),s()("Popover onClickOutside prop",{since:"5.3",alternative:"onFocusOutside"}),D(e)}else t&&t()},[ee,te]=(0,c.__experimentalUseDialog)({focusOnMount:k,__unstableOnClose:Q,onClose:Q}),ne=(0,c.useMergeRefs)([K,ee,H]),re=Boolean(L&&q)&&(0,g.T)({type:"appear",origin:q});let oe=(0,o.createElement)("div",(0,r.Z)({className:a()("components-popover",i,re,{"is-expanded":X,"is-without-arrow":l,"is-alternate":C})},W,{ref:ne},te,{tabIndex:"-1"}),X&&(0,o.createElement)(p.Z,null),X&&(0,o.createElement)("div",{className:"components-popover__header"},(0,o.createElement)("span",{className:"components-popover__header-title"},e),(0,o.createElement)(v.Z,{className:"components-popover__close",icon:d.Z,onClick:t})),(0,o.createElement)("div",{ref:V,className:"components-popover__content"},(0,o.createElement)("div",{style:{position:"relative"}},Y,n)));return J.ref&&(oe=(0,o.createElement)(b.de,{name:F},oe)),S||T?oe:(0,o.createElement)("span",{ref:U},oe)}));C.Slot=(0,o.forwardRef)((function({name:e=h},t){return(0,o.createElement)(b.g7,{bubblesVirtually:!0,name:e,className:"popover-slot",ref:t})}));const O=C},4103:(e,t,n)=>{n.d(t,{cS:()=>a,sw:()=>i});var r=n(5736);const o=10;function i(e,t,n="top",i,a,u,l,s,c){const[d,f="center",v]=n.split(" "),p=function(e,t,n,r,i,a,u,l){const{height:s}=t;if(i){const t=i.getBoundingClientRect().top+s-u;if(e.top<=t)return{yAxis:n,popoverTop:Math.min(e.bottom,t)}}let c=e.top+e.height/2;"bottom"===r?c=e.bottom:"top"===r&&(c=e.top);const d={popoverTop:c,contentHeight:(c-s/2>0?s/2:c)+(c+s/2>window.innerHeight?window.innerHeight-c:s/2)},f={popoverTop:e.top,contentHeight:e.top-o-s>0?s:e.top-o},v={popoverTop:e.bottom,contentHeight:e.bottom+o+s>window.innerHeight?window.innerHeight-o-e.bottom:s};let p,m=n,b=null;if(!i&&!l)if("middle"===n&&d.contentHeight===s)m="middle";else if("top"===n&&f.contentHeight===s)m="top";else if("bottom"===n&&v.contentHeight===s)m="bottom";else{m=f.contentHeight>v.contentHeight?"top":"bottom";const e="top"===m?f.contentHeight:v.contentHeight;b=e!==s?e:null}return p="middle"===m?d.popoverTop:"top"===m?f.popoverTop:v.popoverTop,{yAxis:m,popoverTop:p,contentHeight:b}}(e,t,d,v,i,0,u,s),m=function(e,t,n,o,i,a,u,l,s){const{width:c}=t;"left"===n&&(0,r.isRTL)()?n="right":"right"===n&&(0,r.isRTL)()&&(n="left"),"left"===o&&(0,r.isRTL)()?o="right":"right"===o&&(0,r.isRTL)()&&(o="left");const d=Math.round(e.left+e.width/2),f={popoverLeft:d,contentWidth:(d-c/2>0?c/2:d)+(d+c/2>window.innerWidth?window.innerWidth-d:c/2)};let v=e.left;"right"===o?v=e.right:"middle"===a||s||(v=d);let p=e.right;"left"===o?p=e.left:"middle"===a||s||(p=d);const m={popoverLeft:v,contentWidth:v-c>0?c:v},b={popoverLeft:p,contentWidth:p+c>window.innerWidth?window.innerWidth-p:c};let g,h=n,y=null;if(!i&&!l)if("center"===n&&f.contentWidth===c)h="center";else if("left"===n&&m.contentWidth===c)h="left";else if("right"===n&&b.contentWidth===c)h="right";else{h=m.contentWidth>b.contentWidth?"left":"right";const e="left"===h?m.contentWidth:b.contentWidth;c>window.innerWidth&&(y=window.innerWidth),e!==c&&(h="center",f.popoverLeft=window.innerWidth/2)}if(g="center"===h?f.popoverLeft:"left"===h?m.popoverLeft:b.popoverLeft,u){const e=u.getBoundingClientRect();g=Math.min(g,e.right-c),(0,r.isRTL)()||(g=Math.max(g,0))}return{xAxis:h,popoverLeft:g,contentWidth:y}}(e,t,f,v,i,p.yAxis,l,s,c);return{...m,...p}}function a(e,t,n){const{defaultView:r}=t,{frameElement:o}=r;if(!o||t===n.ownerDocument)return e;const i=o.getBoundingClientRect();return new r.DOMRect(e.left+i.left,e.top+i.top,e.width,e.height)}},9918:(e,t,n)=>{n.d(t,{Z:()=>r});const r=(0,n(9307).createContext)({state:null,setState:()=>{}})},8557:(e,t,n)=>{n.d(t,{Z:()=>ae});var r=n(7462),o=n(9307),i=n(7167),a=n(9196);function u(e){return(0,a.useState)(e)[0]}var l=n(6566),s=n(5708);function c(e){for(var t,n=[[]],r=function(){var e=t.value,r=n.find((function(t){return!t[0]||t[0].groupId===e.groupId}));r?r.push(e):n.push([e])},o=(0,i.b)(e);!(t=o()).done;)r();return n}function d(e){for(var t,n=[],r=(0,i.b)(e);!(t=r()).done;){var o=t.value;n.push.apply(n,o)}return n}function f(e){return e.slice().reverse()}var v=n(2164);function p(e,t){if(t)return null==e?void 0:e.find((function(e){return e.id===t&&!e.disabled}))}function m(e,t){return function(e){return"function"==typeof e}(e)?e(t):e}var b=n(66);function g(e,t){return Boolean(t.compareDocumentPosition(e)&Node.DOCUMENT_POSITION_PRECEDING)}function h(e,t){return e.findIndex((function(e){return!(!e.ref.current||!t.ref.current)&&g(t.ref.current,e.ref.current)}))}function y(e){for(var t,n=0,r=(0,i.b)(e);!(t=r()).done;){var o=t.value.length;o>n&&(n=o)}return n}function w(e){for(var t=c(e),n=y(t),r=[],o=0;oi&&(n=!0),-1):(r{n.d(t,{Z:()=>j});var r=n(7462),o=n(9307),i=n(7167),a=n(3726),u=n(8526),l=n(9196),s=n(9412),c=(n(4876),n(9285)),d=n(2813),f=n(6016),v=n(7551),p=n(9382),m=n(7793),b=n(5274),g=(0,u.B)({name:"Clickable",compose:b.u,keys:["unstable_clickOnEnter","unstable_clickOnSpace"],useOptions:function(e){var t=e.unstable_clickOnEnter,n=void 0===t||t,r=e.unstable_clickOnSpace,o=void 0===r||r,a=(0,i._)(e,["unstable_clickOnEnter","unstable_clickOnSpace"]);return(0,i.a)({unstable_clickOnEnter:n,unstable_clickOnSpace:o},a)},useProps:function(e,t){var n=t.onKeyDown,r=t.onKeyUp,o=(0,i._)(t,["onKeyDown","onKeyUp"]),a=(0,l.useState)(!1),u=a[0],s=a[1],d=(0,c.c)(n),v=(0,c.c)(r),p=(0,l.useCallback)((function(t){var n;if(null===(n=d.current)||void 0===n||n.call(d,t),!t.defaultPrevented&&!e.disabled&&!t.metaKey&&(0,f.U)(t)){var r=e.unstable_clickOnEnter&&"Enter"===t.key,o=e.unstable_clickOnSpace&&" "===t.key;if(r||o){if(function(e){var t=e.currentTarget;return!!e.isTrusted&&((0,m.i)(t)||"INPUT"===t.tagName||"TEXTAREA"===t.tagName||"A"===t.tagName||"SELECT"===t.tagName)}(t))return;t.preventDefault(),r?t.currentTarget.click():o&&s(!0)}}}),[e.disabled,e.unstable_clickOnEnter,e.unstable_clickOnSpace]),b=(0,l.useCallback)((function(t){var n;if(null===(n=v.current)||void 0===n||n.call(v,t),!t.defaultPrevented&&!e.disabled&&!t.metaKey){var r=e.unstable_clickOnSpace&&" "===t.key;u&&r&&(s(!1),t.currentTarget.click())}}),[e.disabled,e.unstable_clickOnSpace,u]);return(0,i.a)({"data-active":u||void 0,onKeyDown:p,onKeyUp:b},o)}}),h=((0,a.L)({as:"button",memo:!0,useHook:g}),n(5708)),y=n(2164),w=n(1680),E=n(216);function _(e){try{var t=e instanceof HTMLInputElement&&null!==e.selectionStart,n="TEXTAREA"===e.tagName,r="true"===e.contentEditable;return t||n||r||!1}catch(e){return!1}}var C=n(7589);function O(e){var t=(0,C.v)(e);if(!t)return!1;if(t===e)return!0;var n=t.getAttribute("aria-activedescendant");return!!n&&n===e.id}var I=n(66),k=[].concat(["baseId","unstable_idCountRef","setBaseId"],["id"]),S=(0,u.B)({keys:k,useOptions:function(e,t){var n=(0,l.useContext)(I.U),r=(0,l.useState)((function(){return e.unstable_idCountRef?(e.unstable_idCountRef.current+=1,"-"+e.unstable_idCountRef.current):e.baseId?"-"+n(""):""}))[0],o=(0,l.useMemo)((function(){return e.baseId||n()}),[e.baseId,n]),a=t.id||e.id||""+o+r;return(0,i.a)((0,i.a)({},e),{},{id:a})},useProps:function(e,t){return(0,i.a)({id:e.id},t)}});function P(e,t){if(e instanceof HTMLInputElement||e instanceof HTMLTextAreaElement){var n,r=Object.getPrototypeOf(e),o=null===(n=Object.getOwnPropertyDescriptor(r,"value"))||void 0===n?void 0:n.set;o&&(o.call(e,t),function(e,t,n){e.dispatchEvent((0,d.y)(e,"input",{bubbles:!0}))}(e))}}function T(e){return e.querySelector("[data-composite-item-widget]")}(0,a.L)({as:"div",useHook:S});var R=(0,u.B)({name:"CompositeItem",compose:[g,S],keys:w.b,propsAreEqual:function(e,t){if(!t.id||e.id!==t.id)return g.unstable_propsAreEqual(e,t);var n=e.currentId,r=e.unstable_moves,o=(0,i._)(e,["currentId","unstable_moves"]),a=t.currentId,u=t.unstable_moves,l=(0,i._)(t,["currentId","unstable_moves"]);if(a!==n){if(t.id===a||t.id===n)return!1}else if(r!==u)return!1;return g.unstable_propsAreEqual(o,l)},useOptions:function(e){return(0,i.a)((0,i.a)({},e),{},{id:e.id,currentId:(0,y.g)(e),unstable_clickOnSpace:!e.unstable_hasActiveWidget&&e.unstable_clickOnSpace})},useProps:function(e,t){var n,r=t.ref,o=t.tabIndex,a=void 0===o?0:o,u=t.onMouseDown,d=t.onFocus,m=t.onBlurCapture,b=t.onKeyDown,g=t.onClick,y=(0,i._)(t,["ref","tabIndex","onMouseDown","onFocus","onBlurCapture","onKeyDown","onClick"]),w=(0,l.useRef)(null),C=e.id,I=e.disabled&&!e.focusable,k=e.currentId===C,S=(0,c.c)(k),R=(0,l.useRef)(!1),x=function(e){return(0,l.useMemo)((function(){var t;return null===(t=e.items)||void 0===t?void 0:t.find((function(t){return e.id&&t.id===e.id}))}),[e.items,e.id])}(e),L=(0,c.c)(u),D=(0,c.c)(d),A=(0,c.c)(m),B=(0,c.c)(b),F=(0,c.c)(g),M=!e.unstable_virtual&&!e.unstable_hasActiveWidget&&k||!(null!==(n=e.items)&&void 0!==n&&n.length);(0,l.useEffect)((function(){var t;if(C)return null===(t=e.registerItem)||void 0===t||t.call(e,{id:C,ref:w,disabled:!!I}),function(){var t;null===(t=e.unregisterItem)||void 0===t||t.call(e,C)}}),[C,I,e.registerItem,e.unregisterItem]),(0,l.useEffect)((function(){var t=w.current;t&&e.unstable_moves&&S.current&&(0,E.u)(t)}),[e.unstable_moves]);var j=(0,l.useCallback)((function(e){var t;null===(t=L.current)||void 0===t||t.call(L,e),(0,E.s)(e.currentTarget,!0)}),[]),Z=(0,l.useCallback)((function(t){var n,r,o=(0,E.h)(t.currentTarget);if((0,E.s)(t.currentTarget,!1),null===(n=D.current)||void 0===n||n.call(D,t),!t.defaultPrevented&&!(0,p.K)(t)&&C&&!function(e,t){if((0,f.U)(e))return!1;for(var n,r=(0,i.b)(t);!(n=r()).done;)if(n.value.ref.current===e.target)return!0;return!1}(t,e.items)&&(null===(r=e.setCurrentId)||void 0===r||r.call(e,C),o&&e.unstable_virtual&&e.baseId&&(0,f.U)(t))){var a=t.target,u=(0,h.M)(a).getElementById(e.baseId);u&&(R.current=!0,function(e,t){var n={},r=n.preventScroll,o=n.isActive,i=void 0===o?O:o;i(e)||(e.focus({preventScroll:r}),i(e)||requestAnimationFrame((function(){e.focus({preventScroll:r})})))}(u))}}),[C,e.items,e.setCurrentId,e.unstable_virtual,e.baseId]),N=(0,l.useCallback)((function(t){var n;null===(n=A.current)||void 0===n||n.call(A,t),t.defaultPrevented||e.unstable_virtual&&R.current&&(R.current=!1,t.preventDefault(),t.stopPropagation())}),[e.unstable_virtual]),W=(0,l.useCallback)((function(t){var n;if((0,f.U)(t)){var r="horizontal"!==e.orientation,o="vertical"!==e.orientation,i=!(null==x||!x.groupId),a={ArrowUp:(i||r)&&e.up,ArrowRight:(i||o)&&e.next,ArrowDown:(i||r)&&e.down,ArrowLeft:(i||o)&&e.previous,Home:function(){var n,r;!i||t.ctrlKey?null===(n=e.first)||void 0===n||n.call(e):null===(r=e.previous)||void 0===r||r.call(e,!0)},End:function(){var n,r;!i||t.ctrlKey?null===(n=e.last)||void 0===n||n.call(e):null===(r=e.next)||void 0===r||r.call(e,!0)},PageUp:function(){var t,n;i?null===(t=e.up)||void 0===t||t.call(e,!0):null===(n=e.first)||void 0===n||n.call(e)},PageDown:function(){var t,n;i?null===(t=e.down)||void 0===t||t.call(e,!0):null===(n=e.last)||void 0===n||n.call(e)}}[t.key];if(a)return t.preventDefault(),void a();if(null===(n=B.current)||void 0===n||n.call(B,t),!t.defaultPrevented)if(1===t.key.length&&" "!==t.key){var u=T(t.currentTarget);u&&_(u)&&(u.focus(),P(u,""))}else if("Delete"===t.key||"Backspace"===t.key){var l=T(t.currentTarget);l&&_(l)&&(t.preventDefault(),P(l,""))}}}),[e.orientation,x,e.up,e.next,e.down,e.previous,e.first,e.last]),H=(0,l.useCallback)((function(e){var t;if(null===(t=F.current)||void 0===t||t.call(F,e),!e.defaultPrevented){var n=T(e.currentTarget);n&&!(0,v.B)(n)&&n.focus()}}),[]);return(0,i.a)({ref:(0,s.c)(w,r),id:C,tabIndex:M?a:-1,"aria-selected":!(!e.unstable_virtual||!k)||void 0,onMouseDown:j,onFocus:Z,onBlurCapture:N,onKeyDown:W,onClick:H},y)}}),x=((0,a.L)({as:"button",memo:!0,useHook:R}),n(4411));function L(e){return void 0!==e.checked?e.checked:void 0!==e.value&&e.state===e.value}function D(e,t){var n=(0,d.y)(e,"change");Object.defineProperties(n,{type:{value:"change"},target:{value:e},currentTarget:{value:e}}),null==t||t(n)}var A=(0,u.B)({name:"Radio",compose:R,keys:x.R,useOptions:function(e,t){var n,r=t.value,o=t.checked,a=e.unstable_clickOnEnter,u=void 0!==a&&a,l=e.unstable_checkOnFocus,s=void 0===l||l,c=(0,i._)(e,["unstable_clickOnEnter","unstable_checkOnFocus"]);return(0,i.a)((0,i.a)({checked:o,unstable_clickOnEnter:u,unstable_checkOnFocus:s},c),{},{value:null!=(n=c.value)?n:r})},useProps:function(e,t){var n=t.ref,r=t.onChange,o=t.onClick,a=(0,i._)(t,["ref","onChange","onClick"]),u=(0,l.useRef)(null),d=(0,l.useState)(!0),f=d[0],v=d[1],p=L(e),m=(0,c.c)(e.currentId===e.id),b=(0,c.c)(r),g=(0,c.c)(o);!function(e){var t=(0,l.useState)((function(){return L(e)}))[0],n=(0,l.useState)(e.currentId)[0],r=e.id,o=e.setCurrentId;(0,l.useEffect)((function(){t&&r&&n!==r&&(null==o||o(r))}),[t,r,o,n])}(e),(0,l.useEffect)((function(){var e=u.current;e&&("INPUT"===e.tagName&&"radio"===e.type||v(!1))}),[]);var h=(0,l.useCallback)((function(t){var n,r;null===(n=b.current)||void 0===n||n.call(b,t),t.defaultPrevented||e.disabled||null===(r=e.setState)||void 0===r||r.call(e,e.value)}),[e.disabled,e.setState,e.value]),y=(0,l.useCallback)((function(e){var t;null===(t=g.current)||void 0===t||t.call(g,e),e.defaultPrevented||f||D(e.currentTarget,h)}),[h,f]);return(0,l.useEffect)((function(){var t=u.current;t&&e.unstable_moves&&m.current&&e.unstable_checkOnFocus&&D(t,h)}),[e.unstable_moves,e.unstable_checkOnFocus,h]),(0,i.a)({ref:(0,s.c)(u,n),role:f?void 0:"radio",type:f?"radio":void 0,value:f?e.value:void 0,name:f?e.baseId:void 0,"aria-checked":p,checked:p,onChange:h,onClick:y},a)}}),B=(0,a.L)({as:"input",memo:!0,useHook:A}),F=n(9685),M=n(9918);const j=(0,o.forwardRef)((function({children:e,value:t,...n},i){const a=(0,o.useContext)(M.Z),u=a.state===t;return(0,o.createElement)(B,(0,r.Z)({ref:i,as:F.Z,variant:u?"primary":"secondary",value:t},a,n),e||t)}))},9753:(e,t,n)=>{n.d(t,{Z:()=>u});var r=n(9307);let o=0;function i(e){const t=document.scrollingElement||document.body;e&&(o=t.scrollTop);const n=e?"add":"remove";t.classList[n]("lockscroll"),document.documentElement.classList[n]("lockscroll"),e||(t.scrollTop=o)}let a=0;function u(){return(0,r.useEffect)((()=>(0===a&&i(!0),++a,()=>{1===a&&i(!1),--a})),[]),null}},3586:(e,t,n)=>{n.d(t,{Z:()=>i});var r=n(9307),o=n(2819);const i=function({shortcut:e,className:t}){if(!e)return null;let n,i;return(0,o.isString)(e)&&(n=e),(0,o.isObject)(e)&&(n=e.display,i=e.ariaLabel),(0,r.createElement)("span",{className:t,"aria-label":i},n)}},4160:(e,t,n)=>{n.d(t,{Z:()=>a});var r=n(9307),o=n(1515);function i(){const[,e]=(0,r.useState)({}),t=(0,r.useRef)(!0);return(0,r.useEffect)((()=>()=>{t.current=!1}),[]),()=>{t.current&&e({})}}function a({name:e,children:t}){const n=(0,o.Z)(e),a=(0,r.useRef)({rerender:i()});return(0,r.useEffect)((()=>(n.registerFill(a),()=>{n.unregisterFill(a)})),[n.registerFill,n.unregisterFill]),n.ref&&n.ref.current?("function"==typeof t&&(t=t(n.fillProps)),(0,r.createPortal)(t,n.ref.current)):null}},159:(e,t,n)=>{n.d(t,{Z:()=>o});var r=n(9307);n(2560);const o=(0,r.createContext)({slots:{},fills:{},registerSlot:()=>{"undefined"!=typeof process&&process.env},updateSlot:()=>{},unregisterSlot:()=>{},registerFill:()=>{},unregisterFill:()=>{}})},9934:(e,t,n)=>{n.d(t,{Z:()=>u});var r=n(7462),o=n(9307),i=n(4333),a=n(159);const u=(0,o.forwardRef)((function({name:e,fillProps:t={},as:n="div",...u},l){const s=(0,o.useContext)(a.Z),c=(0,o.useRef)();return(0,o.useLayoutEffect)((()=>(s.registerSlot(e,c,t),()=>{s.unregisterSlot(e,c)})),[s.registerSlot,s.unregisterSlot,e]),(0,o.useLayoutEffect)((()=>{s.updateSlot(e,t)})),(0,o.createElement)(n,(0,r.Z)({ref:(0,i.useMergeRefs)([l,c])},u))}))},1515:(e,t,n)=>{n.d(t,{Z:()=>i});var r=n(9307),o=n(159);function i(e){const t=(0,r.useContext)(o.Z),n=t.slots[e]||{},i=t.fills[e],a=(0,r.useMemo)((()=>i||[]),[i]);return{...n,updateSlot:(0,r.useCallback)((n=>{t.updateSlot(e,n)}),[e,t.updateSlot]),unregisterSlot:(0,r.useCallback)((n=>{t.unregisterSlot(e,n)}),[e,t.unregisterSlot]),fills:a,registerFill:(0,r.useCallback)((n=>{t.registerFill(e,n)}),[e,t.registerFill]),unregisterFill:(0,r.useCallback)((n=>{t.unregisterFill(e,n)}),[e,t.unregisterFill])}}},566:(e,t,n)=>{n.d(t,{Z:()=>r});const r=(0,n(9307).createContext)({registerSlot:()=>{},unregisterSlot:()=>{},registerFill:()=>{},unregisterFill:()=>{},getSlot:()=>{},getFills:()=>{},subscribe:()=>{}})},8198:(e,t,n)=>{n.d(t,{Z:()=>s});var r=n(7462),o=n(9307),i=n(2819),a=n(566),u=n(2009);function l({name:e,children:t,registerFill:n,unregisterFill:r}){const a=(0,u.Z)(e),l=(0,o.useRef)({name:e,children:t});return(0,o.useLayoutEffect)((()=>(n(e,l.current),()=>r(e,l.current))),[]),(0,o.useLayoutEffect)((()=>{l.current.children=t,a&&a.forceUpdate()}),[t]),(0,o.useLayoutEffect)((()=>{e!==l.current.name&&(r(l.current.name,l.current),l.current.name=e,n(e,l.current))}),[e]),a&&a.node?((0,i.isFunction)(t)&&(t=t(a.props.fillProps)),(0,o.createPortal)(t,a.node)):null}const s=e=>(0,o.createElement)(a.Z.Consumer,null,(({registerFill:t,unregisterFill:n})=>(0,o.createElement)(l,(0,r.Z)({},e,{registerFill:t,unregisterFill:n}))))},6580:(e,t,n)=>{n.d(t,{de:()=>s,g7:()=>c});var r=n(7462),o=n(9307),i=n(8198),a=n(8612),u=n(4160),l=n(9934);function s(e){return(0,o.createElement)(o.Fragment,null,(0,o.createElement)(i.Z,e),(0,o.createElement)(u.Z,e))}const c=(0,o.forwardRef)((({bubblesVirtually:e,...t},n)=>e?(0,o.createElement)(l.Z,(0,r.Z)({},t,{ref:n})):(0,o.createElement)(a.Z,t)))},8612:(e,t,n)=>{n.d(t,{Z:()=>l});var r=n(7462),o=n(9307),i=n(2819),a=n(566);class u extends o.Component{constructor(){super(...arguments),this.isUnmounted=!1,this.bindNode=this.bindNode.bind(this)}componentDidMount(){const{registerSlot:e}=this.props;e(this.props.name,this)}componentWillUnmount(){const{unregisterSlot:e}=this.props;this.isUnmounted=!0,e(this.props.name,this)}componentDidUpdate(e){const{name:t,unregisterSlot:n,registerSlot:r}=this.props;e.name!==t&&(n(e.name),r(t,this))}bindNode(e){this.node=e}forceUpdate(){this.isUnmounted||super.forceUpdate()}render(){const{children:e,name:t,fillProps:n={},getFills:r}=this.props,a=(0,i.map)(r(t,this),(e=>{const t=(0,i.isFunction)(e.children)?e.children(n):e.children;return o.Children.map(t,((e,t)=>{if(!e||(0,i.isString)(e))return e;const n=e.key||t;return(0,o.cloneElement)(e,{key:n})}))})).filter((0,i.negate)(o.isEmptyElement));return(0,o.createElement)(o.Fragment,null,(0,i.isFunction)(e)?e(a):a)}}const l=e=>(0,o.createElement)(a.Z.Consumer,null,(({registerSlot:t,unregisterSlot:n,getFills:i})=>(0,o.createElement)(u,(0,r.Z)({},e,{registerSlot:t,unregisterSlot:n,getFills:i}))))},2009:(e,t,n)=>{n.d(t,{Z:()=>i});var r=n(9307),o=n(566);const i=e=>{const{getSlot:t,subscribe:n}=(0,r.useContext)(o.Z),[i,a]=(0,r.useState)(t(e));return(0,r.useEffect)((()=>(a(t(e)),n((()=>{a(t(e))})))),[e]),i}},9178:(e,t,n)=>{n.d(t,{Z:()=>f});var r=n(9307),o=n(2819),i=n(4333),a=n(4638),u=n(3586);const l=(0,r.createElement)("div",{className:"event-catcher"}),s=({eventHandlers:e,child:t,childrenWithPopover:n})=>(0,r.cloneElement)((0,r.createElement)("span",{className:"disabled-element-wrapper"},(0,r.cloneElement)(l,e),(0,r.cloneElement)(t,{children:n}),","),e),c=({child:e,eventHandlers:t,childrenWithPopover:n})=>(0,r.cloneElement)(e,{...t,children:n}),d=(e,t,n)=>{if(1!==r.Children.count(e))return;const o=r.Children.only(e);"function"==typeof o.props[t]&&o.props[t](n)},f=function({children:e,position:t,text:n,shortcut:l}){const[f,v]=(0,r.useState)(!1),[p,m]=(0,r.useState)(!1),b=(0,i.useDebounce)(m,700),g=t=>{d(e,"onMouseDown",t),document.addEventListener("mouseup",w),v(!0)},h=t=>{d(e,"onMouseUp",t),document.removeEventListener("mouseup",w),v(!1)},y=e=>"mouseUp"===e?h:"mouseDown"===e?g:void 0,w=y("mouseUp"),E=(t,n)=>r=>{if(d(e,t,r),r.currentTarget.disabled)return;if("focus"===r.type&&f)return;b.cancel();const i=(0,o.includes)(["focus","mouseenter"],r.type);i!==p&&(n?b(i):m(i))},_=()=>{b.cancel(),document.removeEventListener("mouseup",w)};if((0,r.useEffect)((()=>_),[]),1!==r.Children.count(e))return e;const C={onMouseEnter:E("onMouseEnter",!0),onMouseLeave:E("onMouseLeave"),onClick:E("onClick"),onFocus:E("onFocus"),onBlur:E("onBlur"),onMouseDown:y("mouseDown")},O=r.Children.only(e),{children:I,disabled:k}=O.props,S=k?s:c,P=(({grandchildren:e,isOver:t,position:n,text:o,shortcut:i})=>(0,r.concatChildren)(e,t&&(0,r.createElement)(a.Z,{focusOnMount:!1,position:n,className:"components-tooltip","aria-hidden":"true",animate:!1,noArrow:!0},o,(0,r.createElement)(u.Z,{className:"components-tooltip__shortcut",shortcut:i}))))({grandchildren:I,isOver:p,position:t,text:n,shortcut:l});return S({child:O,eventHandlers:C,childrenWithPopover:P})}},7593:(e,t,n)=>{n.d(t,{Z:()=>u});var r=n(4184),o=n.n(r),i=n(9307),a=n(2004);const u=(0,i.forwardRef)((function({as:e="div",className:t,...n},r){return(0,a.k)({as:e,className:o()("components-visually-hidden",t),...n,ref:r})}))},2004:(e,t,n)=>{n.d(t,{k:()=>o});var r=n(9307);function o({as:e="div",...t}){return"function"==typeof t.children?t.children(t):(0,r.createElement)(e,t)}},4787:(e,t,n)=>{n.d(t,{Z:()=>i});var r=n(9307),o=n(444);const i=(0,r.createElement)(o.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24"},(0,r.createElement)(o.Path,{d:"M13 11.8l6.1-6.3-1-1-6.1 6.2-6.1-6.2-1 1 6.1 6.3-6.5 6.7 1 1 6.5-6.6 6.5 6.6 1-1z"}))},7462:(e,t,n)=>{function r(){return r=Object.assign?Object.assign.bind():function(e){for(var t=1;tr})}}]); \ No newline at end of file diff --git a/build/4124-frontend.js b/build/4124-frontend.js new file mode 100644 index 00000000000..8663286a9e8 --- /dev/null +++ b/build/4124-frontend.js @@ -0,0 +1 @@ +(self.webpackChunkwebpackWcBlocksJsonp=self.webpackChunkwebpackWcBlocksJsonp||[]).push([[4124],{6751:(e,t,n)=>{"use strict";n.d(t,{Z:()=>re});var r=function(){function e(e){var t=this;this._insertTag=function(e){var n;n=0===t.tags.length?t.insertionPoint?t.insertionPoint.nextSibling:t.prepend?t.container.firstChild:t.before:t.tags[t.tags.length-1].nextSibling,t.container.insertBefore(e,n),t.tags.push(e)},this.isSpeedy=void 0===e.speedy||e.speedy,this.tags=[],this.ctr=0,this.nonce=e.nonce,this.key=e.key,this.container=e.container,this.prepend=e.prepend,this.insertionPoint=e.insertionPoint,this.before=null}var t=e.prototype;return t.hydrate=function(e){e.forEach(this._insertTag)},t.insert=function(e){this.ctr%(this.isSpeedy?65e3:1)==0&&this._insertTag(function(e){var t=document.createElement("style");return t.setAttribute("data-emotion",e.key),void 0!==e.nonce&&t.setAttribute("nonce",e.nonce),t.appendChild(document.createTextNode("")),t.setAttribute("data-s",""),t}(this));var t=this.tags[this.tags.length-1];if(this.isSpeedy){var n=function(e){if(e.sheet)return e.sheet;for(var t=0;t0?u(w,--b):0,g--,10===y&&(g=1,m--),y}function S(){return y=b2||C(y)>3?"":" "}function N(e,t){for(;--t&&S()&&!(y<48||y>102||y>57&&y<65||y>70&&y<97););return M(e,E()+(t<6&&32==A()&&32==S()))}function T(e){for(;S();)switch(y){case e:return b;case 34:case 39:34!==e&&39!==e&&T(y);break;case 40:41===e&&T(e);break;case 92:S()}return b}function D(e,t){for(;S()&&e+y!==57&&(e+y!==84||47!==A()););return"/*"+M(t,b-1)+"*"+a(47===e?e:S())}function O(e){for(;!C(A());)S();return M(e,b)}var P="-ms-",H="-moz-",$="-webkit-",z="comm",I="rule",B="decl",W="@keyframes";function j(e,t){for(var n="",r=h(e),i=0;i0&&d(H)-v&&p(y>32?Y(H+";",r,n,v-1):Y(c(H," ","")+";",r,n,v-2),h);break;case 59:H+=";";default:if(p(P=V(H,t,n,m,g,i,f,R,F=[],T=[],v),o),123===C)if(0===g)U(H,t,P,P,F,o,v,f,T);else switch(99===b&&110===u(H,3)?100:b){case 100:case 108:case 109:case 115:U(e,P,P,r&&p(V(e,P,P,0,0,i,f,R,i,F=[],v),T),i,T,v,f,r?F:T);break;default:U(H,P,P,P,[""],T,0,f,T)}}m=g=y=0,x=M=1,R=H="",v=s;break;case 58:v=1+d(H),y=w;default:if(x<1)if(123==C)--x;else if(125==C&&0==x++&&125==_())continue;switch(H+=a(C),C*x){case 38:M=g>0?1:(H+="\f",-1);break;case 44:f[m++]=(d(H)-1)*M,M=1;break;case 64:45===A()&&(H+=L(S())),b=A(),g=v=d(R=H+=O(E())),C++;break;case 45:45===w&&2==d(H)&&(x=0)}}return o}function V(e,t,n,r,a,o,l,u,d,p,m){for(var g=a-1,v=0===a?o:[""],b=h(v),y=0,w=0,k=0;y0?v[_]+" "+S:c(S,/&\f/g,v[_])))&&(d[k++]=A);return x(e,t,n,0===a?I:u,d,p,m)}function X(e,t,n){return x(e,t,n,z,a(y),f(e,2,-2),0)}function Y(e,t,n,r){return x(e,t,n,B,f(e,0,r),f(e,r+1,-1),r)}var K=function(e,t,n){for(var r=0,i=0;r=i,i=A(),38===r&&12===i&&(t[n]=1),!C(i);)S();return M(e,b)},J=new WeakMap,Q=function(e){if("rule"===e.type&&e.parent&&!(e.length<1)){for(var t=e.value,n=e.parent,r=e.column===n.column&&e.line===n.line;"rule"!==n.type;)if(!(n=n.parent))return;if((1!==e.props.length||58===t.charCodeAt(0)||J.get(n))&&!r){J.set(e,!0);for(var i=[],o=function(e,t){return F(function(e,t){var n=-1,r=44;do{switch(C(r)){case 0:38===r&&12===A()&&(t[n]=1),e[n]+=K(b-1,t,n);break;case 2:e[n]+=L(r);break;case 4:if(44===r){e[++n]=58===A()?"&\f":"",t[n]=e[n].length;break}default:e[n]+=a(r)}}while(r=S());return e}(R(e),t))}(t,i),s=n.props,c=0,l=0;c6)switch(u(e,t+1)){case 109:if(45!==u(e,t+4))break;case 102:return c(e,/(.+:)(.+)-([^]+)/,"$1"+$+"$2-$3$1"+H+(108==u(e,t+3)?"$3":"$2-$3"))+e;case 115:return~l(e,"stretch")?te(c(e,"stretch","fill-available"),t)+e:e}break;case 4949:if(115!==u(e,t+1))break;case 6444:switch(u(e,d(e)-3-(~l(e,"!important")&&10))){case 107:return c(e,":",":"+$)+e;case 101:return c(e,/(.+:)([^;!]+)(;|!.+)?/,"$1"+$+(45===u(e,14)?"inline-":"")+"box$3$1"+$+"$2$3$1"+P+"$2box$3")+e}break;case 5936:switch(u(e,t+11)){case 114:return $+e+P+c(e,/[svh]\w+-[tblr]{2}/,"tb")+e;case 108:return $+e+P+c(e,/[svh]\w+-[tblr]{2}/,"tb-rl")+e;case 45:return $+e+P+c(e,/[svh]\w+-[tblr]{2}/,"lr")+e}return $+e+P+e+e}return e}var ne=[function(e,t,n,r){if(e.length>-1&&!e.return)switch(e.type){case B:e.return=te(e.value,e.length);break;case W:return j([k(e,{value:c(e.value,"@","@"+$)})],r);case I:if(e.length)return function(e,t){return e.map(t).join("")}(e.props,(function(t){switch(function(e,t){return(e=/(::plac\w+|:read-\w+)/.exec(e))?e[0]:e}(t)){case":read-only":case":read-write":return j([k(e,{props:[c(t,/:(read-\w+)/,":-moz-$1")]})],r);case"::placeholder":return j([k(e,{props:[c(t,/:(plac\w+)/,":"+$+"input-$1")]}),k(e,{props:[c(t,/:(plac\w+)/,":-moz-$1")]}),k(e,{props:[c(t,/:(plac\w+)/,P+"input-$1")]})],r)}return""}))}}],re=function(e){var t=e.key;if("css"===t){var n=document.querySelectorAll("style[data-emotion]:not([data-s])");Array.prototype.forEach.call(n,(function(e){-1!==e.getAttribute("data-emotion").indexOf(" ")&&(document.head.appendChild(e),e.setAttribute("data-s",""))}))}var i,a,o=e.stylisPlugins||ne,s={},c=[];i=e.container||document.head,Array.prototype.forEach.call(document.querySelectorAll('style[data-emotion^="'+t+' "]'),(function(e){for(var t=e.getAttribute("data-emotion").split(" "),n=1;n{"use strict";n.d(t,{iv:()=>f,cx:()=>u});var r=n(6751),i=n(6797),a=n(8755);function o(e,t){if(void 0===e.inserted[t.name])return e.insert("",t,e.sheet,!0)}function s(e,t,n){var r=[],i=(0,a.fp)(e,r,n);return r.length<2?n:i+t(r)}var c=function e(t){for(var n="",r=0;r{"use strict";function r(e){var t=Object.create(null);return function(n){return void 0===t[n]&&(t[n]=e(n)),t[n]}}n.d(t,{Z:()=>r})},6797:(e,t,n)=>{"use strict";n.d(t,{O:()=>p});var r={animationIterationCount:1,aspectRatio:1,borderImageOutset:1,borderImageSlice:1,borderImageWidth:1,boxFlex:1,boxFlexGroup:1,boxOrdinalGroup:1,columnCount:1,columns:1,flex:1,flexGrow:1,flexPositive:1,flexShrink:1,flexNegative:1,flexOrder:1,gridRow:1,gridRowEnd:1,gridRowSpan:1,gridRowStart:1,gridColumn:1,gridColumnEnd:1,gridColumnSpan:1,gridColumnStart:1,msGridRow:1,msGridRowSpan:1,msGridColumn:1,msGridColumnSpan:1,fontWeight:1,lineHeight:1,opacity:1,order:1,orphans:1,tabSize:1,widows:1,zIndex:1,zoom:1,WebkitLineClamp:1,fillOpacity:1,floodOpacity:1,stopOpacity:1,strokeDasharray:1,strokeDashoffset:1,strokeMiterlimit:1,strokeOpacity:1,strokeWidth:1},i=n(8829),a=/[A-Z]|^ms/g,o=/_EMO_([^_]+?)_([^]*?)_EMO_/g,s=function(e){return 45===e.charCodeAt(1)},c=function(e){return null!=e&&"boolean"!=typeof e},l=(0,i.Z)((function(e){return s(e)?e:e.replace(a,"-$&").toLowerCase()})),u=function(e,t){switch(e){case"animation":case"animationName":if("string"==typeof t)return t.replace(o,(function(e,t,n){return d={name:t,styles:n,next:d},t}))}return 1===r[e]||s(e)||"number"!=typeof t||0===t?t:t+"px"};function f(e,t,n){if(null==n)return"";if(void 0!==n.__emotion_styles)return n;switch(typeof n){case"boolean":return"";case"object":if(1===n.anim)return d={name:n.name,styles:n.styles,next:d},n.name;if(void 0!==n.styles){var r=n.next;if(void 0!==r)for(;void 0!==r;)d={name:r.name,styles:r.styles,next:d},r=r.next;return n.styles+";"}return function(e,t,n){var r="";if(Array.isArray(n))for(var i=0;i=4;++r,i-=4)t=1540483477*(65535&(t=255&e.charCodeAt(r)|(255&e.charCodeAt(++r))<<8|(255&e.charCodeAt(++r))<<16|(255&e.charCodeAt(++r))<<24))+(59797*(t>>>16)<<16),n=1540483477*(65535&(t^=t>>>24))+(59797*(t>>>16)<<16)^1540483477*(65535&n)+(59797*(n>>>16)<<16);switch(i){case 3:n^=(255&e.charCodeAt(r+2))<<16;case 2:n^=(255&e.charCodeAt(r+1))<<8;case 1:n=1540483477*(65535&(n^=255&e.charCodeAt(r)))+(59797*(n>>>16)<<16)}return(((n=1540483477*(65535&(n^=n>>>13))+(59797*(n>>>16)<<16))^n>>>15)>>>0).toString(36)}(i)+c;return{name:l,styles:i,next:d}}},9204:(e,t,n)=>{"use strict";n.d(t,{Z:()=>y});var r=n(7462),i=n(9196),a=n(8829),o=/^((children|dangerouslySetInnerHTML|key|ref|autoFocus|defaultValue|defaultChecked|innerHTML|suppressContentEditableWarning|suppressHydrationWarning|valueLink|abbr|accept|acceptCharset|accessKey|action|allow|allowUserMedia|allowPaymentRequest|allowFullScreen|allowTransparency|alt|async|autoComplete|autoPlay|capture|cellPadding|cellSpacing|challenge|charSet|checked|cite|classID|className|cols|colSpan|content|contentEditable|contextMenu|controls|controlsList|coords|crossOrigin|data|dateTime|decoding|default|defer|dir|disabled|disablePictureInPicture|download|draggable|encType|enterKeyHint|form|formAction|formEncType|formMethod|formNoValidate|formTarget|frameBorder|headers|height|hidden|high|href|hrefLang|htmlFor|httpEquiv|id|inputMode|integrity|is|keyParams|keyType|kind|label|lang|list|loading|loop|low|marginHeight|marginWidth|max|maxLength|media|mediaGroup|method|min|minLength|multiple|muted|name|nonce|noValidate|open|optimum|pattern|placeholder|playsInline|poster|preload|profile|radioGroup|readOnly|referrerPolicy|rel|required|reversed|role|rows|rowSpan|sandbox|scope|scoped|scrolling|seamless|selected|shape|size|sizes|slot|span|spellCheck|src|srcDoc|srcLang|srcSet|start|step|style|summary|tabIndex|target|title|translate|type|useMap|value|width|wmode|wrap|about|datatype|inlist|prefix|property|resource|typeof|vocab|autoCapitalize|autoCorrect|autoSave|color|incremental|fallback|inert|itemProp|itemScope|itemType|itemID|itemRef|on|option|results|security|unselectable|accentHeight|accumulate|additive|alignmentBaseline|allowReorder|alphabetic|amplitude|arabicForm|ascent|attributeName|attributeType|autoReverse|azimuth|baseFrequency|baselineShift|baseProfile|bbox|begin|bias|by|calcMode|capHeight|clip|clipPathUnits|clipPath|clipRule|colorInterpolation|colorInterpolationFilters|colorProfile|colorRendering|contentScriptType|contentStyleType|cursor|cx|cy|d|decelerate|descent|diffuseConstant|direction|display|divisor|dominantBaseline|dur|dx|dy|edgeMode|elevation|enableBackground|end|exponent|externalResourcesRequired|fill|fillOpacity|fillRule|filter|filterRes|filterUnits|floodColor|floodOpacity|focusable|fontFamily|fontSize|fontSizeAdjust|fontStretch|fontStyle|fontVariant|fontWeight|format|from|fr|fx|fy|g1|g2|glyphName|glyphOrientationHorizontal|glyphOrientationVertical|glyphRef|gradientTransform|gradientUnits|hanging|horizAdvX|horizOriginX|ideographic|imageRendering|in|in2|intercept|k|k1|k2|k3|k4|kernelMatrix|kernelUnitLength|kerning|keyPoints|keySplines|keyTimes|lengthAdjust|letterSpacing|lightingColor|limitingConeAngle|local|markerEnd|markerMid|markerStart|markerHeight|markerUnits|markerWidth|mask|maskContentUnits|maskUnits|mathematical|mode|numOctaves|offset|opacity|operator|order|orient|orientation|origin|overflow|overlinePosition|overlineThickness|panose1|paintOrder|pathLength|patternContentUnits|patternTransform|patternUnits|pointerEvents|points|pointsAtX|pointsAtY|pointsAtZ|preserveAlpha|preserveAspectRatio|primitiveUnits|r|radius|refX|refY|renderingIntent|repeatCount|repeatDur|requiredExtensions|requiredFeatures|restart|result|rotate|rx|ry|scale|seed|shapeRendering|slope|spacing|specularConstant|specularExponent|speed|spreadMethod|startOffset|stdDeviation|stemh|stemv|stitchTiles|stopColor|stopOpacity|strikethroughPosition|strikethroughThickness|string|stroke|strokeDasharray|strokeDashoffset|strokeLinecap|strokeLinejoin|strokeMiterlimit|strokeOpacity|strokeWidth|surfaceScale|systemLanguage|tableValues|targetX|targetY|textAnchor|textDecoration|textRendering|textLength|to|transform|u1|u2|underlinePosition|underlineThickness|unicode|unicodeBidi|unicodeRange|unitsPerEm|vAlphabetic|vHanging|vIdeographic|vMathematical|values|vectorEffect|version|vertAdvY|vertOriginX|vertOriginY|viewBox|viewTarget|visibility|widths|wordSpacing|writingMode|x|xHeight|x1|x2|xChannelSelector|xlinkActuate|xlinkArcrole|xlinkHref|xlinkRole|xlinkShow|xlinkTitle|xlinkType|xmlBase|xmlns|xmlnsXlink|xmlLang|xmlSpace|y|y1|y2|yChannelSelector|z|zoomAndPan|for|class|autofocus)|(([Dd][Aa][Tt][Aa]|[Aa][Rr][Ii][Aa]|x)-.*))$/,s=(0,a.Z)((function(e){return o.test(e)||111===e.charCodeAt(0)&&110===e.charCodeAt(1)&&e.charCodeAt(2)<91})),c=n(6751),l=n(6797),u=n(7278),f=i.createContext("undefined"!=typeof HTMLElement?(0,c.Z)({key:"css"}):null);f.Provider;var d=i.createContext({}),h=n(8755),p=s,m=function(e){return"theme"!==e},g=function(e){return"string"==typeof e&&e.charCodeAt(0)>96?p:m},v=function(e,t,n){var r;if(t){var i=t.shouldForwardProp;r=e.__emotion_forwardProp&&i?function(t){return e.__emotion_forwardProp(t)&&i(t)}:i}return"function"!=typeof r&&n&&(r=e.__emotion_forwardProp),r},b=function(e){var t=e.cache,n=e.serialized,r=e.isStringTag;return(0,h.hC)(t,n,r),(0,u.L)((function(){return(0,h.My)(t,n,r)})),null},y=function e(t,n){var a,o,s=t.__emotion_real===t,c=s&&t.__emotion_base||t;void 0!==n&&(a=n.label,o=n.target);var u=v(t,n,s),p=u||g(c),m=!p("as");return function(){var y=arguments,w=s&&void 0!==t.__emotion_styles?t.__emotion_styles.slice(0):[];if(void 0!==a&&w.push("label:"+a+";"),null==y[0]||void 0===y[0].raw)w.push.apply(w,y);else{w.push(y[0][0]);for(var x=y.length,k=1;k{"use strict";n.d(t,{L:()=>a});var r=n(9196),i=!!r.useInsertionEffect&&r.useInsertionEffect,a=i||function(e){return e()};i||r.useLayoutEffect},8755:(e,t,n)=>{"use strict";function r(e,t,n){var r="";return n.split(" ").forEach((function(n){void 0!==e[n]?t.push(e[n]+";"):r+=n+" "})),r}n.d(t,{My:()=>a,fp:()=>r,hC:()=>i});var i=function(e,t,n){var r=e.key+"-"+t.name;!1===n&&void 0===e.registered[r]&&(e.registered[r]=t.styles)},a=function(e,t,n){i(e,t,n);var r=e.key+"-"+t.name;if(void 0===e.inserted[t.name]){var a=t;do{e.insert(t===a?"."+r:"",a,e.sheet,!0),a=a.next}while(void 0!==a)}}},9588:e=>{e.exports=function(e,t){var n,r,i=0;function a(){var a,o,s=n,c=arguments.length;e:for(;s;){if(s.args.length===arguments.length){for(o=0;o{"use strict";n.d(t,{T:()=>o});var r=n(4184),i=n.n(r);function a(e){return"appear"===e?"top":"left"}function o(e){if("loading"===e.type)return i()("components-animate__loading");const{type:t,origin:n=a(t)}=e;if("appear"===t){const[e,t="center"]=n.split(" ");return i()("components-animate__appear",{["is-from-"+t]:"center"!==t,["is-from-"+e]:"middle"!==e})}return"slide-in"===t?i()("components-animate__slide-in","is-from-"+n):void 0}},4662:(e,t,n)=>{"use strict";n.d(t,{Z:()=>b});var r=n(9307),i=n(4184),a=n.n(i),o=n(7593),s=n(9204),c=n(2819);const l={"default.fontFamily":"-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue', sans-serif","default.fontSize":"13px","helpText.fontSize":"12px",mobileTextMinFontSize:"16px"};function u(e){return(0,c.get)(l,e,"")}var f=n(1604),d=n(2619);const h=(0,s.Z)("div",{target:"e1puf3u3"})("font-family:",u("default.fontFamily"),";font-size:",u("default.fontSize"),";"),p=(0,s.Z)("div",{target:"e1puf3u2"})("margin-bottom:",(0,d.D)(2),";.components-panel__row &{margin-bottom:inherit;}"),m=(0,s.Z)("label",{target:"e1puf3u1"})("display:inline-block;margin-bottom:",(0,d.D)(2),";"),g=(0,s.Z)("p",{target:"e1puf3u0"})("font-size:",u("helpText.fontSize"),";font-style:normal;color:",f.DM.mediumGray.text,";");function v({id:e,label:t,hideLabelFromVision:n,help:i,className:s,children:c}){return(0,r.createElement)(h,{className:a()("components-base-control",s)},(0,r.createElement)(p,{className:"components-base-control__field"},t&&e&&(n?(0,r.createElement)(o.Z,{as:"label",htmlFor:e},t):(0,r.createElement)(m,{className:"components-base-control__label",htmlFor:e},t)),t&&!e&&(n?(0,r.createElement)(o.Z,{as:"label"},t):(0,r.createElement)(v.VisualLabel,null,t)),c),!!i&&(0,r.createElement)(g,{id:e+"__help",className:"components-base-control__help"},i))}v.VisualLabel=({className:e,children:t})=>(e=a()("components-base-control__label",e),(0,r.createElement)("span",{className:e},t));const b=v},9685:(e,t,n)=>{"use strict";n.d(t,{Z:()=>p});var r=n(7462),i=n(9307),a=n(4184),o=n.n(a),s=n(2819),c=n(7180),l=n.n(c),u=n(9178),f=n(7392),d=n(7593);const h=["onMouseDown","onClick"],p=(0,i.forwardRef)((function(e,t){const{href:n,target:a,isSmall:c,isPressed:p,isBusy:m,isDestructive:g,className:v,disabled:b,icon:y,iconPosition:w="left",iconSize:x,showTooltip:k,tooltipPosition:_,shortcut:S,label:A,children:E,text:M,variant:C,__experimentalIsFocusable:R,describedBy:F,...L}=function({isDefault:e,isPrimary:t,isSecondary:n,isTertiary:r,isLink:i,variant:a,...o}){let s=a;var c,u,f,d,h;return t&&(null!==(c=s)&&void 0!==c||(s="primary")),r&&(null!==(u=s)&&void 0!==u||(s="tertiary")),n&&(null!==(f=s)&&void 0!==f||(s="secondary")),e&&(l()("Button isDefault prop",{since:"5.4",alternative:'variant="secondary"'}),null!==(d=s)&&void 0!==d||(s="secondary")),i&&(null!==(h=s)&&void 0!==h||(s="link")),{...o,variant:s}}(e),Z=o()("components-button",v,{"is-secondary":"secondary"===C,"is-primary":"primary"===C,"is-small":c,"is-tertiary":"tertiary"===C,"is-pressed":p,"is-busy":m,"is-link":"link"===C,"is-destructive":g,"has-text":!!y&&!!E,"has-icon":!!y}),N=b&&!R,T=void 0===n||N?"button":"a",D="a"===T?{href:n,target:a}:{type:"button",disabled:N,"aria-pressed":p};if(b&&R){D["aria-disabled"]=!0;for(const e of h)L[e]=e=>{e.stopPropagation(),e.preventDefault()}}const O=!N&&(k&&A||S||!!A&&(!E||(0,s.isArray)(E)&&!E.length)&&!1!==k),P=F?(0,s.uniqueId)():null,H=L["aria-describedby"]||P,$=(0,i.createElement)(T,(0,r.Z)({},D,L,{className:Z,"aria-label":L["aria-label"]||A,"aria-describedby":H,ref:t}),y&&"left"===w&&(0,i.createElement)(f.Z,{icon:y,size:x}),M&&(0,i.createElement)(i.Fragment,null,M),y&&"right"===w&&(0,i.createElement)(f.Z,{icon:y,size:x}),E);return O?(0,i.createElement)(i.Fragment,null,(0,i.createElement)(u.Z,{text:F||A,shortcut:S,position:_},$),F&&(0,i.createElement)(d.Z,null,(0,i.createElement)("span",{id:P},F))):(0,i.createElement)(i.Fragment,null,$,F&&(0,i.createElement)(d.Z,null,(0,i.createElement)("span",{id:P},F)))}))},6658:(e,t,n)=>{"use strict";n.d(t,{Z:()=>a});var r=n(7462),i=n(9307);const a=function({icon:e,className:t,...n}){const a=["dashicon","dashicons","dashicons-"+e,t].filter(Boolean).join(" ");return(0,i.createElement)("span",(0,r.Z)({className:a},n))}},675:(e,t,n)=>{"use strict";n.d(t,{G:()=>i,f:()=>a});var r=n(9307);const i=(0,r.createContext)({flexItemDisplay:void 0}),a=()=>(0,r.useContext)(i)},1685:(e,t,n)=>{"use strict";n.d(t,{Z:()=>a});var r=n(1092),i=n(2506);const a=(0,r.L)({as:"div",useHook:i.i,name:"FlexItem"})},2506:(e,t,n)=>{"use strict";n.d(t,{i:()=>s});var r=n(8592),i=n(9179),a=n(675),o=n(5306);function s(e){const{className:t,display:n,isBlock:s=!1,...c}=(0,i.y)(e,"FlexItem"),l={},u=(0,a.f)().flexItemDisplay;return l.Base=(0,r.iv)({display:n||u},"",""),{...c,className:(0,r.cx)(o.ck,l.Base,s&&o.Ge,t)}}},2875:(e,t,n)=>{"use strict";n.d(t,{Z:()=>g});var r=n(7462),i=n(9307),a=n(3019),o=n(8592),s=n(7180),c=n.n(s),l=n(9179);const u=["40em","52em","64em"];var f=n(2619),d=n(5306);function h(e){const{align:t="center",className:n,direction:r="row",expanded:a=!0,gap:s=2,justify:h="space-between",wrap:p=!1,...m}=(0,l.y)(function({isReversed:e,...t}){return void 0!==e?(c()("Flex isReversed",{alternative:'Flex direction="row-reverse" or "column-reverse"',since:"5.9"}),{...t,direction:e?"row-reverse":"row"}):t}(e),"Flex"),g=function(e,t={}){const n=((e={})=>{const{defaultIndex:t=0}=e;if("number"!=typeof t)throw new TypeError(`Default breakpoint index should be a number. Got: ${t}, ${typeof t}`);if(t<0||t>u.length-1)throw new RangeError(`Default breakpoint index out of range. Theme has ${u.length} breakpoints, got index ${t}`);const[n,r]=(0,i.useState)(t);return(0,i.useEffect)((()=>{const e=()=>{const e=u.filter((e=>"undefined"!=typeof window&&window.matchMedia(`screen and (min-width: ${e})`).matches)).length;n!==e&&r(e)};return e(),"undefined"!=typeof document&&document.addEventListener("resize",e),()=>{"undefined"!=typeof document&&document.removeEventListener("resize",e)}}),[n]),n})(t);if(!Array.isArray(e)&&"function"!=typeof e)return e;const r=e||[];return r[n>=r.length?r.length-1:n]}(Array.isArray(r)?r:[r]),v="string"==typeof g&&!!g.includes("column"),b="string"==typeof g&&g.includes("reverse");return{...m,className:(0,i.useMemo)((()=>{const e={};return e.Base=(0,o.iv)({alignItems:v?"normal":t,flexDirection:g,flexWrap:p?"wrap":void 0,justifyContent:h,height:v&&a?"100%":void 0,width:!v&&a?"100%":void 0,marginBottom:p?`calc(${(0,f.D)(s)} * -1)`:void 0},"",""),e.Items=(0,o.iv)({"> * + *:not(marquee)":{marginTop:v?(0,f.D)(s):void 0,marginRight:!v&&b?(0,f.D)(s):void 0,marginLeft:v||b?void 0:(0,f.D)(s)}},"",""),e.WrapItems=(0,o.iv)({"> *:not(marquee)":{marginBottom:(0,f.D)(s),marginLeft:!v&&b?(0,f.D)(s):void 0,marginRight:v||b?void 0:(0,f.D)(s)},"> *:last-child:not(marquee)":{marginLeft:!v&&b?0:void 0,marginRight:v||b?void 0:0}},"",""),(0,o.cx)(d.kC,e.Base,p?e.WrapItems:e.Items,v?d.bg:d.h,n)}),[t,n,g,a,s,v,b,h,p]),isColumn:v}}var p=n(675),m=n(2106);const g=(0,a.Iq)((function(e,t){const{children:n,isColumn:a,...o}=h(e);return(0,i.createElement)(p.G.Provider,{value:{flexItemDisplay:a?"block":void 0}},(0,i.createElement)(m.Z,(0,r.Z)({},o,{ref:t}),n))}),"Flex")},5306:(e,t,n)=>{"use strict";n.d(t,{Ge:()=>o,bg:()=>s,ck:()=>a,h:()=>c,kC:()=>i});var r=n(8592);const i=(0,r.iv)({name:"zjik7",styles:"display:flex"}),a=(0,r.iv)({name:"qgaee5",styles:"display:block;max-height:100%;max-width:100%;min-height:0;min-width:0"}),o=(0,r.iv)({name:"82a6rk",styles:"flex:1"}),s=(0,r.iv)({name:"13nosa1",styles:">*{min-height:0;}"}),c=(0,r.iv)({name:"1pwxzk4",styles:">*{min-width:0;}"})},7392:(e,t,n)=>{"use strict";n.d(t,{Z:()=>s});var r=n(7462),i=n(9307),a=n(444),o=n(6658);const s=function({icon:e=null,size:t=24,...n}){if("string"==typeof e)return(0,i.createElement)(o.Z,(0,r.Z)({icon:e},n));if((0,i.isValidElement)(e)&&o.Z===e.type)return(0,i.cloneElement)(e,{...n});if("function"==typeof e)return e.prototype instanceof i.Component?(0,i.createElement)(e,{size:t,...n}):e({size:t,...n});if(e&&("svg"===e.type||e.type===a.SVG)){const r={width:t,height:t,...e.props,...n};return(0,i.createElement)(a.SVG,r)}return(0,i.isValidElement)(e)?(0,i.cloneElement)(e,{size:t,...n}):e}},4638:(e,t,n)=>{"use strict";n.d(t,{Z:()=>S});var r=n(7462),i=n(9307),a=n(4184),o=n.n(a),s=n(5904),c=n(7180),l=n.n(c),u=n(4333),f=n(4787),d=n(4103),h=n(9685),p=n(9753),m=n(1515),g=n(6580),v=n(2444);const b="Popover";function y(e,t){const{paddingTop:n,paddingBottom:r,paddingLeft:i,paddingRight:a}=(o=t).ownerDocument.defaultView.getComputedStyle(o);var o;const s=n?parseInt(n,10):0,c=r?parseInt(r,10):0,l=i?parseInt(i,10):0,u=a?parseInt(a,10):0;return{x:e.left+l,y:e.top+s,width:e.width-l-u,height:e.height-s-c,left:e.left+l,right:e.right-u,top:e.top+s,bottom:e.bottom-c}}function w(e,t,n){n?e.getAttribute(t)!==n&&e.setAttribute(t,n):e.hasAttribute(t)&&e.removeAttribute(t)}function x(e,t,n=""){e.style[t]!==n&&(e.style[t]=n)}function k(e,t,n){n?e.classList.contains(t)||e.classList.add(t):e.classList.contains(t)&&e.classList.remove(t)}const _=(0,i.forwardRef)((({headerTitle:e,onClose:t,children:n,className:a,noArrow:c=!0,isAlternate:_,position:S="bottom right",range:A,focusOnMount:E="firstElement",anchorRef:M,shouldAnchorIncludePadding:C,anchorRect:R,getAnchorRect:F,expandOnMobile:L,animate:Z=!0,onClickOutside:N,onFocusOutside:T,__unstableStickyBoundaryElement:D,__unstableSlotName:O=b,__unstableObserveElement:P,__unstableBoundaryParent:H,__unstableForcePosition:$,__unstableForceXAlignment:z,...I},B)=>{const W=(0,i.useRef)(null),j=(0,i.useRef)(null),G=(0,i.useRef)(),q=(0,u.useViewportMatch)("medium","<"),[U,V]=(0,i.useState)(),X=(0,m.Z)(O),Y=L&&q,[K,J]=(0,u.useResizeObserver)();c=Y||c,(0,i.useLayoutEffect)((()=>{if(Y)return k(G.current,"is-without-arrow",c),k(G.current,"is-alternate",_),w(G.current,"data-x-axis"),w(G.current,"data-y-axis"),x(G.current,"top"),x(G.current,"left"),x(j.current,"maxHeight"),void x(j.current,"maxWidth");const e=()=>{if(!G.current||!j.current)return;let e=function(e,t,n,r=!1,i,a){if(t)return t;if(n){if(!e.current)return;const t=n(e.current);return(0,d.cS)(t,t.ownerDocument||e.current.ownerDocument,a)}if(!1!==r){if(!(r&&window.Range&&window.Element&&window.DOMRect))return;if("function"==typeof(null==r?void 0:r.cloneRange))return(0,d.cS)((0,s.getRectangleFromRange)(r),r.endContainer.ownerDocument,a);if("function"==typeof(null==r?void 0:r.getBoundingClientRect)){const e=(0,d.cS)(r.getBoundingClientRect(),r.ownerDocument,a);return i?e:y(e,r)}const{top:e,bottom:t}=r,n=e.getBoundingClientRect(),o=t.getBoundingClientRect(),c=(0,d.cS)(new window.DOMRect(n.left,n.top,n.width,o.bottom-n.top),e.ownerDocument,a);return i?c:y(c,r)}if(!e.current)return;const{parentNode:o}=e.current,c=o.getBoundingClientRect();return i?c:y(c,o)}(W,R,F,M,C,G.current);if(!e)return;const{offsetParent:t,ownerDocument:n}=G.current;let r,i=0;if(t&&t!==n.body){const n=t.getBoundingClientRect();i=n.top,e=new window.DOMRect(e.left-n.left,e.top-n.top,e.width,e.height)}var a;H&&(r=null===(a=G.current.closest(".popover-slot"))||void 0===a?void 0:a.parentNode);const o=J.height?J:j.current.getBoundingClientRect(),{popoverTop:l,popoverLeft:u,xAxis:f,yAxis:h,contentHeight:p,contentWidth:m}=(0,d.sw)(e,o,S,D,G.current,i,r,$,z);"number"==typeof l&&"number"==typeof u&&(x(G.current,"top",l+"px"),x(G.current,"left",u+"px")),k(G.current,"is-without-arrow",c||"center"===f&&"middle"===h),k(G.current,"is-alternate",_),w(G.current,"data-x-axis",f),w(G.current,"data-y-axis",h),x(j.current,"maxHeight","number"==typeof p?p+"px":""),x(j.current,"maxWidth","number"==typeof m?m+"px":""),V(({left:"right",right:"left"}[f]||"center")+" "+({top:"bottom",bottom:"top"}[h]||"middle"))};e();const{ownerDocument:t}=G.current,{defaultView:n}=t,r=n.setInterval(e,500);let i;const a=()=>{n.cancelAnimationFrame(i),i=n.requestAnimationFrame(e)};n.addEventListener("click",a),n.addEventListener("resize",e),n.addEventListener("scroll",e,!0);const o=function(e){if(e)return e.endContainer?e.endContainer.ownerDocument:e.top?e.top.ownerDocument:e.ownerDocument}(M);let l;return o&&o!==t&&(o.defaultView.addEventListener("resize",e),o.defaultView.addEventListener("scroll",e,!0)),P&&(l=new n.MutationObserver(e),l.observe(P,{attributes:!0})),()=>{n.clearInterval(r),n.removeEventListener("resize",e),n.removeEventListener("scroll",e,!0),n.removeEventListener("click",a),n.cancelAnimationFrame(i),o&&o!==t&&(o.defaultView.removeEventListener("resize",e),o.defaultView.removeEventListener("scroll",e,!0)),l&&l.disconnect()}}),[Y,R,F,M,C,S,J,D,P,H]);const Q=(e,n)=>{if("focus-outside"===e&&T)T(n);else if("focus-outside"===e&&N){const e=new window.MouseEvent("click");Object.defineProperty(e,"target",{get:()=>n.relatedTarget}),l()("Popover onClickOutside prop",{since:"5.3",alternative:"onFocusOutside"}),N(e)}else t&&t()},[ee,te]=(0,u.__experimentalUseDialog)({focusOnMount:E,__unstableOnClose:Q,onClose:Q}),ne=(0,u.useMergeRefs)([G,ee,B]),re=Boolean(Z&&U)&&(0,v.T)({type:"appear",origin:U});let ie=(0,i.createElement)("div",(0,r.Z)({className:o()("components-popover",a,re,{"is-expanded":Y,"is-without-arrow":c,"is-alternate":_})},I,{ref:ne},te,{tabIndex:"-1"}),Y&&(0,i.createElement)(p.Z,null),Y&&(0,i.createElement)("div",{className:"components-popover__header"},(0,i.createElement)("span",{className:"components-popover__header-title"},e),(0,i.createElement)(h.Z,{className:"components-popover__close",icon:f.Z,onClick:t})),(0,i.createElement)("div",{ref:j,className:"components-popover__content"},(0,i.createElement)("div",{style:{position:"relative"}},K,n)));return X.ref&&(ie=(0,i.createElement)(g.de,{name:O},ie)),M||R?ie:(0,i.createElement)("span",{ref:W},ie)}));_.Slot=(0,i.forwardRef)((function({name:e=b},t){return(0,i.createElement)(g.g7,{bubblesVirtually:!0,name:e,className:"popover-slot",ref:t})}));const S=_},4103:(e,t,n)=>{"use strict";n.d(t,{cS:()=>o,sw:()=>a});var r=n(5736);const i=10;function a(e,t,n="top",a,o,s,c,l,u){const[f,d="center",h]=n.split(" "),p=function(e,t,n,r,a,o,s,c){const{height:l}=t;if(a){const t=a.getBoundingClientRect().top+l-s;if(e.top<=t)return{yAxis:n,popoverTop:Math.min(e.bottom,t)}}let u=e.top+e.height/2;"bottom"===r?u=e.bottom:"top"===r&&(u=e.top);const f={popoverTop:u,contentHeight:(u-l/2>0?l/2:u)+(u+l/2>window.innerHeight?window.innerHeight-u:l/2)},d={popoverTop:e.top,contentHeight:e.top-i-l>0?l:e.top-i},h={popoverTop:e.bottom,contentHeight:e.bottom+i+l>window.innerHeight?window.innerHeight-i-e.bottom:l};let p,m=n,g=null;if(!a&&!c)if("middle"===n&&f.contentHeight===l)m="middle";else if("top"===n&&d.contentHeight===l)m="top";else if("bottom"===n&&h.contentHeight===l)m="bottom";else{m=d.contentHeight>h.contentHeight?"top":"bottom";const e="top"===m?d.contentHeight:h.contentHeight;g=e!==l?e:null}return p="middle"===m?f.popoverTop:"top"===m?d.popoverTop:h.popoverTop,{yAxis:m,popoverTop:p,contentHeight:g}}(e,t,f,h,a,0,s,l),m=function(e,t,n,i,a,o,s,c,l){const{width:u}=t;"left"===n&&(0,r.isRTL)()?n="right":"right"===n&&(0,r.isRTL)()&&(n="left"),"left"===i&&(0,r.isRTL)()?i="right":"right"===i&&(0,r.isRTL)()&&(i="left");const f=Math.round(e.left+e.width/2),d={popoverLeft:f,contentWidth:(f-u/2>0?u/2:f)+(f+u/2>window.innerWidth?window.innerWidth-f:u/2)};let h=e.left;"right"===i?h=e.right:"middle"===o||l||(h=f);let p=e.right;"left"===i?p=e.left:"middle"===o||l||(p=f);const m={popoverLeft:h,contentWidth:h-u>0?u:h},g={popoverLeft:p,contentWidth:p+u>window.innerWidth?window.innerWidth-p:u};let v,b=n,y=null;if(!a&&!c)if("center"===n&&d.contentWidth===u)b="center";else if("left"===n&&m.contentWidth===u)b="left";else if("right"===n&&g.contentWidth===u)b="right";else{b=m.contentWidth>g.contentWidth?"left":"right";const e="left"===b?m.contentWidth:g.contentWidth;u>window.innerWidth&&(y=window.innerWidth),e!==u&&(b="center",d.popoverLeft=window.innerWidth/2)}if(v="center"===b?d.popoverLeft:"left"===b?m.popoverLeft:g.popoverLeft,s){const e=s.getBoundingClientRect();v=Math.min(v,e.right-u),(0,r.isRTL)()||(v=Math.max(v,0))}return{xAxis:b,popoverLeft:v,contentWidth:y}}(e,t,d,h,a,p.yAxis,c,l,u);return{...m,...p}}function o(e,t,n){const{defaultView:r}=t,{frameElement:i}=r;if(!i||t===n.ownerDocument)return e;const a=i.getBoundingClientRect();return new r.DOMRect(e.left+a.left,e.top+a.top,e.width,e.height)}},9753:(e,t,n)=>{"use strict";n.d(t,{Z:()=>s});var r=n(9307);let i=0;function a(e){const t=document.scrollingElement||document.body;e&&(i=t.scrollTop);const n=e?"add":"remove";t.classList[n]("lockscroll"),document.documentElement.classList[n]("lockscroll"),e||(t.scrollTop=i)}let o=0;function s(){return(0,r.useEffect)((()=>(0===o&&a(!0),++o,()=>{1===o&&a(!1),--o})),[]),null}},3586:(e,t,n)=>{"use strict";n.d(t,{Z:()=>a});var r=n(9307),i=n(2819);const a=function({shortcut:e,className:t}){if(!e)return null;let n,a;return(0,i.isString)(e)&&(n=e),(0,i.isObject)(e)&&(n=e.display,a=e.ariaLabel),(0,r.createElement)("span",{className:t,"aria-label":a},n)}},4160:(e,t,n)=>{"use strict";n.d(t,{Z:()=>o});var r=n(9307),i=n(1515);function a(){const[,e]=(0,r.useState)({}),t=(0,r.useRef)(!0);return(0,r.useEffect)((()=>()=>{t.current=!1}),[]),()=>{t.current&&e({})}}function o({name:e,children:t}){const n=(0,i.Z)(e),o=(0,r.useRef)({rerender:a()});return(0,r.useEffect)((()=>(n.registerFill(o),()=>{n.unregisterFill(o)})),[n.registerFill,n.unregisterFill]),n.ref&&n.ref.current?("function"==typeof t&&(t=t(n.fillProps)),(0,r.createPortal)(t,n.ref.current)):null}},159:(e,t,n)=>{"use strict";n.d(t,{Z:()=>i});var r=n(9307);n(2560);const i=(0,r.createContext)({slots:{},fills:{},registerSlot:()=>{"undefined"!=typeof process&&process.env},updateSlot:()=>{},unregisterSlot:()=>{},registerFill:()=>{},unregisterFill:()=>{}})},9934:(e,t,n)=>{"use strict";n.d(t,{Z:()=>s});var r=n(7462),i=n(9307),a=n(4333),o=n(159);const s=(0,i.forwardRef)((function({name:e,fillProps:t={},as:n="div",...s},c){const l=(0,i.useContext)(o.Z),u=(0,i.useRef)();return(0,i.useLayoutEffect)((()=>(l.registerSlot(e,u,t),()=>{l.unregisterSlot(e,u)})),[l.registerSlot,l.unregisterSlot,e]),(0,i.useLayoutEffect)((()=>{l.updateSlot(e,t)})),(0,i.createElement)(n,(0,r.Z)({ref:(0,a.useMergeRefs)([c,u])},s))}))},1515:(e,t,n)=>{"use strict";n.d(t,{Z:()=>a});var r=n(9307),i=n(159);function a(e){const t=(0,r.useContext)(i.Z),n=t.slots[e]||{},a=t.fills[e],o=(0,r.useMemo)((()=>a||[]),[a]);return{...n,updateSlot:(0,r.useCallback)((n=>{t.updateSlot(e,n)}),[e,t.updateSlot]),unregisterSlot:(0,r.useCallback)((n=>{t.unregisterSlot(e,n)}),[e,t.unregisterSlot]),fills:o,registerFill:(0,r.useCallback)((n=>{t.registerFill(e,n)}),[e,t.registerFill]),unregisterFill:(0,r.useCallback)((n=>{t.unregisterFill(e,n)}),[e,t.unregisterFill])}}},566:(e,t,n)=>{"use strict";n.d(t,{Z:()=>r});const r=(0,n(9307).createContext)({registerSlot:()=>{},unregisterSlot:()=>{},registerFill:()=>{},unregisterFill:()=>{},getSlot:()=>{},getFills:()=>{},subscribe:()=>{}})},8198:(e,t,n)=>{"use strict";n.d(t,{Z:()=>l});var r=n(7462),i=n(9307),a=n(2819),o=n(566),s=n(2009);function c({name:e,children:t,registerFill:n,unregisterFill:r}){const o=(0,s.Z)(e),c=(0,i.useRef)({name:e,children:t});return(0,i.useLayoutEffect)((()=>(n(e,c.current),()=>r(e,c.current))),[]),(0,i.useLayoutEffect)((()=>{c.current.children=t,o&&o.forceUpdate()}),[t]),(0,i.useLayoutEffect)((()=>{e!==c.current.name&&(r(c.current.name,c.current),c.current.name=e,n(e,c.current))}),[e]),o&&o.node?((0,a.isFunction)(t)&&(t=t(o.props.fillProps)),(0,i.createPortal)(t,o.node)):null}const l=e=>(0,i.createElement)(o.Z.Consumer,null,(({registerFill:t,unregisterFill:n})=>(0,i.createElement)(c,(0,r.Z)({},e,{registerFill:t,unregisterFill:n}))))},6580:(e,t,n)=>{"use strict";n.d(t,{de:()=>l,g7:()=>u});var r=n(7462),i=n(9307),a=n(8198),o=n(8612),s=n(4160),c=n(9934);function l(e){return(0,i.createElement)(i.Fragment,null,(0,i.createElement)(a.Z,e),(0,i.createElement)(s.Z,e))}const u=(0,i.forwardRef)((({bubblesVirtually:e,...t},n)=>e?(0,i.createElement)(c.Z,(0,r.Z)({},t,{ref:n})):(0,i.createElement)(o.Z,t)))},8612:(e,t,n)=>{"use strict";n.d(t,{Z:()=>c});var r=n(7462),i=n(9307),a=n(2819),o=n(566);class s extends i.Component{constructor(){super(...arguments),this.isUnmounted=!1,this.bindNode=this.bindNode.bind(this)}componentDidMount(){const{registerSlot:e}=this.props;e(this.props.name,this)}componentWillUnmount(){const{unregisterSlot:e}=this.props;this.isUnmounted=!0,e(this.props.name,this)}componentDidUpdate(e){const{name:t,unregisterSlot:n,registerSlot:r}=this.props;e.name!==t&&(n(e.name),r(t,this))}bindNode(e){this.node=e}forceUpdate(){this.isUnmounted||super.forceUpdate()}render(){const{children:e,name:t,fillProps:n={},getFills:r}=this.props,o=(0,a.map)(r(t,this),(e=>{const t=(0,a.isFunction)(e.children)?e.children(n):e.children;return i.Children.map(t,((e,t)=>{if(!e||(0,a.isString)(e))return e;const n=e.key||t;return(0,i.cloneElement)(e,{key:n})}))})).filter((0,a.negate)(i.isEmptyElement));return(0,i.createElement)(i.Fragment,null,(0,a.isFunction)(e)?e(o):o)}}const c=e=>(0,i.createElement)(o.Z.Consumer,null,(({registerSlot:t,unregisterSlot:n,getFills:a})=>(0,i.createElement)(s,(0,r.Z)({},e,{registerSlot:t,unregisterSlot:n,getFills:a}))))},2009:(e,t,n)=>{"use strict";n.d(t,{Z:()=>a});var r=n(9307),i=n(566);const a=e=>{const{getSlot:t,subscribe:n}=(0,r.useContext)(i.Z),[a,o]=(0,r.useState)(t(e));return(0,r.useEffect)((()=>(o(t(e)),n((()=>{o(t(e))})))),[e]),a}},9178:(e,t,n)=>{"use strict";n.d(t,{Z:()=>d});var r=n(9307),i=n(2819),a=n(4333),o=n(4638),s=n(3586);const c=(0,r.createElement)("div",{className:"event-catcher"}),l=({eventHandlers:e,child:t,childrenWithPopover:n})=>(0,r.cloneElement)((0,r.createElement)("span",{className:"disabled-element-wrapper"},(0,r.cloneElement)(c,e),(0,r.cloneElement)(t,{children:n}),","),e),u=({child:e,eventHandlers:t,childrenWithPopover:n})=>(0,r.cloneElement)(e,{...t,children:n}),f=(e,t,n)=>{if(1!==r.Children.count(e))return;const i=r.Children.only(e);"function"==typeof i.props[t]&&i.props[t](n)},d=function({children:e,position:t,text:n,shortcut:c}){const[d,h]=(0,r.useState)(!1),[p,m]=(0,r.useState)(!1),g=(0,a.useDebounce)(m,700),v=t=>{f(e,"onMouseDown",t),document.addEventListener("mouseup",w),h(!0)},b=t=>{f(e,"onMouseUp",t),document.removeEventListener("mouseup",w),h(!1)},y=e=>"mouseUp"===e?b:"mouseDown"===e?v:void 0,w=y("mouseUp"),x=(t,n)=>r=>{if(f(e,t,r),r.currentTarget.disabled)return;if("focus"===r.type&&d)return;g.cancel();const a=(0,i.includes)(["focus","mouseenter"],r.type);a!==p&&(n?g(a):m(a))},k=()=>{g.cancel(),document.removeEventListener("mouseup",w)};if((0,r.useEffect)((()=>k),[]),1!==r.Children.count(e))return e;const _={onMouseEnter:x("onMouseEnter",!0),onMouseLeave:x("onMouseLeave"),onClick:x("onClick"),onFocus:x("onFocus"),onBlur:x("onBlur"),onMouseDown:y("mouseDown")},S=r.Children.only(e),{children:A,disabled:E}=S.props,M=E?l:u,C=(({grandchildren:e,isOver:t,position:n,text:i,shortcut:a})=>(0,r.concatChildren)(e,t&&(0,r.createElement)(o.Z,{focusOnMount:!1,position:n,className:"components-tooltip","aria-hidden":"true",animate:!1,noArrow:!0},i,(0,r.createElement)(s.Z,{className:"components-tooltip__shortcut",shortcut:a}))))({grandchildren:A,isOver:p,position:t,text:n,shortcut:c});return M({child:S,eventHandlers:_,childrenWithPopover:C})}},1765:(e,t,n)=>{"use strict";n.d(t,{_3:()=>i,cT:()=>r,rE:()=>a});const r="data-wp-component",i="data-wp-c16t",a="__contextSystemKey__"},1282:(e,t,n)=>{"use strict";n.d(t,{l:()=>a});var r=n(2819),i=n(9588);const a=n.n(i)()((function(e){return`components-${(0,r.kebabCase)(e)}`}))},9179:(e,t,n)=>{"use strict";n.d(t,{y:()=>f});var r=n(8592),i=(n(2560),n(9307)),a=n(2819);const o=(0,i.createContext)({}),s=()=>(0,i.useContext)(o);function c({value:e}){const t=s(),n=(0,i.useRef)(e);return function(t,r){const o=(0,i.useRef)(!1);(0,i.useEffect)((()=>{o.current?(0,a.isEqual)(n.current,e)&&n.current!==e&&"undefined"!=typeof process&&process.env:o.current=!0}),r)}(0,[e]),(0,i.useMemo)((()=>(0,a.merge)((0,a.cloneDeep)(t),e)),[t,e])}(0,i.memo)((({children:e,value:t})=>{const n=c({value:t});return(0,i.createElement)(o.Provider,{value:n},e)}));var l=n(1765),u=n(1282);function f(e,t){const n=s();void 0===t&&"undefined"!=typeof process&&process.env;const i=(null==n?void 0:n[t])||{},a={[l._3]:!0,...(o=t,{[l.cT]:o})};var o;const{_overrides:c,...f}=i,d=Object.entries(f).length?Object.assign({},f,e):e,h=(0,r.cx)((0,u.l)(t),e.className),p="function"==typeof d.renderChildren?d.renderChildren(d):d.children;for(const e in d)a[e]=d[e];for(const e in c)a[e]=c[e];return a.children=p,a.className=h,a}},1092:(e,t,n)=>{"use strict";n.d(t,{L:()=>s});var r=n(7462),i=n(9307),a=n(3019),o=n(2106);const s=({as:e,name:t,useHook:n,memo:s=!1})=>{function c(t,a){const s=n(t);return(0,i.createElement)(o.Z,(0,r.Z)({as:e||"div"},s,{ref:a}))}return c.displayName=t,(0,a.Iq)(c,t,{memo:s})}},2619:(e,t,n)=>{"use strict";n.d(t,{D:()=>i});const r="4px";function i(e){var t,n;if(void 0===e)return;if(!e)return"0";const i="number"==typeof e?e:Number(e);return null!==(t=(n=CSS).supports)&&void 0!==t&&t.call(n,"margin",e.toString())||Number.isNaN(i)?e.toString():`calc(${r} * ${e})`}},1604:(e,t,n)=>{"use strict";n.d(t,{DM:()=>g});var r=n(2819),i=n(7234);function a(e="",t=1){const{r:n,g:r,b:a}=(0,i.Z)(e).toRgb();return`rgba(${n}, ${r}, ${a}, ${t})`}const o={black:"#000",white:"#fff"},s={blue:{medium:{focus:"#007cba",focusDark:"#fff"}},gray:{900:"#1e1e1e",700:"#757575",600:"#949494",400:"#ccc",200:"#ddd",100:"#f0f0f0"},darkGray:{primary:"#1e1e1e",heading:"#050505"},mediumGray:{text:"#757575"},lightGray:{ui:"#949494",secondary:"#ccc",tertiary:"#e7e8e9"}},c={900:"#191e23",800:"#23282d",700:"#32373c",600:"#40464d",500:"#555d66",400:"#606a73",300:"#6c7781",200:"#7e8993",150:"#8d96a0",100:"#8f98a1",placeholder:a(s.gray[900],.62)},l={900:a("#000510",.9),800:a("#00000a",.85),700:a("#06060b",.8),600:a("#000913",.75),500:a("#0a1829",.7),400:a("#0a1829",.65),300:a("#0e1c2e",.62),200:a("#162435",.55),100:a("#223443",.5),backgroundFill:a(c[700],.7)},u={900:a("#304455",.45),800:a("#425863",.4),700:a("#667886",.35),600:a("#7b86a2",.3),500:a("#9197a2",.25),400:a("#95959c",.2),300:a("#829493",.15),200:a("#8b8b96",.1),100:a("#747474",.05)},f={900:"#a2aab2",800:"#b5bcc2",700:"#ccd0d4",600:"#d7dade",500:"#e2e4e7",400:"#e8eaeb",300:"#edeff0",200:"#f3f4f5",100:"#f8f9f9",placeholder:a(o.white,.65)},d={900:a(o.white,.5),800:a(o.white,.45),700:a(o.white,.4),600:a(o.white,.35),500:a(o.white,.3),400:a(o.white,.25),300:a(o.white,.2),200:a(o.white,.15),100:a(o.white,.1),backgroundFill:a(f[300],.8)},h={wordpress:{700:"#00669b"},dark:{900:"#0071a1"},medium:{900:"#006589",800:"#00739c",700:"#007fac",600:"#008dbe",500:"#00a0d2",400:"#33b3db",300:"#66c6e4",200:"#bfe7f3",100:"#e5f5fa",highlight:"#b3e7fe",focus:"#007cba"}},p={theme:`var( --wp-admin-theme-color, ${h.wordpress[700]})`,themeDark10:`var( --wp-admin-theme-color-darker-10, ${h.medium.focus})`},m={theme:p.theme,background:o.white,backgroundDisabled:f[200],border:s.gray[700],borderFocus:p.themeDark10,borderDisabled:s.gray[400],borderLight:s.gray[200],label:c[500],textDisabled:c[150],textDark:o.white,textLight:o.black},g={...o,darkGray:(0,r.merge)({},c,s.darkGray),darkOpacity:l,darkOpacityLight:u,mediumGray:s.mediumGray,gray:s.gray,lightGray:(0,r.merge)({},f,s.lightGray),lightGrayLight:d,blue:(0,r.merge)({},h,s.blue),alert:{yellow:"#f0b849",red:"#d94f4f",green:"#4ab866"},admin:p,ui:m}},2106:(e,t,n)=>{"use strict";n.d(t,{Z:()=>i});const r=(0,n(9204).Z)("div",{target:"em57xhy0"})("");r.selector=".components-view",r.displayName="View";const i=r},7593:(e,t,n)=>{"use strict";n.d(t,{Z:()=>s});var r=n(4184),i=n.n(r),a=n(9307),o=n(2004);const s=(0,a.forwardRef)((function({as:e="div",className:t,...n},r){return(0,o.k)({as:e,className:i()("components-visually-hidden",t),...n,ref:r})}))},2004:(e,t,n)=>{"use strict";n.d(t,{k:()=>i});var r=n(9307);function i({as:e="div",...t}){return"function"==typeof t.children?t.children(t):(0,r.createElement)(e,t)}},4787:(e,t,n)=>{"use strict";n.d(t,{Z:()=>a});var r=n(9307),i=n(444);const a=(0,r.createElement)(i.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24"},(0,r.createElement)(i.Path,{d:"M13 11.8l6.1-6.3-1-1-6.1 6.2-6.1-6.2-1 1 6.1 6.3-6.5 6.7 1 1 6.5-6.6 6.5 6.6 1-1z"}))},7462:(e,t,n)=>{"use strict";function r(){return r=Object.assign?Object.assign.bind():function(e){for(var t=1;tr})},7234:(e,t,n)=>{"use strict";function r(e){return r="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},r(e)}n.d(t,{Z:()=>o});var i=/^\s+/,a=/\s+$/;function o(e,t){if(t=t||{},(e=e||"")instanceof o)return e;if(!(this instanceof o))return new o(e,t);var n=function(e){var t,n,o,s={r:0,g:0,b:0},c=1,l=null,u=null,f=null,d=!1,h=!1;return"string"==typeof e&&(e=function(e){e=e.replace(i,"").replace(a,"").toLowerCase();var t,n=!1;if(_[e])e=_[e],n=!0;else if("transparent"==e)return{r:0,g:0,b:0,a:0,format:"name"};return(t=O.rgb.exec(e))?{r:t[1],g:t[2],b:t[3]}:(t=O.rgba.exec(e))?{r:t[1],g:t[2],b:t[3],a:t[4]}:(t=O.hsl.exec(e))?{h:t[1],s:t[2],l:t[3]}:(t=O.hsla.exec(e))?{h:t[1],s:t[2],l:t[3],a:t[4]}:(t=O.hsv.exec(e))?{h:t[1],s:t[2],v:t[3]}:(t=O.hsva.exec(e))?{h:t[1],s:t[2],v:t[3],a:t[4]}:(t=O.hex8.exec(e))?{r:C(t[1]),g:C(t[2]),b:C(t[3]),a:Z(t[4]),format:n?"name":"hex8"}:(t=O.hex6.exec(e))?{r:C(t[1]),g:C(t[2]),b:C(t[3]),format:n?"name":"hex"}:(t=O.hex4.exec(e))?{r:C(t[1]+""+t[1]),g:C(t[2]+""+t[2]),b:C(t[3]+""+t[3]),a:Z(t[4]+""+t[4]),format:n?"name":"hex8"}:!!(t=O.hex3.exec(e))&&{r:C(t[1]+""+t[1]),g:C(t[2]+""+t[2]),b:C(t[3]+""+t[3]),format:n?"name":"hex"}}(e)),"object"==r(e)&&(P(e.r)&&P(e.g)&&P(e.b)?(t=e.r,n=e.g,o=e.b,s={r:255*E(t,255),g:255*E(n,255),b:255*E(o,255)},d=!0,h="%"===String(e.r).substr(-1)?"prgb":"rgb"):P(e.h)&&P(e.s)&&P(e.v)?(l=F(e.s),u=F(e.v),s=function(e,t,n){e=6*E(e,360),t=E(t,100),n=E(n,100);var r=Math.floor(e),i=e-r,a=n*(1-t),o=n*(1-i*t),s=n*(1-(1-i)*t),c=r%6;return{r:255*[n,o,a,a,s,n][c],g:255*[s,n,n,o,a,a][c],b:255*[a,a,s,n,n,o][c]}}(e.h,l,u),d=!0,h="hsv"):P(e.h)&&P(e.s)&&P(e.l)&&(l=F(e.s),f=F(e.l),s=function(e,t,n){var r,i,a;function o(e,t,n){return n<0&&(n+=1),n>1&&(n-=1),n<1/6?e+6*(t-e)*n:n<.5?t:n<2/3?e+(t-e)*(2/3-n)*6:e}if(e=E(e,360),t=E(t,100),n=E(n,100),0===t)r=i=a=n;else{var s=n<.5?n*(1+t):n+t-n*t,c=2*n-s;r=o(c,s,e+1/3),i=o(c,s,e),a=o(c,s,e-1/3)}return{r:255*r,g:255*i,b:255*a}}(e.h,l,f),d=!0,h="hsl"),e.hasOwnProperty("a")&&(c=e.a)),c=A(c),{ok:d,format:e.format||h,r:Math.min(255,Math.max(s.r,0)),g:Math.min(255,Math.max(s.g,0)),b:Math.min(255,Math.max(s.b,0)),a:c}}(e);this._originalInput=e,this._r=n.r,this._g=n.g,this._b=n.b,this._a=n.a,this._roundA=Math.round(100*this._a)/100,this._format=t.format||n.format,this._gradientType=t.gradientType,this._r<1&&(this._r=Math.round(this._r)),this._g<1&&(this._g=Math.round(this._g)),this._b<1&&(this._b=Math.round(this._b)),this._ok=n.ok}function s(e,t,n){e=E(e,255),t=E(t,255),n=E(n,255);var r,i,a=Math.max(e,t,n),o=Math.min(e,t,n),s=(a+o)/2;if(a==o)r=i=0;else{var c=a-o;switch(i=s>.5?c/(2-a-o):c/(a+o),a){case e:r=(t-n)/c+(t>1)+720)%360;--t;)r.h=(r.h+i)%360,a.push(o(r));return a}function k(e,t){t=t||6;for(var n=o(e).toHsv(),r=n.h,i=n.s,a=n.v,s=[],c=1/t;t--;)s.push(o({h:r,s:i,v:a})),a=(a+c)%1;return s}o.prototype={isDark:function(){return this.getBrightness()<128},isLight:function(){return!this.isDark()},isValid:function(){return this._ok},getOriginalInput:function(){return this._originalInput},getFormat:function(){return this._format},getAlpha:function(){return this._a},getBrightness:function(){var e=this.toRgb();return(299*e.r+587*e.g+114*e.b)/1e3},getLuminance:function(){var e,t,n,r=this.toRgb();return e=r.r/255,t=r.g/255,n=r.b/255,.2126*(e<=.03928?e/12.92:Math.pow((e+.055)/1.055,2.4))+.7152*(t<=.03928?t/12.92:Math.pow((t+.055)/1.055,2.4))+.0722*(n<=.03928?n/12.92:Math.pow((n+.055)/1.055,2.4))},setAlpha:function(e){return this._a=A(e),this._roundA=Math.round(100*this._a)/100,this},toHsv:function(){var e=c(this._r,this._g,this._b);return{h:360*e.h,s:e.s,v:e.v,a:this._a}},toHsvString:function(){var e=c(this._r,this._g,this._b),t=Math.round(360*e.h),n=Math.round(100*e.s),r=Math.round(100*e.v);return 1==this._a?"hsv("+t+", "+n+"%, "+r+"%)":"hsva("+t+", "+n+"%, "+r+"%, "+this._roundA+")"},toHsl:function(){var e=s(this._r,this._g,this._b);return{h:360*e.h,s:e.s,l:e.l,a:this._a}},toHslString:function(){var e=s(this._r,this._g,this._b),t=Math.round(360*e.h),n=Math.round(100*e.s),r=Math.round(100*e.l);return 1==this._a?"hsl("+t+", "+n+"%, "+r+"%)":"hsla("+t+", "+n+"%, "+r+"%, "+this._roundA+")"},toHex:function(e){return l(this._r,this._g,this._b,e)},toHexString:function(e){return"#"+this.toHex(e)},toHex8:function(e){return function(e,t,n,r,i){var a=[R(Math.round(e).toString(16)),R(Math.round(t).toString(16)),R(Math.round(n).toString(16)),R(L(r))];return i&&a[0].charAt(0)==a[0].charAt(1)&&a[1].charAt(0)==a[1].charAt(1)&&a[2].charAt(0)==a[2].charAt(1)&&a[3].charAt(0)==a[3].charAt(1)?a[0].charAt(0)+a[1].charAt(0)+a[2].charAt(0)+a[3].charAt(0):a.join("")}(this._r,this._g,this._b,this._a,e)},toHex8String:function(e){return"#"+this.toHex8(e)},toRgb:function(){return{r:Math.round(this._r),g:Math.round(this._g),b:Math.round(this._b),a:this._a}},toRgbString:function(){return 1==this._a?"rgb("+Math.round(this._r)+", "+Math.round(this._g)+", "+Math.round(this._b)+")":"rgba("+Math.round(this._r)+", "+Math.round(this._g)+", "+Math.round(this._b)+", "+this._roundA+")"},toPercentageRgb:function(){return{r:Math.round(100*E(this._r,255))+"%",g:Math.round(100*E(this._g,255))+"%",b:Math.round(100*E(this._b,255))+"%",a:this._a}},toPercentageRgbString:function(){return 1==this._a?"rgb("+Math.round(100*E(this._r,255))+"%, "+Math.round(100*E(this._g,255))+"%, "+Math.round(100*E(this._b,255))+"%)":"rgba("+Math.round(100*E(this._r,255))+"%, "+Math.round(100*E(this._g,255))+"%, "+Math.round(100*E(this._b,255))+"%, "+this._roundA+")"},toName:function(){return 0===this._a?"transparent":!(this._a<1)&&(S[l(this._r,this._g,this._b,!0)]||!1)},toFilter:function(e){var t="#"+u(this._r,this._g,this._b,this._a),n=t,r=this._gradientType?"GradientType = 1, ":"";if(e){var i=o(e);n="#"+u(i._r,i._g,i._b,i._a)}return"progid:DXImageTransform.Microsoft.gradient("+r+"startColorstr="+t+",endColorstr="+n+")"},toString:function(e){var t=!!e;e=e||this._format;var n=!1,r=this._a<1&&this._a>=0;return t||!r||"hex"!==e&&"hex6"!==e&&"hex3"!==e&&"hex4"!==e&&"hex8"!==e&&"name"!==e?("rgb"===e&&(n=this.toRgbString()),"prgb"===e&&(n=this.toPercentageRgbString()),"hex"!==e&&"hex6"!==e||(n=this.toHexString()),"hex3"===e&&(n=this.toHexString(!0)),"hex4"===e&&(n=this.toHex8String(!0)),"hex8"===e&&(n=this.toHex8String()),"name"===e&&(n=this.toName()),"hsl"===e&&(n=this.toHslString()),"hsv"===e&&(n=this.toHsvString()),n||this.toHexString()):"name"===e&&0===this._a?this.toName():this.toRgbString()},clone:function(){return o(this.toString())},_applyModification:function(e,t){var n=e.apply(null,[this].concat([].slice.call(t)));return this._r=n._r,this._g=n._g,this._b=n._b,this.setAlpha(n._a),this},lighten:function(){return this._applyModification(p,arguments)},brighten:function(){return this._applyModification(m,arguments)},darken:function(){return this._applyModification(g,arguments)},desaturate:function(){return this._applyModification(f,arguments)},saturate:function(){return this._applyModification(d,arguments)},greyscale:function(){return this._applyModification(h,arguments)},spin:function(){return this._applyModification(v,arguments)},_applyCombination:function(e,t){return e.apply(null,[this].concat([].slice.call(t)))},analogous:function(){return this._applyCombination(x,arguments)},complement:function(){return this._applyCombination(b,arguments)},monochromatic:function(){return this._applyCombination(k,arguments)},splitcomplement:function(){return this._applyCombination(w,arguments)},triad:function(){return this._applyCombination(y,[3])},tetrad:function(){return this._applyCombination(y,[4])}},o.fromRatio=function(e,t){if("object"==r(e)){var n={};for(var i in e)e.hasOwnProperty(i)&&(n[i]="a"===i?e[i]:F(e[i]));e=n}return o(e,t)},o.equals=function(e,t){return!(!e||!t)&&o(e).toRgbString()==o(t).toRgbString()},o.random=function(){return o.fromRatio({r:Math.random(),g:Math.random(),b:Math.random()})},o.mix=function(e,t,n){n=0===n?0:n||50;var r=o(e).toRgb(),i=o(t).toRgb(),a=n/100;return o({r:(i.r-r.r)*a+r.r,g:(i.g-r.g)*a+r.g,b:(i.b-r.b)*a+r.b,a:(i.a-r.a)*a+r.a})},o.readability=function(e,t){var n=o(e),r=o(t);return(Math.max(n.getLuminance(),r.getLuminance())+.05)/(Math.min(n.getLuminance(),r.getLuminance())+.05)},o.isReadable=function(e,t,n){var r,i,a,s,c,l=o.readability(e,t);switch(i=!1,(a=n,"AA"!==(s=((a=a||{level:"AA",size:"small"}).level||"AA").toUpperCase())&&"AAA"!==s&&(s="AA"),"small"!==(c=(a.size||"small").toLowerCase())&&"large"!==c&&(c="small"),r={level:s,size:c}).level+r.size){case"AAsmall":case"AAAlarge":i=l>=4.5;break;case"AAlarge":i=l>=3;break;case"AAAsmall":i=l>=7}return i},o.mostReadable=function(e,t,n){var r,i,a,s,c=null,l=0;i=(n=n||{}).includeFallbackColors,a=n.level,s=n.size;for(var u=0;ul&&(l=r,c=o(t[u]));return o.isReadable(e,c,{level:a,size:s})||!i?c:(n.includeFallbackColors=!1,o.mostReadable(e,["#fff","#000"],n))};var _=o.names={aliceblue:"f0f8ff",antiquewhite:"faebd7",aqua:"0ff",aquamarine:"7fffd4",azure:"f0ffff",beige:"f5f5dc",bisque:"ffe4c4",black:"000",blanchedalmond:"ffebcd",blue:"00f",blueviolet:"8a2be2",brown:"a52a2a",burlywood:"deb887",burntsienna:"ea7e5d",cadetblue:"5f9ea0",chartreuse:"7fff00",chocolate:"d2691e",coral:"ff7f50",cornflowerblue:"6495ed",cornsilk:"fff8dc",crimson:"dc143c",cyan:"0ff",darkblue:"00008b",darkcyan:"008b8b",darkgoldenrod:"b8860b",darkgray:"a9a9a9",darkgreen:"006400",darkgrey:"a9a9a9",darkkhaki:"bdb76b",darkmagenta:"8b008b",darkolivegreen:"556b2f",darkorange:"ff8c00",darkorchid:"9932cc",darkred:"8b0000",darksalmon:"e9967a",darkseagreen:"8fbc8f",darkslateblue:"483d8b",darkslategray:"2f4f4f",darkslategrey:"2f4f4f",darkturquoise:"00ced1",darkviolet:"9400d3",deeppink:"ff1493",deepskyblue:"00bfff",dimgray:"696969",dimgrey:"696969",dodgerblue:"1e90ff",firebrick:"b22222",floralwhite:"fffaf0",forestgreen:"228b22",fuchsia:"f0f",gainsboro:"dcdcdc",ghostwhite:"f8f8ff",gold:"ffd700",goldenrod:"daa520",gray:"808080",green:"008000",greenyellow:"adff2f",grey:"808080",honeydew:"f0fff0",hotpink:"ff69b4",indianred:"cd5c5c",indigo:"4b0082",ivory:"fffff0",khaki:"f0e68c",lavender:"e6e6fa",lavenderblush:"fff0f5",lawngreen:"7cfc00",lemonchiffon:"fffacd",lightblue:"add8e6",lightcoral:"f08080",lightcyan:"e0ffff",lightgoldenrodyellow:"fafad2",lightgray:"d3d3d3",lightgreen:"90ee90",lightgrey:"d3d3d3",lightpink:"ffb6c1",lightsalmon:"ffa07a",lightseagreen:"20b2aa",lightskyblue:"87cefa",lightslategray:"789",lightslategrey:"789",lightsteelblue:"b0c4de",lightyellow:"ffffe0",lime:"0f0",limegreen:"32cd32",linen:"faf0e6",magenta:"f0f",maroon:"800000",mediumaquamarine:"66cdaa",mediumblue:"0000cd",mediumorchid:"ba55d3",mediumpurple:"9370db",mediumseagreen:"3cb371",mediumslateblue:"7b68ee",mediumspringgreen:"00fa9a",mediumturquoise:"48d1cc",mediumvioletred:"c71585",midnightblue:"191970",mintcream:"f5fffa",mistyrose:"ffe4e1",moccasin:"ffe4b5",navajowhite:"ffdead",navy:"000080",oldlace:"fdf5e6",olive:"808000",olivedrab:"6b8e23",orange:"ffa500",orangered:"ff4500",orchid:"da70d6",palegoldenrod:"eee8aa",palegreen:"98fb98",paleturquoise:"afeeee",palevioletred:"db7093",papayawhip:"ffefd5",peachpuff:"ffdab9",peru:"cd853f",pink:"ffc0cb",plum:"dda0dd",powderblue:"b0e0e6",purple:"800080",rebeccapurple:"663399",red:"f00",rosybrown:"bc8f8f",royalblue:"4169e1",saddlebrown:"8b4513",salmon:"fa8072",sandybrown:"f4a460",seagreen:"2e8b57",seashell:"fff5ee",sienna:"a0522d",silver:"c0c0c0",skyblue:"87ceeb",slateblue:"6a5acd",slategray:"708090",slategrey:"708090",snow:"fffafa",springgreen:"00ff7f",steelblue:"4682b4",tan:"d2b48c",teal:"008080",thistle:"d8bfd8",tomato:"ff6347",turquoise:"40e0d0",violet:"ee82ee",wheat:"f5deb3",white:"fff",whitesmoke:"f5f5f5",yellow:"ff0",yellowgreen:"9acd32"},S=o.hexNames=function(e){var t={};for(var n in e)e.hasOwnProperty(n)&&(t[e[n]]=n);return t}(_);function A(e){return e=parseFloat(e),(isNaN(e)||e<0||e>1)&&(e=1),e}function E(e,t){(function(e){return"string"==typeof e&&-1!=e.indexOf(".")&&1===parseFloat(e)})(e)&&(e="100%");var n=function(e){return"string"==typeof e&&-1!=e.indexOf("%")}(e);return e=Math.min(t,Math.max(0,parseFloat(e))),n&&(e=parseInt(e*t,10)/100),Math.abs(e-t)<1e-6?1:e%t/parseFloat(t)}function M(e){return Math.min(1,Math.max(0,e))}function C(e){return parseInt(e,16)}function R(e){return 1==e.length?"0"+e:""+e}function F(e){return e<=1&&(e=100*e+"%"),e}function L(e){return Math.round(255*parseFloat(e)).toString(16)}function Z(e){return C(e)/255}var N,T,D,O=(T="[\\s|\\(]+("+(N="(?:[-\\+]?\\d*\\.\\d+%?)|(?:[-\\+]?\\d+%?)")+")[,|\\s]+("+N+")[,|\\s]+("+N+")\\s*\\)?",D="[\\s|\\(]+("+N+")[,|\\s]+("+N+")[,|\\s]+("+N+")[,|\\s]+("+N+")\\s*\\)?",{CSS_UNIT:new RegExp(N),rgb:new RegExp("rgb"+T),rgba:new RegExp("rgba"+D),hsl:new RegExp("hsl"+T),hsla:new RegExp("hsla"+D),hsv:new RegExp("hsv"+T),hsva:new RegExp("hsva"+D),hex3:/^#?([0-9a-fA-F]{1})([0-9a-fA-F]{1})([0-9a-fA-F]{1})$/,hex6:/^#?([0-9a-fA-F]{2})([0-9a-fA-F]{2})([0-9a-fA-F]{2})$/,hex4:/^#?([0-9a-fA-F]{1})([0-9a-fA-F]{1})([0-9a-fA-F]{1})([0-9a-fA-F]{1})$/,hex8:/^#?([0-9a-fA-F]{2})([0-9a-fA-F]{2})([0-9a-fA-F]{2})([0-9a-fA-F]{2})$/});function P(e){return!!O.CSS_UNIT.exec(e)}}}]); \ No newline at end of file diff --git a/build/4597-style.js.LICENSE.txt b/build/4597-style.js.LICENSE.txt new file mode 100644 index 00000000000..6f6f2bb3fd4 --- /dev/null +++ b/build/4597-style.js.LICENSE.txt @@ -0,0 +1,8 @@ +/** @license React v16.13.1 + * react-is.production.min.js + * + * Copyright (c) Facebook, Inc. and its affiliates. + * + * This source code is licensed under the MIT license found in the + * LICENSE file in the root directory of this source tree. + */ diff --git a/build/8280-frontend.js b/build/8280-frontend.js new file mode 100644 index 00000000000..a54be5a8c97 --- /dev/null +++ b/build/8280-frontend.js @@ -0,0 +1 @@ +(self.webpackChunkwebpackWcBlocksJsonp=self.webpackChunkwebpackWcBlocksJsonp||[]).push([[8280],{8184:(e,t,r)=>{"use strict";r.d(t,{Z:()=>i});var n=r(9307),o=r(444);const i=(0,n.createElement)(o.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24"},(0,n.createElement)(o.Path,{d:"M16.7 7.1l-6.3 8.5-3.3-2.5-.9 1.2 4.5 3.4L17.9 8z"}))},6928:e=>{e.exports=function(e){var t={};function r(n){if(t[n])return t[n].exports;var o=t[n]={exports:{},id:n,loaded:!1};return e[n].call(o.exports,o,o.exports,r),o.loaded=!0,o.exports}return r.m=e,r.c=t,r.p="",r(0)}([function(e,t,r){e.exports=r(1)},function(e,t,r){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var n=r(2);Object.defineProperty(t,"combineChunks",{enumerable:!0,get:function(){return n.combineChunks}}),Object.defineProperty(t,"fillInChunks",{enumerable:!0,get:function(){return n.fillInChunks}}),Object.defineProperty(t,"findAll",{enumerable:!0,get:function(){return n.findAll}}),Object.defineProperty(t,"findChunks",{enumerable:!0,get:function(){return n.findChunks}})},function(e,t){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.findAll=function(e){var t=e.autoEscape,i=e.caseSensitive,a=void 0!==i&&i,l=e.findChunks,s=void 0===l?n:l,c=e.sanitize,u=e.searchWords,d=e.textToHighlight;return o({chunksToHighlight:r({chunks:s({autoEscape:t,caseSensitive:a,sanitize:c,searchWords:u,textToHighlight:d})}),totalLength:d?d.length:0})};var r=t.combineChunks=function(e){var t=e.chunks;return t.sort((function(e,t){return e.start-t.start})).reduce((function(e,t){if(0===e.length)return[t];var r=e.pop();if(t.start<=r.end){var n=Math.max(r.end,t.end);e.push({highlight:!1,start:r.start,end:n})}else e.push(r,t);return e}),[])},n=function(e){var t=e.autoEscape,r=e.caseSensitive,n=e.sanitize,o=void 0===n?i:n,a=e.searchWords,l=e.textToHighlight;return l=o(l),a.filter((function(e){return e})).reduce((function(e,n){n=o(n),t&&(n=n.replace(/[\-\[\]\/\{\}\(\)\*\+\?\.\\\^\$\|]/g,"\\$&"));for(var i=new RegExp(n,r?"g":"gi"),a=void 0;a=i.exec(l);){var s=a.index,c=i.lastIndex;c>s&&e.push({highlight:!1,start:s,end:c}),a.index===i.lastIndex&&i.lastIndex++}return e}),[])};t.findChunks=n;var o=t.fillInChunks=function(e){var t=e.chunksToHighlight,r=e.totalLength,n=[],o=function(e,t,r){t-e>0&&n.push({start:e,end:t,highlight:r})};if(0===t.length)o(0,r,!1);else{var i=0;t.forEach((function(e){o(i,e.start,!1),o(e.start,e.end,!0),i=e.end})),o(i,r,!1)}return n};function i(e){return e}}])},8679:(e,t,r)=>{"use strict";var n=r(1296),o={childContextTypes:!0,contextType:!0,contextTypes:!0,defaultProps:!0,displayName:!0,getDefaultProps:!0,getDerivedStateFromError:!0,getDerivedStateFromProps:!0,mixins:!0,propTypes:!0,type:!0},i={name:!0,length:!0,prototype:!0,caller:!0,callee:!0,arguments:!0,arity:!0},a={$$typeof:!0,compare:!0,defaultProps:!0,displayName:!0,propTypes:!0,type:!0},l={};function s(e){return n.isMemo(e)?a:l[e.$$typeof]||o}l[n.ForwardRef]={$$typeof:!0,render:!0,defaultProps:!0,displayName:!0,propTypes:!0},l[n.Memo]=a;var c=Object.defineProperty,u=Object.getOwnPropertyNames,d=Object.getOwnPropertySymbols,f=Object.getOwnPropertyDescriptor,p=Object.getPrototypeOf,m=Object.prototype;e.exports=function e(t,r,n){if("string"!=typeof r){if(m){var o=p(r);o&&o!==m&&e(t,o,n)}var a=u(r);d&&(a=a.concat(d(r)));for(var l=s(t),h=s(r),g=0;g{"use strict";var r="function"==typeof Symbol&&Symbol.for,n=r?Symbol.for("react.element"):60103,o=r?Symbol.for("react.portal"):60106,i=r?Symbol.for("react.fragment"):60107,a=r?Symbol.for("react.strict_mode"):60108,l=r?Symbol.for("react.profiler"):60114,s=r?Symbol.for("react.provider"):60109,c=r?Symbol.for("react.context"):60110,u=r?Symbol.for("react.async_mode"):60111,d=r?Symbol.for("react.concurrent_mode"):60111,f=r?Symbol.for("react.forward_ref"):60112,p=r?Symbol.for("react.suspense"):60113,m=r?Symbol.for("react.suspense_list"):60120,h=r?Symbol.for("react.memo"):60115,g=r?Symbol.for("react.lazy"):60116,b=r?Symbol.for("react.block"):60121,y=r?Symbol.for("react.fundamental"):60117,x=r?Symbol.for("react.responder"):60118,v=r?Symbol.for("react.scope"):60119;function w(e){if("object"==typeof e&&null!==e){var t=e.$$typeof;switch(t){case n:switch(e=e.type){case u:case d:case i:case l:case a:case p:return e;default:switch(e=e&&e.$$typeof){case c:case f:case g:case h:case s:return e;default:return t}}case o:return t}}}function k(e){return w(e)===d}t.AsyncMode=u,t.ConcurrentMode=d,t.ContextConsumer=c,t.ContextProvider=s,t.Element=n,t.ForwardRef=f,t.Fragment=i,t.Lazy=g,t.Memo=h,t.Portal=o,t.Profiler=l,t.StrictMode=a,t.Suspense=p,t.isAsyncMode=function(e){return k(e)||w(e)===u},t.isConcurrentMode=k,t.isContextConsumer=function(e){return w(e)===c},t.isContextProvider=function(e){return w(e)===s},t.isElement=function(e){return"object"==typeof e&&null!==e&&e.$$typeof===n},t.isForwardRef=function(e){return w(e)===f},t.isFragment=function(e){return w(e)===i},t.isLazy=function(e){return w(e)===g},t.isMemo=function(e){return w(e)===h},t.isPortal=function(e){return w(e)===o},t.isProfiler=function(e){return w(e)===l},t.isStrictMode=function(e){return w(e)===a},t.isSuspense=function(e){return w(e)===p},t.isValidElementType=function(e){return"string"==typeof e||"function"==typeof e||e===i||e===d||e===l||e===a||e===p||e===m||"object"==typeof e&&null!==e&&(e.$$typeof===g||e.$$typeof===h||e.$$typeof===s||e.$$typeof===c||e.$$typeof===f||e.$$typeof===y||e.$$typeof===x||e.$$typeof===v||e.$$typeof===b)},t.typeOf=w},1296:(e,t,r)=>{"use strict";e.exports=r(6103)},4697:(e,t,r)=>{"use strict";r.d(t,{y1:()=>o});var n=r(9196);function o(e,t,r){var o=this,i=(0,n.useRef)(null),a=(0,n.useRef)(0),l=(0,n.useRef)(null),s=(0,n.useRef)([]),c=(0,n.useRef)(),u=(0,n.useRef)(),d=(0,n.useRef)(e),f=(0,n.useRef)(!0);(0,n.useEffect)((function(){d.current=e}),[e]);var p=!t&&0!==t&&"undefined"!=typeof window;if("function"!=typeof e)throw new TypeError("Expected a function");t=+t||0;var m=!!(r=r||{}).leading,h=!("trailing"in r)||!!r.trailing,g="maxWait"in r,b=g?Math.max(+r.maxWait||0,t):null;(0,n.useEffect)((function(){return f.current=!0,function(){f.current=!1}}),[]);var y=(0,n.useMemo)((function(){var e=function(e){var t=s.current,r=c.current;return s.current=c.current=null,a.current=e,u.current=d.current.apply(r,t)},r=function(e,t){p&&cancelAnimationFrame(l.current),l.current=p?requestAnimationFrame(e):setTimeout(e,t)},n=function(e){if(!f.current)return!1;var r=e-i.current;return!i.current||r>=t||r<0||g&&e-a.current>=b},y=function(t){return l.current=null,h&&s.current?e(t):(s.current=c.current=null,u.current)},x=function e(){var o=Date.now();if(n(o))return y(o);if(f.current){var l=t-(o-i.current),s=g?Math.min(l,b-(o-a.current)):l;r(e,s)}},v=function(){var d=Date.now(),p=n(d);if(s.current=[].slice.call(arguments),c.current=o,i.current=d,p){if(!l.current&&f.current)return a.current=i.current,r(x,t),m?e(i.current):u.current;if(g)return r(x,t),e(i.current)}return l.current||r(x,t),u.current};return v.cancel=function(){l.current&&(p?cancelAnimationFrame(l.current):clearTimeout(l.current)),a.current=0,s.current=i.current=c.current=l.current=null},v.isPending=function(){return!!l.current},v.flush=function(){return l.current?y(Date.now()):u.current},v}),[m,g,t,b,h,p]);return y}},7313:(e,t,r)=>{"use strict";r.d(t,{Z:()=>Fe});var n={};r.r(n),r.d(n,{Text:()=>N,block:()=>R,destructive:()=>W,highlighterText:()=>j,muted:()=>Z,positive:()=>O,upperCase:()=>A});var o=r(7462),i=r(9307),a=r(2819),l=r(4184),s=r.n(l),c=r(4333);const u=function({icon:e,size:t=24,...r}){return(0,i.cloneElement)(e,{width:t,height:t,...r})};var d=r(444);const f=(0,i.createElement)(d.SVG,{viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg"},(0,i.createElement)(d.Path,{d:"M17.5 11.6L12 16l-5.5-4.4.9-1.2L12 14l4.5-3.6 1 1.2z"}));var p=r(4662),m=r(9204),h=(r(9196),r(7278),r(6797));function g(){for(var e=arguments.length,t=new Array(e),r=0;r{const t={};for(const r in e)t[r.toLowerCase()]=e[r];return t})),X={body:13,caption:10,footnote:11,largeTitle:28,subheadline:12,title:20};function q(e=13){if(e in X)return q(X[e]);if("number"!=typeof e){const t=parseFloat(e);if(Number.isNaN(t))return e;e=t}return`calc((${e} / 13) * ${B.fontSize})`}[1,2,3,4,5,6].flatMap((e=>[e,e.toString()]));const G=(0,x.L)({as:"span",useHook:function(e){const{adjustLineHeightForInnerControls:t,align:r,children:o,className:l,color:s,ellipsizeMode:c,isDestructive:u=!1,display:d,highlightEscape:f=!1,highlightCaseSensitive:p=!1,highlightWords:m,highlightSanitize:h,isBlock:g=!1,letterSpacing:b,lineHeight:y,optimizeReadabilityFor:x,size:M,truncate:E=!1,upperCase:F=!1,variant:L,weight:_=B.fontWeight,...O}=(0,w.y)(e,"Text");let A=o;const X=Array.isArray(m),G="caption"===M;if(X){if("string"!=typeof o)throw new TypeError("`children` of `Text` must only be `string` types when `highlightWords` is defined");A=function({activeClassName:e="",activeIndex:t=-1,activeStyle:r,autoEscape:n,caseSensitive:o=!1,children:a,findChunks:l,highlightClassName:s="",highlightStyle:c={},highlightTag:u="mark",sanitize:d,searchWords:f=[],unhighlightClassName:p="",unhighlightStyle:m}){if(!a)return null;if("string"!=typeof a)return a;const h=a,g=(0,I.findAll)({autoEscape:n,caseSensitive:o,findChunks:l,sanitize:d,searchWords:f,textToHighlight:h}),b=u;let y,x=-1,v="";return g.map(((n,a)=>{const l=h.substr(n.start,n.end-n.start);if(n.highlight){let n;x++,n="object"==typeof s?o?s[l]:(s=V(s))[l.toLowerCase()]:s;const u=x===+t;v=`${n} ${u?e:""}`,y=!0===u&&null!==r?Object.assign({},c,r):c;const d={children:l,className:v,key:a,style:y};return"string"!=typeof b&&(d.highlightIndex=x),(0,i.createElement)(b,d)}return(0,i.createElement)("span",{children:l,className:p,key:a,style:m})}))}({autoEscape:f,children:o,caseSensitive:p,searchWords:m,sanitize:h})}let J;!0===E&&(J="auto"),!1===E&&(J="none");const K=function(e){const{className:t,children:r,ellipsis:n=z,ellipsizeMode:o=$.auto,limit:l=0,numberOfLines:s=0,...c}=(0,w.y)(e,"Truncate"),u=function(e="",t){const r={...C,...t},{ellipsis:n,ellipsizeMode:o,limit:i}=r;if(o===$.none)return e;let l,s;switch(o){case $.head:l=0,s=i;break;case $.middle:l=Math.floor(i/2),s=Math.floor(i/2);break;default:l=i,s=0}const c=o!==$.auto?function(e,t,r,n){if("string"!=typeof e)return"";const o=e.length,i=~~t,l=~~r,s=(0,a.isNil)(n)?z:n;return 0===i&&0===l||i>=o||l>=o||i+l>=o?e:0===l?e.slice(0,i)+s:e.slice(0,i)+s+e.slice(o-l)}(e,l,s,n):e;return c}("string"==typeof r?r:"",{ellipsis:n,ellipsizeMode:o,limit:l,numberOfLines:s}),d=o===$.auto;return{...c,className:(0,i.useMemo)((()=>{const e={};return e.numberOfLines=(0,v.iv)("-webkit-box-orient:vertical;-webkit-line-clamp:",s,";display:-webkit-box;overflow:hidden;",""),(0,v.cx)(d&&!s&&S,d&&!!s&&e.numberOfLines,t)}),[t,s,d]),children:u}}({...O,className:(0,i.useMemo)((()=>{const e={},o=function(e,t){if(t)return t;if(!e)return;let r=`calc(${B.controlHeight} + ${(0,T.D)(2)})`;switch(e){case"large":r=`calc(${B.controlHeightLarge} + ${(0,T.D)(2)})`;break;case"small":r=`calc(${B.controlHeightSmall} + ${(0,T.D)(2)})`;break;case"xSmall":r=`calc(${B.controlHeightXSmall} + ${(0,T.D)(2)})`}return r}(t,y);if(e.Base=(0,v.iv)({color:s,display:d,fontSize:q(M),fontWeight:_,lineHeight:o,letterSpacing:b,textAlign:r},"",""),e.upperCase=(0,v.iv)({name:"50zrmy",styles:"text-transform:uppercase"}),e.optimalTextColor=null,x){const t="dark"==("#000000"===function(e){const t=P(e);return D.Z.isReadable(t,"#000000")?"#000000":"#ffffff"}(x)?"dark":"light");e.optimalTextColor=t?(0,v.iv)({color:H.DM.black},"",""):(0,v.iv)({color:H.DM.white},"","")}return(0,v.cx)(N,e.Base,e.optimalTextColor,u&&W,!!X&&j,g&&R,G&&Z,L&&n[L],F&&e.upperCase,l)}),[t,r,l,s,d,g,G,u,X,b,y,x,M,F,L,_]),children:o,ellipsizeMode:c||J});return!E&&Array.isArray(o)&&(A=i.Children.map(o,(e=>(0,a.isPlainObject)(e)&&"props"in e&&(0,k.H)(e,["Link"])?(0,i.cloneElement)(e,{size:e.props.size||"inherit"}):e))),{...K,children:E?K.children:A}},name:"Text"}),J=G;var K=r(5736);const U=new RegExp(/-left/g),Q=new RegExp(/-right/g),Y=new RegExp(/Left/g),ee=new RegExp(/Right/g);function te(e={},t){return()=>t?(0,K.isRTL)()?g(t,""):g(e,""):(0,K.isRTL)()?g(((e={})=>(0,a.mapKeys)(e,((e,t)=>function(e){return"left"===e?"right":"right"===e?"left":U.test(e)?e.replace(U,"-right"):Q.test(e)?e.replace(Q,"-left"):Y.test(e)?e.replace(Y,"Right"):ee.test(e)?e.replace(ee,"Left"):e}(t))))(e),""):g(e,"")}var re={name:"1n8met0",styles:"padding-top:0"};const ne=()=>re;var oe={name:"1739oy8",styles:"z-index:1"};const ie=({isFocused:e})=>e?oe:"";var ae={name:"2o6p8u",styles:"justify-content:space-between"},le={name:"14qk3ip",styles:"align-items:flex-start;flex-direction:column-reverse"},se={name:"hbng6e",styles:"align-items:flex-start;flex-direction:column"};const ce=({labelPosition:e})=>{switch(e){case"top":return se;case"bottom":return le;case"edge":return ae;default:return""}},ue=(0,m.Z)(b.Z,{target:"e1cr7zh17"})("position:relative;border-radius:2px;",ne," ",ie," ",ce,";");var de={name:"wyxldh",styles:"margin:0 !important"},fe={name:"1d3w5wq",styles:"width:100%"};const pe=(0,m.Z)("div",{target:"e1cr7zh16"})("align-items:center;box-sizing:border-box;border-radius:inherit;display:flex;flex:1;position:relative;",(({disabled:e})=>g({backgroundColor:e?H.DM.ui.backgroundDisabled:H.DM.ui.background},"",""))," ",(({hideLabel:e})=>e?de:null)," ",(({__unstableInputWidth:e,labelPosition:t})=>e?"side"===t?"":g("edge"===t?{flex:`0 0 ${e}`}:{width:e},"",""):fe),";");var me={name:"103r1kr",styles:"&::-webkit-input-placeholder{line-height:normal;}"};(0,m.Z)("input",{target:"e1cr7zh15"})("&&&{background-color:transparent;box-sizing:border-box;border:none;box-shadow:none!important;color:",H.DM.black,";display:block;margin:0;outline:none;padding-left:8px;padding-right:8px;width:100%;",(({isDragging:e,dragCursor:t})=>{let r="",n="";return e&&(r=g("cursor:",t,";user-select:none;&::-webkit-outer-spin-button,&::-webkit-inner-spin-button{-webkit-appearance:none!important;margin:0!important;}","")),e&&t&&(n=g("&:active{cursor:",t,";}","")),g(r," ",n,";","")})," ",(({disabled:e})=>e?g({color:H.DM.ui.textDisabled},"",""):"")," ",(({size:e})=>{const t={default:"13px",small:"11px"}[e];return t?g("font-size:","16px",";@media ( min-width: 600px ){font-size:",t,";}",""):""})," ",(({size:e})=>{const t={default:{height:30,lineHeight:1,minHeight:30},small:{height:24,lineHeight:1,minHeight:24}};return g(t[e]||t.default,"","")})," ",(()=>me),";}");var he={name:"1h52dri",styles:"overflow:hidden;text-overflow:ellipsis;white-space:nowrap"};const ge=()=>he,be=({labelPosition:e})=>{let t=4;return"edge"!==e&&"side"!==e||(t=0),g({paddingTop:0,paddingBottom:t},"","")},ye=(0,m.Z)(J,{target:"e1cr7zh14"})("&&&{box-sizing:border-box;color:currentColor;display:block;margin:0;max-width:100%;z-index:1;",be," ",ge,";}"),xe=e=>(0,i.createElement)(ye,(0,o.Z)({},e,{as:"label"})),ve=(0,m.Z)(y.Z,{target:"e1cr7zh13"})({name:"1b6uupn",styles:"max-width:calc( 100% - 10px )"}),we=(0,m.Z)("div",{target:"e1cr7zh12"})("&&&{box-sizing:border-box;border-radius:inherit;bottom:0;left:0;margin:0;padding:0;pointer-events:none;position:absolute;right:0;top:0;",(({disabled:e,isFocused:t})=>{let r=t?H.DM.ui.borderFocus:H.DM.ui.border,n=null;return t&&(n=`0 0 0 1px ${H.DM.ui.borderFocus} inset`),e&&(r=H.DM.ui.borderDisabled),g({boxShadow:n,borderColor:r,borderStyle:"solid",borderWidth:1},"","")})," ",te({paddingLeft:2}),";}"),ke=(0,m.Z)("span",{target:"e1cr7zh11"})({name:"pvvbxf",styles:"box-sizing:border-box;display:block"}),Se=(0,m.Z)("span",{target:"e1cr7zh10"})({name:"pvvbxf",styles:"box-sizing:border-box;display:block"}),ze=(0,i.memo)((function({disabled:e=!1,isFocused:t=!1}){return(0,i.createElement)(we,{"aria-hidden":"true",className:"components-input-control__backdrop",disabled:e,isFocused:t})}));var $e=r(7593);function Ce({children:e,hideLabelFromVision:t,htmlFor:r,...n}){return e?t?(0,i.createElement)($e.Z,{as:"label",htmlFor:r},e):(0,i.createElement)(xe,(0,o.Z)({htmlFor:r},n),e):null}const Me=(0,i.forwardRef)((function e({__unstableInputWidth:t,children:r,className:n,disabled:a=!1,hideLabelFromVision:l=!1,labelPosition:s,id:u,isFocused:d=!1,label:f,prefix:p,size:m="default",suffix:h,...g},b){const y=function(t){const r=(0,c.useInstanceId)(e);return t||`input-base-control-${r}`}(u),x=l||!f;return(0,i.createElement)(ue,(0,o.Z)({},g,function({labelPosition:e}){const t={};switch(e){case"top":t.direction="column",t.gap=0;break;case"bottom":t.direction="column-reverse",t.gap=0;break;case"edge":t.justify="space-between"}return t}({labelPosition:s}),{className:n,isFocused:d,labelPosition:s,ref:b,__unstableVersion:"next"}),(0,i.createElement)(ve,null,(0,i.createElement)(Ce,{className:"components-input-control__label",hideLabelFromVision:l,labelPosition:s,htmlFor:y,size:m},f)),(0,i.createElement)(pe,{__unstableInputWidth:t,className:"components-input-control__container",disabled:a,hideLabel:x,isFocused:d,labelPosition:s},p&&(0,i.createElement)(ke,{className:"components-input-control__prefix"},p),r,h&&(0,i.createElement)(Se,{className:"components-input-control__suffix"},h),(0,i.createElement)(ze,{"aria-hidden":"true",disabled:a,isFocused:d,label:f,size:m})))})),Ee=(0,m.Z)("select",{target:"e12x0a391"})("&&&{appearance:none;background:transparent;box-sizing:border-box;border:none;box-shadow:none!important;color:",H.DM.black,";display:block;margin:0;width:100%;",(({disabled:e})=>e?g({color:H.DM.ui.textDisabled},"",""):""),";",(({size:e})=>{const t={default:"13px",small:"11px"}[e];return t?g("font-size:","16px",";@media ( min-width: 600px ){font-size:",t,";}",""):""}),";",(({size:e})=>{const t={default:{height:30,lineHeight:1,minHeight:30},small:{height:24,lineHeight:1,minHeight:24}};return g(t[e]||t.default,"","")}),";",te({paddingLeft:8,paddingRight:24})(),";}"),De=(0,m.Z)("div",{target:"e12x0a390"})("align-items:center;bottom:0;box-sizing:border-box;display:flex;padding:0 4px;pointer-events:none;position:absolute;top:0;",te({right:0})()," svg{display:block;}");const Fe=(0,i.forwardRef)((function e({className:t,disabled:r=!1,help:n,hideLabelFromVision:l,id:d,label:m,multiple:h=!1,onBlur:g=a.noop,onChange:b=a.noop,onFocus:y=a.noop,options:x=[],size:v="default",value:w,labelPosition:k="top",...S},z){const[$,C]=(0,i.useState)(!1),M=function(t){const r=(0,c.useInstanceId)(e);return t||`inspector-select-control-${r}`}(d),E=n?`${M}__help`:void 0;if((0,a.isEmpty)(x))return null;const D=s()("components-select-control",t);return(0,i.createElement)(p.Z,{help:n},(0,i.createElement)(Me,(0,o.Z)({className:D,disabled:r,hideLabelFromVision:l,id:M,isFocused:$,label:m,size:v,suffix:(0,i.createElement)(De,null,(0,i.createElement)(u,{icon:f,size:18})),labelPosition:k},S),(0,i.createElement)(Ee,(0,o.Z)({},S,{"aria-describedby":E,className:"components-select-control__input",disabled:r,id:M,multiple:h,onBlur:e=>{g(e),C(!1)},onChange:e=>{if(h){const t=[...e.target.options].filter((({selected:e})=>e)).map((({value:e})=>e));b(t)}else b(e.target.value,{event:e})},onFocus:e=>{y(e),C(!0)},ref:z,size:v,value:w}),x.map(((e,t)=>{const r=e.id||`${e.label}-${e.value}-${t}`;return(0,i.createElement)("option",{key:r,value:e.value,disabled:e.disabled},e.label)})))))}))},3019:(e,t,r)=>{"use strict";r.d(t,{H:()=>c,Iq:()=>l});var n=r(2819),o=r(9307),i=(r(2560),r(1765)),a=r(1282);function l(e,t,r={}){const{memo:l=!1}=r;let s=(0,o.forwardRef)(e);l&&(s=(0,o.memo)(s)),void 0===t&&"undefined"!=typeof process&&process.env;let c=s[i.rE]||[t];return Array.isArray(t)&&(c=[...c,...t]),"string"==typeof t&&(c=[...c,t]),s.displayName=t,s[i.rE]=(0,n.uniq)(c),s.selector=`.${(0,a.l)(t)}`,s}function s(e){if(!e)return[];let t=[];return e[i.rE]&&(t=e[i.rE]),e.type&&e.type[i.rE]&&(t=e.type[i.rE]),t}function c(e,t){return!!e&&("string"==typeof t?s(e).includes(t):!!Array.isArray(t)&&t.some((t=>s(e).includes(t))))}}}]); \ No newline at end of file diff --git a/build/active-filters-frontend.asset.php b/build/active-filters-frontend.asset.php new file mode 100644 index 00000000000..3eaf28e8521 --- /dev/null +++ b/build/active-filters-frontend.asset.php @@ -0,0 +1 @@ + array('react', 'wc-blocks-components', 'wc-blocks-data-store', 'wc-price-format', 'wc-settings', 'wp-data', 'wp-element', 'wp-html-entities', 'wp-i18n', 'wp-is-shallow-equal', 'wp-polyfill', 'wp-primitives', 'wp-url'), 'version' => 'ee5a7d6ef5323d994fca'); diff --git a/build/active-filters-frontend.js b/build/active-filters-frontend.js new file mode 100644 index 00000000000..005c354d662 --- /dev/null +++ b/build/active-filters-frontend.js @@ -0,0 +1,6 @@ +(()=>{var e={4184:(e,t)=>{var r;!function(){"use strict";var o={}.hasOwnProperty;function n(){for(var e=[],t=0;t{},7732:()=>{},4624:()=>{}},t={};function r(o){var n=t[o];if(void 0!==n)return n.exports;var l=t[o]={exports:{}};return e[o](l,l.exports,r),l.exports}r.n=e=>{var t=e&&e.__esModule?()=>e.default:()=>e;return r.d(t,{a:t}),t},r.d=(e,t)=>{for(var o in t)r.o(t,o)&&!r.o(e,o)&&Object.defineProperty(e,o,{enumerable:!0,get:t[o]})},r.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),(()=>{"use strict";const e=window.React,t=window.wp.element;function o(e){return o="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},o(e)}const n=window.wp.i18n,l=window.wc.wcSettings;var i,a,s,c,u,p,m,d,g,f;const y=(0,l.getSetting)("wcBlocksConfig",{buildPhase:1,pluginUrl:"",productCount:0,defaultAvatar:"",restApiRoutes:{},wordCountType:"words"}),b=y.pluginUrl+"images/",w=(y.pluginUrl,y.buildPhase,null===(i=l.STORE_PAGES.shop)||void 0===i||i.permalink,null===(a=l.STORE_PAGES.checkout)||void 0===a||a.id,null===(s=l.STORE_PAGES.checkout)||void 0===s||s.permalink,null===(c=l.STORE_PAGES.privacy)||void 0===c||c.permalink,null===(u=l.STORE_PAGES.privacy)||void 0===u||u.title,null===(p=l.STORE_PAGES.terms)||void 0===p||p.permalink,null===(m=l.STORE_PAGES.terms)||void 0===m||m.title,null===(d=l.STORE_PAGES.cart)||void 0===d||d.id,null===(g=l.STORE_PAGES.cart)||void 0===g||g.permalink,null!==(f=l.STORE_PAGES.myaccount)&&void 0!==f&&f.permalink?l.STORE_PAGES.myaccount.permalink:(0,l.getSetting)("wpLoginUrl","/wp-login.php"),(0,l.getSetting)("localPickupEnabled",!1),(0,l.getSetting)("countries",{})),_=(0,l.getSetting)("countryData",{}),E=(Object.fromEntries(Object.keys(_).filter((e=>!0===_[e].allowBilling)).map((e=>[e,w[e]||""]))),Object.fromEntries(Object.keys(_).filter((e=>!0===_[e].allowBilling)).map((e=>[e,_[e].states||[]]))),Object.fromEntries(Object.keys(_).filter((e=>!0===_[e].allowShipping)).map((e=>[e,w[e]||""]))),Object.fromEntries(Object.keys(_).filter((e=>!0===_[e].allowShipping)).map((e=>[e,_[e].states||[]]))),Object.fromEntries(Object.keys(_).map((e=>[e,_[e].locale||[]]))),({imageUrl:t=`${b}/block-error.svg`,header:r=(0,n.__)("Oops!","woo-gutenberg-products-block"),text:o=(0,n.__)("There was an error loading the content.","woo-gutenberg-products-block"),errorMessage:l,errorMessagePrefix:i=(0,n.__)("Error:","woo-gutenberg-products-block"),button:a,showErrorBlock:s=!0})=>s?(0,e.createElement)("div",{className:"wc-block-error wc-block-components-error"},t&&(0,e.createElement)("img",{className:"wc-block-error__image wc-block-components-error__image",src:t,alt:""}),(0,e.createElement)("div",{className:"wc-block-error__content wc-block-components-error__content"},r&&(0,e.createElement)("p",{className:"wc-block-error__header wc-block-components-error__header"},r),o&&(0,e.createElement)("p",{className:"wc-block-error__text wc-block-components-error__text"},o),l&&(0,e.createElement)("p",{className:"wc-block-error__message wc-block-components-error__message"},i?i+" ":"",l),a&&(0,e.createElement)("p",{className:"wc-block-error__button wc-block-components-error__button"},a))):null);r(4578);class v extends t.Component{constructor(...e){var t,r,n;super(...e),t=this,n={errorMessage:"",hasError:!1},(r=function(e){var t=function(e,t){if("object"!==o(e)||null===e)return e;var r=e[Symbol.toPrimitive];if(void 0!==r){var n=r.call(e,"string");if("object"!==o(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(e)}(e);return"symbol"===o(t)?t:String(t)}(r="state"))in t?Object.defineProperty(t,r,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[r]=n}static getDerivedStateFromError(t){return void 0!==t.statusText&&void 0!==t.status?{errorMessage:(0,e.createElement)(e.Fragment,null,(0,e.createElement)("strong",null,t.status),": ",t.statusText),hasError:!0}:{errorMessage:t.message,hasError:!0}}render(){const{header:t,imageUrl:r,showErrorMessage:o=!0,showErrorBlock:n=!0,text:l,errorMessagePrefix:i,renderError:a,button:s}=this.props,{errorMessage:c,hasError:u}=this.state;return u?"function"==typeof a?a({errorMessage:c}):(0,e.createElement)(E,{showErrorBlock:n,errorMessage:o?c:null,header:t,imageUrl:r,text:l,errorMessagePrefix:i,button:s}):this.props.children}}const h=v,k=[".wp-block-woocommerce-cart"],S=({Block:r,containers:o,getProps:n=(()=>({})),getErrorBoundaryProps:l=(()=>({}))})=>{0!==o.length&&Array.prototype.forEach.call(o,((o,i)=>{const a=n(o,i),s=l(o,i),c={...o.dataset,...a.attributes||{}};(({Block:r,container:o,attributes:n={},props:l={},errorBoundaryProps:i={}})=>{(0,t.render)((0,e.createElement)(h,{...i},(0,e.createElement)(t.Suspense,{fallback:(0,e.createElement)("div",{className:"wc-block-placeholder"})},r&&(0,e.createElement)(r,{...l,attributes:n}))),o,(()=>{o.classList&&o.classList.remove("is-loading")}))})({Block:r,container:o,props:a,attributes:c,errorBoundaryProps:s})}))},A=window.wc.wcBlocksData,P=window.wp.data,O=window.wp.isShallowEqual;var j=r.n(O);const N=(0,t.createContext)("page"),x=(N.Provider,(e,r,o)=>{const n=(0,t.useContext)(N);o=o||n;const l=(0,P.useSelect)((t=>t(A.QUERY_STATE_STORE_KEY).getValueForQueryKey(o,e,r)),[o,e]),{setQueryValue:i}=(0,P.useDispatch)(A.QUERY_STATE_STORE_KEY);return[l,(0,t.useCallback)((t=>{i(o,e,t)}),[o,e,i])]});var C=r(4184),B=r.n(C);const R=window.wc.blocksComponents,L=e=>"boolean"==typeof e,T=e=>!(e=>null===e)(e)&&e instanceof Object&&e.constructor===Object;function F(e,t){return T(e)&&t in e}const M=e=>F(e,"count")&&F(e,"description")&&F(e,"id")&&F(e,"name")&&F(e,"parent")&&F(e,"slug")&&"number"==typeof e.count&&"string"==typeof e.description&&"number"==typeof e.id&&"string"==typeof e.name&&"number"==typeof e.parent&&"string"==typeof e.slug,Q=e=>F(e,"attribute")&&F(e,"operator")&&F(e,"slug")&&"string"==typeof e.attribute&&"string"==typeof e.operator&&Array.isArray(e.slug)&&e.slug.every((e=>"string"==typeof e)),G=e=>Array.isArray(e)&&e.every(Q),U=window.wp.url,$=(0,l.getSettingWithCoercion)("isRenderingPhpTemplate",!1,L);function q(e){$?((e=e.replace(/(?:query-(?:\d+-)?page=(\d+))|(?:page\/(\d+))/g,"")).endsWith("?")&&(e=e.slice(0,-1)),window.location.href=e):window.history.replaceState({},"",e)}r(7732);const Y=({children:t})=>(0,e.createElement)("div",{className:"wc-block-filter-title-placeholder"},t);r(4624);const D=(0,l.getSetting)("attributes",[]).reduce(((e,t)=>{const r=(o=t)&&o.attribute_name?{id:parseInt(o.attribute_id,10),name:o.attribute_name,taxonomy:"pa_"+o.attribute_name,label:o.attribute_label}:null;var o;return r&&r.id&&e.push(r),e}),[]),V=window.wc.priceFormat,W=function(e){let{icon:r,size:o=24,...n}=e;return(0,t.cloneElement)(r,{width:o,height:o,...n})},z=window.wp.primitives,I=(0,t.createElement)(z.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24"},(0,t.createElement)(z.Path,{d:"M12 13.06l3.712 3.713 1.061-1.06L13.061 12l3.712-3.712-1.06-1.06L12 10.938 8.288 7.227l-1.061 1.06L10.939 12l-3.712 3.712 1.06 1.061L12 13.061z"})),K=e=>"string"==typeof e,Z=JSON.parse('{"Y4":{"P":{"Z":"list"},"D":{"Z":3}}}'),J=(e,t)=>Number.isFinite(e)&&Number.isFinite(t)?(0,n.sprintf)(/* translators: %1$s min price, %2$s max price */ +(0,n.__)("Between %1$s and %2$s","woo-gutenberg-products-block"),(0,V.formatPrice)(e),(0,V.formatPrice)(t)):Number.isFinite(e)?(0,n.sprintf)(/* translators: %s min price */ +(0,n.__)("From %s","woo-gutenberg-products-block"),(0,V.formatPrice)(e)):(0,n.sprintf)(/* translators: %s max price */ +(0,n.__)("Up to %s","woo-gutenberg-products-block"),(0,V.formatPrice)(t)),H=({type:t,name:r,prefix:o="",removeCallback:l=(()=>null),showLabel:i=!0,displayStyle:a})=>{const s=o?(0,e.createElement)(e.Fragment,null,o," ",r):r,c=(0,n.sprintf)(/* translators: %s attribute value used in the filter. For example: yellow, green, small, large. */ +(0,n.__)("Remove %s filter","woo-gutenberg-products-block"),r);return(0,e.createElement)("li",{className:"wc-block-active-filters__list-item",key:t+":"+r},i&&(0,e.createElement)("span",{className:"wc-block-active-filters__list-item-type"},t+": "),"chips"===a?(0,e.createElement)(R.RemovableChip,{element:"span",text:s,onRemove:l,radius:"large",ariaLabel:c}):(0,e.createElement)("span",{className:"wc-block-active-filters__list-item-name"},(0,e.createElement)("button",{className:"wc-block-active-filters__list-item-remove",onClick:l},(0,e.createElement)(W,{className:"wc-block-components-chip__remove-icon",icon:I,size:16}),(0,e.createElement)(R.Label,{screenReaderLabel:c})),s))},X=(...e)=>{if(!window)return;const t=window.location.href,r=(0,U.getQueryArgs)(t),o=(0,U.removeQueryArgs)(t,...Object.keys(r));e.forEach((e=>{if("string"==typeof e)return delete r[e];if("object"==typeof e){const t=Object.keys(e)[0],o=r[t].toString().split(",");r[t]=o.filter((r=>r!==e[t])).join(",")}}));const n=Object.fromEntries(Object.entries(r).filter((([,e])=>e)));q((0,U.addQueryArgs)(o,n))},ee=["min_price","max_price","rating_filter","filter_","query_type_"],te=e=>{let t=!1;for(let r=0;ee.length>r;r++){const o=ee[r];if(o===e.substring(0,o.length)){t=!0;break}}return t};function re(e){const r=(0,t.useRef)(e);return j()(e,r.current)||(r.current=e),r.current}const oe=window.wp.htmlEntities;var ne=function(e){return function(t,r,o){return e(t,r,o)*o}},le=function(e,t){if(e)throw Error("Invalid sort config: "+t)},ie=function(e){var t=e||{},r=t.asc,o=t.desc,n=r?1:-1,l=r||o;return le(!l,"Expected `asc` or `desc` property"),le(r&&o,"Ambiguous object with `asc` and `desc` config properties"),{order:n,sortBy:l,comparer:e.comparer&&ne(e.comparer)}};function ae(e,t,r){if(void 0===e||!0===e)return function(e,o){return t(e,o,r)};if("string"==typeof e)return le(e.includes("."),"String syntax not allowed for nested properties."),function(o,n){return t(o[e],n[e],r)};if("function"==typeof e)return function(o,n){return t(e(o),e(n),r)};if(Array.isArray(e)){var o=function(e){return function t(r,o,n,l,i,a,s){var c,u;if("string"==typeof r)c=a[r],u=s[r];else{if("function"!=typeof r){var p=ie(r);return t(p.sortBy,o,n,p.order,p.comparer||e,a,s)}c=r(a),u=r(s)}var m=i(c,u,l);return(0===m||null==c&&null==u)&&o.length>n?t(o[n],o,n+1,l,i,a,s):m}}(t);return function(n,l){return o(e[0],e,1,r,t,n,l)}}var n=ie(e);return ae(n.sortBy,n.comparer||t,n.order)}var se=function(e,t,r,o){return Array.isArray(t)?(Array.isArray(r)&&r.length<2&&(r=r[0]),t.sort(ae(r,o,e))):t};function ce(e){var t=ne(e.comparer);return function(r){var o=Array.isArray(r)&&!e.inPlaceSorting?r.slice():r;return{asc:function(e){return se(1,o,e,t)},desc:function(e){return se(-1,o,e,t)},by:function(e){return se(1,o,e,t)}}}}var ue=function(e,t,r){return null==e?r:null==t?-r:typeof e!=typeof t?typeof et?1:0},pe=ce({comparer:ue});ce({comparer:ue,inPlaceSorting:!0});const me=({attributeObject:r,slugs:o=[],operator:i="in",displayStyle:a,isLoadingCallback:s})=>{const{results:c,isLoading:u}=(e=>{const{namespace:r,resourceName:o,resourceValues:n=[],query:l={},shouldSelect:i=!0}=e;if(!r||!o)throw new Error("The options object must have valid values for the namespace and the resource properties.");const a=(0,t.useRef)({results:[],isLoading:!0}),s=re(l),c=re(n),u=(()=>{const[,e]=(0,t.useState)();return(0,t.useCallback)((t=>{e((()=>{throw t}))}),[])})(),p=(0,P.useSelect)((e=>{if(!i)return null;const t=e(A.COLLECTIONS_STORE_KEY),n=[r,o,s,c],l=t.getCollectionError(...n);if(l){if(!(l instanceof Error))throw new Error("TypeError: `error` object is not an instance of Error constructor");u(l)}return{results:t.getCollection(...n),isLoading:!t.hasFinishedResolution("getCollection",n)}}),[r,o,c,s,i]);return null!==p&&(a.current=p),a.current})({namespace:"/wc/store/v1",resourceName:"products/attributes/terms",resourceValues:[r.id]}),[p,m]=x("attributes",[]);if((0,t.useEffect)((()=>{s(u)}),[u,s]),!(Array.isArray(c)&&(d=c,Array.isArray(d)&&d.every(M))&&G(p)))return null;var d;const g=r.label,f=(0,l.getSettingWithCoercion)("isRenderingPhpTemplate",!1,L);return(0,e.createElement)("li",null,(0,e.createElement)("span",{className:"wc-block-active-filters__list-item-type"},g,":"),(0,e.createElement)("ul",null,o.map(((t,o)=>{const l=c.find((e=>e.slug===t));if(!l)return null;let s="";return o>0&&"and"===i&&(s=(0,e.createElement)("span",{className:"wc-block-active-filters__list-item-operator"},(0,n.__)("All","woo-gutenberg-products-block"))),H({type:g,name:(0,oe.decodeEntities)(l.name||t),prefix:s,isLoading:u,removeCallback:()=>{const e=p.find((({attribute:e})=>e===`pa_${r.name}`));1===(null==e?void 0:e.slug.length)?X(`query_type_${r.name}`,`filter_${r.name}`):X({[`filter_${r.name}`]:t}),f||((e=[],t,r,o="")=>{const n=e.filter((e=>e.attribute===r.taxonomy)),l=n.length?n[0]:null;if(!(l&&l.slug&&Array.isArray(l.slug)&&l.slug.includes(o)))return;const i=l.slug.filter((e=>e!==o)),a=e.filter((e=>e.attribute!==r.taxonomy));i.length>0&&(l.slug=i.sort(),a.push(l)),t(pe(a).asc("attribute"))})(p,m,r,t)},showLabel:!1,displayStyle:a})}))))},de=({displayStyle:t,isLoading:r})=>r?(0,e.createElement)(e.Fragment,null,[...Array("list"===t?2:3)].map(((r,o)=>(0,e.createElement)("li",{className:"list"===t?"show-loading-state-list":"show-loading-state-chips",key:o},(0,e.createElement)("span",{className:"show-loading-state__inner"}))))):null,ge=(0,t.createContext)({});(e=>{const t=document.body.querySelectorAll(k.join(",")),{Block:r,getProps:o,getErrorBoundaryProps:n,selector:l}=e;(({Block:e,getProps:t,getErrorBoundaryProps:r,selector:o,wrappers:n})=>{const l=document.body.querySelectorAll(o);n&&n.length>0&&Array.prototype.filter.call(l,(e=>!((e,t)=>Array.prototype.some.call(t,(t=>t.contains(e)&&!t.isSameNode(e))))(e,n))),S({Block:e,containers:l,getProps:t,getErrorBoundaryProps:r})})({Block:r,getProps:o,getErrorBoundaryProps:n,selector:l,wrappers:t}),Array.prototype.forEach.call(t,(t=>{t.addEventListener("wc-blocks_render_blocks_frontend",(()=>{(({Block:e,getProps:t,getErrorBoundaryProps:r,selector:o,wrapper:n})=>{const l=n.querySelectorAll(o);S({Block:e,containers:l,getProps:t,getErrorBoundaryProps:r})})({...e,wrapper:t})}))}))})({selector:".wp-block-woocommerce-active-filters",Block:({attributes:r,isEditor:o=!1})=>{const i=(()=>{const{wrapper:e}=(0,t.useContext)(ge);return t=>{e&&e.current&&(e.current.hidden=!t)}})(),a=function(){const e=(0,t.useRef)(!1);return(0,t.useEffect)((()=>(e.current=!0,()=>{e.current=!1})),[]),(0,t.useCallback)((()=>e.current),[])}()(),s=(0,l.getSettingWithCoercion)("isRenderingPhpTemplate",!1,L),[c,u]=(0,t.useState)(!0),p=(()=>{if(!window)return!1;const e=window.location.href,t=(0,U.getQueryArgs)(e),r=Object.keys(t);let o=!1;for(let e=0;r.length>e;e++){const t=r[e];if(te(t)){o=!0;break}}return o})()&&!o&&c,[m,d]=x("attributes",[]),[g,f]=x("stock_status",[]),[y,b]=x("min_price"),[w,_]=x("max_price"),[E,v]=x("rating"),h=(0,l.getSetting)("stockStatusOptions",[]),k=(0,l.getSetting)("attributes",[]),S=(0,t.useMemo)((()=>{if(p||0===g.length||(t=g,!Array.isArray(t)||!t.every((e=>["instock","outofstock","onbackorder"].includes(e))))||!(e=>T(e)&&Object.keys(e).every((e=>["instock","outofstock","onbackorder"].includes(e))))(h))return null;var t;const o=(0,n.__)("Stock Status","woo-gutenberg-products-block");return(0,e.createElement)("li",null,(0,e.createElement)("span",{className:"wc-block-active-filters__list-item-type"},o,":"),(0,e.createElement)("ul",null,g.map((e=>H({type:o,name:h[e],removeCallback:()=>{if(X({filter_stock_status:e}),!s){const t=g.filter((t=>t!==e));f(t)}},showLabel:!1,displayStyle:r.displayStyle})))))}),[p,h,g,f,r.displayStyle,s]),A=(0,t.useMemo)((()=>p||!Number.isFinite(y)&&!Number.isFinite(w)?null:H({type:(0,n.__)("Price","woo-gutenberg-products-block"),name:J(y,w),removeCallback:()=>{X("max_price","min_price"),s||(b(void 0),_(void 0))},displayStyle:r.displayStyle})),[p,y,w,r.displayStyle,b,_,s]),P=(0,t.useMemo)((()=>!G(m)&&a||!m.length&&!(e=>{if(!window)return!1;const t=e.map((e=>`filter_${e.attribute_name}`)),r=window.location.href,o=(0,U.getQueryArgs)(r),n=Object.keys(o);let l=!1;for(let e=0;n.length>e;e++){const r=n[e];if(t.includes(r)){l=!0;break}}return l})(k)?(c&&u(!1),null):m.map((t=>{const o=(e=>{if(e)return D.find((t=>t.taxonomy===e))})(t.attribute);return o?(0,e.createElement)(me,{attributeObject:o,displayStyle:r.displayStyle,slugs:t.slug,key:t.attribute,operator:t.operator,isLoadingCallback:u}):(c&&u(!1),null)}))),[m,a,k,c,r.displayStyle]);(0,t.useEffect)((()=>{var e;if(!s)return;if(E.length&&E.length>0)return;const t=null===("rating_filter",e=window?(0,U.getQueryArg)(window.location.href,"rating_filter"):null)||void 0===e?void 0:e.toString();t&&v(t.split(","))}),[s,E,v]);const O=(0,t.useMemo)((()=>{if(p||0===E.length||(t=E,!Array.isArray(t)||!t.every((e=>["1","2","3","4","5"].includes(e)))))return null;var t;const o=(0,n.__)("Rating","woo-gutenberg-products-block");return(0,e.createElement)("li",null,(0,e.createElement)("span",{className:"wc-block-active-filters__list-item-type"},o,":"),(0,e.createElement)("ul",null,E.map((e=>H({type:o,name:(0,n.sprintf)(/* translators: %s is referring to the average rating value */ +(0,n.__)("Rated %s out of 5","woo-gutenberg-products-block"),e),removeCallback:()=>{if(X({rating_filter:e}),!s){const t=E.filter((t=>t!==e));v(t)}},showLabel:!1,displayStyle:r.displayStyle})))))}),[p,E,v,r.displayStyle,s]);if(!p&&!(m.length>0||g.length>0||E.length>0||Number.isFinite(y)||Number.isFinite(w))&&!o)return i(!1),null;const j=`h${r.headingLevel}`,N=(0,e.createElement)(j,{className:"wc-block-active-filters__title"},r.heading),C=p?(0,e.createElement)(Y,null,N):N;if(!(0,l.getSettingWithCoercion)("hasFilterableProducts",!1,L))return i(!1),null;i(!0);const F=B()("wc-block-active-filters__list",{"wc-block-active-filters__list--chips":"chips"===r.displayStyle,"wc-block-active-filters--loading":p});return(0,e.createElement)(e.Fragment,null,!o&&r.heading&&C,(0,e.createElement)("div",{className:"wc-block-active-filters"},(0,e.createElement)("ul",{className:F},o?(0,e.createElement)(e.Fragment,null,H({type:(0,n.__)("Size","woo-gutenberg-products-block"),name:(0,n.__)("Small","woo-gutenberg-products-block"),displayStyle:r.displayStyle}),H({type:(0,n.__)("Color","woo-gutenberg-products-block"),name:(0,n.__)("Blue","woo-gutenberg-products-block"),displayStyle:r.displayStyle})):(0,e.createElement)(e.Fragment,null,(0,e.createElement)(de,{isLoading:p,displayStyle:r.displayStyle}),A,S,P,O)),p?(0,e.createElement)("span",{className:"wc-block-active-filters__clear-all-placeholder"}):(0,e.createElement)("button",{className:"wc-block-active-filters__clear-all",onClick:()=>{(()=>{if(!window)return;const e=window.location.href,t=(0,U.getQueryArgs)(e),r=(0,U.removeQueryArgs)(e,...Object.keys(t)),o=Object.fromEntries(Object.keys(t).filter((e=>!te(e))).map((e=>[e,t[e]])));q((0,U.addQueryArgs)(r,o))})(),s||(b(void 0),_(void 0),d([]),f([]),v([]))}},(0,e.createElement)(R.Label,{label:(0,n.__)("Clear All","woo-gutenberg-products-block"),screenReaderLabel:(0,n.__)("Clear All Filters","woo-gutenberg-products-block")}))))},getProps:e=>{return{attributes:(t=e.dataset,{heading:K(null==t?void 0:t.heading)?t.heading:"",headingLevel:K(null==t?void 0:t.headingLevel)&&parseInt(t.headingLevel,10)||Z.Y4.D.Z,displayStyle:K(null==t?void 0:t.displayStyle)&&t.displayStyle||Z.Y4.P.Z}),isEditor:!1};var t}})})()})(); \ No newline at end of file diff --git a/build/active-filters-rtl.css b/build/active-filters-rtl.css new file mode 100644 index 00000000000..61cb5859ce5 --- /dev/null +++ b/build/active-filters-rtl.css @@ -0,0 +1,3 @@ +@keyframes spinner__animation{0%{animation-timing-function:cubic-bezier(.5856,.0703,.4143,.9297);transform:rotate(0deg)}to{transform:rotate(-1turn)}}@keyframes loading__animation{to{transform:translateX(-100%)}}.wc-block-filter-title-placeholder{background-color:currentColor!important;border:0!important;border-radius:.25rem;border-radius:1.625em;box-shadow:none;color:currentColor!important;display:block;line-height:1;margin-bottom:12px;margin-top:12px;max-width:100%!important;max-width:-moz-max-content!important;max-width:max-content!important;min-width:80px;opacity:.15;outline:0!important;overflow:hidden!important;pointer-events:none;position:relative!important;width:100%;z-index:1}.wc-block-filter-title-placeholder>*{visibility:hidden}.wc-block-filter-title-placeholder:after{animation:loading__animation 1.5s ease-in-out infinite;background-image:linear-gradient(-90deg,currentColor,hsla(0,0%,96%,.302),currentColor);background-repeat:no-repeat;content:" ";display:block;height:100%;right:0;position:absolute;left:0;top:0;transform:translateX(100%)}@media screen and (prefers-reduced-motion:reduce){.wc-block-filter-title-placeholder{animation:none}}.wc-block-filter-title-placeholder .wc-block-active-filters__title,.wc-block-filter-title-placeholder .wc-block-attribute-filter__title,.wc-block-filter-title-placeholder .wc-block-price-filter__title,.wc-block-filter-title-placeholder .wc-block-rating-filter__title,.wc-block-filter-title-placeholder .wc-block-stock-filter__title{height:1em;margin:0} +@keyframes spinner__animation{0%{animation-timing-function:cubic-bezier(.5856,.0703,.4143,.9297);transform:rotate(0deg)}to{transform:rotate(-1turn)}}@keyframes loading__animation{to{transform:translateX(-100%)}}.wp-block-woocommerce-active-filters h1,.wp-block-woocommerce-active-filters h2,.wp-block-woocommerce-active-filters h3,.wp-block-woocommerce-active-filters h4,.wp-block-woocommerce-active-filters h5,.wp-block-woocommerce-active-filters h6{text-transform:inherit}.wp-block-woocommerce-active-filters .wc-block-filter-title-placeholder .wc-block-active-filters__title{height:1em}.wc-block-active-filters{margin-bottom:24px;overflow:hidden}.wc-block-active-filters .wc-block-active-filters__clear-all{background:transparent;border:none;border-radius:0;box-shadow:none;color:inherit;cursor:pointer;display:inline;float:left;font-family:inherit;font-size:inherit;font-size:.875em;font-style:inherit;font-weight:inherit;font-weight:400;letter-spacing:inherit;line-height:inherit;margin:15px 0 0;padding:0;text-decoration:inherit;text-decoration:underline;text-shadow:none;text-transform:inherit;vertical-align:baseline}.wc-block-active-filters .wc-block-active-filters__clear-all:active,.wc-block-active-filters .wc-block-active-filters__clear-all:focus,.wc-block-active-filters .wc-block-active-filters__clear-all:hover{background:transparent}.wc-block-active-filters .wc-block-active-filters__clear-all:hover{color:inherit;cursor:pointer;text-decoration:none}.wc-block-active-filters .wc-block-active-filters__clear-all,.wc-block-active-filters .wc-block-active-filters__clear-all:active,.wc-block-active-filters .wc-block-active-filters__clear-all:focus,.wc-block-active-filters .wc-block-active-filters__clear-all:hover{background:transparent;color:inherit}.wc-block-active-filters .wc-block-active-filters__clear-all-placeholder{background-color:currentColor!important;border:0!important;border-radius:.25rem;border-radius:0;box-shadow:none;color:currentColor!important;display:block;display:inline-block;float:left;height:1em;line-height:1;max-width:100%!important;opacity:.15;outline:0!important;overflow:hidden!important;pointer-events:none;position:relative!important;width:100%;width:80px;z-index:1}.wc-block-active-filters .wc-block-active-filters__clear-all-placeholder>*{visibility:hidden}.wc-block-active-filters .wc-block-active-filters__clear-all-placeholder:after{animation:loading__animation 1.5s ease-in-out infinite;background-image:linear-gradient(-90deg,currentColor,hsla(0,0%,96%,.302),currentColor);background-repeat:no-repeat;content:" ";display:block;height:100%;right:0;position:absolute;left:0;top:0;transform:translateX(100%)}@media screen and (prefers-reduced-motion:reduce){.wc-block-active-filters .wc-block-active-filters__clear-all-placeholder{animation:none}}.wc-block-active-filters .wc-block-active-filters__list{clear:both;list-style:none outside;margin:0 0 4px;padding:0}.wc-block-active-filters .wc-block-active-filters__list.wc-block-active-filters--loading{display:flex;flex-direction:column;flex-wrap:nowrap;margin-top:12px}.wc-block-active-filters .wc-block-active-filters__list.wc-block-active-filters--loading.wc-block-active-filters__list--chips{align-items:flex-end;flex-direction:row;flex-wrap:wrap;gap:0 10px}.wc-block-active-filters .wc-block-active-filters__list li{list-style:none outside;margin:9px 0 0;padding:0}.wc-block-active-filters .wc-block-active-filters__list li ul{list-style:none outside;margin:0;padding:0}.wc-block-active-filters .wc-block-active-filters__list li:first-child .wc-block-active-filters__list-item-type,.wc-block-active-filters .wc-block-active-filters__list>li:first-child{margin:0}.wc-block-active-filters .wc-block-active-filters__list li.show-loading-state-list{display:inline-block}.wc-block-active-filters .wc-block-active-filters__list li.show-loading-state-list>span{background-color:currentColor!important;border:0!important;border-radius:.25rem;border-radius:0;box-shadow:none;color:currentColor!important;display:block;display:inline-block;height:1em;line-height:1;max-width:100%!important;opacity:.15;outline:0!important;overflow:hidden!important;pointer-events:none;position:relative!important;width:100%;z-index:1}.wc-block-active-filters .wc-block-active-filters__list li.show-loading-state-list>span>*{visibility:hidden}.wc-block-active-filters .wc-block-active-filters__list li.show-loading-state-list>span:after{animation:loading__animation 1.5s ease-in-out infinite;background-image:linear-gradient(-90deg,currentColor,hsla(0,0%,96%,.302),currentColor);background-repeat:no-repeat;content:" ";display:block;height:100%;right:0;position:absolute;left:0;top:0;transform:translateX(100%)}@media screen and (prefers-reduced-motion:reduce){.wc-block-active-filters .wc-block-active-filters__list li.show-loading-state-list>span{animation:none}}.wc-block-active-filters .wc-block-active-filters__list li.show-loading-state-chips{display:inline-block}.wc-block-active-filters .wc-block-active-filters__list li.show-loading-state-chips>span{background-color:currentColor!important;border:0!important;border-radius:.25rem;border-radius:13px;box-shadow:none;color:currentColor!important;display:block;display:inline-block;height:1em;line-height:1;margin-left:15px!important;max-width:100%!important;min-width:70px;opacity:.15;outline:0!important;overflow:hidden!important;pointer-events:none;position:relative!important;width:100%;z-index:1}.wc-block-active-filters .wc-block-active-filters__list li.show-loading-state-chips>span>*{visibility:hidden}.wc-block-active-filters .wc-block-active-filters__list li.show-loading-state-chips>span:after{animation:loading__animation 1.5s ease-in-out infinite;background-image:linear-gradient(-90deg,currentColor,hsla(0,0%,96%,.302),currentColor);background-repeat:no-repeat;content:" ";display:block;height:100%;right:0;position:absolute;left:0;top:0;transform:translateX(100%)}@media screen and (prefers-reduced-motion:reduce){.wc-block-active-filters .wc-block-active-filters__list li.show-loading-state-chips>span{animation:none}}.wc-block-active-filters .wc-block-active-filters__list li.show-loading-state-chips:last-of-type>span{margin-left:0!important}.wc-block-active-filters .wc-block-active-filters__list li.show-loading-state-chips:nth-child(3){flex-grow:1;max-width:200px}.wc-block-active-filters .wc-block-active-filters__list>.wc-block-active-filters__list-item .wc-block-active-filters__list-item-name{margin:9px 0 0}.wc-block-active-filters .wc-block-active-filters__list-item-type{display:block;font-size:.75em;font-weight:700;letter-spacing:.1em;margin:16px 0 0;text-transform:uppercase}.wc-block-active-filters .wc-block-active-filters__list-item-operator{font-style:italic;font-weight:400}.wc-block-active-filters .wc-block-active-filters__list-item-name{align-items:center;display:flex;font-size:.875em;padding:0;position:relative}.wc-block-active-filters .wc-block-active-filters__list-item-remove{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#e0e0e0;border:0;border-radius:25px;color:currentColor;font-size:.75em;height:16px;line-height:16px;margin:0 0 0 .5em;padding:0;width:16px}.wc-block-active-filters .wc-block-active-filters__list-item-remove:focus,.wc-block-active-filters .wc-block-active-filters__list-item-remove:hover{background:#949494}.wc-block-active-filters .wc-block-active-filters__list-item-remove:focus .wc-block-components-chip__remove-icon,.wc-block-active-filters .wc-block-active-filters__list-item-remove:hover .wc-block-components-chip__remove-icon{fill:#fff}.wc-block-active-filters .wc-block-active-filters__list-item-remove:disabled{color:#e0e0e0;cursor:not-allowed}.wc-block-active-filters .wc-block-active-filters__list--chips li,.wc-block-active-filters .wc-block-active-filters__list--chips ul{display:inline}.wc-block-active-filters .wc-block-active-filters__list--chips .wc-block-active-filters__list-item-type{display:none}.wc-block-active-filters .wc-block-active-filters__list--chips .wc-block-components-chip{margin-bottom:.1875em;margin-top:.1875em} +@keyframes spinner__animation{0%{animation-timing-function:cubic-bezier(.5856,.0703,.4143,.9297);transform:rotate(0deg)}to{transform:rotate(-1turn)}}@keyframes loading__animation{to{transform:translateX(-100%)}}.wc-block-components-error{align-items:center;color:#757575;display:flex;flex-direction:column;justify-content:center;margin:48px 0;padding:48px 0;text-align:center}.wc-block-components-error__header{color:#646970;font-size:2em;margin:0}.wc-block-components-error__image{margin:0 0 24px;width:25%}.wc-block-components-error__text{color:#8c8f94;font-size:1.25em;margin:1em 0 0;max-width:60ch}.wc-block-components-error__message{color:#8c8f94;font-style:italic;margin:1em auto 0;max-width:60ch}.wc-block-error__button{margin:48px 0 0} diff --git a/build/active-filters-style.asset.php b/build/active-filters-style.asset.php new file mode 100644 index 00000000000..4b2406321d5 --- /dev/null +++ b/build/active-filters-style.asset.php @@ -0,0 +1 @@ + array('react', 'wc-blocks-components', 'wc-blocks-data-store', 'wc-price-format', 'wc-settings', 'wp-block-editor', 'wp-blocks', 'wp-components', 'wp-compose', 'wp-data', 'wp-element', 'wp-html-entities', 'wp-i18n', 'wp-is-shallow-equal', 'wp-polyfill', 'wp-primitives', 'wp-url'), 'version' => 'da55caa973dde1823651'); diff --git a/build/active-filters-style.js.LICENSE.txt b/build/active-filters-style.js.LICENSE.txt new file mode 100644 index 00000000000..0c20a875df8 --- /dev/null +++ b/build/active-filters-style.js.LICENSE.txt @@ -0,0 +1,5 @@ +/*! + Copyright (c) 2018 Jed Watson. + Licensed under the MIT License (MIT), see + http://jedwatson.github.io/classnames +*/ diff --git a/build/active-filters-wrapper-frontend.js b/build/active-filters-wrapper-frontend.js new file mode 100644 index 00000000000..268a900433a --- /dev/null +++ b/build/active-filters-wrapper-frontend.js @@ -0,0 +1,6 @@ +(self.webpackChunkwebpackWcBlocksJsonp=self.webpackChunkwebpackWcBlocksJsonp||[]).push([[6863],{1984:(e,t,r)=>{"use strict";r.d(t,{Z:()=>o});var n=r(9307);const o=function(e){let{icon:t,size:r=24,...o}=e;return(0,n.cloneElement)(t,{width:r,height:r,...o})}},728:(e,t,r)=>{"use strict";r.d(t,{Z:()=>o});var n=r(9196);r(7732);const o=({children:e})=>(0,n.createElement)("div",{className:"wc-block-filter-title-placeholder"},e)},9741:(e,t,r)=>{"use strict";r.d(t,{K:()=>c});var n=r(4801),o=r(9818),l=r(9307),s=r(9075),i=r(5225),a=r(6088);const c=e=>{const{namespace:t,resourceName:r,resourceValues:c=[],query:u={},shouldSelect:d=!0}=e;if(!t||!r)throw new Error("The options object must have valid values for the namespace and the resource properties.");const p=(0,l.useRef)({results:[],isLoading:!0}),f=(0,s.s)(u),y=(0,s.s)(c),g=(0,i._)(),m=(0,o.useSelect)((e=>{if(!d)return null;const o=e(n.COLLECTIONS_STORE_KEY),l=[t,r,f,y],s=o.getCollectionError(...l);if(s){if(!(0,a.V)(s))throw new Error("TypeError: `error` object is not an instance of Error constructor");g(s)}return{results:o.getCollection(...l),isLoading:!o.hasFinishedResolution("getCollection",l)}}),[t,r,y,f,d]);return null!==m&&(p.current=m),p.current}},9517:(e,t,r)=>{"use strict";r.d(t,{$p:()=>i,kX:()=>a});var n=r(4801),o=r(9818),l=r(9307),s=(r(9127),r(9579));const i=e=>{const t=(0,s.s)();e=e||t;const r=(0,o.useSelect)((t=>t(n.QUERY_STATE_STORE_KEY).getValueForQueryContext(e,void 0)),[e]),{setValueForQueryContext:i}=(0,o.useDispatch)(n.QUERY_STATE_STORE_KEY);return[r,(0,l.useCallback)((t=>{i(e,t)}),[e,i])]},a=(e,t,r)=>{const i=(0,s.s)();r=r||i;const a=(0,o.useSelect)((o=>o(n.QUERY_STATE_STORE_KEY).getValueForQueryKey(r,e,t)),[r,e]),{setQueryValue:c}=(0,o.useDispatch)(n.QUERY_STATE_STORE_KEY);return[a,(0,l.useCallback)((t=>{c(r,e,t)}),[r,e,c])]}},9579:(e,t,r)=>{"use strict";r.d(t,{s:()=>l});var n=r(9307);const o=(0,n.createContext)("page"),l=()=>(0,n.useContext)(o);o.Provider},9075:(e,t,r)=>{"use strict";r.d(t,{s:()=>s});var n=r(9307),o=r(9127),l=r.n(o);function s(e){const t=(0,n.useRef)(e);return l()(e,t.current)||(t.current=e),t.current}},3611:(e,t,r)=>{"use strict";r.d(t,{F:()=>c});var n=r(4184),o=r.n(n),l=r(7884),s=r(2646),i=r(1473),a=r(2661);const c=e=>{const t=(e=>{const t=(0,l.Kn)(e)?e:{style:{}};let r=t.style;return(0,s.H)(r)&&(r=JSON.parse(r)||{}),(0,l.Kn)(r)||(r={}),{...t,style:r}})(e),r=(0,a.vc)(t),n=(0,a.l8)(t),c=(0,a.su)(t),u=(0,i.f)(t);return{className:o()(u.className,r.className,n.className,c.className),style:{...u.style,...r.style,...n.style,...c.style}}}},5225:(e,t,r)=>{"use strict";r.d(t,{_:()=>o});var n=r(9307);const o=()=>{const[,e]=(0,n.useState)();return(0,n.useCallback)((t=>{e((()=>{throw t}))}),[])}},1473:(e,t,r)=>{"use strict";r.d(t,{f:()=>l});var n=r(7884),o=r(2646);const l=e=>{const t=(0,n.Kn)(e.style.typography)?e.style.typography:{},r=(0,o.H)(t.fontFamily)?t.fontFamily:"";return{className:e.fontFamily?`has-${e.fontFamily}-font-family`:r,style:{fontSize:e.fontSize?`var(--wp--preset--font-size--${e.fontSize})`:t.fontSize,fontStyle:t.fontStyle,fontWeight:t.fontWeight,letterSpacing:t.letterSpacing,lineHeight:t.lineHeight,textDecoration:t.textDecoration,textTransform:t.textTransform}}}},2661:(e,t,r)=>{"use strict";r.d(t,{l8:()=>d,su:()=>p,vc:()=>u});var n=r(4184),o=r.n(n),l=r(9784),s=r(2289),i=r(7884);function a(e={}){const t={};return(0,s.getCSSRules)(e,{selector:""}).forEach((e=>{t[e.key]=e.value})),t}function c(e,t){return e&&t?`has-${(0,l.o)(t)}-${e}`:""}function u(e){var t,r,n,l,s,u,d;const{backgroundColor:p,textColor:f,gradient:y,style:g}=e,m=c("background-color",p),b=c("color",f),v=function(e){if(e)return`has-${e}-gradient-background`}(y),h=v||(null==g||null===(t=g.color)||void 0===t?void 0:t.gradient);return{className:o()(b,v,{[m]:!h&&!!m,"has-text-color":f||(null==g||null===(r=g.color)||void 0===r?void 0:r.text),"has-background":p||(null==g||null===(n=g.color)||void 0===n?void 0:n.background)||y||(null==g||null===(l=g.color)||void 0===l?void 0:l.gradient),"has-link-color":(0,i.Kn)(null==g||null===(s=g.elements)||void 0===s?void 0:s.link)?null==g||null===(u=g.elements)||void 0===u||null===(d=u.link)||void 0===d?void 0:d.color:void 0}),style:a({color:(null==g?void 0:g.color)||{}})}}function d(e){var t;const r=(null===(t=e.style)||void 0===t?void 0:t.border)||{};return{className:function(e){var t;const{borderColor:r,style:n}=e,l=r?c("border-color",r):"";return o()({"has-border-color":!!r||!(null==n||null===(t=n.border)||void 0===t||!t.color),[l]:!!l})}(e),style:a({border:r})}}function p(e){var t;return{className:void 0,style:a({spacing:(null===(t=e.style)||void 0===t?void 0:t.spacing)||{}})}}},3197:(e,t,r)=>{"use strict";r.r(t),r.d(t,{default:()=>P});var n=r(9196),o=r(4184),l=r.n(o),s=r(3611),i=r(2646),a=r(5736),c=r(9517),u=r(4617),d=r(9307),p=r(711),f=r(4945),y=r(7884),g=r(3772),m=r(7788),b=r(728);r(4624);var v=r(2296),h=r(4293),_=r(6483),k=r(1984),w=r(444);const E=(0,d.createElement)(w.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24"},(0,d.createElement)(w.Path,{d:"M12 13.06l3.712 3.713 1.061-1.06L13.061 12l3.712-3.712-1.06-1.06L12 10.938 8.288 7.227l-1.061 1.06L10.939 12l-3.712 3.712 1.06 1.061L12 13.061z"})),S=JSON.parse('{"Y4":{"P":{"Z":"list"},"D":{"Z":3}}}'),A=(e,t)=>Number.isFinite(e)&&Number.isFinite(t)?(0,a.sprintf)(/* translators: %1$s min price, %2$s max price */ +(0,a.__)("Between %1$s and %2$s","woo-gutenberg-products-block"),(0,h.formatPrice)(e),(0,h.formatPrice)(t)):Number.isFinite(e)?(0,a.sprintf)(/* translators: %s min price */ +(0,a.__)("From %s","woo-gutenberg-products-block"),(0,h.formatPrice)(e)):(0,a.sprintf)(/* translators: %s max price */ +(0,a.__)("Up to %s","woo-gutenberg-products-block"),(0,h.formatPrice)(t)),N=({type:e,name:t,prefix:r="",removeCallback:o=(()=>null),showLabel:l=!0,displayStyle:s})=>{const i=r?(0,n.createElement)(n.Fragment,null,r," ",t):t,c=(0,a.sprintf)(/* translators: %s attribute value used in the filter. For example: yellow, green, small, large. */ +(0,a.__)("Remove %s filter","woo-gutenberg-products-block"),t);return(0,n.createElement)("li",{className:"wc-block-active-filters__list-item",key:e+":"+t},l&&(0,n.createElement)("span",{className:"wc-block-active-filters__list-item-type"},e+": "),"chips"===s?(0,n.createElement)(p.RemovableChip,{element:"span",text:i,onRemove:o,radius:"large",ariaLabel:c}):(0,n.createElement)("span",{className:"wc-block-active-filters__list-item-name"},(0,n.createElement)("button",{className:"wc-block-active-filters__list-item-remove",onClick:o},(0,n.createElement)(k.Z,{className:"wc-block-components-chip__remove-icon",icon:E,size:16}),(0,n.createElement)(p.Label,{screenReaderLabel:c})),i))},C=(...e)=>{if(!window)return;const t=window.location.href,r=(0,_.getQueryArgs)(t),n=(0,_.removeQueryArgs)(t,...Object.keys(r));e.forEach((e=>{if("string"==typeof e)return delete r[e];if("object"==typeof e){const t=Object.keys(e)[0],n=r[t].toString().split(",");r[t]=n.filter((r=>r!==e[t])).join(",")}}));const o=Object.fromEntries(Object.entries(r).filter((([,e])=>e))),l=(0,_.addQueryArgs)(n,o);(0,m.X7)(l)},x=["min_price","max_price","rating_filter","filter_","query_type_"],j=e=>{let t=!1;for(let r=0;x.length>r;r++){const n=x[r];if(n===e.substring(0,n.length)){t=!0;break}}return t};var O=r(9741),L=r(2629),$=r(4145);const F=({attributeObject:e,slugs:t=[],operator:r="in",displayStyle:o,isLoadingCallback:l})=>{const{results:s,isLoading:i}=(0,O.K)({namespace:"/wc/store/v1",resourceName:"products/attributes/terms",resourceValues:[e.id]}),[p,y]=(0,c.kX)("attributes",[]);if((0,d.useEffect)((()=>{l(i)}),[i,l]),!Array.isArray(s)||!(0,g.Gt)(s)||!(0,g.ov)(p))return null;const m=e.label,b=(0,u.getSettingWithCoercion)("isRenderingPhpTemplate",!1,f.j);return(0,n.createElement)("li",null,(0,n.createElement)("span",{className:"wc-block-active-filters__list-item-type"},m,":"),(0,n.createElement)("ul",null,t.map(((t,l)=>{const c=s.find((e=>e.slug===t));if(!c)return null;let u="";return l>0&&"and"===r&&(u=(0,n.createElement)("span",{className:"wc-block-active-filters__list-item-operator"},(0,a.__)("All","woo-gutenberg-products-block"))),N({type:m,name:(0,L.decodeEntities)(c.name||t),prefix:u,isLoading:i,removeCallback:()=>{const r=p.find((({attribute:t})=>t===`pa_${e.name}`));1===(null==r?void 0:r.slug.length)?C(`query_type_${e.name}`,`filter_${e.name}`):C({[`filter_${e.name}`]:t}),b||(0,$.o)(p,y,e,t)},showLabel:!1,displayStyle:o})}))))},R=({displayStyle:e,isLoading:t})=>t?(0,n.createElement)(n.Fragment,null,[...Array("list"===e?2:3)].map(((t,r)=>(0,n.createElement)("li",{className:"list"===e?"show-loading-state-list":"show-loading-state-chips",key:r},(0,n.createElement)("span",{className:"show-loading-state__inner"}))))):null;var T=r(9764);const Q=({attributes:e,isEditor:t=!1})=>{const r=(0,T.Ah)(),o=function(){const e=(0,d.useRef)(!1);return(0,d.useEffect)((()=>(e.current=!0,()=>{e.current=!1})),[]),(0,d.useCallback)((()=>e.current),[])}()(),s=(0,u.getSettingWithCoercion)("isRenderingPhpTemplate",!1,f.j),[i,h]=(0,d.useState)(!0),k=(()=>{if(!window)return!1;const e=window.location.href,t=(0,_.getQueryArgs)(e),r=Object.keys(t);let n=!1;for(let e=0;r.length>e;e++){const t=r[e];if(j(t)){n=!0;break}}return n})()&&!t&&i,[w,E]=(0,c.kX)("attributes",[]),[S,x]=(0,c.kX)("stock_status",[]),[O,L]=(0,c.kX)("min_price"),[$,Q]=(0,c.kX)("max_price"),[P,Y]=(0,c.kX)("rating"),K=(0,u.getSetting)("stockStatusOptions",[]),z=(0,u.getSetting)("attributes",[]),Z=(0,d.useMemo)((()=>{if(k||0===S.length||(t=S,!Array.isArray(t)||!t.every((e=>["instock","outofstock","onbackorder"].includes(e))))||!(e=>(0,y.Kn)(e)&&Object.keys(e).every((e=>["instock","outofstock","onbackorder"].includes(e))))(K))return null;var t;const r=(0,a.__)("Stock Status","woo-gutenberg-products-block");return(0,n.createElement)("li",null,(0,n.createElement)("span",{className:"wc-block-active-filters__list-item-type"},r,":"),(0,n.createElement)("ul",null,S.map((t=>N({type:r,name:K[t],removeCallback:()=>{if(C({filter_stock_status:t}),!s){const e=S.filter((e=>e!==t));x(e)}},showLabel:!1,displayStyle:e.displayStyle})))))}),[k,K,S,x,e.displayStyle,s]),B=(0,d.useMemo)((()=>k||!Number.isFinite(O)&&!Number.isFinite($)?null:N({type:(0,a.__)("Price","woo-gutenberg-products-block"),name:A(O,$),removeCallback:()=>{C("max_price","min_price"),s||(L(void 0),Q(void 0))},displayStyle:e.displayStyle})),[k,O,$,e.displayStyle,L,Q,s]),H=(0,d.useMemo)((()=>!(0,g.ov)(w)&&o||!w.length&&!(e=>{if(!window)return!1;const t=e.map((e=>`filter_${e.attribute_name}`)),r=window.location.href,n=(0,_.getQueryArgs)(r),o=Object.keys(n);let l=!1;for(let e=0;o.length>e;e++){const r=o[e];if(t.includes(r)){l=!0;break}}return l})(z)?(i&&h(!1),null):w.map((t=>{const r=(0,v.I3)(t.attribute);return r?(0,n.createElement)(F,{attributeObject:r,displayStyle:e.displayStyle,slugs:t.slug,key:t.attribute,operator:t.operator,isLoadingCallback:h}):(i&&h(!1),null)}))),[w,o,z,i,e.displayStyle]);(0,d.useEffect)((()=>{var e;if(!s)return;if(P.length&&P.length>0)return;const t=null===(e=(0,m.re)("rating_filter"))||void 0===e?void 0:e.toString();t&&Y(t.split(","))}),[s,P,Y]);const X=(0,d.useMemo)((()=>{if(k||0===P.length||(t=P,!Array.isArray(t)||!t.every((e=>["1","2","3","4","5"].includes(e)))))return null;var t;const r=(0,a.__)("Rating","woo-gutenberg-products-block");return(0,n.createElement)("li",null,(0,n.createElement)("span",{className:"wc-block-active-filters__list-item-type"},r,":"),(0,n.createElement)("ul",null,P.map((t=>N({type:r,name:(0,a.sprintf)(/* translators: %s is referring to the average rating value */ +(0,a.__)("Rated %s out of 5","woo-gutenberg-products-block"),t),removeCallback:()=>{if(C({rating_filter:t}),!s){const e=P.filter((e=>e!==t));Y(e)}},showLabel:!1,displayStyle:e.displayStyle})))))}),[k,P,Y,e.displayStyle,s]);if(!k&&!(w.length>0||S.length>0||P.length>0||Number.isFinite(O)||Number.isFinite($))&&!t)return r(!1),null;const D=`h${e.headingLevel}`,V=(0,n.createElement)(D,{className:"wc-block-active-filters__title"},e.heading),W=k?(0,n.createElement)(b.Z,null,V):V;if(!(0,u.getSettingWithCoercion)("hasFilterableProducts",!1,f.j))return r(!1),null;r(!0);const U=l()("wc-block-active-filters__list",{"wc-block-active-filters__list--chips":"chips"===e.displayStyle,"wc-block-active-filters--loading":k});return(0,n.createElement)(n.Fragment,null,!t&&e.heading&&W,(0,n.createElement)("div",{className:"wc-block-active-filters"},(0,n.createElement)("ul",{className:U},t?(0,n.createElement)(n.Fragment,null,N({type:(0,a.__)("Size","woo-gutenberg-products-block"),name:(0,a.__)("Small","woo-gutenberg-products-block"),displayStyle:e.displayStyle}),N({type:(0,a.__)("Color","woo-gutenberg-products-block"),name:(0,a.__)("Blue","woo-gutenberg-products-block"),displayStyle:e.displayStyle})):(0,n.createElement)(n.Fragment,null,(0,n.createElement)(R,{isLoading:k,displayStyle:e.displayStyle}),B,Z,H,X)),k?(0,n.createElement)("span",{className:"wc-block-active-filters__clear-all-placeholder"}):(0,n.createElement)("button",{className:"wc-block-active-filters__clear-all",onClick:()=>{(()=>{if(!window)return;const e=window.location.href,t=(0,_.getQueryArgs)(e),r=(0,_.removeQueryArgs)(e,...Object.keys(t)),n=Object.fromEntries(Object.keys(t).filter((e=>!j(e))).map((e=>[e,t[e]]))),o=(0,_.addQueryArgs)(r,n);(0,m.X7)(o)})(),s||(L(void 0),Q(void 0),E([]),x([]),Y([]))}},(0,n.createElement)(p.Label,{label:(0,a.__)("Clear All","woo-gutenberg-products-block"),screenReaderLabel:(0,a.__)("Clear All Filters","woo-gutenberg-products-block")}))))},P=e=>{const t=(0,s.F)(e),r=(o=e,{heading:(0,i.H)(null==o?void 0:o.heading)?o.heading:"",headingLevel:(0,i.H)(null==o?void 0:o.headingLevel)&&parseInt(o.headingLevel,10)||S.Y4.D.Z,displayStyle:(0,i.H)(null==o?void 0:o.displayStyle)&&o.displayStyle||S.Y4.P.Z});var o;return(0,n.createElement)("div",{className:l()((0,i.H)(e.className)?e.className:"",t.className),style:t.style},(0,n.createElement)(Q,{isEditor:!1,attributes:r}))}},3772:(e,t,r)=>{"use strict";r.d(t,{Gt:()=>l,ov:()=>i});var n=r(7884);const o=e=>(0,n.$n)(e,"count")&&(0,n.$n)(e,"description")&&(0,n.$n)(e,"id")&&(0,n.$n)(e,"name")&&(0,n.$n)(e,"parent")&&(0,n.$n)(e,"slug")&&"number"==typeof e.count&&"string"==typeof e.description&&"number"==typeof e.id&&"string"==typeof e.name&&"number"==typeof e.parent&&"string"==typeof e.slug,l=e=>Array.isArray(e)&&e.every(o),s=e=>(0,n.$n)(e,"attribute")&&(0,n.$n)(e,"operator")&&(0,n.$n)(e,"slug")&&"string"==typeof e.attribute&&"string"==typeof e.operator&&Array.isArray(e.slug)&&e.slug.every((e=>"string"==typeof e)),i=e=>Array.isArray(e)&&e.every(s)},4945:(e,t,r)=>{"use strict";r.d(t,{j:()=>n});const n=e=>"boolean"==typeof e},6088:(e,t,r)=>{"use strict";r.d(t,{V:()=>n});const n=e=>e instanceof Error},8519:(e,t,r)=>{"use strict";r.d(t,{F:()=>n});const n=e=>null===e},7884:(e,t,r)=>{"use strict";r.d(t,{$n:()=>l,Kn:()=>o});var n=r(8519);const o=e=>!(0,n.F)(e)&&e instanceof Object&&e.constructor===Object;function l(e,t){return o(e)&&t in e}},2646:(e,t,r)=>{"use strict";r.d(t,{H:()=>n});const n=e=>"string"==typeof e},4145:(e,t,r)=>{"use strict";r.d(t,{e:()=>l,o:()=>o});var n=r(172);const o=(e=[],t,r,o="")=>{const l=e.filter((e=>e.attribute===r.taxonomy)),s=l.length?l[0]:null;if(!(s&&s.slug&&Array.isArray(s.slug)&&s.slug.includes(o)))return;const i=s.slug.filter((e=>e!==o)),a=e.filter((e=>e.attribute!==r.taxonomy));i.length>0&&(s.slug=i.sort(),a.push(s)),t((0,n.DY)(a).asc("attribute"))},l=(e=[],t,r,o=[],l="in")=>{if(!r||!r.taxonomy)return[];const s=e.filter((e=>e.attribute!==r.taxonomy));return 0===o.length?t(s):(s.push({attribute:r.taxonomy,operator:l,slug:o.map((({slug:e})=>e)).sort()}),t((0,n.DY)(s).asc("attribute"))),s}},2296:(e,t,r)=>{"use strict";r.d(t,{I3:()=>s,it:()=>l});var n=r(4617);r(9818);const o=(0,n.getSetting)("attributes",[]).reduce(((e,t)=>{const r=(n=t)&&n.attribute_name?{id:parseInt(n.attribute_id,10),name:n.attribute_name,taxonomy:"pa_"+n.attribute_name,label:n.attribute_label}:null;var n;return r&&r.id&&e.push(r),e}),[]),l=e=>{if(e)return o.find((t=>t.id===e))},s=e=>{if(e)return o.find((t=>t.taxonomy===e))}},7788:(e,t,r)=>{"use strict";r.d(t,{H9:()=>d,X7:()=>u,re:()=>c,w8:()=>a,zv:()=>i});var n=r(6483),o=r(4617),l=r(4945);const s=(0,o.getSettingWithCoercion)("isRenderingPhpTemplate",!1,l.j),i="query_type_",a="filter_";function c(e){return window?(0,n.getQueryArg)(window.location.href,e):null}function u(e){s?((e=e.replace(/(?:query-(?:\d+-)?page=(\d+))|(?:page\/(\d+))/g,"")).endsWith("?")&&(e=e.slice(0,-1)),window.location.href=e):window.history.replaceState({},"",e)}const d=e=>{const t=(0,n.getQueryArgs)(e);return(0,n.addQueryArgs)(e,t)}},4184:(e,t)=>{var r;!function(){"use strict";var n={}.hasOwnProperty;function o(){for(var e=[],t=0;t{"use strict";r.d(t,{$:()=>l});var n=r(7582),o=r(307);function l(e,t){return void 0===t&&(t={}),(0,o.B)(e,(0,n.pi)({delimiter:"."},t))}},7732:()=>{},4624:()=>{},9562:(e,t,r)=>{"use strict";function n(e){return e.toLowerCase()}r.d(t,{U:()=>n})},307:(e,t,r)=>{"use strict";r.d(t,{B:()=>s});var n=r(9562),o=[/([a-z0-9])([A-Z])/g,/([A-Z])([A-Z][a-z])/g],l=/[^A-Z0-9]+/gi;function s(e,t){void 0===t&&(t={});for(var r=t.splitRegexp,s=void 0===r?o:r,a=t.stripRegexp,c=void 0===a?l:a,u=t.transform,d=void 0===u?n.U:u,p=t.delimiter,f=void 0===p?" ":p,y=i(i(e,s,"$1\0$2"),c,"\0"),g=0,m=y.length;"\0"===y.charAt(g);)g++;for(;"\0"===y.charAt(m-1);)m--;return y.slice(g,m).split("\0").map(d).join(f)}function i(e,t,r){return t instanceof RegExp?e.replace(t,r):t.reduce((function(e,t){return e.replace(t,r)}),e)}},9784:(e,t,r)=>{"use strict";r.d(t,{o:()=>l});var n=r(7582),o=r(1290);function l(e,t){return void 0===t&&(t={}),(0,o.$)(e,(0,n.pi)({delimiter:"-"},t))}},172:(e,t,r)=>{"use strict";r.d(t,{DY:()=>u});var n=function(e){return function(t,r,n){return e(t,r,n)*n}},o=function(e,t){if(e)throw Error("Invalid sort config: "+t)},l=function(e){var t=e||{},r=t.asc,l=t.desc,s=r?1:-1,i=r||l;return o(!i,"Expected `asc` or `desc` property"),o(r&&l,"Ambiguous object with `asc` and `desc` config properties"),{order:s,sortBy:i,comparer:e.comparer&&n(e.comparer)}};function s(e,t,r){if(void 0===e||!0===e)return function(e,n){return t(e,n,r)};if("string"==typeof e)return o(e.includes("."),"String syntax not allowed for nested properties."),function(n,o){return t(n[e],o[e],r)};if("function"==typeof e)return function(n,o){return t(e(n),e(o),r)};if(Array.isArray(e)){var n=function(e){return function t(r,n,o,s,i,a,c){var u,d;if("string"==typeof r)u=a[r],d=c[r];else{if("function"!=typeof r){var p=l(r);return t(p.sortBy,n,o,p.order,p.comparer||e,a,c)}u=r(a),d=r(c)}var f=i(u,d,s);return(0===f||null==u&&null==d)&&n.length>o?t(n[o],n,o+1,s,i,a,c):f}}(t);return function(o,l){return n(e[0],e,1,r,t,o,l)}}var i=l(e);return s(i.sortBy,i.comparer||t,i.order)}var i=function(e,t,r,n){return Array.isArray(t)?(Array.isArray(r)&&r.length<2&&(r=r[0]),t.sort(s(r,n,e))):t};function a(e){var t=n(e.comparer);return function(r){var n=Array.isArray(r)&&!e.inPlaceSorting?r.slice():r;return{asc:function(e){return i(1,n,e,t)},desc:function(e){return i(-1,n,e,t)},by:function(e){return i(1,n,e,t)}}}}var c=function(e,t,r){return null==e?r:null==t?-r:typeof e!=typeof t?typeof et?1:0},u=a({comparer:c});a({comparer:c,inPlaceSorting:!0})},7582:(e,t,r)=>{"use strict";r.d(t,{pi:()=>n});var n=function(){return n=Object.assign||function(e){for(var t,r=1,n=arguments.length;r*{visibility:hidden}.wc-block-filter-title-placeholder:after{animation:loading__animation 1.5s ease-in-out infinite;background-image:linear-gradient(-90deg,currentColor,hsla(0,0%,96%,.302),currentColor);background-repeat:no-repeat;content:" ";display:block;height:100%;right:0;position:absolute;left:0;top:0;transform:translateX(100%)}@media screen and (prefers-reduced-motion:reduce){.wc-block-filter-title-placeholder{animation:none}}.wc-block-filter-title-placeholder .wc-block-active-filters__title,.wc-block-filter-title-placeholder .wc-block-attribute-filter__title,.wc-block-filter-title-placeholder .wc-block-price-filter__title,.wc-block-filter-title-placeholder .wc-block-rating-filter__title,.wc-block-filter-title-placeholder .wc-block-stock-filter__title{height:1em;margin:0} +@keyframes spinner__animation{0%{animation-timing-function:cubic-bezier(.5856,.0703,.4143,.9297);transform:rotate(0deg)}to{transform:rotate(-1turn)}}@keyframes loading__animation{to{transform:translateX(-100%)}}.wp-block-woocommerce-active-filters h1,.wp-block-woocommerce-active-filters h2,.wp-block-woocommerce-active-filters h3,.wp-block-woocommerce-active-filters h4,.wp-block-woocommerce-active-filters h5,.wp-block-woocommerce-active-filters h6{text-transform:inherit}.wp-block-woocommerce-active-filters .wc-block-filter-title-placeholder .wc-block-active-filters__title{height:1em}.wc-block-active-filters{margin-bottom:24px;overflow:hidden}.wc-block-active-filters .wc-block-active-filters__clear-all{background:transparent;border:none;border-radius:0;box-shadow:none;color:inherit;cursor:pointer;display:inline;float:left;font-family:inherit;font-size:inherit;font-size:.875em;font-style:inherit;font-weight:inherit;font-weight:400;letter-spacing:inherit;line-height:inherit;margin:15px 0 0;padding:0;text-decoration:inherit;text-decoration:underline;text-shadow:none;text-transform:inherit;vertical-align:baseline}.wc-block-active-filters .wc-block-active-filters__clear-all:active,.wc-block-active-filters .wc-block-active-filters__clear-all:focus,.wc-block-active-filters .wc-block-active-filters__clear-all:hover{background:transparent}.wc-block-active-filters .wc-block-active-filters__clear-all:hover{color:inherit;cursor:pointer;text-decoration:none}.wc-block-active-filters .wc-block-active-filters__clear-all,.wc-block-active-filters .wc-block-active-filters__clear-all:active,.wc-block-active-filters .wc-block-active-filters__clear-all:focus,.wc-block-active-filters .wc-block-active-filters__clear-all:hover{background:transparent;color:inherit}.wc-block-active-filters .wc-block-active-filters__clear-all-placeholder{background-color:currentColor!important;border:0!important;border-radius:.25rem;border-radius:0;box-shadow:none;color:currentColor!important;display:block;display:inline-block;float:left;height:1em;line-height:1;max-width:100%!important;opacity:.15;outline:0!important;overflow:hidden!important;pointer-events:none;position:relative!important;width:100%;width:80px;z-index:1}.wc-block-active-filters .wc-block-active-filters__clear-all-placeholder>*{visibility:hidden}.wc-block-active-filters .wc-block-active-filters__clear-all-placeholder:after{animation:loading__animation 1.5s ease-in-out infinite;background-image:linear-gradient(-90deg,currentColor,hsla(0,0%,96%,.302),currentColor);background-repeat:no-repeat;content:" ";display:block;height:100%;right:0;position:absolute;left:0;top:0;transform:translateX(100%)}@media screen and (prefers-reduced-motion:reduce){.wc-block-active-filters .wc-block-active-filters__clear-all-placeholder{animation:none}}.wc-block-active-filters .wc-block-active-filters__list{clear:both;list-style:none outside;margin:0 0 4px;padding:0}.wc-block-active-filters .wc-block-active-filters__list.wc-block-active-filters--loading{display:flex;flex-direction:column;flex-wrap:nowrap;margin-top:12px}.wc-block-active-filters .wc-block-active-filters__list.wc-block-active-filters--loading.wc-block-active-filters__list--chips{align-items:flex-end;flex-direction:row;flex-wrap:wrap;gap:0 10px}.wc-block-active-filters .wc-block-active-filters__list li{list-style:none outside;margin:9px 0 0;padding:0}.wc-block-active-filters .wc-block-active-filters__list li ul{list-style:none outside;margin:0;padding:0}.wc-block-active-filters .wc-block-active-filters__list li:first-child .wc-block-active-filters__list-item-type,.wc-block-active-filters .wc-block-active-filters__list>li:first-child{margin:0}.wc-block-active-filters .wc-block-active-filters__list li.show-loading-state-list{display:inline-block}.wc-block-active-filters .wc-block-active-filters__list li.show-loading-state-list>span{background-color:currentColor!important;border:0!important;border-radius:.25rem;border-radius:0;box-shadow:none;color:currentColor!important;display:block;display:inline-block;height:1em;line-height:1;max-width:100%!important;opacity:.15;outline:0!important;overflow:hidden!important;pointer-events:none;position:relative!important;width:100%;z-index:1}.wc-block-active-filters .wc-block-active-filters__list li.show-loading-state-list>span>*{visibility:hidden}.wc-block-active-filters .wc-block-active-filters__list li.show-loading-state-list>span:after{animation:loading__animation 1.5s ease-in-out infinite;background-image:linear-gradient(-90deg,currentColor,hsla(0,0%,96%,.302),currentColor);background-repeat:no-repeat;content:" ";display:block;height:100%;right:0;position:absolute;left:0;top:0;transform:translateX(100%)}@media screen and (prefers-reduced-motion:reduce){.wc-block-active-filters .wc-block-active-filters__list li.show-loading-state-list>span{animation:none}}.wc-block-active-filters .wc-block-active-filters__list li.show-loading-state-chips{display:inline-block}.wc-block-active-filters .wc-block-active-filters__list li.show-loading-state-chips>span{background-color:currentColor!important;border:0!important;border-radius:.25rem;border-radius:13px;box-shadow:none;color:currentColor!important;display:block;display:inline-block;height:1em;line-height:1;margin-left:15px!important;max-width:100%!important;min-width:70px;opacity:.15;outline:0!important;overflow:hidden!important;pointer-events:none;position:relative!important;width:100%;z-index:1}.wc-block-active-filters .wc-block-active-filters__list li.show-loading-state-chips>span>*{visibility:hidden}.wc-block-active-filters .wc-block-active-filters__list li.show-loading-state-chips>span:after{animation:loading__animation 1.5s ease-in-out infinite;background-image:linear-gradient(-90deg,currentColor,hsla(0,0%,96%,.302),currentColor);background-repeat:no-repeat;content:" ";display:block;height:100%;right:0;position:absolute;left:0;top:0;transform:translateX(100%)}@media screen and (prefers-reduced-motion:reduce){.wc-block-active-filters .wc-block-active-filters__list li.show-loading-state-chips>span{animation:none}}.wc-block-active-filters .wc-block-active-filters__list li.show-loading-state-chips:last-of-type>span{margin-left:0!important}.wc-block-active-filters .wc-block-active-filters__list li.show-loading-state-chips:nth-child(3){flex-grow:1;max-width:200px}.wc-block-active-filters .wc-block-active-filters__list>.wc-block-active-filters__list-item .wc-block-active-filters__list-item-name{margin:9px 0 0}.wc-block-active-filters .wc-block-active-filters__list-item-type{display:block;font-size:.75em;font-weight:700;letter-spacing:.1em;margin:16px 0 0;text-transform:uppercase}.wc-block-active-filters .wc-block-active-filters__list-item-operator{font-style:italic;font-weight:400}.wc-block-active-filters .wc-block-active-filters__list-item-name{align-items:center;display:flex;font-size:.875em;padding:0;position:relative}.wc-block-active-filters .wc-block-active-filters__list-item-remove{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#e0e0e0;border:0;border-radius:25px;color:currentColor;font-size:.75em;height:16px;line-height:16px;margin:0 0 0 .5em;padding:0;width:16px}.wc-block-active-filters .wc-block-active-filters__list-item-remove:focus,.wc-block-active-filters .wc-block-active-filters__list-item-remove:hover{background:#949494}.wc-block-active-filters .wc-block-active-filters__list-item-remove:focus .wc-block-components-chip__remove-icon,.wc-block-active-filters .wc-block-active-filters__list-item-remove:hover .wc-block-components-chip__remove-icon{fill:#fff}.wc-block-active-filters .wc-block-active-filters__list-item-remove:disabled{color:#e0e0e0;cursor:not-allowed}.wc-block-active-filters .wc-block-active-filters__list--chips li,.wc-block-active-filters .wc-block-active-filters__list--chips ul{display:inline}.wc-block-active-filters .wc-block-active-filters__list--chips .wc-block-active-filters__list-item-type{display:none}.wc-block-active-filters .wc-block-active-filters__list--chips .wc-block-components-chip{margin-bottom:.1875em;margin-top:.1875em} diff --git a/build/active-filters-wrapper.css b/build/active-filters-wrapper.css new file mode 100644 index 00000000000..e93e854dbdb --- /dev/null +++ b/build/active-filters-wrapper.css @@ -0,0 +1,2 @@ +@keyframes spinner__animation{0%{animation-timing-function:cubic-bezier(.5856,.0703,.4143,.9297);transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes loading__animation{to{transform:translateX(100%)}}.wc-block-filter-title-placeholder{background-color:currentColor!important;border:0!important;border-radius:.25rem;border-radius:1.625em;box-shadow:none;color:currentColor!important;display:block;line-height:1;margin-bottom:12px;margin-top:12px;max-width:100%!important;max-width:-moz-max-content!important;max-width:max-content!important;min-width:80px;opacity:.15;outline:0!important;overflow:hidden!important;pointer-events:none;position:relative!important;width:100%;z-index:1}.wc-block-filter-title-placeholder>*{visibility:hidden}.wc-block-filter-title-placeholder:after{animation:loading__animation 1.5s ease-in-out infinite;background-image:linear-gradient(90deg,currentColor,hsla(0,0%,96%,.302),currentColor);background-repeat:no-repeat;content:" ";display:block;height:100%;left:0;position:absolute;right:0;top:0;transform:translateX(-100%)}@media screen and (prefers-reduced-motion:reduce){.wc-block-filter-title-placeholder{animation:none}}.wc-block-filter-title-placeholder .wc-block-active-filters__title,.wc-block-filter-title-placeholder .wc-block-attribute-filter__title,.wc-block-filter-title-placeholder .wc-block-price-filter__title,.wc-block-filter-title-placeholder .wc-block-rating-filter__title,.wc-block-filter-title-placeholder .wc-block-stock-filter__title{height:1em;margin:0} +@keyframes spinner__animation{0%{animation-timing-function:cubic-bezier(.5856,.0703,.4143,.9297);transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes loading__animation{to{transform:translateX(100%)}}.wp-block-woocommerce-active-filters h1,.wp-block-woocommerce-active-filters h2,.wp-block-woocommerce-active-filters h3,.wp-block-woocommerce-active-filters h4,.wp-block-woocommerce-active-filters h5,.wp-block-woocommerce-active-filters h6{text-transform:inherit}.wp-block-woocommerce-active-filters .wc-block-filter-title-placeholder .wc-block-active-filters__title{height:1em}.wc-block-active-filters{margin-bottom:24px;overflow:hidden}.wc-block-active-filters .wc-block-active-filters__clear-all{background:transparent;border:none;border-radius:0;box-shadow:none;color:inherit;cursor:pointer;display:inline;float:right;font-family:inherit;font-size:inherit;font-size:.875em;font-style:inherit;font-weight:inherit;font-weight:400;letter-spacing:inherit;line-height:inherit;margin:15px 0 0;padding:0;text-decoration:inherit;text-decoration:underline;text-shadow:none;text-transform:inherit;vertical-align:baseline}.wc-block-active-filters .wc-block-active-filters__clear-all:active,.wc-block-active-filters .wc-block-active-filters__clear-all:focus,.wc-block-active-filters .wc-block-active-filters__clear-all:hover{background:transparent}.wc-block-active-filters .wc-block-active-filters__clear-all:hover{color:inherit;cursor:pointer;text-decoration:none}.wc-block-active-filters .wc-block-active-filters__clear-all,.wc-block-active-filters .wc-block-active-filters__clear-all:active,.wc-block-active-filters .wc-block-active-filters__clear-all:focus,.wc-block-active-filters .wc-block-active-filters__clear-all:hover{background:transparent;color:inherit}.wc-block-active-filters .wc-block-active-filters__clear-all-placeholder{background-color:currentColor!important;border:0!important;border-radius:.25rem;border-radius:0;box-shadow:none;color:currentColor!important;display:block;display:inline-block;float:right;height:1em;line-height:1;max-width:100%!important;opacity:.15;outline:0!important;overflow:hidden!important;pointer-events:none;position:relative!important;width:100%;width:80px;z-index:1}.wc-block-active-filters .wc-block-active-filters__clear-all-placeholder>*{visibility:hidden}.wc-block-active-filters .wc-block-active-filters__clear-all-placeholder:after{animation:loading__animation 1.5s ease-in-out infinite;background-image:linear-gradient(90deg,currentColor,hsla(0,0%,96%,.302),currentColor);background-repeat:no-repeat;content:" ";display:block;height:100%;left:0;position:absolute;right:0;top:0;transform:translateX(-100%)}@media screen and (prefers-reduced-motion:reduce){.wc-block-active-filters .wc-block-active-filters__clear-all-placeholder{animation:none}}.wc-block-active-filters .wc-block-active-filters__list{clear:both;list-style:none outside;margin:0 0 4px;padding:0}.wc-block-active-filters .wc-block-active-filters__list.wc-block-active-filters--loading{display:flex;flex-direction:column;flex-wrap:nowrap;margin-top:12px}.wc-block-active-filters .wc-block-active-filters__list.wc-block-active-filters--loading.wc-block-active-filters__list--chips{align-items:flex-end;flex-direction:row;flex-wrap:wrap;gap:0 10px}.wc-block-active-filters .wc-block-active-filters__list li{list-style:none outside;margin:9px 0 0;padding:0}.wc-block-active-filters .wc-block-active-filters__list li ul{list-style:none outside;margin:0;padding:0}.wc-block-active-filters .wc-block-active-filters__list li:first-child .wc-block-active-filters__list-item-type,.wc-block-active-filters .wc-block-active-filters__list>li:first-child{margin:0}.wc-block-active-filters .wc-block-active-filters__list li.show-loading-state-list{display:inline-block}.wc-block-active-filters .wc-block-active-filters__list li.show-loading-state-list>span{background-color:currentColor!important;border:0!important;border-radius:.25rem;border-radius:0;box-shadow:none;color:currentColor!important;display:block;display:inline-block;height:1em;line-height:1;max-width:100%!important;opacity:.15;outline:0!important;overflow:hidden!important;pointer-events:none;position:relative!important;width:100%;z-index:1}.wc-block-active-filters .wc-block-active-filters__list li.show-loading-state-list>span>*{visibility:hidden}.wc-block-active-filters .wc-block-active-filters__list li.show-loading-state-list>span:after{animation:loading__animation 1.5s ease-in-out infinite;background-image:linear-gradient(90deg,currentColor,hsla(0,0%,96%,.302),currentColor);background-repeat:no-repeat;content:" ";display:block;height:100%;left:0;position:absolute;right:0;top:0;transform:translateX(-100%)}@media screen and (prefers-reduced-motion:reduce){.wc-block-active-filters .wc-block-active-filters__list li.show-loading-state-list>span{animation:none}}.wc-block-active-filters .wc-block-active-filters__list li.show-loading-state-chips{display:inline-block}.wc-block-active-filters .wc-block-active-filters__list li.show-loading-state-chips>span{background-color:currentColor!important;border:0!important;border-radius:.25rem;border-radius:13px;box-shadow:none;color:currentColor!important;display:block;display:inline-block;height:1em;line-height:1;margin-right:15px!important;max-width:100%!important;min-width:70px;opacity:.15;outline:0!important;overflow:hidden!important;pointer-events:none;position:relative!important;width:100%;z-index:1}.wc-block-active-filters .wc-block-active-filters__list li.show-loading-state-chips>span>*{visibility:hidden}.wc-block-active-filters .wc-block-active-filters__list li.show-loading-state-chips>span:after{animation:loading__animation 1.5s ease-in-out infinite;background-image:linear-gradient(90deg,currentColor,hsla(0,0%,96%,.302),currentColor);background-repeat:no-repeat;content:" ";display:block;height:100%;left:0;position:absolute;right:0;top:0;transform:translateX(-100%)}@media screen and (prefers-reduced-motion:reduce){.wc-block-active-filters .wc-block-active-filters__list li.show-loading-state-chips>span{animation:none}}.wc-block-active-filters .wc-block-active-filters__list li.show-loading-state-chips:last-of-type>span{margin-right:0!important}.wc-block-active-filters .wc-block-active-filters__list li.show-loading-state-chips:nth-child(3){flex-grow:1;max-width:200px}.wc-block-active-filters .wc-block-active-filters__list>.wc-block-active-filters__list-item .wc-block-active-filters__list-item-name{margin:9px 0 0}.wc-block-active-filters .wc-block-active-filters__list-item-type{display:block;font-size:.75em;font-weight:700;letter-spacing:.1em;margin:16px 0 0;text-transform:uppercase}.wc-block-active-filters .wc-block-active-filters__list-item-operator{font-style:italic;font-weight:400}.wc-block-active-filters .wc-block-active-filters__list-item-name{align-items:center;display:flex;font-size:.875em;padding:0;position:relative}.wc-block-active-filters .wc-block-active-filters__list-item-remove{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#e0e0e0;border:0;border-radius:25px;color:currentColor;font-size:.75em;height:16px;line-height:16px;margin:0 .5em 0 0;padding:0;width:16px}.wc-block-active-filters .wc-block-active-filters__list-item-remove:focus,.wc-block-active-filters .wc-block-active-filters__list-item-remove:hover{background:#949494}.wc-block-active-filters .wc-block-active-filters__list-item-remove:focus .wc-block-components-chip__remove-icon,.wc-block-active-filters .wc-block-active-filters__list-item-remove:hover .wc-block-components-chip__remove-icon{fill:#fff}.wc-block-active-filters .wc-block-active-filters__list-item-remove:disabled{color:#e0e0e0;cursor:not-allowed}.wc-block-active-filters .wc-block-active-filters__list--chips li,.wc-block-active-filters .wc-block-active-filters__list--chips ul{display:inline}.wc-block-active-filters .wc-block-active-filters__list--chips .wc-block-active-filters__list-item-type{display:none}.wc-block-active-filters .wc-block-active-filters__list--chips .wc-block-components-chip{margin-bottom:.1875em;margin-top:.1875em} diff --git a/build/active-filters.asset.php b/build/active-filters.asset.php new file mode 100644 index 00000000000..e40f70a4750 --- /dev/null +++ b/build/active-filters.asset.php @@ -0,0 +1 @@ + array('react', 'wc-blocks-components', 'wc-blocks-data-store', 'wc-price-format', 'wc-settings', 'wp-block-editor', 'wp-blocks', 'wp-components', 'wp-compose', 'wp-data', 'wp-element', 'wp-html-entities', 'wp-i18n', 'wp-is-shallow-equal', 'wp-polyfill', 'wp-primitives', 'wp-url'), 'version' => 'f12e11ce8978161b6650'); diff --git a/build/active-filters.css b/build/active-filters.css new file mode 100644 index 00000000000..c8e35e4033f --- /dev/null +++ b/build/active-filters.css @@ -0,0 +1,3 @@ +@keyframes spinner__animation{0%{animation-timing-function:cubic-bezier(.5856,.0703,.4143,.9297);transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes loading__animation{to{transform:translateX(100%)}}.wc-block-filter-title-placeholder{background-color:currentColor!important;border:0!important;border-radius:.25rem;border-radius:1.625em;box-shadow:none;color:currentColor!important;display:block;line-height:1;margin-bottom:12px;margin-top:12px;max-width:100%!important;max-width:-moz-max-content!important;max-width:max-content!important;min-width:80px;opacity:.15;outline:0!important;overflow:hidden!important;pointer-events:none;position:relative!important;width:100%;z-index:1}.wc-block-filter-title-placeholder>*{visibility:hidden}.wc-block-filter-title-placeholder:after{animation:loading__animation 1.5s ease-in-out infinite;background-image:linear-gradient(90deg,currentColor,hsla(0,0%,96%,.302),currentColor);background-repeat:no-repeat;content:" ";display:block;height:100%;left:0;position:absolute;right:0;top:0;transform:translateX(-100%)}@media screen and (prefers-reduced-motion:reduce){.wc-block-filter-title-placeholder{animation:none}}.wc-block-filter-title-placeholder .wc-block-active-filters__title,.wc-block-filter-title-placeholder .wc-block-attribute-filter__title,.wc-block-filter-title-placeholder .wc-block-price-filter__title,.wc-block-filter-title-placeholder .wc-block-rating-filter__title,.wc-block-filter-title-placeholder .wc-block-stock-filter__title{height:1em;margin:0} +@keyframes spinner__animation{0%{animation-timing-function:cubic-bezier(.5856,.0703,.4143,.9297);transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes loading__animation{to{transform:translateX(100%)}}.wp-block-woocommerce-active-filters h1,.wp-block-woocommerce-active-filters h2,.wp-block-woocommerce-active-filters h3,.wp-block-woocommerce-active-filters h4,.wp-block-woocommerce-active-filters h5,.wp-block-woocommerce-active-filters h6{text-transform:inherit}.wp-block-woocommerce-active-filters .wc-block-filter-title-placeholder .wc-block-active-filters__title{height:1em}.wc-block-active-filters{margin-bottom:24px;overflow:hidden}.wc-block-active-filters .wc-block-active-filters__clear-all{background:transparent;border:none;border-radius:0;box-shadow:none;color:inherit;cursor:pointer;display:inline;float:right;font-family:inherit;font-size:inherit;font-size:.875em;font-style:inherit;font-weight:inherit;font-weight:400;letter-spacing:inherit;line-height:inherit;margin:15px 0 0;padding:0;text-decoration:inherit;text-decoration:underline;text-shadow:none;text-transform:inherit;vertical-align:baseline}.wc-block-active-filters .wc-block-active-filters__clear-all:active,.wc-block-active-filters .wc-block-active-filters__clear-all:focus,.wc-block-active-filters .wc-block-active-filters__clear-all:hover{background:transparent}.wc-block-active-filters .wc-block-active-filters__clear-all:hover{color:inherit;cursor:pointer;text-decoration:none}.wc-block-active-filters .wc-block-active-filters__clear-all,.wc-block-active-filters .wc-block-active-filters__clear-all:active,.wc-block-active-filters .wc-block-active-filters__clear-all:focus,.wc-block-active-filters .wc-block-active-filters__clear-all:hover{background:transparent;color:inherit}.wc-block-active-filters .wc-block-active-filters__clear-all-placeholder{background-color:currentColor!important;border:0!important;border-radius:.25rem;border-radius:0;box-shadow:none;color:currentColor!important;display:block;display:inline-block;float:right;height:1em;line-height:1;max-width:100%!important;opacity:.15;outline:0!important;overflow:hidden!important;pointer-events:none;position:relative!important;width:100%;width:80px;z-index:1}.wc-block-active-filters .wc-block-active-filters__clear-all-placeholder>*{visibility:hidden}.wc-block-active-filters .wc-block-active-filters__clear-all-placeholder:after{animation:loading__animation 1.5s ease-in-out infinite;background-image:linear-gradient(90deg,currentColor,hsla(0,0%,96%,.302),currentColor);background-repeat:no-repeat;content:" ";display:block;height:100%;left:0;position:absolute;right:0;top:0;transform:translateX(-100%)}@media screen and (prefers-reduced-motion:reduce){.wc-block-active-filters .wc-block-active-filters__clear-all-placeholder{animation:none}}.wc-block-active-filters .wc-block-active-filters__list{clear:both;list-style:none outside;margin:0 0 4px;padding:0}.wc-block-active-filters .wc-block-active-filters__list.wc-block-active-filters--loading{display:flex;flex-direction:column;flex-wrap:nowrap;margin-top:12px}.wc-block-active-filters .wc-block-active-filters__list.wc-block-active-filters--loading.wc-block-active-filters__list--chips{align-items:flex-end;flex-direction:row;flex-wrap:wrap;gap:0 10px}.wc-block-active-filters .wc-block-active-filters__list li{list-style:none outside;margin:9px 0 0;padding:0}.wc-block-active-filters .wc-block-active-filters__list li ul{list-style:none outside;margin:0;padding:0}.wc-block-active-filters .wc-block-active-filters__list li:first-child .wc-block-active-filters__list-item-type,.wc-block-active-filters .wc-block-active-filters__list>li:first-child{margin:0}.wc-block-active-filters .wc-block-active-filters__list li.show-loading-state-list{display:inline-block}.wc-block-active-filters .wc-block-active-filters__list li.show-loading-state-list>span{background-color:currentColor!important;border:0!important;border-radius:.25rem;border-radius:0;box-shadow:none;color:currentColor!important;display:block;display:inline-block;height:1em;line-height:1;max-width:100%!important;opacity:.15;outline:0!important;overflow:hidden!important;pointer-events:none;position:relative!important;width:100%;z-index:1}.wc-block-active-filters .wc-block-active-filters__list li.show-loading-state-list>span>*{visibility:hidden}.wc-block-active-filters .wc-block-active-filters__list li.show-loading-state-list>span:after{animation:loading__animation 1.5s ease-in-out infinite;background-image:linear-gradient(90deg,currentColor,hsla(0,0%,96%,.302),currentColor);background-repeat:no-repeat;content:" ";display:block;height:100%;left:0;position:absolute;right:0;top:0;transform:translateX(-100%)}@media screen and (prefers-reduced-motion:reduce){.wc-block-active-filters .wc-block-active-filters__list li.show-loading-state-list>span{animation:none}}.wc-block-active-filters .wc-block-active-filters__list li.show-loading-state-chips{display:inline-block}.wc-block-active-filters .wc-block-active-filters__list li.show-loading-state-chips>span{background-color:currentColor!important;border:0!important;border-radius:.25rem;border-radius:13px;box-shadow:none;color:currentColor!important;display:block;display:inline-block;height:1em;line-height:1;margin-right:15px!important;max-width:100%!important;min-width:70px;opacity:.15;outline:0!important;overflow:hidden!important;pointer-events:none;position:relative!important;width:100%;z-index:1}.wc-block-active-filters .wc-block-active-filters__list li.show-loading-state-chips>span>*{visibility:hidden}.wc-block-active-filters .wc-block-active-filters__list li.show-loading-state-chips>span:after{animation:loading__animation 1.5s ease-in-out infinite;background-image:linear-gradient(90deg,currentColor,hsla(0,0%,96%,.302),currentColor);background-repeat:no-repeat;content:" ";display:block;height:100%;left:0;position:absolute;right:0;top:0;transform:translateX(-100%)}@media screen and (prefers-reduced-motion:reduce){.wc-block-active-filters .wc-block-active-filters__list li.show-loading-state-chips>span{animation:none}}.wc-block-active-filters .wc-block-active-filters__list li.show-loading-state-chips:last-of-type>span{margin-right:0!important}.wc-block-active-filters .wc-block-active-filters__list li.show-loading-state-chips:nth-child(3){flex-grow:1;max-width:200px}.wc-block-active-filters .wc-block-active-filters__list>.wc-block-active-filters__list-item .wc-block-active-filters__list-item-name{margin:9px 0 0}.wc-block-active-filters .wc-block-active-filters__list-item-type{display:block;font-size:.75em;font-weight:700;letter-spacing:.1em;margin:16px 0 0;text-transform:uppercase}.wc-block-active-filters .wc-block-active-filters__list-item-operator{font-style:italic;font-weight:400}.wc-block-active-filters .wc-block-active-filters__list-item-name{align-items:center;display:flex;font-size:.875em;padding:0;position:relative}.wc-block-active-filters .wc-block-active-filters__list-item-remove{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#e0e0e0;border:0;border-radius:25px;color:currentColor;font-size:.75em;height:16px;line-height:16px;margin:0 .5em 0 0;padding:0;width:16px}.wc-block-active-filters .wc-block-active-filters__list-item-remove:focus,.wc-block-active-filters .wc-block-active-filters__list-item-remove:hover{background:#949494}.wc-block-active-filters .wc-block-active-filters__list-item-remove:focus .wc-block-components-chip__remove-icon,.wc-block-active-filters .wc-block-active-filters__list-item-remove:hover .wc-block-components-chip__remove-icon{fill:#fff}.wc-block-active-filters .wc-block-active-filters__list-item-remove:disabled{color:#e0e0e0;cursor:not-allowed}.wc-block-active-filters .wc-block-active-filters__list--chips li,.wc-block-active-filters .wc-block-active-filters__list--chips ul{display:inline}.wc-block-active-filters .wc-block-active-filters__list--chips .wc-block-active-filters__list-item-type{display:none}.wc-block-active-filters .wc-block-active-filters__list--chips .wc-block-components-chip{margin-bottom:.1875em;margin-top:.1875em} +@keyframes spinner__animation{0%{animation-timing-function:cubic-bezier(.5856,.0703,.4143,.9297);transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes loading__animation{to{transform:translateX(100%)}}.wc-block-components-error{align-items:center;color:#757575;display:flex;flex-direction:column;justify-content:center;margin:48px 0;padding:48px 0;text-align:center}.wc-block-components-error__header{color:#646970;font-size:2em;margin:0}.wc-block-components-error__image{margin:0 0 24px;width:25%}.wc-block-components-error__text{color:#8c8f94;font-size:1.25em;margin:1em 0 0;max-width:60ch}.wc-block-components-error__message{color:#8c8f94;font-style:italic;margin:1em auto 0;max-width:60ch}.wc-block-error__button{margin:48px 0 0} diff --git a/build/active-filters.js b/build/active-filters.js new file mode 100644 index 00000000000..eff85bedef8 --- /dev/null +++ b/build/active-filters.js @@ -0,0 +1,6 @@ +(()=>{var e,t={4693:(e,t,r)=>{"use strict";r.r(t);var l=r(9196);const n=window.wp.blocks;var o=r(444);const a=(0,l.createElement)(o.SVG,{xmlns:"http://www.w3.org/2000/SVG",viewBox:"0 0 24 24"},(0,l.createElement)("path",{fill:"none",d:"M0 0h24v24H0z"}),(0,l.createElement)("path",{d:"M17 6H7c-3.31 0-6 2.69-6 6s2.69 6 6 6h10c3.31 0 6-2.69 6-6s-2.69-6-6-6zm0 10H7c-2.21 0-4-1.79-4-4s1.79-4 4-4h10c2.21 0 4 1.79 4 4s-1.79 4-4 4zm0-7c-1.66 0-3 1.34-3 3s1.34 3 3 3 3-1.34 3-3-1.34-3-3-3z"}));var s=r(1984),i=r(4184),c=r.n(i);const u=window.wp.blockEditor;var p=r(5736),d=r(4333);r(7118);const m=(0,d.withInstanceId)((({className:e,headingLevel:t,onChange:r,heading:n,instanceId:o})=>{const a=`h${t}`;return(0,l.createElement)(a,{className:e},(0,l.createElement)("label",{className:"screen-reader-text",htmlFor:`block-title-${o}`},(0,p.__)("Block title","woo-gutenberg-products-block")),(0,l.createElement)(u.PlainText,{id:`block-title-${o}`,className:"wc-block-editor-components-title",value:n,onChange:r,style:{backgroundColor:"transparent"}}))})),g=window.wp.components,b=window.wc.wcBlocksData,y=window.wp.data;var f=r(9307),w=r(9127),h=r.n(w);const _=(0,f.createContext)("page"),k=(_.Provider,(e,t,r)=>{const l=(0,f.useContext)(_);r=r||l;const n=(0,y.useSelect)((l=>l(b.QUERY_STATE_STORE_KEY).getValueForQueryKey(r,e,t)),[r,e]),{setQueryValue:o}=(0,y.useDispatch)(b.QUERY_STATE_STORE_KEY);return[n,(0,f.useCallback)((t=>{o(r,e,t)}),[r,e,o])]}),v=window.wc.wcSettings,E=window.wc.blocksComponents,S=e=>"boolean"==typeof e,C=e=>!(e=>null===e)(e)&&e instanceof Object&&e.constructor===Object;function N(e,t){return C(e)&&t in e}const O=e=>N(e,"count")&&N(e,"description")&&N(e,"id")&&N(e,"name")&&N(e,"parent")&&N(e,"slug")&&"number"==typeof e.count&&"string"==typeof e.description&&"number"==typeof e.id&&"string"==typeof e.name&&"number"==typeof e.parent&&"string"==typeof e.slug,x=e=>N(e,"attribute")&&N(e,"operator")&&N(e,"slug")&&"string"==typeof e.attribute&&"string"==typeof e.operator&&Array.isArray(e.slug)&&e.slug.every((e=>"string"==typeof e)),A=e=>Array.isArray(e)&&e.every(x),L=window.wp.url,j=(0,v.getSettingWithCoercion)("isRenderingPhpTemplate",!1,S);function T(e){j?((e=e.replace(/(?:query-(?:\d+-)?page=(\d+))|(?:page\/(\d+))/g,"")).endsWith("?")&&(e=e.slice(0,-1)),window.location.href=e):window.history.replaceState({},"",e)}r(7732);const F=({children:e})=>(0,l.createElement)("div",{className:"wc-block-filter-title-placeholder"},e);r(4624);const B=(0,v.getSetting)("attributes",[]).reduce(((e,t)=>{const r=(l=t)&&l.attribute_name?{id:parseInt(l.attribute_id,10),name:l.attribute_name,taxonomy:"pa_"+l.attribute_name,label:l.attribute_label}:null;var l;return r&&r.id&&e.push(r),e}),[]),P=window.wc.priceFormat;var R=r(7231);const Q=(e,t)=>Number.isFinite(e)&&Number.isFinite(t)?(0,p.sprintf)(/* translators: %1$s min price, %2$s max price */ +(0,p.__)("Between %1$s and %2$s","woo-gutenberg-products-block"),(0,P.formatPrice)(e),(0,P.formatPrice)(t)):Number.isFinite(e)?(0,p.sprintf)(/* translators: %s min price */ +(0,p.__)("From %s","woo-gutenberg-products-block"),(0,P.formatPrice)(e)):(0,p.sprintf)(/* translators: %s max price */ +(0,p.__)("Up to %s","woo-gutenberg-products-block"),(0,P.formatPrice)(t)),$=({type:e,name:t,prefix:r="",removeCallback:n=(()=>null),showLabel:o=!0,displayStyle:a})=>{const i=r?(0,l.createElement)(l.Fragment,null,r," ",t):t,c=(0,p.sprintf)(/* translators: %s attribute value used in the filter. For example: yellow, green, small, large. */ +(0,p.__)("Remove %s filter","woo-gutenberg-products-block"),t);return(0,l.createElement)("li",{className:"wc-block-active-filters__list-item",key:e+":"+t},o&&(0,l.createElement)("span",{className:"wc-block-active-filters__list-item-type"},e+": "),"chips"===a?(0,l.createElement)(E.RemovableChip,{element:"span",text:i,onRemove:n,radius:"large",ariaLabel:c}):(0,l.createElement)("span",{className:"wc-block-active-filters__list-item-name"},(0,l.createElement)("button",{className:"wc-block-active-filters__list-item-remove",onClick:n},(0,l.createElement)(s.Z,{className:"wc-block-components-chip__remove-icon",icon:R.Z,size:16}),(0,l.createElement)(E.Label,{screenReaderLabel:c})),i))},M=(...e)=>{if(!window)return;const t=window.location.href,r=(0,L.getQueryArgs)(t),l=(0,L.removeQueryArgs)(t,...Object.keys(r));e.forEach((e=>{if("string"==typeof e)return delete r[e];if("object"==typeof e){const t=Object.keys(e)[0],l=r[t].toString().split(",");r[t]=l.filter((r=>r!==e[t])).join(",")}}));const n=Object.fromEntries(Object.entries(r).filter((([,e])=>e)));T((0,L.addQueryArgs)(l,n))},W=["min_price","max_price","rating_filter","filter_","query_type_"],I=e=>{let t=!1;for(let r=0;W.length>r;r++){const l=W[r];if(l===e.substring(0,l.length)){t=!0;break}}return t};function D(e){const t=(0,f.useRef)(e);return h()(e,t.current)||(t.current=e),t.current}const V=window.wp.htmlEntities;var z=r(172);const Y=({attributeObject:e,slugs:t=[],operator:r="in",displayStyle:n,isLoadingCallback:o})=>{const{results:a,isLoading:s}=(e=>{const{namespace:t,resourceName:r,resourceValues:l=[],query:n={},shouldSelect:o=!0}=e;if(!t||!r)throw new Error("The options object must have valid values for the namespace and the resource properties.");const a=(0,f.useRef)({results:[],isLoading:!0}),s=D(n),i=D(l),c=(()=>{const[,e]=(0,f.useState)();return(0,f.useCallback)((t=>{e((()=>{throw t}))}),[])})(),u=(0,y.useSelect)((e=>{if(!o)return null;const l=e(b.COLLECTIONS_STORE_KEY),n=[t,r,s,i],a=l.getCollectionError(...n);if(a){if(!(a instanceof Error))throw new Error("TypeError: `error` object is not an instance of Error constructor");c(a)}return{results:l.getCollection(...n),isLoading:!l.hasFinishedResolution("getCollection",n)}}),[t,r,i,s,o]);return null!==u&&(a.current=u),a.current})({namespace:"/wc/store/v1",resourceName:"products/attributes/terms",resourceValues:[e.id]}),[i,c]=k("attributes",[]);if((0,f.useEffect)((()=>{o(s)}),[s,o]),!(Array.isArray(a)&&(u=a,Array.isArray(u)&&u.every(O))&&A(i)))return null;var u;const d=e.label,m=(0,v.getSettingWithCoercion)("isRenderingPhpTemplate",!1,S);return(0,l.createElement)("li",null,(0,l.createElement)("span",{className:"wc-block-active-filters__list-item-type"},d,":"),(0,l.createElement)("ul",null,t.map(((t,o)=>{const u=a.find((e=>e.slug===t));if(!u)return null;let g="";return o>0&&"and"===r&&(g=(0,l.createElement)("span",{className:"wc-block-active-filters__list-item-operator"},(0,p.__)("All","woo-gutenberg-products-block"))),$({type:d,name:(0,V.decodeEntities)(u.name||t),prefix:g,isLoading:s,removeCallback:()=>{const r=i.find((({attribute:t})=>t===`pa_${e.name}`));1===(null==r?void 0:r.slug.length)?M(`query_type_${e.name}`,`filter_${e.name}`):M({[`filter_${e.name}`]:t}),m||((e=[],t,r,l="")=>{const n=e.filter((e=>e.attribute===r.taxonomy)),o=n.length?n[0]:null;if(!(o&&o.slug&&Array.isArray(o.slug)&&o.slug.includes(l)))return;const a=o.slug.filter((e=>e!==l)),s=e.filter((e=>e.attribute!==r.taxonomy));a.length>0&&(o.slug=a.sort(),s.push(o)),t((0,z.DY)(s).asc("attribute"))})(i,c,e,t)},showLabel:!1,displayStyle:n})}))))},q=({displayStyle:e,isLoading:t})=>t?(0,l.createElement)(l.Fragment,null,[...Array("list"===e?2:3)].map(((t,r)=>(0,l.createElement)("li",{className:"list"===e?"show-loading-state-list":"show-loading-state-chips",key:r},(0,l.createElement)("span",{className:"show-loading-state__inner"}))))):null,G=(0,f.createContext)({}),U=({attributes:e,isEditor:t=!1})=>{const r=(()=>{const{wrapper:e}=(0,f.useContext)(G);return t=>{e&&e.current&&(e.current.hidden=!t)}})(),n=function(){const e=(0,f.useRef)(!1);return(0,f.useEffect)((()=>(e.current=!0,()=>{e.current=!1})),[]),(0,f.useCallback)((()=>e.current),[])}()(),o=(0,v.getSettingWithCoercion)("isRenderingPhpTemplate",!1,S),[a,s]=(0,f.useState)(!0),i=(()=>{if(!window)return!1;const e=window.location.href,t=(0,L.getQueryArgs)(e),r=Object.keys(t);let l=!1;for(let e=0;r.length>e;e++){const t=r[e];if(I(t)){l=!0;break}}return l})()&&!t&&a,[u,d]=k("attributes",[]),[m,g]=k("stock_status",[]),[b,y]=k("min_price"),[w,h]=k("max_price"),[_,N]=k("rating"),O=(0,v.getSetting)("stockStatusOptions",[]),x=(0,v.getSetting)("attributes",[]),j=(0,f.useMemo)((()=>{if(i||0===m.length||(t=m,!Array.isArray(t)||!t.every((e=>["instock","outofstock","onbackorder"].includes(e))))||!(e=>C(e)&&Object.keys(e).every((e=>["instock","outofstock","onbackorder"].includes(e))))(O))return null;var t;const r=(0,p.__)("Stock Status","woo-gutenberg-products-block");return(0,l.createElement)("li",null,(0,l.createElement)("span",{className:"wc-block-active-filters__list-item-type"},r,":"),(0,l.createElement)("ul",null,m.map((t=>$({type:r,name:O[t],removeCallback:()=>{if(M({filter_stock_status:t}),!o){const e=m.filter((e=>e!==t));g(e)}},showLabel:!1,displayStyle:e.displayStyle})))))}),[i,O,m,g,e.displayStyle,o]),P=(0,f.useMemo)((()=>i||!Number.isFinite(b)&&!Number.isFinite(w)?null:$({type:(0,p.__)("Price","woo-gutenberg-products-block"),name:Q(b,w),removeCallback:()=>{M("max_price","min_price"),o||(y(void 0),h(void 0))},displayStyle:e.displayStyle})),[i,b,w,e.displayStyle,y,h,o]),R=(0,f.useMemo)((()=>!A(u)&&n||!u.length&&!(e=>{if(!window)return!1;const t=e.map((e=>`filter_${e.attribute_name}`)),r=window.location.href,l=(0,L.getQueryArgs)(r),n=Object.keys(l);let o=!1;for(let e=0;n.length>e;e++){const r=n[e];if(t.includes(r)){o=!0;break}}return o})(x)?(a&&s(!1),null):u.map((t=>{const r=(e=>{if(e)return B.find((t=>t.taxonomy===e))})(t.attribute);return r?(0,l.createElement)(Y,{attributeObject:r,displayStyle:e.displayStyle,slugs:t.slug,key:t.attribute,operator:t.operator,isLoadingCallback:s}):(a&&s(!1),null)}))),[u,n,x,a,e.displayStyle]);(0,f.useEffect)((()=>{var e;if(!o)return;if(_.length&&_.length>0)return;const t=null===("rating_filter",e=window?(0,L.getQueryArg)(window.location.href,"rating_filter"):null)||void 0===e?void 0:e.toString();t&&N(t.split(","))}),[o,_,N]);const W=(0,f.useMemo)((()=>{if(i||0===_.length||(t=_,!Array.isArray(t)||!t.every((e=>["1","2","3","4","5"].includes(e)))))return null;var t;const r=(0,p.__)("Rating","woo-gutenberg-products-block");return(0,l.createElement)("li",null,(0,l.createElement)("span",{className:"wc-block-active-filters__list-item-type"},r,":"),(0,l.createElement)("ul",null,_.map((t=>$({type:r,name:(0,p.sprintf)(/* translators: %s is referring to the average rating value */ +(0,p.__)("Rated %s out of 5","woo-gutenberg-products-block"),t),removeCallback:()=>{if(M({rating_filter:t}),!o){const e=_.filter((e=>e!==t));N(e)}},showLabel:!1,displayStyle:e.displayStyle})))))}),[i,_,N,e.displayStyle,o]);if(!i&&!(u.length>0||m.length>0||_.length>0||Number.isFinite(b)||Number.isFinite(w))&&!t)return r(!1),null;const D=`h${e.headingLevel}`,V=(0,l.createElement)(D,{className:"wc-block-active-filters__title"},e.heading),z=i?(0,l.createElement)(F,null,V):V;if(!(0,v.getSettingWithCoercion)("hasFilterableProducts",!1,S))return r(!1),null;r(!0);const U=c()("wc-block-active-filters__list",{"wc-block-active-filters__list--chips":"chips"===e.displayStyle,"wc-block-active-filters--loading":i});return(0,l.createElement)(l.Fragment,null,!t&&e.heading&&z,(0,l.createElement)("div",{className:"wc-block-active-filters"},(0,l.createElement)("ul",{className:U},t?(0,l.createElement)(l.Fragment,null,$({type:(0,p.__)("Size","woo-gutenberg-products-block"),name:(0,p.__)("Small","woo-gutenberg-products-block"),displayStyle:e.displayStyle}),$({type:(0,p.__)("Color","woo-gutenberg-products-block"),name:(0,p.__)("Blue","woo-gutenberg-products-block"),displayStyle:e.displayStyle})):(0,l.createElement)(l.Fragment,null,(0,l.createElement)(q,{isLoading:i,displayStyle:e.displayStyle}),P,j,R,W)),i?(0,l.createElement)("span",{className:"wc-block-active-filters__clear-all-placeholder"}):(0,l.createElement)("button",{className:"wc-block-active-filters__clear-all",onClick:()=>{(()=>{if(!window)return;const e=window.location.href,t=(0,L.getQueryArgs)(e),r=(0,L.removeQueryArgs)(e,...Object.keys(t)),l=Object.fromEntries(Object.keys(t).filter((e=>!I(e))).map((e=>[e,t[e]])));T((0,L.addQueryArgs)(r,l))})(),o||(y(void 0),h(void 0),d([]),g([]),N([]))}},(0,l.createElement)(E.Label,{label:(0,p.__)("Clear All","woo-gutenberg-products-block"),screenReaderLabel:(0,p.__)("Clear All Filters","woo-gutenberg-products-block")}))))};r(5449);const K=({clientId:e,setAttributes:t,filterType:r,attributes:o})=>{const{replaceBlock:a}=(0,y.useDispatch)("core/block-editor"),{heading:s,headingLevel:i}=o;if((0,y.useSelect)((t=>{const{getBlockParentsByBlockName:r}=t("core/block-editor");return r(e,"woocommerce/filter-wrapper").length>0}),[e])||!r)return null;const c=[(0,l.createElement)(g.Button,{key:"convert",onClick:()=>{const l=[(0,n.createBlock)(`woocommerce/${r}`,{...o,heading:""})];s&&""!==s&&l.unshift((0,n.createBlock)("core/heading",{content:s,level:null!=i?i:2})),a(e,(0,n.createBlock)("woocommerce/filter-wrapper",{heading:s,filterType:r},[...l])),t({heading:"",lock:{remove:!0}})},variant:"primary"},(0,p.__)("Upgrade block","woo-gutenberg-products-block"))];return(0,l.createElement)(u.Warning,{actions:c},(0,p.__)("Filter block: We have improved this block to make styling easier. Upgrade it using the button below.","woo-gutenberg-products-block"))},H=(0,g.withSpokenMessages)((({attributes:e,setAttributes:t,clientId:r})=>{const{className:n,displayStyle:o,heading:a,headingLevel:s}=e,i=(0,u.useBlockProps)({className:n});return(0,l.createElement)("div",{...i},(0,l.createElement)(u.InspectorControls,{key:"inspector"},(0,l.createElement)(g.PanelBody,{title:(0,p.__)("Display Settings","woo-gutenberg-products-block")},(0,l.createElement)(g.__experimentalToggleGroupControl,{label:(0,p.__)("Display Style","woo-gutenberg-products-block"),value:o,onChange:e=>t({displayStyle:e}),className:"wc-block-active-filter__style-toggle"},(0,l.createElement)(g.__experimentalToggleGroupControlOption,{value:"list",label:(0,p.__)("List","woo-gutenberg-products-block")}),(0,l.createElement)(g.__experimentalToggleGroupControlOption,{value:"chips",label:(0,p.__)("Chips","woo-gutenberg-products-block")})))),(0,l.createElement)(K,{attributes:e,clientId:r,setAttributes:t,filterType:"active-filters"}),a&&(0,l.createElement)(m,{className:"wc-block-active-filters__title",headingLevel:s,heading:a,onChange:e=>t({heading:e})}),(0,l.createElement)(g.Disabled,null,(0,l.createElement)(U,{attributes:e,isEditor:!0})))})),J=JSON.parse('{"name":"woocommerce/active-filters","version":"1.0.0","title":"Active Filters Controls","description":"Display the currently active filters.","category":"woocommerce","keywords":["WooCommerce"],"supports":{"html":false,"multiple":false,"inserter":false,"color":{"text":true,"background":false},"lock":false},"attributes":{"displayStyle":{"type":"string","default":"list"},"headingLevel":{"type":"number","default":3}},"textdomain":"woo-gutenberg-products-block","apiVersion":2,"$schema":"https://schemas.wp.org/trunk/block.json"}'),Z={heading:{type:"string",default:(0,p.__)("Active filters","woo-gutenberg-products-block")}},X=[{attributes:{...J.attributes,...Z},save:({attributes:e})=>{const{className:t,displayStyle:r,heading:n,headingLevel:o}=e,a={"data-display-style":r,"data-heading":n,"data-heading-level":o};return(0,l.createElement)("div",{...u.useBlockProps.save({className:c()("is-loading",t)}),...a},(0,l.createElement)("span",{"aria-hidden":!0,className:"wc-block-active-filters__placeholder"}))}}];(0,n.registerBlockType)(J,{icon:{src:(0,l.createElement)(s.Z,{icon:a,className:"wc-block-editor-components-block-icon"})},attributes:{...J.attributes,...Z},edit:H,save({attributes:e}){const{className:t}=e;return(0,l.createElement)("div",{...u.useBlockProps.save({className:c()("is-loading",t)})},(0,l.createElement)("span",{"aria-hidden":!0,className:"wc-block-active-filters__placeholder"}))},deprecated:X})},7732:()=>{},5449:()=>{},4624:()=>{},7118:()=>{},9196:e=>{"use strict";e.exports=window.React},4333:e=>{"use strict";e.exports=window.wp.compose},9307:e=>{"use strict";e.exports=window.wp.element},5736:e=>{"use strict";e.exports=window.wp.i18n},9127:e=>{"use strict";e.exports=window.wp.isShallowEqual},444:e=>{"use strict";e.exports=window.wp.primitives}},r={};function l(e){var n=r[e];if(void 0!==n)return n.exports;var o=r[e]={exports:{}};return t[e].call(o.exports,o,o.exports,l),o.exports}l.m=t,e=[],l.O=(t,r,n,o)=>{if(!r){var a=1/0;for(u=0;u=o)&&Object.keys(l.O).every((e=>l.O[e](r[i])))?r.splice(i--,1):(s=!1,o0&&e[u-1][2]>o;u--)e[u]=e[u-1];e[u]=[r,n,o]},l.n=e=>{var t=e&&e.__esModule?()=>e.default:()=>e;return l.d(t,{a:t}),t},l.d=(e,t)=>{for(var r in t)l.o(t,r)&&!l.o(e,r)&&Object.defineProperty(e,r,{enumerable:!0,get:t[r]})},l.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),l.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},l.j=8918,(()=>{var e={8918:0};l.O.j=t=>0===e[t];var t=(t,r)=>{var n,o,[a,s,i]=r,c=0;if(a.some((t=>0!==e[t]))){for(n in s)l.o(s,n)&&(l.m[n]=s[n]);if(i)var u=i(l)}for(t&&t(r);cl(4693)));n=l.O(n),((this.wc=this.wc||{}).blocks=this.wc.blocks||{})["active-filters"]=n})(); \ No newline at end of file diff --git a/build/active-filters/block.json b/build/active-filters/block.json new file mode 100644 index 00000000000..b940d66f7d3 --- /dev/null +++ b/build/active-filters/block.json @@ -0,0 +1,31 @@ +{ + "name": "woocommerce/active-filters", + "version": "1.0.0", + "title": "Active Filters Controls", + "description": "Display the currently active filters.", + "category": "woocommerce", + "keywords": [ "WooCommerce" ], + "supports": { + "html": false, + "multiple": false, + "inserter": false, + "color": { + "text": true, + "background": false + }, + "lock": false + }, + "attributes": { + "displayStyle": { + "type": "string", + "default": "list" + }, + "headingLevel": { + "type": "number", + "default": 3 + } + }, + "textdomain": "woo-gutenberg-products-block", + "apiVersion": 2, + "$schema": "https://schemas.wp.org/trunk/block.json" +} diff --git a/build/add-to-cart-form-rtl.css b/build/add-to-cart-form-rtl.css new file mode 100644 index 00000000000..da7d50051cd --- /dev/null +++ b/build/add-to-cart-form-rtl.css @@ -0,0 +1,2 @@ +@keyframes spinner__animation{0%{animation-timing-function:cubic-bezier(.5856,.0703,.4143,.9297);transform:rotate(0deg)}to{transform:rotate(-1turn)}}@keyframes loading__animation{to{transform:translateX(-100%)}}.wc-block-components-skeleton{display:flex;flex-direction:column;gap:1rem;width:100%}.wc-block-components-skeleton-text-line{background:hsla(0,0%,7%,.115);border-radius:4px;height:.85em;position:relative;width:100%}.wc-block-components-skeleton-text-line:last-child{width:80%} +@keyframes spinner__animation{0%{animation-timing-function:cubic-bezier(.5856,.0703,.4143,.9297);transform:rotate(0deg)}to{transform:rotate(-1turn)}}@keyframes loading__animation{to{transform:translateX(-100%)}}.wp-block-add-to-cart-form{width:unset}.wp-block-add-to-cart-form .input-text{font-size:var(--wp--preset--font-size--small);padding:.9rem 1.1rem} diff --git a/build/add-to-cart-form-style.asset.php b/build/add-to-cart-form-style.asset.php new file mode 100644 index 00000000000..907c3758c19 --- /dev/null +++ b/build/add-to-cart-form-style.asset.php @@ -0,0 +1 @@ + array('react', 'wp-block-editor', 'wp-blocks', 'wp-components', 'wp-data', 'wp-element', 'wp-i18n', 'wp-polyfill', 'wp-primitives'), 'version' => '8519c6797c7ba23811e5'); diff --git a/build/add-to-cart-form.css b/build/add-to-cart-form.css new file mode 100644 index 00000000000..de906e36f67 --- /dev/null +++ b/build/add-to-cart-form.css @@ -0,0 +1,2 @@ +@keyframes spinner__animation{0%{animation-timing-function:cubic-bezier(.5856,.0703,.4143,.9297);transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes loading__animation{to{transform:translateX(100%)}}.wc-block-components-skeleton{display:flex;flex-direction:column;gap:1rem;width:100%}.wc-block-components-skeleton-text-line{background:hsla(0,0%,7%,.115);border-radius:4px;height:.85em;position:relative;width:100%}.wc-block-components-skeleton-text-line:last-child{width:80%} +@keyframes spinner__animation{0%{animation-timing-function:cubic-bezier(.5856,.0703,.4143,.9297);transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes loading__animation{to{transform:translateX(100%)}}.wp-block-add-to-cart-form{width:unset}.wp-block-add-to-cart-form .input-text{font-size:var(--wp--preset--font-size--small);padding:.9rem 1.1rem} diff --git a/build/add-to-cart-form/block.json b/build/add-to-cart-form/block.json new file mode 100644 index 00000000000..b43976edf2b --- /dev/null +++ b/build/add-to-cart-form/block.json @@ -0,0 +1,18 @@ +{ + "name": "woocommerce/add-to-cart-form", + "version": "1.0.0", + "title": "Add to Cart with Options", + "description": "Display a button so the customer can add a product to their cart. Options will also be displayed depending on product type. e.g. quantity, variation.", + "attributes": { + "isDescendentOfSingleProductBlock": { + "type": "boolean", + "default": false + } + }, + "category": "woocommerce", + "keywords": [ "WooCommerce" ], + "usesContext": ["postId"], + "textdomain": "woo-gutenberg-products-block", + "apiVersion": 2, + "$schema": "https://schemas.wp.org/trunk/block.json" +} diff --git a/build/all-products-frontend.asset.php b/build/all-products-frontend.asset.php new file mode 100644 index 00000000000..d8246466606 --- /dev/null +++ b/build/all-products-frontend.asset.php @@ -0,0 +1 @@ + array('lodash', 'react', 'wc-blocks-checkout', 'wc-blocks-components', 'wc-blocks-data-store', 'wc-blocks-registry', 'wc-blocks-shared-context', 'wc-blocks-shared-hocs', 'wc-price-format', 'wc-settings', 'wp-a11y', 'wp-api-fetch', 'wp-autop', 'wp-blocks', 'wp-components', 'wp-compose', 'wp-data', 'wp-deprecated', 'wp-dom', 'wp-element', 'wp-hooks', 'wp-html-entities', 'wp-i18n', 'wp-is-shallow-equal', 'wp-polyfill', 'wp-primitives', 'wp-style-engine', 'wp-url', 'wp-warning', 'wp-wordcount'), 'version' => '6ce327e9413ea4ef2358'); diff --git a/build/all-products-frontend.js b/build/all-products-frontend.js new file mode 100644 index 00000000000..247a02e4997 --- /dev/null +++ b/build/all-products-frontend.js @@ -0,0 +1,5 @@ +(()=>{var e,t,r={1984:(e,t,r)=>{"use strict";r.d(t,{Z:()=>n});var o=r(9307);const n=function(e){let{icon:t,size:r=24,...n}=e;return(0,o.cloneElement)(t,{width:r,height:r,...n})}},5918:(e,t,r)=>{"use strict";r.d(t,{n:()=>a});var o=r(2694),n=r(9818),c=r(9307);const a=()=>({dispatchStoreEvent:(0,c.useCallback)(((e,t={})=>{try{(0,o.doAction)(`experimental__woocommerce_blocks-${e}`,t)}catch(e){console.error(e)}}),[]),dispatchCheckoutEvent:(0,c.useCallback)(((e,t={})=>{try{(0,o.doAction)(`experimental__woocommerce_blocks-checkout-${e}`,{...t,storeCart:(0,n.select)("wc/store/cart").getCartData()})}catch(e){console.error(e)}}),[])})},9075:(e,t,r)=>{"use strict";r.d(t,{s:()=>a});var o=r(9307),n=r(9127),c=r.n(n);function a(e){const t=(0,o.useRef)(e);return c()(e,t.current)||(t.current=e),t.current}},7530:(e,t,r)=>{"use strict";r.d(t,{Cm:()=>g,Lo:()=>w,VF:()=>h,fh:()=>b,td:()=>E,vr:()=>k});var o,n,c,a,l,s,i,u,p,d,m=r(4617);const g=(0,m.getSetting)("wcBlocksConfig",{buildPhase:1,pluginUrl:"",productCount:0,defaultAvatar:"",restApiRoutes:{},wordCountType:"words"}),E=g.pluginUrl+"images/",h=g.pluginUrl+"build/",w=g.buildPhase,b=(null===(o=m.STORE_PAGES.shop)||void 0===o||o.permalink,null===(n=m.STORE_PAGES.checkout)||void 0===n||n.id,null===(c=m.STORE_PAGES.checkout)||void 0===c||c.permalink,null===(a=m.STORE_PAGES.privacy)||void 0===a||a.permalink,null===(l=m.STORE_PAGES.privacy)||void 0===l||l.title,null===(s=m.STORE_PAGES.terms)||void 0===s||s.permalink,null===(i=m.STORE_PAGES.terms)||void 0===i||i.title,null===(u=m.STORE_PAGES.cart)||void 0===u||u.id,null===(p=m.STORE_PAGES.cart)||void 0===p?void 0:p.permalink),f=(null!==(d=m.STORE_PAGES.myaccount)&&void 0!==d&&d.permalink?m.STORE_PAGES.myaccount.permalink:(0,m.getSetting)("wpLoginUrl","/wp-login.php"),(0,m.getSetting)("localPickupEnabled",!1),(0,m.getSetting)("countries",{})),y=(0,m.getSetting)("countryData",{}),k=(Object.fromEntries(Object.keys(y).filter((e=>!0===y[e].allowBilling)).map((e=>[e,f[e]||""]))),Object.fromEntries(Object.keys(y).filter((e=>!0===y[e].allowBilling)).map((e=>[e,y[e].states||[]]))),Object.fromEntries(Object.keys(y).filter((e=>!0===y[e].allowShipping)).map((e=>[e,f[e]||""]))),Object.fromEntries(Object.keys(y).filter((e=>!0===y[e].allowShipping)).map((e=>[e,y[e].states||[]]))),Object.fromEntries(Object.keys(y).map((e=>[e,y[e].locale||[]]))))},9300:(e,t,r)=>{"use strict";r.d(t,{uq:()=>n}),window.wp.blocks;var o=r(7530);const n=()=>o.Lo>1},5271:(e,t,r)=>{"use strict";r.d(t,{Cm:()=>o.Cm,VF:()=>o.VF,fh:()=>o.fh,td:()=>o.td,uq:()=>n.uq,vr:()=>o.vr});var o=r(7530),n=r(9300)},4184:(e,t)=>{var r;!function(){"use strict";var o={}.hasOwnProperty;function n(){for(var e=[],t=0;t{"use strict";e.exports=function e(t,r){if(t===r)return!0;if(t&&r&&"object"==typeof t&&"object"==typeof r){if(t.constructor!==r.constructor)return!1;var o,n,c;if(Array.isArray(t)){if((o=t.length)!=r.length)return!1;for(n=o;0!=n--;)if(!e(t[n],r[n]))return!1;return!0}if(t instanceof Map&&r instanceof Map){if(t.size!==r.size)return!1;for(n of t.entries())if(!r.has(n[0]))return!1;for(n of t.entries())if(!e(n[1],r.get(n[0])))return!1;return!0}if(t instanceof Set&&r instanceof Set){if(t.size!==r.size)return!1;for(n of t.entries())if(!r.has(n[0]))return!1;return!0}if(ArrayBuffer.isView(t)&&ArrayBuffer.isView(r)){if((o=t.length)!=r.length)return!1;for(n=o;0!=n--;)if(t[n]!==r[n])return!1;return!0}if(t.constructor===RegExp)return t.source===r.source&&t.flags===r.flags;if(t.valueOf!==Object.prototype.valueOf)return t.valueOf()===r.valueOf();if(t.toString!==Object.prototype.toString)return t.toString()===r.toString();if((o=(c=Object.keys(t)).length)!==Object.keys(r).length)return!1;for(n=o;0!=n--;)if(!Object.prototype.hasOwnProperty.call(r,c[n]))return!1;for(n=o;0!=n--;){var a=c[n];if(!e(t[a],r[a]))return!1}return!0}return t!=t&&r!=r}},4578:()=>{},7036:()=>{},9991:()=>{},5945:()=>{},1553:()=>{},9196:e=>{"use strict";e.exports=window.React},2819:e=>{"use strict";e.exports=window.lodash},3554:e=>{"use strict";e.exports=window.wc.blocksCheckout},711:e=>{"use strict";e.exports=window.wc.blocksComponents},4293:e=>{"use strict";e.exports=window.wc.priceFormat},4801:e=>{"use strict";e.exports=window.wc.wcBlocksData},2864:e=>{"use strict";e.exports=window.wc.wcBlocksSharedContext},721:e=>{"use strict";e.exports=window.wc.wcBlocksSharedHocs},4617:e=>{"use strict";e.exports=window.wc.wcSettings},6989:e=>{"use strict";e.exports=window.wp.apiFetch},987:e=>{"use strict";e.exports=window.wp.autop},5609:e=>{"use strict";e.exports=window.wp.components},4333:e=>{"use strict";e.exports=window.wp.compose},9818:e=>{"use strict";e.exports=window.wp.data},7180:e=>{"use strict";e.exports=window.wp.deprecated},5904:e=>{"use strict";e.exports=window.wp.dom},9307:e=>{"use strict";e.exports=window.wp.element},2694:e=>{"use strict";e.exports=window.wp.hooks},2629:e=>{"use strict";e.exports=window.wp.htmlEntities},5736:e=>{"use strict";e.exports=window.wp.i18n},9127:e=>{"use strict";e.exports=window.wp.isShallowEqual},444:e=>{"use strict";e.exports=window.wp.primitives},2289:e=>{"use strict";e.exports=window.wp.styleEngine},6483:e=>{"use strict";e.exports=window.wp.url},2560:e=>{"use strict";e.exports=window.wp.warning},5266:e=>{"use strict";e.exports=window.wp.wordcount}},o={};function n(e){var t=o[e];if(void 0!==t)return t.exports;var c=o[e]={exports:{}};return r[e](c,c.exports,n),c.exports}n.m=r,n.n=e=>{var t=e&&e.__esModule?()=>e.default:()=>e;return n.d(t,{a:t}),t},n.d=(e,t)=>{for(var r in t)n.o(t,r)&&!n.o(e,r)&&Object.defineProperty(e,r,{enumerable:!0,get:t[r]})},n.f={},n.e=e=>Promise.all(Object.keys(n.f).reduce(((t,r)=>(n.f[r](e,t),t)),[])),n.u=e=>(({118:"product-rating-stars",2918:"product-rating-counter",3037:"product-average-rating",3706:"product-image",5432:"product-sale-badge",5445:"product-stock-indicator",5579:"product-price",5800:"product-add-to-cart",6925:"product-title",7385:"product-rating",8185:"product-summary",8771:"product-button",9870:"product-sku"}[e]||e)+"-frontend.js?ver="+{118:"7261446eb990288ffefd",2918:"e5d45ae8eb49e5454c17",3037:"aab1b4959462f5045d13",3706:"1cf365bc1ab44c6552d3",4124:"7357676e8e1958698e67",5432:"6adb0dd5cdc7653cf74f",5445:"8002028a1297379d4595",5579:"ed464b8ebde371d49a25",5800:"45046e88f8c7dfcf8661",6925:"de635f265c9ded4c1bc8",7385:"2e86845144541fc221da",8185:"329bf778168b75c17b95",8280:"2bf9fcddb16d5c9be251",8771:"289de8e2ae0d5cf0d25a",9870:"9588044e24b3967874d1"}[e]),n.g=function(){if("object"==typeof globalThis)return globalThis;try{return this||new Function("return this")()}catch(e){if("object"==typeof window)return window}}(),n.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),e={},t="webpackWcBlocksJsonp:",n.l=(r,o,c,a)=>{if(e[r])e[r].push(o);else{var l,s;if(void 0!==c)for(var i=document.getElementsByTagName("script"),u=0;u{l.onerror=l.onload=null,clearTimeout(m);var n=e[r];if(delete e[r],l.parentNode&&l.parentNode.removeChild(l),n&&n.forEach((e=>e(o))),t)return t(o)},m=setTimeout(d.bind(null,void 0,{type:"timeout",target:l}),12e4);l.onerror=d.bind(null,l.onerror),l.onload=d.bind(null,l.onload),s&&document.head.appendChild(l)}},n.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},(()=>{var e;n.g.importScripts&&(e=n.g.location+"");var t=n.g.document;if(!e&&t&&(t.currentScript&&(e=t.currentScript.src),!e)){var r=t.getElementsByTagName("script");if(r.length)for(var o=r.length-1;o>-1&&!e;)e=r[o--].src}if(!e)throw new Error("Automatic publicPath is not supported in this browser");e=e.replace(/#.*$/,"").replace(/\?.*$/,"").replace(/\/[^\/]+$/,"/"),n.p=e})(),(()=>{var e={86:0};n.f.j=(t,r)=>{var o=n.o(e,t)?e[t]:void 0;if(0!==o)if(o)r.push(o[2]);else{var c=new Promise(((r,n)=>o=e[t]=[r,n]));r.push(o[2]=c);var a=n.p+n.u(t),l=new Error;n.l(a,(r=>{if(n.o(e,t)&&(0!==(o=e[t])&&(e[t]=void 0),o)){var c=r&&("load"===r.type?"missing":r.type),a=r&&r.target&&r.target.src;l.message="Loading chunk "+t+" failed.\n("+c+": "+a+")",l.name="ChunkLoadError",l.type=c,l.request=a,o[1](l)}}),"chunk-"+t,t)}};var t=(t,r)=>{var o,c,[a,l,s]=r,i=0;if(a.some((t=>0!==e[t]))){for(o in l)n.o(l,o)&&(n.m[o]=l[o]);s&&s(n)}for(t&&t(r);i{"use strict";var e=n(9196),t=n(9307);function r(e){return r="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},r(e)}var o=n(5736),c=n(5271);const a=({imageUrl:t=`${c.td}/block-error.svg`,header:r=(0,o.__)("Oops!","woo-gutenberg-products-block"),text:n=(0,o.__)("There was an error loading the content.","woo-gutenberg-products-block"),errorMessage:a,errorMessagePrefix:l=(0,o.__)("Error:","woo-gutenberg-products-block"),button:s,showErrorBlock:i=!0})=>i?(0,e.createElement)("div",{className:"wc-block-error wc-block-components-error"},t&&(0,e.createElement)("img",{className:"wc-block-error__image wc-block-components-error__image",src:t,alt:""}),(0,e.createElement)("div",{className:"wc-block-error__content wc-block-components-error__content"},r&&(0,e.createElement)("p",{className:"wc-block-error__header wc-block-components-error__header"},r),n&&(0,e.createElement)("p",{className:"wc-block-error__text wc-block-components-error__text"},n),a&&(0,e.createElement)("p",{className:"wc-block-error__message wc-block-components-error__message"},l?l+" ":"",a),s&&(0,e.createElement)("p",{className:"wc-block-error__button wc-block-components-error__button"},s))):null;n(4578);class l extends t.Component{constructor(...e){var t,o,n;super(...e),t=this,n={errorMessage:"",hasError:!1},(o=function(e){var t=function(e,t){if("object"!==r(e)||null===e)return e;var o=e[Symbol.toPrimitive];if(void 0!==o){var n=o.call(e,"string");if("object"!==r(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(e)}(e);return"symbol"===r(t)?t:String(t)}(o="state"))in t?Object.defineProperty(t,o,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[o]=n}static getDerivedStateFromError(t){return void 0!==t.statusText&&void 0!==t.status?{errorMessage:(0,e.createElement)(e.Fragment,null,(0,e.createElement)("strong",null,t.status),": ",t.statusText),hasError:!0}:{errorMessage:t.message,hasError:!0}}render(){const{header:t,imageUrl:r,showErrorMessage:o=!0,showErrorBlock:n=!0,text:c,errorMessagePrefix:l,renderError:s,button:i}=this.props,{errorMessage:u,hasError:p}=this.state;return p?"function"==typeof s?s({errorMessage:u}):(0,e.createElement)(a,{showErrorBlock:n,errorMessage:o?u:null,header:t,imageUrl:r,text:c,errorMessagePrefix:l,button:i}):this.props.children}}const s=l,i=[".wp-block-woocommerce-cart"],u=({Block:r,containers:o,getProps:n=(()=>({})),getErrorBoundaryProps:c=(()=>({}))})=>{0!==o.length&&Array.prototype.forEach.call(o,((o,a)=>{const l=n(o,a),i=c(o,a),u={...o.dataset,...l.attributes||{}};(({Block:r,container:o,attributes:n={},props:c={},errorBoundaryProps:a={}})=>{(0,t.render)((0,e.createElement)(s,{...a},(0,e.createElement)(t.Suspense,{fallback:(0,e.createElement)("div",{className:"wc-block-placeholder"})},r&&(0,e.createElement)(r,{...c,attributes:n}))),o,(()=>{o.classList&&o.classList.remove("is-loading")}))})({Block:r,container:o,props:l,attributes:u,errorBoundaryProps:i})}))};var p=n(2991),d=n.n(p),m=n(4184),g=n.n(m),E=n(711);n(7036);const h=({currentPage:t,displayFirstAndLastPages:r=!0,displayNextAndPreviousArrows:n=!0,pagesToDisplay:c=3,onPageChange:a,totalPages:l})=>{let{minIndex:s,maxIndex:i}=((e,t,r)=>{if(r<=2)return{minIndex:null,maxIndex:null};const o=e-1,n=Math.max(Math.floor(t-o/2),2),c=Math.min(Math.ceil(t+(o-(t-n))),r-1);return{minIndex:Math.max(Math.floor(t-(o-(c-t))),2),maxIndex:c}})(c,t,l);const u=r&&Boolean(1!==s),p=r&&Boolean(i!==l),d=r&&Boolean(s&&s>3),m=r&&Boolean(i&&ia(t-1),title:(0,o.__)("Previous page","woo-gutenberg-products-block"),disabled:t<=1},(0,e.createElement)(E.Label,{label:"←",screenReaderLabel:(0,o.__)("Previous page","woo-gutenberg-products-block")})),u&&(0,e.createElement)("button",{className:g()("wc-block-pagination-page","wc-block-components-pagination__page",{"wc-block-pagination-page--active":1===t,"wc-block-components-pagination__page--active":1===t}),onClick:()=>a(1),disabled:1===t},(0,e.createElement)(E.Label,{label:"1",screenReaderLabel:(0,o.sprintf)(/* translators: %d is the page number (1, 2, 3...). */ +(0,o.__)("Page %d","woo-gutenberg-products-block"),1)})),d&&(0,e.createElement)("span",{className:"wc-block-pagination-ellipsis wc-block-components-pagination__ellipsis","aria-hidden":"true"},(0,o.__)("…","woo-gutenberg-products-block")),h.map((r=>(0,e.createElement)("button",{key:r,className:g()("wc-block-pagination-page","wc-block-components-pagination__page",{"wc-block-pagination-page--active":t===r,"wc-block-components-pagination__page--active":t===r}),onClick:t===r?void 0:()=>a(r),disabled:t===r},(0,e.createElement)(E.Label,{label:r.toString(),screenReaderLabel:(0,o.sprintf)(/* translators: %d is the page number (1, 2, 3...). */ +(0,o.__)("Page %d","woo-gutenberg-products-block"),r)})))),m&&(0,e.createElement)("span",{className:"wc-block-pagination-ellipsis wc-block-components-pagination__ellipsis","aria-hidden":"true"},(0,o.__)("…","woo-gutenberg-products-block")),p&&(0,e.createElement)("button",{className:g()("wc-block-pagination-page","wc-block-components-pagination__page",{"wc-block-pagination-page--active":t===l,"wc-block-components-pagination__page--active":t===l}),onClick:()=>a(l),disabled:t===l},(0,e.createElement)(E.Label,{label:l.toString(),screenReaderLabel:(0,o.sprintf)(/* translators: %d is the page number (1, 2, 3...). */ +(0,o.__)("Page %d","woo-gutenberg-products-block"),l)})),n&&(0,e.createElement)("button",{className:"wc-block-pagination-page wc-block-components-pagination__page wc-block-components-pagination-page--arrow",onClick:()=>a(t+1),title:(0,o.__)("Next page","woo-gutenberg-products-block"),disabled:t>=l},(0,e.createElement)(E.Label,{label:"→",screenReaderLabel:(0,o.__)("Next page","woo-gutenberg-products-block")})))};function w(e,r){const o=(0,t.useRef)();return(0,t.useEffect)((()=>{o.current===e||r&&!r(e,o.current)||(o.current=e)}),[e,r]),o.current}var b=n(4801),f=n(9818),y=n(9127),k=n.n(y),x=n(9075);const _=(0,t.createContext)("page"),v=()=>(0,t.useContext)(_),S=(_.Provider,(e,r,o)=>{const n=v();o=o||n;const c=(0,f.useSelect)((t=>t(b.QUERY_STATE_STORE_KEY).getValueForQueryKey(o,e,r)),[o,e]),{setQueryValue:a}=(0,f.useDispatch)(b.QUERY_STATE_STORE_KEY);return[c,(0,t.useCallback)((t=>{a(o,e,t)}),[o,e,a])]}),C=e=>{const r={namespace:"/wc/store/v1",resourceName:"products"},{results:o,isLoading:n}=(e=>{const{namespace:r,resourceName:o,resourceValues:n=[],query:c={},shouldSelect:a=!0}=e;if(!r||!o)throw new Error("The options object must have valid values for the namespace and the resource properties.");const l=(0,t.useRef)({results:[],isLoading:!0}),s=(0,x.s)(c),i=(0,x.s)(n),u=(()=>{const[,e]=(0,t.useState)();return(0,t.useCallback)((t=>{e((()=>{throw t}))}),[])})(),p=(0,f.useSelect)((e=>{if(!a)return null;const t=e(b.COLLECTIONS_STORE_KEY),n=[r,o,s,i],c=t.getCollectionError(...n);if(c){if(!(c instanceof Error))throw new Error("TypeError: `error` object is not an instance of Error constructor");u(c)}return{results:t.getCollection(...n),isLoading:!t.hasFinishedResolution("getCollection",n)}}),[r,o,i,s,a]);return null!==p&&(l.current=p),l.current})({...r,query:e}),{value:c}=((e,t)=>{const{namespace:r,resourceName:o,resourceValues:n=[],query:c={}}=t;if(!r||!o)throw new Error("The options object must have valid values for the namespace and the resource name properties.");const a=(0,x.s)(c),l=(0,x.s)(n),{value:s,isLoading:i=!0}=(0,f.useSelect)((t=>{const n=t(b.COLLECTIONS_STORE_KEY),c=[e,r,o,a,l];return{value:n.getCollectionHeader(...c),isLoading:n.hasFinishedResolution("getCollectionHeader",c)}}),[e,r,o,l,a]);return{value:s,isLoading:i}})("x-wp-total",{...r,query:e});return{products:o,totalProducts:parseInt(c,10),productsLoading:n}};var P=n(5918);n(1553);const N=e=>{if(!e)return;const t=e.getBoundingClientRect().bottom;t>=0&&t<=window.innerHeight||e.scrollIntoView()};var B=n(2864);const O=window.wp.a11y;var T=n(1984),A=n(444);const R=(0,t.createElement)(A.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"-2 -2 24 24"},(0,t.createElement)(A.Path,{d:"M10 2c4.42 0 8 3.58 8 8s-3.58 8-8 8-8-3.58-8-8 3.58-8 8-8zm1.13 9.38l.35-6.46H8.52l.35 6.46h2.26zm-.09 3.36c.24-.23.37-.55.37-.96 0-.42-.12-.74-.36-.97s-.59-.35-1.06-.35-.82.12-1.07.35-.37.55-.37.97c0 .41.13.73.38.96.26.23.61.34 1.06.34s.8-.11 1.05-.34z"})),L=()=>{const{parentClassName:t}=(0,B.useInnerBlockLayoutContext)();return(0,e.createElement)("div",{className:`${t}__no-products`},(0,e.createElement)(T.Z,{className:`${t}__no-products-image`,icon:R,size:100}),(0,e.createElement)("strong",{className:`${t}__no-products-title`},(0,o.__)("No products","woo-gutenberg-products-block")),(0,e.createElement)("p",{className:`${t}__no-products-description`},(0,o.__)("There are currently no products available to display.","woo-gutenberg-products-block")))},j=(0,t.createElement)(A.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24"},(0,t.createElement)(A.Path,{d:"M13.5 6C10.5 6 8 8.5 8 11.5c0 1.1.3 2.1.9 3l-3.4 3 1 1.1 3.4-2.9c1 .9 2.2 1.4 3.6 1.4 3 0 5.5-2.5 5.5-5.5C19 8.5 16.5 6 13.5 6zm0 9.5c-2.2 0-4-1.8-4-4s1.8-4 4-4 4 1.8 4 4-1.8 4-4 4z"})),M=({resetCallback:t=(()=>{})})=>{const{parentClassName:r}=(0,B.useInnerBlockLayoutContext)();return(0,e.createElement)("div",{className:`${r}__no-products`},(0,e.createElement)(T.Z,{className:`${r}__no-products-image`,icon:j,size:100}),(0,e.createElement)("strong",{className:`${r}__no-products-title`},(0,o.__)("No products found","woo-gutenberg-products-block")),(0,e.createElement)("p",{className:`${r}__no-products-description`},(0,o.__)("We were unable to find any results based on your search.","woo-gutenberg-products-block")),(0,e.createElement)("button",{onClick:t},(0,o.__)("Reset Search","woo-gutenberg-products-block")))};n(9991);const z=({onChange:t,value:r})=>(0,e.createElement)(E.SortSelect,{className:"wc-block-product-sort-select wc-block-components-product-sort-select",onChange:t,options:[{key:"menu_order",label:(0,o.__)("Default sorting","woo-gutenberg-products-block")},{key:"popularity",label:(0,o.__)("Popularity","woo-gutenberg-products-block")},{key:"rating",label:(0,o.__)("Average rating","woo-gutenberg-products-block")},{key:"date",label:(0,o.__)("Latest","woo-gutenberg-products-block")},{key:"price",label:(0,o.__)("Price: low to high","woo-gutenberg-products-block")},{key:"price-desc",label:(0,o.__)("Price: high to low","woo-gutenberg-products-block")}],screenReaderLabel:(0,o.__)("Order products by","woo-gutenberg-products-block"),value:r});var F=n(4333);const V=window.wc.wcBlocksRegistry;n.p=c.VF,(0,V.registerBlockComponent)({blockName:"woocommerce/product-price",component:(0,t.lazy)((()=>n.e(5579).then(n.bind(n,6669))))}),(0,V.registerBlockComponent)({blockName:"woocommerce/product-image",component:(0,t.lazy)((()=>n.e(3706).then(n.bind(n,4304))))}),(0,V.registerBlockComponent)({blockName:"woocommerce/product-title",component:(0,t.lazy)((()=>n.e(6925).then(n.bind(n,3719))))}),(0,V.registerBlockComponent)({blockName:"woocommerce/product-rating",component:(0,t.lazy)((()=>n.e(7385).then(n.bind(n,1382))))}),(0,V.registerBlockComponent)({blockName:"woocommerce/product-rating-stars",component:(0,t.lazy)((()=>n.e(118).then(n.bind(n,89))))}),(0,V.registerBlockComponent)({blockName:"woocommerce/product-rating-counter",component:(0,t.lazy)((()=>n.e(2918).then(n.bind(n,5042))))}),(0,V.registerBlockComponent)({blockName:"woocommerce/product-average-rating",component:(0,t.lazy)((()=>n.e(3037).then(n.bind(n,2043))))}),(0,V.registerBlockComponent)({blockName:"woocommerce/product-button",component:(0,t.lazy)((()=>n.e(8771).then(n.bind(n,8462))))}),(0,V.registerBlockComponent)({blockName:"woocommerce/product-summary",component:(0,t.lazy)((()=>n.e(8185).then(n.bind(n,8281))))}),(0,V.registerBlockComponent)({blockName:"woocommerce/product-sale-badge",component:(0,t.lazy)((()=>n.e(5432).then(n.bind(n,4498))))}),(0,V.registerBlockComponent)({blockName:"woocommerce/product-sku",component:(0,t.lazy)((()=>n.e(9870).then(n.bind(n,8130))))}),(0,V.registerBlockComponent)({blockName:"woocommerce/product-stock-indicator",component:(0,t.lazy)((()=>n.e(5445).then(n.bind(n,789))))}),(0,V.registerBlockComponent)({blockName:"woocommerce/product-add-to-cart",component:(0,t.lazy)((()=>Promise.all([n.e(4124),n.e(8280),n.e(5800)]).then(n.bind(n,2624))))});const I=(r,o,n,c)=>{if(!n)return;const a=(e=>(0,V.getRegisteredBlockComponents)(e))(r);return n.map((([n,l={}],s)=>{let i=[];l.children&&l.children.length>0&&(i=I(r,o,l.children,c));const u=a[n];if(!u)return null;const p=o.id||0,d=["layout",n,s,c,p];return(0,e.createElement)(t.Suspense,{key:d.join("_"),fallback:(0,e.createElement)("div",{className:"wc-block-placeholder"})},(0,e.createElement)(u,{...l,children:i,product:o}))}))},$=(0,F.withInstanceId)((({product:t={},attributes:r,instanceId:o})=>{const{layoutConfig:n}=r,{parentClassName:c,parentName:a}=(0,B.useInnerBlockLayoutContext)(),l=0===Object.keys(t).length,s=g()(`${c}__product`,"wc-block-layout",{"is-loading":l});return(0,e.createElement)("li",{className:s,"aria-hidden":l},I(a,t,n,o))}));n(5945);const Q=e=>{switch(e){case"menu_order":case"popularity":case"rating":case"price":return{orderby:e,order:"asc"};case"price-desc":return{orderby:"price",order:"desc"};case"date":return{orderby:"date",order:"desc"}}},G=({totalQuery:e,totalProducts:t},{totalQuery:r}={})=>!d()(e,r)&&Number.isFinite(t),q=(D=({attributes:r,currentPage:n,onPageChange:c,onSortChange:a,sortValue:l,scrollToTop:s})=>{const[i,u]=S("attributes",[]),[p,m]=S("stock_status",[]),[E,y]=S("rating",[]),[_,N]=S("min_price"),[T,A]=S("max_price"),[R]=((e,r)=>{const o=v();r=r||o;const[n,c]=(e=>{const r=v();e=e||r;const o=(0,f.useSelect)((t=>t(b.QUERY_STATE_STORE_KEY).getValueForQueryContext(e,void 0)),[e]),{setValueForQueryContext:n}=(0,f.useDispatch)(b.QUERY_STATE_STORE_KEY);return[o,(0,t.useCallback)((t=>{n(e,t)}),[e,n])]})(r),a=(0,x.s)(n),l=(0,x.s)(e),s=w(l),i=(0,t.useRef)(!1);return(0,t.useEffect)((()=>{k()(s,l)||(c(Object.assign({},a,l)),i.current=!0)}),[a,l,s,c]),i.current?[n,c]:[e,c]})((({sortValue:e,currentPage:t,attributes:r})=>{const{columns:o,rows:n}=r;return{...Q(e),catalog_visibility:"catalog",per_page:o*n,page:t}})({attributes:r,sortValue:l,currentPage:n})),{products:j,totalProducts:F,productsLoading:V}=C(R),{parentClassName:I,parentName:q}=(0,B.useInnerBlockLayoutContext)(),U=(e=>{const{order:t,orderby:r,page:o,per_page:n,...c}=e;return c||{}})(R),{dispatchStoreEvent:Y}=(0,P.n)(),D=w({totalQuery:U,totalProducts:F},G);(0,t.useEffect)((()=>{Y("product-list-render",{products:j,listName:q})}),[j,q,Y]),(0,t.useEffect)((()=>{d()(U,null==D?void 0:D.totalQuery)||(c(1),null!=D&&D.totalQuery&&(e=>{Number.isFinite(e)&&(0===e?(0,O.speak)((0,o.__)("No products found","woo-gutenberg-products-block")):(0,O.speak)((0,o.sprintf)(/* translators: %s is an integer higher than 0 (1, 2, 3...) */ +(0,o._n)("%d product found","%d products found",e,"woo-gutenberg-products-block"),e)))})(F))}),[null==D?void 0:D.totalQuery,F,c,U]);const{contentVisibility:K}=r,H=r.columns*r.rows,J=!Number.isFinite(F)&&Number.isFinite(null==D?void 0:D.totalProducts)&&d()(U,null==D?void 0:D.totalQuery)?Math.ceil(((null==D?void 0:D.totalProducts)||0)/H):Math.ceil(F/H),W=j.length?j:Array.from({length:H}),Z=0!==j.length||V,X=i.length>0||p.length>0||E.length>0||Number.isFinite(_)||Number.isFinite(T);return(0,e.createElement)("div",{className:(()=>{const{columns:e,rows:t,alignButtons:o,align:n}=r,c=void 0!==n?"align"+n:"";return g()(I,c,"has-"+e+"-columns",{"has-multiple-rows":t>1,"has-aligned-buttons":o})})()},(null==K?void 0:K.orderBy)&&Z&&(0,e.createElement)(z,{onChange:a,value:l}),!Z&&X&&(0,e.createElement)(M,{resetCallback:()=>{u([]),m([]),y([]),N(null),A(null)}}),!Z&&!X&&(0,e.createElement)(L,null),Z&&(0,e.createElement)("ul",{className:g()(`${I}__products`,{"is-loading-products":V})},W.map(((t={},o)=>(0,e.createElement)($,{key:t.id||o,attributes:r,product:t})))),J>1&&(0,e.createElement)(h,{currentPage:n,onPageChange:e=>{s({focusableSelector:"a, button"}),c(e)},totalPages:J}))},r=>{const o=(0,t.useRef)(null);return(0,e.createElement)(e.Fragment,null,(0,e.createElement)("div",{className:"with-scroll-to-top__scroll-point",ref:o,"aria-hidden":!0}),(0,e.createElement)(D,{...r,scrollToTop:e=>{null!==o.current&&((e,t)=>{const{focusableSelector:r}=t||{};window&&Number.isFinite(window.innerHeight)&&(r?((e,t)=>{var r;const o=(null===(r=e.parentElement)||void 0===r?void 0:r.querySelectorAll(t))||[];if(o.length){const e=o[0];N(e),null==e||e.focus()}else N(e)})(e,r):N(e))})(o.current,e)}}))}),U=({attributes:r})=>{const[o,n]=(0,t.useState)(1),[c,a]=(0,t.useState)(r.orderby);return(0,t.useEffect)((()=>{a(r.orderby)}),[r.orderby]),(0,e.createElement)(q,{attributes:r,currentPage:o,onPageChange:e=>{n(e)},onSortChange:e=>{var t;const r=null==e||null===(t=e.target)||void 0===t?void 0:t.value;a(r),n(1)},sortValue:c})},Y=(0,e.createElement)("svg",{xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 230 250",style:{width:"100%"}},(0,e.createElement)("title",null,"Grid Block Preview"),(0,e.createElement)("rect",{width:"65.374",height:"65.374",x:".162",y:".779",fill:"#E1E3E6",rx:"3"}),(0,e.createElement)("rect",{width:"47.266",height:"5.148",x:"9.216",y:"76.153",fill:"#E1E3E6",rx:"2.574"}),(0,e.createElement)("rect",{width:"62.8",height:"15",x:"1.565",y:"101.448",fill:"#E1E3E6",rx:"5"}),(0,e.createElement)("rect",{width:"65.374",height:"65.374",x:".162",y:"136.277",fill:"#E1E3E6",rx:"3"}),(0,e.createElement)("rect",{width:"47.266",height:"5.148",x:"9.216",y:"211.651",fill:"#E1E3E6",rx:"2.574"}),(0,e.createElement)("rect",{width:"62.8",height:"15",x:"1.565",y:"236.946",fill:"#E1E3E6",rx:"5"}),(0,e.createElement)("rect",{width:"65.374",height:"65.374",x:"82.478",y:".779",fill:"#E1E3E6",rx:"3"}),(0,e.createElement)("rect",{width:"47.266",height:"5.148",x:"91.532",y:"76.153",fill:"#E1E3E6",rx:"2.574"}),(0,e.createElement)("rect",{width:"62.8",height:"15",x:"83.882",y:"101.448",fill:"#E1E3E6",rx:"5"}),(0,e.createElement)("rect",{width:"65.374",height:"65.374",x:"82.478",y:"136.277",fill:"#E1E3E6",rx:"3"}),(0,e.createElement)("rect",{width:"47.266",height:"5.148",x:"91.532",y:"211.651",fill:"#E1E3E6",rx:"2.574"}),(0,e.createElement)("rect",{width:"62.8",height:"15",x:"83.882",y:"236.946",fill:"#E1E3E6",rx:"5"}),(0,e.createElement)("rect",{width:"65.374",height:"65.374",x:"164.788",y:".779",fill:"#E1E3E6",rx:"3"}),(0,e.createElement)("rect",{width:"47.266",height:"5.148",x:"173.843",y:"76.153",fill:"#E1E3E6",rx:"2.574"}),(0,e.createElement)("rect",{width:"62.8",height:"15",x:"166.192",y:"101.448",fill:"#E1E3E6",rx:"5"}),(0,e.createElement)("rect",{width:"65.374",height:"65.374",x:"164.788",y:"136.277",fill:"#E1E3E6",rx:"3"}),(0,e.createElement)("rect",{width:"47.266",height:"5.148",x:"173.843",y:"211.651",fill:"#E1E3E6",rx:"2.574"}),(0,e.createElement)("rect",{width:"62.8",height:"15",x:"166.192",y:"236.946",fill:"#E1E3E6",rx:"5"}),(0,e.createElement)("rect",{width:"6.177",height:"6.177",x:"13.283",y:"86.301",fill:"#E1E3E6",rx:"3"}),(0,e.createElement)("rect",{width:"6.177",height:"6.177",x:"21.498",y:"86.301",fill:"#E1E3E6",rx:"3"}),(0,e.createElement)("rect",{width:"6.177",height:"6.177",x:"29.713",y:"86.301",fill:"#E1E3E6",rx:"3"}),(0,e.createElement)("rect",{width:"6.177",height:"6.177",x:"37.927",y:"86.301",fill:"#E1E3E6",rx:"3"}),(0,e.createElement)("rect",{width:"6.177",height:"6.177",x:"46.238",y:"86.301",fill:"#E1E3E6",rx:"3"}),(0,e.createElement)("rect",{width:"6.177",height:"6.177",x:"95.599",y:"86.301",fill:"#E1E3E6",rx:"3"}),(0,e.createElement)("rect",{width:"6.177",height:"6.177",x:"103.814",y:"86.301",fill:"#E1E3E6",rx:"3"}),(0,e.createElement)("rect",{width:"6.177",height:"6.177",x:"112.029",y:"86.301",fill:"#E1E3E6",rx:"3"}),(0,e.createElement)("rect",{width:"6.177",height:"6.177",x:"120.243",y:"86.301",fill:"#E1E3E6",rx:"3"}),(0,e.createElement)("rect",{width:"6.177",height:"6.177",x:"128.554",y:"86.301",fill:"#E1E3E6",rx:"3"}),(0,e.createElement)("rect",{width:"6.177",height:"6.177",x:"177.909",y:"86.301",fill:"#E1E3E6",rx:"3"}),(0,e.createElement)("rect",{width:"6.177",height:"6.177",x:"186.124",y:"86.301",fill:"#E1E3E6",rx:"3"}),(0,e.createElement)("rect",{width:"6.177",height:"6.177",x:"194.339",y:"86.301",fill:"#E1E3E6",rx:"3"}),(0,e.createElement)("rect",{width:"6.177",height:"6.177",x:"202.553",y:"86.301",fill:"#E1E3E6",rx:"3"}),(0,e.createElement)("rect",{width:"6.177",height:"6.177",x:"210.864",y:"86.301",fill:"#E1E3E6",rx:"3"}),(0,e.createElement)("rect",{width:"6.177",height:"6.177",x:"13.283",y:"221.798",fill:"#E1E3E6",rx:"3"}),(0,e.createElement)("rect",{width:"6.177",height:"6.177",x:"21.498",y:"221.798",fill:"#E1E3E6",rx:"3"}),(0,e.createElement)("rect",{width:"6.177",height:"6.177",x:"29.713",y:"221.798",fill:"#E1E3E6",rx:"3"}),(0,e.createElement)("rect",{width:"6.177",height:"6.177",x:"37.927",y:"221.798",fill:"#E1E3E6",rx:"3"}),(0,e.createElement)("rect",{width:"6.177",height:"6.177",x:"46.238",y:"221.798",fill:"#E1E3E6",rx:"3"}),(0,e.createElement)("rect",{width:"6.177",height:"6.177",x:"95.599",y:"221.798",fill:"#E1E3E6",rx:"3"}),(0,e.createElement)("rect",{width:"6.177",height:"6.177",x:"103.814",y:"221.798",fill:"#E1E3E6",rx:"3"}),(0,e.createElement)("rect",{width:"6.177",height:"6.177",x:"112.029",y:"221.798",fill:"#E1E3E6",rx:"3"}),(0,e.createElement)("rect",{width:"6.177",height:"6.177",x:"120.243",y:"221.798",fill:"#E1E3E6",rx:"3"}),(0,e.createElement)("rect",{width:"6.177",height:"6.177",x:"128.554",y:"221.798",fill:"#E1E3E6",rx:"3"}),(0,e.createElement)("rect",{width:"6.177",height:"6.177",x:"177.909",y:"221.798",fill:"#E1E3E6",rx:"3"}),(0,e.createElement)("rect",{width:"6.177",height:"6.177",x:"186.124",y:"221.798",fill:"#E1E3E6",rx:"3"}),(0,e.createElement)("rect",{width:"6.177",height:"6.177",x:"194.339",y:"221.798",fill:"#E1E3E6",rx:"3"}),(0,e.createElement)("rect",{width:"6.177",height:"6.177",x:"202.553",y:"221.798",fill:"#E1E3E6",rx:"3"}),(0,e.createElement)("rect",{width:"6.177",height:"6.177",x:"210.864",y:"221.798",fill:"#E1E3E6",rx:"3"}));var D,K=n(3554);class H extends t.Component{render(){const{attributes:t,urlParameterSuffix:r}=this.props;return t.isPreview?Y:(0,e.createElement)(B.InnerBlockLayoutContextProvider,{parentName:"woocommerce/all-products",parentClassName:"wc-block-grid"},(0,e.createElement)(K.StoreNoticesContainer,{context:"wc/all-products"}),(0,e.createElement)(U,{attributes:t,urlParameterSuffix:r}))}}const J=H;(e=>{const t=document.body.querySelectorAll(i.join(",")),{Block:r,getProps:o,getErrorBoundaryProps:n,selector:c}=e;(({Block:e,getProps:t,getErrorBoundaryProps:r,selector:o,wrappers:n})=>{const c=document.body.querySelectorAll(o);n&&n.length>0&&Array.prototype.filter.call(c,(e=>!((e,t)=>Array.prototype.some.call(t,(t=>t.contains(e)&&!t.isSameNode(e))))(e,n))),u({Block:e,containers:c,getProps:t,getErrorBoundaryProps:r})})({Block:r,getProps:o,getErrorBoundaryProps:n,selector:c,wrappers:t}),Array.prototype.forEach.call(t,(t=>{t.addEventListener("wc-blocks_render_blocks_frontend",(()=>{(({Block:e,getProps:t,getErrorBoundaryProps:r,selector:o,wrapper:n})=>{const c=n.querySelectorAll(o);u({Block:e,containers:c,getProps:t,getErrorBoundaryProps:r})})({...e,wrapper:t})}))}))})({selector:".wp-block-woocommerce-all-products",Block:t=>(0,e.createElement)(J,{...t}),getProps:e=>({attributes:JSON.parse(e.dataset.attributes)})})})()})(); \ No newline at end of file diff --git a/build/all-products-rtl.css b/build/all-products-rtl.css new file mode 100644 index 00000000000..175cea29135 --- /dev/null +++ b/build/all-products-rtl.css @@ -0,0 +1,25 @@ +@keyframes spinner__animation{0%{animation-timing-function:cubic-bezier(.5856,.0703,.4143,.9297);transform:rotate(0deg)}to{transform:rotate(-1turn)}}@keyframes loading__animation{to{transform:translateX(-100%)}}.wc-block-components-pagination{margin:0 auto 16px}.wc-block-components-pagination__ellipsis,.wc-block-components-pagination__page{color:#333;display:inline-block;font-size:1em;font-weight:400}.wc-block-components-pagination__page{border-color:transparent;min-width:2.2em;padding:.3em .6em}.wc-block-components-pagination__page:not([disabled]){cursor:pointer}@media(max-width:782px){.wc-block-components-pagination__page{min-width:1.6em;padding:.1em .2em}}.wc-block-components-pagination__page:not(.toggle){background-color:transparent}.wc-block-components-pagination__ellipsis{padding:.3em}@media(max-width:782px){.wc-block-components-pagination__ellipsis{padding:.1em}}.wc-block-components-pagination__page--active[disabled]{color:#333;font-weight:700;opacity:1!important}.wc-block-components-pagination__page--active[disabled]:focus,.wc-block-components-pagination__page--active[disabled]:hover{background-color:inherit;color:#333;opacity:1!important}html[dir=rtl] .wc-block-components-pagination-page--arrow span{display:inline-block;transform:scaleX(-1)} +@keyframes spinner__animation{0%{animation-timing-function:cubic-bezier(.5856,.0703,.4143,.9297);transform:rotate(0deg)}to{transform:rotate(-1turn)}}@keyframes loading__animation{to{transform:translateX(-100%)}}.wc-block-components-product-sort-select{margin-bottom:24px;text-align:right} +@keyframes spinner__animation{0%{animation-timing-function:cubic-bezier(.5856,.0703,.4143,.9297);transform:rotate(0deg)}to{transform:rotate(-1turn)}}@keyframes loading__animation{to{transform:translateX(-100%)}}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(-1turn)}}.wc-block-grid{text-align:center}.wc-block-grid__no-products{padding:48px;text-align:center;width:100%}.wc-block-grid__no-products .wc-block-grid__no-products-image{color:inherit;display:block;margin:0 auto 1em;max-width:150px}.wc-block-grid__no-products .wc-block-grid__no-products-title{display:block;font-weight:700;margin:0}.wc-block-grid__no-products .wc-block-grid__no-products-description{display:block;margin:.25em 0 1em}.wc-block-grid__products{background-clip:padding-box;display:flex;flex-wrap:wrap;margin:0 -8px 16px;padding:0}.wc-block-grid__product{border-bottom:16px solid transparent;border-right:8px solid transparent;border-left:8px solid transparent;box-sizing:border-box;float:none;list-style:none;margin:0;padding:0;position:relative;text-align:center;width:auto}.wc-block-grid__product.wc-block-grid__product{box-sizing:border-box}.theme-twentytwenty .wc-block-grid.has-aligned-buttons .wc-block-grid__product,.wc-block-grid.has-aligned-buttons .wc-block-grid__product{display:flex;flex-direction:column}.theme-twentytwenty .wc-block-grid.has-aligned-buttons .wc-block-grid__product>:last-child,.wc-block-grid.has-aligned-buttons .wc-block-grid__product>:last-child{margin-bottom:0;margin-top:auto;padding-bottom:12px}.theme-twentytwenty .wc-block-grid.has-1-columns .wc-block-grid__product,.wc-block-grid.has-1-columns .wc-block-grid__product{flex:1 0 100%;max-width:100%}.theme-twentytwenty .wc-block-grid.has-2-columns .wc-block-grid__product,.wc-block-grid.has-2-columns .wc-block-grid__product{flex:1 0 50%;max-width:50%}.theme-twentytwenty .wc-block-grid.has-3-columns .wc-block-grid__product,.wc-block-grid.has-3-columns .wc-block-grid__product{flex:1 0 33.3333333333%;max-width:33.3333333333%}.theme-twentytwenty .wc-block-grid.has-4-columns .wc-block-grid__product,.wc-block-grid.has-4-columns .wc-block-grid__product{flex:1 0 25%;max-width:25%}.theme-twentytwenty .wc-block-grid.has-5-columns .wc-block-grid__product,.wc-block-grid.has-5-columns .wc-block-grid__product{flex:1 0 20%;max-width:20%}.theme-twentytwenty .wc-block-grid.has-6-columns .wc-block-grid__product,.wc-block-grid.has-6-columns .wc-block-grid__product{flex:1 0 16.6666666667%;max-width:16.6666666667%}.theme-twentytwenty .wc-block-grid.has-7-columns .wc-block-grid__product,.wc-block-grid.has-7-columns .wc-block-grid__product{flex:1 0 14.2857142857%;max-width:14.2857142857%}.theme-twentytwenty .wc-block-grid.has-8-columns .wc-block-grid__product,.wc-block-grid.has-8-columns .wc-block-grid__product{flex:1 0 12.5%;max-width:12.5%}.theme-twentytwenty .wc-block-grid.has-6-columns .wc-block-grid__product,.wc-block-grid.has-6-columns .wc-block-grid__product{font-size:.5em}.theme-twentytwenty .wc-block-grid.has-5-columns .wc-block-grid__product,.theme-twentytwenty .wc-block-grid.has-6-columns.alignfull .wc-block-grid__product,.wc-block-grid.has-5-columns .wc-block-grid__product,.wc-block-grid.has-6-columns.alignfull .wc-block-grid__product{font-size:.58em}.theme-twentytwenty .wc-block-grid.has-4-columns:not(.alignwide):not(.alignfull) .wc-block-grid__product,.theme-twentytwenty .wc-block-grid.has-5-columns.alignfull .wc-block-grid__product,.wc-block-grid.has-4-columns:not(.alignwide):not(.alignfull) .wc-block-grid__product,.wc-block-grid.has-5-columns.alignfull .wc-block-grid__product{font-size:.75em}.theme-twentytwenty .wc-block-grid.has-3-columns:not(.alignwide):not(.alignfull),.wc-block-grid.has-3-columns:not(.alignwide):not(.alignfull){font-size:.92em}@media(max-width:480px){.wc-block-grid.has-2-columns .wc-block-grid__products{display:block}.wc-block-grid.has-2-columns .wc-block-grid__product{flex:1 0 100%;margin-right:auto;margin-left:auto;max-width:100%;padding:0}.wc-block-grid.has-3-columns .wc-block-grid__products{display:block}.wc-block-grid.has-3-columns .wc-block-grid__product{flex:1 0 100%;margin-right:auto;margin-left:auto;max-width:100%;padding:0}.wc-block-grid.has-4-columns .wc-block-grid__products{display:block}.wc-block-grid.has-4-columns .wc-block-grid__product{flex:1 0 100%;margin-right:auto;margin-left:auto;max-width:100%;padding:0}.wc-block-grid.has-5-columns .wc-block-grid__products{display:block}.wc-block-grid.has-5-columns .wc-block-grid__product{flex:1 0 100%;margin-right:auto;margin-left:auto;max-width:100%;padding:0}.wc-block-grid.has-6-columns .wc-block-grid__products{display:block}.wc-block-grid.has-6-columns .wc-block-grid__product{flex:1 0 100%;margin-right:auto;margin-left:auto;max-width:100%;padding:0}.wc-block-grid.has-7-columns .wc-block-grid__products{display:block}.wc-block-grid.has-7-columns .wc-block-grid__product{flex:1 0 100%;margin-right:auto;margin-left:auto;max-width:100%;padding:0}.wc-block-grid.has-8-columns .wc-block-grid__products{display:block}.wc-block-grid.has-8-columns .wc-block-grid__product{flex:1 0 100%;margin-right:auto;margin-left:auto;max-width:100%;padding:0}}@media(min-width:481px)and (max-width:600px){.wc-block-grid.has-2-columns .wc-block-grid__product{flex:1 0 50%;margin:0 0 24px;max-width:50%;padding:0}.wc-block-grid.has-2-columns .wc-block-grid__product:nth-child(odd){padding-left:8px}.wc-block-grid.has-2-columns .wc-block-grid__product:nth-child(2n){padding-right:8px}.wc-block-grid.has-3-columns .wc-block-grid__product{flex:1 0 50%;margin:0 0 24px;max-width:50%;padding:0}.wc-block-grid.has-3-columns .wc-block-grid__product:nth-child(odd){padding-left:8px}.wc-block-grid.has-3-columns .wc-block-grid__product:nth-child(2n){padding-right:8px}.wc-block-grid.has-4-columns .wc-block-grid__product{flex:1 0 50%;margin:0 0 24px;max-width:50%;padding:0}.wc-block-grid.has-4-columns .wc-block-grid__product:nth-child(odd){padding-left:8px}.wc-block-grid.has-4-columns .wc-block-grid__product:nth-child(2n){padding-right:8px}.wc-block-grid.has-5-columns .wc-block-grid__product{flex:1 0 50%;margin:0 0 24px;max-width:50%;padding:0}.wc-block-grid.has-5-columns .wc-block-grid__product:nth-child(odd){padding-left:8px}.wc-block-grid.has-5-columns .wc-block-grid__product:nth-child(2n){padding-right:8px}.wc-block-grid.has-6-columns .wc-block-grid__product{flex:1 0 50%;margin:0 0 24px;max-width:50%;padding:0}.wc-block-grid.has-6-columns .wc-block-grid__product:nth-child(odd){padding-left:8px}.wc-block-grid.has-6-columns .wc-block-grid__product:nth-child(2n){padding-right:8px}.wc-block-grid.has-7-columns .wc-block-grid__product{flex:1 0 50%;margin:0 0 24px;max-width:50%;padding:0}.wc-block-grid.has-7-columns .wc-block-grid__product:nth-child(odd){padding-left:8px}.wc-block-grid.has-7-columns .wc-block-grid__product:nth-child(2n){padding-right:8px}.wc-block-grid.has-8-columns .wc-block-grid__product{flex:1 0 50%;margin:0 0 24px;max-width:50%;padding:0}.wc-block-grid.has-8-columns .wc-block-grid__product:nth-child(odd){padding-left:8px}.wc-block-grid.has-8-columns .wc-block-grid__product:nth-child(2n){padding-right:8px}} +@keyframes spinner__animation{0%{animation-timing-function:cubic-bezier(.5856,.0703,.4143,.9297);transform:rotate(0deg)}to{transform:rotate(-1turn)}}@keyframes loading__animation{to{transform:translateX(-100%)}}.with-scroll-to-top__scroll-point{position:relative;top:-36px} +@keyframes spinner__animation{0%{animation-timing-function:cubic-bezier(.5856,.0703,.4143,.9297);transform:rotate(0deg)}to{transform:rotate(-1turn)}}@keyframes loading__animation{to{transform:translateX(-100%)}}.wc-block-components-error{align-items:center;color:#757575;display:flex;flex-direction:column;justify-content:center;margin:48px 0;padding:48px 0;text-align:center}.wc-block-components-error__header{color:#646970;font-size:2em;margin:0}.wc-block-components-error__image{margin:0 0 24px;width:25%}.wc-block-components-error__text{color:#8c8f94;font-size:1.25em;margin:1em 0 0;max-width:60ch}.wc-block-components-error__message{color:#8c8f94;font-style:italic;margin:1em auto 0;max-width:60ch}.wc-block-error__button{margin:48px 0 0} +@keyframes spinner__animation{0%{animation-timing-function:cubic-bezier(.5856,.0703,.4143,.9297);transform:rotate(0deg)}to{transform:rotate(-1turn)}}@keyframes loading__animation{to{transform:translateX(-100%)}}.wc-block-components-product-name{font-size:1em;overflow-wrap:anywhere;word-break:break-word;-ms-word-break:break-all} +@keyframes spinner__animation{0%{animation-timing-function:cubic-bezier(.5856,.0703,.4143,.9297);transform:rotate(0deg)}to{transform:rotate(-1turn)}}@keyframes loading__animation{to{transform:translateX(-100%)}}.wc-block-components-product-title{display:block;font-size:inherit;font-weight:700;line-height:1.5;margin-bottom:12px;margin-top:0;padding:0}.wc-block-components-product-title a{color:inherit;font-size:inherit}.is-loading .wc-block-components-product-title:before{background-color:currentColor!important;border:0!important;border-radius:.25rem;box-shadow:none;color:currentColor!important;content:".";display:block;display:inline-block;line-height:1;max-width:100%!important;opacity:.15;outline:0!important;overflow:hidden!important;pointer-events:none;position:relative!important;width:100%;width:7em;z-index:1}.is-loading .wc-block-components-product-title:before>*{visibility:hidden}.is-loading .wc-block-components-product-title:before:after{animation:loading__animation 1.5s ease-in-out infinite;background-image:linear-gradient(-90deg,currentColor,hsla(0,0%,96%,.302),currentColor);background-repeat:no-repeat;content:" ";display:block;height:100%;right:0;position:absolute;left:0;top:0;transform:translateX(100%)}@media screen and (prefers-reduced-motion:reduce){.is-loading .wc-block-components-product-title:before{animation:none}}.is-loading .wc-block-grid .wc-block-components-product-title:before{width:10em}.wc-block-components-product-title--align-left{text-align:right}.wc-block-components-product-title--align-center{text-align:center}.wc-block-components-product-title--align-right{text-align:left} +@keyframes spinner__animation{0%{animation-timing-function:cubic-bezier(.5856,.0703,.4143,.9297);transform:rotate(0deg)}to{transform:rotate(-1turn)}}@keyframes loading__animation{to{transform:translateX(-100%)}}.wc-block-components-product-price--align-left{display:block;text-align:right}.wc-block-components-product-price--align-center{display:block;text-align:center}.wc-block-components-product-price--align-right{display:block;text-align:left}.wc-block-components-product-price{display:block}.wc-block-components-product-price .wc-block-all-products .wc-block-components-product-price{margin-bottom:12px}.wc-block-components-product-price ins{text-decoration:none}.wc-block-components-product-price__value.is-discounted{margin-right:.5em}.is-loading .wc-block-components-product-price:before{background-color:currentColor!important;border:0!important;border-radius:.25rem;box-shadow:none;color:currentColor!important;content:".";display:block;display:inline-block;line-height:1;max-width:100%!important;opacity:.15;outline:0!important;overflow:hidden!important;pointer-events:none;position:relative!important;width:100%;width:5em;z-index:1}.is-loading .wc-block-components-product-price:before>*{visibility:hidden}.is-loading .wc-block-components-product-price:before:after{animation:loading__animation 1.5s ease-in-out infinite;background-image:linear-gradient(-90deg,currentColor,hsla(0,0%,96%,.302),currentColor);background-repeat:no-repeat;content:" ";display:block;height:100%;right:0;position:absolute;left:0;top:0;transform:translateX(100%)}@media screen and (prefers-reduced-motion:reduce){.is-loading .wc-block-components-product-price:before{animation:none}} +@keyframes spinner__animation{0%{animation-timing-function:cubic-bezier(.5856,.0703,.4143,.9297);transform:rotate(0deg)}to{transform:rotate(-1turn)}}@keyframes loading__animation{to{transform:translateX(-100%)}}.wp-block-woocommerce-product-sale-badge{display:flex;flex-direction:column}.wc-block-components-product-sale-badge{background:#fff;border:1px solid #43454b;border-radius:4px;box-sizing:border-box;color:#43454b;display:inline-block;font-size:.875em;font-weight:600;padding:.25em .75em;position:static;text-align:center;text-transform:uppercase;width:-moz-fit-content;width:fit-content;z-index:9}.wc-block-components-product-sale-badge--align-left{align-self:auto}.wc-block-components-product-sale-badge--align-center{align-self:center}.wc-block-components-product-sale-badge--align-right{align-self:flex-end}.wc-block-components-product-sale-badge span{background-color:inherit;color:inherit} +@keyframes spinner__animation{0%{animation-timing-function:cubic-bezier(.5856,.0703,.4143,.9297);transform:rotate(0deg)}to{transform:rotate(-1turn)}}@keyframes loading__animation{to{transform:translateX(-100%)}}.editor-styles-wrapper .wc-block-grid__products .wc-block-grid__product .wc-block-components-product-image,.wc-block-components-product-image{display:block;position:relative;text-decoration:none}.editor-styles-wrapper .wc-block-grid__products .wc-block-grid__product .wc-block-components-product-image a,.wc-block-components-product-image a{border:0;border-radius:inherit;box-shadow:none;outline:0;text-decoration:none}.editor-styles-wrapper .wc-block-grid__products .wc-block-grid__product .wc-block-components-product-image img,.wc-block-components-product-image img{border-radius:inherit;height:auto;vertical-align:middle;width:100%}.editor-styles-wrapper .wc-block-grid__products .wc-block-grid__product .wc-block-components-product-image img[hidden],.wc-block-components-product-image img[hidden]{display:none}.editor-styles-wrapper .wc-block-grid__products .wc-block-grid__product .wc-block-components-product-image img[alt=""],.wc-block-components-product-image img[alt=""]{border:1px solid #f2f2f2}.editor-styles-wrapper .wc-block-grid__products .wc-block-grid__product .wc-block-components-product-image .wc-block-components-product-sale-badge--align-left,.wc-block-components-product-image .wc-block-components-product-sale-badge--align-left{right:4px;margin:0;position:absolute;left:auto;top:4px}.editor-styles-wrapper .wc-block-grid__products .wc-block-grid__product .wc-block-components-product-image .wc-block-components-product-sale-badge--align-center,.wc-block-components-product-image .wc-block-components-product-sale-badge--align-center{right:50%;margin:0;position:absolute;left:auto;top:4px;transform:translateX(50%)}.editor-styles-wrapper .wc-block-grid__products .wc-block-grid__product .wc-block-components-product-image .wc-block-components-product-sale-badge--align-right,.wc-block-components-product-image .wc-block-components-product-sale-badge--align-right{right:auto;margin:0;position:absolute;left:4px;top:4px}.is-loading .wc-block-components-product-image{background-color:currentColor!important;border:0!important;box-shadow:none;color:currentColor!important;display:block;line-height:1;max-width:100%!important;opacity:.15;outline:0!important;overflow:hidden!important;pointer-events:none;position:relative!important;width:100%;width:auto;z-index:1}.is-loading .wc-block-components-product-image>*{visibility:hidden}.is-loading .wc-block-components-product-image:after{animation:loading__animation 1.5s ease-in-out infinite;background-image:linear-gradient(-90deg,currentColor,hsla(0,0%,96%,.302),currentColor);background-repeat:no-repeat;content:" ";display:block;height:100%;right:0;position:absolute;left:0;top:0;transform:translateX(100%)}@media screen and (prefers-reduced-motion:reduce){.is-loading .wc-block-components-product-image{animation:none}}.wc-block-components-product-image{margin:0 0 12px}.wc-block-product-image__tools-panel .components-input-control{margin-bottom:8px} +@keyframes spinner__animation{0%{animation-timing-function:cubic-bezier(.5856,.0703,.4143,.9297);transform:rotate(0deg)}to{transform:rotate(-1turn)}}@keyframes loading__animation{to{transform:translateX(-100%)}}.wc-block-components-product-rating .wc-block-components-product-rating__container>*{vertical-align:middle}.wc-block-components-product-rating .wc-block-components-product-rating__stars{display:inline-block;margin:0} +@keyframes spinner__animation{0%{animation-timing-function:cubic-bezier(.5856,.0703,.4143,.9297);transform:rotate(0deg)}to{transform:rotate(-1turn)}}@keyframes loading__animation{to{transform:translateX(-100%)}}.wc-block-components-product-rating-stars{display:block;line-height:1}.wc-block-components-product-rating-stars__stars{display:inline-block;font-family:star;font-size:1em;font-weight:400;height:1.618em;line-height:1.618;overflow:hidden;position:relative;text-align:right;width:5.3em}.wc-block-components-product-rating-stars__stars:before{color:inherit;content:"SSSSS";right:0;opacity:.5;position:absolute;left:0;top:0;white-space:nowrap}.wc-block-components-product-rating-stars__stars span{color:inherit;right:0;overflow:hidden;padding-top:1.5em;position:absolute;left:0;top:0}.wc-block-components-product-rating-stars__stars span:before{color:inherit;content:"SSSSS";right:0;position:absolute;left:0;top:0;white-space:nowrap}.wc-block-components-product-rating-stars__link{display:inline-block;font-size:.875em;height:1.618em;text-align:inherit;width:100%}.wc-block-all-products .wc-block-components-product-rating-stars{margin-bottom:12px;margin-top:0}.wc-block-components-product-rating-stars__norating-container{align-items:center;display:inline-flex;flex-direction:row;gap:8px}.wc-block-components-product-rating-stars__norating{-webkit-text-stroke:2px var(--wp--preset--color--black,#000);display:inline-block;font-family:star;font-size:1em;font-weight:400;height:1.618em;line-height:1.618;overflow:hidden;position:relative;width:1.5em}.wc-block-components-product-rating-stars__norating:before{color:transparent;content:"S";right:0;position:absolute;left:0;text-align:center;top:0;white-space:nowrap}.wp-block-woocommerce-single-product .wc-block-components-product-rating__stars{margin:0}.wc-block-all-products .is-loading .wc-block-components-product-rating,.wp-block-query .is-loading .wc-block-components-product-rating{background-color:currentColor!important;border:0!important;border-radius:.25rem;box-shadow:none;color:currentColor!important;display:block;line-height:1;max-width:100%!important;opacity:.15;outline:0!important;overflow:hidden!important;pointer-events:none;position:relative!important;width:100%;width:7em;z-index:1}.wc-block-all-products .is-loading .wc-block-components-product-rating>*,.wp-block-query .is-loading .wc-block-components-product-rating>*{visibility:hidden}.wc-block-all-products .is-loading .wc-block-components-product-rating:after,.wp-block-query .is-loading .wc-block-components-product-rating:after{animation:loading__animation 1.5s ease-in-out infinite;background-image:linear-gradient(-90deg,currentColor,hsla(0,0%,96%,.302),currentColor);background-repeat:no-repeat;content:" ";display:block;height:100%;right:0;position:absolute;left:0;top:0;transform:translateX(100%)}@media screen and (prefers-reduced-motion:reduce){.wc-block-all-products .is-loading .wc-block-components-product-rating,.wp-block-query .is-loading .wc-block-components-product-rating{animation:none}} +@keyframes spinner__animation{0%{animation-timing-function:cubic-bezier(.5856,.0703,.4143,.9297);transform:rotate(0deg)}to{transform:rotate(-1turn)}}@keyframes loading__animation{to{transform:translateX(-100%)}}.wp-block-button.wc-block-components-product-button{align-items:center;display:flex;flex-direction:column;gap:12px;justify-content:center;white-space:normal;word-break:break-word}.wp-block-button.wc-block-components-product-button .wp-block-button__link{display:inline-flex;font-size:1em;justify-content:center;padding:.5em 1em;text-align:center;white-space:normal;word-break:break-word}.wp-block-button.wc-block-components-product-button .wp-block-button__link.loading{opacity:.25}.wp-block-button.wc-block-components-product-button .wp-block-button__link.loading:after{animation:spin 2s linear infinite;content:"";display:inline-block;font-family:WooCommerce;height:auto;margin-right:.5em;width:auto}.wp-block-button.wc-block-components-product-button a[hidden]{display:none}@keyframes slideOut{0%{transform:translateY(0)}to{transform:translateY(-100%)}}@keyframes slideIn{0%{opacity:0;transform:translateY(90%)}to{opacity:1;transform:translate(0)}}.wp-block-button.wc-block-components-product-button.align-left{align-items:flex-start}.wp-block-button.wc-block-components-product-button.align-right{align-items:flex-end}.wp-block-button.wc-block-components-product-button .wc-block-components-product-button__button{border-style:none;display:inline-flex;justify-content:center;line-height:inherit;overflow:hidden;white-space:normal;width:150px;word-break:break-word}.wp-block-button.wc-block-components-product-button .wc-block-components-product-button__button span.wc-block-slide-out{animation:slideOut .1s linear 1 normal forwards}.wp-block-button.wc-block-components-product-button .wc-block-components-product-button__button span.wc-block-slide-in{animation:slideIn .1s linear 1 normal}.wp-block-button.wc-block-components-product-button .wc-block-components-product-button__button--placeholder{background-color:currentColor!important;border:0!important;border-radius:.25rem;box-shadow:none;color:currentColor!important;display:block;line-height:1;max-width:100%!important;min-height:3em;min-width:8em;opacity:.15;outline:0!important;overflow:hidden!important;pointer-events:none;position:relative!important;width:100%;z-index:1}.wp-block-button.wc-block-components-product-button .wc-block-components-product-button__button--placeholder>*{visibility:hidden}.wp-block-button.wc-block-components-product-button .wc-block-components-product-button__button--placeholder:after{animation:loading__animation 1.5s ease-in-out infinite;background-image:linear-gradient(-90deg,currentColor,hsla(0,0%,96%,.302),currentColor);background-repeat:no-repeat;content:" ";display:block;height:100%;right:0;position:absolute;left:0;top:0;transform:translateX(100%)}@media screen and (prefers-reduced-motion:reduce){.wp-block-button.wc-block-components-product-button .wc-block-components-product-button__button--placeholder{animation:none}}.wc-block-all-products .wp-block-button.wc-block-components-product-button{margin-bottom:12px}.is-loading .wc-block-components-product-button>.wc-block-components-product-button__button{background-color:currentColor!important;border:0!important;border-radius:.25rem;box-shadow:none;color:currentColor!important;display:block;line-height:1;max-width:100%!important;min-height:3em;min-width:8em;opacity:.15;outline:0!important;overflow:hidden!important;pointer-events:none;position:relative!important;width:100%;z-index:1}.is-loading .wc-block-components-product-button>.wc-block-components-product-button__button>*{visibility:hidden}.is-loading .wc-block-components-product-button>.wc-block-components-product-button__button:after{animation:loading__animation 1.5s ease-in-out infinite;background-image:linear-gradient(-90deg,currentColor,hsla(0,0%,96%,.302),currentColor);background-repeat:no-repeat;content:" ";display:block;height:100%;right:0;position:absolute;left:0;top:0;transform:translateX(100%)}@media screen and (prefers-reduced-motion:reduce){.is-loading .wc-block-components-product-button>.wc-block-components-product-button__button{animation:none}}.theme-twentytwentyone .editor-styles-wrapper .wc-block-components-product-button .wp-block-button__link{background-color:var(--button--color-background);border-color:var(--button--color-background);color:var(--button--color-text)}.wp-block-button.is-style-outline .wp-block-button__link{border:2px solid}.wp-block-button.is-style-outline .wp-block-button__link:not(.has-text-color){color:currentColor}.wp-block-button.is-style-outline .wp-block-button__link:not(.has-background){background-color:transparent;background-image:none}.wp-block-button.has-custom-width .wp-block-button__link{box-sizing:border-box}.wp-block-button.wp-block-button__width-25 .wp-block-button__link{width:25%}.wp-block-button.wp-block-button__width-50 .wp-block-button__link{width:50%}.wp-block-button.wp-block-button__width-75 .wp-block-button__link{width:75%}.wp-block-button.wp-block-button__width-100 .wp-block-button__link{width:100%} +@keyframes spinner__animation{0%{animation-timing-function:cubic-bezier(.5856,.0703,.4143,.9297);transform:rotate(0deg)}to{transform:rotate(-1turn)}}@keyframes loading__animation{to{transform:translateX(-100%)}}.wc-block-components-product-summary{margin-bottom:12px;margin-top:0}.is-loading .wc-block-components-product-summary:before{background-color:currentColor!important;border:0!important;border-radius:.25rem;box-shadow:none;color:currentColor!important;content:".";display:block;height:6em;line-height:1;max-width:100%!important;opacity:.15;outline:0!important;overflow:hidden!important;pointer-events:none;position:relative!important;width:100%;z-index:1}.is-loading .wc-block-components-product-summary:before>*{visibility:hidden}.is-loading .wc-block-components-product-summary:before:after{animation:loading__animation 1.5s ease-in-out infinite;background-image:linear-gradient(-90deg,currentColor,hsla(0,0%,96%,.302),currentColor);background-repeat:no-repeat;content:" ";display:block;height:100%;right:0;position:absolute;left:0;top:0;transform:translateX(100%)}@media screen and (prefers-reduced-motion:reduce){.is-loading .wc-block-components-product-summary:before{animation:none}} +@keyframes spinner__animation{0%{animation-timing-function:cubic-bezier(.5856,.0703,.4143,.9297);transform:rotate(0deg)}to{transform:rotate(-1turn)}}@keyframes loading__animation{to{transform:translateX(-100%)}}.wc-block-components-product-sku{display:block;font-size:.875em;overflow-wrap:break-word;text-transform:uppercase} +@keyframes spinner__animation{0%{animation-timing-function:cubic-bezier(.5856,.0703,.4143,.9297);transform:rotate(0deg)}to{transform:rotate(-1turn)}}@keyframes loading__animation{to{transform:translateX(-100%)}}.wc-block-components-product-stock-indicator{display:block;font-size:.875em;margin-bottom:.75em;margin-top:0} +@keyframes spinner__animation{0%{animation-timing-function:cubic-bezier(.5856,.0703,.4143,.9297);transform:rotate(0deg)}to{transform:rotate(-1turn)}}@keyframes loading__animation{to{transform:translateX(-100%)}}.wc-block-components-product-add-to-cart{display:flex;flex-wrap:wrap;margin:0}.wc-block-components-product-add-to-cart .wc-block-components-product-add-to-cart-button{margin:0 0 .75em}.wc-block-components-product-add-to-cart .wc-block-components-product-add-to-cart-button .wc-block-components-button__text{display:block}.wc-block-components-product-add-to-cart .wc-block-components-product-add-to-cart-button .wc-block-components-button__text>svg{fill:currentColor;height:1.5em;margin:-.25em .5em -.25em 0;vertical-align:top;width:1.5em}.wc-block-components-product-add-to-cart .wc-block-components-product-add-to-cart-quantity{background:#fff;border:1px solid #ccc;border-radius:4px;box-shadow:inset 0 1px 1px rgba(0,0,0,.125);color:#43454b;flex-basis:5em;margin:0 0 .75em 1em;padding:.618em;text-align:center}.is-loading .wc-block-components-product-add-to-cart .wc-block-components-product-add-to-cart-button,.is-loading .wc-block-components-product-add-to-cart .wc-block-components-product-add-to-cart-quantity,.wc-block-components-product-add-to-cart--placeholder .wc-block-components-product-add-to-cart-button,.wc-block-components-product-add-to-cart--placeholder .wc-block-components-product-add-to-cart-quantity{background-color:currentColor!important;border:0!important;border-radius:.25rem;box-shadow:none;color:currentColor!important;display:block;line-height:1;max-width:100%!important;opacity:.15;outline:0!important;overflow:hidden!important;pointer-events:none;position:relative!important;width:100%;z-index:1}.is-loading .wc-block-components-product-add-to-cart .wc-block-components-product-add-to-cart-button>*,.is-loading .wc-block-components-product-add-to-cart .wc-block-components-product-add-to-cart-quantity>*,.wc-block-components-product-add-to-cart--placeholder .wc-block-components-product-add-to-cart-button>*,.wc-block-components-product-add-to-cart--placeholder .wc-block-components-product-add-to-cart-quantity>*{visibility:hidden}.is-loading .wc-block-components-product-add-to-cart .wc-block-components-product-add-to-cart-button:after,.is-loading .wc-block-components-product-add-to-cart .wc-block-components-product-add-to-cart-quantity:after,.wc-block-components-product-add-to-cart--placeholder .wc-block-components-product-add-to-cart-button:after,.wc-block-components-product-add-to-cart--placeholder .wc-block-components-product-add-to-cart-quantity:after{animation:loading__animation 1.5s ease-in-out infinite;background-image:linear-gradient(-90deg,currentColor,hsla(0,0%,96%,.302),currentColor);background-repeat:no-repeat;content:" ";display:block;height:100%;right:0;position:absolute;left:0;top:0;transform:translateX(100%)}@media screen and (prefers-reduced-motion:reduce){.is-loading .wc-block-components-product-add-to-cart .wc-block-components-product-add-to-cart-button,.is-loading .wc-block-components-product-add-to-cart .wc-block-components-product-add-to-cart-quantity,.wc-block-components-product-add-to-cart--placeholder .wc-block-components-product-add-to-cart-button,.wc-block-components-product-add-to-cart--placeholder .wc-block-components-product-add-to-cart-quantity{animation:none}}.wc-block-grid .wc-block-components-product-add-to-cart{justify-content:center}.wc-block-components-product-add-to-cart-notice{margin:0} +@keyframes spinner__animation{0%{animation-timing-function:cubic-bezier(.5856,.0703,.4143,.9297);transform:rotate(0deg)}to{transform:rotate(-1turn)}}@keyframes loading__animation{to{transform:translateX(-100%)}}.wc-block-components-button:not(.is-link){align-items:center;display:inline-flex;height:auto;justify-content:center;position:relative;text-align:center;transition:box-shadow .1s linear}.wc-block-components-button:not(.is-link):focus{box-shadow:0 0 0 2px #0675c4;box-shadow:inset 0 0 0 1px #fff,0 0 0 2px #0675c4;outline:3px solid transparent}.wc-block-components-button:not(.is-link) .wc-block-components-button__text{display:block}.wc-block-components-button:not(.is-link) .wc-block-components-button__text>svg{fill:currentColor}.wc-block-components-button:not(.is-link) .wc-block-components-spinner+.wc-block-components-button__text{visibility:hidden}.wc-block-components-button:not(.is-link).text{color:#1e1e1e}.wc-block-components-button:not(.is-link).text:hover{opacity:.9}.wc-block-components-button:not(.is-link).outlined{background:transparent;color:currentColor}.wc-block-components-button:not(.is-link).outlined:not(:focus){box-shadow:inset 0 0 0 1px currentColor}.wc-block-components-button:not(.is-link).outlined:active,.wc-block-components-button:not(.is-link).outlined:disabled,.wc-block-components-button:not(.is-link).outlined:focus,.wc-block-components-button:not(.is-link).outlined:hover{background-color:#1e1e1e;color:#fff}.wc-block-components-button:not(.is-link).outlined:hover{background-color:#1e1e1e;color:#fff;opacity:1}body:not(.woocommerce-block-theme-has-button-styles) .wc-block-components-button:not(.is-link){min-height:3em}body:not(.woocommerce-block-theme-has-button-styles) .wc-block-components-button:not(.is-link):focus{box-shadow:0 0 0 2px #0675c4;box-shadow:inset 0 0 0 1px #fff,0 0 0 2px #0675c4;outline:3px solid transparent}body:not(.woocommerce-block-theme-has-button-styles) .wc-block-components-button:not(.is-link).text{color:#1e1e1e}body:not(.woocommerce-block-theme-has-button-styles) .wc-block-components-button:not(.is-link).text:hover{opacity:.9} +@keyframes spinner__animation{0%{animation-timing-function:cubic-bezier(.5856,.0703,.4143,.9297);transform:rotate(0deg)}to{transform:rotate(-1turn)}}@keyframes loading__animation{to{transform:translateX(-100%)}}.wc-block-components-spinner{box-sizing:content-box;color:inherit;font-size:1.25em;height:100%;position:absolute;text-align:center;width:100%}.wc-block-components-spinner:after{animation:spinner__animation 1s linear infinite;backface-visibility:hidden;border:.2em solid;border-right:.2em solid transparent;border-radius:50%;box-sizing:border-box;content:" ";height:1em;right:50%;margin:-.5em -.5em 0 0;position:absolute;top:50%;transform:translateZ(0) scale(.5);transform-origin:50% 50%;width:1em} +@keyframes spinner__animation{0%{animation-timing-function:cubic-bezier(.5856,.0703,.4143,.9297);transform:rotate(0deg)}to{transform:rotate(-1turn)}}@keyframes loading__animation{to{transform:translateX(-100%)}}.wc-block-components-product-add-to-cart-attribute-picker{flex-basis:100%;margin:0}.wc-block-components-product-add-to-cart-attribute-picker label{display:block;font-size:1em}.wc-block-components-product-add-to-cart-attribute-picker .wc-block-components-product-add-to-cart-attribute-picker__container{position:relative}.wc-block-components-product-add-to-cart-attribute-picker .wc-block-components-product-add-to-cart-attribute-picker__select{margin:0 0 .75em}.wc-block-components-product-add-to-cart-attribute-picker .wc-block-components-product-add-to-cart-attribute-picker__select select{min-height:1.75em;min-width:60%}.wc-block-components-product-add-to-cart-attribute-picker .wc-block-components-product-add-to-cart-attribute-picker__select.has-error{margin-bottom:24px}.wc-block-components-product-add-to-cart-attribute-picker .wc-block-components-product-add-to-cart-attribute-picker__select.has-error select{border-color:#cc1818}.wc-block-components-product-add-to-cart-attribute-picker .wc-block-components-product-add-to-cart-attribute-picker__select.has-error select:focus{outline-color:#cc1818} +@keyframes spinner__animation{0%{animation-timing-function:cubic-bezier(.5856,.0703,.4143,.9297);transform:rotate(0deg)}to{transform:rotate(-1turn)}}@keyframes loading__animation{to{transform:translateX(-100%)}}.wc-block-components-skeleton{display:flex;flex-direction:column;gap:1rem;width:100%}.wc-block-components-skeleton-text-line{background:hsla(0,0%,7%,.115);border-radius:4px;height:.85em;position:relative;width:100%}.wc-block-components-skeleton-text-line:last-child{width:80%} +@keyframes spinner__animation{0%{animation-timing-function:cubic-bezier(.5856,.0703,.4143,.9297);transform:rotate(0deg)}to{transform:rotate(-1turn)}}@keyframes loading__animation{to{transform:translateX(-100%)}}.wp-block-add-to-cart-form{width:unset}.wp-block-add-to-cart-form .input-text{font-size:var(--wp--preset--font-size--small);padding:.9rem 1.1rem} +@keyframes spinner__animation{0%{animation-timing-function:cubic-bezier(.5856,.0703,.4143,.9297);transform:rotate(0deg)}to{transform:rotate(-1turn)}}@keyframes loading__animation{to{transform:translateX(-100%)}}.woocommerce .wp-block-woocommerce-product-image-gallery{clear:both;max-width:512px;position:relative}.woocommerce .wp-block-woocommerce-product-image-gallery span.onsale{right:-1rem;left:unset;z-index:1}.woocommerce .wp-block-woocommerce-product-image-gallery:after{clear:both;content:"";display:table}.woocommerce .wp-block-woocommerce-product-image-gallery .woocommerce-product-gallery.images{width:100%} +@keyframes spinner__animation{0%{animation-timing-function:cubic-bezier(.5856,.0703,.4143,.9297);transform:rotate(0deg)}to{transform:rotate(-1turn)}}@keyframes loading__animation{to{transform:translateX(-100%)}}.wp-block-woocommerce-product-details ul.wc-tabs{border-bottom:1px solid #e0e0e0;list-style:none;margin:0 0 1.618em;overflow:hidden;padding:0 1em 0 0;position:relative}.wp-block-woocommerce-product-details ul.wc-tabs li{border:1px solid #e0e0e0;border-radius:4px 4px 0 0;display:inline-block;margin:0;padding:.5em 1em;position:relative;z-index:0}.wp-block-woocommerce-product-details ul.wc-tabs li a{display:inline-block;font-weight:700;text-decoration:none}.wp-block-woocommerce-product-details ul.wc-tabs li a:hover{text-decoration:none}.wp-block-woocommerce-product-details ul.wc-tabs li.active{z-index:2}.wp-block-woocommerce-product-details ul.wc-tabs li.active a{text-shadow:inherit} +@keyframes spinner__animation{0%{animation-timing-function:cubic-bezier(.5856,.0703,.4143,.9297);transform:rotate(0deg)}to{transform:rotate(-1turn)}}@keyframes loading__animation{to{transform:translateX(-100%)}}.wp-block-woocommerce-product-reviews img{max-width:600px}.wp-block-woocommerce-product-reviews .submit{margin-top:2rem}.wp-block-woocommerce-product-reviews__editor__row{align-items:center;display:flex;gap:2rem}.wp-block-woocommerce-product-reviews__editor__row>span{flex-basis:20%}.wp-block-woocommerce-product-reviews__editor__row .wp-block-woocommerce-product-reviews__editor__stars,.wp-block-woocommerce-product-reviews__editor__row textarea{flex-grow:1;margin-left:1rem}.wp-block-woocommerce-product-reviews__editor__row textarea{flex-grow:1;height:8rem}.wp-block-woocommerce-product-reviews__editor__stars{display:inline-block;font-family:star;font-size:1em;font-weight:400;height:1.618em;line-height:1.618;overflow:hidden;position:relative;width:5.3em}.wp-block-woocommerce-product-reviews__editor__stars:before{color:inherit;content:"SSSSS";right:0;position:absolute;left:0;top:0;white-space:nowrap} diff --git a/build/all-products-style.asset.php b/build/all-products-style.asset.php new file mode 100644 index 00000000000..5a47aa217fb --- /dev/null +++ b/build/all-products-style.asset.php @@ -0,0 +1 @@ + array('lodash', 'react', 'wc-blocks-checkout', 'wc-blocks-components', 'wc-blocks-data-store', 'wc-blocks-registry', 'wc-blocks-shared-context', 'wc-blocks-shared-hocs', 'wc-price-format', 'wc-settings', 'wp-a11y', 'wp-api-fetch', 'wp-autop', 'wp-block-editor', 'wp-blocks', 'wp-components', 'wp-compose', 'wp-data', 'wp-deprecated', 'wp-dom', 'wp-element', 'wp-escape-html', 'wp-hooks', 'wp-html-entities', 'wp-i18n', 'wp-is-shallow-equal', 'wp-polyfill', 'wp-primitives', 'wp-style-engine', 'wp-url', 'wp-warning', 'wp-wordcount'), 'version' => 'e649f64aff13fa0871a2'); diff --git a/build/all-products-style.js.LICENSE.txt b/build/all-products-style.js.LICENSE.txt new file mode 100644 index 00000000000..6a6e60a6cf3 --- /dev/null +++ b/build/all-products-style.js.LICENSE.txt @@ -0,0 +1,14 @@ +/*! + Copyright (c) 2018 Jed Watson. + Licensed under the MIT License (MIT), see + http://jedwatson.github.io/classnames +*/ + +/** @license React v16.13.1 + * react-is.production.min.js + * + * Copyright (c) Facebook, Inc. and its affiliates. + * + * This source code is licensed under the MIT license found in the + * LICENSE file in the root directory of this source tree. + */ diff --git a/build/all-products.asset.php b/build/all-products.asset.php new file mode 100644 index 00000000000..59c26de5c20 --- /dev/null +++ b/build/all-products.asset.php @@ -0,0 +1 @@ + array('lodash', 'react', 'wc-blocks-checkout', 'wc-blocks-components', 'wc-blocks-data-store', 'wc-blocks-registry', 'wc-blocks-shared-context', 'wc-blocks-shared-hocs', 'wc-price-format', 'wc-settings', 'wp-a11y', 'wp-api-fetch', 'wp-autop', 'wp-block-editor', 'wp-blocks', 'wp-components', 'wp-compose', 'wp-data', 'wp-deprecated', 'wp-dom', 'wp-element', 'wp-escape-html', 'wp-hooks', 'wp-html-entities', 'wp-i18n', 'wp-is-shallow-equal', 'wp-polyfill', 'wp-primitives', 'wp-style-engine', 'wp-url', 'wp-warning', 'wp-wordcount'), 'version' => '64bedb02d78719a44ca8'); diff --git a/build/all-products.css b/build/all-products.css new file mode 100644 index 00000000000..dc8916f56d5 --- /dev/null +++ b/build/all-products.css @@ -0,0 +1,25 @@ +@keyframes spinner__animation{0%{animation-timing-function:cubic-bezier(.5856,.0703,.4143,.9297);transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes loading__animation{to{transform:translateX(100%)}}.wc-block-components-pagination{margin:0 auto 16px}.wc-block-components-pagination__ellipsis,.wc-block-components-pagination__page{color:#333;display:inline-block;font-size:1em;font-weight:400}.wc-block-components-pagination__page{border-color:transparent;min-width:2.2em;padding:.3em .6em}.wc-block-components-pagination__page:not([disabled]){cursor:pointer}@media(max-width:782px){.wc-block-components-pagination__page{min-width:1.6em;padding:.1em .2em}}.wc-block-components-pagination__page:not(.toggle){background-color:transparent}.wc-block-components-pagination__ellipsis{padding:.3em}@media(max-width:782px){.wc-block-components-pagination__ellipsis{padding:.1em}}.wc-block-components-pagination__page--active[disabled]{color:#333;font-weight:700;opacity:1!important}.wc-block-components-pagination__page--active[disabled]:focus,.wc-block-components-pagination__page--active[disabled]:hover{background-color:inherit;color:#333;opacity:1!important}html[dir=rtl] .wc-block-components-pagination-page--arrow span{display:inline-block;transform:scaleX(-1)} +@keyframes spinner__animation{0%{animation-timing-function:cubic-bezier(.5856,.0703,.4143,.9297);transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes loading__animation{to{transform:translateX(100%)}}.wc-block-components-product-sort-select{margin-bottom:24px;text-align:left} +@keyframes spinner__animation{0%{animation-timing-function:cubic-bezier(.5856,.0703,.4143,.9297);transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes loading__animation{to{transform:translateX(100%)}}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.wc-block-grid{text-align:center}.wc-block-grid__no-products{padding:48px;text-align:center;width:100%}.wc-block-grid__no-products .wc-block-grid__no-products-image{color:inherit;display:block;margin:0 auto 1em;max-width:150px}.wc-block-grid__no-products .wc-block-grid__no-products-title{display:block;font-weight:700;margin:0}.wc-block-grid__no-products .wc-block-grid__no-products-description{display:block;margin:.25em 0 1em}.wc-block-grid__products{background-clip:padding-box;display:flex;flex-wrap:wrap;margin:0 -8px 16px;padding:0}.wc-block-grid__product{border-bottom:16px solid transparent;border-left:8px solid transparent;border-right:8px solid transparent;box-sizing:border-box;float:none;list-style:none;margin:0;padding:0;position:relative;text-align:center;width:auto}.wc-block-grid__product.wc-block-grid__product{box-sizing:border-box}.theme-twentytwenty .wc-block-grid.has-aligned-buttons .wc-block-grid__product,.wc-block-grid.has-aligned-buttons .wc-block-grid__product{display:flex;flex-direction:column}.theme-twentytwenty .wc-block-grid.has-aligned-buttons .wc-block-grid__product>:last-child,.wc-block-grid.has-aligned-buttons .wc-block-grid__product>:last-child{margin-bottom:0;margin-top:auto;padding-bottom:12px}.theme-twentytwenty .wc-block-grid.has-1-columns .wc-block-grid__product,.wc-block-grid.has-1-columns .wc-block-grid__product{flex:1 0 100%;max-width:100%}.theme-twentytwenty .wc-block-grid.has-2-columns .wc-block-grid__product,.wc-block-grid.has-2-columns .wc-block-grid__product{flex:1 0 50%;max-width:50%}.theme-twentytwenty .wc-block-grid.has-3-columns .wc-block-grid__product,.wc-block-grid.has-3-columns .wc-block-grid__product{flex:1 0 33.3333333333%;max-width:33.3333333333%}.theme-twentytwenty .wc-block-grid.has-4-columns .wc-block-grid__product,.wc-block-grid.has-4-columns .wc-block-grid__product{flex:1 0 25%;max-width:25%}.theme-twentytwenty .wc-block-grid.has-5-columns .wc-block-grid__product,.wc-block-grid.has-5-columns .wc-block-grid__product{flex:1 0 20%;max-width:20%}.theme-twentytwenty .wc-block-grid.has-6-columns .wc-block-grid__product,.wc-block-grid.has-6-columns .wc-block-grid__product{flex:1 0 16.6666666667%;max-width:16.6666666667%}.theme-twentytwenty .wc-block-grid.has-7-columns .wc-block-grid__product,.wc-block-grid.has-7-columns .wc-block-grid__product{flex:1 0 14.2857142857%;max-width:14.2857142857%}.theme-twentytwenty .wc-block-grid.has-8-columns .wc-block-grid__product,.wc-block-grid.has-8-columns .wc-block-grid__product{flex:1 0 12.5%;max-width:12.5%}.theme-twentytwenty .wc-block-grid.has-6-columns .wc-block-grid__product,.wc-block-grid.has-6-columns .wc-block-grid__product{font-size:.5em}.theme-twentytwenty .wc-block-grid.has-5-columns .wc-block-grid__product,.theme-twentytwenty .wc-block-grid.has-6-columns.alignfull .wc-block-grid__product,.wc-block-grid.has-5-columns .wc-block-grid__product,.wc-block-grid.has-6-columns.alignfull .wc-block-grid__product{font-size:.58em}.theme-twentytwenty .wc-block-grid.has-4-columns:not(.alignwide):not(.alignfull) .wc-block-grid__product,.theme-twentytwenty .wc-block-grid.has-5-columns.alignfull .wc-block-grid__product,.wc-block-grid.has-4-columns:not(.alignwide):not(.alignfull) .wc-block-grid__product,.wc-block-grid.has-5-columns.alignfull .wc-block-grid__product{font-size:.75em}.theme-twentytwenty .wc-block-grid.has-3-columns:not(.alignwide):not(.alignfull),.wc-block-grid.has-3-columns:not(.alignwide):not(.alignfull){font-size:.92em}@media(max-width:480px){.wc-block-grid.has-2-columns .wc-block-grid__products{display:block}.wc-block-grid.has-2-columns .wc-block-grid__product{flex:1 0 100%;margin-left:auto;margin-right:auto;max-width:100%;padding:0}.wc-block-grid.has-3-columns .wc-block-grid__products{display:block}.wc-block-grid.has-3-columns .wc-block-grid__product{flex:1 0 100%;margin-left:auto;margin-right:auto;max-width:100%;padding:0}.wc-block-grid.has-4-columns .wc-block-grid__products{display:block}.wc-block-grid.has-4-columns .wc-block-grid__product{flex:1 0 100%;margin-left:auto;margin-right:auto;max-width:100%;padding:0}.wc-block-grid.has-5-columns .wc-block-grid__products{display:block}.wc-block-grid.has-5-columns .wc-block-grid__product{flex:1 0 100%;margin-left:auto;margin-right:auto;max-width:100%;padding:0}.wc-block-grid.has-6-columns .wc-block-grid__products{display:block}.wc-block-grid.has-6-columns .wc-block-grid__product{flex:1 0 100%;margin-left:auto;margin-right:auto;max-width:100%;padding:0}.wc-block-grid.has-7-columns .wc-block-grid__products{display:block}.wc-block-grid.has-7-columns .wc-block-grid__product{flex:1 0 100%;margin-left:auto;margin-right:auto;max-width:100%;padding:0}.wc-block-grid.has-8-columns .wc-block-grid__products{display:block}.wc-block-grid.has-8-columns .wc-block-grid__product{flex:1 0 100%;margin-left:auto;margin-right:auto;max-width:100%;padding:0}}@media(min-width:481px)and (max-width:600px){.wc-block-grid.has-2-columns .wc-block-grid__product{flex:1 0 50%;margin:0 0 24px;max-width:50%;padding:0}.wc-block-grid.has-2-columns .wc-block-grid__product:nth-child(odd){padding-right:8px}.wc-block-grid.has-2-columns .wc-block-grid__product:nth-child(2n){padding-left:8px}.wc-block-grid.has-3-columns .wc-block-grid__product{flex:1 0 50%;margin:0 0 24px;max-width:50%;padding:0}.wc-block-grid.has-3-columns .wc-block-grid__product:nth-child(odd){padding-right:8px}.wc-block-grid.has-3-columns .wc-block-grid__product:nth-child(2n){padding-left:8px}.wc-block-grid.has-4-columns .wc-block-grid__product{flex:1 0 50%;margin:0 0 24px;max-width:50%;padding:0}.wc-block-grid.has-4-columns .wc-block-grid__product:nth-child(odd){padding-right:8px}.wc-block-grid.has-4-columns .wc-block-grid__product:nth-child(2n){padding-left:8px}.wc-block-grid.has-5-columns .wc-block-grid__product{flex:1 0 50%;margin:0 0 24px;max-width:50%;padding:0}.wc-block-grid.has-5-columns .wc-block-grid__product:nth-child(odd){padding-right:8px}.wc-block-grid.has-5-columns .wc-block-grid__product:nth-child(2n){padding-left:8px}.wc-block-grid.has-6-columns .wc-block-grid__product{flex:1 0 50%;margin:0 0 24px;max-width:50%;padding:0}.wc-block-grid.has-6-columns .wc-block-grid__product:nth-child(odd){padding-right:8px}.wc-block-grid.has-6-columns .wc-block-grid__product:nth-child(2n){padding-left:8px}.wc-block-grid.has-7-columns .wc-block-grid__product{flex:1 0 50%;margin:0 0 24px;max-width:50%;padding:0}.wc-block-grid.has-7-columns .wc-block-grid__product:nth-child(odd){padding-right:8px}.wc-block-grid.has-7-columns .wc-block-grid__product:nth-child(2n){padding-left:8px}.wc-block-grid.has-8-columns .wc-block-grid__product{flex:1 0 50%;margin:0 0 24px;max-width:50%;padding:0}.wc-block-grid.has-8-columns .wc-block-grid__product:nth-child(odd){padding-right:8px}.wc-block-grid.has-8-columns .wc-block-grid__product:nth-child(2n){padding-left:8px}} +@keyframes spinner__animation{0%{animation-timing-function:cubic-bezier(.5856,.0703,.4143,.9297);transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes loading__animation{to{transform:translateX(100%)}}.with-scroll-to-top__scroll-point{position:relative;top:-36px} +@keyframes spinner__animation{0%{animation-timing-function:cubic-bezier(.5856,.0703,.4143,.9297);transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes loading__animation{to{transform:translateX(100%)}}.wc-block-components-error{align-items:center;color:#757575;display:flex;flex-direction:column;justify-content:center;margin:48px 0;padding:48px 0;text-align:center}.wc-block-components-error__header{color:#646970;font-size:2em;margin:0}.wc-block-components-error__image{margin:0 0 24px;width:25%}.wc-block-components-error__text{color:#8c8f94;font-size:1.25em;margin:1em 0 0;max-width:60ch}.wc-block-components-error__message{color:#8c8f94;font-style:italic;margin:1em auto 0;max-width:60ch}.wc-block-error__button{margin:48px 0 0} +@keyframes spinner__animation{0%{animation-timing-function:cubic-bezier(.5856,.0703,.4143,.9297);transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes loading__animation{to{transform:translateX(100%)}}.wc-block-components-product-name{font-size:1em;overflow-wrap:anywhere;word-break:break-word;-ms-word-break:break-all} +@keyframes spinner__animation{0%{animation-timing-function:cubic-bezier(.5856,.0703,.4143,.9297);transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes loading__animation{to{transform:translateX(100%)}}.wc-block-components-product-title{display:block;font-size:inherit;font-weight:700;line-height:1.5;margin-bottom:12px;margin-top:0;padding:0}.wc-block-components-product-title a{color:inherit;font-size:inherit}.is-loading .wc-block-components-product-title:before{background-color:currentColor!important;border:0!important;border-radius:.25rem;box-shadow:none;color:currentColor!important;content:".";display:block;display:inline-block;line-height:1;max-width:100%!important;opacity:.15;outline:0!important;overflow:hidden!important;pointer-events:none;position:relative!important;width:100%;width:7em;z-index:1}.is-loading .wc-block-components-product-title:before>*{visibility:hidden}.is-loading .wc-block-components-product-title:before:after{animation:loading__animation 1.5s ease-in-out infinite;background-image:linear-gradient(90deg,currentColor,hsla(0,0%,96%,.302),currentColor);background-repeat:no-repeat;content:" ";display:block;height:100%;left:0;position:absolute;right:0;top:0;transform:translateX(-100%)}@media screen and (prefers-reduced-motion:reduce){.is-loading .wc-block-components-product-title:before{animation:none}}.is-loading .wc-block-grid .wc-block-components-product-title:before{width:10em}.wc-block-components-product-title--align-left{text-align:left}.wc-block-components-product-title--align-center{text-align:center}.wc-block-components-product-title--align-right{text-align:right} +@keyframes spinner__animation{0%{animation-timing-function:cubic-bezier(.5856,.0703,.4143,.9297);transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes loading__animation{to{transform:translateX(100%)}}.wc-block-components-product-price--align-left{display:block;text-align:left}.wc-block-components-product-price--align-center{display:block;text-align:center}.wc-block-components-product-price--align-right{display:block;text-align:right}.wc-block-components-product-price{display:block}.wc-block-components-product-price .wc-block-all-products .wc-block-components-product-price{margin-bottom:12px}.wc-block-components-product-price ins{text-decoration:none}.wc-block-components-product-price__value.is-discounted{margin-left:.5em}.is-loading .wc-block-components-product-price:before{background-color:currentColor!important;border:0!important;border-radius:.25rem;box-shadow:none;color:currentColor!important;content:".";display:block;display:inline-block;line-height:1;max-width:100%!important;opacity:.15;outline:0!important;overflow:hidden!important;pointer-events:none;position:relative!important;width:100%;width:5em;z-index:1}.is-loading .wc-block-components-product-price:before>*{visibility:hidden}.is-loading .wc-block-components-product-price:before:after{animation:loading__animation 1.5s ease-in-out infinite;background-image:linear-gradient(90deg,currentColor,hsla(0,0%,96%,.302),currentColor);background-repeat:no-repeat;content:" ";display:block;height:100%;left:0;position:absolute;right:0;top:0;transform:translateX(-100%)}@media screen and (prefers-reduced-motion:reduce){.is-loading .wc-block-components-product-price:before{animation:none}} +@keyframes spinner__animation{0%{animation-timing-function:cubic-bezier(.5856,.0703,.4143,.9297);transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes loading__animation{to{transform:translateX(100%)}}.wp-block-woocommerce-product-sale-badge{display:flex;flex-direction:column}.wc-block-components-product-sale-badge{background:#fff;border:1px solid #43454b;border-radius:4px;box-sizing:border-box;color:#43454b;display:inline-block;font-size:.875em;font-weight:600;padding:.25em .75em;position:static;text-align:center;text-transform:uppercase;width:-moz-fit-content;width:fit-content;z-index:9}.wc-block-components-product-sale-badge--align-left{align-self:auto}.wc-block-components-product-sale-badge--align-center{align-self:center}.wc-block-components-product-sale-badge--align-right{align-self:flex-end}.wc-block-components-product-sale-badge span{background-color:inherit;color:inherit} +@keyframes spinner__animation{0%{animation-timing-function:cubic-bezier(.5856,.0703,.4143,.9297);transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes loading__animation{to{transform:translateX(100%)}}.editor-styles-wrapper .wc-block-grid__products .wc-block-grid__product .wc-block-components-product-image,.wc-block-components-product-image{display:block;position:relative;text-decoration:none}.editor-styles-wrapper .wc-block-grid__products .wc-block-grid__product .wc-block-components-product-image a,.wc-block-components-product-image a{border:0;border-radius:inherit;box-shadow:none;outline:0;text-decoration:none}.editor-styles-wrapper .wc-block-grid__products .wc-block-grid__product .wc-block-components-product-image img,.wc-block-components-product-image img{border-radius:inherit;height:auto;vertical-align:middle;width:100%}.editor-styles-wrapper .wc-block-grid__products .wc-block-grid__product .wc-block-components-product-image img[hidden],.wc-block-components-product-image img[hidden]{display:none}.editor-styles-wrapper .wc-block-grid__products .wc-block-grid__product .wc-block-components-product-image img[alt=""],.wc-block-components-product-image img[alt=""]{border:1px solid #f2f2f2}.editor-styles-wrapper .wc-block-grid__products .wc-block-grid__product .wc-block-components-product-image .wc-block-components-product-sale-badge--align-left,.wc-block-components-product-image .wc-block-components-product-sale-badge--align-left{left:4px;margin:0;position:absolute;right:auto;top:4px}.editor-styles-wrapper .wc-block-grid__products .wc-block-grid__product .wc-block-components-product-image .wc-block-components-product-sale-badge--align-center,.wc-block-components-product-image .wc-block-components-product-sale-badge--align-center{left:50%;margin:0;position:absolute;right:auto;top:4px;transform:translateX(-50%)}.editor-styles-wrapper .wc-block-grid__products .wc-block-grid__product .wc-block-components-product-image .wc-block-components-product-sale-badge--align-right,.wc-block-components-product-image .wc-block-components-product-sale-badge--align-right{left:auto;margin:0;position:absolute;right:4px;top:4px}.is-loading .wc-block-components-product-image{background-color:currentColor!important;border:0!important;box-shadow:none;color:currentColor!important;display:block;line-height:1;max-width:100%!important;opacity:.15;outline:0!important;overflow:hidden!important;pointer-events:none;position:relative!important;width:100%;width:auto;z-index:1}.is-loading .wc-block-components-product-image>*{visibility:hidden}.is-loading .wc-block-components-product-image:after{animation:loading__animation 1.5s ease-in-out infinite;background-image:linear-gradient(90deg,currentColor,hsla(0,0%,96%,.302),currentColor);background-repeat:no-repeat;content:" ";display:block;height:100%;left:0;position:absolute;right:0;top:0;transform:translateX(-100%)}@media screen and (prefers-reduced-motion:reduce){.is-loading .wc-block-components-product-image{animation:none}}.wc-block-components-product-image{margin:0 0 12px}.wc-block-product-image__tools-panel .components-input-control{margin-bottom:8px} +@keyframes spinner__animation{0%{animation-timing-function:cubic-bezier(.5856,.0703,.4143,.9297);transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes loading__animation{to{transform:translateX(100%)}}.wc-block-components-product-rating .wc-block-components-product-rating__container>*{vertical-align:middle}.wc-block-components-product-rating .wc-block-components-product-rating__stars{display:inline-block;margin:0} +@keyframes spinner__animation{0%{animation-timing-function:cubic-bezier(.5856,.0703,.4143,.9297);transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes loading__animation{to{transform:translateX(100%)}}.wc-block-components-product-rating-stars{display:block;line-height:1}.wc-block-components-product-rating-stars__stars{display:inline-block;font-family:star;font-size:1em;font-weight:400;height:1.618em;line-height:1.618;overflow:hidden;position:relative;text-align:left;width:5.3em}.wc-block-components-product-rating-stars__stars:before{color:inherit;content:"SSSSS";left:0;opacity:.5;position:absolute;right:0;top:0;white-space:nowrap}.wc-block-components-product-rating-stars__stars span{color:inherit;left:0;overflow:hidden;padding-top:1.5em;position:absolute;right:0;top:0}.wc-block-components-product-rating-stars__stars span:before{color:inherit;content:"SSSSS";left:0;position:absolute;right:0;top:0;white-space:nowrap}.wc-block-components-product-rating-stars__link{display:inline-block;font-size:.875em;height:1.618em;text-align:inherit;width:100%}.wc-block-all-products .wc-block-components-product-rating-stars{margin-bottom:12px;margin-top:0}.wc-block-components-product-rating-stars__norating-container{align-items:center;display:inline-flex;flex-direction:row;gap:8px}.wc-block-components-product-rating-stars__norating{-webkit-text-stroke:2px var(--wp--preset--color--black,#000);display:inline-block;font-family:star;font-size:1em;font-weight:400;height:1.618em;line-height:1.618;overflow:hidden;position:relative;width:1.5em}.wc-block-components-product-rating-stars__norating:before{color:transparent;content:"S";left:0;position:absolute;right:0;text-align:center;top:0;white-space:nowrap}.wp-block-woocommerce-single-product .wc-block-components-product-rating__stars{margin:0}.wc-block-all-products .is-loading .wc-block-components-product-rating,.wp-block-query .is-loading .wc-block-components-product-rating{background-color:currentColor!important;border:0!important;border-radius:.25rem;box-shadow:none;color:currentColor!important;display:block;line-height:1;max-width:100%!important;opacity:.15;outline:0!important;overflow:hidden!important;pointer-events:none;position:relative!important;width:100%;width:7em;z-index:1}.wc-block-all-products .is-loading .wc-block-components-product-rating>*,.wp-block-query .is-loading .wc-block-components-product-rating>*{visibility:hidden}.wc-block-all-products .is-loading .wc-block-components-product-rating:after,.wp-block-query .is-loading .wc-block-components-product-rating:after{animation:loading__animation 1.5s ease-in-out infinite;background-image:linear-gradient(90deg,currentColor,hsla(0,0%,96%,.302),currentColor);background-repeat:no-repeat;content:" ";display:block;height:100%;left:0;position:absolute;right:0;top:0;transform:translateX(-100%)}@media screen and (prefers-reduced-motion:reduce){.wc-block-all-products .is-loading .wc-block-components-product-rating,.wp-block-query .is-loading .wc-block-components-product-rating{animation:none}} +@keyframes spinner__animation{0%{animation-timing-function:cubic-bezier(.5856,.0703,.4143,.9297);transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes loading__animation{to{transform:translateX(100%)}}.wp-block-button.wc-block-components-product-button{align-items:center;display:flex;flex-direction:column;gap:12px;justify-content:center;white-space:normal;word-break:break-word}.wp-block-button.wc-block-components-product-button .wp-block-button__link{display:inline-flex;font-size:1em;justify-content:center;padding:.5em 1em;text-align:center;white-space:normal;word-break:break-word}.wp-block-button.wc-block-components-product-button .wp-block-button__link.loading{opacity:.25}.wp-block-button.wc-block-components-product-button .wp-block-button__link.loading:after{animation:spin 2s linear infinite;content:"";display:inline-block;font-family:WooCommerce;height:auto;margin-left:.5em;width:auto}.wp-block-button.wc-block-components-product-button a[hidden]{display:none}@keyframes slideOut{0%{transform:translateY(0)}to{transform:translateY(-100%)}}@keyframes slideIn{0%{opacity:0;transform:translateY(90%)}to{opacity:1;transform:translate(0)}}.wp-block-button.wc-block-components-product-button.align-left{align-items:flex-start}.wp-block-button.wc-block-components-product-button.align-right{align-items:flex-end}.wp-block-button.wc-block-components-product-button .wc-block-components-product-button__button{border-style:none;display:inline-flex;justify-content:center;line-height:inherit;overflow:hidden;white-space:normal;width:150px;word-break:break-word}.wp-block-button.wc-block-components-product-button .wc-block-components-product-button__button span.wc-block-slide-out{animation:slideOut .1s linear 1 normal forwards}.wp-block-button.wc-block-components-product-button .wc-block-components-product-button__button span.wc-block-slide-in{animation:slideIn .1s linear 1 normal}.wp-block-button.wc-block-components-product-button .wc-block-components-product-button__button--placeholder{background-color:currentColor!important;border:0!important;border-radius:.25rem;box-shadow:none;color:currentColor!important;display:block;line-height:1;max-width:100%!important;min-height:3em;min-width:8em;opacity:.15;outline:0!important;overflow:hidden!important;pointer-events:none;position:relative!important;width:100%;z-index:1}.wp-block-button.wc-block-components-product-button .wc-block-components-product-button__button--placeholder>*{visibility:hidden}.wp-block-button.wc-block-components-product-button .wc-block-components-product-button__button--placeholder:after{animation:loading__animation 1.5s ease-in-out infinite;background-image:linear-gradient(90deg,currentColor,hsla(0,0%,96%,.302),currentColor);background-repeat:no-repeat;content:" ";display:block;height:100%;left:0;position:absolute;right:0;top:0;transform:translateX(-100%)}@media screen and (prefers-reduced-motion:reduce){.wp-block-button.wc-block-components-product-button .wc-block-components-product-button__button--placeholder{animation:none}}.wc-block-all-products .wp-block-button.wc-block-components-product-button{margin-bottom:12px}.is-loading .wc-block-components-product-button>.wc-block-components-product-button__button{background-color:currentColor!important;border:0!important;border-radius:.25rem;box-shadow:none;color:currentColor!important;display:block;line-height:1;max-width:100%!important;min-height:3em;min-width:8em;opacity:.15;outline:0!important;overflow:hidden!important;pointer-events:none;position:relative!important;width:100%;z-index:1}.is-loading .wc-block-components-product-button>.wc-block-components-product-button__button>*{visibility:hidden}.is-loading .wc-block-components-product-button>.wc-block-components-product-button__button:after{animation:loading__animation 1.5s ease-in-out infinite;background-image:linear-gradient(90deg,currentColor,hsla(0,0%,96%,.302),currentColor);background-repeat:no-repeat;content:" ";display:block;height:100%;left:0;position:absolute;right:0;top:0;transform:translateX(-100%)}@media screen and (prefers-reduced-motion:reduce){.is-loading .wc-block-components-product-button>.wc-block-components-product-button__button{animation:none}}.theme-twentytwentyone .editor-styles-wrapper .wc-block-components-product-button .wp-block-button__link{background-color:var(--button--color-background);border-color:var(--button--color-background);color:var(--button--color-text)}.wp-block-button.is-style-outline .wp-block-button__link{border:2px solid}.wp-block-button.is-style-outline .wp-block-button__link:not(.has-text-color){color:currentColor}.wp-block-button.is-style-outline .wp-block-button__link:not(.has-background){background-color:transparent;background-image:none}.wp-block-button.has-custom-width .wp-block-button__link{box-sizing:border-box}.wp-block-button.wp-block-button__width-25 .wp-block-button__link{width:25%}.wp-block-button.wp-block-button__width-50 .wp-block-button__link{width:50%}.wp-block-button.wp-block-button__width-75 .wp-block-button__link{width:75%}.wp-block-button.wp-block-button__width-100 .wp-block-button__link{width:100%} +@keyframes spinner__animation{0%{animation-timing-function:cubic-bezier(.5856,.0703,.4143,.9297);transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes loading__animation{to{transform:translateX(100%)}}.wc-block-components-product-summary{margin-bottom:12px;margin-top:0}.is-loading .wc-block-components-product-summary:before{background-color:currentColor!important;border:0!important;border-radius:.25rem;box-shadow:none;color:currentColor!important;content:".";display:block;height:6em;line-height:1;max-width:100%!important;opacity:.15;outline:0!important;overflow:hidden!important;pointer-events:none;position:relative!important;width:100%;z-index:1}.is-loading .wc-block-components-product-summary:before>*{visibility:hidden}.is-loading .wc-block-components-product-summary:before:after{animation:loading__animation 1.5s ease-in-out infinite;background-image:linear-gradient(90deg,currentColor,hsla(0,0%,96%,.302),currentColor);background-repeat:no-repeat;content:" ";display:block;height:100%;left:0;position:absolute;right:0;top:0;transform:translateX(-100%)}@media screen and (prefers-reduced-motion:reduce){.is-loading .wc-block-components-product-summary:before{animation:none}} +@keyframes spinner__animation{0%{animation-timing-function:cubic-bezier(.5856,.0703,.4143,.9297);transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes loading__animation{to{transform:translateX(100%)}}.wc-block-components-product-sku{display:block;font-size:.875em;overflow-wrap:break-word;text-transform:uppercase} +@keyframes spinner__animation{0%{animation-timing-function:cubic-bezier(.5856,.0703,.4143,.9297);transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes loading__animation{to{transform:translateX(100%)}}.wc-block-components-product-stock-indicator{display:block;font-size:.875em;margin-bottom:.75em;margin-top:0} +@keyframes spinner__animation{0%{animation-timing-function:cubic-bezier(.5856,.0703,.4143,.9297);transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes loading__animation{to{transform:translateX(100%)}}.wc-block-components-product-add-to-cart{display:flex;flex-wrap:wrap;margin:0}.wc-block-components-product-add-to-cart .wc-block-components-product-add-to-cart-button{margin:0 0 .75em}.wc-block-components-product-add-to-cart .wc-block-components-product-add-to-cart-button .wc-block-components-button__text{display:block}.wc-block-components-product-add-to-cart .wc-block-components-product-add-to-cart-button .wc-block-components-button__text>svg{fill:currentColor;height:1.5em;margin:-.25em 0 -.25em .5em;vertical-align:top;width:1.5em}.wc-block-components-product-add-to-cart .wc-block-components-product-add-to-cart-quantity{background:#fff;border:1px solid #ccc;border-radius:4px;box-shadow:inset 0 1px 1px rgba(0,0,0,.125);color:#43454b;flex-basis:5em;margin:0 1em .75em 0;padding:.618em;text-align:center}.is-loading .wc-block-components-product-add-to-cart .wc-block-components-product-add-to-cart-button,.is-loading .wc-block-components-product-add-to-cart .wc-block-components-product-add-to-cart-quantity,.wc-block-components-product-add-to-cart--placeholder .wc-block-components-product-add-to-cart-button,.wc-block-components-product-add-to-cart--placeholder .wc-block-components-product-add-to-cart-quantity{background-color:currentColor!important;border:0!important;border-radius:.25rem;box-shadow:none;color:currentColor!important;display:block;line-height:1;max-width:100%!important;opacity:.15;outline:0!important;overflow:hidden!important;pointer-events:none;position:relative!important;width:100%;z-index:1}.is-loading .wc-block-components-product-add-to-cart .wc-block-components-product-add-to-cart-button>*,.is-loading .wc-block-components-product-add-to-cart .wc-block-components-product-add-to-cart-quantity>*,.wc-block-components-product-add-to-cart--placeholder .wc-block-components-product-add-to-cart-button>*,.wc-block-components-product-add-to-cart--placeholder .wc-block-components-product-add-to-cart-quantity>*{visibility:hidden}.is-loading .wc-block-components-product-add-to-cart .wc-block-components-product-add-to-cart-button:after,.is-loading .wc-block-components-product-add-to-cart .wc-block-components-product-add-to-cart-quantity:after,.wc-block-components-product-add-to-cart--placeholder .wc-block-components-product-add-to-cart-button:after,.wc-block-components-product-add-to-cart--placeholder .wc-block-components-product-add-to-cart-quantity:after{animation:loading__animation 1.5s ease-in-out infinite;background-image:linear-gradient(90deg,currentColor,hsla(0,0%,96%,.302),currentColor);background-repeat:no-repeat;content:" ";display:block;height:100%;left:0;position:absolute;right:0;top:0;transform:translateX(-100%)}@media screen and (prefers-reduced-motion:reduce){.is-loading .wc-block-components-product-add-to-cart .wc-block-components-product-add-to-cart-button,.is-loading .wc-block-components-product-add-to-cart .wc-block-components-product-add-to-cart-quantity,.wc-block-components-product-add-to-cart--placeholder .wc-block-components-product-add-to-cart-button,.wc-block-components-product-add-to-cart--placeholder .wc-block-components-product-add-to-cart-quantity{animation:none}}.wc-block-grid .wc-block-components-product-add-to-cart{justify-content:center}.wc-block-components-product-add-to-cart-notice{margin:0} +@keyframes spinner__animation{0%{animation-timing-function:cubic-bezier(.5856,.0703,.4143,.9297);transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes loading__animation{to{transform:translateX(100%)}}.wc-block-components-button:not(.is-link){align-items:center;display:inline-flex;height:auto;justify-content:center;position:relative;text-align:center;transition:box-shadow .1s linear}.wc-block-components-button:not(.is-link):focus{box-shadow:0 0 0 2px #0675c4;box-shadow:inset 0 0 0 1px #fff,0 0 0 2px #0675c4;outline:3px solid transparent}.wc-block-components-button:not(.is-link) .wc-block-components-button__text{display:block}.wc-block-components-button:not(.is-link) .wc-block-components-button__text>svg{fill:currentColor}.wc-block-components-button:not(.is-link) .wc-block-components-spinner+.wc-block-components-button__text{visibility:hidden}.wc-block-components-button:not(.is-link).text{color:#1e1e1e}.wc-block-components-button:not(.is-link).text:hover{opacity:.9}.wc-block-components-button:not(.is-link).outlined{background:transparent;color:currentColor}.wc-block-components-button:not(.is-link).outlined:not(:focus){box-shadow:inset 0 0 0 1px currentColor}.wc-block-components-button:not(.is-link).outlined:active,.wc-block-components-button:not(.is-link).outlined:disabled,.wc-block-components-button:not(.is-link).outlined:focus,.wc-block-components-button:not(.is-link).outlined:hover{background-color:#1e1e1e;color:#fff}.wc-block-components-button:not(.is-link).outlined:hover{background-color:#1e1e1e;color:#fff;opacity:1}body:not(.woocommerce-block-theme-has-button-styles) .wc-block-components-button:not(.is-link){min-height:3em}body:not(.woocommerce-block-theme-has-button-styles) .wc-block-components-button:not(.is-link):focus{box-shadow:0 0 0 2px #0675c4;box-shadow:inset 0 0 0 1px #fff,0 0 0 2px #0675c4;outline:3px solid transparent}body:not(.woocommerce-block-theme-has-button-styles) .wc-block-components-button:not(.is-link).text{color:#1e1e1e}body:not(.woocommerce-block-theme-has-button-styles) .wc-block-components-button:not(.is-link).text:hover{opacity:.9} +@keyframes spinner__animation{0%{animation-timing-function:cubic-bezier(.5856,.0703,.4143,.9297);transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes loading__animation{to{transform:translateX(100%)}}.wc-block-components-spinner{box-sizing:content-box;color:inherit;font-size:1.25em;height:100%;position:absolute;text-align:center;width:100%}.wc-block-components-spinner:after{animation:spinner__animation 1s linear infinite;backface-visibility:hidden;border:.2em solid;border-left:.2em solid transparent;border-radius:50%;box-sizing:border-box;content:" ";height:1em;left:50%;margin:-.5em 0 0 -.5em;position:absolute;top:50%;transform:translateZ(0) scale(.5);transform-origin:50% 50%;width:1em} +@keyframes spinner__animation{0%{animation-timing-function:cubic-bezier(.5856,.0703,.4143,.9297);transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes loading__animation{to{transform:translateX(100%)}}.wc-block-components-product-add-to-cart-attribute-picker{flex-basis:100%;margin:0}.wc-block-components-product-add-to-cart-attribute-picker label{display:block;font-size:1em}.wc-block-components-product-add-to-cart-attribute-picker .wc-block-components-product-add-to-cart-attribute-picker__container{position:relative}.wc-block-components-product-add-to-cart-attribute-picker .wc-block-components-product-add-to-cart-attribute-picker__select{margin:0 0 .75em}.wc-block-components-product-add-to-cart-attribute-picker .wc-block-components-product-add-to-cart-attribute-picker__select select{min-height:1.75em;min-width:60%}.wc-block-components-product-add-to-cart-attribute-picker .wc-block-components-product-add-to-cart-attribute-picker__select.has-error{margin-bottom:24px}.wc-block-components-product-add-to-cart-attribute-picker .wc-block-components-product-add-to-cart-attribute-picker__select.has-error select{border-color:#cc1818}.wc-block-components-product-add-to-cart-attribute-picker .wc-block-components-product-add-to-cart-attribute-picker__select.has-error select:focus{outline-color:#cc1818} +@keyframes spinner__animation{0%{animation-timing-function:cubic-bezier(.5856,.0703,.4143,.9297);transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes loading__animation{to{transform:translateX(100%)}}.wc-block-components-skeleton{display:flex;flex-direction:column;gap:1rem;width:100%}.wc-block-components-skeleton-text-line{background:hsla(0,0%,7%,.115);border-radius:4px;height:.85em;position:relative;width:100%}.wc-block-components-skeleton-text-line:last-child{width:80%} +@keyframes spinner__animation{0%{animation-timing-function:cubic-bezier(.5856,.0703,.4143,.9297);transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes loading__animation{to{transform:translateX(100%)}}.wp-block-add-to-cart-form{width:unset}.wp-block-add-to-cart-form .input-text{font-size:var(--wp--preset--font-size--small);padding:.9rem 1.1rem} +@keyframes spinner__animation{0%{animation-timing-function:cubic-bezier(.5856,.0703,.4143,.9297);transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes loading__animation{to{transform:translateX(100%)}}.woocommerce .wp-block-woocommerce-product-image-gallery{clear:both;max-width:512px;position:relative}.woocommerce .wp-block-woocommerce-product-image-gallery span.onsale{left:-1rem;right:unset;z-index:1}.woocommerce .wp-block-woocommerce-product-image-gallery:after{clear:both;content:"";display:table}.woocommerce .wp-block-woocommerce-product-image-gallery .woocommerce-product-gallery.images{width:100%} +@keyframes spinner__animation{0%{animation-timing-function:cubic-bezier(.5856,.0703,.4143,.9297);transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes loading__animation{to{transform:translateX(100%)}}.wp-block-woocommerce-product-details ul.wc-tabs{border-bottom:1px solid #e0e0e0;list-style:none;margin:0 0 1.618em;overflow:hidden;padding:0 0 0 1em;position:relative}.wp-block-woocommerce-product-details ul.wc-tabs li{border:1px solid #e0e0e0;border-radius:4px 4px 0 0;display:inline-block;margin:0;padding:.5em 1em;position:relative;z-index:0}.wp-block-woocommerce-product-details ul.wc-tabs li a{display:inline-block;font-weight:700;text-decoration:none}.wp-block-woocommerce-product-details ul.wc-tabs li a:hover{text-decoration:none}.wp-block-woocommerce-product-details ul.wc-tabs li.active{z-index:2}.wp-block-woocommerce-product-details ul.wc-tabs li.active a{text-shadow:inherit} +@keyframes spinner__animation{0%{animation-timing-function:cubic-bezier(.5856,.0703,.4143,.9297);transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes loading__animation{to{transform:translateX(100%)}}.wp-block-woocommerce-product-reviews img{max-width:600px}.wp-block-woocommerce-product-reviews .submit{margin-top:2rem}.wp-block-woocommerce-product-reviews__editor__row{align-items:center;display:flex;gap:2rem}.wp-block-woocommerce-product-reviews__editor__row>span{flex-basis:20%}.wp-block-woocommerce-product-reviews__editor__row .wp-block-woocommerce-product-reviews__editor__stars,.wp-block-woocommerce-product-reviews__editor__row textarea{flex-grow:1;margin-right:1rem}.wp-block-woocommerce-product-reviews__editor__row textarea{flex-grow:1;height:8rem}.wp-block-woocommerce-product-reviews__editor__stars{display:inline-block;font-family:star;font-size:1em;font-weight:400;height:1.618em;line-height:1.618;overflow:hidden;position:relative;width:5.3em}.wp-block-woocommerce-product-reviews__editor__stars:before{color:inherit;content:"SSSSS";left:0;position:absolute;right:0;top:0;white-space:nowrap} diff --git a/build/all-products.js b/build/all-products.js new file mode 100644 index 00000000000..12203fa4f8e --- /dev/null +++ b/build/all-products.js @@ -0,0 +1,25 @@ +(()=>{var e,t,o,r={6638:(e,t,o)=>{"use strict";o.d(t,{Z:()=>r});const r={showFormElements:{type:"boolean",default:!1},productId:{type:"number",default:0}}},8936:(e,t,o)=>{"use strict";o.d(t,{Z:()=>Qe});var r=o(9196),n=o(4184),c=o.n(n),a=o(9307),s=o(5736),l=o(9075),i=o(6576),u=o(9818),d=o(4801);const p={PRISTINE:"pristine",IDLE:"idle",DISABLED:"disabled",PROCESSING:"processing",BEFORE_PROCESSING:"before_processing",AFTER_PROCESSING:"after_processing"},m={status:p.PRISTINE,hasError:!1,quantity:0,processingResponse:null,requestParams:{}},g={SET_PRISTINE:"set_pristine",SET_IDLE:"set_idle",SET_DISABLED:"set_disabled",SET_PROCESSING:"set_processing",SET_BEFORE_PROCESSING:"set_before_processing",SET_AFTER_PROCESSING:"set_after_processing",SET_PROCESSING_RESPONSE:"set_processing_response",SET_HAS_ERROR:"set_has_error",SET_NO_ERROR:"set_no_error",SET_QUANTITY:"set_quantity",SET_REQUEST_PARAMS:"set_request_params"},{SET_PRISTINE:b,SET_IDLE:h,SET_DISABLED:_,SET_PROCESSING:w,SET_BEFORE_PROCESSING:E,SET_AFTER_PROCESSING:k,SET_PROCESSING_RESPONSE:v,SET_HAS_ERROR:y,SET_NO_ERROR:f,SET_QUANTITY:S,SET_REQUEST_PARAMS:C}=g,x=()=>({type:h}),N=(e=!0)=>({type:e?y:f}),{SET_PRISTINE:P,SET_IDLE:T,SET_DISABLED:A,SET_PROCESSING:I,SET_BEFORE_PROCESSING:O,SET_AFTER_PROCESSING:R,SET_PROCESSING_RESPONSE:B,SET_HAS_ERROR:D,SET_NO_ERROR:L,SET_QUANTITY:F,SET_REQUEST_PARAMS:V}=g,{PRISTINE:M,IDLE:$,DISABLED:q,PROCESSING:H,BEFORE_PROCESSING:Z,AFTER_PROCESSING:z}=p,j=(e=m,{quantity:t,type:o,data:r})=>{let n;switch(o){case P:n=m;break;case T:n=e.status!==$?{...e,status:$}:e;break;case A:n=e.status!==q?{...e,status:q}:e;break;case F:n=t!==e.quantity?{...e,quantity:t}:e;break;case V:n={...e,requestParams:{...e.requestParams,...r}};break;case B:n={...e,processingResponse:r};break;case I:n=e.status!==H?{...e,status:H,hasError:!1}:e,n=!1===n.hasError?n:{...n,hasError:!1};break;case O:n=e.status!==Z?{...e,status:Z,hasError:!1}:e;break;case R:n=e.status!==z?{...e,status:z}:e;break;case D:n=e.hasError?e:{...e,hasError:!0},n=e.status===H||e.status===Z?{...n,status:$}:n;break;case L:n=e.hasError?{...e,hasError:!1}:e}return n!==e&&o!==P&&n.status===M&&(n.status=$),n};let G=function(e){return e.ADD_EVENT_CALLBACK="add_event_callback",e.REMOVE_EVENT_CALLBACK="remove_event_callback",e}({});const Q={},W=(e=Q,{type:t,eventType:o,id:r,callback:n,priority:c})=>{const a=e.hasOwnProperty(o)?new Map(e[o]):new Map;switch(t){case G.ADD_EVENT_CALLBACK:return a.set(r,{priority:c,callback:n}),{...e,[o]:a};case G.REMOVE_EVENT_CALLBACK:return a.delete(r),{...e,[o]:a}}},Y=(e,t)=>(o,r=10)=>{const n=((e,t,o=10)=>({id:Math.floor(Math.random()*Date.now()).toString(),type:G.ADD_EVENT_CALLBACK,eventType:e,callback:t,priority:o}))(e,o,r);return t(n),()=>{var o;t((o=e,{id:n.id,type:G.REMOVE_EVENT_CALLBACK,eventType:o}))}},K="add_to_cart_before_processing",U="add_to_cart_after_processing_with_success",J="add_to_cart_after_processing_with_error",X=e=>({onAddToCartAfterProcessingWithSuccess:Y(U,e),onAddToCartProcessingWithError:Y(J,e),onAddToCartBeforeProcessing:Y(K,e)});var ee=o(7884);const te=(e,t)=>e[t]?Array.from(e[t].values()).sort(((e,t)=>e.priority-t.priority)):[];let oe=function(e){return e.SUCCESS="success",e.FAIL="failure",e.ERROR="error",e}({});const re=(e,t)=>(0,ee.Kn)(e)&&"type"in e&&e.type===t,ne=e=>re(e,oe.ERROR),ce=e=>re(e,oe.FAIL),ae=e=>(0,ee.Kn)(e)&&(0,ee.$n)(e,"type"),se=async(e,t,o)=>{const r=[],n=te(e,t);for(const e of n)try{const t=await Promise.resolve(e.callback(o));if(!ae(t))continue;if(!t.hasOwnProperty("type"))throw new Error("Returned objects from event emitter observers must return an object with a type property");if(ne(t)||ce(t))return r.push(t),r;r.push(t)}catch(e){return console.error(e),r.push({type:oe.ERROR}),r}return r},le=(0,a.createContext)({product:{},productType:"simple",productIsPurchasable:!0,productHasOptions:!1,supportsFormElements:!0,showFormElements:!1,quantity:0,minQuantity:1,maxQuantity:99,requestParams:{},isIdle:!1,isDisabled:!1,isProcessing:!1,isBeforeProcessing:!1,isAfterProcessing:!1,hasError:!1,eventRegistration:{onAddToCartAfterProcessingWithSuccess:e=>{},onAddToCartAfterProcessingWithError:e=>{},onAddToCartBeforeProcessing:e=>{}},dispatchActions:{resetForm:()=>{},submitForm:()=>{},setQuantity:e=>{},setHasError:e=>{},setAfterProcessing:e=>{},setRequestParams:e=>{}}}),ie=()=>(0,a.useContext)(le),ue=({children:e,product:t,showFormElements:o})=>{var n,c,g,h;const[y,f]=(0,a.useReducer)(j,m),[P,T]=(0,a.useReducer)(W,{}),A=(0,l.s)(P),{createErrorNotice:I}=(0,u.useDispatch)("core/notices"),{setValidationErrors:O}=(0,u.useDispatch)(d.VALIDATION_STORE_KEY),R=(0,a.useMemo)((()=>({onAddToCartAfterProcessingWithSuccess:X(T).onAddToCartAfterProcessingWithSuccess,onAddToCartAfterProcessingWithError:X(T).onAddToCartAfterProcessingWithError,onAddToCartBeforeProcessing:X(T).onAddToCartBeforeProcessing})),[T]),B=(0,a.useMemo)((()=>({resetForm:()=>{f({type:b})},submitForm:()=>{f({type:E})},setQuantity:e=>{f((e=>({type:S,quantity:e}))(e))},setHasError:e=>{f(N(e))},setRequestParams:e=>{f((e=>({type:C,data:e}))(e))},setAfterProcessing:e=>{f({type:v,data:e}),f({type:k})}})),[]);(0,a.useEffect)((()=>{const e=y.status,o=!t.id||!(0,i.L)(t);e!==p.DISABLED||o?e!==p.DISABLED&&o&&f({type:_}):f(x())}),[y.status,t,f]),(0,a.useEffect)((()=>{y.status===p.BEFORE_PROCESSING&&(((e,t)=>{const o=(0,u.select)("core/notices").getNotices(t),{removeNotice:r}=(0,u.dispatch)("core/notices");o.filter((e=>"error"===e.status)).forEach((e=>r(e.id,t)))})(0,"wc/add-to-cart"),(async(e,t,o)=>{const r=te(e,t),n=[];for(const e of r)try{const t=await Promise.resolve(e.callback(o));"object"==typeof t&&n.push(t)}catch(e){console.error(e)}return!n.length||n})(A,K,{}).then((e=>{!0!==e?(Array.isArray(e)&&e.forEach((({errorMessage:e,validationErrors:t})=>{e&&I(e,{context:"wc/add-to-cart"}),t&&O(t)})),f(x())):f({type:w})})))}),[y.status,O,I,f,A,null==t?void 0:t.id]),(0,a.useEffect)((()=>{if(y.status===p.AFTER_PROCESSING){const e={processingResponse:y.processingResponse},o=e=>{let t=!1;return e.forEach((e=>{const{message:o,messageContext:r}=e;(ne(e)||ce(e))&&o&&(t=!0,I(o,r?{context:r}:void 0))})),t};if(y.hasError)return void se(A,J,e).then((r=>{if(!o(r)){var n;const o=(null===(n=e.processingResponse)||void 0===n?void 0:n.message)||(0,s.__)("Something went wrong. Please contact us for assistance.","woo-gutenberg-products-block");I(o,{id:"add-to-cart",context:`woocommerce/single-product/${(null==t?void 0:t.id)||0}`})}f(x())}));se(A,U,e).then((e=>{o(e)?f(N(!0)):f(x())}))}}),[y.status,y.hasError,y.processingResponse,B,I,A,null==t?void 0:t.id]);const D=(0,i.K)(t),L={product:t,productType:t.type||"simple",productIsPurchasable:(0,i.L)(t),productHasOptions:t.has_options||!1,supportsFormElements:D,showFormElements:o&&D,quantity:y.quantity||(null==t||null===(n=t.add_to_cart)||void 0===n?void 0:n.minimum)||1,minQuantity:(null==t||null===(c=t.add_to_cart)||void 0===c?void 0:c.minimum)||1,maxQuantity:(null==t||null===(g=t.add_to_cart)||void 0===g?void 0:g.maximum)||99,multipleOf:(null==t||null===(h=t.add_to_cart)||void 0===h?void 0:h.multiple_of)||1,requestParams:y.requestParams,isIdle:y.status===p.IDLE,isDisabled:y.status===p.DISABLED,isProcessing:y.status===p.PROCESSING,isBeforeProcessing:y.status===p.BEFORE_PROCESSING,isAfterProcessing:y.status===p.AFTER_PROCESSING,hasError:y.hasError,eventRegistration:R,dispatchActions:B};return(0,r.createElement)(le.Provider,{value:L},e)};var de=o(6989),pe=o.n(de),me=o(2629),ge=o(9456),be=o(9816);const he=()=>{const{dispatchActions:e,product:t,quantity:o,eventRegistration:r,hasError:n,isProcessing:c,requestParams:l}=ie(),{showAllValidationErrors:i}=(0,u.useDispatch)(d.VALIDATION_STORE_KEY),p=(0,u.useSelect)((e=>e(d.VALIDATION_STORE_KEY).hasValidationErrors)),{createErrorNotice:m,removeNotice:g}=(0,u.useDispatch)("core/notices"),{receiveCart:b}=(0,be.b)(),[h,_]=(0,a.useState)(!1),w=!n&&c,E=(0,a.useCallback)((()=>!p()||(i(),{type:"error"})),[p,i]);(0,a.useEffect)((()=>{const e=r.onAddToCartBeforeProcessing(E,0);return()=>{e()}}),[r,E]);const k=(0,a.useCallback)((()=>{_(!0),g("add-to-cart",`woocommerce/single-product/${(null==t?void 0:t.id)||0}`);const r={id:t.id||0,quantity:o,...l};pe()({path:"/wc/store/v1/cart/add-item",method:"POST",data:r,cache:"no-store",parse:!1}).then((o=>{pe().setNonce(o.headers),o.json().then((function(r){o.ok?b(r):(r.body&&r.body.message?m((0,me.decodeEntities)(r.body.message),{id:"add-to-cart",context:`woocommerce/single-product/${(null==t?void 0:t.id)||0}`}):m((0,s.__)("Something went wrong. Please contact us for assistance.","woo-gutenberg-products-block"),{id:"add-to-cart",context:`woocommerce/single-product/${(null==t?void 0:t.id)||0}`}),e.setHasError()),(0,ge.Q9)({preserveCartData:!0}),e.setAfterProcessing(r),_(!1)}))})).catch((t=>{t.json().then((function(t){var o;null!==(o=t.data)&&void 0!==o&&o.cart&&b(t.data.cart),e.setHasError(),e.setAfterProcessing(t),_(!1)}))}))}),[t,m,g,b,e,o,l]);return(0,a.useEffect)((()=>{w&&!h&&k()}),[w,k,h]),null},_e=({children:e,product:t,showFormElements:o})=>(0,r.createElement)(ue,{product:t,showFormElements:o},e,(0,r.createElement)(he,null));var we=o(2864),Ee=o(51),ke=o(721),ve=(o(6684),o(9884));o(5482),o(129);const ye=()=>(0,r.createElement)("span",{className:"wc-block-components-spinner","aria-hidden":"true"}),fe=({className:e,showSpinner:t=!1,children:o,variant:n="contained",...a})=>{const s=c()("wc-block-components-button","wp-element-button",e,n,{"wc-block-components-button--loading":t});return(0,r.createElement)(ve.Z,{className:s,...a},t&&(0,r.createElement)(ye,null),(0,r.createElement)("span",{className:"wc-block-components-button__text"},o))};var Se=o(1984),Ce=o(8184),xe=o(5918),Ne=o(3775);const Pe=({className:e,href:t,text:o,onClick:n})=>(0,r.createElement)(fe,{className:e,href:t,onClick:n,rel:"nofollow"},o),Te=({className:e,quantityInCart:t,isProcessing:o,isDisabled:n,isDone:c,onClick:a})=>(0,r.createElement)(fe,{className:e,disabled:n,showSpinner:o,onClick:a},c&&t>0?(0,s.sprintf)(/* translators: %s number of products in cart. */ +(0,s._n)("%d in cart","%d in cart",t,"woo-gutenberg-products-block"),t):(0,s.__)("Add to cart","woo-gutenberg-products-block"),!!c&&(0,r.createElement)(Se.Z,{icon:Ce.Z})),Ae=()=>{const{showFormElements:e,productIsPurchasable:t,productHasOptions:o,product:n,productType:c,isDisabled:l,isProcessing:i,eventRegistration:u,hasError:d,dispatchActions:p}=ie(),{parentName:m}=(0,we.useInnerBlockLayoutContext)(),{dispatchStoreEvent:g}=(0,xe.n)(),{cartQuantity:b}=(0,Ne.c)(n.id||0),[h,_]=(0,a.useState)(!1),w=n.add_to_cart||{url:"",text:""};return(0,a.useEffect)((()=>{const e=u.onAddToCartAfterProcessingWithSuccess((()=>(d||_(!0),!0)),0);return()=>{e()}}),[u,d]),(e||!o&&"simple"===c)&&t?(0,r.createElement)(Te,{className:"wc-block-components-product-add-to-cart-button",quantityInCart:b,isDisabled:l,isProcessing:i,isDone:h,onClick:()=>{p.submitForm(`woocommerce/single-product/${(null==n?void 0:n.id)||0}`),g("cart-add-item",{product:n,listName:m})}}):(0,r.createElement)(Pe,{className:"wc-block-components-product-add-to-cart-button",href:w.url,text:w.text||(0,s.__)("View Product","woo-gutenberg-products-block"),onClick:()=>{g("product-view-link",{product:n,listName:m})}})};var Ie=o(4697);const Oe=({disabled:e,min:t,max:o,step:n=1,value:c,onChange:a})=>{const s=void 0!==o,l=(0,Ie.y1)((e=>{let r=e;s&&(r=Math.min(r,Math.floor(o/n)*n)),r=Math.max(r,Math.ceil(t/n)*n),r=Math.floor(r/n)*n,r!==e&&(null==a||a(r))}),300);return(0,r.createElement)("input",{className:"wc-block-components-product-add-to-cart-quantity",type:"number",value:c,min:t,max:o,step:n,hidden:1===o,disabled:e,onChange:e=>{null==a||a(e.target.value),l(Number(e.target.value))}})},Re=({reason:e=(0,s.__)("Sorry, this product cannot be purchased.","woo-gutenberg-products-block")})=>(0,r.createElement)("div",{className:"wc-block-components-product-add-to-cart-unavailable"},e),Be=()=>{const{product:e,quantity:t,minQuantity:o,maxQuantity:n,multipleOf:c,dispatchActions:a,isDisabled:l}=ie();return e.id&&!e.is_purchasable?(0,r.createElement)(Re,null):e.id&&!e.is_in_stock?(0,r.createElement)(Re,{reason:(0,s.__)("This product is currently out of stock and cannot be purchased.","woo-gutenberg-products-block")}):(0,r.createElement)(r.Fragment,null,(0,r.createElement)(Oe,{value:t,min:o,max:n,step:c,disabled:l,onChange:a.setQuantity}),(0,r.createElement)(Ae,null))};o(461);var De=o(3854),Le=o(3554);const Fe={value:"",label:(0,s.__)("Select an option","woo-gutenberg-products-block")},Ve=({attributeName:e,options:t=[],value:o="",onChange:n=(()=>{}),errorMessage:l=(0,s.__)("Please select a value.","woo-gutenberg-products-block")})=>{const i=e,{setValidationErrors:p,clearValidationError:m}=(0,u.useDispatch)(d.VALIDATION_STORE_KEY),{error:g}=(0,u.useSelect)((e=>({error:e(d.VALIDATION_STORE_KEY).getValidationError(i)||{}})));return(0,a.useEffect)((()=>{o?m(i):p({[i]:{message:l,hidden:!0}})}),[o,i,l,m,p]),(0,a.useEffect)((()=>()=>{m(i)}),[i,m]),(0,r.createElement)("div",{className:"wc-block-components-product-add-to-cart-attribute-picker__container"},(0,r.createElement)(De.Z,{label:(0,me.decodeEntities)(e),value:o||"",options:[Fe,...t],onChange:n,required:!0,className:c()("wc-block-components-product-add-to-cart-attribute-picker__select",{"has-error":(null==g?void 0:g.message)&&!(null!=g&&g.hidden)})}),(0,r.createElement)(Le.ValidationInputError,{propertyName:i,elementId:i}))};var Me=o(8916);const $e=(e,t,o)=>{const r=Object.values(t).map((({id:e})=>e));if(Object.values(o).every((e=>""===e)))return r;const n=Object.keys(e);return r.filter((e=>n.every((r=>{const n=o[r]||"",c=t["id:"+e].attributes[r];return""===n||null===c||c===n}))))},qe=({attributes:e,variationAttributes:t,setRequestParams:o})=>{const n=(0,l.s)(e),c=(0,l.s)(t),[s,i]=(0,a.useState)(0),[u,d]=(0,a.useState)({}),[p,m]=(0,a.useState)(!1),g=(0,a.useMemo)((()=>((e,t,o)=>{const r={},n=Object.keys(e),c=Object.values(o).filter(Boolean).length>0;return n.forEach((n=>{const a=e[n],s={...o,[n]:null},l=c?$e(e,t,s):null,i=null!==l?l.map((e=>t["id:"+e].attributes[n])):null;r[n]=((e,t=null)=>Object.values(e).map((({name:e,slug:o})=>null===t||t.includes(null)||t.includes(o)?{value:o,label:(0,me.decodeEntities)(e)}:null)).filter(Boolean))(a.terms,i)})),r})(n,c,u)),[u,n,c]);return(0,a.useEffect)((()=>{if(!p){const t=(e=>(0,ee.Kn)(e)?0===Object.keys(e).length?{}:Object.values(e).reduce(((e,t)=>{const o=t.terms.filter((e=>e.default));var r;return o.length>0&&(e[t.name]=null===(r=o[0])||void 0===r?void 0:r.slug),e}),{}):{})(e);t&&d({...t}),m(!0)}}),[u,e,p]),(0,a.useEffect)((()=>{Object.values(u).filter((e=>""!==e)).length===Object.keys(n).length?i(((e,t,o)=>$e(e,t,o)[0]||0)(n,c,u)):s>0&&i(0)}),[u,s,n,c]),(0,a.useEffect)((()=>{o({id:s,variation:Object.keys(u).map((e=>({attribute:e,value:u[e]})))})}),[o,s,u]),(0,r.createElement)("div",{className:"wc-block-components-product-add-to-cart-attribute-picker"},Object.keys(n).map((e=>(0,r.createElement)(Ve,{key:e,attributeName:e,options:g[e].filter(Boolean),value:u[e],onChange:t=>{d({...u,[e]:t})}}))))},He=({dispatchers:e,product:t})=>{const o=(e=>e?(0,Me.V)(Object.values(e).filter((({has_variations:e})=>e)),"name"):{})(t.attributes),n=(e=>{if(!e)return{};const t={};return e.forEach((({id:e,attributes:o})=>{t[`id:${e}`]={id:e,attributes:o.reduce(((e,{name:t,value:o})=>(e[t]=o,e)),{})}})),t})(t.variations);return 0===Object.keys(o).length||0===Object.keys(n).length?null:(0,r.createElement)(qe,{attributes:o,variationAttributes:n,setRequestParams:e.setRequestParams})},Ze=()=>{const{product:e,quantity:t,minQuantity:o,maxQuantity:n,multipleOf:c,dispatchActions:a,isDisabled:l}=ie();return e.id&&!e.is_purchasable?(0,r.createElement)(Re,null):e.id&&!e.is_in_stock?(0,r.createElement)(Re,{reason:(0,s.__)("This product is currently out of stock and cannot be purchased.","woo-gutenberg-products-block")}):(0,r.createElement)(r.Fragment,null,(0,r.createElement)(He,{product:e,dispatchers:a}),(0,r.createElement)(Oe,{value:t,min:o,max:n,step:c,disabled:l,onChange:a.setQuantity}),(0,r.createElement)(Ae,null))},ze=()=>(0,r.createElement)(Ae,null),je=()=>(0,r.createElement)("p",null,"This is a placeholder for the grouped products form element."),Ge=()=>{const{showFormElements:e,productType:t}=ie();return e?"variable"===t?(0,r.createElement)(Ze,null):"grouped"===t?(0,r.createElement)(je,null):"external"===t?(0,r.createElement)(ze,null):"simple"===t||"variation"===t?(0,r.createElement)(Be,null):null:(0,r.createElement)(Ae,null)},Qe=(0,ke.withProductDataContext)((({className:e,showFormElements:t})=>{const{product:o}=(0,we.useProductDataContext)(),n=c()(e,"wc-block-components-product-add-to-cart",{"wc-block-components-product-add-to-cart--placeholder":(0,Ee.x)(o)});return(0,r.createElement)(_e,{product:o,showFormElements:t},(0,r.createElement)("div",{className:n},(0,r.createElement)(Ge,null)))}))},2043:(e,t,o)=>{"use strict";o.r(t),o.d(t,{Block:()=>u,default:()=>d});var r=o(9196),n=o(4184),c=o.n(n),a=o(2864),s=o(3611),l=o(5736),i=o(721);const u=e=>{const{textAlign:t}=e,o=(0,s.F)(e),{product:n}=(0,a.useProductDataContext)(),i=c()(o.className,"wc-block-components-product-average-rating",{[`has-text-align-${t}`]:t});return(0,r.createElement)("div",{className:i,style:o.style},Number(n.average_rating)>0?n.average_rating:(0,l.__)("No ratings","woo-gutenberg-products-block"))},d=(0,i.withProductDataContext)(u)},4113:(e,t,o)=>{"use strict";o.r(t),o.d(t,{Block:()=>_,default:()=>w});var r=o(9196),n=o(4184),c=o.n(n),a=o(5736),s=o(5918),l=o(3775),i=o(3611),u=o(2629),d=o(5271),p=o(4617),m=o(2864),g=o(721);o(1464);const b=({product:e,className:t,style:o})=>{const{id:n,permalink:i,add_to_cart:m,has_options:g,is_purchasable:b,is_in_stock:h}=e,{dispatchStoreEvent:_}=(0,s.n)(),{cartQuantity:w,addingToCart:E,addToCart:k}=(0,l.c)(n),v=Number.isFinite(w)&&w>0,y=!g&&b&&h,f=(0,u.decodeEntities)((null==m?void 0:m.description)||""),S=v?(0,a.sprintf)(/* translators: %s number of products in cart. */ +(0,a._n)("%d in cart","%d in cart",w,"woo-gutenberg-products-block"),w):(0,u.decodeEntities)((null==m?void 0:m.text)||(0,a.__)("Add to cart","woo-gutenberg-products-block")),C=y?"button":"a",x={};return y?x.onClick=async()=>{await k(),_("cart-add-item",{product:e});const{cartRedirectAfterAdd:t}=(0,p.getSetting)("productsSettings");t&&(window.location.href=d.fh)}:(x.href=i,x.rel="nofollow",x.onClick=()=>{_("product-view-link",{product:e})}),(0,r.createElement)(C,{...x,"aria-label":f,disabled:E,className:c()(t,"wp-block-button__link","wp-element-button","add_to_cart_button","wc-block-components-product-button__button",{loading:E,added:v}),style:o},S)},h=({className:e,style:t})=>(0,r.createElement)("button",{className:c()("wp-block-button__link","wp-element-button","add_to_cart_button","wc-block-components-product-button__button","wc-block-components-product-button__button--placeholder",e),style:t,disabled:!0}),_=e=>{const{className:t,textAlign:o}=e,n=(0,i.F)(e),{parentClassName:a}=(0,m.useInnerBlockLayoutContext)(),{product:s}=(0,m.useProductDataContext)();return(0,r.createElement)("div",{className:c()(t,"wp-block-button","wc-block-components-product-button",{[`${a}__product-add-to-cart`]:a,[`align-${o}`]:o})},s.id?(0,r.createElement)(b,{product:s,style:n.style,className:n.className}):(0,r.createElement)(h,{style:n.style,className:n.className}))},w=(0,g.withProductDataContext)(_)},9382:(e,t,o)=>{"use strict";o.d(t,{Z:()=>r});const r={showProductLink:{type:"boolean",default:!0},showSaleBadge:{type:"boolean",default:!0},saleBadgeAlign:{type:"string",default:"right"},imageSizing:{type:"string",default:o(9252).R.SINGLE},productId:{type:"number",default:0},isDescendentOfQueryLoop:{type:"boolean",default:!1},isDescendentOfSingleProductBlock:{type:"boolean",default:!1},width:{type:"string"},height:{type:"string"},scale:{type:"string",default:"cover"},aspectRatio:{type:"string"}}},1492:(e,t,o)=>{"use strict";o.d(t,{Z:()=>_});var r=o(9196),n=o(9307),c=o(5736),a=o(4184),s=o.n(a),l=o(4617),i=o(2864),u=o(3611),d=o(721),p=o(5918),m=o(4498),g=(o(8854),o(9252));const b=e=>(0,r.createElement)("img",{...e,src:l.PLACEHOLDER_IMG_SRC,alt:"",width:void 0,height:void 0}),h=({image:e,loaded:t,showFullSize:o,fallbackAlt:c,width:a,scale:s,height:l,aspectRatio:i})=>{const{thumbnail:u,src:d,srcset:p,sizes:m,alt:g}=e||{},h={alt:g||c,hidden:!t,src:u,...o&&{src:d,srcSet:p,sizes:m}},_={height:l,width:a,objectFit:s,aspectRatio:i};return(0,r.createElement)(n.Fragment,null,h.src&&(0,r.createElement)("img",{style:_,"data-testid":"product-image",...h}),!e&&(0,r.createElement)(b,{style:_}))},_=(0,d.withProductDataContext)((e=>{const{className:t,imageSizing:o=g.R.SINGLE,showProductLink:a=!0,showSaleBadge:l,saleBadgeAlign:d="right",height:_,width:w,scale:E,aspectRatio:k,...v}=e,y=(0,u.F)(e),{parentClassName:f}=(0,i.useInnerBlockLayoutContext)(),{product:S,isLoading:C}=(0,i.useProductDataContext)(),{dispatchStoreEvent:x}=(0,p.n)();if(!S.id)return(0,r.createElement)("div",{className:s()(t,"wc-block-components-product-image",{[`${f}__product-image`]:f},y.className),style:y.style},(0,r.createElement)(b,null));const N=!!S.images.length,P=N?S.images[0]:null,T=a?"a":n.Fragment,A=(0,c.sprintf)(/* translators: %s is referring to the product name */ +(0,c.__)("Link to %s","woo-gutenberg-products-block"),S.name),I={href:S.permalink,...!N&&{"aria-label":A},onClick:()=>{x("product-view-link",{product:S})}};return(0,r.createElement)("div",{className:s()(t,"wc-block-components-product-image",{[`${f}__product-image`]:f},y.className),style:y.style},(0,r.createElement)(T,{...a&&I},!!l&&(0,r.createElement)(m.default,{align:d,...v}),(0,r.createElement)(h,{fallbackAlt:S.name,image:P,loaded:!C,showFullSize:o!==g.R.THUMBNAIL,width:w,height:_,scale:E,aspectRatio:k})))}))},9252:(e,t,o)=>{"use strict";o.d(t,{R:()=>r});let r=function(e){return e.SINGLE="single",e.THUMBNAIL="thumbnail",e}({})},6669:(e,t,o)=>{"use strict";o.r(t),o.d(t,{Block:()=>d,default:()=>p});var r=o(9196),n=o(4184),c=o.n(n),a=o(6805),s=o(4293),l=o(2864),i=o(3611),u=o(721);const d=e=>{var t,o;const{className:n,textAlign:u,isDescendentOfSingleProductTemplate:d}=e,p=(0,i.F)(e),{parentName:m,parentClassName:g}=(0,l.useInnerBlockLayoutContext)(),{product:b}=(0,l.useProductDataContext)(),h="woocommerce/all-products"===m,_=c()("wc-block-components-product-price",n,p.className,{[`${g}__product-price`]:g});if(!b.id&&!d){const e=(0,r.createElement)(a.Z,{align:u,className:_});return h?(0,r.createElement)("div",{className:"wp-block-woocommerce-product-price"},e):e}const w=b.prices,E=d?(0,s.getCurrencyFromPriceResponse)():(0,s.getCurrencyFromPriceResponse)(w),k="5000",v=w.price!==w.regular_price,y=c()({[`${g}__product-price__value`]:g,[`${g}__product-price__value--on-sale`]:v}),f=(0,r.createElement)(a.Z,{align:u,className:_,style:p.style,regularPriceStyle:p.style,priceStyle:p.style,priceClassName:y,currency:E,price:d?k:w.price,minPrice:null==w||null===(t=w.price_range)||void 0===t?void 0:t.min_amount,maxPrice:null==w||null===(o=w.price_range)||void 0===o?void 0:o.max_amount,regularPrice:d?k:w.regular_price,regularPriceClassName:c()({[`${g}__product-price__regular`]:g})});return h?(0,r.createElement)("div",{className:"wp-block-woocommerce-product-price"},f):f},p=e=>e.isDescendentOfSingleProductTemplate?(0,r.createElement)(d,{...e}):(0,u.withProductDataContext)(d)(e)},5042:(e,t,o)=>{"use strict";o.r(t),o.d(t,{Block:()=>m,default:()=>g});var r=o(9196),n=o(5736),c=o(4184),a=o.n(c),s=o(2864),l=o(3611),i=o(721),u=o(1478),d=o(5609);const p=e=>{const{reviews:t}=e,o=t?(0,n.sprintf)(/* translators: %s is referring to the total of reviews for a product */ +(0,n._n)("(%s customer review)","(%s customer reviews)",t,"woo-gutenberg-products-block"),t):(0,n.__)("(X customer reviews)","woo-gutenberg-products-block");return(0,r.createElement)("span",{className:"wc-block-components-product-rating-counter__reviews_count"},(0,r.createElement)(d.Disabled,null,(0,r.createElement)("a",{href:"/"},o)))},m=e=>{const{textAlign:t,shouldDisplayMockedReviewsWhenProductHasNoReviews:o}=e,n=(0,l.F)(e),{parentClassName:c}=(0,s.useInnerBlockLayoutContext)(),{product:i}=(0,s.useProductDataContext)(),d=(e=>{const t=(0,u.h)(e.review_count)?e.review_count:parseInt(e.review_count,10);return Number.isFinite(t)&&t>0?t:0})(i),m=a()(n.className,"wc-block-components-product-rating-counter",{[`${c}__product-rating`]:c,[`has-text-align-${t}`]:t});if(d||o)return(0,r.createElement)("div",{className:m,style:n.style},(0,r.createElement)("div",{className:"wc-block-components-product-rating-counter__container"},(0,r.createElement)(p,{reviews:d})))},g=(0,i.withProductDataContext)(m)},89:(e,t,o)=>{"use strict";o.r(t),o.d(t,{Block:()=>g,default:()=>b});var r=o(9196),n=o(5736),c=o(4184),a=o.n(c),s=o(2864),l=o(3611),i=o(721),u=o(1478);o(6843);const d=e=>({width:e/5*100+"%"}),p=({parentClassName:e})=>{const t=d(0);return(0,r.createElement)("div",{className:a()("wc-block-components-product-rating-stars__norating-container",`${e}-product-rating-stars__norating-container`)},(0,r.createElement)("div",{className:"wc-block-components-product-rating-stars__norating",role:"img"},(0,r.createElement)("span",{style:t})),(0,r.createElement)("span",null,(0,n.__)("No Reviews","woo-gutenberg-products-block")))},m=e=>{const{rating:t,reviews:o,parentClassName:c}=e,s=d(t),l=(0,n.sprintf)(/* translators: %f is referring to the average rating value */ +(0,n.__)("Rated %f out of 5","woo-gutenberg-products-block"),t),i={__html:(0,n.sprintf)(/* translators: %1$s is referring to the average rating value, %2$s is referring to the number of ratings */ +(0,n._n)("Rated %1$s out of 5 based on %2$s customer rating","Rated %1$s out of 5 based on %2$s customer ratings",o,"woo-gutenberg-products-block"),(0,n.sprintf)('%f',t),(0,n.sprintf)('%d',o))};return(0,r.createElement)("div",{className:a()("wc-block-components-product-rating-stars__stars",`${c}__product-rating-stars__stars`),role:"img","aria-label":l},(0,r.createElement)("span",{style:s,dangerouslySetInnerHTML:i}))},g=e=>{const{textAlign:t,shouldDisplayMockedReviewsWhenProductHasNoReviews:o}=e,n=(0,l.F)(e),{parentClassName:c}=(0,s.useInnerBlockLayoutContext)(),{product:i}=(0,s.useProductDataContext)(),d=(e=>{const t=parseFloat(e.average_rating);return Number.isFinite(t)&&t>0?t:0})(i),g=(e=>{const t=(0,u.h)(e.review_count)?e.review_count:parseInt(e.review_count,10);return Number.isFinite(t)&&t>0?t:0})(i),b=a()(n.className,"wc-block-components-product-rating-stars",{[`${c}__product-rating`]:c,[`has-text-align-${t}`]:t}),h=o?(0,r.createElement)(p,{parentClassName:c}):null,_=g?(0,r.createElement)(m,{rating:d,reviews:g,parentClassName:c}):h;return(0,r.createElement)("div",{className:b,style:n.style},(0,r.createElement)("div",{className:"wc-block-components-product-rating-stars__container"},_))},b=(0,i.withProductDataContext)(g)},1382:(e,t,o)=>{"use strict";o.r(t),o.d(t,{Block:()=>b,default:()=>h});var r=o(9196),n=o(5736),c=o(4184),a=o.n(c),s=o(2864),l=o(3611),i=o(721),u=o(1478);o(402);const d=e=>({width:e/5*100+"%"}),p=({parentClassName:e})=>{const t=d(0);return(0,r.createElement)("div",{className:a()("wc-block-components-product-rating__norating-container",`${e}-product-rating__norating-container`)},(0,r.createElement)("div",{className:"wc-block-components-product-rating__norating",role:"img"},(0,r.createElement)("span",{style:t})),(0,r.createElement)("span",null,(0,n.__)("No Reviews","woo-gutenberg-products-block")))},m=e=>{const{rating:t,reviews:o,parentClassName:c}=e,s=d(t),l=(0,n.sprintf)(/* translators: %f is referring to the average rating value */ +(0,n.__)("Rated %f out of 5","woo-gutenberg-products-block"),t),i={__html:(0,n.sprintf)(/* translators: %1$s is referring to the average rating value, %2$s is referring to the number of ratings */ +(0,n._n)("Rated %1$s out of 5 based on %2$s customer rating","Rated %1$s out of 5 based on %2$s customer ratings",o,"woo-gutenberg-products-block"),(0,n.sprintf)('%f',t),(0,n.sprintf)('%d',o))};return(0,r.createElement)("div",{className:a()("wc-block-components-product-rating__stars",`${c}__product-rating__stars`),role:"img","aria-label":l},(0,r.createElement)("span",{style:s,dangerouslySetInnerHTML:i}))},g=e=>{const{reviews:t}=e,o=(0,n.sprintf)(/* translators: %s is referring to the total of reviews for a product */ +(0,n._n)("(%s customer review)","(%s customer reviews)",t,"woo-gutenberg-products-block"),t);return(0,r.createElement)("span",{className:"wc-block-components-product-rating__reviews_count"},o)},b=e=>{const{textAlign:t,isDescendentOfSingleProductBlock:o,shouldDisplayMockedReviewsWhenProductHasNoReviews:n}=e,c=(0,l.F)(e),{parentClassName:i}=(0,s.useInnerBlockLayoutContext)(),{product:d}=(0,s.useProductDataContext)(),b=(e=>{const t=parseFloat(e.average_rating);return Number.isFinite(t)&&t>0?t:0})(d),h=(e=>{const t=(0,u.h)(e.review_count)?e.review_count:parseInt(e.review_count,10);return Number.isFinite(t)&&t>0?t:0})(d),_=a()(c.className,"wc-block-components-product-rating",{[`${i}__product-rating`]:i,[`has-text-align-${t}`]:t}),w=n?(0,r.createElement)(p,{parentClassName:i}):null,E=h?(0,r.createElement)(m,{rating:b,reviews:h,parentClassName:i}):w;if(h||n)return(0,r.createElement)("div",{className:_,style:c.style},(0,r.createElement)("div",{className:"wc-block-components-product-rating__container"},E,h&&o?(0,r.createElement)(g,{reviews:h}):null))},h=(0,i.withProductDataContext)(b)},4498:(e,t,o)=>{"use strict";o.r(t),o.d(t,{Block:()=>d,default:()=>p});var r=o(9196),n=o(5736),c=o(4184),a=o.n(c),s=o(711),l=o(2864),i=o(3611),u=o(721);o(1314);const d=e=>{const{className:t,align:o}=e,c=(0,i.F)(e),{parentClassName:u}=(0,l.useInnerBlockLayoutContext)(),{product:d}=(0,l.useProductDataContext)();if(!(d.id&&d.on_sale||e.isDescendentOfSingleProductTemplate))return null;const p="string"==typeof o?`wc-block-components-product-sale-badge--align-${o}`:"";return(0,r.createElement)("div",{className:a()("wc-block-components-product-sale-badge",t,p,{[`${u}__product-onsale`]:u},c.className),style:c.style},(0,r.createElement)(s.Label,{label:(0,n.__)("Sale","woo-gutenberg-products-block"),screenReaderLabel:(0,n.__)("Product on sale","woo-gutenberg-products-block")}))},p=(0,u.withProductDataContext)(d)},8130:(e,t,o)=>{"use strict";o.r(t),o.d(t,{default:()=>d});var r=o(9196),n=o(5736),c=o(4184),a=o.n(c),s=o(2864),l=o(721),i=o(3611);o(6995);const u=({parentClassName:e,sku:t,className:o,style:c})=>(0,r.createElement)("div",{className:a()(o,{[`${e}__product-sku`]:e}),style:c},(0,n.__)("SKU:","woo-gutenberg-products-block")," ",(0,r.createElement)("strong",null,t)),d=(0,l.withProductDataContext)((e=>{const{className:t}=e,o=(0,i.F)(e),{parentClassName:n}=(0,s.useInnerBlockLayoutContext)(),{product:c}=(0,s.useProductDataContext)(),l=c.sku;return e.isDescendentOfSingleProductTemplate?(0,r.createElement)(u,{parentClassName:n,className:t,sku:"Product SKU"}):l?(0,r.createElement)(u,{className:t,parentClassName:n,sku:l,...e.isDescendantOfAllProducts&&{className:a()(t,"wc-block-components-product-sku wp-block-woocommerce-product-sku",o.className),style:{...o.style}}}):null}))},789:(e,t,o)=>{"use strict";o.r(t),o.d(t,{Block:()=>u,default:()=>d});var r=o(9196),n=o(5736),c=o(4184),a=o.n(c),s=o(2864),l=o(3611),i=o(721);o(39);const u=e=>{const{className:t}=e,o=(0,l.F)(e),{parentClassName:c}=(0,s.useInnerBlockLayoutContext)(),{product:i}=(0,s.useProductDataContext)();if(!i.id)return null;const u=!!i.is_in_stock,d=i.low_stock_remaining,p=i.is_on_backorder;return(0,r.createElement)("div",{className:a()(t,{[`${c}__stock-indicator`]:c,"wc-block-components-product-stock-indicator--in-stock":u,"wc-block-components-product-stock-indicator--out-of-stock":!u,"wc-block-components-product-stock-indicator--low-stock":!!d,"wc-block-components-product-stock-indicator--available-on-backorder":!!p,...e.isDescendantOfAllProducts&&{[o.className]:o.className,"wc-block-components-product-stock-indicator wp-block-woocommerce-product-stock-indicator":!0}}),...e.isDescendantOfAllProducts&&{style:o.style}},(({isInStock:e=!1,isLowStock:t=!1,lowStockAmount:o=null,isOnBackorder:r=!1})=>t&&null!==o?(0,n.sprintf)(/* translators: %d stock amount (number of items in stock for product) */ +(0,n.__)("%d left in stock","woo-gutenberg-products-block"),o):r?(0,n.__)("Available on backorder","woo-gutenberg-products-block"):e?(0,n.__)("In stock","woo-gutenberg-products-block"):(0,n.__)("Out of stock","woo-gutenberg-products-block"))({isInStock:u,isLowStock:!!d,lowStockAmount:d,isOnBackorder:p}))},d=(0,i.withProductDataContext)(u)},8281:(e,t,o)=>{"use strict";o.r(t),o.d(t,{default:()=>h});var r=o(9196),n=o(4184),c=o.n(n),a=o(9307),s=o(987);const l=e=>e.replace(/<\/?[a-z][^>]*?>/gi,""),i=(e,t)=>e.replace(/[\s|\.\,]+$/i,"")+t;var u=o(5266);const d=({source:e,maxLength:t=15,countType:o="words",className:n="",style:c={}})=>{const d=(0,a.useMemo)((()=>((e,t=15,o="words")=>{const r=(0,s.autop)(e);if((0,u.count)(r,o)<=t)return r;const n=(e=>{const t=e.indexOf("

");return-1===t?e:e.substr(0,t+4)})(r);return(0,u.count)(n,o)<=t?n:"words"===o?((e,t,o="…",r=!0)=>{const n=l(e),c=n.split(" ").splice(0,t).join(" ");return c===n?r?(0,s.autop)(n):n:r?(0,s.autop)(i(c,o)):i(c,o)})(n,t):((e,t,o=!0,r="…",n=!0)=>{const c=l(e),a=c.slice(0,t);if(a===c)return n?(0,s.autop)(c):c;if(o)return(0,s.autop)(i(a,r));const u=a.match(/([\s]+)/g),d=u?u.length:0,p=c.slice(0,t+d);return n?(0,s.autop)(i(p,r)):i(p,r)})(n,t,"characters_including_spaces"===o)})(e,t,o)),[e,t,o]);return(0,r.createElement)(a.RawHTML,{style:c,className:n},d)};var p=o(5271),m=o(2864),g=o(3611),b=o(721);o(385);const h=(0,b.withProductDataContext)((e=>{const{className:t}=e,{parentClassName:o}=(0,m.useInnerBlockLayoutContext)(),{product:n}=(0,m.useProductDataContext)(),a=(0,g.F)(e);if(!n)return(0,r.createElement)("div",{className:c()(t,"wc-block-components-product-summary",{[`${o}__product-summary`]:o})});const s=n.short_description?n.short_description:n.description;return s?(0,r.createElement)(d,{className:c()(t,a.className,"wc-block-components-product-summary",{[`${o}__product-summary`]:o}),source:s,maxLength:150,countType:p.Cm.wordCountType||"words",style:a.style}):null}))},9310:(e,t,o)=>{"use strict";o.d(t,{Z:()=>n});let r={headingLevel:{type:"number",default:2},showProductLink:{type:"boolean",default:!0},linkTarget:{type:"string"},productId:{type:"number",default:0}};(0,o(5271).uq)()&&(r={...r,align:{type:"string"}});const n=r},9805:(e,t,o)=>{"use strict";o.d(t,{Z:()=>m});var r=o(9196),n=o(4184),c=o.n(n),a=o(2864),s=o(5271),l=o(721),i=o(5135),u=o(5918),d=o(3611);o(5160);const p=({children:e,headingLevel:t,elementType:o=`h${t}`,...n})=>(0,r.createElement)(o,{...n},e),m=(0,l.withProductDataContext)((e=>{const{className:t,headingLevel:o=2,showProductLink:n=!0,linkTarget:l,align:m}=e,g=(0,d.F)(e),{parentClassName:b}=(0,a.useInnerBlockLayoutContext)(),{product:h}=(0,a.useProductDataContext)(),{dispatchStoreEvent:_}=(0,u.n)();return h.id?(0,r.createElement)(p,{headingLevel:o,className:c()(t,g.className,"wc-block-components-product-title",{[`${b}__product-title`]:b,[`wc-block-components-product-title--align-${m}`]:m&&(0,s.uq)()}),style:(0,s.uq)()?g.style:{}},(0,r.createElement)(i.Z,{disabled:!n,name:h.name,permalink:h.permalink,target:l,onClick:()=>{_("product-view-link",{product:h})}})):(0,r.createElement)(p,{headingLevel:o,className:c()(t,g.className,"wc-block-components-product-title",{[`${b}__product-title`]:b,[`wc-block-components-product-title--align-${m}`]:m&&(0,s.uq)()}),style:(0,s.uq)()?g.style:{}})}))},3340:(e,t,o)=>{"use strict";o.d(t,{Z:()=>u});var r=o(4617),n=o(5736),c=o(1478),a=o(2646),s=o(5271);const l=e=>{const t={};return void 0!==e.label&&(t.label=e.label),void 0!==e.required&&(t.required=e.required),void 0!==e.hidden&&(t.hidden=e.hidden),void 0===e.label||e.optionalLabel||(t.optionalLabel=(0,n.sprintf)(/* translators: %s Field label. */ +(0,n.__)("%s (optional)","woo-gutenberg-products-block"),e.label)),e.priority&&((0,c.h)(e.priority)&&(t.index=e.priority),(0,a.H)(e.priority)&&(t.index=parseInt(e.priority,10))),e.hidden&&(t.required=!1),t},i=Object.entries(s.vr).map((([e,t])=>[e,Object.entries(t).map((([e,t])=>[e,l(t)])).reduce(((e,[t,o])=>(e[t]=o,e)),{})])).reduce(((e,[t,o])=>(e[t]=o,e)),{}),u=(e,t,o="")=>{const n=o&&void 0!==i[o]?i[o]:{};return e.map((e=>({key:e,...r.defaultAddressFields[e]||{},...n[e]||{},...t[e]||{}}))).sort(((e,t)=>e.index-t.index))}},5135:(e,t,o)=>{"use strict";o.d(t,{Z:()=>s});var r=o(9196),n=o(2629),c=o(4184),a=o.n(c);o(5641);const s=({className:e="",disabled:t=!1,name:o,permalink:c="",target:s,rel:l,style:i,onClick:u,...d})=>{const p=a()("wc-block-components-product-name",e);if(t){const e=d;return(0,r.createElement)("span",{className:p,...e,dangerouslySetInnerHTML:{__html:(0,n.decodeEntities)(o)}})}return(0,r.createElement)("a",{className:p,href:c,target:s,...d,dangerouslySetInnerHTML:{__html:(0,n.decodeEntities)(o)},style:i})}},6805:(e,t,o)=>{"use strict";o.d(t,{Z:()=>p});var r=o(9196),n=o(5736),c=o(711),a=o(4184),s=o.n(a),l=o(4293),i=o(9307);o(5138);const u=({currency:e,maxPrice:t,minPrice:o,priceClassName:a,priceStyle:i={}})=>(0,r.createElement)(r.Fragment,null,(0,r.createElement)("span",{className:"screen-reader-text"},(0,n.sprintf)(/* translators: %1$s min price, %2$s max price */ +(0,n.__)("Price between %1$s and %2$s","woo-gutenberg-products-block"),(0,l.formatPrice)(o),(0,l.formatPrice)(t))),(0,r.createElement)("span",{"aria-hidden":!0},(0,r.createElement)(c.FormattedMonetaryAmount,{className:s()("wc-block-components-product-price__value",a),currency:e,value:o,style:i})," — ",(0,r.createElement)(c.FormattedMonetaryAmount,{className:s()("wc-block-components-product-price__value",a),currency:e,value:t,style:i}))),d=({currency:e,regularPriceClassName:t,regularPriceStyle:o,regularPrice:a,priceClassName:l,priceStyle:i,price:u})=>(0,r.createElement)(r.Fragment,null,(0,r.createElement)("span",{className:"screen-reader-text"},(0,n.__)("Previous price:","woo-gutenberg-products-block")),(0,r.createElement)(c.FormattedMonetaryAmount,{currency:e,renderText:e=>(0,r.createElement)("del",{className:s()("wc-block-components-product-price__regular",t),style:o},e),value:a}),(0,r.createElement)("span",{className:"screen-reader-text"},(0,n.__)("Discounted price:","woo-gutenberg-products-block")),(0,r.createElement)(c.FormattedMonetaryAmount,{currency:e,renderText:e=>(0,r.createElement)("ins",{className:s()("wc-block-components-product-price__value","is-discounted",l),style:i},e),value:u})),p=({align:e,className:t,currency:o,format:n="",maxPrice:a,minPrice:l,price:p,priceClassName:m,priceStyle:g,regularPrice:b,regularPriceClassName:h,regularPriceStyle:_,style:w})=>{const E=s()(t,"price","wc-block-components-product-price",{[`wc-block-components-product-price--align-${e}`]:e});n.includes("")||(n="",console.error("Price formats need to include the `` tag."));const k=b&&p&&p{"use strict";o.d(t,{O:()=>d});var r=o(9307),n=o(4801),c=o(9818),a=o(1377),s=o(9456);const l=e=>{const t=null==e?void 0:e.detail;t&&t.preserveCartData||(0,c.dispatch)(n.CART_STORE_KEY).invalidateResolutionForStore()},i=e=>{(null!=e&&e.persisted||"back_forward"===(0,a.f)())&&(0,c.dispatch)(n.CART_STORE_KEY).invalidateResolutionForStore()},u=()=>{1===window.wcBlocksStoreCartListeners.count&&window.wcBlocksStoreCartListeners.remove(),window.wcBlocksStoreCartListeners.count--},d=()=>{(0,r.useEffect)((()=>((()=>{if(window.wcBlocksStoreCartListeners||(window.wcBlocksStoreCartListeners={count:0,remove:()=>{}}),(null===(e=window.wcBlocksStoreCartListeners)||void 0===e?void 0:e.count)>0)return void window.wcBlocksStoreCartListeners.count++;var e;document.body.addEventListener("wc-blocks_added_to_cart",l),document.body.addEventListener("wc-blocks_removed_from_cart",l),window.addEventListener("pageshow",i);const t=(0,s.Es)("added_to_cart","wc-blocks_added_to_cart"),o=(0,s.Es)("removed_from_cart","wc-blocks_removed_from_cart");window.wcBlocksStoreCartListeners.count=1,window.wcBlocksStoreCartListeners.remove=()=>{document.body.removeEventListener("wc-blocks_added_to_cart",l),document.body.removeEventListener("wc-blocks_removed_from_cart",l),window.removeEventListener("pageshow",i),t(),o()}})(),u)),[])}},9816:(e,t,o)=>{"use strict";o.d(t,{b:()=>_});var r=o(2991),n=o.n(r),c=o(9307),a=o(4801),s=o(9818),l=o(2629),i=o(3881),u=o(8832),d=o(6286);const p={first_name:"",last_name:"",company:"",address_1:"",address_2:"",city:"",state:"",postcode:"",country:"",phone:""},m={...p,email:""},g={total_items:"",total_items_tax:"",total_fees:"",total_fees_tax:"",total_discount:"",total_discount_tax:"",total_shipping:"",total_shipping_tax:"",total_price:"",total_tax:"",tax_lines:a.EMPTY_TAX_LINES,currency_code:"",currency_symbol:"",currency_minor_unit:2,currency_decimal_separator:"",currency_thousand_separator:"",currency_prefix:"",currency_suffix:""},b=e=>Object.fromEntries(Object.entries(e).map((([e,t])=>[e,(0,l.decodeEntities)(t)]))),h={cartCoupons:a.EMPTY_CART_COUPONS,cartItems:a.EMPTY_CART_ITEMS,cartFees:a.EMPTY_CART_FEES,cartItemsCount:0,cartItemsWeight:0,crossSellsProducts:a.EMPTY_CART_CROSS_SELLS,cartNeedsPayment:!0,cartNeedsShipping:!0,cartItemErrors:a.EMPTY_CART_ITEM_ERRORS,cartTotals:g,cartIsLoading:!0,cartErrors:a.EMPTY_CART_ERRORS,billingAddress:m,shippingAddress:p,shippingRates:a.EMPTY_SHIPPING_RATES,isLoadingRates:!1,cartHasCalculatedShipping:!1,paymentMethods:a.EMPTY_PAYMENT_METHODS,paymentRequirements:a.EMPTY_PAYMENT_REQUIREMENTS,receiveCart:()=>{},receiveCartContents:()=>{},extensions:a.EMPTY_EXTENSIONS},_=(e={shouldSelect:!0})=>{const{isEditor:t,previewData:o}=(0,u._)(),r=null==o?void 0:o.previewCart,{shouldSelect:l}=e,g=(0,c.useRef)();(0,d.O)();const _=(0,s.useSelect)(((e,{dispatch:o})=>{if(!l)return h;if(t)return{cartCoupons:r.coupons,cartItems:r.items,crossSellsProducts:r.cross_sells,cartFees:r.fees,cartItemsCount:r.items_count,cartItemsWeight:r.items_weight,cartNeedsPayment:r.needs_payment,cartNeedsShipping:r.needs_shipping,cartItemErrors:a.EMPTY_CART_ITEM_ERRORS,cartTotals:r.totals,cartIsLoading:!1,cartErrors:a.EMPTY_CART_ERRORS,billingData:m,billingAddress:m,shippingAddress:p,extensions:a.EMPTY_EXTENSIONS,shippingRates:r.shipping_rates,isLoadingRates:!1,cartHasCalculatedShipping:r.has_calculated_shipping,paymentRequirements:r.paymentRequirements,receiveCart:"function"==typeof(null==r?void 0:r.receiveCart)?r.receiveCart:()=>{},receiveCartContents:"function"==typeof(null==r?void 0:r.receiveCartContents)?r.receiveCartContents:()=>{}};const n=e(a.CART_STORE_KEY),c=n.getCartData(),s=n.getCartErrors(),u=n.getCartTotals(),d=!n.hasFinishedResolution("getCartData"),g=n.isCustomerDataUpdating(),{receiveCart:_,receiveCartContents:w}=o(a.CART_STORE_KEY),E=b(c.billingAddress),k=c.needsShipping?b(c.shippingAddress):E,v=c.fees.length>0?c.fees.map((e=>b(e))):a.EMPTY_CART_FEES;return{cartCoupons:c.coupons.length>0?c.coupons.map((e=>({...e,label:e.code}))):a.EMPTY_CART_COUPONS,cartItems:c.items,crossSellsProducts:c.crossSells,cartFees:v,cartItemsCount:c.itemsCount,cartItemsWeight:c.itemsWeight,cartNeedsPayment:c.needsPayment,cartNeedsShipping:c.needsShipping,cartItemErrors:c.errors,cartTotals:u,cartIsLoading:d,cartErrors:s,billingData:(0,i.QI)(E),billingAddress:(0,i.QI)(E),shippingAddress:(0,i.QI)(k),extensions:c.extensions,shippingRates:c.shippingRates,isLoadingRates:g,cartHasCalculatedShipping:c.hasCalculatedShipping,paymentRequirements:c.paymentRequirements,receiveCart:_,receiveCartContents:w}}),[l]);return g.current&&n()(g.current,_)||(g.current=_),g.current}},3775:(e,t,o)=>{"use strict";o.d(t,{c:()=>i});var r=o(9307),n=o(9818),c=o(4801),a=o(2629),s=o(9816);const l=(e,t)=>{const o=e.find((({id:e})=>e===t));return o?o.quantity:0},i=e=>{const{addItemToCart:t}=(0,n.useDispatch)(c.CART_STORE_KEY),{cartItems:o,cartIsLoading:i}=(0,s.b)(),{createErrorNotice:u,removeNotice:d}=(0,n.useDispatch)("core/notices"),[p,m]=(0,r.useState)(!1),g=(0,r.useRef)(l(o,e));return(0,r.useEffect)((()=>{const t=l(o,e);t!==g.current&&(g.current=t)}),[o,e]),{cartQuantity:Number.isFinite(g.current)?g.current:0,addingToCart:p,cartIsLoading:i,addToCart:(o=1)=>(m(!0),t(e,o).then((()=>{d("add-to-cart")})).catch((e=>{u((0,a.decodeEntities)(e.message),{id:"add-to-cart",context:"wc/all-products",isDismissible:!0})})).finally((()=>{m(!1)})))}}},5918:(e,t,o)=>{"use strict";o.d(t,{n:()=>a});var r=o(2694),n=o(9818),c=o(9307);const a=()=>({dispatchStoreEvent:(0,c.useCallback)(((e,t={})=>{try{(0,r.doAction)(`experimental__woocommerce_blocks-${e}`,t)}catch(e){console.error(e)}}),[]),dispatchCheckoutEvent:(0,c.useCallback)(((e,t={})=>{try{(0,r.doAction)(`experimental__woocommerce_blocks-checkout-${e}`,{...t,storeCart:(0,n.select)("wc/store/cart").getCartData()})}catch(e){console.error(e)}}),[])})},8832:(e,t,o)=>{"use strict";o.d(t,{_:()=>c}),o(9196);var r=o(9307);o(9818);const n=(0,r.createContext)({isEditor:!1,currentPostId:0,currentView:"",previewData:{},getPreviewData:()=>({})}),c=()=>(0,r.useContext)(n)},9075:(e,t,o)=>{"use strict";o.d(t,{s:()=>a});var r=o(9307),n=o(9127),c=o.n(n);function a(e){const t=(0,r.useRef)(e);return c()(e,t.current)||(t.current=e),t.current}},3611:(e,t,o)=>{"use strict";o.d(t,{F:()=>i});var r=o(4184),n=o.n(r),c=o(7884),a=o(2646),s=o(1473),l=o(2661);const i=e=>{const t=(e=>{const t=(0,c.Kn)(e)?e:{style:{}};let o=t.style;return(0,a.H)(o)&&(o=JSON.parse(o)||{}),(0,c.Kn)(o)||(o={}),{...t,style:o}})(e),o=(0,l.vc)(t),r=(0,l.l8)(t),i=(0,l.su)(t),u=(0,s.f)(t);return{className:n()(u.className,o.className,r.className,i.className),style:{...u.style,...o.style,...r.style,...i.style}}}},1473:(e,t,o)=>{"use strict";o.d(t,{f:()=>c});var r=o(7884),n=o(2646);const c=e=>{const t=(0,r.Kn)(e.style.typography)?e.style.typography:{},o=(0,n.H)(t.fontFamily)?t.fontFamily:"";return{className:e.fontFamily?`has-${e.fontFamily}-font-family`:o,style:{fontSize:e.fontSize?`var(--wp--preset--font-size--${e.fontSize})`:t.fontSize,fontStyle:t.fontStyle,fontWeight:t.fontWeight,letterSpacing:t.letterSpacing,lineHeight:t.lineHeight,textDecoration:t.textDecoration,textTransform:t.textTransform}}}},3881:(e,t,o)=>{"use strict";o.d(t,{QI:()=>c});var r=o(3340),n=(o(6483),o(4617));o(2629),o(5271);const c=e=>{const t=Object.keys(n.defaultAddressFields),o=(0,r.Z)(t,{},e.country),c=Object.assign({},e);return o.forEach((({key:t="",hidden:o=!1})=>{o&&((e,t)=>e in t)(t,e)&&(c[t]="")})),c}},2661:(e,t,o)=>{"use strict";o.d(t,{l8:()=>d,su:()=>p,vc:()=>u});var r=o(4184),n=o.n(r),c=o(9784),a=o(2289),s=o(7884);function l(e={}){const t={};return(0,a.getCSSRules)(e,{selector:""}).forEach((e=>{t[e.key]=e.value})),t}function i(e,t){return e&&t?`has-${(0,c.o)(t)}-${e}`:""}function u(e){var t,o,r,c,a,u,d;const{backgroundColor:p,textColor:m,gradient:g,style:b}=e,h=i("background-color",p),_=i("color",m),w=function(e){if(e)return`has-${e}-gradient-background`}(g),E=w||(null==b||null===(t=b.color)||void 0===t?void 0:t.gradient);return{className:n()(_,w,{[h]:!E&&!!h,"has-text-color":m||(null==b||null===(o=b.color)||void 0===o?void 0:o.text),"has-background":p||(null==b||null===(r=b.color)||void 0===r?void 0:r.background)||g||(null==b||null===(c=b.color)||void 0===c?void 0:c.gradient),"has-link-color":(0,s.Kn)(null==b||null===(a=b.elements)||void 0===a?void 0:a.link)?null==b||null===(u=b.elements)||void 0===u||null===(d=u.link)||void 0===d?void 0:d.color:void 0}),style:l({color:(null==b?void 0:b.color)||{}})}}function d(e){var t;const o=(null===(t=e.style)||void 0===t?void 0:t.border)||{};return{className:function(e){var t;const{borderColor:o,style:r}=e,c=o?i("border-color",o):"";return n()({"has-border-color":!!o||!(null==r||null===(t=r.border)||void 0===t||!t.color),[c]:!!c})}(e),style:l({border:o})}}function p(e){var t;return{className:void 0,style:l({spacing:(null===(t=e.style)||void 0===t?void 0:t.spacing)||{}})}}},1377:(e,t,o)=>{"use strict";o.d(t,{f:()=>r});const r=()=>window.performance&&window.performance.getEntriesByType("navigation").length?window.performance.getEntriesByType("navigation")[0].type:""},8916:(e,t,o)=>{"use strict";o.d(t,{V:()=>r});const r=(e,t)=>e.reduce(((e,o)=>(e[String(t?o[t]:o)]=o,e)),{})},9456:(e,t,o)=>{"use strict";o.d(t,{Es:()=>a,Q9:()=>c});const r=window.CustomEvent||null,n=(e,{bubbles:t=!1,cancelable:o=!1,element:n,detail:c={}})=>{if(!r)return;n||(n=document.body);const a=new r(e,{bubbles:t,cancelable:o,detail:c});n.dispatchEvent(a)},c=({preserveCartData:e=!1})=>{n("wc-blocks_added_to_cart",{bubbles:!0,cancelable:!0,detail:{preserveCartData:e}})},a=(e,t,o=!1,r=!1)=>{if("function"!=typeof jQuery)return()=>{};const c=()=>{n(t,{bubbles:o,cancelable:r})};return jQuery(document).on(e,c),()=>jQuery(document).off(e,c)}},6576:(e,t,o)=>{"use strict";o.d(t,{K:()=>n,L:()=>r});const r=e=>e.is_purchasable||!1,n=e=>["simple","variable"].includes(e.type||"simple")},5153:(e,t,o)=>{"use strict";o.r(t),o.d(t,{metadata:()=>To,name:()=>Er});var r=o(9196),n=o(4981),c=o(1984),a=o(5186),s=o(5271);const l=window.wp.blockEditor;var i=o(5736),u=o(4184),d=o.n(u);const p={category:"woocommerce-product-elements",keywords:[(0,i.__)("WooCommerce","woo-gutenberg-products-block")],icon:{src:(0,r.createElement)(c.Z,{icon:a.Z,className:"wc-block-editor-components-block-icon"})},supports:{html:!1},ancestor:["woocommerce/all-products","woocommerce/single-product"],save:({attributes:e})=>e.isDescendentOfQueryLoop||e.isDescendentOfSingleProductBlock||e.isDescendentOfSingleProductTemplate?null:(0,r.createElement)("div",{className:d()("is-loading",e.className)}),deprecated:[{attributes:{},save:()=>null}]};var m=o(9310),g=o(5609),b=o(4333),h=o(9307),_=o(444);function w({level:e}){const t={1:"M9 5h2v10H9v-4H5v4H3V5h2v4h4V5zm6.6 0c-.6.9-1.5 1.7-2.6 2v1h2v7h2V5h-1.4z",2:"M7 5h2v10H7v-4H3v4H1V5h2v4h4V5zm8 8c.5-.4.6-.6 1.1-1.1.4-.4.8-.8 1.2-1.3.3-.4.6-.8.9-1.3.2-.4.3-.8.3-1.3 0-.4-.1-.9-.3-1.3-.2-.4-.4-.7-.8-1-.3-.3-.7-.5-1.2-.6-.5-.2-1-.2-1.5-.2-.4 0-.7 0-1.1.1-.3.1-.7.2-1 .3-.3.1-.6.3-.9.5-.3.2-.6.4-.8.7l1.2 1.2c.3-.3.6-.5 1-.7.4-.2.7-.3 1.2-.3s.9.1 1.3.4c.3.3.5.7.5 1.1 0 .4-.1.8-.4 1.1-.3.5-.6.9-1 1.2-.4.4-1 .9-1.6 1.4-.6.5-1.4 1.1-2.2 1.6V15h8v-2H15z",3:"M12.1 12.2c.4.3.8.5 1.2.7.4.2.9.3 1.4.3.5 0 1-.1 1.4-.3.3-.1.5-.5.5-.8 0-.2 0-.4-.1-.6-.1-.2-.3-.3-.5-.4-.3-.1-.7-.2-1-.3-.5-.1-1-.1-1.5-.1V9.1c.7.1 1.5-.1 2.2-.4.4-.2.6-.5.6-.9 0-.3-.1-.6-.4-.8-.3-.2-.7-.3-1.1-.3-.4 0-.8.1-1.1.3-.4.2-.7.4-1.1.6l-1.2-1.4c.5-.4 1.1-.7 1.6-.9.5-.2 1.2-.3 1.8-.3.5 0 1 .1 1.6.2.4.1.8.3 1.2.5.3.2.6.5.8.8.2.3.3.7.3 1.1 0 .5-.2.9-.5 1.3-.4.4-.9.7-1.5.9v.1c.6.1 1.2.4 1.6.8.4.4.7.9.7 1.5 0 .4-.1.8-.3 1.2-.2.4-.5.7-.9.9-.4.3-.9.4-1.3.5-.5.1-1 .2-1.6.2-.8 0-1.6-.1-2.3-.4-.6-.2-1.1-.6-1.6-1l1.1-1.4zM7 9H3V5H1v10h2v-4h4v4h2V5H7v4z",4:"M9 15H7v-4H3v4H1V5h2v4h4V5h2v10zm10-2h-1v2h-2v-2h-5v-2l4-6h3v6h1v2zm-3-2V7l-2.8 4H16z",5:"M12.1 12.2c.4.3.7.5 1.1.7.4.2.9.3 1.3.3.5 0 1-.1 1.4-.4.4-.3.6-.7.6-1.1 0-.4-.2-.9-.6-1.1-.4-.3-.9-.4-1.4-.4H14c-.1 0-.3 0-.4.1l-.4.1-.5.2-1-.6.3-5h6.4v1.9h-4.3L14 8.8c.2-.1.5-.1.7-.2.2 0 .5-.1.7-.1.5 0 .9.1 1.4.2.4.1.8.3 1.1.6.3.2.6.6.8.9.2.4.3.9.3 1.4 0 .5-.1 1-.3 1.4-.2.4-.5.8-.9 1.1-.4.3-.8.5-1.3.7-.5.2-1 .3-1.5.3-.8 0-1.6-.1-2.3-.4-.6-.2-1.1-.6-1.6-1-.1-.1 1-1.5 1-1.5zM9 15H7v-4H3v4H1V5h2v4h4V5h2v10z",6:"M9 15H7v-4H3v4H1V5h2v4h4V5h2v10zm8.6-7.5c-.2-.2-.5-.4-.8-.5-.6-.2-1.3-.2-1.9 0-.3.1-.6.3-.8.5l-.6.9c-.2.5-.2.9-.2 1.4.4-.3.8-.6 1.2-.8.4-.2.8-.3 1.3-.3.4 0 .8 0 1.2.2.4.1.7.3 1 .6.3.3.5.6.7.9.2.4.3.8.3 1.3s-.1.9-.3 1.4c-.2.4-.5.7-.8 1-.4.3-.8.5-1.2.6-1 .3-2 .3-3 0-.5-.2-1-.5-1.4-.9-.4-.4-.8-.9-1-1.5-.2-.6-.3-1.3-.3-2.1s.1-1.6.4-2.3c.2-.6.6-1.2 1-1.6.4-.4.9-.7 1.4-.9.6-.3 1.1-.4 1.7-.4.7 0 1.4.1 2 .3.5.2 1 .5 1.4.8 0 .1-1.3 1.4-1.3 1.4zm-2.4 5.8c.2 0 .4 0 .6-.1.2 0 .4-.1.5-.2.1-.1.3-.3.4-.5.1-.2.1-.5.1-.7 0-.4-.1-.8-.4-1.1-.3-.2-.7-.3-1.1-.3-.3 0-.7.1-1 .2-.4.2-.7.4-1 .7 0 .3.1.7.3 1 .1.2.3.4.4.6.2.1.3.3.5.3.2.1.5.2.7.1z"};return t.hasOwnProperty(e)?(0,r.createElement)(_.SVG,{width:"20",height:"20",viewBox:"0 0 20 20",xmlns:"http://www.w3.org/2000/svg"},(0,r.createElement)(_.Path,{d:t[e]})):null}class E extends h.Component{createLevelControl(e,t,o){const n=e===t;return{icon:(0,r.createElement)(w,{level:e}),title:(0,i.sprintf)(/* translators: %s: heading level e.g: "2", "3", "4" */ +(0,i.__)("Heading %d","woo-gutenberg-products-block"),e),isActive:n,onClick:()=>o(e)}}render(){const{isCollapsed:e=!0,minLevel:t,maxLevel:o,selectedLevel:n,onChange:c}=this.props,a=Array.from({length:o-t+1},((e,o)=>o+t));return(0,r.createElement)(g.ToolbarGroup,{isCollapsed:e,icon:(0,r.createElement)(w,{level:n}),controls:a.map((e=>this.createLevelControl(e,n,c)))})}}const k=E;var v=o(9805),y=o(51);function f(e,t,o){const r=new Set(t.map((e=>e[o])));return e.filter((e=>!r.has(e[o])))}var S=o(2629),C=o(8916);const x={clear:(0,i.__)("Clear all selected items","woo-gutenberg-products-block"),noItems:(0,i.__)("No items found.","woo-gutenberg-products-block"), +/* Translators: %s search term */ +noResults:(0,i.__)("No results for %s","woo-gutenberg-products-block"),search:(0,i.__)("Search for items","woo-gutenberg-products-block"),selected:e=>(0,i.sprintf)(/* translators: Number of items selected from list. */ +(0,i._n)("%d item selected","%d items selected",e,"woo-gutenberg-products-block"),e),updated:(0,i.__)("Search results updated.","woo-gutenberg-products-block")},N=(e,t=e)=>{const o=e.reduce(((e,t)=>{const o=t.parent||0;return e[o]||(e[o]=[]),e[o].push(t),e}),{}),r=(0,C.V)(t,"id"),n=["0"],c=(e={})=>e.parent?[...c(r[e.parent]),e.name]:e.name?[e.name]:[],a=e=>e.map((e=>{const t=o[e.id];return n.push(""+e.id),{...e,breadcrumbs:c(r[e.parent]),children:t&&t.length?a(t):[]}})),s=a(o[0]||[]);return Object.entries(o).forEach((([e,t])=>{n.includes(e)||s.push(...a(t||[]))})),s},P=(e,t)=>{if(!t)return e;const o=new RegExp(`(${t.replace(/[-\/\\^$*+?.()|[\]{}]/g,"\\$&")})`,"ig");return e.split(o).map(((e,t)=>o.test(e)?(0,r.createElement)("strong",{key:t},e):(0,r.createElement)(h.Fragment,{key:t},e)))},T=({label:e})=>(0,r.createElement)("span",{className:"woocommerce-search-list__item-count"},e),A=e=>{const{item:t,search:o}=e,n=t.breadcrumbs&&t.breadcrumbs.length;return(0,r.createElement)("span",{className:"woocommerce-search-list__item-label"},n?(0,r.createElement)("span",{className:"woocommerce-search-list__item-prefix"},1===(c=t.breadcrumbs).length?c.slice(0,1).toString():2===c.length?c.slice(0,1).toString()+" › "+c.slice(-1).toString():c.slice(0,1).toString()+" … "+c.slice(-1).toString()):null,(0,r.createElement)("span",{className:"woocommerce-search-list__item-name"},P((0,S.decodeEntities)(t.name),o)));var c},I=({countLabel:e,className:t,depth:o=0,controlId:n="",item:c,isSelected:a,isSingle:s,onSelect:l,search:i="",selected:u,useExpandedPanelId:p,...m})=>{var b,_;const[w,E]=p,k=null!=e&&void 0!==c.count&&null!==c.count,v=!(null===(b=c.breadcrumbs)||void 0===b||!b.length),y=!(null===(_=c.children)||void 0===_||!_.length),C=w===c.id,x=d()(["woocommerce-search-list__item",`depth-${o}`,t],{"has-breadcrumbs":v,"has-children":y,"has-count":k,"is-expanded":C,"is-radio-button":s}),N=m.name||`search-list-item-${n}`,I=`${N}-${c.id}`,O=(0,h.useCallback)((()=>{E(C?-1:Number(c.id))}),[C,c.id,E]);return y?(0,r.createElement)("div",{className:x,onClick:O,onKeyDown:e=>"Enter"===e.key||" "===e.key?O():null,role:"treeitem",tabIndex:0},s?(0,r.createElement)(r.Fragment,null,(0,r.createElement)("input",{type:"radio",id:I,name:N,value:c.value,onChange:l(c),onClick:e=>e.stopPropagation(),checked:a,className:"woocommerce-search-list__item-input",...m}),(0,r.createElement)(A,{item:c,search:i}),k?(0,r.createElement)(T,{label:e||c.count}):null):(0,r.createElement)(r.Fragment,null,(0,r.createElement)(g.CheckboxControl,{className:"woocommerce-search-list__item-input",checked:a,...!a&&c.children.some((e=>u.find((t=>t.id===e.id))))?{indeterminate:!0}:{},label:P((0,S.decodeEntities)(c.name),i),onChange:()=>{a?l(f(u,c.children,"id"))():l(function(e,t,o){const r=f(t,e,"id");return[...e,...r]}(u,c.children))()},onClick:e=>e.stopPropagation()}),k?(0,r.createElement)(T,{label:e||c.count}):null)):(0,r.createElement)("label",{htmlFor:I,className:x},s?(0,r.createElement)(r.Fragment,null,(0,r.createElement)("input",{...m,type:"radio",id:I,name:N,value:c.value,onChange:l(c),checked:a,className:"woocommerce-search-list__item-input"}),(0,r.createElement)(A,{item:c,search:i})):(0,r.createElement)(g.CheckboxControl,{...m,id:I,name:N,className:"woocommerce-search-list__item-input",value:(0,S.decodeEntities)(c.value),label:P((0,S.decodeEntities)(c.name),i),onChange:l(c),checked:a}),k?(0,r.createElement)(T,{label:e||c.count}):null)},O=I;var R=o(5430),B=o(906);o(5932);const D=({id:e,label:t,popoverContents:o,remove:n,screenReaderLabel:a,className:s=""})=>{const[l,u]=(0,h.useState)(!1),p=(0,b.useInstanceId)(D);if(a=a||t,!t)return null;t=(0,S.decodeEntities)(t);const m=d()("woocommerce-tag",s,{"has-remove":!!n}),_=`woocommerce-tag__label-${p}`,w=(0,r.createElement)(r.Fragment,null,(0,r.createElement)("span",{className:"screen-reader-text"},a),(0,r.createElement)("span",{"aria-hidden":"true"},t));return(0,r.createElement)("span",{className:m},o?(0,r.createElement)(g.Button,{className:"woocommerce-tag__text",id:_,onClick:()=>u(!0)},w):(0,r.createElement)("span",{className:"woocommerce-tag__text",id:_},w),o&&l&&(0,r.createElement)(g.Popover,{onClose:()=>u(!1)},o),n&&(0,r.createElement)(g.Button,{className:"woocommerce-tag__remove",onClick:n(e),label:(0,i.sprintf)( +// Translators: %s label. +(0,i.__)("Remove %s","woo-gutenberg-products-block"),t),"aria-describedby":_},(0,r.createElement)(c.Z,{icon:B.Z,size:20,className:"clear-icon"})))},L=D;o(8462);const F=e=>(0,r.createElement)(O,{...e}),V=e=>{const{list:t,selected:o,renderItem:n,depth:c=0,onSelect:a,instanceId:s,isSingle:l,search:i,useExpandedPanelId:u}=e,[d]=u;return t?(0,r.createElement)(h.Fragment,null,t.map((t=>{var p,m;const g=null!==(p=t.children)&&void 0!==p&&p.length&&!l?t.children.every((({id:e})=>o.find((t=>t.id===e)))):!!o.find((({id:e})=>e===t.id)),b=(null===(m=t.children)||void 0===m?void 0:m.length)&&d===t.id;return(0,r.createElement)(h.Fragment,{key:t.id},(0,r.createElement)("li",null,n({item:t,isSelected:g,onSelect:a,isSingle:l,selected:o,search:i,depth:c,useExpandedPanelId:u,controlId:s})),b?(0,r.createElement)(V,{...e,list:t.children,depth:c+1}):null)}))):null},M=({isLoading:e,isSingle:t,selected:o,messages:n,onChange:c,onRemove:a})=>{if(e||t||!o)return null;const s=o.length;return(0,r.createElement)("div",{className:"woocommerce-search-list__selected"},(0,r.createElement)("div",{className:"woocommerce-search-list__selected-header"},(0,r.createElement)("strong",null,n.selected(s)),s>0?(0,r.createElement)(g.Button,{isLink:!0,isDestructive:!0,onClick:()=>c([]),"aria-label":n.clear},(0,i.__)("Clear all","woo-gutenberg-products-block")):null),s>0?(0,r.createElement)("ul",null,o.map(((e,t)=>(0,r.createElement)("li",{key:t},(0,r.createElement)(L,{label:e.name,id:e.id,remove:a}))))):null)},$=({filteredList:e,search:t,onSelect:o,instanceId:n,useExpandedPanelId:a,...s})=>{const{messages:l,renderItem:u,selected:d,isSingle:p}=s,m=u||F;return 0===e.length?(0,r.createElement)("div",{className:"woocommerce-search-list__list is-not-found"},(0,r.createElement)("span",{className:"woocommerce-search-list__not-found-icon"},(0,r.createElement)(c.Z,{icon:R.Z})),(0,r.createElement)("span",{className:"woocommerce-search-list__not-found-text"},t?(0,i.sprintf)(l.noResults,t):l.noItems)):(0,r.createElement)("ul",{className:"woocommerce-search-list__list"},(0,r.createElement)(V,{useExpandedPanelId:a,list:e,selected:d,renderItem:m,onSelect:o,instanceId:n,isSingle:p,search:t}))},q=e=>{const{className:t="",isCompact:o,isHierarchical:n,isLoading:c,isSingle:a,list:s,messages:l=x,onChange:u,onSearch:p,selected:m,type:_="text",debouncedSpeak:w}=e,[E,k]=(0,h.useState)(""),v=(0,h.useState)(-1),y=(0,b.useInstanceId)(q),f=(0,h.useMemo)((()=>({...x,...l})),[l]),S=(0,h.useMemo)((()=>((e,t,o)=>{if(!t)return o?N(e):e;const r=new RegExp(t.replace(/[-\/\\^$*+?.()|[\]{}]/g,"\\$&"),"i"),n=e.map((e=>!!r.test(e.name)&&e)).filter(Boolean);return o?N(n,e):n})(s,E,n)),[s,E,n]);(0,h.useEffect)((()=>{w&&w(f.updated)}),[w,f]),(0,h.useEffect)((()=>{"function"==typeof p&&p(E)}),[E,p]);const C=(0,h.useCallback)((e=>()=>{a&&u([]);const t=m.findIndex((({id:t})=>t===e));u([...m.slice(0,t),...m.slice(t+1)])}),[a,m,u]),P=(0,h.useCallback)((e=>()=>{Array.isArray(e)?u(e):-1===m.findIndex((({id:t})=>t===e.id))?u(a?[e]:[...m,e]):C(e.id)()}),[a,C,u,m]),T=(0,h.useCallback)((e=>{const[t]=m.filter((t=>!e.find((e=>t.id===e.id))));C(t.id)()}),[C,m]);return(0,r.createElement)("div",{className:d()("woocommerce-search-list",t,{"is-compact":o,"is-loading":c,"is-token":"token"===_})},"text"===_&&(0,r.createElement)(M,{...e,onRemove:C,messages:f}),(0,r.createElement)("div",{className:"woocommerce-search-list__search"},"text"===_?(0,r.createElement)(g.TextControl,{label:f.search,type:"search",value:E,onChange:e=>k(e)}):(0,r.createElement)(g.FormTokenField,{disabled:c,label:f.search,onChange:T,onInputChange:e=>k(e),suggestions:[],__experimentalValidateInput:()=>!1,value:c?[(0,i.__)("Loading…","woo-gutenberg-products-block")]:m.map((e=>({...e,value:e.name}))),__experimentalShowHowTo:!1})),c?(0,r.createElement)("div",{className:"woocommerce-search-list__list"},(0,r.createElement)(g.Spinner,null)):(0,r.createElement)($,{...e,search:E,filteredList:S,messages:f,onSelect:P,instanceId:y,useExpandedPanelId:v}))},H=((0,g.withSpokenMessages)(q),e=>t=>{let{selected:o}=t;o=void 0===o?null:o;const n=null===o;return Array.isArray(o)?(0,r.createElement)(e,{...t}):(0,r.createElement)(e,{...t,selected:n?[]:[o]})});var Z=o(6483),z=o(6989),j=o.n(z),G=o(4617);const Q=({selected:e=[],search:t="",queryArgs:o={}})=>{const r=(({selected:e=[],search:t="",queryArgs:o={}})=>{const r=s.Cm.productCount>100,n={per_page:r?100:0,catalog_visibility:"any",search:t,orderby:"title",order:"asc"},c=[(0,Z.addQueryArgs)("/wc/store/v1/products",{...n,...o})];return r&&e.length&&c.push((0,Z.addQueryArgs)("/wc/store/v1/products",{catalog_visibility:"any",include:e,per_page:0})),c})({selected:e,search:t,queryArgs:o});return Promise.all(r.map((e=>j()({path:e})))).then((e=>{const t=((e,t)=>{const o=new Map;return e.filter((e=>{const r=t(e);return!o.has(r)&&(o.set(r,e),!0)}))})(e.flat(),(e=>e.id));return t.map((e=>({...e,parent:0})))})).catch((e=>{throw e}))};var W=o(4697);const Y=async e=>{if(!("json"in e))return{message:e.message,type:e.type||"general"};try{const t=await e.json();return{message:t.message,type:t.type||"api"}}catch(e){return{message:e.message,type:"general"}}};var K=o(4942),U=o(9127),J=o.n(U);const X=(0,b.createHigherOrderComponent)((e=>{class t extends h.Component{constructor(...e){super(...e),(0,K.Z)(this,"state",{error:null,loading:!1,variations:{}}),(0,K.Z)(this,"loadVariations",(()=>{const{products:e}=this.props,{loading:t,variations:o}=this.state;if(t)return;const r=this.getExpandedProduct();if(!r||o[r])return;const n=e.find((e=>e.id===r));var c;n.variations&&0!==n.variations.length?(this.setState({loading:!0}),(c=r,j()({path:(0,Z.addQueryArgs)("wc/store/v1/products",{per_page:0,type:"variation",parent:c})})).then((e=>{const t=e.map((e=>({...e,parent:r})));this.setState({variations:{...this.state.variations,[r]:t},loading:!1,error:null})})).catch((async e=>{const t=await Y(e);this.setState({variations:{...this.state.variations,[r]:null},loading:!1,error:t})}))):this.setState({variations:{...this.state.variations,[r]:null},loading:!1,error:null})}))}componentDidMount(){const{selected:e,showVariations:t}=this.props;e&&t&&this.loadVariations()}componentDidUpdate(e){const{isLoading:t,selected:o,showVariations:r}=this.props;r&&(!J()(e.selected,o)||e.isLoading&&!t)&&this.loadVariations()}isProductId(e){const{products:t}=this.props;return t.some((t=>t.id===e))}findParentProduct(e){var t;const{products:o}=this.props;return null===(t=o.filter((t=>t.variations&&t.variations.find((({id:t})=>t===e))))[0])||void 0===t?void 0:t.id}getExpandedProduct(){const{isLoading:e,selected:t,showVariations:o}=this.props;if(!o)return null;let r=t&&t.length?t[0]:null;return r?this.prevSelectedItem=r:this.prevSelectedItem&&(e||this.isProductId(this.prevSelectedItem)||(r=this.prevSelectedItem)),!e&&r?this.isProductId(r)?r:this.findParentProduct(r):null}render(){const{error:t,isLoading:o}=this.props,{error:n,loading:c,variations:a}=this.state;return(0,r.createElement)(e,{...this.props,error:n||t,expandedProduct:this.getExpandedProduct(),isLoading:o,variations:a,variationsLoading:c})}}return(0,K.Z)(t,"defaultProps",{selected:[],showVariations:!1}),t}),"withProductVariations"),ee=X,te=e=>{const{id:t,name:o,parent:r}=e;return{id:t,name:o,parent:r,breadcrumbs:[],children:[],details:e,value:e.slug}},oe=window.wp.escapeHtml,re=({error:e})=>(0,r.createElement)("div",{className:"wc-block-error-message"},(({message:e,type:t})=>e?"general"===t?(0,r.createElement)("span",null,(0,i.__)("The following error was returned","woo-gutenberg-products-block"),(0,r.createElement)("br",null),(0,r.createElement)("code",null,(0,oe.escapeHTML)(e))):"api"===t?(0,r.createElement)("span",null,(0,i.__)("The following error was returned from the API","woo-gutenberg-products-block"),(0,r.createElement)("br",null),(0,r.createElement)("code",null,(0,oe.escapeHTML)(e))):e:(0,i.__)("An error has prevented the block from being updated.","woo-gutenberg-products-block"))(e)),ne=({className:e,item:t,isSelected:o,isLoading:n,onSelect:c,disabled:a,...s})=>(0,r.createElement)(r.Fragment,null,(0,r.createElement)(I,{...s,key:t.id,className:e,isSelected:o,item:t,onSelect:c,disabled:a}),o&&n&&(0,r.createElement)("div",{key:"loading",className:d()("woocommerce-search-list__item","woocommerce-product-attributes__item","depth-1","is-loading","is-not-active")},(0,r.createElement)(g.Spinner,null)));o(5301);const ce={list:(0,i.__)("Products","woo-gutenberg-products-block"),noItems:(0,i.__)("Your store doesn't have any products.","woo-gutenberg-products-block"),search:(0,i.__)("Search for a product to display","woo-gutenberg-products-block"),updated:(0,i.__)("Product search results updated.","woo-gutenberg-products-block")},ae=H((se=ee((0,b.withInstanceId)((e=>{const{expandedProduct:t=null,error:o,instanceId:n,isCompact:c=!1,isLoading:a,onChange:s,onSearch:l,products:u,renderItem:p,selected:m=[],showVariations:g=!1,variations:b,variationsLoading:h}=e;if(o)return(0,r.createElement)(re,{error:o});const _=[...u,...b&&t&&b[t]?b[t]:[]].map(te);return(0,r.createElement)(q,{className:"woocommerce-products",list:_,isCompact:c,isLoading:a,isSingle:!0,selected:_.filter((({id:e})=>m.includes(Number(e)))),onChange:s,renderItem:p||(g?e=>{var t,o,c,s;const{item:l,search:u,depth:p=0,isSelected:m,onSelect:g}=e,b=null!==(t=l.details)&&void 0!==t&&t.variations&&Array.isArray(l.details.variations)?l.details.variations.length:0,_=d()("woocommerce-search-product__item","woocommerce-search-list__item",`depth-${p}`,"has-count",{"is-searching":u.length>0,"is-skip-level":0===p&&0!==l.parent,"is-variable":b>0});if(!l.breadcrumbs.length){var w,E,k,v,f;const t=(null===(w=l.details)||void 0===w?void 0:w.variations)&&l.details.variations.length>0;return(0,r.createElement)(ne,{...e,className:d()(_,{"is-selected":m}),isSelected:m,item:l,onSelect:()=>()=>{g(l)()},isLoading:a||h,countLabel:t?(0,i.sprintf)(/* translators: %1$d is the number of variations of a product product. */ +(0,i.__)("%1$d variations","woo-gutenberg-products-block"),null===(E=l.details)||void 0===E?void 0:E.variations.length):null,name:`products-${n}`,"aria-label":t?(0,i.sprintf)(/* translators: %1$s is the product name, %2$d is the number of variations of that product. */ +(0,i._n)("%1$s, has %2$d variation","%1$s, has %2$d variations",null===(k=l.details)||void 0===k||null===(v=k.variations)||void 0===v?void 0:v.length,"woo-gutenberg-products-block"),l.name,null===(f=l.details)||void 0===f?void 0:f.variations.length):void 0})}const S=(0,y.x)(null===(o=l.details)||void 0===o?void 0:o.variation)?e:{...e,item:{...e.item,name:null===(c=l.details)||void 0===c?void 0:c.variation},"aria-label":`${l.breadcrumbs[0]}: ${null===(s=l.details)||void 0===s?void 0:s.variation}`};return(0,r.createElement)(I,{...S,className:_,name:`variations-${n}`})}:()=>null),onSearch:l,messages:ce,isHierarchical:!0})}))),({selected:e,...t})=>{const[o,n]=(0,h.useState)(!0),[c,a]=(0,h.useState)(null),[l,i]=(0,h.useState)([]),u=s.Cm.productCount>100,d=async e=>{const t=await Y(e);a(t),n(!1)},p=(0,h.useRef)(e);(0,h.useEffect)((()=>{Q({selected:p.current}).then((e=>{i(e),n(!1)})).catch(d)}),[p]);const m=(0,W.y1)((t=>{Q({selected:e,search:t}).then((e=>{i(e),n(!1)})).catch(d)}),400),g=(0,h.useCallback)((e=>{n(!0),m(e)}),[n,m]);return(0,r.createElement)(se,{...t,selected:e,error:c,products:l,isLoading:o,onSearch:u?g:null})}));var se;o(8235);const le=function({className:e="",...t}){const o=d()("wc-block-text-toolbar-button",e);return(0,r.createElement)(g.Button,{className:o,...t})};var ie=o(2864);o(5581);const ue=e=>t=>o=>{var n;const c=(0,ie.useProductDataContext)(),{attributes:a,setAttributes:s}=o,{productId:u}=a,[d,p]=(0,h.useState)(!u);return c.hasContext||Number.isFinite(null===(n=o.context)||void 0===n?void 0:n.queryId)?(0,r.createElement)(t,{...o}):(0,r.createElement)(r.Fragment,null,d?(0,r.createElement)(g.Placeholder,{icon:e.icon||"",label:e.label||"",className:"wc-atomic-blocks-product"},!!e.description&&(0,r.createElement)("div",null,e.description),(0,r.createElement)("div",{className:"wc-atomic-blocks-product__selection"},(0,r.createElement)(ae,{selected:u||0,showVariations:!0,onChange:(e=[])=>{s({productId:e[0]?e[0].id:0})}}),(0,r.createElement)(g.Button,{isSecondary:!0,disabled:!u,onClick:()=>{p(!1)}},(0,i.__)("Done","woo-gutenberg-products-block")))):(0,r.createElement)(r.Fragment,null,(0,r.createElement)(l.BlockControls,null,(0,r.createElement)(g.ToolbarGroup,null,(0,r.createElement)(le,{onClick:()=>p(!0)},(0,i.__)("Switch product…","woo-gutenberg-products-block")))),(0,r.createElement)(t,{...o})))};var de=o(229);const pe=(0,i.__)("Product Title","woo-gutenberg-products-block"),me=(0,r.createElement)(c.Z,{icon:de.Z,className:"wc-block-editor-components-block-icon"}),ge=(0,i.__)("Display the title of a product.","woo-gutenberg-products-block");o(4347);const be=({attributes:e,setAttributes:t})=>{const o=(0,l.useBlockProps)(),{headingLevel:n,showProductLink:c,align:a,linkTarget:u}=e;return(0,r.createElement)("div",{...o},(0,r.createElement)(l.BlockControls,null,(0,r.createElement)(k,{isCollapsed:!0,minLevel:1,maxLevel:7,selectedLevel:n,onChange:e=>t({headingLevel:e})}),(0,s.uq)()&&(0,r.createElement)(l.AlignmentToolbar,{value:a,onChange:e=>{t({align:e})}})),(0,r.createElement)(l.InspectorControls,null,(0,r.createElement)(g.PanelBody,{title:(0,i.__)("Link settings","woo-gutenberg-products-block")},(0,r.createElement)(g.ToggleControl,{label:(0,i.__)("Make title a link","woo-gutenberg-products-block"),checked:c,onChange:()=>t({showProductLink:!c})}),c&&(0,r.createElement)(r.Fragment,null,(0,r.createElement)(g.ToggleControl,{label:(0,i.__)("Open in new tab","woo-gutenberg-products-block"),onChange:e=>t({linkTarget:e?"_blank":"_self"}),checked:"_blank"===u})))),(0,r.createElement)(g.Disabled,null,(0,r.createElement)(v.Z,{...e})))},he=(0,s.uq)()?(0,b.compose)([ue({icon:me,label:pe,description:(0,i.__)("Choose a product to display its title.","woo-gutenberg-products-block")})])(be):be,_e={...p,apiVersion:2,title:pe,description:ge,icon:{src:me},attributes:m.Z,edit:he,save:({attributes:e})=>(0,r.createElement)("div",{...l.useBlockProps.save({className:d()("is-loading",e.className)})}),supports:{...p.supports,...(0,s.uq)()&&{typography:{fontSize:!0,lineHeight:!0,__experimentalFontWeight:!0,__experimentalTextTransform:!0,__experimentalFontFamily:!0},color:{text:!0,background:!0,link:!1,gradients:!0,__experimentalSkipSerialization:!0},..."function"==typeof l.__experimentalGetSpacingClassesAndStyles&&{spacing:{margin:!0,__experimentalSkipSerialization:!0}},__experimentalSelector:".wc-block-components-product-title"}}};(0,n.registerBlockType)("woocommerce/product-title",_e);var we=o(6669),Ee=o(9818);const ke=()=>({isDescendentOfSingleProductTemplate:(0,Ee.useSelect)((e=>{const t=e("core/edit-site"),o=null==t?void 0:t.getEditedPostId();return Boolean(null==o?void 0:o.includes("//single-product"))}),[])}),ve={...p.supports,...(0,s.uq)()&&{color:{text:!0,background:!0,link:!1,__experimentalSkipSerialization:!0},typography:{fontSize:!0,lineHeight:!0,__experimentalFontFamily:!0,__experimentalFontWeight:!0,__experimentalFontStyle:!0,__experimentalSkipSerialization:!0,__experimentalLetterSpacing:!0},__experimentalSelector:".wp-block-woocommerce-product-price .wc-block-components-product-price"},..."function"==typeof l.__experimentalGetSpacingClassesAndStyles&&{spacing:{margin:!0,padding:!0}}};var ye=o(5032);const fe=(0,i.__)("Product Price","woo-gutenberg-products-block"),Se=(0,r.createElement)(c.Z,{icon:ye.Z,className:"wc-block-editor-components-block-icon"}),Ce=(0,i.__)("Display the price of a product.","woo-gutenberg-products-block"),{ancestor:xe,...Ne}=p,Pe={...Ne,apiVersion:2,title:fe,description:Ce,usesContext:["query","queryId","postId"],icon:{src:Se},attributes:{productId:{type:"number",default:0},isDescendentOfQueryLoop:{type:"boolean",default:!1},textAlign:{type:"string",default:""},isDescendentOfSingleProductTemplate:{type:"boolean",default:!1},isDescendentOfSingleProductBlock:{type:"boolean",default:!1}},supports:ve,edit:({attributes:e,setAttributes:t,context:o})=>{const n=(0,l.useBlockProps)(),c={...e,...o},a=Number.isFinite(o.queryId);let{isDescendentOfSingleProductTemplate:s}=ke();return a&&(s=!1),(0,h.useEffect)((()=>t({isDescendentOfQueryLoop:a,isDescendentOfSingleProductTemplate:s})),[a,s,t]),(0,r.createElement)(r.Fragment,null,(0,r.createElement)(l.BlockControls,null,(0,r.createElement)(l.AlignmentToolbar,{value:e.textAlign,onChange:e=>{t({textAlign:e})}})),(0,r.createElement)("div",{...n},(0,r.createElement)(we.default,{...c})))}};(0,n.registerBlockType)("woocommerce/product-price",Pe);const Te=e=>"boolean"==typeof e;var Ae=o(1492),Ie=o(6590);const Oe=(0,i.__)("Product Image","woo-gutenberg-products-block"),Re=(0,r.createElement)(c.Z,{icon:Ie.Z,className:"wc-block-editor-components-block-icon"}),Be=(0,i.__)("Display the main product image.","woo-gutenberg-products-block");var De=o(9252);const Le={cover:(0,i.__)("Image is scaled and cropped to fill the entire space without being distorted.","woo-gutenberg-products-block"),contain:(0,i.__)("Image is scaled to fill the space without clipping nor distorting.","woo-gutenberg-products-block"),fill:(0,i.__)("Image will be stretched and distorted to completely fill the space.","woo-gutenberg-products-block")},Fe=({scale:e,width:t,height:o,setAttributes:n})=>(0,r.createElement)(g.__experimentalToolsPanel,{className:"wc-block-product-image__tools-panel",label:(0,i.__)("Image size","woo-gutenberg-products-block")},(0,r.createElement)(g.__experimentalUnitControl,{label:(0,i.__)("Height","woo-gutenberg-products-block"),onChange:e=>{n({height:e})},value:o,units:[{value:"px",label:"px"}]}),(0,r.createElement)(g.__experimentalUnitControl,{label:(0,i.__)("Width","woo-gutenberg-products-block"),onChange:e=>{n({width:e})},value:t,units:[{value:"px",label:"px"}]}),o&&(0,r.createElement)(g.__experimentalToolsPanelItem,{hasValue:()=>!0,label:(0,i.__)("Scale","woo-gutenberg-products-block")},(0,r.createElement)(g.__experimentalToggleGroupControl,{label:(0,i.__)("Scale","woo-gutenberg-products-block"),value:e,help:Le[e],onChange:e=>n({scale:e}),isBlock:!0},(0,r.createElement)(r.Fragment,null,(0,r.createElement)(g.__experimentalToggleGroupControlOption,{value:"cover",label:(0,i.__)("Cover","woo-gutenberg-products-block")}),(0,r.createElement)(g.__experimentalToggleGroupControlOption,{value:"contain",label:(0,i.__)("Contain","woo-gutenberg-products-block")}),(0,r.createElement)(g.__experimentalToggleGroupControlOption,{value:"fill",label:(0,i.__)("Fill","woo-gutenberg-products-block")}))))),Ve=ue({icon:Re,label:Oe,description:Be})((({attributes:e,setAttributes:t,context:o})=>{const{showProductLink:n,imageSizing:c,showSaleBadge:a,saleBadgeAlign:s,width:u,height:d,scale:p}=e,m=(0,l.useBlockProps)({style:{width:u,height:d}}),b=Number.isFinite(o.queryId),_=(0,G.getSettingWithCoercion)("isBlockThemeEnabled",!1,Te);return(0,h.useEffect)((()=>t({isDescendentOfQueryLoop:b})),[t,b]),(0,r.createElement)("div",{...m},(0,r.createElement)(l.InspectorControls,null,(0,r.createElement)(Fe,{scale:p,width:u,height:d,setAttributes:t}),(0,r.createElement)(g.PanelBody,{title:(0,i.__)("Content","woo-gutenberg-products-block")},(0,r.createElement)(g.ToggleControl,{label:(0,i.__)("Link to Product Page","woo-gutenberg-products-block"),help:(0,i.__)("Links the image to the single product listing.","woo-gutenberg-products-block"),checked:n,onChange:()=>t({showProductLink:!n})}),(0,r.createElement)(g.ToggleControl,{label:(0,i.__)("Show On-Sale Badge","woo-gutenberg-products-block"),help:(0,i.__)("Display a “sale” badge if the product is on-sale.","woo-gutenberg-products-block"),checked:a,onChange:()=>t({showSaleBadge:!a})}),a&&(0,r.createElement)(g.__experimentalToggleGroupControl,{label:(0,i.__)("Sale Badge Alignment","woo-gutenberg-products-block"),value:s,onChange:e=>t({saleBadgeAlign:e})},(0,r.createElement)(g.__experimentalToggleGroupControlOption,{value:"left",label:(0,i.__)("Left","woo-gutenberg-products-block")}),(0,r.createElement)(g.__experimentalToggleGroupControlOption,{value:"center",label:(0,i.__)("Center","woo-gutenberg-products-block")}),(0,r.createElement)(g.__experimentalToggleGroupControlOption,{value:"right",label:(0,i.__)("Right","woo-gutenberg-products-block")})),!_&&(0,r.createElement)(g.__experimentalToggleGroupControl,{label:(0,i.__)("Image Sizing","woo-gutenberg-products-block"),help:(0,h.createInterpolateElement)((0,i.__)("Product image cropping can be modified in the Customizer.","woo-gutenberg-products-block"),{a:(0,r.createElement)("a",{href:`${(0,G.getAdminLink)("customize.php")}?autofocus[panel]=woocommerce&autofocus[section]=woocommerce_product_images`,target:"_blank",rel:"noopener noreferrer"})}),value:c,onChange:e=>t({imageSizing:e})},(0,r.createElement)(g.__experimentalToggleGroupControlOption,{value:De.R.SINGLE,label:(0,i.__)("Full Size","woo-gutenberg-products-block")}),(0,r.createElement)(g.__experimentalToggleGroupControlOption,{value:De.R.THUMBNAIL,label:(0,i.__)("Cropped","woo-gutenberg-products-block")})))),(0,r.createElement)(g.Disabled,null,(0,r.createElement)(Ae.Z,{...e,...o})))})),Me={html:!1,...(0,s.uq)()&&{__experimentalBorder:{radius:!0,__experimentalSkipSerialization:!0},typography:{fontSize:!0,__experimentalSkipSerialization:!0},..."function"==typeof l.__experimentalGetSpacingClassesAndStyles&&{spacing:{margin:!0,padding:!0}},__experimentalSelector:".wc-block-components-product-image"}};var $e=o(9382);const qe={...p,apiVersion:2,name:"woocommerce/product-image",title:Oe,icon:{src:Re},keywords:["WooCommerce"],description:Be,usesContext:["query","queryId","postId"],ancestor:["woocommerce/all-products","woocommerce/single-product","core/post-template","woocommerce/product-template"],textdomain:"woo-gutenberg-products-block",attributes:$e.Z,supports:Me,edit:Ve};(0,n.registerBlockType)("woocommerce/product-image",{...qe});var He=o(1478);const Ze=new Set,ze=({blockName:e,blockMetadata:t,blockSettings:o,isVariationBlock:r=!1,variationName:c,isAvailableOnPostEditor:a})=>{let s="";(0,Ee.subscribe)((()=>{var a;const l=s,i=(0,Ee.select)("core/edit-site");s=function(e){const t=(0,He.h)(e)?void 0:e;return null==t?void 0:t.split("//")[1]}(null==i?void 0:i.getEditedPostId());const u=l!==s,d=Boolean(s);if(!u||!d||!e)return;let p=Boolean((0,n.getBlockType)(e));if(p&&(null!==(a=s)&&void 0!==a&&a.includes("single-product")||null!=l&&l.includes("single-product"))&&(r&&c?(0,n.unregisterBlockVariation)(e,c):(0,n.unregisterBlockType)(e),p=!1),!p)if(r)(0,n.registerBlockVariation)(e,o);else{var m;const e=(0,y.x)(null==o?void 0:o.ancestor)?["woocommerce/single-product"]:null==o?void 0:o.ancestor;(0,n.registerBlockType)(t,{...o,ancestor:null!==(m=s)&&void 0!==m&&m.includes("single-product")?void 0:e})}}),"core/edit-site"),(0,Ee.subscribe)((()=>{!(Boolean(c)?Ze.has(c):Ze.has(e))&&a&&(r?(Ze.add(c),(0,n.registerBlockVariation)(e,o)):(Ze.add(e),(0,n.registerBlockType)(t,o)))}),"core/edit-post")};var je=o(1382);o(7401);const Ge=({blockClientId:e})=>{const{isDescendentOfSingleProductBlock:t}=(0,Ee.useSelect)((t=>{const{getBlockParentsByBlockName:o}=t("core/block-editor");return{isDescendentOfSingleProductBlock:o(null==e?void 0:e.replace("block-",""),["woocommerce/single-product"]).length>0}}),[e]);return{isDescendentOfSingleProductBlock:t}};var Qe=o(4734);(0,i.__)("Product Rating","woo-gutenberg-products-block");const We=(0,r.createElement)(c.Z,{icon:Qe.Z,className:"wc-block-editor-components-block-icon"}),Ye=((0,i.__)("Display the average rating of a product.","woo-gutenberg-products-block"),JSON.parse('{"name":"woocommerce/product-rating","version":"1.0.0","icon":"info","title":"Product Rating","description":"Display the average rating of a product.","attributes":{"productId":{"type":"number","default":0},"isDescendentOfQueryLoop":{"type":"boolean","default":false},"textAlign":{"type":"string","default":""},"isDescendentOfSingleProductBlock":{"type":"boolean","default":false},"isDescendentOfSingleProductTemplate":{"type":"boolean","default":false}},"usesContext":["query","queryId","postId"],"category":"woocommerce","keywords":["WooCommerce"],"supports":{"align":true},"textdomain":"woo-gutenberg-products-block","apiVersion":2,"$schema":"https://schemas.wp.org/trunk/block.json"}')),Ke={...(0,s.uq)()&&{color:{text:!0,background:!1,link:!1,__experimentalSkipSerialization:!0},spacing:{margin:!0,padding:!0},typography:{fontSize:!0,__experimentalSkipSerialization:!0},__experimentalSelector:".wc-block-components-product-rating"},...!(0,s.uq)()&&"function"==typeof l.__experimentalGetSpacingClassesAndStyles&&{spacing:{margin:!0}}};ze({blockName:"woocommerce/product-rating",blockMetadata:Ye,blockSettings:{...p,ancestor:["woocommerce/all-products","woocommerce/single-product","core/post-template","woocommerce/product-template"],icon:{src:We},supports:Ke,edit:e=>{const{attributes:t,setAttributes:o,context:n}=e,c=(0,l.useBlockProps)({className:"wp-block-woocommerce-product-rating"}),a={...t,...n,shouldDisplayMockedReviewsWhenProductHasNoReviews:!0},s=Number.isFinite(n.queryId),{isDescendentOfSingleProductBlock:i}=Ge({blockClientId:null==c?void 0:c.id});let{isDescendentOfSingleProductTemplate:u}=ke();return(s||i)&&(u=!1),(0,h.useEffect)((()=>{o({isDescendentOfQueryLoop:s,isDescendentOfSingleProductBlock:i,isDescendentOfSingleProductTemplate:u})}),[o,s,i,u]),(0,r.createElement)(r.Fragment,null,(0,r.createElement)(l.BlockControls,null,(0,r.createElement)(l.AlignmentToolbar,{value:t.textAlign,onChange:e=>{o({textAlign:e||""})}})),(0,r.createElement)("div",{...c},(0,r.createElement)(je.default,{...a})))}},isAvailableOnPostEditor:!0});var Ue=o(5677);const Je=JSON.parse('{"name":"woocommerce/product-rating-stars","version":"1.0.0","title":"Product Rating Stars","description":"Display the average rating of a product with stars","attributes":{"productId":{"type":"number","default":0},"isDescendentOfQueryLoop":{"type":"boolean","default":false},"textAlign":{"type":"string","default":""},"isDescendentOfSingleProductBlock":{"type":"boolean","default":false},"isDescendentOfSingleProductTemplate":{"type":"boolean","default":false}},"usesContext":["query","queryId","postId"],"category":"woocommerce","keywords":["WooCommerce"],"supports":{"align":true},"ancestor":["woocommerce/single-product"],"textdomain":"woo-gutenberg-products-block","apiVersion":2,"$schema":"https://schemas.wp.org/trunk/block.json"}');var Xe=o(89);const et={...(0,s.uq)()&&{color:{text:!0,background:!1,link:!1,__experimentalSkipSerialization:!0},spacing:{margin:!0,padding:!0},typography:{fontSize:!0,__experimentalSkipSerialization:!0},__experimentalSelector:".wc-block-components-product-rating"}};(0,n.registerBlockType)(Je,{icon:{src:(0,r.createElement)(c.Z,{icon:Ue.Z,className:"wc-block-editor-components-block-icon"})},supports:et,edit:e=>{const{attributes:t,setAttributes:o,context:n}=e,c=(0,l.useBlockProps)({className:"wp-block-woocommerce-product-rating"}),a={...t,...n,shouldDisplayMockedReviewsWhenProductHasNoReviews:!0},s=Number.isFinite(n.queryId),{isDescendentOfSingleProductBlock:i}=Ge({blockClientId:null==c?void 0:c.id});let{isDescendentOfSingleProductTemplate:u}=ke();return(s||i)&&(u=!1),(0,h.useEffect)((()=>{o({isDescendentOfQueryLoop:s,isDescendentOfSingleProductBlock:i,isDescendentOfSingleProductTemplate:u})}),[o,s,i,u]),(0,r.createElement)(r.Fragment,null,(0,r.createElement)(l.BlockControls,null,(0,r.createElement)(l.AlignmentToolbar,{value:t.textAlign,onChange:e=>{o({textAlign:e||""})}})),(0,r.createElement)("div",{...c},(0,r.createElement)(Xe.default,{...a})))}});const tt=JSON.parse('{"name":"woocommerce/product-rating-counter","version":"1.0.0","title":"Product Rating Counter","description":"Display the review count of a product","attributes":{"productId":{"type":"number","default":0},"isDescendentOfQueryLoop":{"type":"boolean","default":false},"textAlign":{"type":"string","default":""},"isDescendentOfSingleProductBlock":{"type":"boolean","default":false},"isDescendentOfSingleProductTemplate":{"type":"boolean","default":false}},"usesContext":["query","queryId","postId"],"category":"woocommerce","keywords":["WooCommerce"],"supports":{"align":true},"ancestor":["woocommerce/single-product"],"textdomain":"woo-gutenberg-products-block","apiVersion":2,"$schema":"https://schemas.wp.org/trunk/block.json"}');var ot=o(5042);const rt={...(0,s.uq)()&&{color:{text:!1,background:!1,link:!0},spacing:{margin:!0,padding:!0},typography:{fontSize:!0,__experimentalSkipSerialization:!0},__experimentalSelector:".wc-block-components-product-rating-counter"}};(0,n.registerBlockType)(tt,{icon:{src:(0,r.createElement)(c.Z,{icon:Ue.Z,className:"wc-block-editor-components-block-icon"})},supports:rt,edit:e=>{const{attributes:t,setAttributes:o,context:n}=e,c=(0,l.useBlockProps)({className:"wp-block-woocommerce-product-rating-counter"}),a={...t,...n,shouldDisplayMockedReviewsWhenProductHasNoReviews:!0},s=Number.isFinite(n.queryId),{isDescendentOfSingleProductBlock:i}=Ge({blockClientId:null==c?void 0:c.id});let{isDescendentOfSingleProductTemplate:u}=ke();return(s||i)&&(u=!1),(0,h.useEffect)((()=>{o({isDescendentOfQueryLoop:s,isDescendentOfSingleProductBlock:i,isDescendentOfSingleProductTemplate:u})}),[o,s,i,u]),(0,r.createElement)(r.Fragment,null,(0,r.createElement)(l.BlockControls,null,(0,r.createElement)(l.AlignmentToolbar,{value:t.textAlign,onChange:e=>{o({textAlign:e||""})}})),(0,r.createElement)("div",{...c},(0,r.createElement)(ot.default,{...a})))}});var nt=o(1718);const ct=JSON.parse('{"name":"woocommerce/product-average-rating","version":"1.0.0","title":"Product Average Rating (Beta)","description":"Display the average rating of a product","attributes":{"textAlign":{"type":"string"}},"category":"woocommerce","keywords":["WooCommerce"],"ancestor":["woocommerce/single-product"],"textdomain":"woo-gutenberg-products-block","apiVersion":2,"$schema":"https://schemas.wp.org/trunk/block.json"}');var at=o(2043);const st={...(0,s.uq)()&&{color:{text:!0,background:!0,__experimentalSkipSerialization:!0},spacing:{margin:!0,padding:!0,__experimentalSkipSerialization:!0},typography:{fontSize:!0,__experimentalFontWeight:!0,__experimentalSkipSerialization:!0},__experimentalSelector:".wc-block-components-product-average-rating"}};(0,n.registerBlockType)(ct,{icon:{src:(0,r.createElement)(c.Z,{icon:nt.Z,className:"wc-block-editor-components-block-icon"})},supports:st,edit:e=>{const{attributes:t,setAttributes:o}=e,n=(0,l.useBlockProps)({className:"wp-block-woocommerce-product-average-rating"});return(0,r.createElement)(r.Fragment,null,(0,r.createElement)(l.BlockControls,null,(0,r.createElement)(l.AlignmentToolbar,{value:t.textAlign,onChange:e=>{o({textAlign:e||""})}})),(0,r.createElement)("div",{...n},(0,r.createElement)(at.default,{...t})))}});var lt=o(9845),it=o(4113);function ut({selectedWidth:e,setAttributes:t}){return(0,r.createElement)(g.PanelBody,{title:(0,i.__)("Width settings","woo-gutenberg-products-block")},(0,r.createElement)(g.ButtonGroup,{"aria-label":(0,i.__)("Button width","woo-gutenberg-products-block")},[25,50,75,100].map((o=>(0,r.createElement)(g.Button,{key:o,isSmall:!0,variant:o===e?"primary":void 0,onClick:()=>{var r;t({width:e===(r=o)?void 0:r})}},o,"%")))))}const dt=JSON.parse('{"name":"woocommerce/product-button","version":"1.0.0","title":"Add to Cart Button","description":"Display a call to action button which either adds the product to the cart, or links to the product page.","category":"woocommerce","keywords":["WooCommerce"],"usesContext":["query","queryId","postId"],"textdomain":"woo-gutenberg-products-block","attributes":{"productId":{"type":"number","default":0},"textAlign":{"type":"string","default":""},"width":{"type":"number"},"isDescendentOfSingleProductBlock":{"type":"boolean","default":false},"isDescendentOfQueryLoop":{"type":"boolean","default":false}},"supports":{"align":["wide","full"],"color":{"background":false,"link":true},"interactivity":true,"html":false,"typography":{"fontSize":true,"lineHeight":true}},"ancestor":["woocommerce/all-products","woocommerce/single-product","core/post-template","woocommerce/product-template"],"styles":[{"name":"fill","label":"Fill","isDefault":true},{"name":"outline","label":"Outline"}],"viewScript":["wc-product-button-interactivity-frontend"],"apiVersion":2,"$schema":"https://schemas.wp.org/trunk/block.json"}'),pt={...dt.supports,...(0,s.uq)()&&{color:{text:!0,background:!0,link:!1,__experimentalSkipSerialization:!0},__experimentalBorder:{radius:!0,__experimentalSkipSerialization:!0},..."function"==typeof l.__experimentalGetSpacingClassesAndStyles&&{spacing:{margin:!0,padding:!0,__experimentalSkipSerialization:!0}},typography:{fontSize:!0,lineHeight:!0,__experimentalFontWeight:!0,__experimentalFontFamily:!0,__experimentalFontStyle:!0,__experimentalTextTransform:!0,__experimentalTextDecoration:!0,__experimentalLetterSpacing:!0,__experimentalDefaultControls:{fontSize:!0}},__experimentalSelector:".wp-block-button.wc-block-components-product-button .wc-block-components-product-button__button"},..."function"==typeof l.__experimentalGetSpacingClassesAndStyles&&!(0,s.uq)()&&{spacing:{margin:!0}}};(0,n.registerBlockType)(dt,{icon:{src:(0,r.createElement)(c.Z,{icon:lt.Z,className:"wc-block-editor-components-block-icon"})},attributes:{...dt.attributes},supports:{...pt},edit:({attributes:e,setAttributes:t,context:o})=>{const n=(0,l.useBlockProps)(),c=Number.isFinite(null==o?void 0:o.queryId),{width:a}=e;return(0,h.useEffect)((()=>t({isDescendentOfQueryLoop:c})),[t,c]),(0,r.createElement)(r.Fragment,null,(0,r.createElement)(l.BlockControls,null,c&&(0,r.createElement)(l.AlignmentToolbar,{value:e.textAlign,onChange:e=>{t({textAlign:e||""})}})),(0,r.createElement)(l.InspectorControls,null,(0,r.createElement)(ut,{selectedWidth:a,setAttributes:t})),(0,r.createElement)("div",{...n},(0,r.createElement)(g.Disabled,null,(0,r.createElement)(it.default,{...e,...o,className:d()(e.className,{[`has-custom-width wp-block-button__width-${a}`]:a})}))))},save:({attributes:e})=>e.isDescendentOfQueryLoop||e.isDescendentOfSingleProductBlock?null:(0,r.createElement)("div",{...l.useBlockProps.save({className:d()("is-loading",e.className,{[`has-custom-width wp-block-button__width-${e.width}`]:e.width})})})});var mt=o(8281),gt=o(897);const bt=(0,i.__)("Product Summary","woo-gutenberg-products-block"),ht=(0,r.createElement)(c.Z,{icon:gt.Z,className:"wc-block-editor-components-block-icon"}),_t=(0,i.__)("Display a short description about a product.","woo-gutenberg-products-block");o(9570);const wt=ue({icon:ht,label:bt,description:_t})((({attributes:e})=>{const t=(0,l.useBlockProps)();return(0,r.createElement)("div",{...t},(0,r.createElement)(mt.default,{...e}))})),Et={...(0,s.uq)()&&{color:{background:!1},typography:{fontSize:!0},__experimentalSelector:".wc-block-components-product-summary"}},kt={...p,apiVersion:2,title:bt,description:_t,icon:{src:ht},attributes:{productId:{type:"number",default:0}},supports:Et,edit:wt,save:({attributes:e})=>(0,r.createElement)("div",{...l.useBlockProps.save({className:d()("is-loading",e.className)})})};(0,n.registerBlockType)("woocommerce/product-summary",kt);var vt=o(4498);var yt=o(3183);const ft=(0,i.__)("On-Sale Badge","woo-gutenberg-products-block"),St=(0,r.createElement)(c.Z,{icon:yt.Z,className:"wc-block-editor-components-block-icon"}),Ct=(0,i.__)("Displays an on-sale badge if the product is on-sale.","woo-gutenberg-products-block"),xt={html:!1,align:!0,...(0,s.uq)()&&{color:{gradients:!0,background:!0,link:!1,__experimentalSkipSerialization:!0},typography:{fontSize:!0,lineHeight:!0,__experimentalFontFamily:!0,__experimentalFontWeight:!0,__experimentalFontStyle:!0,__experimentalSkipSerialization:!0,__experimentalLetterSpacing:!0,__experimentalTextTransform:!0,__experimentalTextDecoration:!0},__experimentalBorder:{color:!0,radius:!0,width:!0,__experimentalSkipSerialization:!0},..."function"==typeof l.__experimentalGetSpacingClassesAndStyles&&{spacing:{margin:!0,padding:!0}},__experimentalSelector:".wc-block-components-product-sale-badge"},..."function"==typeof l.__experimentalGetSpacingClassesAndStyles&&!(0,s.uq)()&&{spacing:{margin:!0}}},Nt={...p,title:ft,description:Ct,icon:{src:St},apiVersion:2,supports:xt,attributes:{productId:{type:"number",default:0},isDescendentOfQueryLoop:{type:"boolean",default:!1},isDescendentOfSingleProductTemplate:{type:"boolean",default:!1}},edit:({attributes:e,setAttributes:t,context:o})=>{const n=(0,l.useBlockProps)(),c={...e,...o},a=Number.isFinite(o.queryId),{isDescendentOfSingleProductTemplate:s}=ke();return(0,h.useEffect)((()=>t({isDescendentOfQueryLoop:a,isDescendentOfSingleProductTemplate:s})),[t,a,s]),(0,r.createElement)("div",{...n},(0,r.createElement)(vt.default,{...c}))},usesContext:["query","queryId","postId"],ancestor:["woocommerce/all-products","woocommerce/single-product","core/post-template","woocommerce/product-template","woocommerce/product-gallery"]};(0,n.registerBlockType)("woocommerce/product-sale-badge",{...Nt});var Pt=o(6755);const Tt=e=>{const t=((0,ie.useProductDataContext)().product||{}).id||e.productId||0;return t&&1!==t?(0,r.createElement)(l.InspectorControls,null,(0,r.createElement)("div",{className:"wc-block-single-product__edit-card"},(0,r.createElement)("div",{className:"wc-block-single-product__edit-card-title"},(0,r.createElement)("a",{href:`${G.ADMIN_URL}post.php?post=${t}&action=edit`,target:"_blank",rel:"noopener noreferrer"},(0,i.__)("Edit this product's details","woo-gutenberg-products-block"),(0,r.createElement)(c.Z,{icon:Pt.Z,size:16}))),(0,r.createElement)("div",{className:"wc-block-single-product__edit-card-description"},(0,i.__)("Edit details such as title, price, description and more.","woo-gutenberg-products-block")))):null};var At=o(8130);const It={...p.supports,color:{text:!0,background:!0},typography:{fontSize:!0,lineHeight:!0,...(0,s.uq)()&&{__experimentalFontWeight:!0,__experimentalFontFamily:!0,__experimentalFontStyle:!0,__experimentalTextTransform:!0,__experimentalTextDecoration:!0,__experimentalLetterSpacing:!0}},..."function"==typeof l.__experimentalGetSpacingClassesAndStyles&&{spacing:{margin:!0,padding:!0}}},Ot=(0,r.createElement)(_.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24"},(0,r.createElement)("path",{d:"M2 6h2v12H2V6m3 0h1v12H5V6m2 0h3v12H7V6m4 0h1v12h-1V6m3 0h2v12h-2V6m3 0h3v12h-3V6m4 0h1v12h-1V6z"})),Rt=(0,i.__)("Product SKU","woo-gutenberg-products-block"),Bt=(0,r.createElement)(c.Z,{icon:Ot,className:"wc-block-editor-components-block-icon"}),Dt=(0,i.__)("Display the SKU of a product.","woo-gutenberg-products-block"),{ancestor:Lt,...Ft}=p,Vt={...Ft,apiVersion:2,title:Rt,description:Dt,icon:{src:Bt},usesContext:["query","queryId","postId"],attributes:{productId:{type:"number",default:0},isDescendentOfQueryLoop:{type:"boolean",default:!1},isDescendentOfSingleProductTemplate:{type:"boolean",default:!1},isDescendantOfAllProducts:{type:"boolean",default:!1},showProductSelector:{type:"boolean",default:!1}},ancestor:["woocommerce/all-products","woocommerce/single-product","core/post-template","woocommerce/product-template","woocommerce/product-meta"],edit:({attributes:e,setAttributes:t,context:o})=>{const{style:n,...c}=(0,l.useBlockProps)({className:"wc-block-components-product-sku wp-block-woocommerce-product-sku"}),a={...e,...o},s=Number.isFinite(o.queryId),{isDescendentOfSingleProductBlock:i}=Ge({blockClientId:c.id});let{isDescendentOfSingleProductTemplate:u}=ke();return s&&(u=!1),(0,h.useEffect)((()=>t({isDescendentOfQueryLoop:s,isDescendentOfSingleProductTemplate:u,isDescendentOfSingleProductBlock:i})),[t,s,u,i]),(0,r.createElement)(r.Fragment,null,(0,r.createElement)(Tt,null),(0,r.createElement)("div",{...c,style:e.isDescendantOfAllProducts?void 0:n},(0,r.createElement)(At.default,{...a})))},supports:It};(0,n.registerBlockType)("woocommerce/product-sku",{...Vt});var Mt=o(789),$t=o(8984);const qt=(0,i.__)("Product Stock Indicator","woo-gutenberg-products-block"),Ht=(0,r.createElement)(c.Z,{icon:$t.Z,className:"wc-block-editor-components-block-icon"}),Zt=(0,i.__)("Display product stock status.","woo-gutenberg-products-block"),zt=ue({icon:Ht,label:qt,description:Zt})((({attributes:e,setAttributes:t,context:o})=>{const{style:n,...c}=(0,l.useBlockProps)({className:"wc-block-components-product-stock-indicator"}),a={...e,...o},s=Number.isFinite(o.queryId);return(0,h.useEffect)((()=>t({isDescendentOfQueryLoop:s})),[t,s]),(0,r.createElement)("div",{...c,style:e.isDescendantOfAllProducts?void 0:n},(0,r.createElement)(Tt,null),(0,r.createElement)(Mt.default,{...a}))})),jt={...p.supports,color:{text:!0,background:!0},typography:{fontSize:!0,lineHeight:!0,...(0,s.uq)()&&{__experimentalFontWeight:!0,__experimentalFontFamily:!0,__experimentalFontStyle:!0,__experimentalTextTransform:!0,__experimentalTextDecoration:!0,__experimentalLetterSpacing:!0}},..."function"==typeof l.__experimentalGetSpacingClassesAndStyles&&{spacing:{margin:!0,padding:!0}}},Gt={...p,apiVersion:2,title:qt,description:Zt,icon:{src:Ht},attributes:{productId:{type:"number",default:0},isDescendentOfQueryLoop:{type:"boolean",default:!1},isDescendantOfAllProducts:{type:"boolean",default:!1}},supports:jt,edit:zt,usesContext:["query","queryId","postId"],ancestor:["woocommerce/all-products","woocommerce/single-product","core/post-template","woocommerce/product-template"]};(0,n.registerBlockType)("woocommerce/product-stock-indicator",{...Gt});var Qt=o(6576),Wt=(o(6684),o(8936));const Yt=(0,r.createElement)(_.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24"},(0,r.createElement)("path",{fill:"none",d:"M0 0h24v24H0V0z"}),(0,r.createElement)("path",{d:"M15.55 13c.75 0 1.41-.41 1.75-1.03l3.58-6.49c.37-.66-.11-1.48-.87-1.48H5.21l-.94-2H1v2h2l3.6 7.59-1.35 2.44C4.52 15.37 5.48 17 7 17h12v-2H7l1.1-2h7.45zM6.16 6h12.15l-2.76 5H8.53L6.16 6zM7 18c-1.1 0-1.99.9-1.99 2S5.9 22 7 22s2-.9 2-2-.9-2-2-2zm10 0c-1.1 0-1.99.9-1.99 2s.89 2 1.99 2 2-.9 2-2-.9-2-2-2z"})),Kt=(0,i.__)("Add to Cart","woo-gutenberg-products-block"),Ut=(0,r.createElement)(c.Z,{icon:Yt,className:"wc-block-editor-components-block-icon"}),Jt=(0,i.__)("Displays an add to cart button. Optionally displays other add to cart form elements.","woo-gutenberg-products-block"),Xt=ue({icon:Ut,label:Kt,description:(0,i.__)("Choose a product to display its add to cart form.","woo-gutenberg-products-block")})((({attributes:e,setAttributes:t})=>{const{product:o}=(0,ie.useProductDataContext)(),{className:n,showFormElements:c}=e;return(0,r.createElement)("div",{className:d()(n,"wc-block-components-product-add-to-cart")},(0,r.createElement)(Tt,{productId:o.id}),(0,r.createElement)(l.InspectorControls,null,(0,r.createElement)(g.PanelBody,{title:(0,i.__)("Layout","woo-gutenberg-products-block")},(0,Qt.K)(o)?(0,r.createElement)(g.ToggleControl,{label:(0,i.__)("Display form elements","woo-gutenberg-products-block"),help:(0,i.__)("Depending on product type, allow customers to select a quantity, variations etc.","woo-gutenberg-products-block"),checked:c,onChange:()=>t({showFormElements:!c})}):(0,r.createElement)(g.Notice,{className:"wc-block-components-product-add-to-cart-notice",isDismissible:!1,status:"info"},(0,i.__)("This product does not support the block based add to cart form. A link to the product page will be shown instead.","woo-gutenberg-products-block")))),(0,r.createElement)(g.Disabled,null,(0,r.createElement)(Wt.Z,{...e})))})),eo={title:Kt,description:Jt,icon:{src:Ut},edit:Xt,attributes:o(6638).Z};(0,s.mA)("woocommerce/product-add-to-cart",{...p,...eo});const to=JSON.parse('{"name":"woocommerce/add-to-cart-form","version":"1.0.0","title":"Add to Cart with Options","description":"Display a button so the customer can add a product to their cart. Options will also be displayed depending on product type. e.g. quantity, variation.","attributes":{"isDescendentOfSingleProductBlock":{"type":"boolean","default":false}},"category":"woocommerce","keywords":["WooCommerce"],"usesContext":["postId"],"textdomain":"woo-gutenberg-products-block","apiVersion":2,"$schema":"https://schemas.wp.org/trunk/block.json"}');o(8724);const oo=({numberOfLines:e=1,tag:t="div",maxWidth:o="100%"})=>{const n=Array.from({length:e},((e,t)=>(0,r.createElement)("span",{className:"wc-block-components-skeleton-text-line","aria-hidden":"true",key:t})));return(0,r.createElement)(t,{className:"wc-block-components-skeleton",style:{maxWidth:o}},n)};o(543);o(5362);const ro={edit:e=>{const{setAttributes:t}=e,o=(0,l.useBlockProps)({className:"wc-block-add-to-cart-form"}),{isDescendentOfSingleProductBlock:n}=Ge({blockClientId:null==o?void 0:o.id});return(0,h.useEffect)((()=>{t({isDescendentOfSingleProductBlock:n})}),[t,n]),(0,r.createElement)("div",{...o},(0,r.createElement)(g.Tooltip,{text:"Customer will see product add-to-cart options in this space, dependend on the product type. ",position:"bottom right"},(0,r.createElement)("div",{className:"wc-block-editor-container"},(0,r.createElement)(oo,{numberOfLines:3}),(0,r.createElement)(g.Disabled,null,(0,r.createElement)("input",{type:"number",value:"1",className:"wc-block-editor-add-to-cart-form__quantity",readOnly:!0}),(0,r.createElement)(g.Button,{variant:"primary",className:"wc-block-editor-add-to-cart-form__button"},(0,i.__)("Add to cart","woo-gutenberg-products-block"))))))},icon:{src:(0,r.createElement)(c.Z,{icon:lt.Z,className:"wc-block-editor-components-block-icon"})},ancestor:["woocommerce/single-product"],save:()=>null};ze({blockName:to.name,blockMetadata:to,blockSettings:ro,isAvailableOnPostEditor:!0});var no=o(3900),co=o(7884);o(6146);const ao=()=>(0,r.createElement)("div",{className:"wc-block-editor-product-gallery"},(0,r.createElement)("img",{src:`${s.td}block-placeholders/product-image-gallery.svg`,alt:"Placeholder"}),(0,r.createElement)("div",{className:"wc-block-editor-product-gallery__other-images"},[...Array(4).keys()].map((e=>(0,r.createElement)("img",{key:e,src:`${s.td}block-placeholders/product-image-gallery.svg`,alt:"Placeholder"}))))),so=JSON.parse('{"name":"woocommerce/product-image-gallery","version":"1.0.0","title":"Product Image Gallery","icon":"gallery","description":"Display a product\'s images.","category":"woocommerce","supports":{"align":true,"multiple":false},"keywords":["WooCommerce"],"usesContext":["postId","postType","queryId"],"textdomain":"woo-gutenberg-products-block","apiVersion":2,"$schema":"https://schemas.wp.org/trunk/block.json"}');o(2451),ze({blockName:so.name,blockMetadata:so,blockSettings:{icon:no.Z,edit:({context:e})=>{const t=(0,l.useBlockProps)();return(0,co.Qr)(e)?(0,r.createElement)("div",{...t},(0,r.createElement)(g.Disabled,null,(0,r.createElement)(ao,null))):(0,r.createElement)(r.Fragment,null)}},isAvailableOnPostEditor:!1});const lo=(0,r.createElement)(_.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24"},(0,r.createElement)("path",{fillRule:"evenodd",clipRule:"evenodd",fill:"currentColor",d:"M5 5.5H19C19.1326 5.5 19.2598 5.55268 19.3536 5.64645C19.4473 5.74021 19.5 5.86739 19.5 6V7.5C19.5 7.63261 19.4473 7.75979 19.3536 7.85355C19.2598 7.94732 19.1326 8 19 8H5C4.86739 8 4.74021 7.94732 4.64645 7.85355C4.55268 7.75979 4.5 7.63261 4.5 7.5V6C4.5 5.86739 4.55268 5.74021 4.64645 5.64645C4.74021 5.55268 4.86739 5.5 5 5.5V5.5ZM4 9.232C3.69597 9.05647 3.4435 8.804 3.26796 8.49997C3.09243 8.19594 3.00001 7.85106 3 7.5V6C3 5.46957 3.21071 4.96086 3.58579 4.58579C3.96086 4.21071 4.46957 4 5 4H19C19.5304 4 20.0391 4.21071 20.4142 4.58579C20.7893 4.96086 21 5.46957 21 6V7.5C21 7.85106 20.9076 8.19594 20.732 8.49997C20.5565 8.804 20.304 9.05647 20 9.232V18C20 18.5304 19.7893 19.0391 19.4142 19.4142C19.0391 19.7893 18.5304 20 18 20H6C5.46957 20 4.96086 19.7893 4.58579 19.4142C4.21071 19.0391 4 18.5304 4 18V9.232ZM5.5 9.5V18C5.5 18.1326 5.55268 18.2598 5.64645 18.3536C5.74021 18.4473 5.86739 18.5 6 18.5H18C18.1326 18.5 18.2598 18.4473 18.3536 18.3536C18.4473 18.2598 18.5 18.1326 18.5 18V9.5H5.5Z"}),(0,r.createElement)("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M8 13.25V11.75H16V13.25L8 13.25Z"}),(0,r.createElement)("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M8 16.25V14.75H16V16.25H8Z"})),io=JSON.parse('{"name":"woocommerce/product-details","version":"1.0.0","icon":"info","title":"Product Details","description":"Display a product\'s description, attributes, and reviews.","category":"woocommerce","keywords":["WooCommerce"],"supports":{"align":true,"spacing":{"margin":true}},"textdomain":"woo-gutenberg-products-block","apiVersion":2,"$schema":"https://schemas.wp.org/trunk/block.json"}'),uo=({id:e,title:t,active:o})=>(0,r.createElement)("li",{className:d()(`${e}_tab`,{active:o}),id:`tab-title-${e}`,role:"tab","aria-controls":`tab-${e}`},(0,r.createElement)("a",{href:`#tab-${e}`},t)),po=({id:e,content:t})=>(0,r.createElement)("div",{className:`${e}_tab`,id:`tab-title-${e}`,role:"tab","aria-controls":`tab-${e}`},t),mo=()=>{const e=(0,l.useBlockProps)(),t=[{id:"description",title:"Description",active:!0,content:(0,i.__)("This block lists description, attributes and reviews for a single product.","woo-gutenberg-products-block")},{id:"additional_information",title:"Additional Information",active:!1},{id:"reviews",title:"Reviews",active:!1}],o=t.map((({id:e,title:t,active:o})=>(0,r.createElement)(uo,{key:e,id:e,title:t,active:o}))),n=t.map((({id:e,content:t})=>(0,r.createElement)(po,{key:e,id:e,content:t})));return(0,r.createElement)("div",{...e},(0,r.createElement)("ul",{className:"wc-tabs tabs",role:"tablist"},o),n)};o(3206),ze({blockName:io.name,blockMetadata:io,blockSettings:{icon:{src:(0,r.createElement)(c.Z,{icon:lo,className:"wc-block-editor-components-block-icon"})},edit:({attributes:e})=>{const{className:t}=e,o=(0,l.useBlockProps)({className:t});return(0,r.createElement)(r.Fragment,null,(0,r.createElement)("div",{...o},(0,r.createElement)(g.Disabled,null,(0,r.createElement)(mo,null))))}},isAvailableOnPostEditor:!1});const go=JSON.parse('{"name":"woocommerce/product-reviews","version":"1.0.0","icon":"admin-comments","title":"Product Reviews","description":"A block that shows the reviews for a product.","category":"woocommerce","keywords":["WooCommerce"],"supports":{},"attributes":{},"usesContext":["postId"],"textdomain":"woo-gutenberg-products-block","apiVersion":2,"$schema":"https://schemas.wp.org/trunk/block.json"}'),bo=()=>{const e=(0,l.useBlockProps)();return(0,r.createElement)("div",{...e},(0,r.createElement)(g.Notice,{className:"wc-block-editor-related-products__notice",status:"info",isDismissible:!1},(0,r.createElement)("p",null,(0,i.__)("The products reviews and the form to add a new review will be displayed here according to your theme. The look you see here is not representative of what is going to look like, this is just a placeholder.","woo-gutenberg-products-block"))),(0,r.createElement)("h2",null,(0,i.__)("3 reviews for this product","woo-gutenberg-products-block")),(0,r.createElement)("img",{src:`${s.td}block-placeholders/product-reviews.svg`,alt:"Placeholder"}),(0,r.createElement)("h3",null,(0,i.__)("Add a review","woo-gutenberg-products-block")),(0,r.createElement)("div",{className:"wp-block-woocommerce-product-reviews__editor__form-container"},(0,r.createElement)("div",{className:"wp-block-woocommerce-product-reviews__editor__row"},(0,r.createElement)("span",null,(0,i.__)("Your rating *","woo-gutenberg-products-block")),(0,r.createElement)("p",{className:"wp-block-woocommerce-product-reviews__editor__stars"})),(0,r.createElement)("div",{className:"wp-block-woocommerce-product-reviews__editor__row"},(0,r.createElement)("span",null,(0,i.__)("Your review *","woo-gutenberg-products-block")),(0,r.createElement)("textarea",null)),(0,r.createElement)("input",{type:"submit",className:"submit wp-block-button__link wp-element-button",value:(0,i.__)("Submit","woo-gutenberg-products-block")})))};o(2401),ze({blockName:go.name,blockMetadata:go,blockSettings:{edit:({attributes:e})=>{const{className:t}=e,o=(0,l.useBlockProps)({className:t});return(0,r.createElement)(r.Fragment,null,(0,r.createElement)("div",{...o},(0,r.createElement)(g.Disabled,null,(0,r.createElement)(bo,null))))}},isAvailableOnPostEditor:!1});const ho=(0,r.createElement)(_.SVG,{xmlns:"http://www.w3.org/2000/SVG",viewBox:"0 0 24 24"},(0,r.createElement)("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M4.5 19.375L4.5 7.625C4.5 7.55596 4.55596 7.5 4.625 7.5L16.375 7.5C16.444 7.5 16.5 7.55596 16.5 7.625L16.5 19.375C16.5 19.444 16.444 19.5 16.375 19.5L4.625 19.5C4.55596 19.5 4.5 19.444 4.5 19.375ZM4.625 21C3.72754 21 3 20.2725 3 19.375L3 7.625C3 6.72754 3.72754 6 4.625 6L16.375 6C17.2725 6 18 6.72754 18 7.625L18 19.375C18 20.2725 17.2725 21 16.375 21L4.625 21ZM19 3.75L8 3.75L8 2.25L19 2.25C20.5183 2.25 21.75 3.4796 21.75 4.99891L21.75 18L20.25 18L20.25 4.99891C20.25 4.30909 19.6909 3.75 19 3.75Z"}));function _o(e,{blockDescription:t,blockIcon:o,blockTitle:r,variationName:c,scope:a}){(0,n.registerBlockVariation)(e,{description:t,name:c,title:r,isActive:e=>e.__woocommerceNamespace===c,icon:{src:o},attributes:{__woocommerceNamespace:c},scope:a})}const wo="woocommerce/product-query/product-title";_o("core/post-title",{blockDescription:ge,blockIcon:(0,r.createElement)(g.Icon,{icon:de.Z}),blockTitle:pe,variationName:wo,scope:["block"]});var Eo=o(5332);const ko="woocommerce/product-query/product-template";_o("core/post-template",{blockDescription:(0,i.__)("Contains the block elements used to render a product, like its name, featured image, rating, and more.","woo-gutenberg-products-block"),blockIcon:(0,r.createElement)(g.Icon,{icon:Eo.Z}),blockTitle:(0,i.__)("Product template","woo-gutenberg-products-block"),variationName:ko,scope:["block","inserter"]});const vo=(0,G.getSetting)("stockStatusOptions",[]),yo=((0,G.getSetting)("hideOutOfStockItems",!1)?Object.keys(function(e,t){const{[t]:o,...r}=e;return r}(vo,"outofstock")):Object.keys(vo),(0,G.getSettingWithCoercion)("postTemplateHasSupportForGridView",!1,Te),De.R.THUMBNAIL,"woocommerce/related-products"),fo={namespace:yo,allowedControls:[],displayLayout:{type:"flex",columns:5},query:{perPage:5,pages:0,offset:0,postType:"product",order:"asc",orderBy:"title",author:"",search:"",exclude:[],sticky:"",inherit:!1},lock:{remove:!0,move:!0}},So=(0,G.getSettingWithCoercion)("postTemplateHasSupportForGridView",!1,Te),Co=[["core/heading",{level:2,content:(0,i.__)("Related products","woo-gutenberg-products-block")}],["core/post-template",{__woocommerceNamespace:ko,...So&&{layout:{type:"grid",columnCount:5}}},[["woocommerce/product-image",{productId:0,imageSizing:"cropped"}],["core/post-title",{textAlign:"center",level:3,fontSize:"medium",isLink:!0,__woocommerceNamespace:wo},[]],["woocommerce/product-price",{textAlign:"center",fontSize:"small",style:{spacing:{margin:{bottom:"1rem"}}}},[]],["woocommerce/product-button",{textAlign:"center",fontSize:"small",style:{spacing:{margin:{bottom:"1rem"}}}},[]]]]];ze({blockName:"core/query",blockMetadata:{},blockSettings:{description:(0,i.__)("Display related products.","woo-gutenberg-products-block"),name:"Related Products Controls",title:(0,i.__)("Related Products Controls","woo-gutenberg-products-block"),isActive:e=>e.namespace===yo,icon:(0,r.createElement)(g.Icon,{icon:ho,className:"wc-block-editor-components-block-icon wc-block-editor-components-block-icon--stacks"}),attributes:fo,allowedControls:[],innerBlocks:Co,scope:["block"]},isVariationBlock:!0,variationName:yo}),o(6487);const xo=JSON.parse('{"name":"woocommerce/related-products","version":"1.0.0","title":"Related Products","icon":"product","description":"Display related products.","category":"woocommerce","supports":{"align":true,"reusable":false},"keywords":["WooCommerce"],"usesContext":["postId","postType","queryId"],"textdomain":"woo-gutenberg-products-block","apiVersion":2,"$schema":"https://schemas.wp.org/trunk/block.json"}');ze({blockName:xo.name,blockMetadata:xo,blockSettings:{icon:$t.Z,edit:()=>{const e=[["core/query",fo,Co]],t=(0,l.useBlockProps)();return(0,r.createElement)("div",{...t},(0,r.createElement)(l.InspectorControls,null,(0,r.createElement)(g.Notice,{className:"wc-block-editor-related-products__notice",status:"warning",isDismissible:!1},(0,r.createElement)("p",null,(0,i.__)("These products will vary depending on the main product in the page","woo-gutenberg-products-block")))),(0,r.createElement)(l.InnerBlocks,{template:e}))},save:()=>{const e=l.useBlockProps.save();return(0,r.createElement)("div",{...e},(0,r.createElement)(l.InnerBlocks.Content,null))}},isAvailableOnPostEditor:!1});const No=(0,r.createElement)(_.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24"},(0,r.createElement)("path",{id:"icon/action/view_list_24px",fillRule:"evenodd",clipRule:"evenodd",fill:"currentColor",d:"M5 5.5H19C19.1326 5.5 19.2598 5.55268 19.3536 5.64645C19.4473 5.74021 19.5 5.86739 19.5 6V7.5C19.5 7.63261 19.4473 7.75979 19.3536 7.85355C19.2598 7.94732 19.1326 8 19 8H5C4.86739 8 4.74021 7.94732 4.64645 7.85355C4.55268 7.75979 4.5 7.63261 4.5 7.5V6C4.5 5.86739 4.55268 5.74021 4.64645 5.64645C4.74021 5.55268 4.86739 5.5 5 5.5V5.5ZM4 9.232C3.69597 9.05647 3.4435 8.804 3.26796 8.49997C3.09243 8.19594 3.00001 7.85106 3 7.5V6C3 5.46957 3.21071 4.96086 3.58579 4.58579C3.96086 4.21071 4.46957 4 5 4H19C19.5304 4 20.0391 4.21071 20.4142 4.58579C20.7893 4.96086 21 5.46957 21 6V7.5C21 7.85106 20.9076 8.19594 20.732 8.49997C20.5565 8.804 20.304 9.05647 20 9.232V18C20 18.5304 19.7893 19.0391 19.4142 19.4142C19.0391 19.7893 18.5304 20 18 20H6C5.46957 20 4.96086 19.7893 4.58579 19.4142C4.21071 19.0391 4 18.5304 4 18V9.232ZM5.5 9.5V18C5.5 18.1326 5.55268 18.2598 5.64645 18.3536C5.74021 18.4473 5.86739 18.5 6 18.5H18C18.1326 18.5 18.2598 18.4473 18.3536 18.3536C18.4473 18.2598 18.5 18.1326 18.5 18V9.5H5.5Z"}),(0,r.createElement)("circle",{cx:"9",cy:"14",r:"1"}),(0,r.createElement)("circle",{cx:"12",cy:"14",r:"1"}),(0,r.createElement)("circle",{cx:"15",cy:"14",r:"1"}));o(1708);const Po=JSON.parse('{"name":"woocommerce/product-meta","version":"1.0.0","title":"Product Meta","icon":"product","description":"Display a product’s SKU, categories, tags, and more.","category":"woocommerce","supports":{"align":true,"reusable":false},"keywords":["WooCommerce"],"usesContext":["postId","postType","queryId"],"textdomain":"woo-gutenberg-products-block","apiVersion":2,"$schema":"https://schemas.wp.org/trunk/block.json"}');ze({blockName:Po.name,blockMetadata:Po,blockSettings:{edit:()=>{const e=[["core/group",{layout:{type:"flex",flexWrap:"nowrap"}},[["woocommerce/product-sku",{isDescendentOfSingleProductTemplate:ke()}],["core/post-terms",{prefix:"Category: ",term:"product_cat"}],["core/post-terms",{prefix:"Tags: ",term:"product_tag"}]]]],t=(0,l.useBlockProps)();return(0,r.createElement)("div",{...t},(0,r.createElement)(l.InnerBlocks,{template:e}))},save:()=>{const e=l.useBlockProps.save();return(0,r.createElement)("div",{...e},(0,r.createElement)(l.InnerBlocks.Content,null))},icon:{src:(0,r.createElement)(c.Z,{icon:No,className:"wc-block-editor-components-block-icon"})},ancestor:["woocommerce/single-product"]},isAvailableOnPostEditor:!0});const To=JSON.parse('{"$schema":"https://schemas.wp.org/trunk/block.json","apiVersion":1,"textdomain":"woo-gutenberg-products-block","name":"woocommerce/all-products","title":"All Products","category":"woocommerce","keywords":["WooCommerce"],"description":"Display products from your store in a grid layout.","supports":{"align":["wide","full"],"html":false,"multiple":false},"attributes":{"columns":{"type":"number"},"rows":{"type":"number"},"alignButtons":{"type":"boolean"},"contentVisibility":{"type":"object"},"orderby":{"type":"string"},"layoutConfig":{"type":"array"},"isPreview":{"type":"boolean","default":false}}}'),Ao=(e,t)=>{const{className:o,contentVisibility:r}=t;return d()(e,o,{"has-image":r&&r.image,"has-title":r&&r.title,"has-rating":r&&r.rating,"has-price":r&&r.price,"has-button":r&&r.button})},{attributes:Io}=To,Oo={attributes:Object.assign({},Io,{rows:{type:"number",default:1}}),save({attributes:e}){const t={"data-attributes":JSON.stringify(e)};return(0,r.createElement)("div",{className:Ao("wc-block-all-products",e),...t},(0,r.createElement)(l.InnerBlocks.Content,null))}},Ro=[Oo],Bo=(e,t,o)=>o?Math.min(e,t)===e?t:Math.max(e,o)===e?o:e:Math.max(e,t)===t?e:t,Do=({columns:e,rows:t,setAttributes:o,alignButtons:n,minColumns:c=1,maxColumns:a=6,minRows:s=1,maxRows:l=6})=>(0,r.createElement)(r.Fragment,null,(0,r.createElement)(g.RangeControl,{label:(0,i.__)("Columns","woo-gutenberg-products-block"),value:e,onChange:e=>{const t=Bo(e,c,a);o({columns:Number.isNaN(t)?"":t})},min:c,max:a}),(0,r.createElement)(g.RangeControl,{label:(0,i.__)("Rows","woo-gutenberg-products-block"),value:t,onChange:e=>{const t=Bo(e,s,l);o({rows:Number.isNaN(t)?"":t})},min:s,max:l}),(0,r.createElement)(g.ToggleControl,{label:(0,i.__)("Align the last block to the bottom","woo-gutenberg-products-block"),help:n?(0,i.__)("Align the last block to the bottom.","woo-gutenberg-products-block"):(0,i.__)("The last inner block will follow other content.","woo-gutenberg-products-block"),checked:n,onChange:()=>o({alignButtons:!n})})),Lo=window.wc.wcBlocksRegistry;o.p=s.VF,(0,Lo.registerBlockComponent)({blockName:"woocommerce/product-price",component:(0,h.lazy)((()=>Promise.all([o.e(2869),o.e(5579)]).then(o.bind(o,6669))))}),(0,Lo.registerBlockComponent)({blockName:"woocommerce/product-image",component:(0,h.lazy)((()=>Promise.all([o.e(2869),o.e(3706)]).then(o.bind(o,2097))))}),(0,Lo.registerBlockComponent)({blockName:"woocommerce/product-title",component:(0,h.lazy)((()=>Promise.all([o.e(2869),o.e(6925)]).then(o.bind(o,9136))))}),(0,Lo.registerBlockComponent)({blockName:"woocommerce/product-rating",component:(0,h.lazy)((()=>Promise.all([o.e(2869),o.e(7385)]).then(o.bind(o,1382))))}),(0,Lo.registerBlockComponent)({blockName:"woocommerce/product-rating-stars",component:(0,h.lazy)((()=>Promise.all([o.e(2869),o.e(118)]).then(o.bind(o,89))))}),(0,Lo.registerBlockComponent)({blockName:"woocommerce/product-rating-counter",component:(0,h.lazy)((()=>Promise.all([o.e(2869),o.e(2918)]).then(o.bind(o,5042))))}),(0,Lo.registerBlockComponent)({blockName:"woocommerce/product-average-rating",component:(0,h.lazy)((()=>Promise.all([o.e(2869),o.e(3037)]).then(o.bind(o,2043))))}),(0,Lo.registerBlockComponent)({blockName:"woocommerce/product-button",component:(0,h.lazy)((()=>Promise.all([o.e(2869),o.e(8771)]).then(o.bind(o,4113))))}),(0,Lo.registerBlockComponent)({blockName:"woocommerce/product-summary",component:(0,h.lazy)((()=>Promise.all([o.e(2869),o.e(8185)]).then(o.bind(o,8281))))}),(0,Lo.registerBlockComponent)({blockName:"woocommerce/product-sale-badge",component:(0,h.lazy)((()=>Promise.all([o.e(2869),o.e(5432)]).then(o.bind(o,4498))))}),(0,Lo.registerBlockComponent)({blockName:"woocommerce/product-sku",component:(0,h.lazy)((()=>Promise.all([o.e(2869),o.e(9870)]).then(o.bind(o,8130))))}),(0,Lo.registerBlockComponent)({blockName:"woocommerce/product-stock-indicator",component:(0,h.lazy)((()=>Promise.all([o.e(2869),o.e(5445)]).then(o.bind(o,789))))}),(0,Lo.registerBlockComponent)({blockName:"woocommerce/product-add-to-cart",component:(0,h.lazy)((()=>Promise.all([o.e(2869),o.e(5800)]).then(o.bind(o,6996))))});const Fo=e=>(0,Lo.getRegisteredBlockComponents)(e),Vo=[{id:1,name:"WordPress Pennant",variation:"",permalink:"https://example.org",sku:"wp-pennant",short_description:(0,i.__)("Fly your WordPress banner with this beauty! Deck out your office space or add it to your kids walls. This banner will spruce up any space it’s hung!","woo-gutenberg-products-block"),description:"Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo.",price:"7.99",price_html:'$7.99',images:[{id:1,src:s.td+"previews/pennant.jpg",thumbnail:s.td+"previews/pennant.jpg",name:"pennant-1.jpg",alt:"WordPress Pennant",srcset:"",sizes:""}],average_rating:5,categories:[{id:1,name:"Decor",slug:"decor",link:"https://example.org"}],review_count:1,prices:{currency_code:"GBP",decimal_separator:".",thousand_separator:",",decimals:2,price_prefix:"£",price_suffix:"",price:"7.99",regular_price:"9.99",sale_price:"7.99",price_range:null},add_to_cart:{text:(0,i.__)("Add to cart","woo-gutenberg-products-block"),description:(0,i.__)("Add to cart","woo-gutenberg-products-block")},has_options:!1,is_purchasable:!0,is_in_stock:!0,on_sale:!0}],Mo=[["woocommerce/product-image",{imageSizing:De.R.THUMBNAIL}],["woocommerce/product-title"],["woocommerce/product-price"],["woocommerce/product-rating"],["woocommerce/product-button"]],$o=e=>e&&0!==e.length?e.map((e=>{var t,o;return[e.name,{...e.attributes,product:void 0,children:e.innerBlocks.length>0?$o(e.innerBlocks):[],...e.name===dt.name&&{className:d()(e.attributes.className,{[`has-custom-width wp-block-button__width-${null===(t=e.attributes)||void 0===t?void 0:t.width}`]:null===(o=e.attributes)||void 0===o?void 0:o.width})},isDescendantOfAllProducts:!0}]})):[];var qo=o(2991),Ho=o.n(qo),Zo=o(711);o(7036);const zo=({currentPage:e,displayFirstAndLastPages:t=!0,displayNextAndPreviousArrows:o=!0,pagesToDisplay:n=3,onPageChange:c,totalPages:a})=>{let{minIndex:s,maxIndex:l}=((e,t,o)=>{if(o<=2)return{minIndex:null,maxIndex:null};const r=e-1,n=Math.max(Math.floor(t-r/2),2),c=Math.min(Math.ceil(t+(r-(t-n))),o-1);return{minIndex:Math.max(Math.floor(t-(r-(c-t))),2),maxIndex:c}})(n,e,a);const u=t&&Boolean(1!==s),p=t&&Boolean(l!==a),m=t&&Boolean(s&&s>3),g=t&&Boolean(l&&lc(e-1),title:(0,i.__)("Previous page","woo-gutenberg-products-block"),disabled:e<=1},(0,r.createElement)(Zo.Label,{label:"←",screenReaderLabel:(0,i.__)("Previous page","woo-gutenberg-products-block")})),u&&(0,r.createElement)("button",{className:d()("wc-block-pagination-page","wc-block-components-pagination__page",{"wc-block-pagination-page--active":1===e,"wc-block-components-pagination__page--active":1===e}),onClick:()=>c(1),disabled:1===e},(0,r.createElement)(Zo.Label,{label:"1",screenReaderLabel:(0,i.sprintf)(/* translators: %d is the page number (1, 2, 3...). */ +(0,i.__)("Page %d","woo-gutenberg-products-block"),1)})),m&&(0,r.createElement)("span",{className:"wc-block-pagination-ellipsis wc-block-components-pagination__ellipsis","aria-hidden":"true"},(0,i.__)("…","woo-gutenberg-products-block")),b.map((t=>(0,r.createElement)("button",{key:t,className:d()("wc-block-pagination-page","wc-block-components-pagination__page",{"wc-block-pagination-page--active":e===t,"wc-block-components-pagination__page--active":e===t}),onClick:e===t?void 0:()=>c(t),disabled:e===t},(0,r.createElement)(Zo.Label,{label:t.toString(),screenReaderLabel:(0,i.sprintf)(/* translators: %d is the page number (1, 2, 3...). */ +(0,i.__)("Page %d","woo-gutenberg-products-block"),t)})))),g&&(0,r.createElement)("span",{className:"wc-block-pagination-ellipsis wc-block-components-pagination__ellipsis","aria-hidden":"true"},(0,i.__)("…","woo-gutenberg-products-block")),p&&(0,r.createElement)("button",{className:d()("wc-block-pagination-page","wc-block-components-pagination__page",{"wc-block-pagination-page--active":e===a,"wc-block-components-pagination__page--active":e===a}),onClick:()=>c(a),disabled:e===a},(0,r.createElement)(Zo.Label,{label:a.toString(),screenReaderLabel:(0,i.sprintf)(/* translators: %d is the page number (1, 2, 3...). */ +(0,i.__)("Page %d","woo-gutenberg-products-block"),a)})),o&&(0,r.createElement)("button",{className:"wc-block-pagination-page wc-block-components-pagination__page wc-block-components-pagination-page--arrow",onClick:()=>c(e+1),title:(0,i.__)("Next page","woo-gutenberg-products-block"),disabled:e>=a},(0,r.createElement)(Zo.Label,{label:"→",screenReaderLabel:(0,i.__)("Next page","woo-gutenberg-products-block")})))};function jo(e,t){const o=(0,h.useRef)();return(0,h.useEffect)((()=>{o.current===e||t&&!t(e,o.current)||(o.current=e)}),[e,t]),o.current}var Go=o(4801),Qo=o(9075);const Wo=(0,h.createContext)("page"),Yo=()=>(0,h.useContext)(Wo),Ko=(Wo.Provider,(e,t,o)=>{const r=Yo();o=o||r;const n=(0,Ee.useSelect)((r=>r(Go.QUERY_STATE_STORE_KEY).getValueForQueryKey(o,e,t)),[o,e]),{setQueryValue:c}=(0,Ee.useDispatch)(Go.QUERY_STATE_STORE_KEY);return[n,(0,h.useCallback)((t=>{c(o,e,t)}),[o,e,c])]}),Uo=e=>{const t={namespace:"/wc/store/v1",resourceName:"products"},{results:o,isLoading:r}=(e=>{const{namespace:t,resourceName:o,resourceValues:r=[],query:n={},shouldSelect:c=!0}=e;if(!t||!o)throw new Error("The options object must have valid values for the namespace and the resource properties.");const a=(0,h.useRef)({results:[],isLoading:!0}),s=(0,Qo.s)(n),l=(0,Qo.s)(r),i=(()=>{const[,e]=(0,h.useState)();return(0,h.useCallback)((t=>{e((()=>{throw t}))}),[])})(),u=(0,Ee.useSelect)((e=>{if(!c)return null;const r=e(Go.COLLECTIONS_STORE_KEY),n=[t,o,s,l],a=r.getCollectionError(...n);if(a){if(!(a instanceof Error))throw new Error("TypeError: `error` object is not an instance of Error constructor");i(a)}return{results:r.getCollection(...n),isLoading:!r.hasFinishedResolution("getCollection",n)}}),[t,o,l,s,c]);return null!==u&&(a.current=u),a.current})({...t,query:e}),{value:n}=((e,t)=>{const{namespace:o,resourceName:r,resourceValues:n=[],query:c={}}=t;if(!o||!r)throw new Error("The options object must have valid values for the namespace and the resource name properties.");const a=(0,Qo.s)(c),s=(0,Qo.s)(n),{value:l,isLoading:i=!0}=(0,Ee.useSelect)((t=>{const n=t(Go.COLLECTIONS_STORE_KEY),c=[e,o,r,a,s];return{value:n.getCollectionHeader(...c),isLoading:n.hasFinishedResolution("getCollectionHeader",c)}}),[e,o,r,s,a]);return{value:l,isLoading:i}})("x-wp-total",{...t,query:e});return{products:o,totalProducts:parseInt(n,10),productsLoading:r}};var Jo=o(5918);o(1553);const Xo=e=>{if(!e)return;const t=e.getBoundingClientRect().bottom;t>=0&&t<=window.innerHeight||e.scrollIntoView()};var er=o(5158),tr=o(7329);const or=()=>{const{parentClassName:e}=(0,ie.useInnerBlockLayoutContext)();return(0,r.createElement)("div",{className:`${e}__no-products`},(0,r.createElement)(c.Z,{className:`${e}__no-products-image`,icon:tr.Z,size:100}),(0,r.createElement)("strong",{className:`${e}__no-products-title`},(0,i.__)("No products","woo-gutenberg-products-block")),(0,r.createElement)("p",{className:`${e}__no-products-description`},(0,i.__)("There are currently no products available to display.","woo-gutenberg-products-block")))};var rr=o(2395);const nr=({resetCallback:e=(()=>{})})=>{const{parentClassName:t}=(0,ie.useInnerBlockLayoutContext)();return(0,r.createElement)("div",{className:`${t}__no-products`},(0,r.createElement)(c.Z,{className:`${t}__no-products-image`,icon:rr.Z,size:100}),(0,r.createElement)("strong",{className:`${t}__no-products-title`},(0,i.__)("No products found","woo-gutenberg-products-block")),(0,r.createElement)("p",{className:`${t}__no-products-description`},(0,i.__)("We were unable to find any results based on your search.","woo-gutenberg-products-block")),(0,r.createElement)("button",{onClick:e},(0,i.__)("Reset Search","woo-gutenberg-products-block")))};o(9991);const cr=({onChange:e,value:t})=>(0,r.createElement)(Zo.SortSelect,{className:"wc-block-product-sort-select wc-block-components-product-sort-select",onChange:e,options:[{key:"menu_order",label:(0,i.__)("Default sorting","woo-gutenberg-products-block")},{key:"popularity",label:(0,i.__)("Popularity","woo-gutenberg-products-block")},{key:"rating",label:(0,i.__)("Average rating","woo-gutenberg-products-block")},{key:"date",label:(0,i.__)("Latest","woo-gutenberg-products-block")},{key:"price",label:(0,i.__)("Price: low to high","woo-gutenberg-products-block")},{key:"price-desc",label:(0,i.__)("Price: high to low","woo-gutenberg-products-block")}],screenReaderLabel:(0,i.__)("Order products by","woo-gutenberg-products-block"),value:t}),ar=(e,t,o,n)=>{if(!o)return;const c=Fo(e);return o.map((([o,a={}],s)=>{let l=[];a.children&&a.children.length>0&&(l=ar(e,t,a.children,n));const i=c[o];if(!i)return null;const u=t.id||0,d=["layout",o,s,n,u];return(0,r.createElement)(h.Suspense,{key:d.join("_"),fallback:(0,r.createElement)("div",{className:"wc-block-placeholder"})},(0,r.createElement)(i,{...a,children:l,product:t}))}))},sr=(0,b.withInstanceId)((({product:e={},attributes:t,instanceId:o})=>{const{layoutConfig:n}=t,{parentClassName:c,parentName:a}=(0,ie.useInnerBlockLayoutContext)(),s=0===Object.keys(e).length,l=d()(`${c}__product`,"wc-block-layout",{"is-loading":s});return(0,r.createElement)("li",{className:l,"aria-hidden":s},ar(a,e,n,o))}));o(5945);const lr=e=>{switch(e){case"menu_order":case"popularity":case"rating":case"price":return{orderby:e,order:"asc"};case"price-desc":return{orderby:"price",order:"desc"};case"date":return{orderby:"date",order:"desc"}}},ir=({totalQuery:e,totalProducts:t},{totalQuery:o}={})=>!Ho()(e,o)&&Number.isFinite(t),ur=(e=>t=>{const o=(0,h.useRef)(null);return(0,r.createElement)(r.Fragment,null,(0,r.createElement)("div",{className:"with-scroll-to-top__scroll-point",ref:o,"aria-hidden":!0}),(0,r.createElement)(e,{...t,scrollToTop:e=>{null!==o.current&&((e,t)=>{const{focusableSelector:o}=t||{};window&&Number.isFinite(window.innerHeight)&&(o?((e,t)=>{var o;const r=(null===(o=e.parentElement)||void 0===o?void 0:o.querySelectorAll(t))||[];if(r.length){const e=r[0];Xo(e),null==e||e.focus()}else Xo(e)})(e,o):Xo(e))})(o.current,e)}}))})((({attributes:e,currentPage:t,onPageChange:o,onSortChange:n,sortValue:c,scrollToTop:a})=>{const[s,l]=Ko("attributes",[]),[u,p]=Ko("stock_status",[]),[m,g]=Ko("rating",[]),[b,_]=Ko("min_price"),[w,E]=Ko("max_price"),[k]=((e,t)=>{const o=Yo();t=t||o;const[r,n]=(e=>{const t=Yo();e=e||t;const o=(0,Ee.useSelect)((t=>t(Go.QUERY_STATE_STORE_KEY).getValueForQueryContext(e,void 0)),[e]),{setValueForQueryContext:r}=(0,Ee.useDispatch)(Go.QUERY_STATE_STORE_KEY);return[o,(0,h.useCallback)((t=>{r(e,t)}),[e,r])]})(t),c=(0,Qo.s)(r),a=(0,Qo.s)(e),s=jo(a),l=(0,h.useRef)(!1);return(0,h.useEffect)((()=>{J()(s,a)||(n(Object.assign({},c,a)),l.current=!0)}),[c,a,s,n]),l.current?[r,n]:[e,n]})((({sortValue:e,currentPage:t,attributes:o})=>{const{columns:r,rows:n}=o;return{...lr(e),catalog_visibility:"catalog",per_page:r*n,page:t}})({attributes:e,sortValue:c,currentPage:t})),{products:v,totalProducts:y,productsLoading:f}=Uo(k),{parentClassName:S,parentName:C}=(0,ie.useInnerBlockLayoutContext)(),x=(e=>{const{order:t,orderby:o,page:r,per_page:n,...c}=e;return c||{}})(k),{dispatchStoreEvent:N}=(0,Jo.n)(),P=jo({totalQuery:x,totalProducts:y},ir);(0,h.useEffect)((()=>{N("product-list-render",{products:v,listName:C})}),[v,C,N]),(0,h.useEffect)((()=>{Ho()(x,null==P?void 0:P.totalQuery)||(o(1),null!=P&&P.totalQuery&&(e=>{Number.isFinite(e)&&(0===e?(0,er.speak)((0,i.__)("No products found","woo-gutenberg-products-block")):(0,er.speak)((0,i.sprintf)(/* translators: %s is an integer higher than 0 (1, 2, 3...) */ +(0,i._n)("%d product found","%d products found",e,"woo-gutenberg-products-block"),e)))})(y))}),[null==P?void 0:P.totalQuery,y,o,x]);const{contentVisibility:T}=e,A=e.columns*e.rows,I=!Number.isFinite(y)&&Number.isFinite(null==P?void 0:P.totalProducts)&&Ho()(x,null==P?void 0:P.totalQuery)?Math.ceil(((null==P?void 0:P.totalProducts)||0)/A):Math.ceil(y/A),O=v.length?v:Array.from({length:A}),R=0!==v.length||f,B=s.length>0||u.length>0||m.length>0||Number.isFinite(b)||Number.isFinite(w);return(0,r.createElement)("div",{className:(()=>{const{columns:t,rows:o,alignButtons:r,align:n}=e,c=void 0!==n?"align"+n:"";return d()(S,c,"has-"+t+"-columns",{"has-multiple-rows":o>1,"has-aligned-buttons":r})})()},(null==T?void 0:T.orderBy)&&R&&(0,r.createElement)(cr,{onChange:n,value:c}),!R&&B&&(0,r.createElement)(nr,{resetCallback:()=>{l([]),p([]),g([]),_(null),E(null)}}),!R&&!B&&(0,r.createElement)(or,null),R&&(0,r.createElement)("ul",{className:d()(`${S}__products`,{"is-loading-products":f})},O.map(((t={},o)=>(0,r.createElement)(sr,{key:t.id||o,attributes:e,product:t})))),I>1&&(0,r.createElement)(zo,{currentPage:t,onPageChange:e=>{a({focusableSelector:"a, button"}),o(e)},totalPages:I}))})),dr=({attributes:e})=>{const[t,o]=(0,h.useState)(1),[n,c]=(0,h.useState)(e.orderby);return(0,h.useEffect)((()=>{c(e.orderby)}),[e.orderby]),(0,r.createElement)(ur,{attributes:e,currentPage:t,onPageChange:e=>{o(e)},onSortChange:e=>{var t;const r=null==e||null===(t=e.target)||void 0===t?void 0:t.value;c(r),o(1)},sortValue:n})},pr=(0,r.createElement)("svg",{xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 230 250",style:{width:"100%"}},(0,r.createElement)("title",null,"Grid Block Preview"),(0,r.createElement)("rect",{width:"65.374",height:"65.374",x:".162",y:".779",fill:"#E1E3E6",rx:"3"}),(0,r.createElement)("rect",{width:"47.266",height:"5.148",x:"9.216",y:"76.153",fill:"#E1E3E6",rx:"2.574"}),(0,r.createElement)("rect",{width:"62.8",height:"15",x:"1.565",y:"101.448",fill:"#E1E3E6",rx:"5"}),(0,r.createElement)("rect",{width:"65.374",height:"65.374",x:".162",y:"136.277",fill:"#E1E3E6",rx:"3"}),(0,r.createElement)("rect",{width:"47.266",height:"5.148",x:"9.216",y:"211.651",fill:"#E1E3E6",rx:"2.574"}),(0,r.createElement)("rect",{width:"62.8",height:"15",x:"1.565",y:"236.946",fill:"#E1E3E6",rx:"5"}),(0,r.createElement)("rect",{width:"65.374",height:"65.374",x:"82.478",y:".779",fill:"#E1E3E6",rx:"3"}),(0,r.createElement)("rect",{width:"47.266",height:"5.148",x:"91.532",y:"76.153",fill:"#E1E3E6",rx:"2.574"}),(0,r.createElement)("rect",{width:"62.8",height:"15",x:"83.882",y:"101.448",fill:"#E1E3E6",rx:"5"}),(0,r.createElement)("rect",{width:"65.374",height:"65.374",x:"82.478",y:"136.277",fill:"#E1E3E6",rx:"3"}),(0,r.createElement)("rect",{width:"47.266",height:"5.148",x:"91.532",y:"211.651",fill:"#E1E3E6",rx:"2.574"}),(0,r.createElement)("rect",{width:"62.8",height:"15",x:"83.882",y:"236.946",fill:"#E1E3E6",rx:"5"}),(0,r.createElement)("rect",{width:"65.374",height:"65.374",x:"164.788",y:".779",fill:"#E1E3E6",rx:"3"}),(0,r.createElement)("rect",{width:"47.266",height:"5.148",x:"173.843",y:"76.153",fill:"#E1E3E6",rx:"2.574"}),(0,r.createElement)("rect",{width:"62.8",height:"15",x:"166.192",y:"101.448",fill:"#E1E3E6",rx:"5"}),(0,r.createElement)("rect",{width:"65.374",height:"65.374",x:"164.788",y:"136.277",fill:"#E1E3E6",rx:"3"}),(0,r.createElement)("rect",{width:"47.266",height:"5.148",x:"173.843",y:"211.651",fill:"#E1E3E6",rx:"2.574"}),(0,r.createElement)("rect",{width:"62.8",height:"15",x:"166.192",y:"236.946",fill:"#E1E3E6",rx:"5"}),(0,r.createElement)("rect",{width:"6.177",height:"6.177",x:"13.283",y:"86.301",fill:"#E1E3E6",rx:"3"}),(0,r.createElement)("rect",{width:"6.177",height:"6.177",x:"21.498",y:"86.301",fill:"#E1E3E6",rx:"3"}),(0,r.createElement)("rect",{width:"6.177",height:"6.177",x:"29.713",y:"86.301",fill:"#E1E3E6",rx:"3"}),(0,r.createElement)("rect",{width:"6.177",height:"6.177",x:"37.927",y:"86.301",fill:"#E1E3E6",rx:"3"}),(0,r.createElement)("rect",{width:"6.177",height:"6.177",x:"46.238",y:"86.301",fill:"#E1E3E6",rx:"3"}),(0,r.createElement)("rect",{width:"6.177",height:"6.177",x:"95.599",y:"86.301",fill:"#E1E3E6",rx:"3"}),(0,r.createElement)("rect",{width:"6.177",height:"6.177",x:"103.814",y:"86.301",fill:"#E1E3E6",rx:"3"}),(0,r.createElement)("rect",{width:"6.177",height:"6.177",x:"112.029",y:"86.301",fill:"#E1E3E6",rx:"3"}),(0,r.createElement)("rect",{width:"6.177",height:"6.177",x:"120.243",y:"86.301",fill:"#E1E3E6",rx:"3"}),(0,r.createElement)("rect",{width:"6.177",height:"6.177",x:"128.554",y:"86.301",fill:"#E1E3E6",rx:"3"}),(0,r.createElement)("rect",{width:"6.177",height:"6.177",x:"177.909",y:"86.301",fill:"#E1E3E6",rx:"3"}),(0,r.createElement)("rect",{width:"6.177",height:"6.177",x:"186.124",y:"86.301",fill:"#E1E3E6",rx:"3"}),(0,r.createElement)("rect",{width:"6.177",height:"6.177",x:"194.339",y:"86.301",fill:"#E1E3E6",rx:"3"}),(0,r.createElement)("rect",{width:"6.177",height:"6.177",x:"202.553",y:"86.301",fill:"#E1E3E6",rx:"3"}),(0,r.createElement)("rect",{width:"6.177",height:"6.177",x:"210.864",y:"86.301",fill:"#E1E3E6",rx:"3"}),(0,r.createElement)("rect",{width:"6.177",height:"6.177",x:"13.283",y:"221.798",fill:"#E1E3E6",rx:"3"}),(0,r.createElement)("rect",{width:"6.177",height:"6.177",x:"21.498",y:"221.798",fill:"#E1E3E6",rx:"3"}),(0,r.createElement)("rect",{width:"6.177",height:"6.177",x:"29.713",y:"221.798",fill:"#E1E3E6",rx:"3"}),(0,r.createElement)("rect",{width:"6.177",height:"6.177",x:"37.927",y:"221.798",fill:"#E1E3E6",rx:"3"}),(0,r.createElement)("rect",{width:"6.177",height:"6.177",x:"46.238",y:"221.798",fill:"#E1E3E6",rx:"3"}),(0,r.createElement)("rect",{width:"6.177",height:"6.177",x:"95.599",y:"221.798",fill:"#E1E3E6",rx:"3"}),(0,r.createElement)("rect",{width:"6.177",height:"6.177",x:"103.814",y:"221.798",fill:"#E1E3E6",rx:"3"}),(0,r.createElement)("rect",{width:"6.177",height:"6.177",x:"112.029",y:"221.798",fill:"#E1E3E6",rx:"3"}),(0,r.createElement)("rect",{width:"6.177",height:"6.177",x:"120.243",y:"221.798",fill:"#E1E3E6",rx:"3"}),(0,r.createElement)("rect",{width:"6.177",height:"6.177",x:"128.554",y:"221.798",fill:"#E1E3E6",rx:"3"}),(0,r.createElement)("rect",{width:"6.177",height:"6.177",x:"177.909",y:"221.798",fill:"#E1E3E6",rx:"3"}),(0,r.createElement)("rect",{width:"6.177",height:"6.177",x:"186.124",y:"221.798",fill:"#E1E3E6",rx:"3"}),(0,r.createElement)("rect",{width:"6.177",height:"6.177",x:"194.339",y:"221.798",fill:"#E1E3E6",rx:"3"}),(0,r.createElement)("rect",{width:"6.177",height:"6.177",x:"202.553",y:"221.798",fill:"#E1E3E6",rx:"3"}),(0,r.createElement)("rect",{width:"6.177",height:"6.177",x:"210.864",y:"221.798",fill:"#E1E3E6",rx:"3"}));var mr=o(3554);class gr extends h.Component{render(){const{attributes:e,urlParameterSuffix:t}=this.props;return e.isPreview?pr:(0,r.createElement)(ie.InnerBlockLayoutContextProvider,{parentName:"woocommerce/all-products",parentClassName:"wc-block-grid"},(0,r.createElement)(mr.StoreNoticesContainer,{context:"wc/all-products"}),(0,r.createElement)(dr,{attributes:e,urlParameterSuffix:t}))}}const br=gr;o(8003);class hr extends h.Component{constructor(...e){super(...e),(0,K.Z)(this,"state",{isEditing:!1,innerBlocks:[]}),(0,K.Z)(this,"blockMap",Fo("woocommerce/all-products")),(0,K.Z)(this,"componentDidMount",(()=>{const{block:e}=this.props;this.setState({innerBlocks:e.innerBlocks})})),(0,K.Z)(this,"getTitle",(()=>(0,i.__)("All Products","woo-gutenberg-products-block"))),(0,K.Z)(this,"getIcon",(()=>(0,r.createElement)(c.Z,{icon:a.Z}))),(0,K.Z)(this,"togglePreview",(()=>{const{debouncedSpeak:e}=this.props;this.setState({isEditing:!this.state.isEditing}),this.state.isEditing||e((0,i.__)("Showing All Products block preview.","woo-gutenberg-products-block"))})),(0,K.Z)(this,"getInspectorControls",(()=>{const{attributes:e,setAttributes:t}=this.props,{columns:o,rows:n,alignButtons:c}=e;return(0,r.createElement)(l.InspectorControls,{key:"inspector"},(0,r.createElement)(g.PanelBody,{title:(0,i.__)("Layout Settings","woo-gutenberg-products-block"),initialOpen:!0},(0,r.createElement)(Do,{columns:o,rows:n,alignButtons:c,setAttributes:t,minColumns:(0,G.getSetting)("minColumns",1),maxColumns:(0,G.getSetting)("maxColumns",6),minRows:(0,G.getSetting)("minRows",1),maxRows:(0,G.getSetting)("maxRows",6)})),(0,r.createElement)(g.PanelBody,{title:(0,i.__)("Content Settings","woo-gutenberg-products-block")},((e,t)=>{const{contentVisibility:o}=e;return(0,r.createElement)(g.ToggleControl,{label:(0,i.__)("Show Sorting Dropdown","woo-gutenberg-products-block"),checked:o.orderBy,onChange:()=>t({contentVisibility:{...o,orderBy:!o.orderBy}})})})(e,t),((e,t)=>(0,r.createElement)(g.SelectControl,{label:(0,i.__)("Order Products By","woo-gutenberg-products-block"),value:e.orderby,options:[{label:(0,i.__)("Default sorting (menu order)","woo-gutenberg-products-block"),value:"menu_order"},{label:(0,i.__)("Popularity","woo-gutenberg-products-block"),value:"popularity"},{label:(0,i.__)("Average rating","woo-gutenberg-products-block"),value:"rating"},{label:(0,i.__)("Latest","woo-gutenberg-products-block"),value:"date"},{label:(0,i.__)("Price: low to high","woo-gutenberg-products-block"),value:"price"},{label:(0,i.__)("Price: high to low","woo-gutenberg-products-block"),value:"price-desc"}],onChange:e=>t({orderby:e})}))(e,t)))})),(0,K.Z)(this,"getBlockControls",(()=>{const{isEditing:e}=this.state;return(0,r.createElement)(l.BlockControls,null,(0,r.createElement)(g.ToolbarGroup,{controls:[{icon:"edit",title:(0,i.__)("Edit the layout of each product","woo-gutenberg-products-block"),onClick:()=>this.togglePreview(),isActive:e}]}))})),(0,K.Z)(this,"renderEditMode",(()=>{const e={template:this.props.attributes.layoutConfig,templateLock:!1,allowedBlocks:Object.keys(this.blockMap)};return 0!==this.props.attributes.layoutConfig.length&&(e.renderAppender=!1),(0,r.createElement)(g.Placeholder,{icon:this.getIcon(),label:this.getTitle()},(0,i.__)("Display all products from your store as a grid.","woo-gutenberg-products-block"),(0,r.createElement)("div",{className:"wc-block-all-products-grid-item-template"},(0,r.createElement)(g.Tip,null,(0,i.__)("Edit the blocks inside the example below to change the content displayed for all products within the product grid.","woo-gutenberg-products-block")),(0,r.createElement)(ie.InnerBlockLayoutContextProvider,{parentName:"woocommerce/all-products",parentClassName:"wc-block-grid"},(0,r.createElement)("div",{className:"wc-block-grid wc-block-layout has-1-columns"},(0,r.createElement)("ul",{className:"wc-block-grid__products"},(0,r.createElement)("li",{className:"wc-block-grid__product"},(0,r.createElement)(ie.ProductDataContextProvider,{product:Vo[0]},(0,r.createElement)(l.InnerBlocks,{...e})))))),(0,r.createElement)("div",{className:"wc-block-all-products__actions"},(0,r.createElement)(g.Button,{className:"wc-block-all-products__done-button",isPrimary:!0,onClick:()=>{const{block:e,setAttributes:t}=this.props;t({layoutConfig:$o(e.innerBlocks)}),this.setState({innerBlocks:e.innerBlocks}),this.togglePreview()}},(0,i.__)("Done","woo-gutenberg-products-block")),(0,r.createElement)(g.Button,{className:"wc-block-all-products__cancel-button",isTertiary:!0,onClick:()=>{const{block:e,replaceInnerBlocks:t}=this.props,{innerBlocks:o}=this.state;t(e.clientId,o,!1),this.togglePreview()}},(0,i.__)("Cancel","woo-gutenberg-products-block")),(0,r.createElement)(g.Button,{className:"wc-block-all-products__reset-button",icon:(0,r.createElement)(c.Z,{icon:a.Z}),label:(0,i.__)("Reset layout to default","woo-gutenberg-products-block"),onClick:()=>{const{block:e,replaceInnerBlocks:t}=this.props,o=[];Mo.map((([e,t])=>(o.push((0,n.createBlock)(e,t)),!0))),t(e.clientId,o,!1),this.setState({innerBlocks:e.innerBlocks})}},(0,i.__)("Reset Layout","woo-gutenberg-products-block")))))})),(0,K.Z)(this,"renderViewMode",(()=>{const{attributes:e}=this.props,{layoutConfig:t}=e,o=t&&0!==t.length,n=this.getTitle(),c=this.getIcon();return o?(0,r.createElement)(g.Disabled,null,(0,r.createElement)(br,{attributes:e})):((e,t)=>(0,r.createElement)(g.Placeholder,{className:"wc-block-products",icon:t,label:e},(0,i.__)("The content for this block is hidden due to block settings.","woo-gutenberg-products-block")))(n,c)})),(0,K.Z)(this,"render",(()=>{const{attributes:e}=this.props,{isEditing:t}=this.state,o=this.getTitle(),n=this.getIcon();return 0===s.Cm.productCount?((e,t)=>(0,r.createElement)(g.Placeholder,{className:"wc-block-products",icon:t,label:e},(0,r.createElement)("p",null,(0,i.__)("You haven't published any products to list here yet.","woo-gutenberg-products-block")),(0,r.createElement)(g.Button,{className:"wc-block-products__add-product-button",isSecondary:!0,href:G.ADMIN_URL+"post-new.php?post_type=product",target:"_top"},(0,i.__)("Add new product","woo-gutenberg-products-block")+" ",(0,r.createElement)(c.Z,{icon:Pt.Z})),(0,r.createElement)(g.Button,{className:"wc-block-products__read_more_button",isTertiary:!0,href:"https://docs.woocommerce.com/document/managing-products/",target:"_blank"},(0,i.__)("Learn more","woo-gutenberg-products-block"))))(o,n):(0,r.createElement)("div",{className:Ao("wc-block-all-products",e)},this.getBlockControls(),this.getInspectorControls(),t?this.renderEditMode():this.renderViewMode())}))}}const _r=(0,b.compose)(g.withSpokenMessages,(0,Ee.withSelect)(((e,{clientId:t})=>{const{getBlock:o}=e("core/block-editor");return{block:o(t)}})),(0,Ee.withDispatch)((e=>{const{replaceInnerBlocks:t}=e("core/block-editor");return{replaceInnerBlocks:t}})))(hr),wr={columns:(0,G.getSetting)("defaultColumns",3),rows:(0,G.getSetting)("defaultRows",3),alignButtons:!1,contentVisibility:{orderBy:!0},orderby:"date",layoutConfig:Mo,isPreview:!1},{name:Er}=To,kr={icon:{src:(0,r.createElement)(c.Z,{icon:a.Z,className:"wc-block-editor-components-block-icon"})},edit:_r,save:function({attributes:e}){const t={};Object.keys(e).sort().forEach((o=>{t[o]=e[o]}));const o={"data-attributes":JSON.stringify(t)};return(0,r.createElement)("div",{className:Ao("wc-block-all-products",e),...o},(0,r.createElement)(l.InnerBlocks.Content,null))},deprecated:Ro,defaults:wr};(0,n.registerBlockType)(Er,kr)},7530:(e,t,o)=>{"use strict";o.d(t,{Cm:()=>g,Lo:()=>_,VF:()=>h,fh:()=>w,td:()=>b,vr:()=>v});var r,n,c,a,s,l,i,u,d,p,m=o(4617);const g=(0,m.getSetting)("wcBlocksConfig",{buildPhase:1,pluginUrl:"",productCount:0,defaultAvatar:"",restApiRoutes:{},wordCountType:"words"}),b=g.pluginUrl+"images/",h=g.pluginUrl+"build/",_=g.buildPhase,w=(null===(r=m.STORE_PAGES.shop)||void 0===r||r.permalink,null===(n=m.STORE_PAGES.checkout)||void 0===n||n.id,null===(c=m.STORE_PAGES.checkout)||void 0===c||c.permalink,null===(a=m.STORE_PAGES.privacy)||void 0===a||a.permalink,null===(s=m.STORE_PAGES.privacy)||void 0===s||s.title,null===(l=m.STORE_PAGES.terms)||void 0===l||l.permalink,null===(i=m.STORE_PAGES.terms)||void 0===i||i.title,null===(u=m.STORE_PAGES.cart)||void 0===u||u.id,null===(d=m.STORE_PAGES.cart)||void 0===d?void 0:d.permalink),E=(null!==(p=m.STORE_PAGES.myaccount)&&void 0!==p&&p.permalink?m.STORE_PAGES.myaccount.permalink:(0,m.getSetting)("wpLoginUrl","/wp-login.php"),(0,m.getSetting)("localPickupEnabled",!1),(0,m.getSetting)("countries",{})),k=(0,m.getSetting)("countryData",{}),v=(Object.fromEntries(Object.keys(k).filter((e=>!0===k[e].allowBilling)).map((e=>[e,E[e]||""]))),Object.fromEntries(Object.keys(k).filter((e=>!0===k[e].allowBilling)).map((e=>[e,k[e].states||[]]))),Object.fromEntries(Object.keys(k).filter((e=>!0===k[e].allowShipping)).map((e=>[e,E[e]||""]))),Object.fromEntries(Object.keys(k).filter((e=>!0===k[e].allowShipping)).map((e=>[e,k[e].states||[]]))),Object.fromEntries(Object.keys(k).map((e=>[e,k[e].locale||[]]))))},4478:(e,t,o)=>{"use strict";o.d(t,{mA:()=>c,uq:()=>a});var r=o(4981),n=o(7530);const c=(e,t)=>{if(n.Lo>2)return(0,r.registerBlockType)(e,t)},a=()=>n.Lo>1},5271:(e,t,o)=>{"use strict";o.d(t,{Cm:()=>r.Cm,VF:()=>r.VF,fh:()=>r.fh,mA:()=>n.mA,td:()=>r.td,uq:()=>n.uq,vr:()=>r.vr});var r=o(7530),n=o(4478)},51:(e,t,o)=>{"use strict";o.d(t,{x:()=>r});const r=e=>null==e||"object"==typeof e&&0===Object.keys(e).length||"string"==typeof e&&0===e.trim().length},8519:(e,t,o)=>{"use strict";o.d(t,{F:()=>r});const r=e=>null===e},1478:(e,t,o)=>{"use strict";o.d(t,{h:()=>r});const r=e=>"number"==typeof e},7884:(e,t,o)=>{"use strict";o.d(t,{$n:()=>c,Kn:()=>n,Qr:()=>a});var r=o(8519);const n=e=>!(0,r.F)(e)&&e instanceof Object&&e.constructor===Object;function c(e,t){return n(e)&&t in e}const a=e=>0===Object.keys(e).length},2646:(e,t,o)=>{"use strict";o.d(t,{H:()=>r});const r=e=>"string"==typeof e},543:()=>{},5362:()=>{},461:()=>{},6684:()=>{},1464:()=>{},8854:()=>{},3206:()=>{},6146:()=>{},2451:()=>{},1708:()=>{},2401:()=>{},6843:()=>{},7401:()=>{},402:()=>{},6487:()=>{},1314:()=>{},5581:()=>{},6995:()=>{},39:()=>{},9570:()=>{},385:()=>{},4347:()=>{},5160:()=>{},5482:()=>{},7036:()=>{},9991:()=>{},5945:()=>{},5641:()=>{},5138:()=>{},8724:()=>{},1553:()=>{},8003:()=>{},5301:()=>{},8462:()=>{},5932:()=>{},8235:()=>{},129:()=>{},9196:e=>{"use strict";e.exports=window.React},2819:e=>{"use strict";e.exports=window.lodash},3554:e=>{"use strict";e.exports=window.wc.blocksCheckout},711:e=>{"use strict";e.exports=window.wc.blocksComponents},4293:e=>{"use strict";e.exports=window.wc.priceFormat},4801:e=>{"use strict";e.exports=window.wc.wcBlocksData},2864:e=>{"use strict";e.exports=window.wc.wcBlocksSharedContext},721:e=>{"use strict";e.exports=window.wc.wcBlocksSharedHocs},4617:e=>{"use strict";e.exports=window.wc.wcSettings},5158:e=>{"use strict";e.exports=window.wp.a11y},6989:e=>{"use strict";e.exports=window.wp.apiFetch},987:e=>{"use strict";e.exports=window.wp.autop},4981:e=>{"use strict";e.exports=window.wp.blocks},5609:e=>{"use strict";e.exports=window.wp.components},4333:e=>{"use strict";e.exports=window.wp.compose},9818:e=>{"use strict";e.exports=window.wp.data},7180:e=>{"use strict";e.exports=window.wp.deprecated},5904:e=>{"use strict";e.exports=window.wp.dom},9307:e=>{"use strict";e.exports=window.wp.element},2694:e=>{"use strict";e.exports=window.wp.hooks},2629:e=>{"use strict";e.exports=window.wp.htmlEntities},5736:e=>{"use strict";e.exports=window.wp.i18n},9127:e=>{"use strict";e.exports=window.wp.isShallowEqual},444:e=>{"use strict";e.exports=window.wp.primitives},2289:e=>{"use strict";e.exports=window.wp.styleEngine},6483:e=>{"use strict";e.exports=window.wp.url},2560:e=>{"use strict";e.exports=window.wp.warning},5266:e=>{"use strict";e.exports=window.wp.wordcount}},n={};function c(e){var t=n[e];if(void 0!==t)return t.exports;var o=n[e]={exports:{}};return r[e].call(o.exports,o,o.exports,c),o.exports}c.m=r,e=[],c.O=(t,o,r,n)=>{if(!o){var a=1/0;for(u=0;u=n)&&Object.keys(c.O).every((e=>c.O[e](o[l])))?o.splice(l--,1):(s=!1,n0&&e[u-1][2]>n;u--)e[u]=e[u-1];e[u]=[o,r,n]},c.n=e=>{var t=e&&e.__esModule?()=>e.default:()=>e;return c.d(t,{a:t}),t},c.d=(e,t)=>{for(var o in t)c.o(t,o)&&!c.o(e,o)&&Object.defineProperty(e,o,{enumerable:!0,get:t[o]})},c.f={},c.e=e=>Promise.all(Object.keys(c.f).reduce(((t,o)=>(c.f[o](e,t),t)),[])),c.u=e=>({118:"product-rating-stars",2918:"product-rating-counter",3037:"product-average-rating",3706:"product-image",5432:"product-sale-badge",5445:"product-stock-indicator",5579:"product-price",5800:"product-add-to-cart",6925:"product-title",7385:"product-rating",8185:"product-summary",8771:"product-button",9870:"product-sku"}[e]+".js?ver="+{118:"d6399d5feafd348e2b25",2918:"d2efdc3e496fe79d4389",3037:"5cb231acde5f41156fc6",3706:"a944d75c187c89858397",5432:"0124c58440492a59759e",5445:"ac098e60806fc9eb7072",5579:"32e7c61e8a86cba9fd93",5800:"a09f76ecb854a6702702",6925:"0cdca77116931f44baaf",7385:"ff1bb853c1bf572de4e7",8185:"bb45ddaa6bb015ffabad",8771:"ccbcd206ea6136719be7",9870:"c6d76173a8d8ab899088"}[e]),c.g=function(){if("object"==typeof globalThis)return globalThis;try{return this||new Function("return this")()}catch(e){if("object"==typeof window)return window}}(),c.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),t={},o="webpackWcBlocksJsonp:",c.l=(e,r,n,a)=>{if(t[e])t[e].push(r);else{var s,l;if(void 0!==n)for(var i=document.getElementsByTagName("script"),u=0;u{s.onerror=s.onload=null,clearTimeout(m);var n=t[e];if(delete t[e],s.parentNode&&s.parentNode.removeChild(s),n&&n.forEach((e=>e(r))),o)return o(r)},m=setTimeout(p.bind(null,void 0,{type:"timeout",target:s}),12e4);s.onerror=p.bind(null,s.onerror),s.onload=p.bind(null,s.onload),l&&document.head.appendChild(s)}},c.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},c.j=86,(()=>{var e;c.g.importScripts&&(e=c.g.location+"");var t=c.g.document;if(!e&&t&&(t.currentScript&&(e=t.currentScript.src),!e)){var o=t.getElementsByTagName("script");if(o.length)for(var r=o.length-1;r>-1&&!e;)e=o[r--].src}if(!e)throw new Error("Automatic publicPath is not supported in this browser");e=e.replace(/#.*$/,"").replace(/\?.*$/,"").replace(/\/[^\/]+$/,"/"),c.p=e})(),(()=>{var e={86:0,5579:0,7385:0,118:0,2918:0,3037:0,8771:0,8185:0,5432:0,9870:0,5445:0};c.f.j=(t,o)=>{var r=c.o(e,t)?e[t]:void 0;if(0!==r)if(r)o.push(r[2]);else{var n=new Promise(((o,n)=>r=e[t]=[o,n]));o.push(r[2]=n);var a=c.p+c.u(t),s=new Error;c.l(a,(o=>{if(c.o(e,t)&&(0!==(r=e[t])&&(e[t]=void 0),r)){var n=o&&("load"===o.type?"missing":o.type),a=o&&o.target&&o.target.src;s.message="Loading chunk "+t+" failed.\n("+n+": "+a+")",s.name="ChunkLoadError",s.type=n,s.request=a,r[1](s)}}),"chunk-"+t,t)}},c.O.j=t=>0===e[t];var t=(t,o)=>{var r,n,[a,s,l]=o,i=0;if(a.some((t=>0!==e[t]))){for(r in s)c.o(s,r)&&(c.m[r]=s[r]);if(l)var u=l(c)}for(t&&t(o);ic(5153)));a=c.O(a),((this.wc=this.wc||{}).blocks=this.wc.blocks||{})["all-products"]=a})(); \ No newline at end of file diff --git a/build/all-products/block.json b/build/all-products/block.json new file mode 100644 index 00000000000..2e3b080c046 --- /dev/null +++ b/build/all-products/block.json @@ -0,0 +1,39 @@ +{ + "$schema": "https://schemas.wp.org/trunk/block.json", + "apiVersion": 1, + "textdomain": "woo-gutenberg-products-block", + "name": "woocommerce/all-products", + "title": "All Products", + "category": "woocommerce", + "keywords": [ "WooCommerce" ], + "description": "Display products from your store in a grid layout.", + "supports": { + "align": [ "wide", "full" ], + "html": false, + "multiple": false + }, + "attributes": { + "columns": { + "type": "number" + }, + "rows": { + "type": "number" + }, + "alignButtons": { + "type": "boolean" + }, + "contentVisibility": { + "type": "object" + }, + "orderby": { + "type": "string" + }, + "layoutConfig": { + "type": "array" + }, + "isPreview": { + "type": "boolean", + "default": false + } + } +} diff --git a/build/all-reviews-rtl.css b/build/all-reviews-rtl.css new file mode 100644 index 00000000000..62a8a471365 --- /dev/null +++ b/build/all-reviews-rtl.css @@ -0,0 +1,4 @@ +@keyframes spinner__animation{0%{animation-timing-function:cubic-bezier(.5856,.0703,.4143,.9297);transform:rotate(0deg)}to{transform:rotate(-1turn)}}@keyframes loading__animation{to{transform:translateX(-100%)}}.wc-block-components-load-more{text-align:center;width:100%} +@keyframes spinner__animation{0%{animation-timing-function:cubic-bezier(.5856,.0703,.4143,.9297);transform:rotate(0deg)}to{transform:rotate(-1turn)}}@keyframes loading__animation{to{transform:translateX(-100%)}}.wc-block-components-review-sort-select{text-align:left} +@keyframes spinner__animation{0%{animation-timing-function:cubic-bezier(.5856,.0703,.4143,.9297);transform:rotate(0deg)}to{transform:rotate(-1turn)}}@keyframes loading__animation{to{transform:translateX(-100%)}}.is-loading .wc-block-components-review-list-item__text{background-color:currentColor!important;border:0!important;border-radius:.25rem;box-shadow:none;color:currentColor!important;display:block;line-height:1;max-width:100%!important;opacity:.15;outline:0!important;overflow:hidden!important;pointer-events:none;position:relative!important;width:100%;width:60%;z-index:1}.is-loading .wc-block-components-review-list-item__text>*{visibility:hidden}.is-loading .wc-block-components-review-list-item__text:after{animation:loading__animation 1.5s ease-in-out infinite;background-image:linear-gradient(-90deg,currentColor,hsla(0,0%,96%,.302),currentColor);background-repeat:no-repeat;content:" ";display:block;height:100%;right:0;position:absolute;left:0;top:0;transform:translateX(100%)}@media screen and (prefers-reduced-motion:reduce){.is-loading .wc-block-components-review-list-item__text{animation:none}}.is-loading .wc-block-components-review-list-item__text:before{content:" "}.is-loading .wc-block-components-review-list-item__info .wc-block-components-review-list-item__image{background-color:currentColor!important;border:0!important;border-radius:.25rem;box-shadow:none;color:currentColor!important;display:block;line-height:1;max-width:100%!important;opacity:.15;outline:0!important;overflow:hidden!important;pointer-events:none;position:relative!important;width:100%;z-index:1}.is-loading .wc-block-components-review-list-item__info .wc-block-components-review-list-item__image>*{visibility:hidden}.is-loading .wc-block-components-review-list-item__info .wc-block-components-review-list-item__image:after{animation:loading__animation 1.5s ease-in-out infinite;background-image:linear-gradient(-90deg,currentColor,hsla(0,0%,96%,.302),currentColor);background-repeat:no-repeat;content:" ";display:block;height:100%;right:0;position:absolute;left:0;top:0;transform:translateX(100%)}@media screen and (prefers-reduced-motion:reduce){.is-loading .wc-block-components-review-list-item__info .wc-block-components-review-list-item__image{animation:none}}.is-loading .wc-block-components-review-list-item__info .wc-block-components-review-list-item__image:before{content:" "}.is-loading .wc-block-components-review-list-item__info .wc-block-components-review-list-item__meta .wc-block-components-review-list-item__author{background-color:currentColor!important;border:0!important;border-radius:.25rem;box-shadow:none;color:currentColor!important;display:block;font-size:1em;line-height:1;max-width:100%!important;opacity:.15;outline:0!important;overflow:hidden!important;pointer-events:none;position:relative!important;width:100%;width:80px;z-index:1}.is-loading .wc-block-components-review-list-item__info .wc-block-components-review-list-item__meta .wc-block-components-review-list-item__author>*{visibility:hidden}.is-loading .wc-block-components-review-list-item__info .wc-block-components-review-list-item__meta .wc-block-components-review-list-item__author:after{animation:loading__animation 1.5s ease-in-out infinite;background-image:linear-gradient(-90deg,currentColor,hsla(0,0%,96%,.302),currentColor);background-repeat:no-repeat;content:" ";display:block;height:100%;right:0;position:absolute;left:0;top:0;transform:translateX(100%)}@media screen and (prefers-reduced-motion:reduce){.is-loading .wc-block-components-review-list-item__info .wc-block-components-review-list-item__meta .wc-block-components-review-list-item__author{animation:none}}.is-loading .wc-block-components-review-list-item__info .wc-block-components-review-list-item__meta .wc-block-components-review-list-item__author:before{content:" "}.is-loading .wc-block-components-review-list-item__info .wc-block-components-review-list-item__meta .wc-block-components-review-list-item__product,.is-loading .wc-block-components-review-list-item__info .wc-block-components-review-list-item__meta .wc-block-components-review-list-item__rating .wc-block-components-review-list-item__rating__stars>span{display:none}.is-loading .wc-block-components-review-list-item__info .wc-block-components-review-list-item__published-date{background-color:currentColor!important;border:0!important;border-radius:.25rem;box-shadow:none;color:currentColor!important;display:block;height:1em;line-height:1;max-width:100%!important;opacity:.15;outline:0!important;overflow:hidden!important;pointer-events:none;position:relative!important;width:100%;width:120px;z-index:1}.is-loading .wc-block-components-review-list-item__info .wc-block-components-review-list-item__published-date>*{visibility:hidden}.is-loading .wc-block-components-review-list-item__info .wc-block-components-review-list-item__published-date:after{animation:loading__animation 1.5s ease-in-out infinite;background-image:linear-gradient(-90deg,currentColor,hsla(0,0%,96%,.302),currentColor);background-repeat:no-repeat;content:" ";display:block;height:100%;right:0;position:absolute;left:0;top:0;transform:translateX(100%)}@media screen and (prefers-reduced-motion:reduce){.is-loading .wc-block-components-review-list-item__info .wc-block-components-review-list-item__published-date{animation:none}}.is-loading .wc-block-components-review-list-item__info .wc-block-components-review-list-item__published-date:before{content:" "}.editor-styles-wrapper .wc-block-components-review-list-item__item,.wc-block-components-review-list-item__item{list-style:none;margin:0 0 48px}.wc-block-components-review-list-item__info{display:grid;grid-template-columns:1fr;margin-bottom:24px}.wc-block-components-review-list-item__meta{grid-column:1;grid-row:1}.wc-block-components-review-list-item__item--has-image .wc-block-components-review-list-item__info{grid-template-columns:calc(3em + 16px) 1fr}.wc-block-components-review-list-item__item--has-image .wc-block-components-review-list-item__meta{grid-column:2}.wc-block-components-review-list-item__image{align-items:center;display:flex;grid-column:1;grid-row:1/3;height:3em;justify-content:center;position:relative;width:3em}.wc-block-components-review-list-item__image>img{display:block;max-height:100%;-o-object-fit:contain;object-fit:contain}.wc-block-components-review-list-item__verified{bottom:-7px;height:21px;line-height:21px;margin:0;overflow:hidden;position:absolute;left:-7px;text-indent:21px;width:21px}.wc-block-components-review-list-item__verified:before{background:transparent url("data:image/svg+xml;utf8,%3Csvg xmlns=\"http://www.w3.org/2000/svg\" width=\"21\" height=\"21\" fill=\"none\"%3E%3Ccircle cx=\"10.5\" cy=\"10.5\" r=\"10.5\" fill=\"%23fff\"/%3E%3Cpath fill=\"%23008A21\" fill-rule=\"evenodd\" d=\"M2.1667 10.5003c0-4.6 3.7333-8.3333 8.3333-8.3333s8.3334 3.7333 8.3334 8.3333S15.1 18.8337 10.5 18.8337s-8.3333-3.7334-8.3333-8.3334zm2.5 0l4.1666 4.1667 7.5001-7.5-1.175-1.1833-6.325 6.325-2.9917-2.9834-1.175 1.175z\" clip-rule=\"evenodd\"/%3E%3Cmask id=\"a\" width=\"17\" height=\"17\" x=\"2\" y=\"2\" maskUnits=\"userSpaceOnUse\"%3E%3Cpath fill=\"%23fff\" fill-rule=\"evenodd\" d=\"M2.1667 10.5003c0-4.6 3.7333-8.3333 8.3333-8.3333s8.3334 3.7333 8.3334 8.3333S15.1 18.8337 10.5 18.8337s-8.3333-3.7334-8.3333-8.3334zm2.5 0l4.1666 4.1667 7.5001-7.5-1.175-1.1833-6.325 6.325-2.9917-2.9834-1.175 1.175z\" clip-rule=\"evenodd\"/%3E%3C/mask%3E%3Cg mask=\"url%28%23a%29\"%3E%3Cpath fill=\"%23008A21\" d=\"M.5.5h20v20H.5z\"/%3E%3C/g%3E%3C/svg%3E") 50% no-repeat;content:"";display:block;height:21px;width:21px}.wc-block-components-review-list-item__meta{align-items:center;display:flex;flex-flow:row wrap}.wc-block-components-review-list-item__meta:after{content:"";flex-basis:100%;order:3}.wc-block-components-review-list-item__author,.wc-block-components-review-list-item__product{display:block;font-weight:700;margin-left:8px;order:1}.wc-block-components-review-list-item__product+.wc-block-components-review-list-item__author{font-weight:400;order:4}.wc-block-components-review-list-item__published-date{order:5}.wc-block-components-review-list-item__product+.wc-block-components-review-list-item__author+.wc-block-components-review-list-item__published-date{padding-right:8px;position:relative}.wc-block-components-review-list-item__product+.wc-block-components-review-list-item__author+.wc-block-components-review-list-item__published-date:before{border-left:1px solid;content:"";display:inline-block;height:1em;margin-right:-8px;opacity:.5;position:absolute;top:calc(50% + .1em);transform:translateY(-50%);vertical-align:middle}.wc-block-components-review-list-item__author:first-child+.wc-block-components-review-list-item__published-date:before,.wc-block-components-review-list-item__rating+.wc-block-components-review-list-item__author+.wc-block-components-review-list-item__published-date:before{display:none}.wc-block-components-review-list-item__rating{order:2}.wc-block-components-review-list-item__rating>.wc-block-components-review-list-item__rating__stars{display:block;font-family:star;font-size:1em;font-weight:400;height:1em;line-height:1;overflow:hidden;position:relative;top:0;width:5.3em}.wc-block-components-review-list-item__rating>.wc-block-components-review-list-item__rating__stars:before{content:"SSSSS";float:right;right:0;opacity:.25;position:absolute;top:0}.wc-block-components-review-list-item__rating>.wc-block-components-review-list-item__rating__stars span{float:right;right:0;overflow:hidden;padding-top:1.5em;position:absolute;top:0}.wc-block-components-review-list-item__rating>.wc-block-components-review-list-item__rating__stars span:before{color:#e6a237;content:"SSSSS";right:0;position:absolute;top:0}.wc-block-components-review-list-item__text p{font-size:inherit} +@keyframes spinner__animation{0%{animation-timing-function:cubic-bezier(.5856,.0703,.4143,.9297);transform:rotate(0deg)}to{transform:rotate(-1turn)}}@keyframes loading__animation{to{transform:translateX(-100%)}}.wc-block-components-review-list.wc-block-components-review-list{margin:0} diff --git a/build/all-reviews-style.asset.php b/build/all-reviews-style.asset.php new file mode 100644 index 00000000000..1c29212a039 --- /dev/null +++ b/build/all-reviews-style.asset.php @@ -0,0 +1 @@ + array('react', 'wc-blocks-components', 'wc-settings', 'wp-api-fetch', 'wp-block-editor', 'wp-blocks', 'wp-components', 'wp-element', 'wp-escape-html', 'wp-i18n', 'wp-is-shallow-equal', 'wp-polyfill', 'wp-primitives'), 'version' => 'c3e72e2580bac84abeb7'); diff --git a/build/all-reviews-style.js.LICENSE.txt b/build/all-reviews-style.js.LICENSE.txt new file mode 100644 index 00000000000..0c20a875df8 --- /dev/null +++ b/build/all-reviews-style.js.LICENSE.txt @@ -0,0 +1,5 @@ +/*! + Copyright (c) 2018 Jed Watson. + Licensed under the MIT License (MIT), see + http://jedwatson.github.io/classnames +*/ diff --git a/build/all-reviews.asset.php b/build/all-reviews.asset.php new file mode 100644 index 00000000000..b37d40e7315 --- /dev/null +++ b/build/all-reviews.asset.php @@ -0,0 +1 @@ + array('react', 'wc-blocks-components', 'wc-settings', 'wp-api-fetch', 'wp-block-editor', 'wp-blocks', 'wp-components', 'wp-element', 'wp-escape-html', 'wp-i18n', 'wp-is-shallow-equal', 'wp-polyfill', 'wp-primitives'), 'version' => 'f19cb52ba61fb0de7e40'); diff --git a/build/all-reviews.css b/build/all-reviews.css new file mode 100644 index 00000000000..f0a335efad4 --- /dev/null +++ b/build/all-reviews.css @@ -0,0 +1,4 @@ +@keyframes spinner__animation{0%{animation-timing-function:cubic-bezier(.5856,.0703,.4143,.9297);transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes loading__animation{to{transform:translateX(100%)}}.wc-block-components-load-more{text-align:center;width:100%} +@keyframes spinner__animation{0%{animation-timing-function:cubic-bezier(.5856,.0703,.4143,.9297);transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes loading__animation{to{transform:translateX(100%)}}.wc-block-components-review-sort-select{text-align:right} +@keyframes spinner__animation{0%{animation-timing-function:cubic-bezier(.5856,.0703,.4143,.9297);transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes loading__animation{to{transform:translateX(100%)}}.is-loading .wc-block-components-review-list-item__text{background-color:currentColor!important;border:0!important;border-radius:.25rem;box-shadow:none;color:currentColor!important;display:block;line-height:1;max-width:100%!important;opacity:.15;outline:0!important;overflow:hidden!important;pointer-events:none;position:relative!important;width:100%;width:60%;z-index:1}.is-loading .wc-block-components-review-list-item__text>*{visibility:hidden}.is-loading .wc-block-components-review-list-item__text:after{animation:loading__animation 1.5s ease-in-out infinite;background-image:linear-gradient(90deg,currentColor,hsla(0,0%,96%,.302),currentColor);background-repeat:no-repeat;content:" ";display:block;height:100%;left:0;position:absolute;right:0;top:0;transform:translateX(-100%)}@media screen and (prefers-reduced-motion:reduce){.is-loading .wc-block-components-review-list-item__text{animation:none}}.is-loading .wc-block-components-review-list-item__text:before{content:" "}.is-loading .wc-block-components-review-list-item__info .wc-block-components-review-list-item__image{background-color:currentColor!important;border:0!important;border-radius:.25rem;box-shadow:none;color:currentColor!important;display:block;line-height:1;max-width:100%!important;opacity:.15;outline:0!important;overflow:hidden!important;pointer-events:none;position:relative!important;width:100%;z-index:1}.is-loading .wc-block-components-review-list-item__info .wc-block-components-review-list-item__image>*{visibility:hidden}.is-loading .wc-block-components-review-list-item__info .wc-block-components-review-list-item__image:after{animation:loading__animation 1.5s ease-in-out infinite;background-image:linear-gradient(90deg,currentColor,hsla(0,0%,96%,.302),currentColor);background-repeat:no-repeat;content:" ";display:block;height:100%;left:0;position:absolute;right:0;top:0;transform:translateX(-100%)}@media screen and (prefers-reduced-motion:reduce){.is-loading .wc-block-components-review-list-item__info .wc-block-components-review-list-item__image{animation:none}}.is-loading .wc-block-components-review-list-item__info .wc-block-components-review-list-item__image:before{content:" "}.is-loading .wc-block-components-review-list-item__info .wc-block-components-review-list-item__meta .wc-block-components-review-list-item__author{background-color:currentColor!important;border:0!important;border-radius:.25rem;box-shadow:none;color:currentColor!important;display:block;font-size:1em;line-height:1;max-width:100%!important;opacity:.15;outline:0!important;overflow:hidden!important;pointer-events:none;position:relative!important;width:100%;width:80px;z-index:1}.is-loading .wc-block-components-review-list-item__info .wc-block-components-review-list-item__meta .wc-block-components-review-list-item__author>*{visibility:hidden}.is-loading .wc-block-components-review-list-item__info .wc-block-components-review-list-item__meta .wc-block-components-review-list-item__author:after{animation:loading__animation 1.5s ease-in-out infinite;background-image:linear-gradient(90deg,currentColor,hsla(0,0%,96%,.302),currentColor);background-repeat:no-repeat;content:" ";display:block;height:100%;left:0;position:absolute;right:0;top:0;transform:translateX(-100%)}@media screen and (prefers-reduced-motion:reduce){.is-loading .wc-block-components-review-list-item__info .wc-block-components-review-list-item__meta .wc-block-components-review-list-item__author{animation:none}}.is-loading .wc-block-components-review-list-item__info .wc-block-components-review-list-item__meta .wc-block-components-review-list-item__author:before{content:" "}.is-loading .wc-block-components-review-list-item__info .wc-block-components-review-list-item__meta .wc-block-components-review-list-item__product,.is-loading .wc-block-components-review-list-item__info .wc-block-components-review-list-item__meta .wc-block-components-review-list-item__rating .wc-block-components-review-list-item__rating__stars>span{display:none}.is-loading .wc-block-components-review-list-item__info .wc-block-components-review-list-item__published-date{background-color:currentColor!important;border:0!important;border-radius:.25rem;box-shadow:none;color:currentColor!important;display:block;height:1em;line-height:1;max-width:100%!important;opacity:.15;outline:0!important;overflow:hidden!important;pointer-events:none;position:relative!important;width:100%;width:120px;z-index:1}.is-loading .wc-block-components-review-list-item__info .wc-block-components-review-list-item__published-date>*{visibility:hidden}.is-loading .wc-block-components-review-list-item__info .wc-block-components-review-list-item__published-date:after{animation:loading__animation 1.5s ease-in-out infinite;background-image:linear-gradient(90deg,currentColor,hsla(0,0%,96%,.302),currentColor);background-repeat:no-repeat;content:" ";display:block;height:100%;left:0;position:absolute;right:0;top:0;transform:translateX(-100%)}@media screen and (prefers-reduced-motion:reduce){.is-loading .wc-block-components-review-list-item__info .wc-block-components-review-list-item__published-date{animation:none}}.is-loading .wc-block-components-review-list-item__info .wc-block-components-review-list-item__published-date:before{content:" "}.editor-styles-wrapper .wc-block-components-review-list-item__item,.wc-block-components-review-list-item__item{list-style:none;margin:0 0 48px}.wc-block-components-review-list-item__info{display:grid;grid-template-columns:1fr;margin-bottom:24px}.wc-block-components-review-list-item__meta{grid-column:1;grid-row:1}.wc-block-components-review-list-item__item--has-image .wc-block-components-review-list-item__info{grid-template-columns:calc(3em + 16px) 1fr}.wc-block-components-review-list-item__item--has-image .wc-block-components-review-list-item__meta{grid-column:2}.wc-block-components-review-list-item__image{align-items:center;display:flex;grid-column:1;grid-row:1/3;height:3em;justify-content:center;position:relative;width:3em}.wc-block-components-review-list-item__image>img{display:block;max-height:100%;-o-object-fit:contain;object-fit:contain}.wc-block-components-review-list-item__verified{bottom:-7px;height:21px;line-height:21px;margin:0;overflow:hidden;position:absolute;right:-7px;text-indent:21px;width:21px}.wc-block-components-review-list-item__verified:before{background:transparent url("data:image/svg+xml;utf8,%3Csvg xmlns=\"http://www.w3.org/2000/svg\" width=\"21\" height=\"21\" fill=\"none\"%3E%3Ccircle cx=\"10.5\" cy=\"10.5\" r=\"10.5\" fill=\"%23fff\"/%3E%3Cpath fill=\"%23008A21\" fill-rule=\"evenodd\" d=\"M2.1667 10.5003c0-4.6 3.7333-8.3333 8.3333-8.3333s8.3334 3.7333 8.3334 8.3333S15.1 18.8337 10.5 18.8337s-8.3333-3.7334-8.3333-8.3334zm2.5 0l4.1666 4.1667 7.5001-7.5-1.175-1.1833-6.325 6.325-2.9917-2.9834-1.175 1.175z\" clip-rule=\"evenodd\"/%3E%3Cmask id=\"a\" width=\"17\" height=\"17\" x=\"2\" y=\"2\" maskUnits=\"userSpaceOnUse\"%3E%3Cpath fill=\"%23fff\" fill-rule=\"evenodd\" d=\"M2.1667 10.5003c0-4.6 3.7333-8.3333 8.3333-8.3333s8.3334 3.7333 8.3334 8.3333S15.1 18.8337 10.5 18.8337s-8.3333-3.7334-8.3333-8.3334zm2.5 0l4.1666 4.1667 7.5001-7.5-1.175-1.1833-6.325 6.325-2.9917-2.9834-1.175 1.175z\" clip-rule=\"evenodd\"/%3E%3C/mask%3E%3Cg mask=\"url%28%23a%29\"%3E%3Cpath fill=\"%23008A21\" d=\"M.5.5h20v20H.5z\"/%3E%3C/g%3E%3C/svg%3E") 50% no-repeat;content:"";display:block;height:21px;width:21px}.wc-block-components-review-list-item__meta{align-items:center;display:flex;flex-flow:row wrap}.wc-block-components-review-list-item__meta:after{content:"";flex-basis:100%;order:3}.wc-block-components-review-list-item__author,.wc-block-components-review-list-item__product{display:block;font-weight:700;margin-right:8px;order:1}.wc-block-components-review-list-item__product+.wc-block-components-review-list-item__author{font-weight:400;order:4}.wc-block-components-review-list-item__published-date{order:5}.wc-block-components-review-list-item__product+.wc-block-components-review-list-item__author+.wc-block-components-review-list-item__published-date{padding-left:8px;position:relative}.wc-block-components-review-list-item__product+.wc-block-components-review-list-item__author+.wc-block-components-review-list-item__published-date:before{border-right:1px solid;content:"";display:inline-block;height:1em;margin-left:-8px;opacity:.5;position:absolute;top:calc(50% + .1em);transform:translateY(-50%);vertical-align:middle}.wc-block-components-review-list-item__author:first-child+.wc-block-components-review-list-item__published-date:before,.wc-block-components-review-list-item__rating+.wc-block-components-review-list-item__author+.wc-block-components-review-list-item__published-date:before{display:none}.wc-block-components-review-list-item__rating{order:2}.wc-block-components-review-list-item__rating>.wc-block-components-review-list-item__rating__stars{display:block;font-family:star;font-size:1em;font-weight:400;height:1em;line-height:1;overflow:hidden;position:relative;top:0;width:5.3em}.wc-block-components-review-list-item__rating>.wc-block-components-review-list-item__rating__stars:before{content:"SSSSS";float:left;left:0;opacity:.25;position:absolute;top:0}.wc-block-components-review-list-item__rating>.wc-block-components-review-list-item__rating__stars span{float:left;left:0;overflow:hidden;padding-top:1.5em;position:absolute;top:0}.wc-block-components-review-list-item__rating>.wc-block-components-review-list-item__rating__stars span:before{color:#e6a237;content:"SSSSS";left:0;position:absolute;top:0}.wc-block-components-review-list-item__text p{font-size:inherit} +@keyframes spinner__animation{0%{animation-timing-function:cubic-bezier(.5856,.0703,.4143,.9297);transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes loading__animation{to{transform:translateX(100%)}}.wc-block-components-review-list.wc-block-components-review-list{margin:0} diff --git a/build/all-reviews.js b/build/all-reviews.js new file mode 100644 index 00000000000..18eaa601c0e --- /dev/null +++ b/build/all-reviews.js @@ -0,0 +1,7 @@ +(()=>{var e,t={6877:(e,t,r)=>{"use strict";r.r(t);var o=r(9196),n=r(5736);const s=window.wp.blocks;var a=r(1984),i=r(7713);r(6990);const l=window.wp.blockEditor,c=window.wp.components;var d=r(9307);const w=window.wc.wcSettings;var u=r(7329),m=r(4184),p=r.n(m);const g=window.wp.escapeHtml,b=({error:e})=>(0,o.createElement)("div",{className:"wc-block-error-message"},(({message:e,type:t})=>e?"general"===t?(0,o.createElement)("span",null,(0,n.__)("The following error was returned","woo-gutenberg-products-block"),(0,o.createElement)("br",null),(0,o.createElement)("code",null,(0,g.escapeHTML)(e))):"api"===t?(0,o.createElement)("span",null,(0,n.__)("The following error was returned from the API","woo-gutenberg-products-block"),(0,o.createElement)("br",null),(0,o.createElement)("code",null,(0,g.escapeHTML)(e))):e:(0,n.__)("An error has prevented the block from being updated.","woo-gutenberg-products-block"))(e));r(2513);const v=({className:e="",error:t,isLoading:r=!1,onRetry:s})=>(0,o.createElement)(c.Placeholder,{icon:(0,o.createElement)(a.Z,{icon:u.Z}),label:(0,n.__)("Sorry, an error occurred","woo-gutenberg-products-block"),className:p()("wc-block-api-error",e)},(0,o.createElement)(b,{error:t}),s&&(0,o.createElement)(o.Fragment,null,r?(0,o.createElement)(c.Spinner,null):(0,o.createElement)(c.Button,{isSecondary:!0,onClick:s},(0,n.__)("Retry","woo-gutenberg-products-block"))));r(7349);const h=({label:e,screenReaderLabel:t,wrapperElement:r,wrapperProps:n={}})=>{let s;const a=null!=e,i=null!=t;return!a&&i?(s=r||"span",n={...n,className:p()(n.className,"screen-reader-text")},(0,o.createElement)(s,{...n},t)):(s=r||d.Fragment,a&&i&&e!==t?(0,o.createElement)(s,{...n},(0,o.createElement)("span",{"aria-hidden":"true"},e),(0,o.createElement)("span",{className:"screen-reader-text"},t)):(0,o.createElement)(s,{...n},e))},_=({onClick:e,label:t=(0,n.__)("Load more","woo-gutenberg-products-block"),screenReaderLabel:r=(0,n.__)("Load more","woo-gutenberg-products-block")})=>(0,o.createElement)("div",{className:"wp-block-button wc-block-load-more wc-block-components-load-more"},(0,o.createElement)("button",{className:"wp-block-button__link",onClick:e},(0,o.createElement)(h,{label:t,screenReaderLabel:r}))),k=window.wc.blocksComponents;r(8543);const y=({onChange:e,readOnly:t,value:r})=>(0,o.createElement)(k.SortSelect,{className:"wc-block-review-sort-select wc-block-components-review-sort-select",label:(0,n.__)("Order by","woo-gutenberg-products-block"),onChange:e,options:[{key:"most-recent",label:(0,n.__)("Most recent","woo-gutenberg-products-block")},{key:"highest-rating",label:(0,n.__)("Highest rating","woo-gutenberg-products-block")},{key:"lowest-rating",label:(0,n.__)("Lowest rating","woo-gutenberg-products-block")}],readOnly:t,screenReaderLabel:(0,n.__)("Order reviews by","woo-gutenberg-products-block"),value:r});var R=r(4942);function f(e){let t,r,o,n=[];for(let s=0;s{const o=function(e,t){const r=(t=t||{}).limit||100,o=void 0===t.preserveTags||t.preserveTags,n=void 0!==t.wordBreak&&t.wordBreak,s=t.suffix||"...",a=t.moreLink||"",i=t.moreText||"»",l=t.preserveWhiteSpace||!1,c=e.replace(//g,">\n").replace(/\n\n/g,"\n").replace(/^\n/g,"").replace(/\n$/g,"").split("\n");let d,w,u,m,p,g,b=0,v=[],h=!1;for(let e=0;e=r)d="";else if(b+t.length>=r){if(w=r-b," "===t[w-1])for(;w&&(w-=1," "===t[w-1]););else u=t.slice(w).indexOf(" "),n||(-1!==u?w+=u:w=d.length);d=t.slice(0,w).join("")+s,a&&(d+=''+i+""),b=r,h=!0}else b+=t.length;else if(o){if(b>=r)if(p=d.match(/[a-zA-Z]+/),g=p?p[0]:"",g)if("(t<=r?e.start=e.middle+1:e.end=e.middle-1,e),T=(e,t,r,o)=>{const n=((e,t,r)=>{let o={start:0,middle:0,end:e.length};for(;o.start<=o.end;)o.middle=Math.floor((o.start+o.end)/2),t.innerHTML=E(e,o.middle),o=S(o,t.clientHeight,r);return o.middle})(e,t,r);return E(e,n-o.length,o)},O={className:"read-more-content",ellipsis:"…",lessText:(0,n.__)("Read less","woo-gutenberg-products-block"),maxLines:3,moreText:(0,n.__)("Read more","woo-gutenberg-products-block")};class C extends d.Component{constructor(e){super(e),(0,R.Z)(this,"reviewSummary",void 0),(0,R.Z)(this,"reviewContent",void 0),this.state={isExpanded:!1,clampEnabled:null,content:e.children,summary:"."},this.reviewContent=(0,d.createRef)(),this.reviewSummary=(0,d.createRef)(),this.getButton=this.getButton.bind(this),this.onClick=this.onClick.bind(this)}componentDidMount(){this.setSummary()}componentDidUpdate(e){e.maxLines===this.props.maxLines&&e.children===this.props.children||this.setState({clampEnabled:null,summary:"."},this.setSummary)}setSummary(){if(this.props.children){const{maxLines:e,ellipsis:t}=this.props;if(!this.reviewSummary.current||!this.reviewContent.current)return;const r=(this.reviewSummary.current.clientHeight+1)*e+1,o=this.reviewContent.current.clientHeight+1>r;this.setState({clampEnabled:o}),o&&this.setState({summary:T(this.reviewContent.current.innerHTML,this.reviewSummary.current,r,t)})}}getButton(){const{isExpanded:e}=this.state,{className:t,lessText:r,moreText:n}=this.props,s=e?r:n;if(s)return(0,o.createElement)("a",{href:"#more",className:t+"__read_more",onClick:this.onClick,"aria-expanded":!e,role:"button"},s)}onClick(e){e.preventDefault();const{isExpanded:t}=this.state;this.setState({isExpanded:!t})}render(){const{className:e}=this.props,{content:t,summary:r,clampEnabled:n,isExpanded:s}=this.state;return t?!1===n?(0,o.createElement)("div",{className:e},(0,o.createElement)("div",{ref:this.reviewContent},t)):(0,o.createElement)("div",{className:e},(!s||null===n)&&(0,o.createElement)("div",{ref:this.reviewSummary,"aria-hidden":s,dangerouslySetInnerHTML:{__html:r}}),(s||null===n)&&(0,o.createElement)("div",{ref:this.reviewContent,"aria-hidden":!s},t),this.getButton()):null}}(0,R.Z)(C,"defaultProps",O);const P=C;r(8204);const N=({attributes:e,review:t={}})=>{const{imageType:r,showReviewDate:s,showReviewerName:a,showReviewImage:i,showReviewRating:l,showReviewContent:c,showProductName:d}=e,{rating:w}=t,u=!(Object.keys(t).length>0),m=Number.isFinite(w)&&l;return(0,o.createElement)("li",{className:p()("wc-block-review-list-item__item","wc-block-components-review-list-item__item",{"is-loading":u,"wc-block-components-review-list-item__item--has-image":i}),"aria-hidden":u},(d||s||a||i||m)&&(0,o.createElement)("div",{className:"wc-block-review-list-item__info wc-block-components-review-list-item__info"},i&&function(e,t,r){var s,a;return r||!e?(0,o.createElement)("div",{className:"wc-block-review-list-item__image wc-block-components-review-list-item__image"}):(0,o.createElement)("div",{className:"wc-block-review-list-item__image wc-block-components-review-list-item__image"},"product"===t?(0,o.createElement)("img",{"aria-hidden":"true",alt:(null===(s=e.product_image)||void 0===s?void 0:s.alt)||"",src:(null===(a=e.product_image)||void 0===a?void 0:a.thumbnail)||""}):(0,o.createElement)("img",{"aria-hidden":"true",alt:"",src:e.reviewer_avatar_urls[96]||""}),e.verified&&(0,o.createElement)("div",{className:"wc-block-review-list-item__verified wc-block-components-review-list-item__verified",title:(0,n.__)("Verified buyer","woo-gutenberg-products-block")},(0,n.__)("Verified buyer","woo-gutenberg-products-block")))}(t,r,u),(d||a||m||s)&&(0,o.createElement)("div",{className:"wc-block-review-list-item__meta wc-block-components-review-list-item__meta"},m&&function(e){const{rating:t}=e,r={width:t/5*100+"%"},s=(0,n.sprintf)(/* translators: %f is referring to the average rating value */ +(0,n.__)("Rated %f out of 5","woo-gutenberg-products-block"),t),a={__html:(0,n.sprintf)(/* translators: %s is referring to the average rating value */ +(0,n.__)("Rated %s out of 5","woo-gutenberg-products-block"),(0,n.sprintf)('%f',t))};return(0,o.createElement)("div",{className:"wc-block-review-list-item__rating wc-block-components-review-list-item__rating"},(0,o.createElement)("div",{className:"wc-block-review-list-item__rating__stars wc-block-components-review-list-item__rating__stars",role:"img","aria-label":s},(0,o.createElement)("span",{style:r,dangerouslySetInnerHTML:a})))}(t),d&&function(e){return(0,o.createElement)("div",{className:"wc-block-review-list-item__product wc-block-components-review-list-item__product"},(0,o.createElement)("a",{href:e.product_permalink,dangerouslySetInnerHTML:{__html:e.product_name}}))}(t),a&&function(e){const{reviewer:t=""}=e;return(0,o.createElement)("div",{className:"wc-block-review-list-item__author wc-block-components-review-list-item__author"},t)}(t),s&&function(e){const{date_created:t,formatted_date_created:r}=e;return(0,o.createElement)("time",{className:"wc-block-review-list-item__published-date wc-block-components-review-list-item__published-date",dateTime:t},r)}(t))),c&&function(e){return(0,o.createElement)(P,{maxLines:10,moreText:(0,n.__)("Read full review","woo-gutenberg-products-block"),lessText:(0,n.__)("Hide full review","woo-gutenberg-products-block"),className:"wc-block-review-list-item__text wc-block-components-review-list-item__text"},(0,o.createElement)("div",{dangerouslySetInnerHTML:{__html:e.review||""}}))}(t))};r(4093);const L=({attributes:e,reviews:t})=>{const r=(0,w.getSetting)("showAvatars",!0),n=(0,w.getSetting)("reviewRatingsEnabled",!0),s=(r||"product"===e.imageType)&&e.showReviewImage,a=n&&e.showReviewRating,i={...e,showReviewImage:s,showReviewRating:a};return(0,o.createElement)("ul",{className:"wc-block-review-list wc-block-components-review-list"},0===t.length?(0,o.createElement)(N,{attributes:i}):t.map(((e,t)=>(0,o.createElement)(N,{key:e.id||t,attributes:i,review:e}))))};var A=r(9127),x=r.n(A);const M=window.wp.apiFetch;var I=r.n(M);const j=e=>{const{className:t,categoryIds:r,productId:o,showReviewDate:n,showReviewerName:s,showReviewContent:a,showProductName:i,showReviewImage:l,showReviewRating:c}=e;let d="wc-block-all-reviews";return o&&(d="wc-block-reviews-by-product"),Array.isArray(r)&&(d="wc-block-reviews-by-category"),p()(d,t,{"has-image":l,"has-name":s,"has-date":n,"has-rating":c,"has-content":a,"has-product-name":i})},D=e=>{const{categoryIds:t,imageType:r,orderby:o,productId:n,reviewsOnPageLoad:s,reviewsOnLoadMore:a,showLoadMore:i,showOrderby:l}=e,c={"data-image-type":r,"data-orderby":o,"data-reviews-on-page-load":s,"data-reviews-on-load-more":a,"data-show-load-more":i,"data-show-orderby":l};return n&&(c["data-product-id"]=n),Array.isArray(t)&&(c["data-category-ids"]=t.join(",")),c};class B extends d.Component{render(){const{attributes:e,error:t,isLoading:r,noReviewsPlaceholder:s,reviews:a,totalReviews:i}=this.props;if(t)return(0,o.createElement)(v,{className:"wc-block-featured-product-error",error:t,isLoading:r});if(0===a.length&&!r)return(0,o.createElement)(s,{attributes:e});const l=(0,w.getSetting)("reviewRatingsEnabled",!0);return(0,o.createElement)(c.Disabled,null,e.showOrderby&&l&&(0,o.createElement)(y,{readOnly:!0,value:e.orderby,onChange:()=>null}),(0,o.createElement)(L,{attributes:e,reviews:a}),e.showLoadMore&&i>a.length&&(0,o.createElement)(_,{screenReaderLabel:(0,n.__)("Load more reviews","woo-gutenberg-products-block")}))}}const Z=(e=>{class t extends d.Component{constructor(...e){super(...e),(0,R.Z)(this,"isPreview",!!this.props.attributes.previewReviews),(0,R.Z)(this,"delayedAppendReviews",this.props.delayFunction(this.appendReviews)),(0,R.Z)(this,"isMounted",!1),(0,R.Z)(this,"state",{error:null,loading:!0,reviews:this.isPreview?this.props.attributes.previewReviews:[],totalReviews:this.isPreview?this.props.attributes.previewReviews.length:0}),(0,R.Z)(this,"setError",(async e=>{if(!this.isMounted)return;const{onReviewsLoadError:t}=this.props,r=await(async e=>{if(!("json"in e))return{message:e.message,type:e.type||"general"};try{const t=await e.json();return{message:t.message,type:t.type||"api"}}catch(e){return{message:e.message,type:"general"}}})(e);this.setState({reviews:[],loading:!1,error:r}),t(r)}))}componentDidMount(){this.isMounted=!0,this.replaceReviews()}componentDidUpdate(e){e.reviewsToDisplaye.join("="))).join("&"),parse:!1}).then((e=>e.json().then((t=>({reviews:t,totalReviews:parseInt(e.headers.get("x-wp-total"),10)})))))).then((({reviews:t,totalReviews:r})=>(this.isMounted&&this.setState({reviews:e.filter((e=>Object.keys(e).length)).concat(t),totalReviews:r,loading:!1,error:null}),{newReviews:t}))).catch(this.setError);var n}render(){const{reviewsToDisplay:t}=this.props,{error:r,loading:n,reviews:s,totalReviews:a}=this.state;return(0,o.createElement)(e,{...this.props,error:r,isLoading:n,reviews:s.slice(0,t),totalReviews:a})}}(0,R.Z)(t,"defaultProps",{delayFunction:e=>e,onReviewsAppended:()=>{},onReviewsLoadError:()=>{},onReviewsReplaced:()=>{}});const{displayName:r=e.name||"Component"}=e;return t.displayName=`WithReviews( ${r} )`,t})(B),H=({attributes:e,icon:t,name:r,noReviewsPlaceholder:s})=>{const{categoryIds:a,productId:i,reviewsOnPageLoad:d,showProductName:u,showReviewDate:m,showReviewerName:p,showReviewContent:g,showReviewImage:b,showReviewRating:v}=e,{order:h,orderby:_}=(e=>{if((0,w.getSetting)("reviewRatingsEnabled",!0)){if("lowest-rating"===e)return{order:"asc",orderby:"rating"};if("highest-rating"===e)return{order:"desc",orderby:"rating"}}return{order:"desc",orderby:"date_gmt"}})(e.orderby),k=!(g||v||m||p||b||u),y=(0,l.useBlockProps)({className:j(e)});return k?(0,o.createElement)(c.Placeholder,{icon:t,label:r},(0,n.__)("The content for this block is hidden due to block settings.","woo-gutenberg-products-block")):(0,o.createElement)("div",{...y},(0,o.createElement)(Z,{attributes:e,categoryIds:a,delayFunction:e=>((e,t,r)=>{let o,n=null;const s=(...t)=>{n=t,o&&clearTimeout(o),o=setTimeout((()=>{o=null,n&&e(...n)}),400)};return s.flush=()=>{o&&n&&(e(...n),clearTimeout(o),o=null)},s})(e),noReviewsPlaceholder:s,orderby:_,order:h,productId:i,reviewsToDisplay:d}))},G=()=>(0,o.createElement)(c.Placeholder,{className:"wc-block-all-reviews",icon:(0,o.createElement)(a.Z,{icon:i.Z,className:"block-editor-block-icon"}),label:(0,n.__)("All Reviews","woo-gutenberg-products-block")},(0,n.__)("This block shows a list of all product reviews. Your store does not have any reviews yet, but they will show up here when it does.","woo-gutenberg-products-block")),F=({attributes:e,setAttributes:t})=>(0,o.createElement)(o.Fragment,null,(0,o.createElement)(l.InspectorControls,{key:"inspector"},(0,o.createElement)(c.PanelBody,{title:(0,n.__)("Content","woo-gutenberg-products-block")},(0,o.createElement)(c.ToggleControl,{label:(0,n.__)("Product name","woo-gutenberg-products-block"),checked:e.showProductName,onChange:()=>t({showProductName:!e.showProductName})}),((e,t)=>{const r=(0,w.getSetting)("showAvatars",!0),s=(0,w.getSetting)("reviewRatingsEnabled",!0);return(0,o.createElement)(o.Fragment,null,(0,o.createElement)(c.ToggleControl,{label:(0,n.__)("Product rating","woo-gutenberg-products-block"),checked:e.showReviewRating,onChange:()=>t({showReviewRating:!e.showReviewRating})}),e.showReviewRating&&!s&&(0,o.createElement)(c.Notice,{className:"wc-block-base-control-notice",isDismissible:!1},(0,d.createInterpolateElement)((0,n.__)("Product rating is disabled in your store settings.","woo-gutenberg-products-block"),{a:(0,o.createElement)("a",{href:(0,w.getAdminLink)("admin.php?page=wc-settings&tab=products"),target:"_blank",rel:"noopener noreferrer"})})),(0,o.createElement)(c.ToggleControl,{label:(0,n.__)("Reviewer name","woo-gutenberg-products-block"),checked:e.showReviewerName,onChange:()=>t({showReviewerName:!e.showReviewerName})}),(0,o.createElement)(c.ToggleControl,{label:(0,n.__)("Image","woo-gutenberg-products-block"),checked:e.showReviewImage,onChange:()=>t({showReviewImage:!e.showReviewImage})}),(0,o.createElement)(c.ToggleControl,{label:(0,n.__)("Review date","woo-gutenberg-products-block"),checked:e.showReviewDate,onChange:()=>t({showReviewDate:!e.showReviewDate})}),(0,o.createElement)(c.ToggleControl,{label:(0,n.__)("Review content","woo-gutenberg-products-block"),checked:e.showReviewContent,onChange:()=>t({showReviewContent:!e.showReviewContent})}),e.showReviewImage&&(0,o.createElement)(o.Fragment,null,(0,o.createElement)(c.__experimentalToggleGroupControl,{label:(0,n.__)("Review image","woo-gutenberg-products-block"),value:e.imageType,onChange:e=>t({imageType:e})},(0,o.createElement)(c.__experimentalToggleGroupControlOption,{value:"reviewer",label:(0,n.__)("Reviewer photo","woo-gutenberg-products-block")}),(0,o.createElement)(c.__experimentalToggleGroupControlOption,{value:"product",label:(0,n.__)("Product","woo-gutenberg-products-block")})),"reviewer"===e.imageType&&!r&&(0,o.createElement)(c.Notice,{className:"wc-block-base-control-notice",isDismissible:!1},(0,d.createInterpolateElement)((0,n.__)("Reviewer photo is disabled in your site settings.","woo-gutenberg-products-block"),{a:(0,o.createElement)("a",{href:(0,w.getAdminLink)("options-discussion.php"),target:"_blank",rel:"noopener noreferrer"})}))))})(e,t)),(0,o.createElement)(c.PanelBody,{title:(0,n.__)("List Settings","woo-gutenberg-products-block")},((e,t)=>(0,o.createElement)(o.Fragment,null,(0,o.createElement)(c.ToggleControl,{label:(0,n.__)("Order by","woo-gutenberg-products-block"),checked:e.showOrderby,onChange:()=>t({showOrderby:!e.showOrderby})}),(0,o.createElement)(c.SelectControl,{label:(0,n.__)("Order Product Reviews by","woo-gutenberg-products-block"),value:e.orderby,options:[{label:"Most recent",value:"most-recent"},{label:"Highest Rating",value:"highest-rating"},{label:"Lowest Rating",value:"lowest-rating"}],onChange:e=>t({orderby:e})}),(0,o.createElement)(c.RangeControl,{label:(0,n.__)("Starting Number of Reviews","woo-gutenberg-products-block"),value:e.reviewsOnPageLoad,onChange:e=>t({reviewsOnPageLoad:e}),max:20,min:1}),(0,o.createElement)(c.ToggleControl,{label:(0,n.__)("Load more","woo-gutenberg-products-block"),checked:e.showLoadMore,onChange:()=>t({showLoadMore:!e.showLoadMore})}),e.showLoadMore&&(0,o.createElement)(c.RangeControl,{label:(0,n.__)("Load More Reviews","woo-gutenberg-products-block"),value:e.reviewsOnLoadMore,onChange:e=>t({reviewsOnLoadMore:e}),max:20,min:1})))(e,t))),(0,o.createElement)(H,{attributes:e,icon:(0,o.createElement)(a.Z,{icon:i.Z,className:"block-editor-block-icon"}),name:(0,n.__)("All Reviews","woo-gutenberg-products-block"),noReviewsPlaceholder:G}));var W,U,J,$,z,V,q,Y,K,Q;const X=(0,w.getSetting)("wcBlocksConfig",{buildPhase:1,pluginUrl:"",productCount:0,defaultAvatar:"",restApiRoutes:{},wordCountType:"words"}),ee=(X.pluginUrl,X.pluginUrl,X.buildPhase,null===(W=w.STORE_PAGES.shop)||void 0===W||W.permalink,null===(U=w.STORE_PAGES.checkout)||void 0===U||U.id,null===(J=w.STORE_PAGES.checkout)||void 0===J||J.permalink,null===($=w.STORE_PAGES.privacy)||void 0===$||$.permalink,null===(z=w.STORE_PAGES.privacy)||void 0===z||z.title,null===(V=w.STORE_PAGES.terms)||void 0===V||V.permalink,null===(q=w.STORE_PAGES.terms)||void 0===q||q.title,null===(Y=w.STORE_PAGES.cart)||void 0===Y||Y.id,null===(K=w.STORE_PAGES.cart)||void 0===K||K.permalink,null!==(Q=w.STORE_PAGES.myaccount)&&void 0!==Q&&Q.permalink?w.STORE_PAGES.myaccount.permalink:(0,w.getSetting)("wpLoginUrl","/wp-login.php"),(0,w.getSetting)("localPickupEnabled",!1),(0,w.getSetting)("countries",{})),te=(0,w.getSetting)("countryData",{}),re=(Object.fromEntries(Object.keys(te).filter((e=>!0===te[e].allowBilling)).map((e=>[e,ee[e]||""]))),Object.fromEntries(Object.keys(te).filter((e=>!0===te[e].allowBilling)).map((e=>[e,te[e].states||[]]))),Object.fromEntries(Object.keys(te).filter((e=>!0===te[e].allowShipping)).map((e=>[e,ee[e]||""]))),Object.fromEntries(Object.keys(te).filter((e=>!0===te[e].allowShipping)).map((e=>[e,te[e].states||[]]))),Object.fromEntries(Object.keys(te).map((e=>[e,te[e].locale||[]]))),{attributes:{editMode:!1,imageType:"reviewer",orderby:"most-recent",reviewsOnLoadMore:10,reviewsOnPageLoad:10,showLoadMore:!0,showOrderby:!0,showReviewDate:!0,showReviewerName:!0,showReviewImage:!0,showReviewRating:!0,showReviewContent:!0,previewReviews:[{id:1,date_created:"2019-07-15T17:05:04",formatted_date_created:(0,n.__)("July 15, 2019","woo-gutenberg-products-block"),date_created_gmt:"2019-07-15T15:05:04",product_id:0,product_name:(0,n.__)("WordPress Pennant","woo-gutenberg-products-block"),product_permalink:"#", +/* translators: An example person name used for the block previews. */ +reviewer:(0,n.__)("Alice","woo-gutenberg-products-block"),review:`

${(0,n.__)("I bought this product last week and I'm very happy with it.","woo-gutenberg-products-block")}

\n`,reviewer_avatar_urls:{48:X.defaultAvatar,96:X.defaultAvatar},rating:5,verified:!0},{id:2,date_created:"2019-07-12T12:39:39",formatted_date_created:(0,n.__)("July 12, 2019","woo-gutenberg-products-block"),date_created_gmt:"2019-07-12T10:39:39",product_id:0,product_name:(0,n.__)("WordPress Pennant","woo-gutenberg-products-block"),product_permalink:"#", +/* translators: An example person name used for the block previews. */ +reviewer:(0,n.__)("Bob","woo-gutenberg-products-block"),review:`

${(0,n.__)("This product is awesome, I love it!","woo-gutenberg-products-block")}

\n`,reviewer_avatar_urls:{48:X.defaultAvatar,96:X.defaultAvatar},rating:null,verified:!1}]}});(0,s.registerBlockType)("woocommerce/all-reviews",{apiVersion:2,title:(0,n.__)("All Reviews","woo-gutenberg-products-block"),icon:{src:(0,o.createElement)(a.Z,{icon:i.Z,className:"wc-block-editor-components-block-icon"})},category:"woocommerce",keywords:[(0,n.__)("WooCommerce","woo-gutenberg-products-block")],description:(0,n.__)("Show a list of all product reviews.","woo-gutenberg-products-block"),supports:{html:!1,color:{background:!1},typography:{fontSize:!0}},example:{...re,attributes:{...re.attributes,showProductName:!0}},attributes:{editMode:{type:"boolean",default:!0},imageType:{type:"string",default:"reviewer"},orderby:{type:"string",default:"most-recent"},reviewsOnLoadMore:{type:"number",default:10},reviewsOnPageLoad:{type:"number",default:10},showLoadMore:{type:"boolean",default:!0},showOrderby:{type:"boolean",default:!0},showReviewDate:{type:"boolean",default:!0},showReviewerName:{type:"boolean",default:!0},showReviewImage:{type:"boolean",default:!0},showReviewRating:{type:"boolean",default:!0},showReviewContent:{type:"boolean",default:!0},previewReviews:{type:"array",default:null},showProductName:{type:"boolean",default:!0}},transforms:{from:[{type:"block",blocks:["core/legacy-widget"],isMatch:({idBase:e,instance:t})=>"woocommerce_recent_reviews"===e&&!(null==t||!t.raw),transform:({instance:e})=>(0,s.createBlock)("woocommerce/all-reviews",{reviewsOnPageLoad:e.raw.number,imageType:"product",showLoadMore:!1,showOrderby:!1,showReviewDate:!1,showReviewContent:!1})}]},edit:e=>{const t=(0,l.useBlockProps)();return(0,o.createElement)("div",{...t},(0,o.createElement)(F,{...e}))},save:({attributes:e})=>(0,o.createElement)("div",{...l.useBlockProps.save({className:j(e)}),...D(e)})})},7349:()=>{},8204:()=>{},4093:()=>{},8543:()=>{},6990:()=>{},2513:()=>{},9196:e=>{"use strict";e.exports=window.React},9307:e=>{"use strict";e.exports=window.wp.element},5736:e=>{"use strict";e.exports=window.wp.i18n},9127:e=>{"use strict";e.exports=window.wp.isShallowEqual},444:e=>{"use strict";e.exports=window.wp.primitives}},r={};function o(e){var n=r[e];if(void 0!==n)return n.exports;var s=r[e]={exports:{}};return t[e].call(s.exports,s,s.exports,o),s.exports}o.m=t,e=[],o.O=(t,r,n,s)=>{if(!r){var a=1/0;for(d=0;d=s)&&Object.keys(o.O).every((e=>o.O[e](r[l])))?r.splice(l--,1):(i=!1,s0&&e[d-1][2]>s;d--)e[d]=e[d-1];e[d]=[r,n,s]},o.n=e=>{var t=e&&e.__esModule?()=>e.default:()=>e;return o.d(t,{a:t}),t},o.d=(e,t)=>{for(var r in t)o.o(t,r)&&!o.o(e,r)&&Object.defineProperty(e,r,{enumerable:!0,get:t[r]})},o.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),o.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},o.j=5456,(()=>{var e={5456:0};o.O.j=t=>0===e[t];var t=(t,r)=>{var n,s,[a,i,l]=r,c=0;if(a.some((t=>0!==e[t]))){for(n in i)o.o(i,n)&&(o.m[n]=i[n]);if(l)var d=l(o)}for(t&&t(r);co(6877)));n=o.O(n),((this.wc=this.wc||{}).blocks=this.wc.blocks||{})["all-reviews"]=n})(); \ No newline at end of file diff --git a/build/attribute-filter-frontend.asset.php b/build/attribute-filter-frontend.asset.php new file mode 100644 index 00000000000..333fd285164 --- /dev/null +++ b/build/attribute-filter-frontend.asset.php @@ -0,0 +1 @@ + array('lodash', 'react', 'wc-blocks-components', 'wc-blocks-data-store', 'wc-settings', 'wp-a11y', 'wp-compose', 'wp-data', 'wp-deprecated', 'wp-dom', 'wp-element', 'wp-html-entities', 'wp-i18n', 'wp-is-shallow-equal', 'wp-keycodes', 'wp-polyfill', 'wp-primitives', 'wp-url', 'wp-warning'), 'version' => '607dc71710d39b2d3820'); diff --git a/build/attribute-filter-frontend.js b/build/attribute-filter-frontend.js new file mode 100644 index 00000000000..528d8a5abe8 --- /dev/null +++ b/build/attribute-filter-frontend.js @@ -0,0 +1,15 @@ +(()=>{var e={4184:(e,t)=>{var n;!function(){"use strict";var r={}.hasOwnProperty;function o(){for(var e=[],t=0;t{"use strict";var r=n(4657);e.exports=function(e,t,n){n=n||{},9===t.nodeType&&(t=r.getWindow(t));var o=n.allowHorizontalScroll,s=n.onlyScrollIfNeeded,i=n.alignWithTop,l=n.alignWithLeft,a=n.offsetTop||0,c=n.offsetLeft||0,u=n.offsetBottom||0,d=n.offsetRight||0;o=void 0===o||o;var p=r.isWindow(t),f=r.offset(e),m=r.outerHeight(e),h=r.outerWidth(e),g=void 0,v=void 0,b=void 0,w=void 0,y=void 0,E=void 0,k=void 0,S=void 0,_=void 0,T=void 0;p?(k=t,T=r.height(k),_=r.width(k),S={left:r.scrollLeft(k),top:r.scrollTop(k)},y={left:f.left-S.left-c,top:f.top-S.top-a},E={left:f.left+h-(S.left+_)+d,top:f.top+m-(S.top+T)+u},w=S):(g=r.offset(t),v=t.clientHeight,b=t.clientWidth,w={left:t.scrollLeft,top:t.scrollTop},y={left:f.left-(g.left+(parseFloat(r.css(t,"borderLeftWidth"))||0))-c,top:f.top-(g.top+(parseFloat(r.css(t,"borderTopWidth"))||0))-a},E={left:f.left+h-(g.left+b+(parseFloat(r.css(t,"borderRightWidth"))||0))+d,top:f.top+m-(g.top+v+(parseFloat(r.css(t,"borderBottomWidth"))||0))+u}),y.top<0||E.top>0?!0===i?r.scrollTop(t,w.top+y.top):!1===i?r.scrollTop(t,w.top+E.top):y.top<0?r.scrollTop(t,w.top+y.top):r.scrollTop(t,w.top+E.top):s||((i=void 0===i||!!i)?r.scrollTop(t,w.top+y.top):r.scrollTop(t,w.top+E.top)),o&&(y.left<0||E.left>0?!0===l?r.scrollLeft(t,w.left+y.left):!1===l?r.scrollLeft(t,w.left+E.left):y.left<0?r.scrollLeft(t,w.left+y.left):r.scrollLeft(t,w.left+E.left):s||((l=void 0===l||!!l)?r.scrollLeft(t,w.left+y.left):r.scrollLeft(t,w.left+E.left)))}},4979:(e,t,n)=>{"use strict";e.exports=n(9010)},4657:e=>{"use strict";var t=Object.assign||function(e){for(var t=1;t{},1724:()=>{},7732:()=>{},770:()=>{},994:()=>{},230:()=>{},3057:()=>{}},t={};function n(r){var o=t[r];if(void 0!==o)return o.exports;var s=t[r]={exports:{}};return e[r](s,s.exports,n),s.exports}n.n=e=>{var t=e&&e.__esModule?()=>e.default:()=>e;return n.d(t,{a:t}),t},n.d=(e,t)=>{for(var r in t)n.o(t,r)&&!n.o(e,r)&&Object.defineProperty(e,r,{enumerable:!0,get:t[r]})},n.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),(()=>{"use strict";const e=window.React,t=window.wp.element;function r(e){return r="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},r(e)}const o=window.wp.i18n,s=window.wc.wcSettings;var i,l,a,c,u,d,p,f,m,h;const g=(0,s.getSetting)("wcBlocksConfig",{buildPhase:1,pluginUrl:"",productCount:0,defaultAvatar:"",restApiRoutes:{},wordCountType:"words"}),v=g.pluginUrl+"images/",b=(g.pluginUrl,g.buildPhase,null===(i=s.STORE_PAGES.shop)||void 0===i||i.permalink,null===(l=s.STORE_PAGES.checkout)||void 0===l||l.id,null===(a=s.STORE_PAGES.checkout)||void 0===a||a.permalink,null===(c=s.STORE_PAGES.privacy)||void 0===c||c.permalink,null===(u=s.STORE_PAGES.privacy)||void 0===u||u.title,null===(d=s.STORE_PAGES.terms)||void 0===d||d.permalink,null===(p=s.STORE_PAGES.terms)||void 0===p||p.title,null===(f=s.STORE_PAGES.cart)||void 0===f||f.id,null===(m=s.STORE_PAGES.cart)||void 0===m||m.permalink,null!==(h=s.STORE_PAGES.myaccount)&&void 0!==h&&h.permalink?s.STORE_PAGES.myaccount.permalink:(0,s.getSetting)("wpLoginUrl","/wp-login.php"),(0,s.getSetting)("localPickupEnabled",!1),(0,s.getSetting)("countries",{})),w=(0,s.getSetting)("countryData",{}),y=(Object.fromEntries(Object.keys(w).filter((e=>!0===w[e].allowBilling)).map((e=>[e,b[e]||""]))),Object.fromEntries(Object.keys(w).filter((e=>!0===w[e].allowBilling)).map((e=>[e,w[e].states||[]]))),Object.fromEntries(Object.keys(w).filter((e=>!0===w[e].allowShipping)).map((e=>[e,b[e]||""]))),Object.fromEntries(Object.keys(w).filter((e=>!0===w[e].allowShipping)).map((e=>[e,w[e].states||[]]))),Object.fromEntries(Object.keys(w).map((e=>[e,w[e].locale||[]]))),({imageUrl:t=`${v}/block-error.svg`,header:n=(0,o.__)("Oops!","woo-gutenberg-products-block"),text:r=(0,o.__)("There was an error loading the content.","woo-gutenberg-products-block"),errorMessage:s,errorMessagePrefix:i=(0,o.__)("Error:","woo-gutenberg-products-block"),button:l,showErrorBlock:a=!0})=>a?(0,e.createElement)("div",{className:"wc-block-error wc-block-components-error"},t&&(0,e.createElement)("img",{className:"wc-block-error__image wc-block-components-error__image",src:t,alt:""}),(0,e.createElement)("div",{className:"wc-block-error__content wc-block-components-error__content"},n&&(0,e.createElement)("p",{className:"wc-block-error__header wc-block-components-error__header"},n),r&&(0,e.createElement)("p",{className:"wc-block-error__text wc-block-components-error__text"},r),s&&(0,e.createElement)("p",{className:"wc-block-error__message wc-block-components-error__message"},i?i+" ":"",s),l&&(0,e.createElement)("p",{className:"wc-block-error__button wc-block-components-error__button"},l))):null);n(4578);class E extends t.Component{constructor(...e){var t,n,o;super(...e),t=this,o={errorMessage:"",hasError:!1},(n=function(e){var t=function(e,t){if("object"!==r(e)||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var o=n.call(e,"string");if("object"!==r(o))return o;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(e)}(e);return"symbol"===r(t)?t:String(t)}(n="state"))in t?Object.defineProperty(t,n,{value:o,enumerable:!0,configurable:!0,writable:!0}):t[n]=o}static getDerivedStateFromError(t){return void 0!==t.statusText&&void 0!==t.status?{errorMessage:(0,e.createElement)(e.Fragment,null,(0,e.createElement)("strong",null,t.status),": ",t.statusText),hasError:!0}:{errorMessage:t.message,hasError:!0}}render(){const{header:t,imageUrl:n,showErrorMessage:r=!0,showErrorBlock:o=!0,text:s,errorMessagePrefix:i,renderError:l,button:a}=this.props,{errorMessage:c,hasError:u}=this.state;return u?"function"==typeof l?l({errorMessage:c}):(0,e.createElement)(y,{showErrorBlock:o,errorMessage:r?c:null,header:t,imageUrl:n,text:s,errorMessagePrefix:i,button:a}):this.props.children}}const k=E,S=[".wp-block-woocommerce-cart"],_=({Block:n,containers:r,getProps:o=(()=>({})),getErrorBoundaryProps:s=(()=>({}))})=>{0!==r.length&&Array.prototype.forEach.call(r,((r,i)=>{const l=o(r,i),a=s(r,i),c={...r.dataset,...l.attributes||{}};(({Block:n,container:r,attributes:o={},props:s={},errorBoundaryProps:i={}})=>{(0,t.render)((0,e.createElement)(k,{...i},(0,e.createElement)(t.Suspense,{fallback:(0,e.createElement)("div",{className:"wc-block-placeholder"})},n&&(0,e.createElement)(n,{...s,attributes:o}))),r,(()=>{r.classList&&r.classList.remove("is-loading")}))})({Block:n,container:r,props:l,attributes:c,errorBoundaryProps:a})}))},T=window.wp.isShallowEqual;var x=n.n(T);function C(e){const n=(0,t.useRef)(e);return x()(e,n.current)||(n.current=e),n.current}const I=window.wc.wcBlocksData,L=window.wp.data,A=(0,t.createContext)("page"),R=()=>(0,t.useContext)(A),O=(A.Provider,e=>{const n=R();e=e||n;const r=(0,L.useSelect)((t=>t(I.QUERY_STATE_STORE_KEY).getValueForQueryContext(e,void 0)),[e]),{setValueForQueryContext:o}=(0,L.useDispatch)(I.QUERY_STATE_STORE_KEY);return[r,(0,t.useCallback)((t=>{o(e,t)}),[e,o])]}),P=(e,n,r)=>{const o=R();r=r||o;const s=(0,L.useSelect)((t=>t(I.QUERY_STATE_STORE_KEY).getValueForQueryKey(r,e,n)),[r,e]),{setQueryValue:i}=(0,L.useDispatch)(I.QUERY_STATE_STORE_KEY);return[s,(0,t.useCallback)((t=>{i(r,e,t)}),[r,e,i])]},F=e=>{const{namespace:n,resourceName:r,resourceValues:o=[],query:s={},shouldSelect:i=!0}=e;if(!n||!r)throw new Error("The options object must have valid values for the namespace and the resource properties.");const l=(0,t.useRef)({results:[],isLoading:!0}),a=C(s),c=C(o),u=(()=>{const[,e]=(0,t.useState)();return(0,t.useCallback)((t=>{e((()=>{throw t}))}),[])})(),d=(0,L.useSelect)((e=>{if(!i)return null;const t=e(I.COLLECTIONS_STORE_KEY),o=[n,r,a,c],s=t.getCollectionError(...o);if(s){if(!(s instanceof Error))throw new Error("TypeError: `error` object is not an instance of Error constructor");u(s)}return{results:t.getCollection(...o),isLoading:!t.hasFinishedResolution("getCollection",o)}}),[n,r,c,a,i]);return null!==d&&(l.current=d),l.current};function N(e,t){return e===t}function B(e){return"function"==typeof e?function(){return e}:e}function M(e,t){return!(e=>null===e)(n=e)&&n instanceof Object&&n.constructor===Object&&t in e;var n}var D=function(e){return function(t,n,r){return e(t,n,r)*r}},V=function(e,t){if(e)throw Error("Invalid sort config: "+t)},W=function(e){var t=e||{},n=t.asc,r=t.desc,o=n?1:-1,s=n||r;return V(!s,"Expected `asc` or `desc` property"),V(n&&r,"Ambiguous object with `asc` and `desc` config properties"),{order:o,sortBy:s,comparer:e.comparer&&D(e.comparer)}};function H(e,t,n){if(void 0===e||!0===e)return function(e,r){return t(e,r,n)};if("string"==typeof e)return V(e.includes("."),"String syntax not allowed for nested properties."),function(r,o){return t(r[e],o[e],n)};if("function"==typeof e)return function(r,o){return t(e(r),e(o),n)};if(Array.isArray(e)){var r=function(e){return function t(n,r,o,s,i,l,a){var c,u;if("string"==typeof n)c=l[n],u=a[n];else{if("function"!=typeof n){var d=W(n);return t(d.sortBy,r,o,d.order,d.comparer||e,l,a)}c=n(l),u=n(a)}var p=i(c,u,s);return(0===p||null==c&&null==u)&&r.length>o?t(r[o],r,o+1,s,i,l,a):p}}(t);return function(o,s){return r(e[0],e,1,n,t,o,s)}}var o=W(e);return H(o.sortBy,o.comparer||t,o.order)}var j=function(e,t,n,r){return Array.isArray(t)?(Array.isArray(n)&&n.length<2&&(n=n[0]),t.sort(H(n,r,e))):t};function U(e){var t=D(e.comparer);return function(n){var r=Array.isArray(n)&&!e.inPlaceSorting?n.slice():n;return{asc:function(e){return j(1,r,e,t)},desc:function(e){return j(-1,r,e,t)},by:function(e){return j(1,r,e,t)}}}}var q=function(e,t,n){return null==e?n:null==t?-n:typeof e!=typeof t?typeof et?1:0},z=U({comparer:q});U({comparer:q,inPlaceSorting:!0});const K=({queryAttribute:n,queryPrices:r,queryStock:o,queryRating:s,queryState:i,isEditor:l=!1})=>{let a=R();a=`${a}-collection-data`;const[c]=O(a),[u,d]=P("calculate_attribute_counts",[],a),[p,f]=P("calculate_price_range",null,a),[m,h]=P("calculate_stock_status_counts",null,a),[g,v]=P("calculate_rating_counts",null,a),b=C(n||{}),w=C(r),y=C(o),E=C(s);(0,t.useEffect)((()=>{"object"==typeof b&&Object.keys(b).length&&(u.find((e=>M(b,"taxonomy")&&e.taxonomy===b.taxonomy))||d([...u,b]))}),[b,u,d]),(0,t.useEffect)((()=>{p!==w&&void 0!==w&&f(w)}),[w,f,p]),(0,t.useEffect)((()=>{m!==y&&void 0!==y&&h(y)}),[y,h,m]),(0,t.useEffect)((()=>{g!==E&&void 0!==E&&v(E)}),[E,v,g]);const[k,S]=(0,t.useState)(l),[_]=(T=k,A=N,I=(0,e.useState)(B(T)),L=I[1],D=[I[0],(0,e.useCallback)((function(e){return L(B(e))}),[])],V=D[0],W=D[1],H=function(t,n,r){var o=this,s=(0,e.useRef)(null),i=(0,e.useRef)(0),l=(0,e.useRef)(null),a=(0,e.useRef)([]),c=(0,e.useRef)(),u=(0,e.useRef)(),d=(0,e.useRef)(t),p=(0,e.useRef)(!0);(0,e.useEffect)((function(){d.current=t}),[t]);var f=!n&&0!==n&&"undefined"!=typeof window;if("function"!=typeof t)throw new TypeError("Expected a function");n=+n||0;var m=!!(r=r||{}).leading,h=!("trailing"in r)||!!r.trailing,g="maxWait"in r,v=g?Math.max(+r.maxWait||0,n):null;(0,e.useEffect)((function(){return p.current=!0,function(){p.current=!1}}),[]);var b=(0,e.useMemo)((function(){var e=function(e){var t=a.current,n=c.current;return a.current=c.current=null,i.current=e,u.current=d.current.apply(n,t)},t=function(e,t){f&&cancelAnimationFrame(l.current),l.current=f?requestAnimationFrame(e):setTimeout(e,t)},r=function(e){if(!p.current)return!1;var t=e-s.current;return!s.current||t>=n||t<0||g&&e-i.current>=v},b=function(t){return l.current=null,h&&a.current?e(t):(a.current=c.current=null,u.current)},w=function e(){var o=Date.now();if(r(o))return b(o);if(p.current){var l=n-(o-s.current),a=g?Math.min(l,v-(o-i.current)):l;t(e,a)}},y=function(){var d=Date.now(),f=r(d);if(a.current=[].slice.call(arguments),c.current=o,s.current=d,f){if(!l.current&&p.current)return i.current=s.current,t(w,n),m?e(s.current):u.current;if(g)return t(w,n),e(s.current)}return l.current||t(w,n),u.current};return y.cancel=function(){l.current&&(f?cancelAnimationFrame(l.current):clearTimeout(l.current)),i.current=0,a.current=s.current=c.current=l.current=null},y.isPending=function(){return!!l.current},y.flush=function(){return l.current?b(Date.now()):u.current},y}),[m,g,n,v,h,f]);return b}((0,e.useCallback)((function(e){return W(e)}),[W]),200,x),j=(0,e.useRef)(T),A(j.current,T)||(H(T),j.current=T),[V,H]);var T,x,I,L,A,D,V,W,H,j;k||S(!0);const U=(0,t.useMemo)((()=>(e=>{const t=e;return Array.isArray(e.calculate_attribute_counts)&&(t.calculate_attribute_counts=z(e.calculate_attribute_counts.map((({taxonomy:e,queryType:t})=>({taxonomy:e,query_type:t})))).asc(["taxonomy","query_type"])),t})(c)),[c]);return F({namespace:"/wc/store/v1",resourceName:"products/collection-data",query:{...i,page:void 0,per_page:void 0,orderby:void 0,order:void 0,...U},shouldSelect:_})},$=window.wc.blocksComponents;n(1724);const G=({name:t,count:n})=>(0,e.createElement)(e.Fragment,null,t,null!==n&&Number.isFinite(n)&&(0,e.createElement)($.Label,{label:n.toString(),screenReaderLabel:(0,o.sprintf)(/* translators: %s number of products. */ +(0,o._n)("%s product","%s products",n,"woo-gutenberg-products-block"),n),wrapperElement:"span",wrapperProps:{className:"wc-filter-element-label-list-count"}}));var Q=n(4184),Y=n.n(Q);n(770);const Z=({className:t, +/* translators: Reset button text for filters. */ +label:n=(0,o.__)("Reset","woo-gutenberg-products-block"),onClick:r,screenReaderLabel:s=(0,o.__)("Reset filter","woo-gutenberg-products-block")})=>(0,e.createElement)("button",{className:Y()("wc-block-components-filter-reset-button",t),onClick:r},(0,e.createElement)($.Label,{label:n,screenReaderLabel:s}));n(994);const X=({className:t,isLoading:n,disabled:r, +/* translators: Submit button text for filters. */ +label:s=(0,o.__)("Apply","woo-gutenberg-products-block"),onClick:i,screenReaderLabel:l=(0,o.__)("Apply filter","woo-gutenberg-products-block")})=>(0,e.createElement)("button",{type:"submit",className:Y()("wp-block-button__link","wc-block-filter-submit-button","wc-block-components-filter-submit-button",{"is-loading":n},t),disabled:r,onClick:i},(0,e.createElement)($.Label,{label:s,screenReaderLabel:l})),J=window.wp.htmlEntities,ee=window.wp.url,te=e=>"boolean"==typeof e,ne=e=>"string"==typeof e,re=e=>M(e,"attribute")&&M(e,"operator")&&M(e,"slug")&&"string"==typeof e.attribute&&"string"==typeof e.operator&&Array.isArray(e.slug)&&e.slug.every((e=>"string"==typeof e)),oe=function(e){let{icon:n,size:r=24,...o}=e;return(0,t.cloneElement)(n,{width:r,height:r,...o})},se=window.wp.primitives,ie=(0,t.createElement)(se.SVG,{viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg"},(0,t.createElement)(se.Path,{d:"M17.5 11.6L12 16l-5.5-4.4.9-1.2L12 14l4.5-3.6 1 1.2z"})),le=(0,s.getSettingWithCoercion)("isRenderingPhpTemplate",!1,te),ae="query_type_",ce="filter_";function ue(e){le?((e=e.replace(/(?:query-(?:\d+-)?page=(\d+))|(?:page\/(\d+))/g,"")).endsWith("?")&&(e=e.slice(0,-1)),window.location.href=e):window.history.replaceState({},"",e)}const de=window.lodash,pe=window.wp.compose,fe=window.wp.keycodes,me=(0,t.createElement)(se.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24"},(0,t.createElement)(se.Path,{d:"M12 13.06l3.712 3.713 1.061-1.06L13.061 12l3.712-3.712-1.06-1.06L12 10.938 8.288 7.227l-1.061 1.06L10.939 12l-3.712 3.712 1.06 1.061L12 13.061z"}));function he(){return he=Object.assign?Object.assign.bind():function(e){for(var t=1;t(0===Se&&ke(!0),++Se,()=>{1===Se&&ke(!1),--Se})),[]),null}window.wp.warning;const Te=(0,t.createContext)({slots:{},fills:{},registerSlot:()=>{"undefined"!=typeof process&&process.env},updateSlot:()=>{},unregisterSlot:()=>{},registerFill:()=>{},unregisterFill:()=>{}});function xe(e){const n=(0,t.useContext)(Te),r=n.slots[e]||{},o=n.fills[e],s=(0,t.useMemo)((()=>o||[]),[o]);return{...r,updateSlot:(0,t.useCallback)((t=>{n.updateSlot(e,t)}),[e,n.updateSlot]),unregisterSlot:(0,t.useCallback)((t=>{n.unregisterSlot(e,t)}),[e,n.unregisterSlot]),fills:s,registerFill:(0,t.useCallback)((t=>{n.registerFill(e,t)}),[e,n.registerFill]),unregisterFill:(0,t.useCallback)((t=>{n.unregisterFill(e,t)}),[e,n.unregisterFill])}}const Ce=(0,t.createContext)({registerSlot:()=>{},unregisterSlot:()=>{},registerFill:()=>{},unregisterFill:()=>{},getSlot:()=>{},getFills:()=>{},subscribe:()=>{}});function Ie({name:e,children:n,registerFill:r,unregisterFill:o}){const s=(e=>{const{getSlot:n,subscribe:r}=(0,t.useContext)(Ce),[o,s]=(0,t.useState)(n(e));return(0,t.useEffect)((()=>(s(n(e)),r((()=>{s(n(e))})))),[e]),o})(e),i=(0,t.useRef)({name:e,children:n});return(0,t.useLayoutEffect)((()=>(r(e,i.current),()=>o(e,i.current))),[]),(0,t.useLayoutEffect)((()=>{i.current.children=n,s&&s.forceUpdate()}),[n]),(0,t.useLayoutEffect)((()=>{e!==i.current.name&&(o(i.current.name,i.current),i.current.name=e,r(e,i.current))}),[e]),s&&s.node?((0,de.isFunction)(n)&&(n=n(s.props.fillProps)),(0,t.createPortal)(n,s.node)):null}const Le=e=>(0,t.createElement)(Ce.Consumer,null,(({registerFill:n,unregisterFill:r})=>(0,t.createElement)(Ie,he({},e,{registerFill:n,unregisterFill:r}))));class Ae extends t.Component{constructor(){super(...arguments),this.isUnmounted=!1,this.bindNode=this.bindNode.bind(this)}componentDidMount(){const{registerSlot:e}=this.props;e(this.props.name,this)}componentWillUnmount(){const{unregisterSlot:e}=this.props;this.isUnmounted=!0,e(this.props.name,this)}componentDidUpdate(e){const{name:t,unregisterSlot:n,registerSlot:r}=this.props;e.name!==t&&(n(e.name),r(t,this))}bindNode(e){this.node=e}forceUpdate(){this.isUnmounted||super.forceUpdate()}render(){const{children:e,name:n,fillProps:r={},getFills:o}=this.props,s=(0,de.map)(o(n,this),(e=>{const n=(0,de.isFunction)(e.children)?e.children(r):e.children;return t.Children.map(n,((e,n)=>{if(!e||(0,de.isString)(e))return e;const r=e.key||n;return(0,t.cloneElement)(e,{key:r})}))})).filter((0,de.negate)(t.isEmptyElement));return(0,t.createElement)(t.Fragment,null,(0,de.isFunction)(e)?e(s):s)}}const Re=e=>(0,t.createElement)(Ce.Consumer,null,(({registerSlot:n,unregisterSlot:r,getFills:o})=>(0,t.createElement)(Ae,he({},e,{registerSlot:n,unregisterSlot:r,getFills:o}))));function Oe(){const[,e]=(0,t.useState)({}),n=(0,t.useRef)(!0);return(0,t.useEffect)((()=>()=>{n.current=!1}),[]),()=>{n.current&&e({})}}function Pe({name:e,children:n}){const r=xe(e),o=(0,t.useRef)({rerender:Oe()});return(0,t.useEffect)((()=>(r.registerFill(o),()=>{r.unregisterFill(o)})),[r.registerFill,r.unregisterFill]),r.ref&&r.ref.current?("function"==typeof n&&(n=n(r.fillProps)),(0,t.createPortal)(n,r.ref.current)):null}const Fe=(0,t.forwardRef)((function({name:e,fillProps:n={},as:r="div",...o},s){const i=(0,t.useContext)(Te),l=(0,t.useRef)();return(0,t.useLayoutEffect)((()=>(i.registerSlot(e,l,n),()=>{i.unregisterSlot(e,l)})),[i.registerSlot,i.unregisterSlot,e]),(0,t.useLayoutEffect)((()=>{i.updateSlot(e,n)})),(0,t.createElement)(r,he({ref:(0,pe.useMergeRefs)([s,l])},o))}));function Ne(e){return(0,t.createElement)(t.Fragment,null,(0,t.createElement)(Le,e),(0,t.createElement)(Pe,e))}const Be=(0,t.forwardRef)((({bubblesVirtually:e,...n},r)=>e?(0,t.createElement)(Fe,he({},n,{ref:r})):(0,t.createElement)(Re,n)));function Me(e){return"appear"===e?"top":"left"}const De="Popover";function Ve(e,t){const{paddingTop:n,paddingBottom:r,paddingLeft:o,paddingRight:s}=(i=t).ownerDocument.defaultView.getComputedStyle(i);var i;const l=n?parseInt(n,10):0,a=r?parseInt(r,10):0,c=o?parseInt(o,10):0,u=s?parseInt(s,10):0;return{x:e.left+c,y:e.top+l,width:e.width-c-u,height:e.height-l-a,left:e.left+c,right:e.right-u,top:e.top+l,bottom:e.bottom-a}}function We(e,t,n){n?e.getAttribute(t)!==n&&e.setAttribute(t,n):e.hasAttribute(t)&&e.removeAttribute(t)}function He(e,t,n=""){e.style[t]!==n&&(e.style[t]=n)}function je(e,t,n){n?e.classList.contains(t)||e.classList.add(t):e.classList.contains(t)&&e.classList.remove(t)}const Ue=(0,t.forwardRef)((({headerTitle:e,onClose:n,children:r,className:s,noArrow:i=!0,isAlternate:l,position:a="bottom right",range:c,focusOnMount:u="firstElement",anchorRef:d,shouldAnchorIncludePadding:p,anchorRect:f,getAnchorRect:m,expandOnMobile:h,animate:g=!0,onClickOutside:v,onFocusOutside:b,__unstableStickyBoundaryElement:w,__unstableSlotName:y=De,__unstableObserveElement:E,__unstableBoundaryParent:k,__unstableForcePosition:S,__unstableForceXAlignment:_,...T},x)=>{const C=(0,t.useRef)(null),I=(0,t.useRef)(null),L=(0,t.useRef)(),A=(0,pe.useViewportMatch)("medium","<"),[R,O]=(0,t.useState)(),P=xe(y),F=h&&A,[N,B]=(0,pe.useResizeObserver)();i=F||i,(0,t.useLayoutEffect)((()=>{if(F)return je(L.current,"is-without-arrow",i),je(L.current,"is-alternate",l),We(L.current,"data-x-axis"),We(L.current,"data-y-axis"),He(L.current,"top"),He(L.current,"left"),He(I.current,"maxHeight"),void He(I.current,"maxWidth");const e=()=>{if(!L.current||!I.current)return;let e=function(e,t,n,r=!1,o,s){if(t)return t;if(n){if(!e.current)return;const t=n(e.current);return ye(t,t.ownerDocument||e.current.ownerDocument,s)}if(!1!==r){if(!(r&&window.Range&&window.Element&&window.DOMRect))return;if("function"==typeof(null==r?void 0:r.cloneRange))return ye((0,be.getRectangleFromRange)(r),r.endContainer.ownerDocument,s);if("function"==typeof(null==r?void 0:r.getBoundingClientRect)){const e=ye(r.getBoundingClientRect(),r.ownerDocument,s);return o?e:Ve(e,r)}const{top:e,bottom:t}=r,n=e.getBoundingClientRect(),i=t.getBoundingClientRect(),l=ye(new window.DOMRect(n.left,n.top,n.width,i.bottom-n.top),e.ownerDocument,s);return o?l:Ve(l,r)}if(!e.current)return;const{parentNode:i}=e.current,l=i.getBoundingClientRect();return o?l:Ve(l,i)}(C,f,m,d,p,L.current);if(!e)return;const{offsetParent:t,ownerDocument:n}=L.current;let r,s=0;if(t&&t!==n.body){const n=t.getBoundingClientRect();s=n.top,e=new window.DOMRect(e.left-n.left,e.top-n.top,e.width,e.height)}var c;k&&(r=null===(c=L.current.closest(".popover-slot"))||void 0===c?void 0:c.parentNode);const u=B.height?B:I.current.getBoundingClientRect(),{popoverTop:h,popoverLeft:g,xAxis:v,yAxis:b,contentHeight:y,contentWidth:E}=function(e,t,n="top",r,s,i,l,a,c){const[u,d="center",p]=n.split(" "),f=function(e,t,n,r,o,s,i,l){const{height:a}=t;if(o){const t=o.getBoundingClientRect().top+a-i;if(e.top<=t)return{yAxis:n,popoverTop:Math.min(e.bottom,t)}}let c=e.top+e.height/2;"bottom"===r?c=e.bottom:"top"===r&&(c=e.top);const u={popoverTop:c,contentHeight:(c-a/2>0?a/2:c)+(c+a/2>window.innerHeight?window.innerHeight-c:a/2)},d={popoverTop:e.top,contentHeight:e.top-10-a>0?a:e.top-10},p={popoverTop:e.bottom,contentHeight:e.bottom+10+a>window.innerHeight?window.innerHeight-10-e.bottom:a};let f,m=n,h=null;if(!o&&!l)if("middle"===n&&u.contentHeight===a)m="middle";else if("top"===n&&d.contentHeight===a)m="top";else if("bottom"===n&&p.contentHeight===a)m="bottom";else{m=d.contentHeight>p.contentHeight?"top":"bottom";const e="top"===m?d.contentHeight:p.contentHeight;h=e!==a?e:null}return f="middle"===m?u.popoverTop:"top"===m?d.popoverTop:p.popoverTop,{yAxis:m,popoverTop:f,contentHeight:h}}(e,t,u,p,r,0,i,a),m=function(e,t,n,r,s,i,l,a,c){const{width:u}=t;"left"===n&&(0,o.isRTL)()?n="right":"right"===n&&(0,o.isRTL)()&&(n="left"),"left"===r&&(0,o.isRTL)()?r="right":"right"===r&&(0,o.isRTL)()&&(r="left");const d=Math.round(e.left+e.width/2),p={popoverLeft:d,contentWidth:(d-u/2>0?u/2:d)+(d+u/2>window.innerWidth?window.innerWidth-d:u/2)};let f=e.left;"right"===r?f=e.right:"middle"===i||c||(f=d);let m=e.right;"left"===r?m=e.left:"middle"===i||c||(m=d);const h={popoverLeft:f,contentWidth:f-u>0?u:f},g={popoverLeft:m,contentWidth:m+u>window.innerWidth?window.innerWidth-m:u};let v,b=n,w=null;if(!s&&!a)if("center"===n&&p.contentWidth===u)b="center";else if("left"===n&&h.contentWidth===u)b="left";else if("right"===n&&g.contentWidth===u)b="right";else{b=h.contentWidth>g.contentWidth?"left":"right";const e="left"===b?h.contentWidth:g.contentWidth;u>window.innerWidth&&(w=window.innerWidth),e!==u&&(b="center",p.popoverLeft=window.innerWidth/2)}if(v="center"===b?p.popoverLeft:"left"===b?h.popoverLeft:g.popoverLeft,l){const e=l.getBoundingClientRect();v=Math.min(v,e.right-u),(0,o.isRTL)()||(v=Math.max(v,0))}return{xAxis:b,popoverLeft:v,contentWidth:w}}(e,t,d,p,r,f.yAxis,l,a,c);return{...m,...f}}(e,u,a,w,L.current,s,r,S,_);"number"==typeof h&&"number"==typeof g&&(He(L.current,"top",h+"px"),He(L.current,"left",g+"px")),je(L.current,"is-without-arrow",i||"center"===v&&"middle"===b),je(L.current,"is-alternate",l),We(L.current,"data-x-axis",v),We(L.current,"data-y-axis",b),He(I.current,"maxHeight","number"==typeof y?y+"px":""),He(I.current,"maxWidth","number"==typeof E?E+"px":""),O(({left:"right",right:"left"}[v]||"center")+" "+({top:"bottom",bottom:"top"}[b]||"middle"))};e();const{ownerDocument:t}=L.current,{defaultView:n}=t,r=n.setInterval(e,500);let s;const c=()=>{n.cancelAnimationFrame(s),s=n.requestAnimationFrame(e)};n.addEventListener("click",c),n.addEventListener("resize",e),n.addEventListener("scroll",e,!0);const u=function(e){if(e)return e.endContainer?e.endContainer.ownerDocument:e.top?e.top.ownerDocument:e.ownerDocument}(d);let h;return u&&u!==t&&(u.defaultView.addEventListener("resize",e),u.defaultView.addEventListener("scroll",e,!0)),E&&(h=new n.MutationObserver(e),h.observe(E,{attributes:!0})),()=>{n.clearInterval(r),n.removeEventListener("resize",e),n.removeEventListener("scroll",e,!0),n.removeEventListener("click",c),n.cancelAnimationFrame(s),u&&u!==t&&(u.defaultView.removeEventListener("resize",e),u.defaultView.removeEventListener("scroll",e,!0)),h&&h.disconnect()}}),[F,f,m,d,p,a,B,w,E,k]);const M=(e,t)=>{if("focus-outside"===e&&b)b(t);else if("focus-outside"===e&&v){const e=new window.MouseEvent("click");Object.defineProperty(e,"target",{get:()=>t.relatedTarget}),ve()("Popover onClickOutside prop",{since:"5.3",alternative:"onFocusOutside"}),v(e)}else n&&n()},[D,V]=(0,pe.__experimentalUseDialog)({focusOnMount:u,__unstableOnClose:M,onClose:M}),W=(0,pe.useMergeRefs)([L,D,x]),H=Boolean(g&&R)&&function(e){if("loading"===e.type)return Y()("components-animate__loading");const{type:t,origin:n=Me(t)}=e;if("appear"===t){const[e,t="center"]=n.split(" ");return Y()("components-animate__appear",{["is-from-"+t]:"center"!==t,["is-from-"+e]:"middle"!==e})}return"slide-in"===t?Y()("components-animate__slide-in","is-from-"+n):void 0}({type:"appear",origin:R});let j=(0,t.createElement)("div",he({className:Y()("components-popover",s,H,{"is-expanded":F,"is-without-arrow":i,"is-alternate":l})},T,{ref:W},V,{tabIndex:"-1"}),F&&(0,t.createElement)(_e,null),F&&(0,t.createElement)("div",{className:"components-popover__header"},(0,t.createElement)("span",{className:"components-popover__header-title"},e),(0,t.createElement)(tt,{className:"components-popover__close",icon:we,onClick:n})),(0,t.createElement)("div",{ref:I,className:"components-popover__content"},(0,t.createElement)("div",{style:{position:"relative"}},N,r)));return P.ref&&(j=(0,t.createElement)(Ne,{name:y},j)),d||f?j:(0,t.createElement)("span",{ref:C},j)}));Ue.Slot=(0,t.forwardRef)((function({name:e=De},n){return(0,t.createElement)(Be,{bubblesVirtually:!0,name:e,className:"popover-slot",ref:n})}));const qe=Ue,ze=function({shortcut:e,className:n}){if(!e)return null;let r,o;return(0,de.isString)(e)&&(r=e),(0,de.isObject)(e)&&(r=e.display,o=e.ariaLabel),(0,t.createElement)("span",{className:n,"aria-label":o},r)},Ke=(0,t.createElement)("div",{className:"event-catcher"}),$e=({eventHandlers:e,child:n,childrenWithPopover:r})=>(0,t.cloneElement)((0,t.createElement)("span",{className:"disabled-element-wrapper"},(0,t.cloneElement)(Ke,e),(0,t.cloneElement)(n,{children:r}),","),e),Ge=({child:e,eventHandlers:n,childrenWithPopover:r})=>(0,t.cloneElement)(e,{...n,children:r}),Qe=(e,n,r)=>{if(1!==t.Children.count(e))return;const o=t.Children.only(e);"function"==typeof o.props[n]&&o.props[n](r)},Ye=function({children:e,position:n,text:r,shortcut:o}){const[s,i]=(0,t.useState)(!1),[l,a]=(0,t.useState)(!1),c=(0,pe.useDebounce)(a,700),u=t=>{Qe(e,"onMouseDown",t),document.addEventListener("mouseup",f),i(!0)},d=t=>{Qe(e,"onMouseUp",t),document.removeEventListener("mouseup",f),i(!1)},p=e=>"mouseUp"===e?d:"mouseDown"===e?u:void 0,f=p("mouseUp"),m=(t,n)=>r=>{if(Qe(e,t,r),r.currentTarget.disabled)return;if("focus"===r.type&&s)return;c.cancel();const o=(0,de.includes)(["focus","mouseenter"],r.type);o!==l&&(n?c(o):a(o))},h=()=>{c.cancel(),document.removeEventListener("mouseup",f)};if((0,t.useEffect)((()=>h),[]),1!==t.Children.count(e))return e;const g={onMouseEnter:m("onMouseEnter",!0),onMouseLeave:m("onMouseLeave"),onClick:m("onClick"),onFocus:m("onFocus"),onBlur:m("onBlur"),onMouseDown:p("mouseDown")},v=t.Children.only(e),{children:b,disabled:w}=v.props,y=w?$e:Ge,E=(({grandchildren:e,isOver:n,position:r,text:o,shortcut:s})=>(0,t.concatChildren)(e,n&&(0,t.createElement)(qe,{focusOnMount:!1,position:r,className:"components-tooltip","aria-hidden":"true",animate:!1,noArrow:!0},o,(0,t.createElement)(ze,{className:"components-tooltip__shortcut",shortcut:s}))))({grandchildren:b,isOver:l,position:n,text:r,shortcut:o});return y({child:v,eventHandlers:g,childrenWithPopover:E})},Ze=function({icon:e,className:n,...r}){const o=["dashicon","dashicons","dashicons-"+e,n].filter(Boolean).join(" ");return(0,t.createElement)("span",he({className:o},r))},Xe=function({icon:e=null,size:n=24,...r}){if("string"==typeof e)return(0,t.createElement)(Ze,he({icon:e},r));if((0,t.isValidElement)(e)&&Ze===e.type)return(0,t.cloneElement)(e,{...r});if("function"==typeof e)return e.prototype instanceof t.Component?(0,t.createElement)(e,{size:n,...r}):e({size:n,...r});if(e&&("svg"===e.type||e.type===se.SVG)){const o={width:n,height:n,...e.props,...r};return(0,t.createElement)(se.SVG,o)}return(0,t.isValidElement)(e)?(0,t.cloneElement)(e,{size:n,...r}):e},Je=(0,t.forwardRef)((function({as:e="div",className:n,...r},o){return function({as:e="div",...n}){return"function"==typeof n.children?n.children(n):(0,t.createElement)(e,n)}({as:e,className:Y()("components-visually-hidden",n),...r,ref:o})})),et=["onMouseDown","onClick"],tt=(0,t.forwardRef)((function(e,n){const{href:r,target:o,isSmall:s,isPressed:i,isBusy:l,isDestructive:a,className:c,disabled:u,icon:d,iconPosition:p="left",iconSize:f,showTooltip:m,tooltipPosition:h,shortcut:g,label:v,children:b,text:w,variant:y,__experimentalIsFocusable:E,describedBy:k,...S}=function({isDefault:e,isPrimary:t,isSecondary:n,isTertiary:r,isLink:o,variant:s,...i}){let l=s;var a,c,u,d,p;return t&&(null!==(a=l)&&void 0!==a||(l="primary")),r&&(null!==(c=l)&&void 0!==c||(l="tertiary")),n&&(null!==(u=l)&&void 0!==u||(l="secondary")),e&&(ve()("Button isDefault prop",{since:"5.4",alternative:'variant="secondary"'}),null!==(d=l)&&void 0!==d||(l="secondary")),o&&(null!==(p=l)&&void 0!==p||(l="link")),{...i,variant:l}}(e),_=Y()("components-button",c,{"is-secondary":"secondary"===y,"is-primary":"primary"===y,"is-small":s,"is-tertiary":"tertiary"===y,"is-pressed":i,"is-busy":l,"is-link":"link"===y,"is-destructive":a,"has-text":!!d&&!!b,"has-icon":!!d}),T=u&&!E,x=void 0===r||T?"button":"a",C="a"===x?{href:r,target:o}:{type:"button",disabled:T,"aria-pressed":i};if(u&&E){C["aria-disabled"]=!0;for(const e of et)S[e]=e=>{e.stopPropagation(),e.preventDefault()}}const I=!T&&(m&&v||g||!!v&&(!b||(0,de.isArray)(b)&&!b.length)&&!1!==m),L=k?(0,de.uniqueId)():null,A=S["aria-describedby"]||L,R=(0,t.createElement)(x,he({},C,S,{className:_,"aria-label":S["aria-label"]||v,"aria-describedby":A,ref:n}),d&&"left"===p&&(0,t.createElement)(Xe,{icon:d,size:f}),w&&(0,t.createElement)(t.Fragment,null,w),d&&"right"===p&&(0,t.createElement)(Xe,{icon:d,size:f}),b);return I?(0,t.createElement)(t.Fragment,null,(0,t.createElement)(Ye,{text:k||v,shortcut:g,position:h},R),k&&(0,t.createElement)(Je,null,(0,t.createElement)("span",{id:L},k))):(0,t.createElement)(t.Fragment,null,R,k&&(0,t.createElement)(Je,null,(0,t.createElement)("span",{id:L},k)))}));function nt({value:e,status:n,title:r,displayTransform:s,isBorderless:i=!1,disabled:l=!1,onClickRemove:a=de.noop,onMouseEnter:c,onMouseLeave:u,messages:d,termPosition:p,termsCount:f}){const m=(0,pe.useInstanceId)(nt),h=Y()("components-form-token-field__token",{"is-error":"error"===n,"is-success":"success"===n,"is-validating":"validating"===n,"is-borderless":i,"is-disabled":l}),g=s(e),v=(0,o.sprintf)( +/* translators: 1: term name, 2: term position in a set of terms, 3: total term set count. */ +(0,o.__)("%1$s (%2$s of %3$s)"),g,p,f);return(0,t.createElement)("span",{className:h,onMouseEnter:c,onMouseLeave:u,title:r},(0,t.createElement)("span",{className:"components-form-token-field__token-text",id:`components-form-token-field__token-text-${m}`},(0,t.createElement)(Je,{as:"span"},v),(0,t.createElement)("span",{"aria-hidden":"true"},g)),(0,t.createElement)(tt,{className:"components-form-token-field__remove-token",icon:me,onClick:!l&&(()=>a({value:e})),label:d.remove,"aria-describedby":`components-form-token-field__token-text-${m}`}))}class rt extends t.Component{constructor(){super(...arguments),this.onChange=this.onChange.bind(this),this.bindInput=this.bindInput.bind(this)}focus(){this.input.focus()}hasFocus(){return this.input===this.input.ownerDocument.activeElement}bindInput(e){this.input=e}onChange(e){this.props.onChange({value:e.target.value})}render(){const{value:e,isExpanded:n,instanceId:r,selectedSuggestionIndex:o,className:s,...i}=this.props,l=e?e.length+1:0;return(0,t.createElement)("input",he({ref:this.bindInput,id:`components-form-token-input-${r}`,type:"text"},i,{value:e||"",onChange:this.onChange,size:l,className:Y()(s,"components-form-token-field__input"),autoComplete:"off",role:"combobox","aria-expanded":n,"aria-autocomplete":"list","aria-owns":n?`components-form-token-suggestions-${r}`:void 0,"aria-activedescendant":-1!==o?`components-form-token-suggestions-${r}-${o}`:void 0,"aria-describedby":`components-form-token-suggestions-howto-${r}`}))}}const ot=rt;var st=n(4979),it=n.n(st);class lt extends t.Component{constructor(){super(...arguments),this.handleMouseDown=this.handleMouseDown.bind(this),this.bindList=this.bindList.bind(this)}componentDidUpdate(){this.props.selectedIndex>-1&&this.props.scrollIntoView&&this.list.children[this.props.selectedIndex]&&(this.scrollingIntoView=!0,it()(this.list.children[this.props.selectedIndex],this.list,{onlyScrollIfNeeded:!0}),this.props.setTimeout((()=>{this.scrollingIntoView=!1}),100))}bindList(e){this.list=e}handleHover(e){return()=>{this.scrollingIntoView||this.props.onHover(e)}}handleClick(e){return()=>{this.props.onSelect(e)}}handleMouseDown(e){e.preventDefault()}computeSuggestionMatch(e){const t=this.props.displayTransform(this.props.match||"").toLocaleLowerCase();if(0===t.length)return null;const n=(e=this.props.displayTransform(e)).toLocaleLowerCase().indexOf(t);return{suggestionBeforeMatch:e.substring(0,n),suggestionMatch:e.substring(n,n+t.length),suggestionAfterMatch:e.substring(n+t.length)}}render(){return(0,t.createElement)("ul",{ref:this.bindList,className:"components-form-token-field__suggestions-list",id:`components-form-token-suggestions-${this.props.instanceId}`,role:"listbox"},(0,de.map)(this.props.suggestions,((e,n)=>{const r=this.computeSuggestionMatch(e),o=Y()("components-form-token-field__suggestion",{"is-selected":n===this.props.selectedIndex});return(0,t.createElement)("li",{id:`components-form-token-suggestions-${this.props.instanceId}-${n}`,role:"option",className:o,key:null!=e&&e.value?e.value:this.props.displayTransform(e),onMouseDown:this.handleMouseDown,onClick:this.handleClick(e),onMouseEnter:this.handleHover(e),"aria-selected":n===this.props.selectedIndex},r?(0,t.createElement)("span",{"aria-label":this.props.displayTransform(e)},r.suggestionBeforeMatch,(0,t.createElement)("strong",{className:"components-form-token-field__suggestion-match"},r.suggestionMatch),r.suggestionAfterMatch):this.props.displayTransform(e))})))}}lt.defaultProps={match:"",onHover:()=>{},onSelect:()=>{},suggestions:Object.freeze([])};const at=(0,pe.withSafeTimeout)(lt),ct=window.wp.a11y,ut=(0,pe.createHigherOrderComponent)((e=>n=>(0,t.createElement)(e,he({},n,{speak:ct.speak,debouncedSpeak:(0,pe.useDebounce)(ct.speak,500)}))),"withSpokenMessages"),dt={incompleteTokenValue:"",inputOffsetFromEnd:0,isActive:!1,isExpanded:!1,selectedSuggestionIndex:-1,selectedSuggestionScroll:!1};class pt extends t.Component{constructor(){super(...arguments),this.state=dt,this.onKeyDown=this.onKeyDown.bind(this),this.onKeyPress=this.onKeyPress.bind(this),this.onFocus=this.onFocus.bind(this),this.onBlur=this.onBlur.bind(this),this.deleteTokenBeforeInput=this.deleteTokenBeforeInput.bind(this),this.deleteTokenAfterInput=this.deleteTokenAfterInput.bind(this),this.addCurrentToken=this.addCurrentToken.bind(this),this.onContainerTouched=this.onContainerTouched.bind(this),this.renderToken=this.renderToken.bind(this),this.onTokenClickRemove=this.onTokenClickRemove.bind(this),this.onSuggestionHovered=this.onSuggestionHovered.bind(this),this.onSuggestionSelected=this.onSuggestionSelected.bind(this),this.onInputChange=this.onInputChange.bind(this),this.bindInput=this.bindInput.bind(this),this.bindTokensAndInput=this.bindTokensAndInput.bind(this),this.updateSuggestions=this.updateSuggestions.bind(this)}componentDidUpdate(e){this.state.isActive&&!this.input.hasFocus()&&this.input.focus();const{suggestions:t,value:n}=this.props,r=!x()(t,e.suggestions);(r||n!==e.value)&&this.updateSuggestions(r)}static getDerivedStateFromProps(e,t){return e.disabled&&t.isActive?{isActive:!1,incompleteTokenValue:""}:null}bindInput(e){this.input=e}bindTokensAndInput(e){this.tokensAndInput=e}onFocus(e){const{__experimentalExpandOnFocus:t}=this.props;this.input.hasFocus()||e.target===this.tokensAndInput?this.setState({isActive:!0,isExpanded:!!t||this.state.isExpanded}):this.setState({isActive:!1}),"function"==typeof this.props.onFocus&&this.props.onFocus(e)}onBlur(){this.inputHasValidValue()?this.setState({isActive:!1}):this.setState(dt)}onKeyDown(e){let t=!1;switch(e.keyCode){case fe.BACKSPACE:t=this.handleDeleteKey(this.deleteTokenBeforeInput);break;case fe.ENTER:t=this.addCurrentToken();break;case fe.LEFT:t=this.handleLeftArrowKey();break;case fe.UP:t=this.handleUpArrowKey();break;case fe.RIGHT:t=this.handleRightArrowKey();break;case fe.DOWN:t=this.handleDownArrowKey();break;case fe.DELETE:t=this.handleDeleteKey(this.deleteTokenAfterInput);break;case fe.SPACE:this.props.tokenizeOnSpace&&(t=this.addCurrentToken());break;case fe.ESCAPE:t=this.handleEscapeKey(e),e.stopPropagation()}t&&e.preventDefault()}onKeyPress(e){let t=!1;44===e.charCode&&(t=this.handleCommaKey()),t&&e.preventDefault()}onContainerTouched(e){e.target===this.tokensAndInput&&this.state.isActive&&e.preventDefault()}onTokenClickRemove(e){this.deleteToken(e.value),this.input.focus()}onSuggestionHovered(e){const t=this.getMatchingSuggestions().indexOf(e);t>=0&&this.setState({selectedSuggestionIndex:t,selectedSuggestionScroll:!1})}onSuggestionSelected(e){this.addNewToken(e)}onInputChange(e){const t=e.value,n=this.props.tokenizeOnSpace?/[ ,\t]+/:/[,\t]+/,r=t.split(n),o=(0,de.last)(r)||"";r.length>1&&this.addNewTokens(r.slice(0,-1)),this.setState({incompleteTokenValue:o},this.updateSuggestions),this.props.onInputChange(o)}handleDeleteKey(e){let t=!1;return this.input.hasFocus()&&this.isInputEmpty()&&(e(),t=!0),t}handleLeftArrowKey(){let e=!1;return this.isInputEmpty()&&(this.moveInputBeforePreviousToken(),e=!0),e}handleRightArrowKey(){let e=!1;return this.isInputEmpty()&&(this.moveInputAfterNextToken(),e=!0),e}handleUpArrowKey(){return this.setState(((e,t)=>({selectedSuggestionIndex:(0===e.selectedSuggestionIndex?this.getMatchingSuggestions(e.incompleteTokenValue,t.suggestions,t.value,t.maxSuggestions,t.saveTransform).length:e.selectedSuggestionIndex)-1,selectedSuggestionScroll:!0}))),!0}handleDownArrowKey(){return this.setState(((e,t)=>({selectedSuggestionIndex:(e.selectedSuggestionIndex+1)%this.getMatchingSuggestions(e.incompleteTokenValue,t.suggestions,t.value,t.maxSuggestions,t.saveTransform).length,selectedSuggestionScroll:!0}))),!0}handleEscapeKey(e){return this.setState({incompleteTokenValue:e.target.value,isExpanded:!1,selectedSuggestionIndex:-1,selectedSuggestionScroll:!1}),!0}handleCommaKey(){return this.inputHasValidValue()&&this.addNewToken(this.state.incompleteTokenValue),!0}moveInputToIndex(e){this.setState(((t,n)=>({inputOffsetFromEnd:n.value.length-Math.max(e,-1)-1})))}moveInputBeforePreviousToken(){this.setState(((e,t)=>({inputOffsetFromEnd:Math.min(e.inputOffsetFromEnd+1,t.value.length)})))}moveInputAfterNextToken(){this.setState((e=>({inputOffsetFromEnd:Math.max(e.inputOffsetFromEnd-1,0)})))}deleteTokenBeforeInput(){const e=this.getIndexOfInput()-1;e>-1&&this.deleteToken(this.props.value[e])}deleteTokenAfterInput(){const e=this.getIndexOfInput();e!this.valueContainsToken(e))));if(t.length>0){const e=(0,de.clone)(this.props.value);e.splice.apply(e,[this.getIndexOfInput(),0].concat(t)),this.props.onChange(e)}}addNewToken(e){const{__experimentalExpandOnFocus:t,__experimentalValidateInput:n}=this.props;n(e)?(this.addNewTokens([e]),this.props.speak(this.props.messages.added,"assertive"),this.setState({incompleteTokenValue:"",selectedSuggestionIndex:-1,selectedSuggestionScroll:!1,isExpanded:!t}),this.state.isActive&&this.input.focus()):this.props.speak(this.props.messages.__experimentalInvalid,"assertive")}deleteToken(e){const t=this.props.value.filter((t=>this.getTokenValue(t)!==this.getTokenValue(e)));this.props.onChange(t),this.props.speak(this.props.messages.removed,"assertive")}getTokenValue(e){return"object"==typeof e?e.value:e}getMatchingSuggestions(e=this.state.incompleteTokenValue,t=this.props.suggestions,n=this.props.value,r=this.props.maxSuggestions,o=this.props.saveTransform){let s=o(e);const i=[],l=[];return 0===s.length?t=(0,de.difference)(t,n):(s=s.toLocaleLowerCase(),(0,de.each)(t,(e=>{const t=e.toLocaleLowerCase().indexOf(s);-1===n.indexOf(e)&&(0===t?i.push(e):t>0&&l.push(e))})),t=i.concat(l)),(0,de.take)(t,r)}getSelectedSuggestion(){if(-1!==this.state.selectedSuggestionIndex)return this.getMatchingSuggestions()[this.state.selectedSuggestionIndex]}valueContainsToken(e){return(0,de.some)(this.props.value,(t=>this.getTokenValue(e)===this.getTokenValue(t)))}getIndexOfInput(){return this.props.value.length-this.state.inputOffsetFromEnd}isInputEmpty(){return 0===this.state.incompleteTokenValue.length}inputHasValidValue(){return this.props.saveTransform(this.state.incompleteTokenValue).length>0}updateSuggestions(e=!0){const{__experimentalExpandOnFocus:t}=this.props,{incompleteTokenValue:n}=this.state,r=n.trim().length>1,s=this.getMatchingSuggestions(n),i=s.length>0,l={isExpanded:t||r&&i};if(e&&(l.selectedSuggestionIndex=-1,l.selectedSuggestionScroll=!1),this.setState(l),r){const{debouncedSpeak:e}=this.props;e(i?(0,o.sprintf)( +/* translators: %d: number of results. */ +(0,o._n)("%d result found, use up and down arrow keys to navigate.","%d results found, use up and down arrow keys to navigate.",s.length),s.length):(0,o.__)("No results."),"assertive")}}renderTokensAndInput(){const e=(0,de.map)(this.props.value,this.renderToken);return e.splice(this.getIndexOfInput(),0,this.renderInput()),e}renderToken(e,n,r){const o=this.getTokenValue(e),s=e.status?e.status:void 0,i=n+1,l=r.length;return(0,t.createElement)(nt,{key:"token-"+o,value:o,status:s,title:e.title,displayTransform:this.props.displayTransform,onClickRemove:this.onTokenClickRemove,isBorderless:e.isBorderless||this.props.isBorderless,onMouseEnter:e.onMouseEnter,onMouseLeave:e.onMouseLeave,disabled:"error"!==s&&this.props.disabled,messages:this.props.messages,termsCount:l,termPosition:i})}renderInput(){const{autoCapitalize:e,autoComplete:n,maxLength:r,placeholder:o,value:s,instanceId:i}=this.props;let l={instanceId:i,autoCapitalize:e,autoComplete:n,placeholder:0===s.length?o:"",ref:this.bindInput,key:"input",disabled:this.props.disabled,value:this.state.incompleteTokenValue,onBlur:this.onBlur,isExpanded:this.state.isExpanded,selectedSuggestionIndex:this.state.selectedSuggestionIndex};return r&&s.length>=r||(l={...l,onChange:this.onInputChange}),(0,t.createElement)(ot,l)}render(){const{disabled:e,label:n=(0,o.__)("Add item"),instanceId:r,className:s,__experimentalShowHowTo:i}=this.props,{isExpanded:l}=this.state,a=Y()(s,"components-form-token-field__input-container",{"is-active":this.state.isActive,"is-disabled":e});let c={className:"components-form-token-field",tabIndex:"-1"};const u=this.getMatchingSuggestions();return e||(c=Object.assign({},c,{onKeyDown:this.onKeyDown,onKeyPress:this.onKeyPress,onFocus:this.onFocus})),(0,t.createElement)("div",c,(0,t.createElement)("label",{htmlFor:`components-form-token-input-${r}`,className:"components-form-token-field__label"},n),(0,t.createElement)("div",{ref:this.bindTokensAndInput,className:a,tabIndex:"-1",onMouseDown:this.onContainerTouched,onTouchStart:this.onContainerTouched},this.renderTokensAndInput(),l&&(0,t.createElement)(at,{instanceId:r,match:this.props.saveTransform(this.state.incompleteTokenValue),displayTransform:this.props.displayTransform,suggestions:u,selectedIndex:this.state.selectedSuggestionIndex,scrollIntoView:this.state.selectedSuggestionScroll,onHover:this.onSuggestionHovered,onSelect:this.onSuggestionSelected})),i&&(0,t.createElement)("p",{id:`components-form-token-suggestions-howto-${r}`,className:"components-form-token-field__help"},this.props.tokenizeOnSpace?(0,o.__)("Separate with commas, spaces, or the Enter key."):(0,o.__)("Separate with commas or the Enter key.")))}}pt.defaultProps={suggestions:Object.freeze([]),maxSuggestions:100,value:Object.freeze([]),displayTransform:de.identity,saveTransform:e=>e.trim(),onChange:()=>{},onInputChange:()=>{},isBorderless:!1,disabled:!1,tokenizeOnSpace:!1,messages:{added:(0,o.__)("Item added."),removed:(0,o.__)("Item removed."),remove:(0,o.__)("Remove item"),__experimentalInvalid:(0,o.__)("Invalid item")},__experimentalExpandOnFocus:!1,__experimentalValidateInput:()=>!0,__experimentalShowHowTo:!0};const ft=ut((0,pe.withInstanceId)(pt));n(230);const mt=({className:t,style:n,suggestions:r,multiple:o=!0,saveTransform:s=(e=>e.trim().replace(/\s/g,"-")),messages:i={},validateInput:l=(e=>r.includes(e)),label:a="",...c})=>(0,e.createElement)("div",{className:Y()("wc-blocks-components-form-token-field-wrapper",t,{"single-selection":!o}),style:n},(0,e.createElement)(ft,{label:a,__experimentalExpandOnFocus:!0,__experimentalShowHowTo:!1,__experimentalValidateInput:l,saveTransform:s,maxLength:o?void 0:1,suggestions:r,messages:i,...c}));n(7732);const ht=({children:t})=>(0,e.createElement)("div",{className:"wc-block-filter-title-placeholder"},t),gt=(0,s.getSetting)("attributes",[]).reduce(((e,t)=>{const n=(r=t)&&r.attribute_name?{id:parseInt(r.attribute_id,10),name:r.attribute_name,taxonomy:"pa_"+r.attribute_name,label:r.attribute_label}:null;var r;return n&&n.id&&e.push(n),e}),[]),vt=(e=[],t,n,r=[],o="in")=>{if(!n||!n.taxonomy)return[];const s=e.filter((e=>e.attribute!==n.taxonomy));return 0===r.length?t(s):(s.push({attribute:n.taxonomy,operator:o,slug:r.map((({slug:e})=>e)).sort()}),t(z(s).asc("attribute"))),s},bt=[{value:"preview-1",formattedValue:"preview-1",name:"Blue",label:(0,e.createElement)(G,{name:"Blue",count:3}),textLabel:"Blue (3)"},{value:"preview-2",formattedValue:"preview-2",name:"Green",label:(0,e.createElement)(G,{name:"Green",count:3}),textLabel:"Green (3)"},{value:"preview-3",formattedValue:"preview-3",name:"Red",label:(0,e.createElement)(G,{name:"Red",count:2}),textLabel:"Red (2)"}],wt={count:0,has_archives:!0,id:0,label:"Preview",name:"preview",order:"menu_order",parent:0,taxonomy:"preview",type:""};n(3057);const yt=JSON.parse('{"Y4":{"hd":{"Z":"or"},"D8":{"Z":3},"PW":{"Z":"list"},"lr":{"Z":"multiple"}}}');function Et(){return Math.floor(Math.random()*Date.now())}const kt=e=>e.replace("pa_",""),St=(e,t=[])=>{const n={};t.forEach((e=>{const{attribute:t,slug:r,operator:o}=e,s=kt(t),i=r.join(","),l=`${ae}${s}`,a="in"===o?"or":"and";n[`${ce}${s}`]=i,n[l]=a}));const r=(0,ee.removeQueryArgs)(e,...Object.keys(n));return(0,ee.addQueryArgs)(r,n)},_t=e=>{if(e){const n=(t=`filter_${e.name}`,window?(0,ee.getQueryArg)(window.location.href,t):null);return("string"==typeof n?n.split(","):[]).map((e=>encodeURIComponent(e).toLowerCase()))}var t;return[]},Tt=e=>e.trim().replace(/\s/g,"-").replace(/_/g,"-").replace(/-+/g,"-").replace(/[^a-zA-Z0-9-]/g,""),xt=({isLoading:t=!1,options:n,checked:r,onChange:o})=>t?(0,e.createElement)(e.Fragment,null,(0,e.createElement)("span",{className:"is-loading"}),(0,e.createElement)("span",{className:"is-loading"})):(0,e.createElement)($.CheckboxList,{className:"wc-block-attribute-filter-list",options:n,checked:r,onChange:o,isLoading:t,isDisabled:t}),Ct=(0,t.createContext)({});(e=>{const t=document.body.querySelectorAll(S.join(",")),{Block:n,getProps:r,getErrorBoundaryProps:o,selector:s}=e;(({Block:e,getProps:t,getErrorBoundaryProps:n,selector:r,wrappers:o})=>{const s=document.body.querySelectorAll(r);o&&o.length>0&&Array.prototype.filter.call(s,(e=>!((e,t)=>Array.prototype.some.call(t,(t=>t.contains(e)&&!t.isSameNode(e))))(e,o))),_({Block:e,containers:s,getProps:t,getErrorBoundaryProps:n})})({Block:n,getProps:r,getErrorBoundaryProps:o,selector:s,wrappers:t}),Array.prototype.forEach.call(t,(t=>{t.addEventListener("wc-blocks_render_blocks_frontend",(()=>{(({Block:e,getProps:t,getErrorBoundaryProps:n,selector:r,wrapper:o})=>{const s=o.querySelectorAll(r);_({Block:e,containers:s,getProps:t,getErrorBoundaryProps:n})})({...e,wrapper:t})}))}))})({selector:".wp-block-woocommerce-attribute-filter",Block:({attributes:n,isEditor:r=!1,getNotice:i=(()=>null)})=>{const l=(0,s.getSettingWithCoercion)("hasFilterableProducts",!1,te),a=(0,s.getSettingWithCoercion)("isRenderingPhpTemplate",!1,te),c=(0,s.getSettingWithCoercion)("pageUrl",window.location.href,ne),[u,d]=(0,t.useState)(!1),p=n.isPreview&&!n.attributeId?wt:(e=>{if(e)return gt.find((t=>t.id===e))})(n.attributeId),f=(0,t.useMemo)((()=>_t(p)),[p]),[m,h]=(0,t.useState)(f),[g,v]=(0,t.useState)(Et()),[b,w]=(0,t.useState)(n.isPreview&&!n.attributeId?bt:[]),[y]=O(),[E,k]=P("attributes",[]),{results:S,isLoading:_}=F({namespace:"/wc/store/v1",resourceName:"products/attributes/terms",resourceValues:[(null==p?void 0:p.id)||0],shouldSelect:n.attributeId>0,query:{orderby:"menu_order"}}),{results:T,isLoading:I}=K({queryAttribute:{taxonomy:(null==p?void 0:p.taxonomy)||"",queryType:n.queryType},queryState:{...y},isEditor:r}),L=(0,t.useCallback)((e=>M(T,"attribute_counts")&&Array.isArray(T.attribute_counts)?T.attribute_counts.find((({term:t})=>t===e)):null),[T]);(0,t.useEffect)((()=>{if(_||I)return;if(!Array.isArray(S))return;const t=S.map((t=>{const r=L(t.id);if(!(r||m.includes(t.slug)||(o=t.slug,null!=y&&y.attributes&&y.attributes.some((({attribute:e,slug:t=[]})=>e===(null==p?void 0:p.taxonomy)&&t.includes(o))))))return null;var o;const s=r?r.count:0;return{formattedValue:Tt(t.slug),value:t.slug,name:(0,J.decodeEntities)(t.name),label:(0,e.createElement)(G,{name:(0,J.decodeEntities)(t.name),count:n.showCounts?s:null}),textLabel:n.showCounts?`${(0,J.decodeEntities)(t.name)} (${s})`:(0,J.decodeEntities)(t.name)}})).filter((e=>!!e));w(t),v(Et())}),[null==p?void 0:p.taxonomy,S,_,n.showCounts,I,L,m,y.attributes]);const A=(0,t.useCallback)((e=>Array.isArray(S)?S.reduce(((t,n)=>(e.includes(n.slug)&&t.push(n),t)),[]):[]),[S]),R=(0,t.useCallback)(((e,t=!1)=>{if(e=e.map((e=>({...e,slug:e.slug.map((e=>decodeURIComponent(e)))}))),t){if(null==p||!p.taxonomy)return;const t=Object.keys((0,ee.getQueryArgs)(window.location.href)),n=kt(p.taxonomy),r=t.reduce(((e,t)=>t.includes(ae+n)||t.includes(ce+n)?(0,ee.removeQueryArgs)(e,t):e),window.location.href);ue(St(r,e))}else{const t=St(c,e);((e,t)=>{const n=Object.entries(t).reduce(((e,[t,n])=>t.includes("query_type")?e:{...e,[t]:n}),{});return Object.entries(n).reduce(((t,[n,r])=>e[n]===r&&t),!0)})((0,ee.getQueryArgs)(window.location.href),(0,ee.getQueryArgs)(t))||ue(t)}}),[c,null==p?void 0:p.taxonomy]),N=e=>{const t=vt(E,k,p,A(e),"or"===n.queryType?"in":"and");R(t,0===e.length)},B=(0,t.useCallback)(((e,t=!1)=>{r||(h(e),!t&&n.showFilterButton||vt(E,k,p,A(e),"or"===n.queryType?"in":"and"))}),[r,h,E,k,p,A,n.queryType,n.showFilterButton]),D=C((0,t.useMemo)((()=>{return e=E,Array.isArray(e)&&e.every(re)?E.filter((({attribute:e})=>e===(null==p?void 0:p.taxonomy))).flatMap((({slug:e})=>e)):[];var e}),[E,null==p?void 0:p.taxonomy])),V=function(e,n){const r=(0,t.useRef)();return(0,t.useEffect)((()=>{r.current===e||(r.current=e)}),[e,n]),r.current}(D);(0,t.useEffect)((()=>{!V||x()(V,D)||x()(m,D)||B(D)}),[m,D,V,B]);const W="single"!==n.selectType,H=(0,t.useCallback)((e=>{const t=m.includes(e);let n;W?(n=m.filter((t=>t!==e)),t||(n.push(e),n.sort())):n=t?[]:[e],B(n)}),[m,W,B]);(0,t.useEffect)((()=>{p&&!n.showFilterButton&&((({currentCheckedFilters:e,hasSetFilterDefaultsFromUrl:t})=>t&&0===e.length)({currentCheckedFilters:m,hasSetFilterDefaultsFromUrl:u})?R(E,!0):R(E,!1))}),[u,R,E,p,m,n.showFilterButton]),(0,t.useEffect)((()=>{if(!u&&!_)return f.length>0?(d(!0),void B(f,!0)):void(a||d(!0))}),[p,u,_,B,f,a]);const j=(()=>{const{wrapper:e}=(0,t.useContext)(Ct);return t=>{e&&e.current&&(e.current.hidden=!t)}})();if(!l)return j(!1),null;if(!p)return r?i("noAttributes"):(j(!1),null);if(0===b.length&&!_&&r)return i("noProducts");const U=`h${n.headingLevel}`,q=!n.isPreview&&_,z=!n.isPreview&&I,$=(q||z)&&0===b.length;if(!$&&0===b.length)return j(!1),null;const Q=W?!$&&m.length!m.includes(e.value))).map((e=>e.formattedValue)),disabled:$,placeholder:(0,o.sprintf)(/* translators: %s attribute name. */ +(0,o.__)("Select %s","woo-gutenberg-products-block"),p.label),onChange:e=>{!W&&e.length>1&&(e=[e[e.length-1]]);const t=[e=e.map((e=>{const t=b.find((t=>t.formattedValue===e));return t?t.value:e})),m].reduce(((e,t)=>e.filter((e=>!t.includes(e)))));if(1===t.length)return H(t[0]);const n=[m,e].reduce(((e,t)=>e.filter((e=>!t.includes(e)))));1===n.length&&H(n[0])},value:m,displayTransform:e=>{const t=b.find((t=>[t.value,t.formattedValue].includes(e)));return t?t.textLabel:e},saveTransform:Tt,messages:{added:(0,o.sprintf)(/* translators: %s is the attribute label. */ +(0,o.__)("%s filter added.","woo-gutenberg-products-block"),p.label),removed:(0,o.sprintf)(/* translators: %s is the attribute label. */ +(0,o.__)("%s filter removed.","woo-gutenberg-products-block"),p.label),remove:(0,o.sprintf)(/* translators: %s is the attribute label. */ +(0,o.__)("Remove %s filter.","woo-gutenberg-products-block"),p.label.toLocaleLowerCase()),__experimentalInvalid:(0,o.sprintf)(/* translators: %s is the attribute label. */ +(0,o.__)("Invalid %s filter.","woo-gutenberg-products-block"),p.label.toLocaleLowerCase())}}),Q&&(0,e.createElement)(oe,{icon:ie,size:30})):(0,e.createElement)(xt,{options:b,checked:m,onChange:H,isLoading:$,isDisabled:$})),(0,e.createElement)("div",{className:"wc-block-attribute-filter__actions"},(m.length>0||r)&&!$&&(0,e.createElement)(Z,{onClick:()=>{h([]),v(Et()),u&&N([])},screenReaderLabel:(0,o.__)("Reset attribute filter","woo-gutenberg-products-block")}),n.showFilterButton&&(0,e.createElement)(X,{className:"wc-block-attribute-filter__button",isLoading:$,disabled:(()=>{if(q||z)return!0;const e=_t(p);return e.length===m.length&&m.every((t=>e.includes(t)))})(),onClick:()=>N(m)})))},getProps:e=>{return{isEditor:!1,attributes:(t=e.dataset,{className:ne(null==t?void 0:t.className)?t.className:"",attributeId:parseInt(ne(null==t?void 0:t.attributeId)?t.attributeId:"0",10),showCounts:"true"===(null==t?void 0:t.showCounts),queryType:ne(null==t?void 0:t.queryType)&&t.queryType||yt.Y4.hd.Z,heading:ne(null==t?void 0:t.heading)?t.heading:"",headingLevel:ne(null==t?void 0:t.headingLevel)&&parseInt(t.headingLevel,10)||yt.Y4.D8.Z,displayStyle:ne(null==t?void 0:t.displayStyle)&&t.displayStyle||yt.Y4.PW.Z,showFilterButton:"true"===(null==t?void 0:t.showFilterButton),selectType:ne(null==t?void 0:t.selectType)&&t.selectType||yt.Y4.lr.Z,isPreview:!1})};var t}})})()})(); \ No newline at end of file diff --git a/build/attribute-filter-rtl.css b/build/attribute-filter-rtl.css new file mode 100644 index 00000000000..e26438bdc06 --- /dev/null +++ b/build/attribute-filter-rtl.css @@ -0,0 +1,7 @@ +@keyframes spinner__animation{0%{animation-timing-function:cubic-bezier(.5856,.0703,.4143,.9297);transform:rotate(0deg)}to{transform:rotate(-1turn)}}@keyframes loading__animation{to{transform:translateX(-100%)}}.wc-filter-element-label-list-count:before{content:" ("}.wc-filter-element-label-list-count:after{content:")"} +@keyframes spinner__animation{0%{animation-timing-function:cubic-bezier(.5856,.0703,.4143,.9297);transform:rotate(0deg)}to{transform:rotate(-1turn)}}@keyframes loading__animation{to{transform:translateX(-100%)}}.wc-block-components-filter-reset-button{background:transparent;border:0;border-radius:0;box-shadow:none;color:inherit;cursor:pointer;display:inline;font-family:inherit;font-size:inherit;font-size:.875em;font-style:inherit;font-weight:inherit;font-weight:400;letter-spacing:inherit;line-height:inherit;margin:0;padding:0;text-decoration:inherit;text-decoration:underline;text-shadow:none;text-transform:inherit;vertical-align:baseline}.wc-block-components-filter-reset-button:active,.wc-block-components-filter-reset-button:focus,.wc-block-components-filter-reset-button:hover{background:transparent}.wc-block-components-filter-reset-button:hover{color:inherit;cursor:pointer;text-decoration:none}.wc-block-components-filter-reset-button[disabled]{cursor:not-allowed} +@keyframes spinner__animation{0%{animation-timing-function:cubic-bezier(.5856,.0703,.4143,.9297);transform:rotate(0deg)}to{transform:rotate(-1turn)}}@keyframes loading__animation{to{transform:translateX(-100%)}}.wc-block-components-filter-submit-button{border:none;display:block;margin-right:auto;white-space:nowrap}.wc-block-components-filter-submit-button.is-loading{background-color:currentColor!important;border:0!important;border-radius:.25rem;border-radius:0;box-shadow:none;color:currentColor!important;display:block;line-height:1;line-height:normal;margin-top:16px;max-width:100%!important;opacity:.15;outline:0!important;overflow:hidden!important;pointer-events:none;position:relative!important;width:100%;width:-moz-max-content;width:max-content;z-index:1}.wc-block-components-filter-submit-button.is-loading>*{visibility:hidden}.wc-block-components-filter-submit-button.is-loading:after{animation:loading__animation 1.5s ease-in-out infinite;background-image:linear-gradient(-90deg,currentColor,hsla(0,0%,96%,.302),currentColor);background-repeat:no-repeat;content:" ";display:block;height:100%;right:0;position:absolute;left:0;top:0;transform:translateX(100%)}@media screen and (prefers-reduced-motion:reduce){.wc-block-components-filter-submit-button.is-loading{animation:none}} +@keyframes spinner__animation{0%{animation-timing-function:cubic-bezier(.5856,.0703,.4143,.9297);transform:rotate(0deg)}to{transform:rotate(-1turn)}}@keyframes loading__animation{to{transform:translateX(-100%)}}.wc-blocks-components-form-token-field-wrapper .components-popover{right:0;opacity:0;position:fixed;top:0;z-index:z-index(".components-popover")}.wc-blocks-components-form-token-field-wrapper .components-popover.is-expanded,.wc-blocks-components-form-token-field-wrapper .components-popover[data-x-axis][data-y-axis]{opacity:1}.wc-blocks-components-form-token-field-wrapper .components-popover.is-expanded{bottom:0;right:0;left:0;top:0;z-index:z-index(".components-popover")!important}.wc-blocks-components-form-token-field-wrapper .components-popover:not(.is-without-arrow){margin-right:2px}.wc-blocks-components-form-token-field-wrapper .components-popover:not(.is-without-arrow):before{border:8px solid #ccc}.wc-blocks-components-form-token-field-wrapper .components-popover:not(.is-without-arrow).is-alternate:before{border-color:#1e1e1e}.wc-blocks-components-form-token-field-wrapper .components-popover:not(.is-without-arrow):after{border:8px solid #fff}.wc-blocks-components-form-token-field-wrapper .components-popover:not(.is-without-arrow):after,.wc-blocks-components-form-token-field-wrapper .components-popover:not(.is-without-arrow):before{content:"";height:0;line-height:0;position:absolute;width:0}.wc-blocks-components-form-token-field-wrapper .components-popover:not(.is-without-arrow)[data-y-axis=top]{margin-top:-8px}.wc-blocks-components-form-token-field-wrapper .components-popover:not(.is-without-arrow)[data-y-axis=top]:before{bottom:-8px}.wc-blocks-components-form-token-field-wrapper .components-popover:not(.is-without-arrow)[data-y-axis=top]:after{bottom:-6px}.wc-blocks-components-form-token-field-wrapper .components-popover:not(.is-without-arrow)[data-y-axis=top]:after,.wc-blocks-components-form-token-field-wrapper .components-popover:not(.is-without-arrow)[data-y-axis=top]:before{border-bottom:none;border-right-color:transparent;border-left-color:transparent;border-top-style:solid;margin-right:-10px}.wc-blocks-components-form-token-field-wrapper .components-popover:not(.is-without-arrow)[data-y-axis=bottom]{margin-top:8px}.wc-blocks-components-form-token-field-wrapper .components-popover:not(.is-without-arrow)[data-y-axis=bottom]:before{top:-8px}.wc-blocks-components-form-token-field-wrapper .components-popover:not(.is-without-arrow)[data-y-axis=bottom]:after{top:-6px}.wc-blocks-components-form-token-field-wrapper .components-popover:not(.is-without-arrow)[data-y-axis=bottom]:after,.wc-blocks-components-form-token-field-wrapper .components-popover:not(.is-without-arrow)[data-y-axis=bottom]:before{border-bottom-style:solid;border-right-color:transparent;border-left-color:transparent;border-top:none;margin-right:-10px}.wc-blocks-components-form-token-field-wrapper .components-popover:not(.is-without-arrow)[data-y-axis=middle][data-x-axis=left]{margin-right:-8px}.wc-blocks-components-form-token-field-wrapper .components-popover:not(.is-without-arrow)[data-y-axis=middle][data-x-axis=left]:before{left:-8px}.wc-blocks-components-form-token-field-wrapper .components-popover:not(.is-without-arrow)[data-y-axis=middle][data-x-axis=left]:after{left:-6px}.wc-blocks-components-form-token-field-wrapper .components-popover:not(.is-without-arrow)[data-y-axis=middle][data-x-axis=left]:after,.wc-blocks-components-form-token-field-wrapper .components-popover:not(.is-without-arrow)[data-y-axis=middle][data-x-axis=left]:before{border-bottom-color:transparent;border-right-style:solid;border-left:none;border-top-color:transparent}.wc-blocks-components-form-token-field-wrapper .components-popover:not(.is-without-arrow)[data-y-axis=middle][data-x-axis=right]{margin-right:8px}.wc-blocks-components-form-token-field-wrapper .components-popover:not(.is-without-arrow)[data-y-axis=middle][data-x-axis=right]:before{right:-8px}.wc-blocks-components-form-token-field-wrapper .components-popover:not(.is-without-arrow)[data-y-axis=middle][data-x-axis=right]:after{right:-6px}.wc-blocks-components-form-token-field-wrapper .components-popover:not(.is-without-arrow)[data-y-axis=middle][data-x-axis=right]:after,.wc-blocks-components-form-token-field-wrapper .components-popover:not(.is-without-arrow)[data-y-axis=middle][data-x-axis=right]:before{border-bottom-color:transparent;border-right:none;border-left-style:solid;border-top-color:transparent}.wc-blocks-components-form-token-field-wrapper .components-popover[data-y-axis=top]{bottom:100%}.wc-blocks-components-form-token-field-wrapper .components-popover[data-y-axis=bottom]{top:100%}.wc-blocks-components-form-token-field-wrapper .components-popover[data-y-axis=middle]{align-items:center;display:flex}.wc-blocks-components-form-token-field-wrapper .components-popover.is-from-top{margin-top:12px}.wc-blocks-components-form-token-field-wrapper .components-popover.is-from-bottom{margin-top:-12px}.wc-blocks-components-form-token-field-wrapper .components-popover.is-from-left:not(.is-from-top):not(.is-from-bottom){margin-right:12px}.wc-blocks-components-form-token-field-wrapper .components-popover.is-from-right:not(.is-from-top):not(.is-from-bottom){margin-left:12px}.wc-blocks-components-form-token-field-wrapper .components-popover__content{background:#fff;border:1px solid #ccc;border-radius:2px;box-shadow:0 .7px 1px rgba(0,0,0,.1),0 1.2px 1.7px -.2px rgba(0,0,0,.1),0 2.3px 3.3px -.5px rgba(0,0,0,.1);height:100%}.is-alternate .wc-blocks-components-form-token-field-wrapper .components-popover__content{border:1px solid #1e1e1e;box-shadow:none}.components-popover .wc-blocks-components-form-token-field-wrapper .components-popover__content{height:auto;overflow-y:auto;position:absolute}.components-popover.is-expanded .wc-blocks-components-form-token-field-wrapper .components-popover__content{border:none;border-top:1px solid #1e1e1e;height:calc(100% - 48px);min-width:auto;overflow-y:visible;position:static}.components-popover[data-y-axis=top] .wc-blocks-components-form-token-field-wrapper .components-popover__content{bottom:100%}.components-popover[data-x-axis=center] .wc-blocks-components-form-token-field-wrapper .components-popover__content{right:50%;transform:translateX(50%)}.components-popover[data-x-axis=right] .wc-blocks-components-form-token-field-wrapper .components-popover__content{right:100%;position:absolute}.components-popover:not([data-y-axis=middle])[data-x-axis=right] .wc-blocks-components-form-token-field-wrapper .components-popover__content{margin-right:-25px}.components-popover[data-x-axis=left] .wc-blocks-components-form-token-field-wrapper .components-popover__content{position:absolute;left:100%}.components-popover:not([data-y-axis=middle])[data-x-axis=left] .wc-blocks-components-form-token-field-wrapper .components-popover__content{margin-left:-25px}.wc-blocks-components-form-token-field-wrapper .components-popover__header{align-items:center;background:#fff;display:flex;height:48px;justify-content:space-between;padding:0 16px 0 8px}.wc-blocks-components-form-token-field-wrapper .components-popover__header-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.wc-blocks-components-form-token-field-wrapper .components-popover__close.components-button{z-index:z-index(".components-popover__close")}.wc-blocks-components-form-token-field-wrapper .components-tooltip.components-popover{z-index:z-index(".components-tooltip")}.wc-blocks-components-form-token-field-wrapper .components-tooltip.components-popover .components-popover__content{min-width:0}.wc-blocks-components-form-token-field-wrapper .components-tooltip .components-popover__content{background:#1e1e1e;border-radius:2px;border-width:0;box-shadow:none;color:#fff;font-size:12px;line-height:1.4;text-align:center;white-space:nowrap}.wc-blocks-components-form-token-field-wrapper .components-tooltip .components-popover__content>div{padding:4px 8px}.wc-blocks-components-form-token-field-wrapper .components-tooltip__shortcut{display:inline-block;margin-right:8px}.wc-blocks-components-form-token-field-wrapper .disabled-element-wrapper{position:relative}.wc-blocks-components-form-token-field-wrapper .disabled-element-wrapper .event-catcher{bottom:0;height:100%;right:0;position:absolute;left:0;top:0;width:100%;z-index:z-index(".components-tooltip .event-catcher")}.wc-blocks-components-form-token-field-wrapper .components-form-token-field__input-container{align-items:center;border:1px solid #949494;border-radius:2px;box-shadow:0 0 0 transparent;cursor:text;display:flex;flex-wrap:wrap;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;font-size:16px;line-height:normal;margin:0 0 8px;padding:2px 4px;transition:box-shadow .1s linear;width:100%}@media(prefers-reduced-motion:reduce){.wc-blocks-components-form-token-field-wrapper .components-form-token-field__input-container{transition-delay:0s;transition-duration:0s}}@media(min-width:600px){.wc-blocks-components-form-token-field-wrapper .components-form-token-field__input-container{font-size:13px;line-height:normal}}.wc-blocks-components-form-token-field-wrapper .components-form-token-field__input-container:focus{border-color:var(--wp-admin-theme-color);box-shadow:0 0 0 .5px var(--wp-admin-theme-color);outline:2px solid transparent}.wc-blocks-components-form-token-field-wrapper .components-form-token-field__input-container::-webkit-input-placeholder{color:rgba(30,30,30,.62)}.wc-blocks-components-form-token-field-wrapper .components-form-token-field__input-container::-moz-placeholder{color:rgba(30,30,30,.62);opacity:1}.wc-blocks-components-form-token-field-wrapper .components-form-token-field__input-container:-ms-input-placeholder{color:rgba(30,30,30,.62)}.wc-blocks-components-form-token-field-wrapper .components-form-token-field__input-container.is-disabled{background:#ddd;border-color:#ddd}.wc-blocks-components-form-token-field-wrapper .components-form-token-field__input-container.is-active{border-color:var(--wp-admin-theme-color);box-shadow:0 0 0 .5px var(--wp-admin-theme-color);outline:2px solid transparent}.wc-blocks-components-form-token-field-wrapper .components-form-token-field__input-container input[type=text].components-form-token-field__input{background:inherit;border:0;box-shadow:none;color:#1e1e1e;display:inline-block;flex:1;font-size:16px;margin-right:4px;max-width:100%;min-height:24px;min-width:50px;padding:0;width:100%}@media(min-width:600px){.wc-blocks-components-form-token-field-wrapper .components-form-token-field__input-container input[type=text].components-form-token-field__input{font-size:13px}}.components-form-token-field.is-active .wc-blocks-components-form-token-field-wrapper .components-form-token-field__input-container input[type=text].components-form-token-field__input,.wc-blocks-components-form-token-field-wrapper .components-form-token-field__input-container input[type=text].components-form-token-field__input:focus{box-shadow:none;outline:none}.wc-blocks-components-form-token-field-wrapper .components-form-token-field__input-container .components-form-token-field__token+input[type=text].components-form-token-field__input{width:auto}.wc-blocks-components-form-token-field-wrapper .components-form-token-field__label{display:inline-block;margin-bottom:4px}.wc-blocks-components-form-token-field-wrapper .components-form-token-field__help{color:#757575;font-size:12px;font-style:normal}.wc-blocks-components-form-token-field-wrapper .components-form-token-field__token{color:#1e1e1e;display:flex;font-size:13px;margin:2px 0 2px 4px;max-width:100%}.wc-blocks-components-form-token-field-wrapper .components-form-token-field__token.is-success .components-form-token-field__remove-token,.wc-blocks-components-form-token-field-wrapper .components-form-token-field__token.is-success .components-form-token-field__token-text{background:#4ab866}.wc-blocks-components-form-token-field-wrapper .components-form-token-field__token.is-error .components-form-token-field__remove-token,.wc-blocks-components-form-token-field-wrapper .components-form-token-field__token.is-error .components-form-token-field__token-text{background:#cc1818}.wc-blocks-components-form-token-field-wrapper .components-form-token-field__token.is-validating .components-form-token-field__remove-token,.wc-blocks-components-form-token-field-wrapper .components-form-token-field__token.is-validating .components-form-token-field__token-text{color:#757575}.wc-blocks-components-form-token-field-wrapper .components-form-token-field__token.is-borderless{padding:0 0 0 16px;position:relative}.wc-blocks-components-form-token-field-wrapper .components-form-token-field__token.is-borderless .components-form-token-field__token-text{background:transparent;color:var(--wp-admin-theme-color)}.wc-blocks-components-form-token-field-wrapper .components-form-token-field__token.is-borderless .components-form-token-field__remove-token{background:transparent;color:#757575;position:absolute;left:0;top:1px}.wc-blocks-components-form-token-field-wrapper .components-form-token-field__token.is-borderless.is-success .components-form-token-field__token-text{color:#4ab866}.wc-blocks-components-form-token-field-wrapper .components-form-token-field__token.is-borderless.is-error .components-form-token-field__token-text{border-radius:0 4px 4px 0;color:#cc1818;padding:0 6px 0 4px}.wc-blocks-components-form-token-field-wrapper .components-form-token-field__token.is-borderless.is-validating .components-form-token-field__token-text{color:#1e1e1e}.wc-blocks-components-form-token-field-wrapper .components-form-token-field__token.is-disabled .components-form-token-field__remove-token{cursor:default}.wc-blocks-components-form-token-field-wrapper .components-form-token-field__remove-token.components-button,.wc-blocks-components-form-token-field-wrapper .components-form-token-field__token-text{background:#ddd;display:inline-block;height:auto;line-height:24px;min-width:unset;transition:all .2s cubic-bezier(.4,1,.4,1)}@media(prefers-reduced-motion:reduce){.wc-blocks-components-form-token-field-wrapper .components-form-token-field__remove-token.components-button,.wc-blocks-components-form-token-field-wrapper .components-form-token-field__token-text{animation-delay:0s;animation-duration:1ms;transition-delay:0s;transition-duration:0s}}.wc-blocks-components-form-token-field-wrapper .components-form-token-field__token-text{border-radius:0 2px 2px 0;overflow:hidden;padding:0 8px 0 0;text-overflow:ellipsis;white-space:nowrap}.wc-blocks-components-form-token-field-wrapper .components-form-token-field__remove-token.components-button{border-radius:2px 0 0 2px;color:#1e1e1e;cursor:pointer;line-height:10px;overflow:initial;padding:0 2px}.wc-blocks-components-form-token-field-wrapper .components-form-token-field__remove-token.components-button:hover{color:#1e1e1e}.wc-blocks-components-form-token-field-wrapper .components-form-token-field__suggestions-list{border-top:1px solid #757575;flex:1 0 100%;list-style:none;margin:4px -4px -4px;max-height:9em;min-width:100%;overflow-y:auto;padding:0;transition:all .15s ease-in-out}@media(prefers-reduced-motion:reduce){.wc-blocks-components-form-token-field-wrapper .components-form-token-field__suggestions-list{transition-delay:0s;transition-duration:0s}}.wc-blocks-components-form-token-field-wrapper .components-form-token-field__suggestion{color:#757575;cursor:pointer;display:block;font-size:13px;margin:0;padding:4px 8px}.wc-blocks-components-form-token-field-wrapper .components-form-token-field__suggestion.is-selected{background:var(--wp-admin-theme-color);color:#fff}.wc-blocks-components-form-token-field-wrapper .components-form-token-field__suggestion-match{text-decoration:underline}.wc-blocks-components-form-token-field-wrapper{border-color:#949494}.wc-blocks-components-form-token-field-wrapper .components-form-token-field__label,.wc-blocks-components-form-token-field-wrapper .components-visually-hidden{clip:rect(1px,1px,1px,1px);word-wrap:normal!important;border:0;-webkit-clip-path:inset(50%);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;overflow-wrap:normal!important;padding:0;position:absolute!important;width:1px}.wc-blocks-components-form-token-field-wrapper .components-form-token-field,.wc-blocks-components-form-token-field-wrapper .components-form-token-field__input-container{border-color:inherit;box-sizing:border-box;margin-bottom:0}.wc-blocks-components-form-token-field-wrapper .components-form-token-field__input-container{background-color:#fff;border-radius:0;box-shadow:none;color:#000;position:relative}.wc-blocks-components-form-token-field-wrapper .components-form-token-field__input-container input[type=text].components-form-token-field__input{min-height:30px}.wc-blocks-components-form-token-field-wrapper .components-form-token-field__remove-token.components-button,.wc-blocks-components-form-token-field-wrapper .components-form-token-field__token-text{background:#e0e0e0}.wc-blocks-components-form-token-field-wrapper .components-form-token-field__remove-token{border:none}.wc-blocks-components-form-token-field-wrapper .components-form-token-field__suggestions-list{background-color:#fff;border:1px solid #949494;border-top:0 solid #949494;right:-1px;margin:1px 0 0;position:absolute;left:-1px;top:100%;z-index:50}.wc-blocks-components-form-token-field-wrapper .components-form-token-field__suggestions-list:empty{display:none}.wc-blocks-components-form-token-field-wrapper .components-form-token-field__suggestion{padding:8px}.wc-blocks-components-form-token-field-wrapper .components-form-token-field__suggestion.is-selected{background:#f0f0f0;color:#2f2f2f}.wc-blocks-components-form-token-field-wrapper.single-selection .components-form-token-field__token{margin-left:0;position:relative;width:100%;z-index:1}.wc-blocks-components-form-token-field-wrapper.single-selection .components-form-token-field__remove-token.components-button,.wc-blocks-components-form-token-field-wrapper.single-selection .components-form-token-field__token-text{background:transparent}.wc-blocks-components-form-token-field-wrapper.single-selection .components-form-token-field__token-text{padding-right:4px;width:100%}.wc-blocks-components-form-token-field-wrapper.single-selection .components-form-token-field__token+input[type=text].components-form-token-field__input{position:absolute}.wc-blocks-components-form-token-field-wrapper.single-selection .is-active .components-form-token-field__token+input[type=text].components-form-token-field__input{border:1px solid #949494;margin:0 2px 4px;padding:0 5px;position:static} +@keyframes spinner__animation{0%{animation-timing-function:cubic-bezier(.5856,.0703,.4143,.9297);transform:rotate(0deg)}to{transform:rotate(-1turn)}}@keyframes loading__animation{to{transform:translateX(-100%)}}.wc-block-filter-title-placeholder{background-color:currentColor!important;border:0!important;border-radius:.25rem;border-radius:1.625em;box-shadow:none;color:currentColor!important;display:block;line-height:1;margin-bottom:12px;margin-top:12px;max-width:100%!important;max-width:-moz-max-content!important;max-width:max-content!important;min-width:80px;opacity:.15;outline:0!important;overflow:hidden!important;pointer-events:none;position:relative!important;width:100%;z-index:1}.wc-block-filter-title-placeholder>*{visibility:hidden}.wc-block-filter-title-placeholder:after{animation:loading__animation 1.5s ease-in-out infinite;background-image:linear-gradient(-90deg,currentColor,hsla(0,0%,96%,.302),currentColor);background-repeat:no-repeat;content:" ";display:block;height:100%;right:0;position:absolute;left:0;top:0;transform:translateX(100%)}@media screen and (prefers-reduced-motion:reduce){.wc-block-filter-title-placeholder{animation:none}}.wc-block-filter-title-placeholder .wc-block-active-filters__title,.wc-block-filter-title-placeholder .wc-block-attribute-filter__title,.wc-block-filter-title-placeholder .wc-block-price-filter__title,.wc-block-filter-title-placeholder .wc-block-rating-filter__title,.wc-block-filter-title-placeholder .wc-block-stock-filter__title{height:1em;margin:0} +@keyframes spinner__animation{0%{animation-timing-function:cubic-bezier(.5856,.0703,.4143,.9297);transform:rotate(0deg)}to{transform:rotate(-1turn)}}@keyframes loading__animation{to{transform:translateX(-100%)}}.wp-block-woocommerce-attribute-filter{border-style:none!important}.wp-block-woocommerce-attribute-filter h1,.wp-block-woocommerce-attribute-filter h2,.wp-block-woocommerce-attribute-filter h3,.wp-block-woocommerce-attribute-filter h4,.wp-block-woocommerce-attribute-filter h5,.wp-block-woocommerce-attribute-filter h6{text-transform:inherit}.wc-block-attribute-filter{border-color:inherit;border-radius:inherit;margin-bottom:16px}.wc-block-attribute-filter .is-loading{background-color:currentColor!important;border:0!important;border-radius:.25rem;border-radius:0;box-shadow:none;color:currentColor!important;display:block;height:1em;line-height:1;margin-top:16px;max-width:100%!important;opacity:.15;outline:0!important;overflow:hidden!important;pointer-events:none;position:relative!important;width:100%;z-index:1}.wc-block-attribute-filter .is-loading>*{visibility:hidden}.wc-block-attribute-filter .is-loading:after{animation:loading__animation 1.5s ease-in-out infinite;background-image:linear-gradient(-90deg,currentColor,hsla(0,0%,96%,.302),currentColor);background-repeat:no-repeat;content:" ";display:block;height:100%;right:0;position:absolute;left:0;top:0;transform:translateX(100%)}@media screen and (prefers-reduced-motion:reduce){.wc-block-attribute-filter .is-loading{animation:none}}.wc-block-attribute-filter.style-dropdown{align-items:flex-start;display:flex;gap:16px;position:relative}.wc-block-attribute-filter.style-dropdown .single-selection .components-form-token-field__token+input[type=text].components-form-token-field__input{opacity:0}.wc-block-attribute-filter.style-dropdown .single-selection .components-form-token-field__input-container.is-active .components-form-token-field__token+input[type=text].components-form-token-field__input{opacity:1}.wc-block-attribute-filter.style-dropdown .wc-block-components-filter-submit-button{height:36px;line-height:1}.wc-block-attribute-filter.style-dropdown>svg{pointer-events:none;position:absolute;left:8px;top:50%;transform:translateY(-50%)}.wc-block-attribute-filter .wc-block-attribute-filter-list{margin:0;width:100%}.wc-block-attribute-filter .wc-block-attribute-filter-list li label{cursor:pointer}.wc-block-attribute-filter .wc-block-attribute-filter-list li input{cursor:pointer;display:inline-block}.wc-block-attribute-filter .wc-blocks-components-form-token-field-wrapper{flex-grow:1;height:-moz-max-content;height:max-content;max-width:unset;width:0}.wc-block-attribute-filter .wc-blocks-components-form-token-field-wrapper:not(.is-loading){border:1px solid #757575!important;border-radius:4px}.wc-block-attribute-filter .wc-blocks-components-form-token-field-wrapper.is-loading{border-radius:.25em}.wc-block-attribute-filter .wc-blocks-components-form-token-field-wrapper .components-form-token-field{border-radius:inherit}.wc-block-attribute-filter .wc-blocks-components-form-token-field-wrapper .components-form-token-field__input-container{border:0;border-radius:inherit;font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;letter-spacing:inherit;line-height:inherit;padding:8px;text-decoration:inherit;text-transform:inherit}.wc-block-attribute-filter .wc-blocks-components-form-token-field-wrapper .components-form-token-field__input-container .components-form-token-field__input{font-size:.875em}.wc-block-attribute-filter .wc-blocks-components-form-token-field-wrapper .components-form-token-field__input-container .components-form-token-field__input::-moz-placeholder{color:#000}.wc-block-attribute-filter .wc-blocks-components-form-token-field-wrapper .components-form-token-field__input-container .components-form-token-field__input::placeholder{color:#000}.wc-block-attribute-filter .wc-blocks-components-form-token-field-wrapper .components-form-token-field__input-container .components-form-token-field__suggestions-list{border:1px solid #757575;border-radius:4px;margin-top:8px;max-height:21em}.wc-block-attribute-filter .wc-blocks-components-form-token-field-wrapper .components-form-token-field__input-container .components-form-token-field__suggestions-list .components-form-token-field__suggestion{border:1px solid #ccc;border-radius:4px;color:#000;margin:12px;padding:12px}.wc-block-attribute-filter .wc-blocks-components-form-token-field-wrapper .components-form-token-field__input-container .components-form-token-field__suggestion,.wc-block-attribute-filter .wc-blocks-components-form-token-field-wrapper .components-form-token-field__input-container .components-form-token-field__token{font-size:.875em}.wc-block-attribute-filter__conditions-toggle,.wc-block-attribute-filter__display-toggle,.wc-block-attribute-filter__multiple-toggle{width:100%}.wc-block-attribute-filter__instructions{border-bottom:1px solid #f0f0f0;padding-bottom:1em}.wc-block-attribute-filter__selection{padding-top:1em}.woocommerce-product-attributes .woocommerce-search-list__search .components-base-control__label{color:#757575;font-family:inherit;font-size:inherit;font-size:1em;font-style:inherit;font-weight:inherit;letter-spacing:inherit;line-height:inherit;text-decoration:inherit;text-transform:inherit}.wc-block-attribute-filter__actions{align-items:center;display:flex;gap:16px;justify-content:flex-end}.wc-block-attribute-filter__actions .wc-block-components-filter-submit-button{margin-right:0}.wc-block-attribute-filter__actions .wc-block-components-filter-submit-button:disabled{cursor:auto;opacity:.6}.wc-block-attribute-filter__actions .wc-block-filter-submit-button.wc-block-components-filter-submit-button.wc-block-attribute-filter__button{font-size:.875em;margin-top:0}.editor-styles-wrapper .wc-block-components-checkbox,.wc-block-components-checkbox{margin-top:1em}.wc-blocks-components-form-token-field-wrapper:not(.single-selection) .components-form-token-field__input-container{padding:4px 8px 4px 30px}.wc-blocks-components-form-token-field-wrapper:not(.single-selection) .components-form-token-field__input-container .components-form-token-field__token-text{background-color:#fff;border:1px solid;border-radius:0 25px 25px 0;border-left:0;line-height:22px;padding:.25em .75em .25em .5em}.wc-blocks-components-form-token-field-wrapper:not(.single-selection) .components-form-token-field__input-container>.components-form-token-field__input{margin:.25em 0}.wc-blocks-components-form-token-field-wrapper:not(.single-selection) .components-form-token-field__input-container .components-button.components-form-token-field__remove-token{background-color:#fff;border:1px solid;border-right:0;border-radius:25px 0 0 25px;padding:1px 0 0 .25em}.wc-blocks-components-form-token-field-wrapper:not(.single-selection) .components-form-token-field__input-container .components-button.components-form-token-field__remove-token.has-icon svg{background-color:#e0e0e0;border-radius:25px}.editor-styles-wrapper .wc-block-attribute-filter__button.wc-block-attribute-filter__button,.wc-block-attribute-filter__button.wc-block-attribute-filter__button{font-size:.875em;height:-moz-max-content;height:max-content;padding:.5em 1em;width:-moz-max-content;width:max-content} +@keyframes spinner__animation{0%{animation-timing-function:cubic-bezier(.5856,.0703,.4143,.9297);transform:rotate(0deg)}to{transform:rotate(-1turn)}}@keyframes loading__animation{to{transform:translateX(-100%)}}.wc-block-components-error{align-items:center;color:#757575;display:flex;flex-direction:column;justify-content:center;margin:48px 0;padding:48px 0;text-align:center}.wc-block-components-error__header{color:#646970;font-size:2em;margin:0}.wc-block-components-error__image{margin:0 0 24px;width:25%}.wc-block-components-error__text{color:#8c8f94;font-size:1.25em;margin:1em 0 0;max-width:60ch}.wc-block-components-error__message{color:#8c8f94;font-style:italic;margin:1em auto 0;max-width:60ch}.wc-block-error__button{margin:48px 0 0} diff --git a/build/attribute-filter-style.asset.php b/build/attribute-filter-style.asset.php new file mode 100644 index 00000000000..f0950a33258 --- /dev/null +++ b/build/attribute-filter-style.asset.php @@ -0,0 +1 @@ + array('lodash', 'react', 'wc-blocks-components', 'wc-blocks-data-store', 'wc-settings', 'wp-a11y', 'wp-block-editor', 'wp-blocks', 'wp-components', 'wp-compose', 'wp-data', 'wp-deprecated', 'wp-dom', 'wp-element', 'wp-html-entities', 'wp-i18n', 'wp-is-shallow-equal', 'wp-keycodes', 'wp-polyfill', 'wp-primitives', 'wp-url', 'wp-warning'), 'version' => 'efceaebe853178ac9086'); diff --git a/build/attribute-filter-style.js.LICENSE.txt b/build/attribute-filter-style.js.LICENSE.txt new file mode 100644 index 00000000000..0c20a875df8 --- /dev/null +++ b/build/attribute-filter-style.js.LICENSE.txt @@ -0,0 +1,5 @@ +/*! + Copyright (c) 2018 Jed Watson. + Licensed under the MIT License (MIT), see + http://jedwatson.github.io/classnames +*/ diff --git a/build/attribute-filter-wrapper-frontend.js b/build/attribute-filter-wrapper-frontend.js new file mode 100644 index 00000000000..4ea6dd220e0 --- /dev/null +++ b/build/attribute-filter-wrapper-frontend.js @@ -0,0 +1,15 @@ +(self.webpackChunkwebpackWcBlocksJsonp=self.webpackChunkwebpackWcBlocksJsonp||[]).push([[3431],{1984:(e,t,n)=>{"use strict";n.d(t,{Z:()=>o});var r=n(9307);const o=function(e){let{icon:t,size:n=24,...o}=e;return(0,r.cloneElement)(t,{width:n,height:n,...o})}},3904:(e,t,n)=>{"use strict";n.d(t,{Z:()=>s});var r=n(9307),o=n(444);const s=(0,r.createElement)(o.SVG,{viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg"},(0,r.createElement)(o.Path,{d:"M17.5 11.6L12 16l-5.5-4.4.9-1.2L12 14l4.5-3.6 1 1.2z"}))},4049:(e,t,n)=>{"use strict";n.d(t,{Z:()=>i});var r=n(9196),o=n(5736),s=n(711);n(1724);const i=({name:e,count:t})=>(0,r.createElement)(r.Fragment,null,e,null!==t&&Number.isFinite(t)&&(0,r.createElement)(s.Label,{label:t.toString(),screenReaderLabel:(0,o.sprintf)(/* translators: %s number of products. */ +(0,o._n)("%s product","%s products",t,"woo-gutenberg-products-block"),t),wrapperElement:"span",wrapperProps:{className:"wc-filter-element-label-list-count"}}))},728:(e,t,n)=>{"use strict";n.d(t,{Z:()=>o});var r=n(9196);n(7732);const o=({children:e})=>(0,r.createElement)("div",{className:"wc-block-filter-title-placeholder"},e)},9804:(e,t,n)=>{"use strict";n.d(t,{Z:()=>a});var r=n(9196),o=n(5736),s=n(4184),i=n.n(s),l=n(711);n(770);const a=({className:e, +/* translators: Reset button text for filters. */ +label:t=(0,o.__)("Reset","woo-gutenberg-products-block"),onClick:n,screenReaderLabel:s=(0,o.__)("Reset filter","woo-gutenberg-products-block")})=>(0,r.createElement)("button",{className:i()("wc-block-components-filter-reset-button",e),onClick:n},(0,r.createElement)(l.Label,{label:t,screenReaderLabel:s}))},3509:(e,t,n)=>{"use strict";n.d(t,{Z:()=>a});var r=n(9196),o=n(5736),s=n(4184),i=n.n(s),l=n(711);n(994);const a=({className:e,isLoading:t,disabled:n, +/* translators: Submit button text for filters. */ +label:s=(0,o.__)("Apply","woo-gutenberg-products-block"),onClick:a,screenReaderLabel:c=(0,o.__)("Apply filter","woo-gutenberg-products-block")})=>(0,r.createElement)("button",{type:"submit",className:i()("wp-block-button__link","wc-block-filter-submit-button","wc-block-components-filter-submit-button",{"is-loading":t},e),disabled:n,onClick:a},(0,r.createElement)(l.Label,{label:s,screenReaderLabel:c}))},5412:(e,t,n)=>{"use strict";n.d(t,{Z:()=>l});var r=n(9196),o=n(9353),s=n(4184),i=n.n(s);n(230);const l=({className:e,style:t,suggestions:n,multiple:s=!0,saveTransform:l=(e=>e.trim().replace(/\s/g,"-")),messages:a={},validateInput:c=(e=>n.includes(e)),label:u="",...d})=>(0,r.createElement)("div",{className:i()("wc-blocks-components-form-token-field-wrapper",e,{"single-selection":!s}),style:t},(0,r.createElement)(o.Z,{label:u,__experimentalExpandOnFocus:!0,__experimentalShowHowTo:!1,__experimentalValidateInput:c,saveTransform:l,maxLength:s?void 0:1,suggestions:n,messages:a,...d}))},7991:(e,t,n)=>{"use strict";n.d(t,{d:()=>d});var r=n(9307),o=n(4697),s=n(7884),i=n(172),l=n(9075),a=n(9517),c=n(9741),u=n(9579);const d=({queryAttribute:e,queryPrices:t,queryStock:n,queryRating:d,queryState:p,isEditor:f=!1})=>{let h=(0,u.s)();h=`${h}-collection-data`;const[m]=(0,a.$p)(h),[g,v]=(0,a.kX)("calculate_attribute_counts",[],h),[y,b]=(0,a.kX)("calculate_price_range",null,h),[w,E]=(0,a.kX)("calculate_stock_status_counts",null,h),[k,S]=(0,a.kX)("calculate_rating_counts",null,h),x=(0,l.s)(e||{}),T=(0,l.s)(t),_=(0,l.s)(n),C=(0,l.s)(d);(0,r.useEffect)((()=>{"object"==typeof x&&Object.keys(x).length&&(g.find((e=>(0,s.$n)(x,"taxonomy")&&e.taxonomy===x.taxonomy))||v([...g,x]))}),[x,g,v]),(0,r.useEffect)((()=>{y!==T&&void 0!==T&&b(T)}),[T,b,y]),(0,r.useEffect)((()=>{w!==_&&void 0!==_&&E(_)}),[_,E,w]),(0,r.useEffect)((()=>{k!==C&&void 0!==C&&S(C)}),[C,S,k]);const[I,L]=(0,r.useState)(f),[A]=(0,o.Nr)(I,200);I||L(!0);const F=(0,r.useMemo)((()=>(e=>{const t=e;return Array.isArray(e.calculate_attribute_counts)&&(t.calculate_attribute_counts=(0,i.DY)(e.calculate_attribute_counts.map((({taxonomy:e,queryType:t})=>({taxonomy:e,query_type:t})))).asc(["taxonomy","query_type"])),t})(m)),[m]);return(0,c.K)({namespace:"/wc/store/v1",resourceName:"products/collection-data",query:{...p,page:void 0,per_page:void 0,orderby:void 0,order:void 0,...F},shouldSelect:A})}},9741:(e,t,n)=>{"use strict";n.d(t,{K:()=>c});var r=n(4801),o=n(9818),s=n(9307),i=n(9075),l=n(5225),a=n(6088);const c=e=>{const{namespace:t,resourceName:n,resourceValues:c=[],query:u={},shouldSelect:d=!0}=e;if(!t||!n)throw new Error("The options object must have valid values for the namespace and the resource properties.");const p=(0,s.useRef)({results:[],isLoading:!0}),f=(0,i.s)(u),h=(0,i.s)(c),m=(0,l._)(),g=(0,o.useSelect)((e=>{if(!d)return null;const o=e(r.COLLECTIONS_STORE_KEY),s=[t,n,f,h],i=o.getCollectionError(...s);if(i){if(!(0,a.V)(i))throw new Error("TypeError: `error` object is not an instance of Error constructor");m(i)}return{results:o.getCollection(...s),isLoading:!o.hasFinishedResolution("getCollection",s)}}),[t,n,h,f,d]);return null!==g&&(p.current=g),p.current}},9517:(e,t,n)=>{"use strict";n.d(t,{$p:()=>l,kX:()=>a});var r=n(4801),o=n(9818),s=n(9307),i=(n(9127),n(9579));const l=e=>{const t=(0,i.s)();e=e||t;const n=(0,o.useSelect)((t=>t(r.QUERY_STATE_STORE_KEY).getValueForQueryContext(e,void 0)),[e]),{setValueForQueryContext:l}=(0,o.useDispatch)(r.QUERY_STATE_STORE_KEY);return[n,(0,s.useCallback)((t=>{l(e,t)}),[e,l])]},a=(e,t,n)=>{const l=(0,i.s)();n=n||l;const a=(0,o.useSelect)((o=>o(r.QUERY_STATE_STORE_KEY).getValueForQueryKey(n,e,t)),[n,e]),{setQueryValue:c}=(0,o.useDispatch)(r.QUERY_STATE_STORE_KEY);return[a,(0,s.useCallback)((t=>{c(n,e,t)}),[n,e,c])]}},9579:(e,t,n)=>{"use strict";n.d(t,{s:()=>s});var r=n(9307);const o=(0,r.createContext)("page"),s=()=>(0,r.useContext)(o);o.Provider},9097:(e,t,n)=>{"use strict";n.d(t,{D:()=>o});var r=n(9307);function o(e,t){const n=(0,r.useRef)();return(0,r.useEffect)((()=>{n.current===e||t&&!t(e,n.current)||(n.current=e)}),[e,t]),n.current}},9075:(e,t,n)=>{"use strict";n.d(t,{s:()=>i});var r=n(9307),o=n(9127),s=n.n(o);function i(e){const t=(0,r.useRef)(e);return s()(e,t.current)||(t.current=e),t.current}},3611:(e,t,n)=>{"use strict";n.d(t,{F:()=>c});var r=n(4184),o=n.n(r),s=n(7884),i=n(2646),l=n(1473),a=n(2661);const c=e=>{const t=(e=>{const t=(0,s.Kn)(e)?e:{style:{}};let n=t.style;return(0,i.H)(n)&&(n=JSON.parse(n)||{}),(0,s.Kn)(n)||(n={}),{...t,style:n}})(e),n=(0,a.vc)(t),r=(0,a.l8)(t),c=(0,a.su)(t),u=(0,l.f)(t);return{className:o()(u.className,n.className,r.className,c.className),style:{...u.style,...n.style,...r.style,...c.style}}}},5225:(e,t,n)=>{"use strict";n.d(t,{_:()=>o});var r=n(9307);const o=()=>{const[,e]=(0,r.useState)();return(0,r.useCallback)((t=>{e((()=>{throw t}))}),[])}},1473:(e,t,n)=>{"use strict";n.d(t,{f:()=>s});var r=n(7884),o=n(2646);const s=e=>{const t=(0,r.Kn)(e.style.typography)?e.style.typography:{},n=(0,o.H)(t.fontFamily)?t.fontFamily:"";return{className:e.fontFamily?`has-${e.fontFamily}-font-family`:n,style:{fontSize:e.fontSize?`var(--wp--preset--font-size--${e.fontSize})`:t.fontSize,fontStyle:t.fontStyle,fontWeight:t.fontWeight,letterSpacing:t.letterSpacing,lineHeight:t.lineHeight,textDecoration:t.textDecoration,textTransform:t.textTransform}}}},2661:(e,t,n)=>{"use strict";n.d(t,{l8:()=>d,su:()=>p,vc:()=>u});var r=n(4184),o=n.n(r),s=n(9784),i=n(2289),l=n(7884);function a(e={}){const t={};return(0,i.getCSSRules)(e,{selector:""}).forEach((e=>{t[e.key]=e.value})),t}function c(e,t){return e&&t?`has-${(0,s.o)(t)}-${e}`:""}function u(e){var t,n,r,s,i,u,d;const{backgroundColor:p,textColor:f,gradient:h,style:m}=e,g=c("background-color",p),v=c("color",f),y=function(e){if(e)return`has-${e}-gradient-background`}(h),b=y||(null==m||null===(t=m.color)||void 0===t?void 0:t.gradient);return{className:o()(v,y,{[g]:!b&&!!g,"has-text-color":f||(null==m||null===(n=m.color)||void 0===n?void 0:n.text),"has-background":p||(null==m||null===(r=m.color)||void 0===r?void 0:r.background)||h||(null==m||null===(s=m.color)||void 0===s?void 0:s.gradient),"has-link-color":(0,l.Kn)(null==m||null===(i=m.elements)||void 0===i?void 0:i.link)?null==m||null===(u=m.elements)||void 0===u||null===(d=u.link)||void 0===d?void 0:d.color:void 0}),style:a({color:(null==m?void 0:m.color)||{}})}}function d(e){var t;const n=(null===(t=e.style)||void 0===t?void 0:t.border)||{};return{className:function(e){var t;const{borderColor:n,style:r}=e,s=n?c("border-color",n):"";return o()({"has-border-color":!!n||!(null==r||null===(t=r.border)||void 0===t||!t.color),[s]:!!s})}(e),style:a({border:n})}}function p(e){var t;return{className:void 0,style:a({spacing:(null===(t=e.style)||void 0===t?void 0:t.spacing)||{}})}}},9327:(e,t,n)=>{"use strict";n.r(t),n.d(t,{default:()=>K});var r=n(9196),o=n(4184),s=n.n(o),i=n(3611),l=n(2646),a=n(5736),c=n(9075),u=n(9097),d=n(9517),p=n(9741),f=n(7991),h=n(9307),m=n(4049),g=n(9804),v=n(3509),y=n(9127),b=n.n(y),w=n(2629),E=n(4617),k=n(6483),S=n(4945),x=n(7884),T=n(3772),_=n(1984),C=n(3904),I=n(7788),L=n(5412),A=n(728),F=n(2296),R=n(4145);const N=[{value:"preview-1",formattedValue:"preview-1",name:"Blue",label:(0,r.createElement)(m.Z,{name:"Blue",count:3}),textLabel:"Blue (3)"},{value:"preview-2",formattedValue:"preview-2",name:"Green",label:(0,r.createElement)(m.Z,{name:"Green",count:3}),textLabel:"Green (3)"},{value:"preview-3",formattedValue:"preview-3",name:"Red",label:(0,r.createElement)(m.Z,{name:"Red",count:2}),textLabel:"Red (2)"}],Z={count:0,has_archives:!0,id:0,label:"Preview",name:"preview",order:"menu_order",parent:0,taxonomy:"preview",type:""};n(3057);const O=JSON.parse('{"Y4":{"hd":{"Z":"or"},"D8":{"Z":3},"PW":{"Z":"list"},"lr":{"Z":"multiple"}}}');function D(){return Math.floor(Math.random()*Date.now())}const M=e=>e.replace("pa_",""),V=(e,t=[])=>{const n={};t.forEach((e=>{const{attribute:t,slug:r,operator:o}=e,s=M(t),i=r.join(","),l=`${I.zv}${s}`,a="in"===o?"or":"and";n[`${I.w8}${s}`]=i,n[l]=a}));const r=(0,k.removeQueryArgs)(e,...Object.keys(n));return(0,k.addQueryArgs)(r,n)},P=e=>{if(e){const t=(0,I.re)(`filter_${e.name}`);return("string"==typeof t?t.split(","):[]).map((e=>encodeURIComponent(e).toLowerCase()))}return[]},B=e=>e.trim().replace(/\s/g,"-").replace(/_/g,"-").replace(/-+/g,"-").replace(/[^a-zA-Z0-9-]/g,"");var H=n(711);const W=({isLoading:e=!1,options:t,checked:n,onChange:o})=>e?(0,r.createElement)(r.Fragment,null,(0,r.createElement)("span",{className:"is-loading"}),(0,r.createElement)("span",{className:"is-loading"})):(0,r.createElement)(H.CheckboxList,{className:"wc-block-attribute-filter-list",options:t,checked:n,onChange:o,isLoading:e,isDisabled:e});var $=n(9764);const z=({attributes:e,isEditor:t=!1,getNotice:n=(()=>null)})=>{const o=(0,E.getSettingWithCoercion)("hasFilterableProducts",!1,S.j),i=(0,E.getSettingWithCoercion)("isRenderingPhpTemplate",!1,S.j),y=(0,E.getSettingWithCoercion)("pageUrl",window.location.href,l.H),[O,H]=(0,h.useState)(!1),z=e.isPreview&&!e.attributeId?Z:(0,F.it)(e.attributeId),K=(0,h.useMemo)((()=>P(z)),[z]),[j,q]=(0,h.useState)(K),[U,Y]=(0,h.useState)(D()),[Q,X]=(0,h.useState)(e.isPreview&&!e.attributeId?N:[]),[G]=(0,d.$p)(),[J,ee]=(0,d.kX)("attributes",[]),{results:te,isLoading:ne}=(0,p.K)({namespace:"/wc/store/v1",resourceName:"products/attributes/terms",resourceValues:[(null==z?void 0:z.id)||0],shouldSelect:e.attributeId>0,query:{orderby:"menu_order"}}),{results:re,isLoading:oe}=(0,f.d)({queryAttribute:{taxonomy:(null==z?void 0:z.taxonomy)||"",queryType:e.queryType},queryState:{...G},isEditor:t}),se=(0,h.useCallback)((e=>(0,x.$n)(re,"attribute_counts")&&Array.isArray(re.attribute_counts)?re.attribute_counts.find((({term:t})=>t===e)):null),[re]);(0,h.useEffect)((()=>{if(ne||oe)return;if(!Array.isArray(te))return;const t=te.map((t=>{const n=se(t.id);if(!(n||j.includes(t.slug)||(o=t.slug,null!=G&&G.attributes&&G.attributes.some((({attribute:e,slug:t=[]})=>e===(null==z?void 0:z.taxonomy)&&t.includes(o))))))return null;var o;const s=n?n.count:0;return{formattedValue:B(t.slug),value:t.slug,name:(0,w.decodeEntities)(t.name),label:(0,r.createElement)(m.Z,{name:(0,w.decodeEntities)(t.name),count:e.showCounts?s:null}),textLabel:e.showCounts?`${(0,w.decodeEntities)(t.name)} (${s})`:(0,w.decodeEntities)(t.name)}})).filter((e=>!!e));X(t),Y(D())}),[null==z?void 0:z.taxonomy,te,ne,e.showCounts,oe,se,j,G.attributes]);const ie=(0,h.useCallback)((e=>Array.isArray(te)?te.reduce(((t,n)=>(e.includes(n.slug)&&t.push(n),t)),[]):[]),[te]),le=(0,h.useCallback)(((e,t=!1)=>{if(e=e.map((e=>({...e,slug:e.slug.map((e=>decodeURIComponent(e)))}))),t){if(null==z||!z.taxonomy)return;const t=Object.keys((0,k.getQueryArgs)(window.location.href)),n=M(z.taxonomy),r=t.reduce(((e,t)=>t.includes(I.zv+n)||t.includes(I.w8+n)?(0,k.removeQueryArgs)(e,t):e),window.location.href),o=V(r,e);(0,I.X7)(o)}else{const t=V(y,e);((e,t)=>{const n=Object.entries(t).reduce(((e,[t,n])=>t.includes("query_type")?e:{...e,[t]:n}),{});return Object.entries(n).reduce(((t,[n,r])=>e[n]===r&&t),!0)})((0,k.getQueryArgs)(window.location.href),(0,k.getQueryArgs)(t))||(0,I.X7)(t)}}),[y,null==z?void 0:z.taxonomy]),ae=t=>{const n=(0,R.e)(J,ee,z,ie(t),"or"===e.queryType?"in":"and");le(n,0===t.length)},ce=(0,h.useCallback)(((n,r=!1)=>{t||(q(n),!r&&e.showFilterButton||(0,R.e)(J,ee,z,ie(n),"or"===e.queryType?"in":"and"))}),[t,q,J,ee,z,ie,e.queryType,e.showFilterButton]),ue=(0,h.useMemo)((()=>(0,T.ov)(J)?J.filter((({attribute:e})=>e===(null==z?void 0:z.taxonomy))).flatMap((({slug:e})=>e)):[]),[J,null==z?void 0:z.taxonomy]),de=(0,c.s)(ue),pe=(0,u.D)(de);(0,h.useEffect)((()=>{!pe||b()(pe,de)||b()(j,de)||ce(de)}),[j,de,pe,ce]);const fe="single"!==e.selectType,he=(0,h.useCallback)((e=>{const t=j.includes(e);let n;fe?(n=j.filter((t=>t!==e)),t||(n.push(e),n.sort())):n=t?[]:[e],ce(n)}),[j,fe,ce]);(0,h.useEffect)((()=>{z&&!e.showFilterButton&&((({currentCheckedFilters:e,hasSetFilterDefaultsFromUrl:t})=>t&&0===e.length)({currentCheckedFilters:j,hasSetFilterDefaultsFromUrl:O})?le(J,!0):le(J,!1))}),[O,le,J,z,j,e.showFilterButton]),(0,h.useEffect)((()=>{if(!O&&!ne)return K.length>0?(H(!0),void ce(K,!0)):void(i||H(!0))}),[z,O,ne,ce,K,i]);const me=(0,$.Ah)();if(!o)return me(!1),null;if(!z)return t?n("noAttributes"):(me(!1),null);if(0===Q.length&&!ne&&t)return n("noProducts");const ge=`h${e.headingLevel}`,ve=!e.isPreview&&ne,ye=!e.isPreview&&oe,be=(ve||ye)&&0===Q.length;if(!be&&0===Q.length)return me(!1),null;const we=fe?!be&&j.length!j.includes(e.value))).map((e=>e.formattedValue)),disabled:be,placeholder:(0,a.sprintf)(/* translators: %s attribute name. */ +(0,a.__)("Select %s","woo-gutenberg-products-block"),z.label),onChange:e=>{!fe&&e.length>1&&(e=[e[e.length-1]]);const t=[e=e.map((e=>{const t=Q.find((t=>t.formattedValue===e));return t?t.value:e})),j].reduce(((e,t)=>e.filter((e=>!t.includes(e)))));if(1===t.length)return he(t[0]);const n=[j,e].reduce(((e,t)=>e.filter((e=>!t.includes(e)))));1===n.length&&he(n[0])},value:j,displayTransform:e=>{const t=Q.find((t=>[t.value,t.formattedValue].includes(e)));return t?t.textLabel:e},saveTransform:B,messages:{added:(0,a.sprintf)(/* translators: %s is the attribute label. */ +(0,a.__)("%s filter added.","woo-gutenberg-products-block"),z.label),removed:(0,a.sprintf)(/* translators: %s is the attribute label. */ +(0,a.__)("%s filter removed.","woo-gutenberg-products-block"),z.label),remove:(0,a.sprintf)(/* translators: %s is the attribute label. */ +(0,a.__)("Remove %s filter.","woo-gutenberg-products-block"),z.label.toLocaleLowerCase()),__experimentalInvalid:(0,a.sprintf)(/* translators: %s is the attribute label. */ +(0,a.__)("Invalid %s filter.","woo-gutenberg-products-block"),z.label.toLocaleLowerCase())}}),we&&(0,r.createElement)(_.Z,{icon:C.Z,size:30})):(0,r.createElement)(W,{options:Q,checked:j,onChange:he,isLoading:be,isDisabled:be})),(0,r.createElement)("div",{className:"wc-block-attribute-filter__actions"},(j.length>0||t)&&!be&&(0,r.createElement)(g.Z,{onClick:()=>{q([]),Y(D()),O&&ae([])},screenReaderLabel:(0,a.__)("Reset attribute filter","woo-gutenberg-products-block")}),e.showFilterButton&&(0,r.createElement)(v.Z,{className:"wc-block-attribute-filter__button",isLoading:be,disabled:(()=>{if(ve||ye)return!0;const e=P(z);return e.length===j.length&&j.every((t=>e.includes(t)))})(),onClick:()=>ae(j)})))},K=e=>{const t=(0,i.F)(e),n=(o=e,{className:(0,l.H)(null==o?void 0:o.className)?o.className:"",attributeId:parseInt((0,l.H)(null==o?void 0:o.attributeId)?o.attributeId:"0",10),showCounts:"true"===(null==o?void 0:o.showCounts),queryType:(0,l.H)(null==o?void 0:o.queryType)&&o.queryType||O.Y4.hd.Z,heading:(0,l.H)(null==o?void 0:o.heading)?o.heading:"",headingLevel:(0,l.H)(null==o?void 0:o.headingLevel)&&parseInt(o.headingLevel,10)||O.Y4.D8.Z,displayStyle:(0,l.H)(null==o?void 0:o.displayStyle)&&o.displayStyle||O.Y4.PW.Z,showFilterButton:"true"===(null==o?void 0:o.showFilterButton),selectType:(0,l.H)(null==o?void 0:o.selectType)&&o.selectType||O.Y4.lr.Z,isPreview:!1});var o;return(0,r.createElement)("div",{className:s()((0,l.H)(e.className)?e.className:"",t.className),style:t.style},(0,r.createElement)(z,{isEditor:!1,attributes:n}))}},3772:(e,t,n)=>{"use strict";n.d(t,{Gt:()=>s,ov:()=>l});var r=n(7884);const o=e=>(0,r.$n)(e,"count")&&(0,r.$n)(e,"description")&&(0,r.$n)(e,"id")&&(0,r.$n)(e,"name")&&(0,r.$n)(e,"parent")&&(0,r.$n)(e,"slug")&&"number"==typeof e.count&&"string"==typeof e.description&&"number"==typeof e.id&&"string"==typeof e.name&&"number"==typeof e.parent&&"string"==typeof e.slug,s=e=>Array.isArray(e)&&e.every(o),i=e=>(0,r.$n)(e,"attribute")&&(0,r.$n)(e,"operator")&&(0,r.$n)(e,"slug")&&"string"==typeof e.attribute&&"string"==typeof e.operator&&Array.isArray(e.slug)&&e.slug.every((e=>"string"==typeof e)),l=e=>Array.isArray(e)&&e.every(i)},4945:(e,t,n)=>{"use strict";n.d(t,{j:()=>r});const r=e=>"boolean"==typeof e},6088:(e,t,n)=>{"use strict";n.d(t,{V:()=>r});const r=e=>e instanceof Error},8519:(e,t,n)=>{"use strict";n.d(t,{F:()=>r});const r=e=>null===e},7884:(e,t,n)=>{"use strict";n.d(t,{$n:()=>s,Kn:()=>o});var r=n(8519);const o=e=>!(0,r.F)(e)&&e instanceof Object&&e.constructor===Object;function s(e,t){return o(e)&&t in e}},2646:(e,t,n)=>{"use strict";n.d(t,{H:()=>r});const r=e=>"string"==typeof e},4145:(e,t,n)=>{"use strict";n.d(t,{e:()=>s,o:()=>o});var r=n(172);const o=(e=[],t,n,o="")=>{const s=e.filter((e=>e.attribute===n.taxonomy)),i=s.length?s[0]:null;if(!(i&&i.slug&&Array.isArray(i.slug)&&i.slug.includes(o)))return;const l=i.slug.filter((e=>e!==o)),a=e.filter((e=>e.attribute!==n.taxonomy));l.length>0&&(i.slug=l.sort(),a.push(i)),t((0,r.DY)(a).asc("attribute"))},s=(e=[],t,n,o=[],s="in")=>{if(!n||!n.taxonomy)return[];const i=e.filter((e=>e.attribute!==n.taxonomy));return 0===o.length?t(i):(i.push({attribute:n.taxonomy,operator:s,slug:o.map((({slug:e})=>e)).sort()}),t((0,r.DY)(i).asc("attribute"))),i}},2296:(e,t,n)=>{"use strict";n.d(t,{I3:()=>i,it:()=>s});var r=n(4617);n(9818);const o=(0,r.getSetting)("attributes",[]).reduce(((e,t)=>{const n=(r=t)&&r.attribute_name?{id:parseInt(r.attribute_id,10),name:r.attribute_name,taxonomy:"pa_"+r.attribute_name,label:r.attribute_label}:null;var r;return n&&n.id&&e.push(n),e}),[]),s=e=>{if(e)return o.find((t=>t.id===e))},i=e=>{if(e)return o.find((t=>t.taxonomy===e))}},7788:(e,t,n)=>{"use strict";n.d(t,{H9:()=>d,X7:()=>u,re:()=>c,w8:()=>a,zv:()=>l});var r=n(6483),o=n(4617),s=n(4945);const i=(0,o.getSettingWithCoercion)("isRenderingPhpTemplate",!1,s.j),l="query_type_",a="filter_";function c(e){return window?(0,r.getQueryArg)(window.location.href,e):null}function u(e){i?((e=e.replace(/(?:query-(?:\d+-)?page=(\d+))|(?:page\/(\d+))/g,"")).endsWith("?")&&(e=e.slice(0,-1)),window.location.href=e):window.history.replaceState({},"",e)}const d=e=>{const t=(0,r.getQueryArgs)(e);return(0,r.addQueryArgs)(e,t)}},4184:(e,t)=>{var n;!function(){"use strict";var r={}.hasOwnProperty;function o(){for(var e=[],t=0;t{"use strict";var r=n(4657);e.exports=function(e,t,n){n=n||{},9===t.nodeType&&(t=r.getWindow(t));var o=n.allowHorizontalScroll,s=n.onlyScrollIfNeeded,i=n.alignWithTop,l=n.alignWithLeft,a=n.offsetTop||0,c=n.offsetLeft||0,u=n.offsetBottom||0,d=n.offsetRight||0;o=void 0===o||o;var p=r.isWindow(t),f=r.offset(e),h=r.outerHeight(e),m=r.outerWidth(e),g=void 0,v=void 0,y=void 0,b=void 0,w=void 0,E=void 0,k=void 0,S=void 0,x=void 0,T=void 0;p?(k=t,T=r.height(k),x=r.width(k),S={left:r.scrollLeft(k),top:r.scrollTop(k)},w={left:f.left-S.left-c,top:f.top-S.top-a},E={left:f.left+m-(S.left+x)+d,top:f.top+h-(S.top+T)+u},b=S):(g=r.offset(t),v=t.clientHeight,y=t.clientWidth,b={left:t.scrollLeft,top:t.scrollTop},w={left:f.left-(g.left+(parseFloat(r.css(t,"borderLeftWidth"))||0))-c,top:f.top-(g.top+(parseFloat(r.css(t,"borderTopWidth"))||0))-a},E={left:f.left+m-(g.left+y+(parseFloat(r.css(t,"borderRightWidth"))||0))+d,top:f.top+h-(g.top+v+(parseFloat(r.css(t,"borderBottomWidth"))||0))+u}),w.top<0||E.top>0?!0===i?r.scrollTop(t,b.top+w.top):!1===i?r.scrollTop(t,b.top+E.top):w.top<0?r.scrollTop(t,b.top+w.top):r.scrollTop(t,b.top+E.top):s||((i=void 0===i||!!i)?r.scrollTop(t,b.top+w.top):r.scrollTop(t,b.top+E.top)),o&&(w.left<0||E.left>0?!0===l?r.scrollLeft(t,b.left+w.left):!1===l?r.scrollLeft(t,b.left+E.left):w.left<0?r.scrollLeft(t,b.left+w.left):r.scrollLeft(t,b.left+E.left):s||((l=void 0===l||!!l)?r.scrollLeft(t,b.left+w.left):r.scrollLeft(t,b.left+E.left)))}},4979:(e,t,n)=>{"use strict";e.exports=n(9010)},4657:e=>{"use strict";var t=Object.assign||function(e){for(var t=1;t{"use strict";n.d(t,{$:()=>s});var r=n(7582),o=n(307);function s(e,t){return void 0===t&&(t={}),(0,o.B)(e,(0,r.pi)({delimiter:"."},t))}},1724:()=>{},7732:()=>{},770:()=>{},994:()=>{},230:()=>{},3057:()=>{},9562:(e,t,n)=>{"use strict";function r(e){return e.toLowerCase()}n.d(t,{U:()=>r})},307:(e,t,n)=>{"use strict";n.d(t,{B:()=>i});var r=n(9562),o=[/([a-z0-9])([A-Z])/g,/([A-Z])([A-Z][a-z])/g],s=/[^A-Z0-9]+/gi;function i(e,t){void 0===t&&(t={});for(var n=t.splitRegexp,i=void 0===n?o:n,a=t.stripRegexp,c=void 0===a?s:a,u=t.transform,d=void 0===u?r.U:u,p=t.delimiter,f=void 0===p?" ":p,h=l(l(e,i,"$1\0$2"),c,"\0"),m=0,g=h.length;"\0"===h.charAt(m);)m++;for(;"\0"===h.charAt(g-1);)g--;return h.slice(m,g).split("\0").map(d).join(f)}function l(e,t,n){return t instanceof RegExp?e.replace(t,n):t.reduce((function(e,t){return e.replace(t,n)}),e)}},9784:(e,t,n)=>{"use strict";n.d(t,{o:()=>s});var r=n(7582),o=n(1290);function s(e,t){return void 0===t&&(t={}),(0,o.$)(e,(0,r.pi)({delimiter:"-"},t))}},4697:(e,t,n)=>{"use strict";n.d(t,{Nr:()=>l,y1:()=>o});var r=n(9196);function o(e,t,n){var o=this,s=(0,r.useRef)(null),i=(0,r.useRef)(0),l=(0,r.useRef)(null),a=(0,r.useRef)([]),c=(0,r.useRef)(),u=(0,r.useRef)(),d=(0,r.useRef)(e),p=(0,r.useRef)(!0);(0,r.useEffect)((function(){d.current=e}),[e]);var f=!t&&0!==t&&"undefined"!=typeof window;if("function"!=typeof e)throw new TypeError("Expected a function");t=+t||0;var h=!!(n=n||{}).leading,m=!("trailing"in n)||!!n.trailing,g="maxWait"in n,v=g?Math.max(+n.maxWait||0,t):null;(0,r.useEffect)((function(){return p.current=!0,function(){p.current=!1}}),[]);var y=(0,r.useMemo)((function(){var e=function(e){var t=a.current,n=c.current;return a.current=c.current=null,i.current=e,u.current=d.current.apply(n,t)},n=function(e,t){f&&cancelAnimationFrame(l.current),l.current=f?requestAnimationFrame(e):setTimeout(e,t)},r=function(e){if(!p.current)return!1;var n=e-s.current;return!s.current||n>=t||n<0||g&&e-i.current>=v},y=function(t){return l.current=null,m&&a.current?e(t):(a.current=c.current=null,u.current)},b=function e(){var o=Date.now();if(r(o))return y(o);if(p.current){var l=t-(o-s.current),a=g?Math.min(l,v-(o-i.current)):l;n(e,a)}},w=function(){var d=Date.now(),f=r(d);if(a.current=[].slice.call(arguments),c.current=o,s.current=d,f){if(!l.current&&p.current)return i.current=s.current,n(b,t),h?e(s.current):u.current;if(g)return n(b,t),e(s.current)}return l.current||n(b,t),u.current};return w.cancel=function(){l.current&&(f?cancelAnimationFrame(l.current):clearTimeout(l.current)),i.current=0,a.current=s.current=c.current=l.current=null},w.isPending=function(){return!!l.current},w.flush=function(){return l.current?y(Date.now()):u.current},w}),[h,g,t,v,m,f]);return y}function s(e,t){return e===t}function i(e){return"function"==typeof e?function(){return e}:e}function l(e,t,n){var l,a,c=n&&n.equalityFn||s,u=(l=(0,r.useState)(i(e)),a=l[1],[l[0],(0,r.useCallback)((function(e){return a(i(e))}),[])]),d=u[0],p=u[1],f=o((0,r.useCallback)((function(e){return p(e)}),[p]),t,n),h=(0,r.useRef)(e);return c(h.current,e)||(f(e),h.current=e),[d,f]}},2444:(e,t,n)=>{"use strict";n.d(t,{T:()=>i});var r=n(4184),o=n.n(r);function s(e){return"appear"===e?"top":"left"}function i(e){if("loading"===e.type)return o()("components-animate__loading");const{type:t,origin:n=s(t)}=e;if("appear"===t){const[e,t="center"]=n.split(" ");return o()("components-animate__appear",{["is-from-"+t]:"center"!==t,["is-from-"+e]:"middle"!==e})}return"slide-in"===t?o()("components-animate__slide-in","is-from-"+n):void 0}},9685:(e,t,n)=>{"use strict";n.d(t,{Z:()=>h});var r=n(7462),o=n(9307),s=n(4184),i=n.n(s),l=n(2819),a=n(7180),c=n.n(a),u=n(9178),d=n(7392),p=n(7593);const f=["onMouseDown","onClick"],h=(0,o.forwardRef)((function(e,t){const{href:n,target:s,isSmall:a,isPressed:h,isBusy:m,isDestructive:g,className:v,disabled:y,icon:b,iconPosition:w="left",iconSize:E,showTooltip:k,tooltipPosition:S,shortcut:x,label:T,children:_,text:C,variant:I,__experimentalIsFocusable:L,describedBy:A,...F}=function({isDefault:e,isPrimary:t,isSecondary:n,isTertiary:r,isLink:o,variant:s,...i}){let l=s;var a,u,d,p,f;return t&&(null!==(a=l)&&void 0!==a||(l="primary")),r&&(null!==(u=l)&&void 0!==u||(l="tertiary")),n&&(null!==(d=l)&&void 0!==d||(l="secondary")),e&&(c()("Button isDefault prop",{since:"5.4",alternative:'variant="secondary"'}),null!==(p=l)&&void 0!==p||(l="secondary")),o&&(null!==(f=l)&&void 0!==f||(l="link")),{...i,variant:l}}(e),R=i()("components-button",v,{"is-secondary":"secondary"===I,"is-primary":"primary"===I,"is-small":a,"is-tertiary":"tertiary"===I,"is-pressed":h,"is-busy":m,"is-link":"link"===I,"is-destructive":g,"has-text":!!b&&!!_,"has-icon":!!b}),N=y&&!L,Z=void 0===n||N?"button":"a",O="a"===Z?{href:n,target:s}:{type:"button",disabled:N,"aria-pressed":h};if(y&&L){O["aria-disabled"]=!0;for(const e of f)F[e]=e=>{e.stopPropagation(),e.preventDefault()}}const D=!N&&(k&&T||x||!!T&&(!_||(0,l.isArray)(_)&&!_.length)&&!1!==k),M=A?(0,l.uniqueId)():null,V=F["aria-describedby"]||M,P=(0,o.createElement)(Z,(0,r.Z)({},O,F,{className:R,"aria-label":F["aria-label"]||T,"aria-describedby":V,ref:t}),b&&"left"===w&&(0,o.createElement)(d.Z,{icon:b,size:E}),C&&(0,o.createElement)(o.Fragment,null,C),b&&"right"===w&&(0,o.createElement)(d.Z,{icon:b,size:E}),_);return D?(0,o.createElement)(o.Fragment,null,(0,o.createElement)(u.Z,{text:A||T,shortcut:x,position:S},P),A&&(0,o.createElement)(p.Z,null,(0,o.createElement)("span",{id:M},A))):(0,o.createElement)(o.Fragment,null,P,A&&(0,o.createElement)(p.Z,null,(0,o.createElement)("span",{id:M},A)))}))},6658:(e,t,n)=>{"use strict";n.d(t,{Z:()=>s});var r=n(7462),o=n(9307);const s=function({icon:e,className:t,...n}){const s=["dashicon","dashicons","dashicons-"+e,t].filter(Boolean).join(" ");return(0,o.createElement)("span",(0,r.Z)({className:s},n))}},9353:(e,t,n)=>{"use strict";n.d(t,{Z:()=>y});var r=n(9307),o=n(2819),s=n(4184),i=n.n(s),l=n(5736),a=n(4333),c=n(9630),u=n(9127),d=n.n(u),p=n(5251),f=n(9250),h=n(4230),m=n(5791);const g={incompleteTokenValue:"",inputOffsetFromEnd:0,isActive:!1,isExpanded:!1,selectedSuggestionIndex:-1,selectedSuggestionScroll:!1};class v extends r.Component{constructor(){super(...arguments),this.state=g,this.onKeyDown=this.onKeyDown.bind(this),this.onKeyPress=this.onKeyPress.bind(this),this.onFocus=this.onFocus.bind(this),this.onBlur=this.onBlur.bind(this),this.deleteTokenBeforeInput=this.deleteTokenBeforeInput.bind(this),this.deleteTokenAfterInput=this.deleteTokenAfterInput.bind(this),this.addCurrentToken=this.addCurrentToken.bind(this),this.onContainerTouched=this.onContainerTouched.bind(this),this.renderToken=this.renderToken.bind(this),this.onTokenClickRemove=this.onTokenClickRemove.bind(this),this.onSuggestionHovered=this.onSuggestionHovered.bind(this),this.onSuggestionSelected=this.onSuggestionSelected.bind(this),this.onInputChange=this.onInputChange.bind(this),this.bindInput=this.bindInput.bind(this),this.bindTokensAndInput=this.bindTokensAndInput.bind(this),this.updateSuggestions=this.updateSuggestions.bind(this)}componentDidUpdate(e){this.state.isActive&&!this.input.hasFocus()&&this.input.focus();const{suggestions:t,value:n}=this.props,r=!d()(t,e.suggestions);(r||n!==e.value)&&this.updateSuggestions(r)}static getDerivedStateFromProps(e,t){return e.disabled&&t.isActive?{isActive:!1,incompleteTokenValue:""}:null}bindInput(e){this.input=e}bindTokensAndInput(e){this.tokensAndInput=e}onFocus(e){const{__experimentalExpandOnFocus:t}=this.props;this.input.hasFocus()||e.target===this.tokensAndInput?this.setState({isActive:!0,isExpanded:!!t||this.state.isExpanded}):this.setState({isActive:!1}),"function"==typeof this.props.onFocus&&this.props.onFocus(e)}onBlur(){this.inputHasValidValue()?this.setState({isActive:!1}):this.setState(g)}onKeyDown(e){let t=!1;switch(e.keyCode){case c.BACKSPACE:t=this.handleDeleteKey(this.deleteTokenBeforeInput);break;case c.ENTER:t=this.addCurrentToken();break;case c.LEFT:t=this.handleLeftArrowKey();break;case c.UP:t=this.handleUpArrowKey();break;case c.RIGHT:t=this.handleRightArrowKey();break;case c.DOWN:t=this.handleDownArrowKey();break;case c.DELETE:t=this.handleDeleteKey(this.deleteTokenAfterInput);break;case c.SPACE:this.props.tokenizeOnSpace&&(t=this.addCurrentToken());break;case c.ESCAPE:t=this.handleEscapeKey(e),e.stopPropagation()}t&&e.preventDefault()}onKeyPress(e){let t=!1;44===e.charCode&&(t=this.handleCommaKey()),t&&e.preventDefault()}onContainerTouched(e){e.target===this.tokensAndInput&&this.state.isActive&&e.preventDefault()}onTokenClickRemove(e){this.deleteToken(e.value),this.input.focus()}onSuggestionHovered(e){const t=this.getMatchingSuggestions().indexOf(e);t>=0&&this.setState({selectedSuggestionIndex:t,selectedSuggestionScroll:!1})}onSuggestionSelected(e){this.addNewToken(e)}onInputChange(e){const t=e.value,n=this.props.tokenizeOnSpace?/[ ,\t]+/:/[,\t]+/,r=t.split(n),s=(0,o.last)(r)||"";r.length>1&&this.addNewTokens(r.slice(0,-1)),this.setState({incompleteTokenValue:s},this.updateSuggestions),this.props.onInputChange(s)}handleDeleteKey(e){let t=!1;return this.input.hasFocus()&&this.isInputEmpty()&&(e(),t=!0),t}handleLeftArrowKey(){let e=!1;return this.isInputEmpty()&&(this.moveInputBeforePreviousToken(),e=!0),e}handleRightArrowKey(){let e=!1;return this.isInputEmpty()&&(this.moveInputAfterNextToken(),e=!0),e}handleUpArrowKey(){return this.setState(((e,t)=>({selectedSuggestionIndex:(0===e.selectedSuggestionIndex?this.getMatchingSuggestions(e.incompleteTokenValue,t.suggestions,t.value,t.maxSuggestions,t.saveTransform).length:e.selectedSuggestionIndex)-1,selectedSuggestionScroll:!0}))),!0}handleDownArrowKey(){return this.setState(((e,t)=>({selectedSuggestionIndex:(e.selectedSuggestionIndex+1)%this.getMatchingSuggestions(e.incompleteTokenValue,t.suggestions,t.value,t.maxSuggestions,t.saveTransform).length,selectedSuggestionScroll:!0}))),!0}handleEscapeKey(e){return this.setState({incompleteTokenValue:e.target.value,isExpanded:!1,selectedSuggestionIndex:-1,selectedSuggestionScroll:!1}),!0}handleCommaKey(){return this.inputHasValidValue()&&this.addNewToken(this.state.incompleteTokenValue),!0}moveInputToIndex(e){this.setState(((t,n)=>({inputOffsetFromEnd:n.value.length-Math.max(e,-1)-1})))}moveInputBeforePreviousToken(){this.setState(((e,t)=>({inputOffsetFromEnd:Math.min(e.inputOffsetFromEnd+1,t.value.length)})))}moveInputAfterNextToken(){this.setState((e=>({inputOffsetFromEnd:Math.max(e.inputOffsetFromEnd-1,0)})))}deleteTokenBeforeInput(){const e=this.getIndexOfInput()-1;e>-1&&this.deleteToken(this.props.value[e])}deleteTokenAfterInput(){const e=this.getIndexOfInput();e!this.valueContainsToken(e))));if(t.length>0){const e=(0,o.clone)(this.props.value);e.splice.apply(e,[this.getIndexOfInput(),0].concat(t)),this.props.onChange(e)}}addNewToken(e){const{__experimentalExpandOnFocus:t,__experimentalValidateInput:n}=this.props;n(e)?(this.addNewTokens([e]),this.props.speak(this.props.messages.added,"assertive"),this.setState({incompleteTokenValue:"",selectedSuggestionIndex:-1,selectedSuggestionScroll:!1,isExpanded:!t}),this.state.isActive&&this.input.focus()):this.props.speak(this.props.messages.__experimentalInvalid,"assertive")}deleteToken(e){const t=this.props.value.filter((t=>this.getTokenValue(t)!==this.getTokenValue(e)));this.props.onChange(t),this.props.speak(this.props.messages.removed,"assertive")}getTokenValue(e){return"object"==typeof e?e.value:e}getMatchingSuggestions(e=this.state.incompleteTokenValue,t=this.props.suggestions,n=this.props.value,r=this.props.maxSuggestions,s=this.props.saveTransform){let i=s(e);const l=[],a=[];return 0===i.length?t=(0,o.difference)(t,n):(i=i.toLocaleLowerCase(),(0,o.each)(t,(e=>{const t=e.toLocaleLowerCase().indexOf(i);-1===n.indexOf(e)&&(0===t?l.push(e):t>0&&a.push(e))})),t=l.concat(a)),(0,o.take)(t,r)}getSelectedSuggestion(){if(-1!==this.state.selectedSuggestionIndex)return this.getMatchingSuggestions()[this.state.selectedSuggestionIndex]}valueContainsToken(e){return(0,o.some)(this.props.value,(t=>this.getTokenValue(e)===this.getTokenValue(t)))}getIndexOfInput(){return this.props.value.length-this.state.inputOffsetFromEnd}isInputEmpty(){return 0===this.state.incompleteTokenValue.length}inputHasValidValue(){return this.props.saveTransform(this.state.incompleteTokenValue).length>0}updateSuggestions(e=!0){const{__experimentalExpandOnFocus:t}=this.props,{incompleteTokenValue:n}=this.state,r=n.trim().length>1,o=this.getMatchingSuggestions(n),s=o.length>0,i={isExpanded:t||r&&s};if(e&&(i.selectedSuggestionIndex=-1,i.selectedSuggestionScroll=!1),this.setState(i),r){const{debouncedSpeak:e}=this.props;e(s?(0,l.sprintf)( +/* translators: %d: number of results. */ +(0,l._n)("%d result found, use up and down arrow keys to navigate.","%d results found, use up and down arrow keys to navigate.",o.length),o.length):(0,l.__)("No results."),"assertive")}}renderTokensAndInput(){const e=(0,o.map)(this.props.value,this.renderToken);return e.splice(this.getIndexOfInput(),0,this.renderInput()),e}renderToken(e,t,n){const o=this.getTokenValue(e),s=e.status?e.status:void 0,i=t+1,l=n.length;return(0,r.createElement)(p.Z,{key:"token-"+o,value:o,status:s,title:e.title,displayTransform:this.props.displayTransform,onClickRemove:this.onTokenClickRemove,isBorderless:e.isBorderless||this.props.isBorderless,onMouseEnter:e.onMouseEnter,onMouseLeave:e.onMouseLeave,disabled:"error"!==s&&this.props.disabled,messages:this.props.messages,termsCount:l,termPosition:i})}renderInput(){const{autoCapitalize:e,autoComplete:t,maxLength:n,placeholder:o,value:s,instanceId:i}=this.props;let l={instanceId:i,autoCapitalize:e,autoComplete:t,placeholder:0===s.length?o:"",ref:this.bindInput,key:"input",disabled:this.props.disabled,value:this.state.incompleteTokenValue,onBlur:this.onBlur,isExpanded:this.state.isExpanded,selectedSuggestionIndex:this.state.selectedSuggestionIndex};return n&&s.length>=n||(l={...l,onChange:this.onInputChange}),(0,r.createElement)(f.Z,l)}render(){const{disabled:e,label:t=(0,l.__)("Add item"),instanceId:n,className:o,__experimentalShowHowTo:s}=this.props,{isExpanded:a}=this.state,c=i()(o,"components-form-token-field__input-container",{"is-active":this.state.isActive,"is-disabled":e});let u={className:"components-form-token-field",tabIndex:"-1"};const d=this.getMatchingSuggestions();return e||(u=Object.assign({},u,{onKeyDown:this.onKeyDown,onKeyPress:this.onKeyPress,onFocus:this.onFocus})),(0,r.createElement)("div",u,(0,r.createElement)("label",{htmlFor:`components-form-token-input-${n}`,className:"components-form-token-field__label"},t),(0,r.createElement)("div",{ref:this.bindTokensAndInput,className:c,tabIndex:"-1",onMouseDown:this.onContainerTouched,onTouchStart:this.onContainerTouched},this.renderTokensAndInput(),a&&(0,r.createElement)(h.Z,{instanceId:n,match:this.props.saveTransform(this.state.incompleteTokenValue),displayTransform:this.props.displayTransform,suggestions:d,selectedIndex:this.state.selectedSuggestionIndex,scrollIntoView:this.state.selectedSuggestionScroll,onHover:this.onSuggestionHovered,onSelect:this.onSuggestionSelected})),s&&(0,r.createElement)("p",{id:`components-form-token-suggestions-howto-${n}`,className:"components-form-token-field__help"},this.props.tokenizeOnSpace?(0,l.__)("Separate with commas, spaces, or the Enter key."):(0,l.__)("Separate with commas or the Enter key.")))}}v.defaultProps={suggestions:Object.freeze([]),maxSuggestions:100,value:Object.freeze([]),displayTransform:o.identity,saveTransform:e=>e.trim(),onChange:()=>{},onInputChange:()=>{},isBorderless:!1,disabled:!1,tokenizeOnSpace:!1,messages:{added:(0,l.__)("Item added."),removed:(0,l.__)("Item removed."),remove:(0,l.__)("Remove item"),__experimentalInvalid:(0,l.__)("Invalid item")},__experimentalExpandOnFocus:!1,__experimentalValidateInput:()=>!0,__experimentalShowHowTo:!0};const y=(0,m.Z)((0,a.withInstanceId)(v))},4230:(e,t,n)=>{"use strict";n.d(t,{Z:()=>d});var r=n(9307),o=n(2819),s=n(4979),i=n.n(s),l=n(4184),a=n.n(l),c=n(4333);class u extends r.Component{constructor(){super(...arguments),this.handleMouseDown=this.handleMouseDown.bind(this),this.bindList=this.bindList.bind(this)}componentDidUpdate(){this.props.selectedIndex>-1&&this.props.scrollIntoView&&this.list.children[this.props.selectedIndex]&&(this.scrollingIntoView=!0,i()(this.list.children[this.props.selectedIndex],this.list,{onlyScrollIfNeeded:!0}),this.props.setTimeout((()=>{this.scrollingIntoView=!1}),100))}bindList(e){this.list=e}handleHover(e){return()=>{this.scrollingIntoView||this.props.onHover(e)}}handleClick(e){return()=>{this.props.onSelect(e)}}handleMouseDown(e){e.preventDefault()}computeSuggestionMatch(e){const t=this.props.displayTransform(this.props.match||"").toLocaleLowerCase();if(0===t.length)return null;const n=(e=this.props.displayTransform(e)).toLocaleLowerCase().indexOf(t);return{suggestionBeforeMatch:e.substring(0,n),suggestionMatch:e.substring(n,n+t.length),suggestionAfterMatch:e.substring(n+t.length)}}render(){return(0,r.createElement)("ul",{ref:this.bindList,className:"components-form-token-field__suggestions-list",id:`components-form-token-suggestions-${this.props.instanceId}`,role:"listbox"},(0,o.map)(this.props.suggestions,((e,t)=>{const n=this.computeSuggestionMatch(e),o=a()("components-form-token-field__suggestion",{"is-selected":t===this.props.selectedIndex});return(0,r.createElement)("li",{id:`components-form-token-suggestions-${this.props.instanceId}-${t}`,role:"option",className:o,key:null!=e&&e.value?e.value:this.props.displayTransform(e),onMouseDown:this.handleMouseDown,onClick:this.handleClick(e),onMouseEnter:this.handleHover(e),"aria-selected":t===this.props.selectedIndex},n?(0,r.createElement)("span",{"aria-label":this.props.displayTransform(e)},n.suggestionBeforeMatch,(0,r.createElement)("strong",{className:"components-form-token-field__suggestion-match"},n.suggestionMatch),n.suggestionAfterMatch):this.props.displayTransform(e))})))}}u.defaultProps={match:"",onHover:()=>{},onSelect:()=>{},suggestions:Object.freeze([])};const d=(0,c.withSafeTimeout)(u)},9250:(e,t,n)=>{"use strict";n.d(t,{Z:()=>a});var r=n(7462),o=n(9307),s=n(4184),i=n.n(s);class l extends o.Component{constructor(){super(...arguments),this.onChange=this.onChange.bind(this),this.bindInput=this.bindInput.bind(this)}focus(){this.input.focus()}hasFocus(){return this.input===this.input.ownerDocument.activeElement}bindInput(e){this.input=e}onChange(e){this.props.onChange({value:e.target.value})}render(){const{value:e,isExpanded:t,instanceId:n,selectedSuggestionIndex:s,className:l,...a}=this.props,c=e?e.length+1:0;return(0,o.createElement)("input",(0,r.Z)({ref:this.bindInput,id:`components-form-token-input-${n}`,type:"text"},a,{value:e||"",onChange:this.onChange,size:c,className:i()(l,"components-form-token-field__input"),autoComplete:"off",role:"combobox","aria-expanded":t,"aria-autocomplete":"list","aria-owns":t?`components-form-token-suggestions-${n}`:void 0,"aria-activedescendant":-1!==s?`components-form-token-suggestions-${n}-${s}`:void 0,"aria-describedby":`components-form-token-suggestions-howto-${n}`}))}}const a=l},5251:(e,t,n)=>{"use strict";n.d(t,{Z:()=>p});var r=n(9307),o=n(4184),s=n.n(o),i=n(2819),l=n(4333),a=n(5736),c=n(9725),u=n(9685),d=n(7593);function p({value:e,status:t,title:n,displayTransform:o,isBorderless:f=!1,disabled:h=!1,onClickRemove:m=i.noop,onMouseEnter:g,onMouseLeave:v,messages:y,termPosition:b,termsCount:w}){const E=(0,l.useInstanceId)(p),k=s()("components-form-token-field__token",{"is-error":"error"===t,"is-success":"success"===t,"is-validating":"validating"===t,"is-borderless":f,"is-disabled":h}),S=o(e),x=(0,a.sprintf)( +/* translators: 1: term name, 2: term position in a set of terms, 3: total term set count. */ +(0,a.__)("%1$s (%2$s of %3$s)"),S,b,w);return(0,r.createElement)("span",{className:k,onMouseEnter:g,onMouseLeave:v,title:n},(0,r.createElement)("span",{className:"components-form-token-field__token-text",id:`components-form-token-field__token-text-${E}`},(0,r.createElement)(d.Z,{as:"span"},x),(0,r.createElement)("span",{"aria-hidden":"true"},S)),(0,r.createElement)(u.Z,{className:"components-form-token-field__remove-token",icon:c.Z,onClick:!h&&(()=>m({value:e})),label:y.remove,"aria-describedby":`components-form-token-field__token-text-${E}`}))}},5791:(e,t,n)=>{"use strict";n.d(t,{Z:()=>l});var r=n(7462),o=n(9307),s=n(4333),i=n(5158);const l=(0,s.createHigherOrderComponent)((e=>t=>(0,o.createElement)(e,(0,r.Z)({},t,{speak:i.speak,debouncedSpeak:(0,s.useDebounce)(i.speak,500)}))),"withSpokenMessages")},7392:(e,t,n)=>{"use strict";n.d(t,{Z:()=>l});var r=n(7462),o=n(9307),s=n(444),i=n(6658);const l=function({icon:e=null,size:t=24,...n}){if("string"==typeof e)return(0,o.createElement)(i.Z,(0,r.Z)({icon:e},n));if((0,o.isValidElement)(e)&&i.Z===e.type)return(0,o.cloneElement)(e,{...n});if("function"==typeof e)return e.prototype instanceof o.Component?(0,o.createElement)(e,{size:t,...n}):e({size:t,...n});if(e&&("svg"===e.type||e.type===s.SVG)){const r={width:t,height:t,...e.props,...n};return(0,o.createElement)(s.SVG,r)}return(0,o.isValidElement)(e)?(0,o.cloneElement)(e,{size:t,...n}):e}},4638:(e,t,n)=>{"use strict";n.d(t,{Z:()=>x});var r=n(7462),o=n(9307),s=n(4184),i=n.n(s),l=n(5904),a=n(7180),c=n.n(a),u=n(4333),d=n(4787),p=n(4103),f=n(9685),h=n(9753),m=n(1515),g=n(6580),v=n(2444);const y="Popover";function b(e,t){const{paddingTop:n,paddingBottom:r,paddingLeft:o,paddingRight:s}=(i=t).ownerDocument.defaultView.getComputedStyle(i);var i;const l=n?parseInt(n,10):0,a=r?parseInt(r,10):0,c=o?parseInt(o,10):0,u=s?parseInt(s,10):0;return{x:e.left+c,y:e.top+l,width:e.width-c-u,height:e.height-l-a,left:e.left+c,right:e.right-u,top:e.top+l,bottom:e.bottom-a}}function w(e,t,n){n?e.getAttribute(t)!==n&&e.setAttribute(t,n):e.hasAttribute(t)&&e.removeAttribute(t)}function E(e,t,n=""){e.style[t]!==n&&(e.style[t]=n)}function k(e,t,n){n?e.classList.contains(t)||e.classList.add(t):e.classList.contains(t)&&e.classList.remove(t)}const S=(0,o.forwardRef)((({headerTitle:e,onClose:t,children:n,className:s,noArrow:a=!0,isAlternate:S,position:x="bottom right",range:T,focusOnMount:_="firstElement",anchorRef:C,shouldAnchorIncludePadding:I,anchorRect:L,getAnchorRect:A,expandOnMobile:F,animate:R=!0,onClickOutside:N,onFocusOutside:Z,__unstableStickyBoundaryElement:O,__unstableSlotName:D=y,__unstableObserveElement:M,__unstableBoundaryParent:V,__unstableForcePosition:P,__unstableForceXAlignment:B,...H},W)=>{const $=(0,o.useRef)(null),z=(0,o.useRef)(null),K=(0,o.useRef)(),j=(0,u.useViewportMatch)("medium","<"),[q,U]=(0,o.useState)(),Y=(0,m.Z)(D),Q=F&&j,[X,G]=(0,u.useResizeObserver)();a=Q||a,(0,o.useLayoutEffect)((()=>{if(Q)return k(K.current,"is-without-arrow",a),k(K.current,"is-alternate",S),w(K.current,"data-x-axis"),w(K.current,"data-y-axis"),E(K.current,"top"),E(K.current,"left"),E(z.current,"maxHeight"),void E(z.current,"maxWidth");const e=()=>{if(!K.current||!z.current)return;let e=function(e,t,n,r=!1,o,s){if(t)return t;if(n){if(!e.current)return;const t=n(e.current);return(0,p.cS)(t,t.ownerDocument||e.current.ownerDocument,s)}if(!1!==r){if(!(r&&window.Range&&window.Element&&window.DOMRect))return;if("function"==typeof(null==r?void 0:r.cloneRange))return(0,p.cS)((0,l.getRectangleFromRange)(r),r.endContainer.ownerDocument,s);if("function"==typeof(null==r?void 0:r.getBoundingClientRect)){const e=(0,p.cS)(r.getBoundingClientRect(),r.ownerDocument,s);return o?e:b(e,r)}const{top:e,bottom:t}=r,n=e.getBoundingClientRect(),i=t.getBoundingClientRect(),a=(0,p.cS)(new window.DOMRect(n.left,n.top,n.width,i.bottom-n.top),e.ownerDocument,s);return o?a:b(a,r)}if(!e.current)return;const{parentNode:i}=e.current,a=i.getBoundingClientRect();return o?a:b(a,i)}($,L,A,C,I,K.current);if(!e)return;const{offsetParent:t,ownerDocument:n}=K.current;let r,o=0;if(t&&t!==n.body){const n=t.getBoundingClientRect();o=n.top,e=new window.DOMRect(e.left-n.left,e.top-n.top,e.width,e.height)}var s;V&&(r=null===(s=K.current.closest(".popover-slot"))||void 0===s?void 0:s.parentNode);const i=G.height?G:z.current.getBoundingClientRect(),{popoverTop:c,popoverLeft:u,xAxis:d,yAxis:f,contentHeight:h,contentWidth:m}=(0,p.sw)(e,i,x,O,K.current,o,r,P,B);"number"==typeof c&&"number"==typeof u&&(E(K.current,"top",c+"px"),E(K.current,"left",u+"px")),k(K.current,"is-without-arrow",a||"center"===d&&"middle"===f),k(K.current,"is-alternate",S),w(K.current,"data-x-axis",d),w(K.current,"data-y-axis",f),E(z.current,"maxHeight","number"==typeof h?h+"px":""),E(z.current,"maxWidth","number"==typeof m?m+"px":""),U(({left:"right",right:"left"}[d]||"center")+" "+({top:"bottom",bottom:"top"}[f]||"middle"))};e();const{ownerDocument:t}=K.current,{defaultView:n}=t,r=n.setInterval(e,500);let o;const s=()=>{n.cancelAnimationFrame(o),o=n.requestAnimationFrame(e)};n.addEventListener("click",s),n.addEventListener("resize",e),n.addEventListener("scroll",e,!0);const i=function(e){if(e)return e.endContainer?e.endContainer.ownerDocument:e.top?e.top.ownerDocument:e.ownerDocument}(C);let c;return i&&i!==t&&(i.defaultView.addEventListener("resize",e),i.defaultView.addEventListener("scroll",e,!0)),M&&(c=new n.MutationObserver(e),c.observe(M,{attributes:!0})),()=>{n.clearInterval(r),n.removeEventListener("resize",e),n.removeEventListener("scroll",e,!0),n.removeEventListener("click",s),n.cancelAnimationFrame(o),i&&i!==t&&(i.defaultView.removeEventListener("resize",e),i.defaultView.removeEventListener("scroll",e,!0)),c&&c.disconnect()}}),[Q,L,A,C,I,x,G,O,M,V]);const J=(e,n)=>{if("focus-outside"===e&&Z)Z(n);else if("focus-outside"===e&&N){const e=new window.MouseEvent("click");Object.defineProperty(e,"target",{get:()=>n.relatedTarget}),c()("Popover onClickOutside prop",{since:"5.3",alternative:"onFocusOutside"}),N(e)}else t&&t()},[ee,te]=(0,u.__experimentalUseDialog)({focusOnMount:_,__unstableOnClose:J,onClose:J}),ne=(0,u.useMergeRefs)([K,ee,W]),re=Boolean(R&&q)&&(0,v.T)({type:"appear",origin:q});let oe=(0,o.createElement)("div",(0,r.Z)({className:i()("components-popover",s,re,{"is-expanded":Q,"is-without-arrow":a,"is-alternate":S})},H,{ref:ne},te,{tabIndex:"-1"}),Q&&(0,o.createElement)(h.Z,null),Q&&(0,o.createElement)("div",{className:"components-popover__header"},(0,o.createElement)("span",{className:"components-popover__header-title"},e),(0,o.createElement)(f.Z,{className:"components-popover__close",icon:d.Z,onClick:t})),(0,o.createElement)("div",{ref:z,className:"components-popover__content"},(0,o.createElement)("div",{style:{position:"relative"}},X,n)));return Y.ref&&(oe=(0,o.createElement)(g.de,{name:D},oe)),C||L?oe:(0,o.createElement)("span",{ref:$},oe)}));S.Slot=(0,o.forwardRef)((function({name:e=y},t){return(0,o.createElement)(g.g7,{bubblesVirtually:!0,name:e,className:"popover-slot",ref:t})}));const x=S},4103:(e,t,n)=>{"use strict";n.d(t,{cS:()=>i,sw:()=>s});var r=n(5736);const o=10;function s(e,t,n="top",s,i,l,a,c,u){const[d,p="center",f]=n.split(" "),h=function(e,t,n,r,s,i,l,a){const{height:c}=t;if(s){const t=s.getBoundingClientRect().top+c-l;if(e.top<=t)return{yAxis:n,popoverTop:Math.min(e.bottom,t)}}let u=e.top+e.height/2;"bottom"===r?u=e.bottom:"top"===r&&(u=e.top);const d={popoverTop:u,contentHeight:(u-c/2>0?c/2:u)+(u+c/2>window.innerHeight?window.innerHeight-u:c/2)},p={popoverTop:e.top,contentHeight:e.top-o-c>0?c:e.top-o},f={popoverTop:e.bottom,contentHeight:e.bottom+o+c>window.innerHeight?window.innerHeight-o-e.bottom:c};let h,m=n,g=null;if(!s&&!a)if("middle"===n&&d.contentHeight===c)m="middle";else if("top"===n&&p.contentHeight===c)m="top";else if("bottom"===n&&f.contentHeight===c)m="bottom";else{m=p.contentHeight>f.contentHeight?"top":"bottom";const e="top"===m?p.contentHeight:f.contentHeight;g=e!==c?e:null}return h="middle"===m?d.popoverTop:"top"===m?p.popoverTop:f.popoverTop,{yAxis:m,popoverTop:h,contentHeight:g}}(e,t,d,f,s,0,l,c),m=function(e,t,n,o,s,i,l,a,c){const{width:u}=t;"left"===n&&(0,r.isRTL)()?n="right":"right"===n&&(0,r.isRTL)()&&(n="left"),"left"===o&&(0,r.isRTL)()?o="right":"right"===o&&(0,r.isRTL)()&&(o="left");const d=Math.round(e.left+e.width/2),p={popoverLeft:d,contentWidth:(d-u/2>0?u/2:d)+(d+u/2>window.innerWidth?window.innerWidth-d:u/2)};let f=e.left;"right"===o?f=e.right:"middle"===i||c||(f=d);let h=e.right;"left"===o?h=e.left:"middle"===i||c||(h=d);const m={popoverLeft:f,contentWidth:f-u>0?u:f},g={popoverLeft:h,contentWidth:h+u>window.innerWidth?window.innerWidth-h:u};let v,y=n,b=null;if(!s&&!a)if("center"===n&&p.contentWidth===u)y="center";else if("left"===n&&m.contentWidth===u)y="left";else if("right"===n&&g.contentWidth===u)y="right";else{y=m.contentWidth>g.contentWidth?"left":"right";const e="left"===y?m.contentWidth:g.contentWidth;u>window.innerWidth&&(b=window.innerWidth),e!==u&&(y="center",p.popoverLeft=window.innerWidth/2)}if(v="center"===y?p.popoverLeft:"left"===y?m.popoverLeft:g.popoverLeft,l){const e=l.getBoundingClientRect();v=Math.min(v,e.right-u),(0,r.isRTL)()||(v=Math.max(v,0))}return{xAxis:y,popoverLeft:v,contentWidth:b}}(e,t,p,f,s,h.yAxis,a,c,u);return{...m,...h}}function i(e,t,n){const{defaultView:r}=t,{frameElement:o}=r;if(!o||t===n.ownerDocument)return e;const s=o.getBoundingClientRect();return new r.DOMRect(e.left+s.left,e.top+s.top,e.width,e.height)}},9753:(e,t,n)=>{"use strict";n.d(t,{Z:()=>l});var r=n(9307);let o=0;function s(e){const t=document.scrollingElement||document.body;e&&(o=t.scrollTop);const n=e?"add":"remove";t.classList[n]("lockscroll"),document.documentElement.classList[n]("lockscroll"),e||(t.scrollTop=o)}let i=0;function l(){return(0,r.useEffect)((()=>(0===i&&s(!0),++i,()=>{1===i&&s(!1),--i})),[]),null}},3586:(e,t,n)=>{"use strict";n.d(t,{Z:()=>s});var r=n(9307),o=n(2819);const s=function({shortcut:e,className:t}){if(!e)return null;let n,s;return(0,o.isString)(e)&&(n=e),(0,o.isObject)(e)&&(n=e.display,s=e.ariaLabel),(0,r.createElement)("span",{className:t,"aria-label":s},n)}},4160:(e,t,n)=>{"use strict";n.d(t,{Z:()=>i});var r=n(9307),o=n(1515);function s(){const[,e]=(0,r.useState)({}),t=(0,r.useRef)(!0);return(0,r.useEffect)((()=>()=>{t.current=!1}),[]),()=>{t.current&&e({})}}function i({name:e,children:t}){const n=(0,o.Z)(e),i=(0,r.useRef)({rerender:s()});return(0,r.useEffect)((()=>(n.registerFill(i),()=>{n.unregisterFill(i)})),[n.registerFill,n.unregisterFill]),n.ref&&n.ref.current?("function"==typeof t&&(t=t(n.fillProps)),(0,r.createPortal)(t,n.ref.current)):null}},159:(e,t,n)=>{"use strict";n.d(t,{Z:()=>o});var r=n(9307);n(2560);const o=(0,r.createContext)({slots:{},fills:{},registerSlot:()=>{"undefined"!=typeof process&&process.env},updateSlot:()=>{},unregisterSlot:()=>{},registerFill:()=>{},unregisterFill:()=>{}})},9934:(e,t,n)=>{"use strict";n.d(t,{Z:()=>l});var r=n(7462),o=n(9307),s=n(4333),i=n(159);const l=(0,o.forwardRef)((function({name:e,fillProps:t={},as:n="div",...l},a){const c=(0,o.useContext)(i.Z),u=(0,o.useRef)();return(0,o.useLayoutEffect)((()=>(c.registerSlot(e,u,t),()=>{c.unregisterSlot(e,u)})),[c.registerSlot,c.unregisterSlot,e]),(0,o.useLayoutEffect)((()=>{c.updateSlot(e,t)})),(0,o.createElement)(n,(0,r.Z)({ref:(0,s.useMergeRefs)([a,u])},l))}))},1515:(e,t,n)=>{"use strict";n.d(t,{Z:()=>s});var r=n(9307),o=n(159);function s(e){const t=(0,r.useContext)(o.Z),n=t.slots[e]||{},s=t.fills[e],i=(0,r.useMemo)((()=>s||[]),[s]);return{...n,updateSlot:(0,r.useCallback)((n=>{t.updateSlot(e,n)}),[e,t.updateSlot]),unregisterSlot:(0,r.useCallback)((n=>{t.unregisterSlot(e,n)}),[e,t.unregisterSlot]),fills:i,registerFill:(0,r.useCallback)((n=>{t.registerFill(e,n)}),[e,t.registerFill]),unregisterFill:(0,r.useCallback)((n=>{t.unregisterFill(e,n)}),[e,t.unregisterFill])}}},566:(e,t,n)=>{"use strict";n.d(t,{Z:()=>r});const r=(0,n(9307).createContext)({registerSlot:()=>{},unregisterSlot:()=>{},registerFill:()=>{},unregisterFill:()=>{},getSlot:()=>{},getFills:()=>{},subscribe:()=>{}})},8198:(e,t,n)=>{"use strict";n.d(t,{Z:()=>c});var r=n(7462),o=n(9307),s=n(2819),i=n(566),l=n(2009);function a({name:e,children:t,registerFill:n,unregisterFill:r}){const i=(0,l.Z)(e),a=(0,o.useRef)({name:e,children:t});return(0,o.useLayoutEffect)((()=>(n(e,a.current),()=>r(e,a.current))),[]),(0,o.useLayoutEffect)((()=>{a.current.children=t,i&&i.forceUpdate()}),[t]),(0,o.useLayoutEffect)((()=>{e!==a.current.name&&(r(a.current.name,a.current),a.current.name=e,n(e,a.current))}),[e]),i&&i.node?((0,s.isFunction)(t)&&(t=t(i.props.fillProps)),(0,o.createPortal)(t,i.node)):null}const c=e=>(0,o.createElement)(i.Z.Consumer,null,(({registerFill:t,unregisterFill:n})=>(0,o.createElement)(a,(0,r.Z)({},e,{registerFill:t,unregisterFill:n}))))},6580:(e,t,n)=>{"use strict";n.d(t,{de:()=>c,g7:()=>u});var r=n(7462),o=n(9307),s=n(8198),i=n(8612),l=n(4160),a=n(9934);function c(e){return(0,o.createElement)(o.Fragment,null,(0,o.createElement)(s.Z,e),(0,o.createElement)(l.Z,e))}const u=(0,o.forwardRef)((({bubblesVirtually:e,...t},n)=>e?(0,o.createElement)(a.Z,(0,r.Z)({},t,{ref:n})):(0,o.createElement)(i.Z,t)))},8612:(e,t,n)=>{"use strict";n.d(t,{Z:()=>a});var r=n(7462),o=n(9307),s=n(2819),i=n(566);class l extends o.Component{constructor(){super(...arguments),this.isUnmounted=!1,this.bindNode=this.bindNode.bind(this)}componentDidMount(){const{registerSlot:e}=this.props;e(this.props.name,this)}componentWillUnmount(){const{unregisterSlot:e}=this.props;this.isUnmounted=!0,e(this.props.name,this)}componentDidUpdate(e){const{name:t,unregisterSlot:n,registerSlot:r}=this.props;e.name!==t&&(n(e.name),r(t,this))}bindNode(e){this.node=e}forceUpdate(){this.isUnmounted||super.forceUpdate()}render(){const{children:e,name:t,fillProps:n={},getFills:r}=this.props,i=(0,s.map)(r(t,this),(e=>{const t=(0,s.isFunction)(e.children)?e.children(n):e.children;return o.Children.map(t,((e,t)=>{if(!e||(0,s.isString)(e))return e;const n=e.key||t;return(0,o.cloneElement)(e,{key:n})}))})).filter((0,s.negate)(o.isEmptyElement));return(0,o.createElement)(o.Fragment,null,(0,s.isFunction)(e)?e(i):i)}}const a=e=>(0,o.createElement)(i.Z.Consumer,null,(({registerSlot:t,unregisterSlot:n,getFills:s})=>(0,o.createElement)(l,(0,r.Z)({},e,{registerSlot:t,unregisterSlot:n,getFills:s}))))},2009:(e,t,n)=>{"use strict";n.d(t,{Z:()=>s});var r=n(9307),o=n(566);const s=e=>{const{getSlot:t,subscribe:n}=(0,r.useContext)(o.Z),[s,i]=(0,r.useState)(t(e));return(0,r.useEffect)((()=>(i(t(e)),n((()=>{i(t(e))})))),[e]),s}},9178:(e,t,n)=>{"use strict";n.d(t,{Z:()=>p});var r=n(9307),o=n(2819),s=n(4333),i=n(4638),l=n(3586);const a=(0,r.createElement)("div",{className:"event-catcher"}),c=({eventHandlers:e,child:t,childrenWithPopover:n})=>(0,r.cloneElement)((0,r.createElement)("span",{className:"disabled-element-wrapper"},(0,r.cloneElement)(a,e),(0,r.cloneElement)(t,{children:n}),","),e),u=({child:e,eventHandlers:t,childrenWithPopover:n})=>(0,r.cloneElement)(e,{...t,children:n}),d=(e,t,n)=>{if(1!==r.Children.count(e))return;const o=r.Children.only(e);"function"==typeof o.props[t]&&o.props[t](n)},p=function({children:e,position:t,text:n,shortcut:a}){const[p,f]=(0,r.useState)(!1),[h,m]=(0,r.useState)(!1),g=(0,s.useDebounce)(m,700),v=t=>{d(e,"onMouseDown",t),document.addEventListener("mouseup",w),f(!0)},y=t=>{d(e,"onMouseUp",t),document.removeEventListener("mouseup",w),f(!1)},b=e=>"mouseUp"===e?y:"mouseDown"===e?v:void 0,w=b("mouseUp"),E=(t,n)=>r=>{if(d(e,t,r),r.currentTarget.disabled)return;if("focus"===r.type&&p)return;g.cancel();const s=(0,o.includes)(["focus","mouseenter"],r.type);s!==h&&(n?g(s):m(s))},k=()=>{g.cancel(),document.removeEventListener("mouseup",w)};if((0,r.useEffect)((()=>k),[]),1!==r.Children.count(e))return e;const S={onMouseEnter:E("onMouseEnter",!0),onMouseLeave:E("onMouseLeave"),onClick:E("onClick"),onFocus:E("onFocus"),onBlur:E("onBlur"),onMouseDown:b("mouseDown")},x=r.Children.only(e),{children:T,disabled:_}=x.props,C=_?c:u,I=(({grandchildren:e,isOver:t,position:n,text:o,shortcut:s})=>(0,r.concatChildren)(e,t&&(0,r.createElement)(i.Z,{focusOnMount:!1,position:n,className:"components-tooltip","aria-hidden":"true",animate:!1,noArrow:!0},o,(0,r.createElement)(l.Z,{className:"components-tooltip__shortcut",shortcut:s}))))({grandchildren:T,isOver:h,position:t,text:n,shortcut:a});return C({child:x,eventHandlers:S,childrenWithPopover:I})}},7593:(e,t,n)=>{"use strict";n.d(t,{Z:()=>l});var r=n(4184),o=n.n(r),s=n(9307),i=n(2004);const l=(0,s.forwardRef)((function({as:e="div",className:t,...n},r){return(0,i.k)({as:e,className:o()("components-visually-hidden",t),...n,ref:r})}))},2004:(e,t,n)=>{"use strict";n.d(t,{k:()=>o});var r=n(9307);function o({as:e="div",...t}){return"function"==typeof t.children?t.children(t):(0,r.createElement)(e,t)}},9725:(e,t,n)=>{"use strict";n.d(t,{Z:()=>s});var r=n(9307),o=n(444);const s=(0,r.createElement)(o.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24"},(0,r.createElement)(o.Path,{d:"M12 13.06l3.712 3.713 1.061-1.06L13.061 12l3.712-3.712-1.06-1.06L12 10.938 8.288 7.227l-1.061 1.06L10.939 12l-3.712 3.712 1.06 1.061L12 13.061z"}))},4787:(e,t,n)=>{"use strict";n.d(t,{Z:()=>s});var r=n(9307),o=n(444);const s=(0,r.createElement)(o.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24"},(0,r.createElement)(o.Path,{d:"M13 11.8l6.1-6.3-1-1-6.1 6.2-6.1-6.2-1 1 6.1 6.3-6.5 6.7 1 1 6.5-6.6 6.5 6.6 1-1z"}))},7462:(e,t,n)=>{"use strict";function r(){return r=Object.assign?Object.assign.bind():function(e){for(var t=1;tr})},172:(e,t,n)=>{"use strict";n.d(t,{DY:()=>u});var r=function(e){return function(t,n,r){return e(t,n,r)*r}},o=function(e,t){if(e)throw Error("Invalid sort config: "+t)},s=function(e){var t=e||{},n=t.asc,s=t.desc,i=n?1:-1,l=n||s;return o(!l,"Expected `asc` or `desc` property"),o(n&&s,"Ambiguous object with `asc` and `desc` config properties"),{order:i,sortBy:l,comparer:e.comparer&&r(e.comparer)}};function i(e,t,n){if(void 0===e||!0===e)return function(e,r){return t(e,r,n)};if("string"==typeof e)return o(e.includes("."),"String syntax not allowed for nested properties."),function(r,o){return t(r[e],o[e],n)};if("function"==typeof e)return function(r,o){return t(e(r),e(o),n)};if(Array.isArray(e)){var r=function(e){return function t(n,r,o,i,l,a,c){var u,d;if("string"==typeof n)u=a[n],d=c[n];else{if("function"!=typeof n){var p=s(n);return t(p.sortBy,r,o,p.order,p.comparer||e,a,c)}u=n(a),d=n(c)}var f=l(u,d,i);return(0===f||null==u&&null==d)&&r.length>o?t(r[o],r,o+1,i,l,a,c):f}}(t);return function(o,s){return r(e[0],e,1,n,t,o,s)}}var l=s(e);return i(l.sortBy,l.comparer||t,l.order)}var l=function(e,t,n,r){return Array.isArray(t)?(Array.isArray(n)&&n.length<2&&(n=n[0]),t.sort(i(n,r,e))):t};function a(e){var t=r(e.comparer);return function(n){var r=Array.isArray(n)&&!e.inPlaceSorting?n.slice():n;return{asc:function(e){return l(1,r,e,t)},desc:function(e){return l(-1,r,e,t)},by:function(e){return l(1,r,e,t)}}}}var c=function(e,t,n){return null==e?n:null==t?-n:typeof e!=typeof t?typeof et?1:0},u=a({comparer:c});a({comparer:c,inPlaceSorting:!0})},7582:(e,t,n)=>{"use strict";n.d(t,{pi:()=>r});var r=function(){return r=Object.assign||function(e){for(var t,n=1,r=arguments.length;n*{visibility:hidden}.wc-block-filter-title-placeholder:after{animation:loading__animation 1.5s ease-in-out infinite;background-image:linear-gradient(-90deg,currentColor,hsla(0,0%,96%,.302),currentColor);background-repeat:no-repeat;content:" ";display:block;height:100%;right:0;position:absolute;left:0;top:0;transform:translateX(100%)}@media screen and (prefers-reduced-motion:reduce){.wc-block-filter-title-placeholder{animation:none}}.wc-block-filter-title-placeholder .wc-block-active-filters__title,.wc-block-filter-title-placeholder .wc-block-attribute-filter__title,.wc-block-filter-title-placeholder .wc-block-price-filter__title,.wc-block-filter-title-placeholder .wc-block-rating-filter__title,.wc-block-filter-title-placeholder .wc-block-stock-filter__title{height:1em;margin:0} +@keyframes spinner__animation{0%{animation-timing-function:cubic-bezier(.5856,.0703,.4143,.9297);transform:rotate(0deg)}to{transform:rotate(-1turn)}}@keyframes loading__animation{to{transform:translateX(-100%)}}.wp-block-woocommerce-attribute-filter{border-style:none!important}.wp-block-woocommerce-attribute-filter h1,.wp-block-woocommerce-attribute-filter h2,.wp-block-woocommerce-attribute-filter h3,.wp-block-woocommerce-attribute-filter h4,.wp-block-woocommerce-attribute-filter h5,.wp-block-woocommerce-attribute-filter h6{text-transform:inherit}.wc-block-attribute-filter{border-color:inherit;border-radius:inherit;margin-bottom:16px}.wc-block-attribute-filter .is-loading{background-color:currentColor!important;border:0!important;border-radius:.25rem;border-radius:0;box-shadow:none;color:currentColor!important;display:block;height:1em;line-height:1;margin-top:16px;max-width:100%!important;opacity:.15;outline:0!important;overflow:hidden!important;pointer-events:none;position:relative!important;width:100%;z-index:1}.wc-block-attribute-filter .is-loading>*{visibility:hidden}.wc-block-attribute-filter .is-loading:after{animation:loading__animation 1.5s ease-in-out infinite;background-image:linear-gradient(-90deg,currentColor,hsla(0,0%,96%,.302),currentColor);background-repeat:no-repeat;content:" ";display:block;height:100%;right:0;position:absolute;left:0;top:0;transform:translateX(100%)}@media screen and (prefers-reduced-motion:reduce){.wc-block-attribute-filter .is-loading{animation:none}}.wc-block-attribute-filter.style-dropdown{align-items:flex-start;display:flex;gap:16px;position:relative}.wc-block-attribute-filter.style-dropdown .single-selection .components-form-token-field__token+input[type=text].components-form-token-field__input{opacity:0}.wc-block-attribute-filter.style-dropdown .single-selection .components-form-token-field__input-container.is-active .components-form-token-field__token+input[type=text].components-form-token-field__input{opacity:1}.wc-block-attribute-filter.style-dropdown .wc-block-components-filter-submit-button{height:36px;line-height:1}.wc-block-attribute-filter.style-dropdown>svg{pointer-events:none;position:absolute;left:8px;top:50%;transform:translateY(-50%)}.wc-block-attribute-filter .wc-block-attribute-filter-list{margin:0;width:100%}.wc-block-attribute-filter .wc-block-attribute-filter-list li label{cursor:pointer}.wc-block-attribute-filter .wc-block-attribute-filter-list li input{cursor:pointer;display:inline-block}.wc-block-attribute-filter .wc-blocks-components-form-token-field-wrapper{flex-grow:1;height:-moz-max-content;height:max-content;max-width:unset;width:0}.wc-block-attribute-filter .wc-blocks-components-form-token-field-wrapper:not(.is-loading){border:1px solid #757575!important;border-radius:4px}.wc-block-attribute-filter .wc-blocks-components-form-token-field-wrapper.is-loading{border-radius:.25em}.wc-block-attribute-filter .wc-blocks-components-form-token-field-wrapper .components-form-token-field{border-radius:inherit}.wc-block-attribute-filter .wc-blocks-components-form-token-field-wrapper .components-form-token-field__input-container{border:0;border-radius:inherit;font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;letter-spacing:inherit;line-height:inherit;padding:8px;text-decoration:inherit;text-transform:inherit}.wc-block-attribute-filter .wc-blocks-components-form-token-field-wrapper .components-form-token-field__input-container .components-form-token-field__input{font-size:.875em}.wc-block-attribute-filter .wc-blocks-components-form-token-field-wrapper .components-form-token-field__input-container .components-form-token-field__input::-moz-placeholder{color:#000}.wc-block-attribute-filter .wc-blocks-components-form-token-field-wrapper .components-form-token-field__input-container .components-form-token-field__input::placeholder{color:#000}.wc-block-attribute-filter .wc-blocks-components-form-token-field-wrapper .components-form-token-field__input-container .components-form-token-field__suggestions-list{border:1px solid #757575;border-radius:4px;margin-top:8px;max-height:21em}.wc-block-attribute-filter .wc-blocks-components-form-token-field-wrapper .components-form-token-field__input-container .components-form-token-field__suggestions-list .components-form-token-field__suggestion{border:1px solid #ccc;border-radius:4px;color:#000;margin:12px;padding:12px}.wc-block-attribute-filter .wc-blocks-components-form-token-field-wrapper .components-form-token-field__input-container .components-form-token-field__suggestion,.wc-block-attribute-filter .wc-blocks-components-form-token-field-wrapper .components-form-token-field__input-container .components-form-token-field__token{font-size:.875em}.wc-block-attribute-filter__conditions-toggle,.wc-block-attribute-filter__display-toggle,.wc-block-attribute-filter__multiple-toggle{width:100%}.wc-block-attribute-filter__instructions{border-bottom:1px solid #f0f0f0;padding-bottom:1em}.wc-block-attribute-filter__selection{padding-top:1em}.woocommerce-product-attributes .woocommerce-search-list__search .components-base-control__label{color:#757575;font-family:inherit;font-size:inherit;font-size:1em;font-style:inherit;font-weight:inherit;letter-spacing:inherit;line-height:inherit;text-decoration:inherit;text-transform:inherit}.wc-block-attribute-filter__actions{align-items:center;display:flex;gap:16px;justify-content:flex-end}.wc-block-attribute-filter__actions .wc-block-components-filter-submit-button{margin-right:0}.wc-block-attribute-filter__actions .wc-block-components-filter-submit-button:disabled{cursor:auto;opacity:.6}.wc-block-attribute-filter__actions .wc-block-filter-submit-button.wc-block-components-filter-submit-button.wc-block-attribute-filter__button{font-size:.875em;margin-top:0}.editor-styles-wrapper .wc-block-components-checkbox,.wc-block-components-checkbox{margin-top:1em}.wc-blocks-components-form-token-field-wrapper:not(.single-selection) .components-form-token-field__input-container{padding:4px 8px 4px 30px}.wc-blocks-components-form-token-field-wrapper:not(.single-selection) .components-form-token-field__input-container .components-form-token-field__token-text{background-color:#fff;border:1px solid;border-radius:0 25px 25px 0;border-left:0;line-height:22px;padding:.25em .75em .25em .5em}.wc-blocks-components-form-token-field-wrapper:not(.single-selection) .components-form-token-field__input-container>.components-form-token-field__input{margin:.25em 0}.wc-blocks-components-form-token-field-wrapper:not(.single-selection) .components-form-token-field__input-container .components-button.components-form-token-field__remove-token{background-color:#fff;border:1px solid;border-right:0;border-radius:25px 0 0 25px;padding:1px 0 0 .25em}.wc-blocks-components-form-token-field-wrapper:not(.single-selection) .components-form-token-field__input-container .components-button.components-form-token-field__remove-token.has-icon svg{background-color:#e0e0e0;border-radius:25px}.editor-styles-wrapper .wc-block-attribute-filter__button.wc-block-attribute-filter__button,.wc-block-attribute-filter__button.wc-block-attribute-filter__button{font-size:.875em;height:-moz-max-content;height:max-content;padding:.5em 1em;width:-moz-max-content;width:max-content} diff --git a/build/attribute-filter-wrapper.css b/build/attribute-filter-wrapper.css new file mode 100644 index 00000000000..3e0b1e82325 --- /dev/null +++ b/build/attribute-filter-wrapper.css @@ -0,0 +1,3 @@ +@keyframes spinner__animation{0%{animation-timing-function:cubic-bezier(.5856,.0703,.4143,.9297);transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes loading__animation{to{transform:translateX(100%)}}.wc-filter-element-label-list-count:before{content:" ("}.wc-filter-element-label-list-count:after{content:")"} +@keyframes spinner__animation{0%{animation-timing-function:cubic-bezier(.5856,.0703,.4143,.9297);transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes loading__animation{to{transform:translateX(100%)}}.wc-block-filter-title-placeholder{background-color:currentColor!important;border:0!important;border-radius:.25rem;border-radius:1.625em;box-shadow:none;color:currentColor!important;display:block;line-height:1;margin-bottom:12px;margin-top:12px;max-width:100%!important;max-width:-moz-max-content!important;max-width:max-content!important;min-width:80px;opacity:.15;outline:0!important;overflow:hidden!important;pointer-events:none;position:relative!important;width:100%;z-index:1}.wc-block-filter-title-placeholder>*{visibility:hidden}.wc-block-filter-title-placeholder:after{animation:loading__animation 1.5s ease-in-out infinite;background-image:linear-gradient(90deg,currentColor,hsla(0,0%,96%,.302),currentColor);background-repeat:no-repeat;content:" ";display:block;height:100%;left:0;position:absolute;right:0;top:0;transform:translateX(-100%)}@media screen and (prefers-reduced-motion:reduce){.wc-block-filter-title-placeholder{animation:none}}.wc-block-filter-title-placeholder .wc-block-active-filters__title,.wc-block-filter-title-placeholder .wc-block-attribute-filter__title,.wc-block-filter-title-placeholder .wc-block-price-filter__title,.wc-block-filter-title-placeholder .wc-block-rating-filter__title,.wc-block-filter-title-placeholder .wc-block-stock-filter__title{height:1em;margin:0} +@keyframes spinner__animation{0%{animation-timing-function:cubic-bezier(.5856,.0703,.4143,.9297);transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes loading__animation{to{transform:translateX(100%)}}.wp-block-woocommerce-attribute-filter{border-style:none!important}.wp-block-woocommerce-attribute-filter h1,.wp-block-woocommerce-attribute-filter h2,.wp-block-woocommerce-attribute-filter h3,.wp-block-woocommerce-attribute-filter h4,.wp-block-woocommerce-attribute-filter h5,.wp-block-woocommerce-attribute-filter h6{text-transform:inherit}.wc-block-attribute-filter{border-color:inherit;border-radius:inherit;margin-bottom:16px}.wc-block-attribute-filter .is-loading{background-color:currentColor!important;border:0!important;border-radius:.25rem;border-radius:0;box-shadow:none;color:currentColor!important;display:block;height:1em;line-height:1;margin-top:16px;max-width:100%!important;opacity:.15;outline:0!important;overflow:hidden!important;pointer-events:none;position:relative!important;width:100%;z-index:1}.wc-block-attribute-filter .is-loading>*{visibility:hidden}.wc-block-attribute-filter .is-loading:after{animation:loading__animation 1.5s ease-in-out infinite;background-image:linear-gradient(90deg,currentColor,hsla(0,0%,96%,.302),currentColor);background-repeat:no-repeat;content:" ";display:block;height:100%;left:0;position:absolute;right:0;top:0;transform:translateX(-100%)}@media screen and (prefers-reduced-motion:reduce){.wc-block-attribute-filter .is-loading{animation:none}}.wc-block-attribute-filter.style-dropdown{align-items:flex-start;display:flex;gap:16px;position:relative}.wc-block-attribute-filter.style-dropdown .single-selection .components-form-token-field__token+input[type=text].components-form-token-field__input{opacity:0}.wc-block-attribute-filter.style-dropdown .single-selection .components-form-token-field__input-container.is-active .components-form-token-field__token+input[type=text].components-form-token-field__input{opacity:1}.wc-block-attribute-filter.style-dropdown .wc-block-components-filter-submit-button{height:36px;line-height:1}.wc-block-attribute-filter.style-dropdown>svg{pointer-events:none;position:absolute;right:8px;top:50%;transform:translateY(-50%)}.wc-block-attribute-filter .wc-block-attribute-filter-list{margin:0;width:100%}.wc-block-attribute-filter .wc-block-attribute-filter-list li label{cursor:pointer}.wc-block-attribute-filter .wc-block-attribute-filter-list li input{cursor:pointer;display:inline-block}.wc-block-attribute-filter .wc-blocks-components-form-token-field-wrapper{flex-grow:1;height:-moz-max-content;height:max-content;max-width:unset;width:0}.wc-block-attribute-filter .wc-blocks-components-form-token-field-wrapper:not(.is-loading){border:1px solid #757575!important;border-radius:4px}.wc-block-attribute-filter .wc-blocks-components-form-token-field-wrapper.is-loading{border-radius:.25em}.wc-block-attribute-filter .wc-blocks-components-form-token-field-wrapper .components-form-token-field{border-radius:inherit}.wc-block-attribute-filter .wc-blocks-components-form-token-field-wrapper .components-form-token-field__input-container{border:0;border-radius:inherit;font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;letter-spacing:inherit;line-height:inherit;padding:8px;text-decoration:inherit;text-transform:inherit}.wc-block-attribute-filter .wc-blocks-components-form-token-field-wrapper .components-form-token-field__input-container .components-form-token-field__input{font-size:.875em}.wc-block-attribute-filter .wc-blocks-components-form-token-field-wrapper .components-form-token-field__input-container .components-form-token-field__input::-moz-placeholder{color:#000}.wc-block-attribute-filter .wc-blocks-components-form-token-field-wrapper .components-form-token-field__input-container .components-form-token-field__input::placeholder{color:#000}.wc-block-attribute-filter .wc-blocks-components-form-token-field-wrapper .components-form-token-field__input-container .components-form-token-field__suggestions-list{border:1px solid #757575;border-radius:4px;margin-top:8px;max-height:21em}.wc-block-attribute-filter .wc-blocks-components-form-token-field-wrapper .components-form-token-field__input-container .components-form-token-field__suggestions-list .components-form-token-field__suggestion{border:1px solid #ccc;border-radius:4px;color:#000;margin:12px;padding:12px}.wc-block-attribute-filter .wc-blocks-components-form-token-field-wrapper .components-form-token-field__input-container .components-form-token-field__suggestion,.wc-block-attribute-filter .wc-blocks-components-form-token-field-wrapper .components-form-token-field__input-container .components-form-token-field__token{font-size:.875em}.wc-block-attribute-filter__conditions-toggle,.wc-block-attribute-filter__display-toggle,.wc-block-attribute-filter__multiple-toggle{width:100%}.wc-block-attribute-filter__instructions{border-bottom:1px solid #f0f0f0;padding-bottom:1em}.wc-block-attribute-filter__selection{padding-top:1em}.woocommerce-product-attributes .woocommerce-search-list__search .components-base-control__label{color:#757575;font-family:inherit;font-size:inherit;font-size:1em;font-style:inherit;font-weight:inherit;letter-spacing:inherit;line-height:inherit;text-decoration:inherit;text-transform:inherit}.wc-block-attribute-filter__actions{align-items:center;display:flex;gap:16px;justify-content:flex-end}.wc-block-attribute-filter__actions .wc-block-components-filter-submit-button{margin-left:0}.wc-block-attribute-filter__actions .wc-block-components-filter-submit-button:disabled{cursor:auto;opacity:.6}.wc-block-attribute-filter__actions .wc-block-filter-submit-button.wc-block-components-filter-submit-button.wc-block-attribute-filter__button{font-size:.875em;margin-top:0}.editor-styles-wrapper .wc-block-components-checkbox,.wc-block-components-checkbox{margin-top:1em}.wc-blocks-components-form-token-field-wrapper:not(.single-selection) .components-form-token-field__input-container{padding:4px 30px 4px 8px}.wc-blocks-components-form-token-field-wrapper:not(.single-selection) .components-form-token-field__input-container .components-form-token-field__token-text{background-color:#fff;border:1px solid;border-radius:25px 0 0 25px;border-right:0;line-height:22px;padding:.25em .5em .25em .75em}.wc-blocks-components-form-token-field-wrapper:not(.single-selection) .components-form-token-field__input-container>.components-form-token-field__input{margin:.25em 0}.wc-blocks-components-form-token-field-wrapper:not(.single-selection) .components-form-token-field__input-container .components-button.components-form-token-field__remove-token{background-color:#fff;border:1px solid;border-left:0;border-radius:0 25px 25px 0;padding:1px .25em 0 0}.wc-blocks-components-form-token-field-wrapper:not(.single-selection) .components-form-token-field__input-container .components-button.components-form-token-field__remove-token.has-icon svg{background-color:#e0e0e0;border-radius:25px}.editor-styles-wrapper .wc-block-attribute-filter__button.wc-block-attribute-filter__button,.wc-block-attribute-filter__button.wc-block-attribute-filter__button{font-size:.875em;height:-moz-max-content;height:max-content;padding:.5em 1em;width:-moz-max-content;width:max-content} diff --git a/build/attribute-filter.asset.php b/build/attribute-filter.asset.php new file mode 100644 index 00000000000..72e36590e46 --- /dev/null +++ b/build/attribute-filter.asset.php @@ -0,0 +1 @@ + array('lodash', 'react', 'wc-blocks-components', 'wc-blocks-data-store', 'wc-settings', 'wp-a11y', 'wp-block-editor', 'wp-blocks', 'wp-components', 'wp-compose', 'wp-data', 'wp-deprecated', 'wp-dom', 'wp-element', 'wp-html-entities', 'wp-i18n', 'wp-is-shallow-equal', 'wp-keycodes', 'wp-polyfill', 'wp-primitives', 'wp-url', 'wp-warning'), 'version' => '242ec93cb67c3cfc57de'); diff --git a/build/attribute-filter.css b/build/attribute-filter.css new file mode 100644 index 00000000000..b3ea94b3af4 --- /dev/null +++ b/build/attribute-filter.css @@ -0,0 +1,7 @@ +@keyframes spinner__animation{0%{animation-timing-function:cubic-bezier(.5856,.0703,.4143,.9297);transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes loading__animation{to{transform:translateX(100%)}}.wc-filter-element-label-list-count:before{content:" ("}.wc-filter-element-label-list-count:after{content:")"} +@keyframes spinner__animation{0%{animation-timing-function:cubic-bezier(.5856,.0703,.4143,.9297);transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes loading__animation{to{transform:translateX(100%)}}.wc-block-components-filter-reset-button{background:transparent;border:0;border-radius:0;box-shadow:none;color:inherit;cursor:pointer;display:inline;font-family:inherit;font-size:inherit;font-size:.875em;font-style:inherit;font-weight:inherit;font-weight:400;letter-spacing:inherit;line-height:inherit;margin:0;padding:0;text-decoration:inherit;text-decoration:underline;text-shadow:none;text-transform:inherit;vertical-align:baseline}.wc-block-components-filter-reset-button:active,.wc-block-components-filter-reset-button:focus,.wc-block-components-filter-reset-button:hover{background:transparent}.wc-block-components-filter-reset-button:hover{color:inherit;cursor:pointer;text-decoration:none}.wc-block-components-filter-reset-button[disabled]{cursor:not-allowed} +@keyframes spinner__animation{0%{animation-timing-function:cubic-bezier(.5856,.0703,.4143,.9297);transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes loading__animation{to{transform:translateX(100%)}}.wc-block-components-filter-submit-button{border:none;display:block;margin-left:auto;white-space:nowrap}.wc-block-components-filter-submit-button.is-loading{background-color:currentColor!important;border:0!important;border-radius:.25rem;border-radius:0;box-shadow:none;color:currentColor!important;display:block;line-height:1;line-height:normal;margin-top:16px;max-width:100%!important;opacity:.15;outline:0!important;overflow:hidden!important;pointer-events:none;position:relative!important;width:100%;width:-moz-max-content;width:max-content;z-index:1}.wc-block-components-filter-submit-button.is-loading>*{visibility:hidden}.wc-block-components-filter-submit-button.is-loading:after{animation:loading__animation 1.5s ease-in-out infinite;background-image:linear-gradient(90deg,currentColor,hsla(0,0%,96%,.302),currentColor);background-repeat:no-repeat;content:" ";display:block;height:100%;left:0;position:absolute;right:0;top:0;transform:translateX(-100%)}@media screen and (prefers-reduced-motion:reduce){.wc-block-components-filter-submit-button.is-loading{animation:none}} +@keyframes spinner__animation{0%{animation-timing-function:cubic-bezier(.5856,.0703,.4143,.9297);transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes loading__animation{to{transform:translateX(100%)}}.wc-blocks-components-form-token-field-wrapper .components-popover{left:0;opacity:0;position:fixed;top:0;z-index:z-index(".components-popover")}.wc-blocks-components-form-token-field-wrapper .components-popover.is-expanded,.wc-blocks-components-form-token-field-wrapper .components-popover[data-x-axis][data-y-axis]{opacity:1}.wc-blocks-components-form-token-field-wrapper .components-popover.is-expanded{bottom:0;left:0;right:0;top:0;z-index:z-index(".components-popover")!important}.wc-blocks-components-form-token-field-wrapper .components-popover:not(.is-without-arrow){margin-left:2px}.wc-blocks-components-form-token-field-wrapper .components-popover:not(.is-without-arrow):before{border:8px solid #ccc}.wc-blocks-components-form-token-field-wrapper .components-popover:not(.is-without-arrow).is-alternate:before{border-color:#1e1e1e}.wc-blocks-components-form-token-field-wrapper .components-popover:not(.is-without-arrow):after{border:8px solid #fff}.wc-blocks-components-form-token-field-wrapper .components-popover:not(.is-without-arrow):after,.wc-blocks-components-form-token-field-wrapper .components-popover:not(.is-without-arrow):before{content:"";height:0;line-height:0;position:absolute;width:0}.wc-blocks-components-form-token-field-wrapper .components-popover:not(.is-without-arrow)[data-y-axis=top]{margin-top:-8px}.wc-blocks-components-form-token-field-wrapper .components-popover:not(.is-without-arrow)[data-y-axis=top]:before{bottom:-8px}.wc-blocks-components-form-token-field-wrapper .components-popover:not(.is-without-arrow)[data-y-axis=top]:after{bottom:-6px}.wc-blocks-components-form-token-field-wrapper .components-popover:not(.is-without-arrow)[data-y-axis=top]:after,.wc-blocks-components-form-token-field-wrapper .components-popover:not(.is-without-arrow)[data-y-axis=top]:before{border-bottom:none;border-left-color:transparent;border-right-color:transparent;border-top-style:solid;margin-left:-10px}.wc-blocks-components-form-token-field-wrapper .components-popover:not(.is-without-arrow)[data-y-axis=bottom]{margin-top:8px}.wc-blocks-components-form-token-field-wrapper .components-popover:not(.is-without-arrow)[data-y-axis=bottom]:before{top:-8px}.wc-blocks-components-form-token-field-wrapper .components-popover:not(.is-without-arrow)[data-y-axis=bottom]:after{top:-6px}.wc-blocks-components-form-token-field-wrapper .components-popover:not(.is-without-arrow)[data-y-axis=bottom]:after,.wc-blocks-components-form-token-field-wrapper .components-popover:not(.is-without-arrow)[data-y-axis=bottom]:before{border-bottom-style:solid;border-left-color:transparent;border-right-color:transparent;border-top:none;margin-left:-10px}.wc-blocks-components-form-token-field-wrapper .components-popover:not(.is-without-arrow)[data-y-axis=middle][data-x-axis=left]{margin-left:-8px}.wc-blocks-components-form-token-field-wrapper .components-popover:not(.is-without-arrow)[data-y-axis=middle][data-x-axis=left]:before{right:-8px}.wc-blocks-components-form-token-field-wrapper .components-popover:not(.is-without-arrow)[data-y-axis=middle][data-x-axis=left]:after{right:-6px}.wc-blocks-components-form-token-field-wrapper .components-popover:not(.is-without-arrow)[data-y-axis=middle][data-x-axis=left]:after,.wc-blocks-components-form-token-field-wrapper .components-popover:not(.is-without-arrow)[data-y-axis=middle][data-x-axis=left]:before{border-bottom-color:transparent;border-left-style:solid;border-right:none;border-top-color:transparent}.wc-blocks-components-form-token-field-wrapper .components-popover:not(.is-without-arrow)[data-y-axis=middle][data-x-axis=right]{margin-left:8px}.wc-blocks-components-form-token-field-wrapper .components-popover:not(.is-without-arrow)[data-y-axis=middle][data-x-axis=right]:before{left:-8px}.wc-blocks-components-form-token-field-wrapper .components-popover:not(.is-without-arrow)[data-y-axis=middle][data-x-axis=right]:after{left:-6px}.wc-blocks-components-form-token-field-wrapper .components-popover:not(.is-without-arrow)[data-y-axis=middle][data-x-axis=right]:after,.wc-blocks-components-form-token-field-wrapper .components-popover:not(.is-without-arrow)[data-y-axis=middle][data-x-axis=right]:before{border-bottom-color:transparent;border-left:none;border-right-style:solid;border-top-color:transparent}.wc-blocks-components-form-token-field-wrapper .components-popover[data-y-axis=top]{bottom:100%}.wc-blocks-components-form-token-field-wrapper .components-popover[data-y-axis=bottom]{top:100%}.wc-blocks-components-form-token-field-wrapper .components-popover[data-y-axis=middle]{align-items:center;display:flex}.wc-blocks-components-form-token-field-wrapper .components-popover.is-from-top{margin-top:12px}.wc-blocks-components-form-token-field-wrapper .components-popover.is-from-bottom{margin-top:-12px}.wc-blocks-components-form-token-field-wrapper .components-popover.is-from-left:not(.is-from-top):not(.is-from-bottom){margin-left:12px}.wc-blocks-components-form-token-field-wrapper .components-popover.is-from-right:not(.is-from-top):not(.is-from-bottom){margin-right:12px}.wc-blocks-components-form-token-field-wrapper .components-popover__content{background:#fff;border:1px solid #ccc;border-radius:2px;box-shadow:0 .7px 1px rgba(0,0,0,.1),0 1.2px 1.7px -.2px rgba(0,0,0,.1),0 2.3px 3.3px -.5px rgba(0,0,0,.1);height:100%}.is-alternate .wc-blocks-components-form-token-field-wrapper .components-popover__content{border:1px solid #1e1e1e;box-shadow:none}.components-popover .wc-blocks-components-form-token-field-wrapper .components-popover__content{height:auto;overflow-y:auto;position:absolute}.components-popover.is-expanded .wc-blocks-components-form-token-field-wrapper .components-popover__content{border:none;border-top:1px solid #1e1e1e;height:calc(100% - 48px);min-width:auto;overflow-y:visible;position:static}.components-popover[data-y-axis=top] .wc-blocks-components-form-token-field-wrapper .components-popover__content{bottom:100%}.components-popover[data-x-axis=center] .wc-blocks-components-form-token-field-wrapper .components-popover__content{left:50%;transform:translateX(-50%)}.components-popover[data-x-axis=right] .wc-blocks-components-form-token-field-wrapper .components-popover__content{left:100%;position:absolute}.components-popover:not([data-y-axis=middle])[data-x-axis=right] .wc-blocks-components-form-token-field-wrapper .components-popover__content{margin-left:-25px}.components-popover[data-x-axis=left] .wc-blocks-components-form-token-field-wrapper .components-popover__content{position:absolute;right:100%}.components-popover:not([data-y-axis=middle])[data-x-axis=left] .wc-blocks-components-form-token-field-wrapper .components-popover__content{margin-right:-25px}.wc-blocks-components-form-token-field-wrapper .components-popover__header{align-items:center;background:#fff;display:flex;height:48px;justify-content:space-between;padding:0 8px 0 16px}.wc-blocks-components-form-token-field-wrapper .components-popover__header-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.wc-blocks-components-form-token-field-wrapper .components-popover__close.components-button{z-index:z-index(".components-popover__close")}.wc-blocks-components-form-token-field-wrapper .components-tooltip.components-popover{z-index:z-index(".components-tooltip")}.wc-blocks-components-form-token-field-wrapper .components-tooltip.components-popover .components-popover__content{min-width:0}.wc-blocks-components-form-token-field-wrapper .components-tooltip .components-popover__content{background:#1e1e1e;border-radius:2px;border-width:0;box-shadow:none;color:#fff;font-size:12px;line-height:1.4;text-align:center;white-space:nowrap}.wc-blocks-components-form-token-field-wrapper .components-tooltip .components-popover__content>div{padding:4px 8px}.wc-blocks-components-form-token-field-wrapper .components-tooltip__shortcut{display:inline-block;margin-left:8px}.wc-blocks-components-form-token-field-wrapper .disabled-element-wrapper{position:relative}.wc-blocks-components-form-token-field-wrapper .disabled-element-wrapper .event-catcher{bottom:0;height:100%;left:0;position:absolute;right:0;top:0;width:100%;z-index:z-index(".components-tooltip .event-catcher")}.wc-blocks-components-form-token-field-wrapper .components-form-token-field__input-container{align-items:center;border:1px solid #949494;border-radius:2px;box-shadow:0 0 0 transparent;cursor:text;display:flex;flex-wrap:wrap;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;font-size:16px;line-height:normal;margin:0 0 8px;padding:2px 4px;transition:box-shadow .1s linear;width:100%}@media(prefers-reduced-motion:reduce){.wc-blocks-components-form-token-field-wrapper .components-form-token-field__input-container{transition-delay:0s;transition-duration:0s}}@media(min-width:600px){.wc-blocks-components-form-token-field-wrapper .components-form-token-field__input-container{font-size:13px;line-height:normal}}.wc-blocks-components-form-token-field-wrapper .components-form-token-field__input-container:focus{border-color:var(--wp-admin-theme-color);box-shadow:0 0 0 .5px var(--wp-admin-theme-color);outline:2px solid transparent}.wc-blocks-components-form-token-field-wrapper .components-form-token-field__input-container::-webkit-input-placeholder{color:rgba(30,30,30,.62)}.wc-blocks-components-form-token-field-wrapper .components-form-token-field__input-container::-moz-placeholder{color:rgba(30,30,30,.62);opacity:1}.wc-blocks-components-form-token-field-wrapper .components-form-token-field__input-container:-ms-input-placeholder{color:rgba(30,30,30,.62)}.wc-blocks-components-form-token-field-wrapper .components-form-token-field__input-container.is-disabled{background:#ddd;border-color:#ddd}.wc-blocks-components-form-token-field-wrapper .components-form-token-field__input-container.is-active{border-color:var(--wp-admin-theme-color);box-shadow:0 0 0 .5px var(--wp-admin-theme-color);outline:2px solid transparent}.wc-blocks-components-form-token-field-wrapper .components-form-token-field__input-container input[type=text].components-form-token-field__input{background:inherit;border:0;box-shadow:none;color:#1e1e1e;display:inline-block;flex:1;font-size:16px;margin-left:4px;max-width:100%;min-height:24px;min-width:50px;padding:0;width:100%}@media(min-width:600px){.wc-blocks-components-form-token-field-wrapper .components-form-token-field__input-container input[type=text].components-form-token-field__input{font-size:13px}}.components-form-token-field.is-active .wc-blocks-components-form-token-field-wrapper .components-form-token-field__input-container input[type=text].components-form-token-field__input,.wc-blocks-components-form-token-field-wrapper .components-form-token-field__input-container input[type=text].components-form-token-field__input:focus{box-shadow:none;outline:none}.wc-blocks-components-form-token-field-wrapper .components-form-token-field__input-container .components-form-token-field__token+input[type=text].components-form-token-field__input{width:auto}.wc-blocks-components-form-token-field-wrapper .components-form-token-field__label{display:inline-block;margin-bottom:4px}.wc-blocks-components-form-token-field-wrapper .components-form-token-field__help{color:#757575;font-size:12px;font-style:normal}.wc-blocks-components-form-token-field-wrapper .components-form-token-field__token{color:#1e1e1e;display:flex;font-size:13px;margin:2px 4px 2px 0;max-width:100%}.wc-blocks-components-form-token-field-wrapper .components-form-token-field__token.is-success .components-form-token-field__remove-token,.wc-blocks-components-form-token-field-wrapper .components-form-token-field__token.is-success .components-form-token-field__token-text{background:#4ab866}.wc-blocks-components-form-token-field-wrapper .components-form-token-field__token.is-error .components-form-token-field__remove-token,.wc-blocks-components-form-token-field-wrapper .components-form-token-field__token.is-error .components-form-token-field__token-text{background:#cc1818}.wc-blocks-components-form-token-field-wrapper .components-form-token-field__token.is-validating .components-form-token-field__remove-token,.wc-blocks-components-form-token-field-wrapper .components-form-token-field__token.is-validating .components-form-token-field__token-text{color:#757575}.wc-blocks-components-form-token-field-wrapper .components-form-token-field__token.is-borderless{padding:0 16px 0 0;position:relative}.wc-blocks-components-form-token-field-wrapper .components-form-token-field__token.is-borderless .components-form-token-field__token-text{background:transparent;color:var(--wp-admin-theme-color)}.wc-blocks-components-form-token-field-wrapper .components-form-token-field__token.is-borderless .components-form-token-field__remove-token{background:transparent;color:#757575;position:absolute;right:0;top:1px}.wc-blocks-components-form-token-field-wrapper .components-form-token-field__token.is-borderless.is-success .components-form-token-field__token-text{color:#4ab866}.wc-blocks-components-form-token-field-wrapper .components-form-token-field__token.is-borderless.is-error .components-form-token-field__token-text{border-radius:4px 0 0 4px;color:#cc1818;padding:0 4px 0 6px}.wc-blocks-components-form-token-field-wrapper .components-form-token-field__token.is-borderless.is-validating .components-form-token-field__token-text{color:#1e1e1e}.wc-blocks-components-form-token-field-wrapper .components-form-token-field__token.is-disabled .components-form-token-field__remove-token{cursor:default}.wc-blocks-components-form-token-field-wrapper .components-form-token-field__remove-token.components-button,.wc-blocks-components-form-token-field-wrapper .components-form-token-field__token-text{background:#ddd;display:inline-block;height:auto;line-height:24px;min-width:unset;transition:all .2s cubic-bezier(.4,1,.4,1)}@media(prefers-reduced-motion:reduce){.wc-blocks-components-form-token-field-wrapper .components-form-token-field__remove-token.components-button,.wc-blocks-components-form-token-field-wrapper .components-form-token-field__token-text{animation-delay:0s;animation-duration:1ms;transition-delay:0s;transition-duration:0s}}.wc-blocks-components-form-token-field-wrapper .components-form-token-field__token-text{border-radius:2px 0 0 2px;overflow:hidden;padding:0 0 0 8px;text-overflow:ellipsis;white-space:nowrap}.wc-blocks-components-form-token-field-wrapper .components-form-token-field__remove-token.components-button{border-radius:0 2px 2px 0;color:#1e1e1e;cursor:pointer;line-height:10px;overflow:initial;padding:0 2px}.wc-blocks-components-form-token-field-wrapper .components-form-token-field__remove-token.components-button:hover{color:#1e1e1e}.wc-blocks-components-form-token-field-wrapper .components-form-token-field__suggestions-list{border-top:1px solid #757575;flex:1 0 100%;list-style:none;margin:4px -4px -4px;max-height:9em;min-width:100%;overflow-y:auto;padding:0;transition:all .15s ease-in-out}@media(prefers-reduced-motion:reduce){.wc-blocks-components-form-token-field-wrapper .components-form-token-field__suggestions-list{transition-delay:0s;transition-duration:0s}}.wc-blocks-components-form-token-field-wrapper .components-form-token-field__suggestion{color:#757575;cursor:pointer;display:block;font-size:13px;margin:0;padding:4px 8px}.wc-blocks-components-form-token-field-wrapper .components-form-token-field__suggestion.is-selected{background:var(--wp-admin-theme-color);color:#fff}.wc-blocks-components-form-token-field-wrapper .components-form-token-field__suggestion-match{text-decoration:underline}.wc-blocks-components-form-token-field-wrapper{border-color:#949494}.wc-blocks-components-form-token-field-wrapper .components-form-token-field__label,.wc-blocks-components-form-token-field-wrapper .components-visually-hidden{clip:rect(1px,1px,1px,1px);word-wrap:normal!important;border:0;-webkit-clip-path:inset(50%);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;overflow-wrap:normal!important;padding:0;position:absolute!important;width:1px}.wc-blocks-components-form-token-field-wrapper .components-form-token-field,.wc-blocks-components-form-token-field-wrapper .components-form-token-field__input-container{border-color:inherit;box-sizing:border-box;margin-bottom:0}.wc-blocks-components-form-token-field-wrapper .components-form-token-field__input-container{background-color:#fff;border-radius:0;box-shadow:none;color:#000;position:relative}.wc-blocks-components-form-token-field-wrapper .components-form-token-field__input-container input[type=text].components-form-token-field__input{min-height:30px}.wc-blocks-components-form-token-field-wrapper .components-form-token-field__remove-token.components-button,.wc-blocks-components-form-token-field-wrapper .components-form-token-field__token-text{background:#e0e0e0}.wc-blocks-components-form-token-field-wrapper .components-form-token-field__remove-token{border:none}.wc-blocks-components-form-token-field-wrapper .components-form-token-field__suggestions-list{background-color:#fff;border:1px solid #949494;border-top:0 solid #949494;left:-1px;margin:1px 0 0;position:absolute;right:-1px;top:100%;z-index:50}.wc-blocks-components-form-token-field-wrapper .components-form-token-field__suggestions-list:empty{display:none}.wc-blocks-components-form-token-field-wrapper .components-form-token-field__suggestion{padding:8px}.wc-blocks-components-form-token-field-wrapper .components-form-token-field__suggestion.is-selected{background:#f0f0f0;color:#2f2f2f}.wc-blocks-components-form-token-field-wrapper.single-selection .components-form-token-field__token{margin-right:0;position:relative;width:100%;z-index:1}.wc-blocks-components-form-token-field-wrapper.single-selection .components-form-token-field__remove-token.components-button,.wc-blocks-components-form-token-field-wrapper.single-selection .components-form-token-field__token-text{background:transparent}.wc-blocks-components-form-token-field-wrapper.single-selection .components-form-token-field__token-text{padding-left:4px;width:100%}.wc-blocks-components-form-token-field-wrapper.single-selection .components-form-token-field__token+input[type=text].components-form-token-field__input{position:absolute}.wc-blocks-components-form-token-field-wrapper.single-selection .is-active .components-form-token-field__token+input[type=text].components-form-token-field__input{border:1px solid #949494;margin:0 2px 4px;padding:0 5px;position:static} +@keyframes spinner__animation{0%{animation-timing-function:cubic-bezier(.5856,.0703,.4143,.9297);transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes loading__animation{to{transform:translateX(100%)}}.wc-block-filter-title-placeholder{background-color:currentColor!important;border:0!important;border-radius:.25rem;border-radius:1.625em;box-shadow:none;color:currentColor!important;display:block;line-height:1;margin-bottom:12px;margin-top:12px;max-width:100%!important;max-width:-moz-max-content!important;max-width:max-content!important;min-width:80px;opacity:.15;outline:0!important;overflow:hidden!important;pointer-events:none;position:relative!important;width:100%;z-index:1}.wc-block-filter-title-placeholder>*{visibility:hidden}.wc-block-filter-title-placeholder:after{animation:loading__animation 1.5s ease-in-out infinite;background-image:linear-gradient(90deg,currentColor,hsla(0,0%,96%,.302),currentColor);background-repeat:no-repeat;content:" ";display:block;height:100%;left:0;position:absolute;right:0;top:0;transform:translateX(-100%)}@media screen and (prefers-reduced-motion:reduce){.wc-block-filter-title-placeholder{animation:none}}.wc-block-filter-title-placeholder .wc-block-active-filters__title,.wc-block-filter-title-placeholder .wc-block-attribute-filter__title,.wc-block-filter-title-placeholder .wc-block-price-filter__title,.wc-block-filter-title-placeholder .wc-block-rating-filter__title,.wc-block-filter-title-placeholder .wc-block-stock-filter__title{height:1em;margin:0} +@keyframes spinner__animation{0%{animation-timing-function:cubic-bezier(.5856,.0703,.4143,.9297);transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes loading__animation{to{transform:translateX(100%)}}.wp-block-woocommerce-attribute-filter{border-style:none!important}.wp-block-woocommerce-attribute-filter h1,.wp-block-woocommerce-attribute-filter h2,.wp-block-woocommerce-attribute-filter h3,.wp-block-woocommerce-attribute-filter h4,.wp-block-woocommerce-attribute-filter h5,.wp-block-woocommerce-attribute-filter h6{text-transform:inherit}.wc-block-attribute-filter{border-color:inherit;border-radius:inherit;margin-bottom:16px}.wc-block-attribute-filter .is-loading{background-color:currentColor!important;border:0!important;border-radius:.25rem;border-radius:0;box-shadow:none;color:currentColor!important;display:block;height:1em;line-height:1;margin-top:16px;max-width:100%!important;opacity:.15;outline:0!important;overflow:hidden!important;pointer-events:none;position:relative!important;width:100%;z-index:1}.wc-block-attribute-filter .is-loading>*{visibility:hidden}.wc-block-attribute-filter .is-loading:after{animation:loading__animation 1.5s ease-in-out infinite;background-image:linear-gradient(90deg,currentColor,hsla(0,0%,96%,.302),currentColor);background-repeat:no-repeat;content:" ";display:block;height:100%;left:0;position:absolute;right:0;top:0;transform:translateX(-100%)}@media screen and (prefers-reduced-motion:reduce){.wc-block-attribute-filter .is-loading{animation:none}}.wc-block-attribute-filter.style-dropdown{align-items:flex-start;display:flex;gap:16px;position:relative}.wc-block-attribute-filter.style-dropdown .single-selection .components-form-token-field__token+input[type=text].components-form-token-field__input{opacity:0}.wc-block-attribute-filter.style-dropdown .single-selection .components-form-token-field__input-container.is-active .components-form-token-field__token+input[type=text].components-form-token-field__input{opacity:1}.wc-block-attribute-filter.style-dropdown .wc-block-components-filter-submit-button{height:36px;line-height:1}.wc-block-attribute-filter.style-dropdown>svg{pointer-events:none;position:absolute;right:8px;top:50%;transform:translateY(-50%)}.wc-block-attribute-filter .wc-block-attribute-filter-list{margin:0;width:100%}.wc-block-attribute-filter .wc-block-attribute-filter-list li label{cursor:pointer}.wc-block-attribute-filter .wc-block-attribute-filter-list li input{cursor:pointer;display:inline-block}.wc-block-attribute-filter .wc-blocks-components-form-token-field-wrapper{flex-grow:1;height:-moz-max-content;height:max-content;max-width:unset;width:0}.wc-block-attribute-filter .wc-blocks-components-form-token-field-wrapper:not(.is-loading){border:1px solid #757575!important;border-radius:4px}.wc-block-attribute-filter .wc-blocks-components-form-token-field-wrapper.is-loading{border-radius:.25em}.wc-block-attribute-filter .wc-blocks-components-form-token-field-wrapper .components-form-token-field{border-radius:inherit}.wc-block-attribute-filter .wc-blocks-components-form-token-field-wrapper .components-form-token-field__input-container{border:0;border-radius:inherit;font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;letter-spacing:inherit;line-height:inherit;padding:8px;text-decoration:inherit;text-transform:inherit}.wc-block-attribute-filter .wc-blocks-components-form-token-field-wrapper .components-form-token-field__input-container .components-form-token-field__input{font-size:.875em}.wc-block-attribute-filter .wc-blocks-components-form-token-field-wrapper .components-form-token-field__input-container .components-form-token-field__input::-moz-placeholder{color:#000}.wc-block-attribute-filter .wc-blocks-components-form-token-field-wrapper .components-form-token-field__input-container .components-form-token-field__input::placeholder{color:#000}.wc-block-attribute-filter .wc-blocks-components-form-token-field-wrapper .components-form-token-field__input-container .components-form-token-field__suggestions-list{border:1px solid #757575;border-radius:4px;margin-top:8px;max-height:21em}.wc-block-attribute-filter .wc-blocks-components-form-token-field-wrapper .components-form-token-field__input-container .components-form-token-field__suggestions-list .components-form-token-field__suggestion{border:1px solid #ccc;border-radius:4px;color:#000;margin:12px;padding:12px}.wc-block-attribute-filter .wc-blocks-components-form-token-field-wrapper .components-form-token-field__input-container .components-form-token-field__suggestion,.wc-block-attribute-filter .wc-blocks-components-form-token-field-wrapper .components-form-token-field__input-container .components-form-token-field__token{font-size:.875em}.wc-block-attribute-filter__conditions-toggle,.wc-block-attribute-filter__display-toggle,.wc-block-attribute-filter__multiple-toggle{width:100%}.wc-block-attribute-filter__instructions{border-bottom:1px solid #f0f0f0;padding-bottom:1em}.wc-block-attribute-filter__selection{padding-top:1em}.woocommerce-product-attributes .woocommerce-search-list__search .components-base-control__label{color:#757575;font-family:inherit;font-size:inherit;font-size:1em;font-style:inherit;font-weight:inherit;letter-spacing:inherit;line-height:inherit;text-decoration:inherit;text-transform:inherit}.wc-block-attribute-filter__actions{align-items:center;display:flex;gap:16px;justify-content:flex-end}.wc-block-attribute-filter__actions .wc-block-components-filter-submit-button{margin-left:0}.wc-block-attribute-filter__actions .wc-block-components-filter-submit-button:disabled{cursor:auto;opacity:.6}.wc-block-attribute-filter__actions .wc-block-filter-submit-button.wc-block-components-filter-submit-button.wc-block-attribute-filter__button{font-size:.875em;margin-top:0}.editor-styles-wrapper .wc-block-components-checkbox,.wc-block-components-checkbox{margin-top:1em}.wc-blocks-components-form-token-field-wrapper:not(.single-selection) .components-form-token-field__input-container{padding:4px 30px 4px 8px}.wc-blocks-components-form-token-field-wrapper:not(.single-selection) .components-form-token-field__input-container .components-form-token-field__token-text{background-color:#fff;border:1px solid;border-radius:25px 0 0 25px;border-right:0;line-height:22px;padding:.25em .5em .25em .75em}.wc-blocks-components-form-token-field-wrapper:not(.single-selection) .components-form-token-field__input-container>.components-form-token-field__input{margin:.25em 0}.wc-blocks-components-form-token-field-wrapper:not(.single-selection) .components-form-token-field__input-container .components-button.components-form-token-field__remove-token{background-color:#fff;border:1px solid;border-left:0;border-radius:0 25px 25px 0;padding:1px .25em 0 0}.wc-blocks-components-form-token-field-wrapper:not(.single-selection) .components-form-token-field__input-container .components-button.components-form-token-field__remove-token.has-icon svg{background-color:#e0e0e0;border-radius:25px}.editor-styles-wrapper .wc-block-attribute-filter__button.wc-block-attribute-filter__button,.wc-block-attribute-filter__button.wc-block-attribute-filter__button{font-size:.875em;height:-moz-max-content;height:max-content;padding:.5em 1em;width:-moz-max-content;width:max-content} +@keyframes spinner__animation{0%{animation-timing-function:cubic-bezier(.5856,.0703,.4143,.9297);transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes loading__animation{to{transform:translateX(100%)}}.wc-block-components-error{align-items:center;color:#757575;display:flex;flex-direction:column;justify-content:center;margin:48px 0;padding:48px 0;text-align:center}.wc-block-components-error__header{color:#646970;font-size:2em;margin:0}.wc-block-components-error__image{margin:0 0 24px;width:25%}.wc-block-components-error__text{color:#8c8f94;font-size:1.25em;margin:1em 0 0;max-width:60ch}.wc-block-components-error__message{color:#8c8f94;font-style:italic;margin:1em auto 0;max-width:60ch}.wc-block-error__button{margin:48px 0 0} diff --git a/build/attribute-filter.js b/build/attribute-filter.js new file mode 100644 index 00000000000..a280cd6c6de --- /dev/null +++ b/build/attribute-filter.js @@ -0,0 +1,17 @@ +(()=>{var e,t={8380:(e,t,r)=>{"use strict";r.r(t);var o=r(9196);const l=window.wp.blocks,n=window.wp.blockEditor;var a=r(1984),s=r(2010),c=r(4184),i=r.n(c),u=r(172),d=r(5736),m=r(9307),p=r(6755);const b=window.wp.components;var g=r(5430),w=r(4333);const h={clear:(0,d.__)("Clear all selected items","woo-gutenberg-products-block"),noItems:(0,d.__)("No items found.","woo-gutenberg-products-block"), +/* Translators: %s search term */ +noResults:(0,d.__)("No results for %s","woo-gutenberg-products-block"),search:(0,d.__)("Search for items","woo-gutenberg-products-block"),selected:e=>(0,d.sprintf)(/* translators: Number of items selected from list. */ +(0,d._n)("%d item selected","%d items selected",e,"woo-gutenberg-products-block"),e),updated:(0,d.__)("Search results updated.","woo-gutenberg-products-block")},_=(e,t=e)=>{const r=e.reduce(((e,t)=>{const r=t.parent||0;return e[r]||(e[r]=[]),e[r].push(t),e}),{}),o=("id",t.reduce(((e,t)=>(e[String(t.id)]=t,e)),{}));const l=["0"],n=(e={})=>e.parent?[...n(o[e.parent]),e.name]:e.name?[e.name]:[],a=e=>e.map((e=>{const t=r[e.id];return l.push(""+e.id),{...e,breadcrumbs:n(o[e.parent]),children:t&&t.length?a(t):[]}})),s=a(r[0]||[]);return Object.entries(r).forEach((([e,t])=>{l.includes(e)||s.push(...a(t||[]))})),s},f=(e,t)=>{if(!t)return e;const r=new RegExp(`(${t.replace(/[-\/\\^$*+?.()|[\]{}]/g,"\\$&")})`,"ig");return e.split(r).map(((e,t)=>r.test(e)?(0,o.createElement)("strong",{key:t},e):(0,o.createElement)(m.Fragment,{key:t},e)))};function E(e,t,r){const o=new Set(t.map((e=>e[r])));return e.filter((e=>!o.has(e[r])))}const y=window.wp.htmlEntities,k=({label:e})=>(0,o.createElement)("span",{className:"woocommerce-search-list__item-count"},e),v=e=>{const{item:t,search:r}=e,l=t.breadcrumbs&&t.breadcrumbs.length;return(0,o.createElement)("span",{className:"woocommerce-search-list__item-label"},l?(0,o.createElement)("span",{className:"woocommerce-search-list__item-prefix"},1===(n=t.breadcrumbs).length?n.slice(0,1).toString():2===n.length?n.slice(0,1).toString()+" › "+n.slice(-1).toString():n.slice(0,1).toString()+" … "+n.slice(-1).toString()):null,(0,o.createElement)("span",{className:"woocommerce-search-list__item-name"},f((0,y.decodeEntities)(t.name),r)));var n},S=({countLabel:e,className:t,depth:r=0,controlId:l="",item:n,isSelected:a,isSingle:s,onSelect:c,search:u="",selected:d,useExpandedPanelId:p,...g})=>{var w,h;const[_,S]=p,C=null!=e&&void 0!==n.count&&null!==n.count,x=!(null===(w=n.breadcrumbs)||void 0===w||!w.length),N=!(null===(h=n.children)||void 0===h||!h.length),T=_===n.id,A=i()(["woocommerce-search-list__item",`depth-${r}`,t],{"has-breadcrumbs":x,"has-children":N,"has-count":C,"is-expanded":T,"is-radio-button":s}),O=g.name||`search-list-item-${l}`,P=`${O}-${n.id}`,R=(0,m.useCallback)((()=>{S(T?-1:Number(n.id))}),[T,n.id,S]);return N?(0,o.createElement)("div",{className:A,onClick:R,onKeyDown:e=>"Enter"===e.key||" "===e.key?R():null,role:"treeitem",tabIndex:0},s?(0,o.createElement)(o.Fragment,null,(0,o.createElement)("input",{type:"radio",id:P,name:O,value:n.value,onChange:c(n),onClick:e=>e.stopPropagation(),checked:a,className:"woocommerce-search-list__item-input",...g}),(0,o.createElement)(v,{item:n,search:u}),C?(0,o.createElement)(k,{label:e||n.count}):null):(0,o.createElement)(o.Fragment,null,(0,o.createElement)(b.CheckboxControl,{className:"woocommerce-search-list__item-input",checked:a,...!a&&n.children.some((e=>d.find((t=>t.id===e.id))))?{indeterminate:!0}:{},label:f((0,y.decodeEntities)(n.name),u),onChange:()=>{a?c(E(d,n.children,"id"))():c(function(e,t,r){const o=E(t,e,"id");return[...e,...o]}(d,n.children))()},onClick:e=>e.stopPropagation()}),C?(0,o.createElement)(k,{label:e||n.count}):null)):(0,o.createElement)("label",{htmlFor:P,className:A},s?(0,o.createElement)(o.Fragment,null,(0,o.createElement)("input",{...g,type:"radio",id:P,name:O,value:n.value,onChange:c(n),checked:a,className:"woocommerce-search-list__item-input"}),(0,o.createElement)(v,{item:n,search:u})):(0,o.createElement)(b.CheckboxControl,{...g,id:P,name:O,className:"woocommerce-search-list__item-input",value:(0,y.decodeEntities)(n.value),label:f((0,y.decodeEntities)(n.name),u),onChange:c(n),checked:a}),C?(0,o.createElement)(k,{label:e||n.count}):null)};var C=r(906);r(5932);const x=({id:e,label:t,popoverContents:r,remove:l,screenReaderLabel:n,className:s=""})=>{const[c,u]=(0,m.useState)(!1),p=(0,w.useInstanceId)(x);if(n=n||t,!t)return null;t=(0,y.decodeEntities)(t);const g=i()("woocommerce-tag",s,{"has-remove":!!l}),h=`woocommerce-tag__label-${p}`,_=(0,o.createElement)(o.Fragment,null,(0,o.createElement)("span",{className:"screen-reader-text"},n),(0,o.createElement)("span",{"aria-hidden":"true"},t));return(0,o.createElement)("span",{className:g},r?(0,o.createElement)(b.Button,{className:"woocommerce-tag__text",id:h,onClick:()=>u(!0)},_):(0,o.createElement)("span",{className:"woocommerce-tag__text",id:h},_),r&&c&&(0,o.createElement)(b.Popover,{onClose:()=>u(!1)},r),l&&(0,o.createElement)(b.Button,{className:"woocommerce-tag__remove",onClick:l(e),label:(0,d.sprintf)( +// Translators: %s label. +(0,d.__)("Remove %s","woo-gutenberg-products-block"),t),"aria-describedby":h},(0,o.createElement)(a.Z,{icon:C.Z,size:20,className:"clear-icon"})))},N=x;r(8462);const T=e=>(0,o.createElement)(S,{...e}),A=e=>{const{list:t,selected:r,renderItem:l,depth:n=0,onSelect:a,instanceId:s,isSingle:c,search:i,useExpandedPanelId:u}=e,[d]=u;return t?(0,o.createElement)(m.Fragment,null,t.map((t=>{var p,b;const g=null!==(p=t.children)&&void 0!==p&&p.length&&!c?t.children.every((({id:e})=>r.find((t=>t.id===e)))):!!r.find((({id:e})=>e===t.id)),w=(null===(b=t.children)||void 0===b?void 0:b.length)&&d===t.id;return(0,o.createElement)(m.Fragment,{key:t.id},(0,o.createElement)("li",null,l({item:t,isSelected:g,onSelect:a,isSingle:c,selected:r,search:i,depth:n,useExpandedPanelId:u,controlId:s})),w?(0,o.createElement)(A,{...e,list:t.children,depth:n+1}):null)}))):null},O=({isLoading:e,isSingle:t,selected:r,messages:l,onChange:n,onRemove:a})=>{if(e||t||!r)return null;const s=r.length;return(0,o.createElement)("div",{className:"woocommerce-search-list__selected"},(0,o.createElement)("div",{className:"woocommerce-search-list__selected-header"},(0,o.createElement)("strong",null,l.selected(s)),s>0?(0,o.createElement)(b.Button,{isLink:!0,isDestructive:!0,onClick:()=>n([]),"aria-label":l.clear},(0,d.__)("Clear all","woo-gutenberg-products-block")):null),s>0?(0,o.createElement)("ul",null,r.map(((e,t)=>(0,o.createElement)("li",{key:t},(0,o.createElement)(N,{label:e.name,id:e.id,remove:a}))))):null)},P=({filteredList:e,search:t,onSelect:r,instanceId:l,useExpandedPanelId:n,...s})=>{const{messages:c,renderItem:i,selected:u,isSingle:m}=s,p=i||T;return 0===e.length?(0,o.createElement)("div",{className:"woocommerce-search-list__list is-not-found"},(0,o.createElement)("span",{className:"woocommerce-search-list__not-found-icon"},(0,o.createElement)(a.Z,{icon:g.Z})),(0,o.createElement)("span",{className:"woocommerce-search-list__not-found-text"},t?(0,d.sprintf)(c.noResults,t):c.noItems)):(0,o.createElement)("ul",{className:"woocommerce-search-list__list"},(0,o.createElement)(A,{useExpandedPanelId:n,list:e,selected:u,renderItem:p,onSelect:r,instanceId:l,isSingle:m,search:t}))},R=e=>{const{className:t="",isCompact:r,isHierarchical:l,isLoading:n,isSingle:a,list:s,messages:c=h,onChange:u,onSearch:p,selected:g,type:f="text",debouncedSpeak:E}=e,[y,k]=(0,m.useState)(""),v=(0,m.useState)(-1),S=(0,w.useInstanceId)(R),C=(0,m.useMemo)((()=>({...h,...c})),[c]),x=(0,m.useMemo)((()=>((e,t,r)=>{if(!t)return r?_(e):e;const o=new RegExp(t.replace(/[-\/\\^$*+?.()|[\]{}]/g,"\\$&"),"i"),l=e.map((e=>!!o.test(e.name)&&e)).filter(Boolean);return r?_(l,e):l})(s,y,l)),[s,y,l]);(0,m.useEffect)((()=>{E&&E(C.updated)}),[E,C]),(0,m.useEffect)((()=>{"function"==typeof p&&p(y)}),[y,p]);const N=(0,m.useCallback)((e=>()=>{a&&u([]);const t=g.findIndex((({id:t})=>t===e));u([...g.slice(0,t),...g.slice(t+1)])}),[a,g,u]),T=(0,m.useCallback)((e=>()=>{Array.isArray(e)?u(e):-1===g.findIndex((({id:t})=>t===e.id))?u(a?[e]:[...g,e]):N(e.id)()}),[a,N,u,g]),A=(0,m.useCallback)((e=>{const[t]=g.filter((t=>!e.find((e=>t.id===e.id))));N(t.id)()}),[N,g]);return(0,o.createElement)("div",{className:i()("woocommerce-search-list",t,{"is-compact":r,"is-loading":n,"is-token":"token"===f})},"text"===f&&(0,o.createElement)(O,{...e,onRemove:N,messages:C}),(0,o.createElement)("div",{className:"woocommerce-search-list__search"},"text"===f?(0,o.createElement)(b.TextControl,{label:C.search,type:"search",value:y,onChange:e=>k(e)}):(0,o.createElement)(b.FormTokenField,{disabled:n,label:C.search,onChange:A,onInputChange:e=>k(e),suggestions:[],__experimentalValidateInput:()=>!1,value:n?[(0,d.__)("Loading…","woo-gutenberg-products-block")]:g.map((e=>({...e,value:e.name}))),__experimentalShowHowTo:!1})),n?(0,o.createElement)("div",{className:"woocommerce-search-list__list"},(0,o.createElement)(b.Spinner,null)):(0,o.createElement)(P,{...e,search:y,filteredList:x,messages:C,onSelect:T,instanceId:S,useExpandedPanelId:v}))},I=((0,b.withSpokenMessages)(R),window.wc.wcSettings);r(7118);const L=(0,w.withInstanceId)((({className:e,headingLevel:t,onChange:r,heading:l,instanceId:a})=>{const s=`h${t}`;return(0,o.createElement)(s,{className:e},(0,o.createElement)("label",{className:"screen-reader-text",htmlFor:`block-title-${a}`},(0,d.__)("Block title","woo-gutenberg-products-block")),(0,o.createElement)(n.PlainText,{id:`block-title-${a}`,className:"wc-block-editor-components-title",value:l,onChange:r,style:{backgroundColor:"transparent"}}))}));var F=r(9127),B=r.n(F);function j(e){const t=(0,m.useRef)(e);return B()(e,t.current)||(t.current=e),t.current}const q=window.wc.wcBlocksData,$=window.wp.data,D=(0,m.createContext)("page"),G=()=>(0,m.useContext)(D),V=(D.Provider,e=>{const t=G();e=e||t;const r=(0,$.useSelect)((t=>t(q.QUERY_STATE_STORE_KEY).getValueForQueryContext(e,void 0)),[e]),{setValueForQueryContext:o}=(0,$.useDispatch)(q.QUERY_STATE_STORE_KEY);return[r,(0,m.useCallback)((t=>{o(e,t)}),[e,o])]}),Z=(e,t,r)=>{const o=G();r=r||o;const l=(0,$.useSelect)((o=>o(q.QUERY_STATE_STORE_KEY).getValueForQueryKey(r,e,t)),[r,e]),{setQueryValue:n}=(0,$.useDispatch)(q.QUERY_STATE_STORE_KEY);return[l,(0,m.useCallback)((t=>{n(r,e,t)}),[r,e,n])]},Q=e=>{const{namespace:t,resourceName:r,resourceValues:o=[],query:l={},shouldSelect:n=!0}=e;if(!t||!r)throw new Error("The options object must have valid values for the namespace and the resource properties.");const a=(0,m.useRef)({results:[],isLoading:!0}),s=j(l),c=j(o),i=(()=>{const[,e]=(0,m.useState)();return(0,m.useCallback)((t=>{e((()=>{throw t}))}),[])})(),u=(0,$.useSelect)((e=>{if(!n)return null;const o=e(q.COLLECTIONS_STORE_KEY),l=[t,r,s,c],a=o.getCollectionError(...l);if(a){if(!(a instanceof Error))throw new Error("TypeError: `error` object is not an instance of Error constructor");i(a)}return{results:o.getCollection(...l),isLoading:!o.hasFinishedResolution("getCollection",l)}}),[t,r,c,s,n]);return null!==u&&(a.current=u),a.current};var U=r(4697);function M(e,t){return!(e=>null===e)(r=e)&&r instanceof Object&&r.constructor===Object&&t in e;var r}const Y=window.wc.blocksComponents;r(1724);const W=({name:e,count:t})=>(0,o.createElement)(o.Fragment,null,e,null!==t&&Number.isFinite(t)&&(0,o.createElement)(Y.Label,{label:t.toString(),screenReaderLabel:(0,d.sprintf)(/* translators: %s number of products. */ +(0,d._n)("%s product","%s products",t,"woo-gutenberg-products-block"),t),wrapperElement:"span",wrapperProps:{className:"wc-filter-element-label-list-count"}}));r(770);const K=({className:e, +/* translators: Reset button text for filters. */ +label:t=(0,d.__)("Reset","woo-gutenberg-products-block"),onClick:r,screenReaderLabel:l=(0,d.__)("Reset filter","woo-gutenberg-products-block")})=>(0,o.createElement)("button",{className:i()("wc-block-components-filter-reset-button",e),onClick:r},(0,o.createElement)(Y.Label,{label:t,screenReaderLabel:l}));r(994);const z=({className:e,isLoading:t,disabled:r, +/* translators: Submit button text for filters. */ +label:l=(0,d.__)("Apply","woo-gutenberg-products-block"),onClick:n,screenReaderLabel:a=(0,d.__)("Apply filter","woo-gutenberg-products-block")})=>(0,o.createElement)("button",{type:"submit",className:i()("wp-block-button__link","wc-block-filter-submit-button","wc-block-components-filter-submit-button",{"is-loading":t},e),disabled:r,onClick:n},(0,o.createElement)(Y.Label,{label:l,screenReaderLabel:a})),H=window.wp.url,J=e=>"boolean"==typeof e,X=e=>"string"==typeof e,ee=e=>M(e,"attribute")&&M(e,"operator")&&M(e,"slug")&&"string"==typeof e.attribute&&"string"==typeof e.operator&&Array.isArray(e.slug)&&e.slug.every((e=>"string"==typeof e));var te=r(3904);const re=(0,I.getSettingWithCoercion)("isRenderingPhpTemplate",!1,J),oe="query_type_",le="filter_";function ne(e){re?((e=e.replace(/(?:query-(?:\d+-)?page=(\d+))|(?:page\/(\d+))/g,"")).endsWith("?")&&(e=e.slice(0,-1)),window.location.href=e):window.history.replaceState({},"",e)}var ae=r(2578);r(230);const se=({className:e,style:t,suggestions:r,multiple:l=!0,saveTransform:n=(e=>e.trim().replace(/\s/g,"-")),messages:a={},validateInput:s=(e=>r.includes(e)),label:c="",...u})=>(0,o.createElement)("div",{className:i()("wc-blocks-components-form-token-field-wrapper",e,{"single-selection":!l}),style:t},(0,o.createElement)(ae.Z,{label:c,__experimentalExpandOnFocus:!0,__experimentalShowHowTo:!1,__experimentalValidateInput:s,saveTransform:n,maxLength:l?void 0:1,suggestions:r,messages:a,...u}));r(7732);const ce=({children:e})=>(0,o.createElement)("div",{className:"wc-block-filter-title-placeholder"},e),ie=(0,I.getSetting)("attributes",[]).reduce(((e,t)=>{const r=(o=t)&&o.attribute_name?{id:parseInt(o.attribute_id,10),name:o.attribute_name,taxonomy:"pa_"+o.attribute_name,label:o.attribute_label}:null;var o;return r&&r.id&&e.push(r),e}),[]),ue=(e=[],t,r,o=[],l="in")=>{if(!r||!r.taxonomy)return[];const n=e.filter((e=>e.attribute!==r.taxonomy));return 0===o.length?t(n):(n.push({attribute:r.taxonomy,operator:l,slug:o.map((({slug:e})=>e)).sort()}),t((0,u.DY)(n).asc("attribute"))),n},de=[{value:"preview-1",formattedValue:"preview-1",name:"Blue",label:(0,o.createElement)(W,{name:"Blue",count:3}),textLabel:"Blue (3)"},{value:"preview-2",formattedValue:"preview-2",name:"Green",label:(0,o.createElement)(W,{name:"Green",count:3}),textLabel:"Green (3)"},{value:"preview-3",formattedValue:"preview-3",name:"Red",label:(0,o.createElement)(W,{name:"Red",count:2}),textLabel:"Red (2)"}],me={count:0,has_archives:!0,id:0,label:"Preview",name:"preview",order:"menu_order",parent:0,taxonomy:"preview",type:""};function pe(){return Math.floor(Math.random()*Date.now())}r(3057);const be=e=>e.replace("pa_",""),ge=(e,t=[])=>{const r={};t.forEach((e=>{const{attribute:t,slug:o,operator:l}=e,n=be(t),a=o.join(","),s=`${oe}${n}`,c="in"===l?"or":"and";r[`${le}${n}`]=a,r[s]=c}));const o=(0,H.removeQueryArgs)(e,...Object.keys(r));return(0,H.addQueryArgs)(o,r)},we=e=>{if(e){const r=(t=`filter_${e.name}`,window?(0,H.getQueryArg)(window.location.href,t):null);return("string"==typeof r?r.split(","):[]).map((e=>encodeURIComponent(e).toLowerCase()))}var t;return[]},he=e=>e.trim().replace(/\s/g,"-").replace(/_/g,"-").replace(/-+/g,"-").replace(/[^a-zA-Z0-9-]/g,""),_e=({isLoading:e=!1,options:t,checked:r,onChange:l})=>e?(0,o.createElement)(o.Fragment,null,(0,o.createElement)("span",{className:"is-loading"}),(0,o.createElement)("span",{className:"is-loading"})):(0,o.createElement)(Y.CheckboxList,{className:"wc-block-attribute-filter-list",options:t,checked:r,onChange:l,isLoading:e,isDisabled:e}),fe=(0,m.createContext)({}),Ee=({attributes:e,isEditor:t=!1,getNotice:r=(()=>null)})=>{const l=(0,I.getSettingWithCoercion)("hasFilterableProducts",!1,J),n=(0,I.getSettingWithCoercion)("isRenderingPhpTemplate",!1,J),s=(0,I.getSettingWithCoercion)("pageUrl",window.location.href,X),[c,p]=(0,m.useState)(!1),b=e.isPreview&&!e.attributeId?me:(e=>{if(e)return ie.find((t=>t.id===e))})(e.attributeId),g=(0,m.useMemo)((()=>we(b)),[b]),[w,h]=(0,m.useState)(g),[_,f]=(0,m.useState)(pe()),[E,k]=(0,m.useState)(e.isPreview&&!e.attributeId?de:[]),[v]=V(),[S,C]=Z("attributes",[]),{results:x,isLoading:N}=Q({namespace:"/wc/store/v1",resourceName:"products/attributes/terms",resourceValues:[(null==b?void 0:b.id)||0],shouldSelect:e.attributeId>0,query:{orderby:"menu_order"}}),{results:T,isLoading:A}=(({queryAttribute:e,queryPrices:t,queryStock:r,queryRating:o,queryState:l,isEditor:n=!1})=>{let a=G();a=`${a}-collection-data`;const[s]=V(a),[c,i]=Z("calculate_attribute_counts",[],a),[d,p]=Z("calculate_price_range",null,a),[b,g]=Z("calculate_stock_status_counts",null,a),[w,h]=Z("calculate_rating_counts",null,a),_=j(e||{}),f=j(t),E=j(r),y=j(o);(0,m.useEffect)((()=>{"object"==typeof _&&Object.keys(_).length&&(c.find((e=>M(_,"taxonomy")&&e.taxonomy===_.taxonomy))||i([...c,_]))}),[_,c,i]),(0,m.useEffect)((()=>{d!==f&&void 0!==f&&p(f)}),[f,p,d]),(0,m.useEffect)((()=>{b!==E&&void 0!==E&&g(E)}),[E,g,b]),(0,m.useEffect)((()=>{w!==y&&void 0!==y&&h(y)}),[y,h,w]);const[k,v]=(0,m.useState)(n),[S]=(0,U.Nr)(k,200);k||v(!0);const C=(0,m.useMemo)((()=>(e=>{const t=e;return Array.isArray(e.calculate_attribute_counts)&&(t.calculate_attribute_counts=(0,u.DY)(e.calculate_attribute_counts.map((({taxonomy:e,queryType:t})=>({taxonomy:e,query_type:t})))).asc(["taxonomy","query_type"])),t})(s)),[s]);return Q({namespace:"/wc/store/v1",resourceName:"products/collection-data",query:{...l,page:void 0,per_page:void 0,orderby:void 0,order:void 0,...C},shouldSelect:S})})({queryAttribute:{taxonomy:(null==b?void 0:b.taxonomy)||"",queryType:e.queryType},queryState:{...v},isEditor:t}),O=(0,m.useCallback)((e=>M(T,"attribute_counts")&&Array.isArray(T.attribute_counts)?T.attribute_counts.find((({term:t})=>t===e)):null),[T]);(0,m.useEffect)((()=>{if(N||A)return;if(!Array.isArray(x))return;const t=x.map((t=>{const r=O(t.id);if(!(r||w.includes(t.slug)||(l=t.slug,null!=v&&v.attributes&&v.attributes.some((({attribute:e,slug:t=[]})=>e===(null==b?void 0:b.taxonomy)&&t.includes(l))))))return null;var l;const n=r?r.count:0;return{formattedValue:he(t.slug),value:t.slug,name:(0,y.decodeEntities)(t.name),label:(0,o.createElement)(W,{name:(0,y.decodeEntities)(t.name),count:e.showCounts?n:null}),textLabel:e.showCounts?`${(0,y.decodeEntities)(t.name)} (${n})`:(0,y.decodeEntities)(t.name)}})).filter((e=>!!e));k(t),f(pe())}),[null==b?void 0:b.taxonomy,x,N,e.showCounts,A,O,w,v.attributes]);const P=(0,m.useCallback)((e=>Array.isArray(x)?x.reduce(((t,r)=>(e.includes(r.slug)&&t.push(r),t)),[]):[]),[x]),R=(0,m.useCallback)(((e,t=!1)=>{if(e=e.map((e=>({...e,slug:e.slug.map((e=>decodeURIComponent(e)))}))),t){if(null==b||!b.taxonomy)return;const t=Object.keys((0,H.getQueryArgs)(window.location.href)),r=be(b.taxonomy),o=t.reduce(((e,t)=>t.includes(oe+r)||t.includes(le+r)?(0,H.removeQueryArgs)(e,t):e),window.location.href);ne(ge(o,e))}else{const t=ge(s,e);((e,t)=>{const r=Object.entries(t).reduce(((e,[t,r])=>t.includes("query_type")?e:{...e,[t]:r}),{});return Object.entries(r).reduce(((t,[r,o])=>e[r]===o&&t),!0)})((0,H.getQueryArgs)(window.location.href),(0,H.getQueryArgs)(t))||ne(t)}}),[s,null==b?void 0:b.taxonomy]),L=t=>{const r=ue(S,C,b,P(t),"or"===e.queryType?"in":"and");R(r,0===t.length)},F=(0,m.useCallback)(((r,o=!1)=>{t||(h(r),!o&&e.showFilterButton||ue(S,C,b,P(r),"or"===e.queryType?"in":"and"))}),[t,h,S,C,b,P,e.queryType,e.showFilterButton]),q=j((0,m.useMemo)((()=>{return e=S,Array.isArray(e)&&e.every(ee)?S.filter((({attribute:e})=>e===(null==b?void 0:b.taxonomy))).flatMap((({slug:e})=>e)):[];var e}),[S,null==b?void 0:b.taxonomy])),$=function(e,t){const r=(0,m.useRef)();return(0,m.useEffect)((()=>{r.current===e||(r.current=e)}),[e,t]),r.current}(q);(0,m.useEffect)((()=>{!$||B()($,q)||B()(w,q)||F(q)}),[w,q,$,F]);const D="single"!==e.selectType,Y=(0,m.useCallback)((e=>{const t=w.includes(e);let r;D?(r=w.filter((t=>t!==e)),t||(r.push(e),r.sort())):r=t?[]:[e],F(r)}),[w,D,F]);(0,m.useEffect)((()=>{b&&!e.showFilterButton&&((({currentCheckedFilters:e,hasSetFilterDefaultsFromUrl:t})=>t&&0===e.length)({currentCheckedFilters:w,hasSetFilterDefaultsFromUrl:c})?R(S,!0):R(S,!1))}),[c,R,S,b,w,e.showFilterButton]),(0,m.useEffect)((()=>{if(!c&&!N)return g.length>0?(p(!0),void F(g,!0)):void(n||p(!0))}),[b,c,N,F,g,n]);const re=(()=>{const{wrapper:e}=(0,m.useContext)(fe);return t=>{e&&e.current&&(e.current.hidden=!t)}})();if(!l)return re(!1),null;if(!b)return t?r("noAttributes"):(re(!1),null);if(0===E.length&&!N&&t)return r("noProducts");const ae=`h${e.headingLevel}`,Ee=!e.isPreview&&N,ye=!e.isPreview&&A,ke=(Ee||ye)&&0===E.length;if(!ke&&0===E.length)return re(!1),null;const ve=D?!ke&&w.length!w.includes(e.value))).map((e=>e.formattedValue)),disabled:ke,placeholder:(0,d.sprintf)(/* translators: %s attribute name. */ +(0,d.__)("Select %s","woo-gutenberg-products-block"),b.label),onChange:e=>{!D&&e.length>1&&(e=[e[e.length-1]]);const t=[e=e.map((e=>{const t=E.find((t=>t.formattedValue===e));return t?t.value:e})),w].reduce(((e,t)=>e.filter((e=>!t.includes(e)))));if(1===t.length)return Y(t[0]);const r=[w,e].reduce(((e,t)=>e.filter((e=>!t.includes(e)))));1===r.length&&Y(r[0])},value:w,displayTransform:e=>{const t=E.find((t=>[t.value,t.formattedValue].includes(e)));return t?t.textLabel:e},saveTransform:he,messages:{added:(0,d.sprintf)(/* translators: %s is the attribute label. */ +(0,d.__)("%s filter added.","woo-gutenberg-products-block"),b.label),removed:(0,d.sprintf)(/* translators: %s is the attribute label. */ +(0,d.__)("%s filter removed.","woo-gutenberg-products-block"),b.label),remove:(0,d.sprintf)(/* translators: %s is the attribute label. */ +(0,d.__)("Remove %s filter.","woo-gutenberg-products-block"),b.label.toLocaleLowerCase()),__experimentalInvalid:(0,d.sprintf)(/* translators: %s is the attribute label. */ +(0,d.__)("Invalid %s filter.","woo-gutenberg-products-block"),b.label.toLocaleLowerCase())}}),ve&&(0,o.createElement)(a.Z,{icon:te.Z,size:30})):(0,o.createElement)(_e,{options:E,checked:w,onChange:Y,isLoading:ke,isDisabled:ke})),(0,o.createElement)("div",{className:"wc-block-attribute-filter__actions"},(w.length>0||t)&&!ke&&(0,o.createElement)(K,{onClick:()=>{h([]),f(pe()),c&&L([])},screenReaderLabel:(0,d.__)("Reset attribute filter","woo-gutenberg-products-block")}),e.showFilterButton&&(0,o.createElement)(z,{className:"wc-block-attribute-filter__button",isLoading:ke,disabled:(()=>{if(Ee||ye)return!0;const e=we(b);return e.length===w.length&&w.every((t=>e.includes(t)))})(),onClick:()=>L(w)})))};r(9004);const ye=({clientId:e,setAttributes:t,filterType:r,attributes:a})=>{const{replaceBlock:s}=(0,$.useDispatch)("core/block-editor"),{heading:c,headingLevel:i}=a;if((0,$.useSelect)((t=>{const{getBlockParentsByBlockName:r}=t("core/block-editor");return r(e,"woocommerce/filter-wrapper").length>0}),[e])||!r)return null;const u=[(0,o.createElement)(b.Button,{key:"convert",onClick:()=>{const o=[(0,l.createBlock)(`woocommerce/${r}`,{...a,heading:""})];c&&""!==c&&o.unshift((0,l.createBlock)("core/heading",{content:c,level:null!=i?i:2})),s(e,(0,l.createBlock)("woocommerce/filter-wrapper",{heading:c,filterType:r},[...o])),t({heading:"",lock:{remove:!0}})},variant:"primary"},(0,d.__)("Upgrade block","woo-gutenberg-products-block"))];return(0,o.createElement)(n.Warning,{actions:u},(0,d.__)("Filter block: We have improved this block to make styling easier. Upgrade it using the button below.","woo-gutenberg-products-block"))},ke=(0,I.getSetting)("attributes",[]),ve={noAttributes:(0,d.__)("Please select an attribute to use this filter!","woo-gutenberg-products-block"),noProducts:(0,d.__)("There are no products with the selected attributes.","woo-gutenberg-products-block")},Se=e=>{const t=ve[e];return t?(0,o.createElement)(b.Notice,{status:"warning",isDismissible:!1},(0,o.createElement)("p",null,t)):null},Ce=(0,b.withSpokenMessages)((({attributes:e,setAttributes:t,debouncedSpeak:r,clientId:l})=>{const{attributeId:c,displayStyle:g,heading:w,headingLevel:h,isPreview:_,queryType:f,showCounts:E,showFilterButton:y,selectType:k}=e,[v,S]=(0,m.useState)(!c&&!_),C=(0,n.useBlockProps)(),x=e=>{if(!e||!e.length)return;const r=e[0].id;ke.find((e=>e.attribute_id===r.toString()))&&c!==r&&t({attributeId:r})},N=({isCompact:e})=>{const t={clear:(0,d.__)("Clear selected attribute","woo-gutenberg-products-block"),list:(0,d.__)("Product Attributes","woo-gutenberg-products-block"),noItems:(0,d.__)("Your store doesn't have any product attributes.","woo-gutenberg-products-block"),search:(0,d.__)("Search for a product attribute:","woo-gutenberg-products-block"),selected:e=>(0,d.sprintf)(/* translators: %d is the number of attributes selected. */ +(0,d._n)("%d attribute selected","%d attributes selected",e,"woo-gutenberg-products-block"),e),updated:(0,d.__)("Product attribute search results updated.","woo-gutenberg-products-block")},r=(0,u.DY)(ke.map((e=>({id:parseInt(e.attribute_id,10),name:e.attribute_label})))).asc("name");return(0,o.createElement)(R,{className:"woocommerce-product-attributes",list:r,selected:r.filter((({id:e})=>e===c)),onChange:x,messages:t,isSingle:!0,isCompact:e})};return 0===Object.keys(ke).length?(0,o.createElement)(b.Placeholder,{className:"wc-block-attribute-filter",icon:(0,o.createElement)(a.Z,{icon:s.Z}),label:(0,d.__)("Filter by Attribute","woo-gutenberg-products-block"),instructions:(0,d.__)("Display a list of filters based on the selected attributes.","woo-gutenberg-products-block")},(0,o.createElement)("p",null,(0,d.__)("Attributes are needed for filtering your products. You haven't created any attributes yet.","woo-gutenberg-products-block")),(0,o.createElement)(b.Button,{className:"wc-block-attribute-filter__add-attribute-button",isSecondary:!0,href:(0,I.getAdminLink)("edit.php?post_type=product&page=product_attributes"),target:"_top"},(0,d.__)("Add new attribute","woo-gutenberg-products-block")+" ",(0,o.createElement)(a.Z,{icon:p.Z})),(0,o.createElement)(b.Button,{className:"wc-block-attribute-filter__read_more_button",isTertiary:!0,href:"https://docs.woocommerce.com/document/managing-product-taxonomies/",target:"_blank"},(0,d.__)("Learn more","woo-gutenberg-products-block"))):(0,o.createElement)("div",{...C},(0,o.createElement)(n.BlockControls,null,(0,o.createElement)(b.ToolbarGroup,{controls:[{icon:"edit",title:(0,d.__)("Edit","woo-gutenberg-products-block"),onClick:()=>S(!v),isActive:v}]})),(0,o.createElement)(n.InspectorControls,{key:"inspector"},(0,o.createElement)(b.PanelBody,{title:(0,d.__)("Display Settings","woo-gutenberg-products-block")},(0,o.createElement)(b.ToggleControl,{label:(0,d.__)("Display product count","woo-gutenberg-products-block"),checked:E,onChange:()=>t({showCounts:!E})}),(0,o.createElement)(b.__experimentalToggleGroupControl,{label:(0,d.__)("Allow selecting multiple options?","woo-gutenberg-products-block"),value:k||"multiple",onChange:e=>t({selectType:e}),className:"wc-block-attribute-filter__multiple-toggle"},(0,o.createElement)(b.__experimentalToggleGroupControlOption,{value:"multiple",label:(0,d.__)("Multiple","woo-gutenberg-products-block")}),(0,o.createElement)(b.__experimentalToggleGroupControlOption,{value:"single",label:(0,d.__)("Single","woo-gutenberg-products-block")})),"multiple"===k&&(0,o.createElement)(b.__experimentalToggleGroupControl,{label:(0,d.__)("Filter Conditions","woo-gutenberg-products-block"),help:"and"===f?(0,d.__)("Choose to return filter results for all of the attributes selected.","woo-gutenberg-products-block"):(0,d.__)("Choose to return filter results for any of the attributes selected.","woo-gutenberg-products-block"),value:f,onChange:e=>t({queryType:e}),className:"wc-block-attribute-filter__conditions-toggle"},(0,o.createElement)(b.__experimentalToggleGroupControlOption,{value:"and",label:(0,d.__)("All","woo-gutenberg-products-block")}),(0,o.createElement)(b.__experimentalToggleGroupControlOption,{value:"or",label:(0,d.__)("Any","woo-gutenberg-products-block")})),(0,o.createElement)(b.__experimentalToggleGroupControl,{label:(0,d.__)("Display Style","woo-gutenberg-products-block"),value:g,onChange:e=>t({displayStyle:e}),className:"wc-block-attribute-filter__display-toggle"},(0,o.createElement)(b.__experimentalToggleGroupControlOption,{value:"list",label:(0,d.__)("List","woo-gutenberg-products-block")}),(0,o.createElement)(b.__experimentalToggleGroupControlOption,{value:"dropdown",label:(0,d.__)("Dropdown","woo-gutenberg-products-block")})),(0,o.createElement)(b.ToggleControl,{label:(0,d.__)("Show 'Apply filters' button","woo-gutenberg-products-block"),help:(0,d.__)("Products will update when the button is clicked.","woo-gutenberg-products-block"),checked:y,onChange:e=>t({showFilterButton:e})})),(0,o.createElement)(b.PanelBody,{title:(0,d.__)("Content Settings","woo-gutenberg-products-block"),initialOpen:!1},N({isCompact:!0}))),(0,o.createElement)(ye,{clientId:l,attributes:e,setAttributes:t,filterType:"attribute-filter"}),v?(0,o.createElement)(b.Placeholder,{className:"wc-block-attribute-filter",icon:(0,o.createElement)(a.Z,{icon:s.Z}),label:(0,d.__)("Filter by Attribute","woo-gutenberg-products-block")},(0,o.createElement)("div",{className:"wc-block-attribute-filter__instructions"},(0,d.__)("Display a list of filters based on the selected attributes.","woo-gutenberg-products-block")),(0,o.createElement)("div",{className:"wc-block-attribute-filter__selection"},N({isCompact:!1}),(0,o.createElement)(b.Button,{isPrimary:!0,onClick:()=>{S(!1),r((0,d.__)("Now displaying a preview of the Filter Products by Attribute block.","woo-gutenberg-products-block"))}},(0,d.__)("Done","woo-gutenberg-products-block")))):(0,o.createElement)("div",{className:i()("wc-block-attribute-filter")},w&&(0,o.createElement)(L,{className:"wc-block-attribute-filter__title",headingLevel:h,heading:w,onChange:e=>t({heading:e})}),(0,o.createElement)(b.Disabled,null,(0,o.createElement)(Ee,{attributes:e,isEditor:!0,getNotice:Se}))))})),xe={heading:{type:"string",default:(0,d.__)("Filter by attribute","woo-gutenberg-products-block")}},Ne=JSON.parse('{"name":"woocommerce/attribute-filter","version":"1.0.0","title":"Filter by Attribute Controls","description":"Enable customers to filter the product grid by selecting one or more attributes, such as color.","category":"woocommerce","keywords":["WooCommerce"],"supports":{"html":false,"color":{"text":true,"background":false},"inserter":false,"lock":false},"attributes":{"className":{"type":"string","default":""},"attributeId":{"type":"number","default":0},"showCounts":{"type":"boolean","default":false},"queryType":{"type":"string","default":"or"},"headingLevel":{"type":"number","default":3},"displayStyle":{"type":"string","default":"list"},"showFilterButton":{"type":"boolean","default":false},"selectType":{"type":"string","default":"multiple"},"isPreview":{"type":"boolean","default":false}},"textdomain":"woo-gutenberg-products-block","apiVersion":2,"$schema":"https://schemas.wp.org/trunk/block.json"}');var Te,Ae,Oe,Pe,Re,Ie,Le,Fe,Be,je;const qe=(0,I.getSetting)("wcBlocksConfig",{buildPhase:1,pluginUrl:"",productCount:0,defaultAvatar:"",restApiRoutes:{},wordCountType:"words"}),$e=(qe.pluginUrl,qe.pluginUrl,qe.buildPhase),De=(null===(Te=I.STORE_PAGES.shop)||void 0===Te||Te.permalink,null===(Ae=I.STORE_PAGES.checkout)||void 0===Ae||Ae.id,null===(Oe=I.STORE_PAGES.checkout)||void 0===Oe||Oe.permalink,null===(Pe=I.STORE_PAGES.privacy)||void 0===Pe||Pe.permalink,null===(Re=I.STORE_PAGES.privacy)||void 0===Re||Re.title,null===(Ie=I.STORE_PAGES.terms)||void 0===Ie||Ie.permalink,null===(Le=I.STORE_PAGES.terms)||void 0===Le||Le.title,null===(Fe=I.STORE_PAGES.cart)||void 0===Fe||Fe.id,null===(Be=I.STORE_PAGES.cart)||void 0===Be||Be.permalink,null!==(je=I.STORE_PAGES.myaccount)&&void 0!==je&&je.permalink?I.STORE_PAGES.myaccount.permalink:(0,I.getSetting)("wpLoginUrl","/wp-login.php"),(0,I.getSetting)("localPickupEnabled",!1),(0,I.getSetting)("countries",{})),Ge=(0,I.getSetting)("countryData",{}),Ve=(Object.fromEntries(Object.keys(Ge).filter((e=>!0===Ge[e].allowBilling)).map((e=>[e,De[e]||""]))),Object.fromEntries(Object.keys(Ge).filter((e=>!0===Ge[e].allowBilling)).map((e=>[e,Ge[e].states||[]]))),Object.fromEntries(Object.keys(Ge).filter((e=>!0===Ge[e].allowShipping)).map((e=>[e,De[e]||""]))),Object.fromEntries(Object.keys(Ge).filter((e=>!0===Ge[e].allowShipping)).map((e=>[e,Ge[e].states||[]]))),Object.fromEntries(Object.keys(Ge).map((e=>[e,Ge[e].locale||[]]))),[{supports:{...Ne.supports,...$e>1&&{__experimentalBorder:{radius:!1,color:!0,width:!1}}},attributes:{...Ne.attributes,showCounts:{type:"boolean",default:!0},...xe},save:({attributes:e})=>{const{className:t,showCounts:r,queryType:l,attributeId:a,heading:s,headingLevel:c,displayStyle:u,showFilterButton:d,selectType:m}=e,p={"data-attribute-id":a,"data-show-counts":r,"data-query-type":l,"data-heading":s,"data-heading-level":c};return"list"!==u&&(p["data-display-style"]=u),d&&(p["data-show-filter-button"]=d),"single"===m&&(p["data-select-type"]=m),(0,o.createElement)("div",{...n.useBlockProps.save({className:i()("is-loading",t)}),...p},(0,o.createElement)("span",{"aria-hidden":!0,className:"wc-block-product-attribute-filter__placeholder"}))}}]);(0,l.registerBlockType)(Ne,{icon:{src:(0,o.createElement)(a.Z,{icon:s.Z,className:"wc-block-editor-components-block-icon"})},supports:{...Ne.supports},attributes:{...Ne.attributes,...xe},edit:Ce,save({attributes:e}){const{className:t}=e;return(0,o.createElement)("div",{...n.useBlockProps.save({className:i()("is-loading",t)})})},deprecated:Ve})},1724:()=>{},7732:()=>{},770:()=>{},994:()=>{},230:()=>{},9004:()=>{},3057:()=>{},7118:()=>{},8462:()=>{},5932:()=>{},9196:e=>{"use strict";e.exports=window.React},2819:e=>{"use strict";e.exports=window.lodash},5158:e=>{"use strict";e.exports=window.wp.a11y},4333:e=>{"use strict";e.exports=window.wp.compose},7180:e=>{"use strict";e.exports=window.wp.deprecated},5904:e=>{"use strict";e.exports=window.wp.dom},9307:e=>{"use strict";e.exports=window.wp.element},5736:e=>{"use strict";e.exports=window.wp.i18n},9127:e=>{"use strict";e.exports=window.wp.isShallowEqual},9630:e=>{"use strict";e.exports=window.wp.keycodes},444:e=>{"use strict";e.exports=window.wp.primitives},2560:e=>{"use strict";e.exports=window.wp.warning}},r={};function o(e){var l=r[e];if(void 0!==l)return l.exports;var n=r[e]={exports:{}};return t[e].call(n.exports,n,n.exports,o),n.exports}o.m=t,e=[],o.O=(t,r,l,n)=>{if(!r){var a=1/0;for(u=0;u=n)&&Object.keys(o.O).every((e=>o.O[e](r[c])))?r.splice(c--,1):(s=!1,n0&&e[u-1][2]>n;u--)e[u]=e[u-1];e[u]=[r,l,n]},o.n=e=>{var t=e&&e.__esModule?()=>e.default:()=>e;return o.d(t,{a:t}),t},o.d=(e,t)=>{for(var r in t)o.o(t,r)&&!o.o(e,r)&&Object.defineProperty(e,r,{enumerable:!0,get:t[r]})},o.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),o.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},o.j=3259,(()=>{var e={3259:0};o.O.j=t=>0===e[t];var t=(t,r)=>{var l,n,[a,s,c]=r,i=0;if(a.some((t=>0!==e[t]))){for(l in s)o.o(s,l)&&(o.m[l]=s[l]);if(c)var u=c(o)}for(t&&t(r);io(8380)));l=o.O(l),((this.wc=this.wc||{}).blocks=this.wc.blocks||{})["attribute-filter"]=l})(); \ No newline at end of file diff --git a/build/attribute-filter/block.json b/build/attribute-filter/block.json new file mode 100644 index 00000000000..52e4082d210 --- /dev/null +++ b/build/attribute-filter/block.json @@ -0,0 +1,58 @@ +{ + "name": "woocommerce/attribute-filter", + "version": "1.0.0", + "title": "Filter by Attribute Controls", + "description": "Enable customers to filter the product grid by selecting one or more attributes, such as color.", + "category": "woocommerce", + "keywords": [ "WooCommerce" ], + "supports": { + "html": false, + "color": { + "text": true, + "background": false + }, + "inserter": false, + "lock": false + }, + "attributes": { + "className": { + "type": "string", + "default": "" + }, + "attributeId": { + "type": "number", + "default": 0 + }, + "showCounts": { + "type": "boolean", + "default": false + }, + "queryType": { + "type": "string", + "default": "or" + }, + "headingLevel": { + "type": "number", + "default": 3 + }, + "displayStyle": { + "type": "string", + "default": "list" + }, + "showFilterButton": { + "type": "boolean", + "default": false + }, + "selectType": { + "type": "string", + "default": "multiple" + }, + "isPreview": { + "type": "boolean", + "default": false + } + }, + "textdomain": "woo-gutenberg-products-block", + "apiVersion": 2, + "$schema": "https://schemas.wp.org/trunk/block.json" +} diff --git a/build/base-components-stock-filter-wrapper~attribute-filter-wrapper~rating-filter-wrapper-style.scss-rtl.css b/build/base-components-stock-filter-wrapper~attribute-filter-wrapper~rating-filter-wrapper-style.scss-rtl.css new file mode 100644 index 00000000000..1f496375c87 --- /dev/null +++ b/build/base-components-stock-filter-wrapper~attribute-filter-wrapper~rating-filter-wrapper-style.scss-rtl.css @@ -0,0 +1,3 @@ +@keyframes spinner__animation{0%{animation-timing-function:cubic-bezier(.5856,.0703,.4143,.9297);transform:rotate(0deg)}to{transform:rotate(-1turn)}}@keyframes loading__animation{to{transform:translateX(-100%)}}.wc-block-components-filter-submit-button{border:none;display:block;margin-right:auto;white-space:nowrap}.wc-block-components-filter-submit-button.is-loading{background-color:currentColor!important;border:0!important;border-radius:.25rem;border-radius:0;box-shadow:none;color:currentColor!important;display:block;line-height:1;line-height:normal;margin-top:16px;max-width:100%!important;opacity:.15;outline:0!important;overflow:hidden!important;pointer-events:none;position:relative!important;width:100%;width:-moz-max-content;width:max-content;z-index:1}.wc-block-components-filter-submit-button.is-loading>*{visibility:hidden}.wc-block-components-filter-submit-button.is-loading:after{animation:loading__animation 1.5s ease-in-out infinite;background-image:linear-gradient(-90deg,currentColor,hsla(0,0%,96%,.302),currentColor);background-repeat:no-repeat;content:" ";display:block;height:100%;right:0;position:absolute;left:0;top:0;transform:translateX(100%)}@media screen and (prefers-reduced-motion:reduce){.wc-block-components-filter-submit-button.is-loading{animation:none}} +@keyframes spinner__animation{0%{animation-timing-function:cubic-bezier(.5856,.0703,.4143,.9297);transform:rotate(0deg)}to{transform:rotate(-1turn)}}@keyframes loading__animation{to{transform:translateX(-100%)}}.wc-block-components-filter-reset-button{background:transparent;border:0;border-radius:0;box-shadow:none;color:inherit;cursor:pointer;display:inline;font-family:inherit;font-size:inherit;font-size:.875em;font-style:inherit;font-weight:inherit;font-weight:400;letter-spacing:inherit;line-height:inherit;margin:0;padding:0;text-decoration:inherit;text-decoration:underline;text-shadow:none;text-transform:inherit;vertical-align:baseline}.wc-block-components-filter-reset-button:active,.wc-block-components-filter-reset-button:focus,.wc-block-components-filter-reset-button:hover{background:transparent}.wc-block-components-filter-reset-button:hover{color:inherit;cursor:pointer;text-decoration:none}.wc-block-components-filter-reset-button[disabled]{cursor:not-allowed} +@keyframes spinner__animation{0%{animation-timing-function:cubic-bezier(.5856,.0703,.4143,.9297);transform:rotate(0deg)}to{transform:rotate(-1turn)}}@keyframes loading__animation{to{transform:translateX(-100%)}}.wc-blocks-components-form-token-field-wrapper .components-popover{right:0;opacity:0;position:fixed;top:0;z-index:z-index(".components-popover")}.wc-blocks-components-form-token-field-wrapper .components-popover.is-expanded,.wc-blocks-components-form-token-field-wrapper .components-popover[data-x-axis][data-y-axis]{opacity:1}.wc-blocks-components-form-token-field-wrapper .components-popover.is-expanded{bottom:0;right:0;left:0;top:0;z-index:z-index(".components-popover")!important}.wc-blocks-components-form-token-field-wrapper .components-popover:not(.is-without-arrow){margin-right:2px}.wc-blocks-components-form-token-field-wrapper .components-popover:not(.is-without-arrow):before{border:8px solid #ccc}.wc-blocks-components-form-token-field-wrapper .components-popover:not(.is-without-arrow).is-alternate:before{border-color:#1e1e1e}.wc-blocks-components-form-token-field-wrapper .components-popover:not(.is-without-arrow):after{border:8px solid #fff}.wc-blocks-components-form-token-field-wrapper .components-popover:not(.is-without-arrow):after,.wc-blocks-components-form-token-field-wrapper .components-popover:not(.is-without-arrow):before{content:"";height:0;line-height:0;position:absolute;width:0}.wc-blocks-components-form-token-field-wrapper .components-popover:not(.is-without-arrow)[data-y-axis=top]{margin-top:-8px}.wc-blocks-components-form-token-field-wrapper .components-popover:not(.is-without-arrow)[data-y-axis=top]:before{bottom:-8px}.wc-blocks-components-form-token-field-wrapper .components-popover:not(.is-without-arrow)[data-y-axis=top]:after{bottom:-6px}.wc-blocks-components-form-token-field-wrapper .components-popover:not(.is-without-arrow)[data-y-axis=top]:after,.wc-blocks-components-form-token-field-wrapper .components-popover:not(.is-without-arrow)[data-y-axis=top]:before{border-bottom:none;border-right-color:transparent;border-left-color:transparent;border-top-style:solid;margin-right:-10px}.wc-blocks-components-form-token-field-wrapper .components-popover:not(.is-without-arrow)[data-y-axis=bottom]{margin-top:8px}.wc-blocks-components-form-token-field-wrapper .components-popover:not(.is-without-arrow)[data-y-axis=bottom]:before{top:-8px}.wc-blocks-components-form-token-field-wrapper .components-popover:not(.is-without-arrow)[data-y-axis=bottom]:after{top:-6px}.wc-blocks-components-form-token-field-wrapper .components-popover:not(.is-without-arrow)[data-y-axis=bottom]:after,.wc-blocks-components-form-token-field-wrapper .components-popover:not(.is-without-arrow)[data-y-axis=bottom]:before{border-bottom-style:solid;border-right-color:transparent;border-left-color:transparent;border-top:none;margin-right:-10px}.wc-blocks-components-form-token-field-wrapper .components-popover:not(.is-without-arrow)[data-y-axis=middle][data-x-axis=left]{margin-right:-8px}.wc-blocks-components-form-token-field-wrapper .components-popover:not(.is-without-arrow)[data-y-axis=middle][data-x-axis=left]:before{left:-8px}.wc-blocks-components-form-token-field-wrapper .components-popover:not(.is-without-arrow)[data-y-axis=middle][data-x-axis=left]:after{left:-6px}.wc-blocks-components-form-token-field-wrapper .components-popover:not(.is-without-arrow)[data-y-axis=middle][data-x-axis=left]:after,.wc-blocks-components-form-token-field-wrapper .components-popover:not(.is-without-arrow)[data-y-axis=middle][data-x-axis=left]:before{border-bottom-color:transparent;border-right-style:solid;border-left:none;border-top-color:transparent}.wc-blocks-components-form-token-field-wrapper .components-popover:not(.is-without-arrow)[data-y-axis=middle][data-x-axis=right]{margin-right:8px}.wc-blocks-components-form-token-field-wrapper .components-popover:not(.is-without-arrow)[data-y-axis=middle][data-x-axis=right]:before{right:-8px}.wc-blocks-components-form-token-field-wrapper .components-popover:not(.is-without-arrow)[data-y-axis=middle][data-x-axis=right]:after{right:-6px}.wc-blocks-components-form-token-field-wrapper .components-popover:not(.is-without-arrow)[data-y-axis=middle][data-x-axis=right]:after,.wc-blocks-components-form-token-field-wrapper .components-popover:not(.is-without-arrow)[data-y-axis=middle][data-x-axis=right]:before{border-bottom-color:transparent;border-right:none;border-left-style:solid;border-top-color:transparent}.wc-blocks-components-form-token-field-wrapper .components-popover[data-y-axis=top]{bottom:100%}.wc-blocks-components-form-token-field-wrapper .components-popover[data-y-axis=bottom]{top:100%}.wc-blocks-components-form-token-field-wrapper .components-popover[data-y-axis=middle]{align-items:center;display:flex}.wc-blocks-components-form-token-field-wrapper .components-popover.is-from-top{margin-top:12px}.wc-blocks-components-form-token-field-wrapper .components-popover.is-from-bottom{margin-top:-12px}.wc-blocks-components-form-token-field-wrapper .components-popover.is-from-left:not(.is-from-top):not(.is-from-bottom){margin-right:12px}.wc-blocks-components-form-token-field-wrapper .components-popover.is-from-right:not(.is-from-top):not(.is-from-bottom){margin-left:12px}.wc-blocks-components-form-token-field-wrapper .components-popover__content{background:#fff;border:1px solid #ccc;border-radius:2px;box-shadow:0 .7px 1px rgba(0,0,0,.1),0 1.2px 1.7px -.2px rgba(0,0,0,.1),0 2.3px 3.3px -.5px rgba(0,0,0,.1);height:100%}.is-alternate .wc-blocks-components-form-token-field-wrapper .components-popover__content{border:1px solid #1e1e1e;box-shadow:none}.components-popover .wc-blocks-components-form-token-field-wrapper .components-popover__content{height:auto;overflow-y:auto;position:absolute}.components-popover.is-expanded .wc-blocks-components-form-token-field-wrapper .components-popover__content{border:none;border-top:1px solid #1e1e1e;height:calc(100% - 48px);min-width:auto;overflow-y:visible;position:static}.components-popover[data-y-axis=top] .wc-blocks-components-form-token-field-wrapper .components-popover__content{bottom:100%}.components-popover[data-x-axis=center] .wc-blocks-components-form-token-field-wrapper .components-popover__content{right:50%;transform:translateX(50%)}.components-popover[data-x-axis=right] .wc-blocks-components-form-token-field-wrapper .components-popover__content{right:100%;position:absolute}.components-popover:not([data-y-axis=middle])[data-x-axis=right] .wc-blocks-components-form-token-field-wrapper .components-popover__content{margin-right:-25px}.components-popover[data-x-axis=left] .wc-blocks-components-form-token-field-wrapper .components-popover__content{position:absolute;left:100%}.components-popover:not([data-y-axis=middle])[data-x-axis=left] .wc-blocks-components-form-token-field-wrapper .components-popover__content{margin-left:-25px}.wc-blocks-components-form-token-field-wrapper .components-popover__header{align-items:center;background:#fff;display:flex;height:48px;justify-content:space-between;padding:0 16px 0 8px}.wc-blocks-components-form-token-field-wrapper .components-popover__header-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.wc-blocks-components-form-token-field-wrapper .components-popover__close.components-button{z-index:z-index(".components-popover__close")}.wc-blocks-components-form-token-field-wrapper .components-tooltip.components-popover{z-index:z-index(".components-tooltip")}.wc-blocks-components-form-token-field-wrapper .components-tooltip.components-popover .components-popover__content{min-width:0}.wc-blocks-components-form-token-field-wrapper .components-tooltip .components-popover__content{background:#1e1e1e;border-radius:2px;border-width:0;box-shadow:none;color:#fff;font-size:12px;line-height:1.4;text-align:center;white-space:nowrap}.wc-blocks-components-form-token-field-wrapper .components-tooltip .components-popover__content>div{padding:4px 8px}.wc-blocks-components-form-token-field-wrapper .components-tooltip__shortcut{display:inline-block;margin-right:8px}.wc-blocks-components-form-token-field-wrapper .disabled-element-wrapper{position:relative}.wc-blocks-components-form-token-field-wrapper .disabled-element-wrapper .event-catcher{bottom:0;height:100%;right:0;position:absolute;left:0;top:0;width:100%;z-index:z-index(".components-tooltip .event-catcher")}.wc-blocks-components-form-token-field-wrapper .components-form-token-field__input-container{align-items:center;border:1px solid #949494;border-radius:2px;box-shadow:0 0 0 transparent;cursor:text;display:flex;flex-wrap:wrap;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;font-size:16px;line-height:normal;margin:0 0 8px;padding:2px 4px;transition:box-shadow .1s linear;width:100%}@media(prefers-reduced-motion:reduce){.wc-blocks-components-form-token-field-wrapper .components-form-token-field__input-container{transition-delay:0s;transition-duration:0s}}@media(min-width:600px){.wc-blocks-components-form-token-field-wrapper .components-form-token-field__input-container{font-size:13px;line-height:normal}}.wc-blocks-components-form-token-field-wrapper .components-form-token-field__input-container:focus{border-color:var(--wp-admin-theme-color);box-shadow:0 0 0 .5px var(--wp-admin-theme-color);outline:2px solid transparent}.wc-blocks-components-form-token-field-wrapper .components-form-token-field__input-container::-webkit-input-placeholder{color:rgba(30,30,30,.62)}.wc-blocks-components-form-token-field-wrapper .components-form-token-field__input-container::-moz-placeholder{color:rgba(30,30,30,.62);opacity:1}.wc-blocks-components-form-token-field-wrapper .components-form-token-field__input-container:-ms-input-placeholder{color:rgba(30,30,30,.62)}.wc-blocks-components-form-token-field-wrapper .components-form-token-field__input-container.is-disabled{background:#ddd;border-color:#ddd}.wc-blocks-components-form-token-field-wrapper .components-form-token-field__input-container.is-active{border-color:var(--wp-admin-theme-color);box-shadow:0 0 0 .5px var(--wp-admin-theme-color);outline:2px solid transparent}.wc-blocks-components-form-token-field-wrapper .components-form-token-field__input-container input[type=text].components-form-token-field__input{background:inherit;border:0;box-shadow:none;color:#1e1e1e;display:inline-block;flex:1;font-size:16px;margin-right:4px;max-width:100%;min-height:24px;min-width:50px;padding:0;width:100%}@media(min-width:600px){.wc-blocks-components-form-token-field-wrapper .components-form-token-field__input-container input[type=text].components-form-token-field__input{font-size:13px}}.components-form-token-field.is-active .wc-blocks-components-form-token-field-wrapper .components-form-token-field__input-container input[type=text].components-form-token-field__input,.wc-blocks-components-form-token-field-wrapper .components-form-token-field__input-container input[type=text].components-form-token-field__input:focus{box-shadow:none;outline:none}.wc-blocks-components-form-token-field-wrapper .components-form-token-field__input-container .components-form-token-field__token+input[type=text].components-form-token-field__input{width:auto}.wc-blocks-components-form-token-field-wrapper .components-form-token-field__label{display:inline-block;margin-bottom:4px}.wc-blocks-components-form-token-field-wrapper .components-form-token-field__help{color:#757575;font-size:12px;font-style:normal}.wc-blocks-components-form-token-field-wrapper .components-form-token-field__token{color:#1e1e1e;display:flex;font-size:13px;margin:2px 0 2px 4px;max-width:100%}.wc-blocks-components-form-token-field-wrapper .components-form-token-field__token.is-success .components-form-token-field__remove-token,.wc-blocks-components-form-token-field-wrapper .components-form-token-field__token.is-success .components-form-token-field__token-text{background:#4ab866}.wc-blocks-components-form-token-field-wrapper .components-form-token-field__token.is-error .components-form-token-field__remove-token,.wc-blocks-components-form-token-field-wrapper .components-form-token-field__token.is-error .components-form-token-field__token-text{background:#cc1818}.wc-blocks-components-form-token-field-wrapper .components-form-token-field__token.is-validating .components-form-token-field__remove-token,.wc-blocks-components-form-token-field-wrapper .components-form-token-field__token.is-validating .components-form-token-field__token-text{color:#757575}.wc-blocks-components-form-token-field-wrapper .components-form-token-field__token.is-borderless{padding:0 0 0 16px;position:relative}.wc-blocks-components-form-token-field-wrapper .components-form-token-field__token.is-borderless .components-form-token-field__token-text{background:transparent;color:var(--wp-admin-theme-color)}.wc-blocks-components-form-token-field-wrapper .components-form-token-field__token.is-borderless .components-form-token-field__remove-token{background:transparent;color:#757575;position:absolute;left:0;top:1px}.wc-blocks-components-form-token-field-wrapper .components-form-token-field__token.is-borderless.is-success .components-form-token-field__token-text{color:#4ab866}.wc-blocks-components-form-token-field-wrapper .components-form-token-field__token.is-borderless.is-error .components-form-token-field__token-text{border-radius:0 4px 4px 0;color:#cc1818;padding:0 6px 0 4px}.wc-blocks-components-form-token-field-wrapper .components-form-token-field__token.is-borderless.is-validating .components-form-token-field__token-text{color:#1e1e1e}.wc-blocks-components-form-token-field-wrapper .components-form-token-field__token.is-disabled .components-form-token-field__remove-token{cursor:default}.wc-blocks-components-form-token-field-wrapper .components-form-token-field__remove-token.components-button,.wc-blocks-components-form-token-field-wrapper .components-form-token-field__token-text{background:#ddd;display:inline-block;height:auto;line-height:24px;min-width:unset;transition:all .2s cubic-bezier(.4,1,.4,1)}@media(prefers-reduced-motion:reduce){.wc-blocks-components-form-token-field-wrapper .components-form-token-field__remove-token.components-button,.wc-blocks-components-form-token-field-wrapper .components-form-token-field__token-text{animation-delay:0s;animation-duration:1ms;transition-delay:0s;transition-duration:0s}}.wc-blocks-components-form-token-field-wrapper .components-form-token-field__token-text{border-radius:0 2px 2px 0;overflow:hidden;padding:0 8px 0 0;text-overflow:ellipsis;white-space:nowrap}.wc-blocks-components-form-token-field-wrapper .components-form-token-field__remove-token.components-button{border-radius:2px 0 0 2px;color:#1e1e1e;cursor:pointer;line-height:10px;overflow:initial;padding:0 2px}.wc-blocks-components-form-token-field-wrapper .components-form-token-field__remove-token.components-button:hover{color:#1e1e1e}.wc-blocks-components-form-token-field-wrapper .components-form-token-field__suggestions-list{border-top:1px solid #757575;flex:1 0 100%;list-style:none;margin:4px -4px -4px;max-height:9em;min-width:100%;overflow-y:auto;padding:0;transition:all .15s ease-in-out}@media(prefers-reduced-motion:reduce){.wc-blocks-components-form-token-field-wrapper .components-form-token-field__suggestions-list{transition-delay:0s;transition-duration:0s}}.wc-blocks-components-form-token-field-wrapper .components-form-token-field__suggestion{color:#757575;cursor:pointer;display:block;font-size:13px;margin:0;padding:4px 8px}.wc-blocks-components-form-token-field-wrapper .components-form-token-field__suggestion.is-selected{background:var(--wp-admin-theme-color);color:#fff}.wc-blocks-components-form-token-field-wrapper .components-form-token-field__suggestion-match{text-decoration:underline}.wc-blocks-components-form-token-field-wrapper{border-color:#949494}.wc-blocks-components-form-token-field-wrapper .components-form-token-field__label,.wc-blocks-components-form-token-field-wrapper .components-visually-hidden{clip:rect(1px,1px,1px,1px);word-wrap:normal!important;border:0;-webkit-clip-path:inset(50%);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;overflow-wrap:normal!important;padding:0;position:absolute!important;width:1px}.wc-blocks-components-form-token-field-wrapper .components-form-token-field,.wc-blocks-components-form-token-field-wrapper .components-form-token-field__input-container{border-color:inherit;box-sizing:border-box;margin-bottom:0}.wc-blocks-components-form-token-field-wrapper .components-form-token-field__input-container{background-color:#fff;border-radius:0;box-shadow:none;color:#000;position:relative}.wc-blocks-components-form-token-field-wrapper .components-form-token-field__input-container input[type=text].components-form-token-field__input{min-height:30px}.wc-blocks-components-form-token-field-wrapper .components-form-token-field__remove-token.components-button,.wc-blocks-components-form-token-field-wrapper .components-form-token-field__token-text{background:#e0e0e0}.wc-blocks-components-form-token-field-wrapper .components-form-token-field__remove-token{border:none}.wc-blocks-components-form-token-field-wrapper .components-form-token-field__suggestions-list{background-color:#fff;border:1px solid #949494;border-top:0 solid #949494;right:-1px;margin:1px 0 0;position:absolute;left:-1px;top:100%;z-index:50}.wc-blocks-components-form-token-field-wrapper .components-form-token-field__suggestions-list:empty{display:none}.wc-blocks-components-form-token-field-wrapper .components-form-token-field__suggestion{padding:8px}.wc-blocks-components-form-token-field-wrapper .components-form-token-field__suggestion.is-selected{background:#f0f0f0;color:#2f2f2f}.wc-blocks-components-form-token-field-wrapper.single-selection .components-form-token-field__token{margin-left:0;position:relative;width:100%;z-index:1}.wc-blocks-components-form-token-field-wrapper.single-selection .components-form-token-field__remove-token.components-button,.wc-blocks-components-form-token-field-wrapper.single-selection .components-form-token-field__token-text{background:transparent}.wc-blocks-components-form-token-field-wrapper.single-selection .components-form-token-field__token-text{padding-right:4px;width:100%}.wc-blocks-components-form-token-field-wrapper.single-selection .components-form-token-field__token+input[type=text].components-form-token-field__input{position:absolute}.wc-blocks-components-form-token-field-wrapper.single-selection .is-active .components-form-token-field__token+input[type=text].components-form-token-field__input{border:1px solid #949494;margin:0 2px 4px;padding:0 5px;position:static} diff --git a/build/base-components-stock-filter-wrapper~attribute-filter-wrapper~rating-filter-wrapper-style.scss.css b/build/base-components-stock-filter-wrapper~attribute-filter-wrapper~rating-filter-wrapper-style.scss.css new file mode 100644 index 00000000000..1408fdb5875 --- /dev/null +++ b/build/base-components-stock-filter-wrapper~attribute-filter-wrapper~rating-filter-wrapper-style.scss.css @@ -0,0 +1,3 @@ +@keyframes spinner__animation{0%{animation-timing-function:cubic-bezier(.5856,.0703,.4143,.9297);transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes loading__animation{to{transform:translateX(100%)}}.wc-block-components-filter-submit-button{border:none;display:block;margin-left:auto;white-space:nowrap}.wc-block-components-filter-submit-button.is-loading{background-color:currentColor!important;border:0!important;border-radius:.25rem;border-radius:0;box-shadow:none;color:currentColor!important;display:block;line-height:1;line-height:normal;margin-top:16px;max-width:100%!important;opacity:.15;outline:0!important;overflow:hidden!important;pointer-events:none;position:relative!important;width:100%;width:-moz-max-content;width:max-content;z-index:1}.wc-block-components-filter-submit-button.is-loading>*{visibility:hidden}.wc-block-components-filter-submit-button.is-loading:after{animation:loading__animation 1.5s ease-in-out infinite;background-image:linear-gradient(90deg,currentColor,hsla(0,0%,96%,.302),currentColor);background-repeat:no-repeat;content:" ";display:block;height:100%;left:0;position:absolute;right:0;top:0;transform:translateX(-100%)}@media screen and (prefers-reduced-motion:reduce){.wc-block-components-filter-submit-button.is-loading{animation:none}} +@keyframes spinner__animation{0%{animation-timing-function:cubic-bezier(.5856,.0703,.4143,.9297);transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes loading__animation{to{transform:translateX(100%)}}.wc-block-components-filter-reset-button{background:transparent;border:0;border-radius:0;box-shadow:none;color:inherit;cursor:pointer;display:inline;font-family:inherit;font-size:inherit;font-size:.875em;font-style:inherit;font-weight:inherit;font-weight:400;letter-spacing:inherit;line-height:inherit;margin:0;padding:0;text-decoration:inherit;text-decoration:underline;text-shadow:none;text-transform:inherit;vertical-align:baseline}.wc-block-components-filter-reset-button:active,.wc-block-components-filter-reset-button:focus,.wc-block-components-filter-reset-button:hover{background:transparent}.wc-block-components-filter-reset-button:hover{color:inherit;cursor:pointer;text-decoration:none}.wc-block-components-filter-reset-button[disabled]{cursor:not-allowed} +@keyframes spinner__animation{0%{animation-timing-function:cubic-bezier(.5856,.0703,.4143,.9297);transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes loading__animation{to{transform:translateX(100%)}}.wc-blocks-components-form-token-field-wrapper .components-popover{left:0;opacity:0;position:fixed;top:0;z-index:z-index(".components-popover")}.wc-blocks-components-form-token-field-wrapper .components-popover.is-expanded,.wc-blocks-components-form-token-field-wrapper .components-popover[data-x-axis][data-y-axis]{opacity:1}.wc-blocks-components-form-token-field-wrapper .components-popover.is-expanded{bottom:0;left:0;right:0;top:0;z-index:z-index(".components-popover")!important}.wc-blocks-components-form-token-field-wrapper .components-popover:not(.is-without-arrow){margin-left:2px}.wc-blocks-components-form-token-field-wrapper .components-popover:not(.is-without-arrow):before{border:8px solid #ccc}.wc-blocks-components-form-token-field-wrapper .components-popover:not(.is-without-arrow).is-alternate:before{border-color:#1e1e1e}.wc-blocks-components-form-token-field-wrapper .components-popover:not(.is-without-arrow):after{border:8px solid #fff}.wc-blocks-components-form-token-field-wrapper .components-popover:not(.is-without-arrow):after,.wc-blocks-components-form-token-field-wrapper .components-popover:not(.is-without-arrow):before{content:"";height:0;line-height:0;position:absolute;width:0}.wc-blocks-components-form-token-field-wrapper .components-popover:not(.is-without-arrow)[data-y-axis=top]{margin-top:-8px}.wc-blocks-components-form-token-field-wrapper .components-popover:not(.is-without-arrow)[data-y-axis=top]:before{bottom:-8px}.wc-blocks-components-form-token-field-wrapper .components-popover:not(.is-without-arrow)[data-y-axis=top]:after{bottom:-6px}.wc-blocks-components-form-token-field-wrapper .components-popover:not(.is-without-arrow)[data-y-axis=top]:after,.wc-blocks-components-form-token-field-wrapper .components-popover:not(.is-without-arrow)[data-y-axis=top]:before{border-bottom:none;border-left-color:transparent;border-right-color:transparent;border-top-style:solid;margin-left:-10px}.wc-blocks-components-form-token-field-wrapper .components-popover:not(.is-without-arrow)[data-y-axis=bottom]{margin-top:8px}.wc-blocks-components-form-token-field-wrapper .components-popover:not(.is-without-arrow)[data-y-axis=bottom]:before{top:-8px}.wc-blocks-components-form-token-field-wrapper .components-popover:not(.is-without-arrow)[data-y-axis=bottom]:after{top:-6px}.wc-blocks-components-form-token-field-wrapper .components-popover:not(.is-without-arrow)[data-y-axis=bottom]:after,.wc-blocks-components-form-token-field-wrapper .components-popover:not(.is-without-arrow)[data-y-axis=bottom]:before{border-bottom-style:solid;border-left-color:transparent;border-right-color:transparent;border-top:none;margin-left:-10px}.wc-blocks-components-form-token-field-wrapper .components-popover:not(.is-without-arrow)[data-y-axis=middle][data-x-axis=left]{margin-left:-8px}.wc-blocks-components-form-token-field-wrapper .components-popover:not(.is-without-arrow)[data-y-axis=middle][data-x-axis=left]:before{right:-8px}.wc-blocks-components-form-token-field-wrapper .components-popover:not(.is-without-arrow)[data-y-axis=middle][data-x-axis=left]:after{right:-6px}.wc-blocks-components-form-token-field-wrapper .components-popover:not(.is-without-arrow)[data-y-axis=middle][data-x-axis=left]:after,.wc-blocks-components-form-token-field-wrapper .components-popover:not(.is-without-arrow)[data-y-axis=middle][data-x-axis=left]:before{border-bottom-color:transparent;border-left-style:solid;border-right:none;border-top-color:transparent}.wc-blocks-components-form-token-field-wrapper .components-popover:not(.is-without-arrow)[data-y-axis=middle][data-x-axis=right]{margin-left:8px}.wc-blocks-components-form-token-field-wrapper .components-popover:not(.is-without-arrow)[data-y-axis=middle][data-x-axis=right]:before{left:-8px}.wc-blocks-components-form-token-field-wrapper .components-popover:not(.is-without-arrow)[data-y-axis=middle][data-x-axis=right]:after{left:-6px}.wc-blocks-components-form-token-field-wrapper .components-popover:not(.is-without-arrow)[data-y-axis=middle][data-x-axis=right]:after,.wc-blocks-components-form-token-field-wrapper .components-popover:not(.is-without-arrow)[data-y-axis=middle][data-x-axis=right]:before{border-bottom-color:transparent;border-left:none;border-right-style:solid;border-top-color:transparent}.wc-blocks-components-form-token-field-wrapper .components-popover[data-y-axis=top]{bottom:100%}.wc-blocks-components-form-token-field-wrapper .components-popover[data-y-axis=bottom]{top:100%}.wc-blocks-components-form-token-field-wrapper .components-popover[data-y-axis=middle]{align-items:center;display:flex}.wc-blocks-components-form-token-field-wrapper .components-popover.is-from-top{margin-top:12px}.wc-blocks-components-form-token-field-wrapper .components-popover.is-from-bottom{margin-top:-12px}.wc-blocks-components-form-token-field-wrapper .components-popover.is-from-left:not(.is-from-top):not(.is-from-bottom){margin-left:12px}.wc-blocks-components-form-token-field-wrapper .components-popover.is-from-right:not(.is-from-top):not(.is-from-bottom){margin-right:12px}.wc-blocks-components-form-token-field-wrapper .components-popover__content{background:#fff;border:1px solid #ccc;border-radius:2px;box-shadow:0 .7px 1px rgba(0,0,0,.1),0 1.2px 1.7px -.2px rgba(0,0,0,.1),0 2.3px 3.3px -.5px rgba(0,0,0,.1);height:100%}.is-alternate .wc-blocks-components-form-token-field-wrapper .components-popover__content{border:1px solid #1e1e1e;box-shadow:none}.components-popover .wc-blocks-components-form-token-field-wrapper .components-popover__content{height:auto;overflow-y:auto;position:absolute}.components-popover.is-expanded .wc-blocks-components-form-token-field-wrapper .components-popover__content{border:none;border-top:1px solid #1e1e1e;height:calc(100% - 48px);min-width:auto;overflow-y:visible;position:static}.components-popover[data-y-axis=top] .wc-blocks-components-form-token-field-wrapper .components-popover__content{bottom:100%}.components-popover[data-x-axis=center] .wc-blocks-components-form-token-field-wrapper .components-popover__content{left:50%;transform:translateX(-50%)}.components-popover[data-x-axis=right] .wc-blocks-components-form-token-field-wrapper .components-popover__content{left:100%;position:absolute}.components-popover:not([data-y-axis=middle])[data-x-axis=right] .wc-blocks-components-form-token-field-wrapper .components-popover__content{margin-left:-25px}.components-popover[data-x-axis=left] .wc-blocks-components-form-token-field-wrapper .components-popover__content{position:absolute;right:100%}.components-popover:not([data-y-axis=middle])[data-x-axis=left] .wc-blocks-components-form-token-field-wrapper .components-popover__content{margin-right:-25px}.wc-blocks-components-form-token-field-wrapper .components-popover__header{align-items:center;background:#fff;display:flex;height:48px;justify-content:space-between;padding:0 8px 0 16px}.wc-blocks-components-form-token-field-wrapper .components-popover__header-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.wc-blocks-components-form-token-field-wrapper .components-popover__close.components-button{z-index:z-index(".components-popover__close")}.wc-blocks-components-form-token-field-wrapper .components-tooltip.components-popover{z-index:z-index(".components-tooltip")}.wc-blocks-components-form-token-field-wrapper .components-tooltip.components-popover .components-popover__content{min-width:0}.wc-blocks-components-form-token-field-wrapper .components-tooltip .components-popover__content{background:#1e1e1e;border-radius:2px;border-width:0;box-shadow:none;color:#fff;font-size:12px;line-height:1.4;text-align:center;white-space:nowrap}.wc-blocks-components-form-token-field-wrapper .components-tooltip .components-popover__content>div{padding:4px 8px}.wc-blocks-components-form-token-field-wrapper .components-tooltip__shortcut{display:inline-block;margin-left:8px}.wc-blocks-components-form-token-field-wrapper .disabled-element-wrapper{position:relative}.wc-blocks-components-form-token-field-wrapper .disabled-element-wrapper .event-catcher{bottom:0;height:100%;left:0;position:absolute;right:0;top:0;width:100%;z-index:z-index(".components-tooltip .event-catcher")}.wc-blocks-components-form-token-field-wrapper .components-form-token-field__input-container{align-items:center;border:1px solid #949494;border-radius:2px;box-shadow:0 0 0 transparent;cursor:text;display:flex;flex-wrap:wrap;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;font-size:16px;line-height:normal;margin:0 0 8px;padding:2px 4px;transition:box-shadow .1s linear;width:100%}@media(prefers-reduced-motion:reduce){.wc-blocks-components-form-token-field-wrapper .components-form-token-field__input-container{transition-delay:0s;transition-duration:0s}}@media(min-width:600px){.wc-blocks-components-form-token-field-wrapper .components-form-token-field__input-container{font-size:13px;line-height:normal}}.wc-blocks-components-form-token-field-wrapper .components-form-token-field__input-container:focus{border-color:var(--wp-admin-theme-color);box-shadow:0 0 0 .5px var(--wp-admin-theme-color);outline:2px solid transparent}.wc-blocks-components-form-token-field-wrapper .components-form-token-field__input-container::-webkit-input-placeholder{color:rgba(30,30,30,.62)}.wc-blocks-components-form-token-field-wrapper .components-form-token-field__input-container::-moz-placeholder{color:rgba(30,30,30,.62);opacity:1}.wc-blocks-components-form-token-field-wrapper .components-form-token-field__input-container:-ms-input-placeholder{color:rgba(30,30,30,.62)}.wc-blocks-components-form-token-field-wrapper .components-form-token-field__input-container.is-disabled{background:#ddd;border-color:#ddd}.wc-blocks-components-form-token-field-wrapper .components-form-token-field__input-container.is-active{border-color:var(--wp-admin-theme-color);box-shadow:0 0 0 .5px var(--wp-admin-theme-color);outline:2px solid transparent}.wc-blocks-components-form-token-field-wrapper .components-form-token-field__input-container input[type=text].components-form-token-field__input{background:inherit;border:0;box-shadow:none;color:#1e1e1e;display:inline-block;flex:1;font-size:16px;margin-left:4px;max-width:100%;min-height:24px;min-width:50px;padding:0;width:100%}@media(min-width:600px){.wc-blocks-components-form-token-field-wrapper .components-form-token-field__input-container input[type=text].components-form-token-field__input{font-size:13px}}.components-form-token-field.is-active .wc-blocks-components-form-token-field-wrapper .components-form-token-field__input-container input[type=text].components-form-token-field__input,.wc-blocks-components-form-token-field-wrapper .components-form-token-field__input-container input[type=text].components-form-token-field__input:focus{box-shadow:none;outline:none}.wc-blocks-components-form-token-field-wrapper .components-form-token-field__input-container .components-form-token-field__token+input[type=text].components-form-token-field__input{width:auto}.wc-blocks-components-form-token-field-wrapper .components-form-token-field__label{display:inline-block;margin-bottom:4px}.wc-blocks-components-form-token-field-wrapper .components-form-token-field__help{color:#757575;font-size:12px;font-style:normal}.wc-blocks-components-form-token-field-wrapper .components-form-token-field__token{color:#1e1e1e;display:flex;font-size:13px;margin:2px 4px 2px 0;max-width:100%}.wc-blocks-components-form-token-field-wrapper .components-form-token-field__token.is-success .components-form-token-field__remove-token,.wc-blocks-components-form-token-field-wrapper .components-form-token-field__token.is-success .components-form-token-field__token-text{background:#4ab866}.wc-blocks-components-form-token-field-wrapper .components-form-token-field__token.is-error .components-form-token-field__remove-token,.wc-blocks-components-form-token-field-wrapper .components-form-token-field__token.is-error .components-form-token-field__token-text{background:#cc1818}.wc-blocks-components-form-token-field-wrapper .components-form-token-field__token.is-validating .components-form-token-field__remove-token,.wc-blocks-components-form-token-field-wrapper .components-form-token-field__token.is-validating .components-form-token-field__token-text{color:#757575}.wc-blocks-components-form-token-field-wrapper .components-form-token-field__token.is-borderless{padding:0 16px 0 0;position:relative}.wc-blocks-components-form-token-field-wrapper .components-form-token-field__token.is-borderless .components-form-token-field__token-text{background:transparent;color:var(--wp-admin-theme-color)}.wc-blocks-components-form-token-field-wrapper .components-form-token-field__token.is-borderless .components-form-token-field__remove-token{background:transparent;color:#757575;position:absolute;right:0;top:1px}.wc-blocks-components-form-token-field-wrapper .components-form-token-field__token.is-borderless.is-success .components-form-token-field__token-text{color:#4ab866}.wc-blocks-components-form-token-field-wrapper .components-form-token-field__token.is-borderless.is-error .components-form-token-field__token-text{border-radius:4px 0 0 4px;color:#cc1818;padding:0 4px 0 6px}.wc-blocks-components-form-token-field-wrapper .components-form-token-field__token.is-borderless.is-validating .components-form-token-field__token-text{color:#1e1e1e}.wc-blocks-components-form-token-field-wrapper .components-form-token-field__token.is-disabled .components-form-token-field__remove-token{cursor:default}.wc-blocks-components-form-token-field-wrapper .components-form-token-field__remove-token.components-button,.wc-blocks-components-form-token-field-wrapper .components-form-token-field__token-text{background:#ddd;display:inline-block;height:auto;line-height:24px;min-width:unset;transition:all .2s cubic-bezier(.4,1,.4,1)}@media(prefers-reduced-motion:reduce){.wc-blocks-components-form-token-field-wrapper .components-form-token-field__remove-token.components-button,.wc-blocks-components-form-token-field-wrapper .components-form-token-field__token-text{animation-delay:0s;animation-duration:1ms;transition-delay:0s;transition-duration:0s}}.wc-blocks-components-form-token-field-wrapper .components-form-token-field__token-text{border-radius:2px 0 0 2px;overflow:hidden;padding:0 0 0 8px;text-overflow:ellipsis;white-space:nowrap}.wc-blocks-components-form-token-field-wrapper .components-form-token-field__remove-token.components-button{border-radius:0 2px 2px 0;color:#1e1e1e;cursor:pointer;line-height:10px;overflow:initial;padding:0 2px}.wc-blocks-components-form-token-field-wrapper .components-form-token-field__remove-token.components-button:hover{color:#1e1e1e}.wc-blocks-components-form-token-field-wrapper .components-form-token-field__suggestions-list{border-top:1px solid #757575;flex:1 0 100%;list-style:none;margin:4px -4px -4px;max-height:9em;min-width:100%;overflow-y:auto;padding:0;transition:all .15s ease-in-out}@media(prefers-reduced-motion:reduce){.wc-blocks-components-form-token-field-wrapper .components-form-token-field__suggestions-list{transition-delay:0s;transition-duration:0s}}.wc-blocks-components-form-token-field-wrapper .components-form-token-field__suggestion{color:#757575;cursor:pointer;display:block;font-size:13px;margin:0;padding:4px 8px}.wc-blocks-components-form-token-field-wrapper .components-form-token-field__suggestion.is-selected{background:var(--wp-admin-theme-color);color:#fff}.wc-blocks-components-form-token-field-wrapper .components-form-token-field__suggestion-match{text-decoration:underline}.wc-blocks-components-form-token-field-wrapper{border-color:#949494}.wc-blocks-components-form-token-field-wrapper .components-form-token-field__label,.wc-blocks-components-form-token-field-wrapper .components-visually-hidden{clip:rect(1px,1px,1px,1px);word-wrap:normal!important;border:0;-webkit-clip-path:inset(50%);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;overflow-wrap:normal!important;padding:0;position:absolute!important;width:1px}.wc-blocks-components-form-token-field-wrapper .components-form-token-field,.wc-blocks-components-form-token-field-wrapper .components-form-token-field__input-container{border-color:inherit;box-sizing:border-box;margin-bottom:0}.wc-blocks-components-form-token-field-wrapper .components-form-token-field__input-container{background-color:#fff;border-radius:0;box-shadow:none;color:#000;position:relative}.wc-blocks-components-form-token-field-wrapper .components-form-token-field__input-container input[type=text].components-form-token-field__input{min-height:30px}.wc-blocks-components-form-token-field-wrapper .components-form-token-field__remove-token.components-button,.wc-blocks-components-form-token-field-wrapper .components-form-token-field__token-text{background:#e0e0e0}.wc-blocks-components-form-token-field-wrapper .components-form-token-field__remove-token{border:none}.wc-blocks-components-form-token-field-wrapper .components-form-token-field__suggestions-list{background-color:#fff;border:1px solid #949494;border-top:0 solid #949494;left:-1px;margin:1px 0 0;position:absolute;right:-1px;top:100%;z-index:50}.wc-blocks-components-form-token-field-wrapper .components-form-token-field__suggestions-list:empty{display:none}.wc-blocks-components-form-token-field-wrapper .components-form-token-field__suggestion{padding:8px}.wc-blocks-components-form-token-field-wrapper .components-form-token-field__suggestion.is-selected{background:#f0f0f0;color:#2f2f2f}.wc-blocks-components-form-token-field-wrapper.single-selection .components-form-token-field__token{margin-right:0;position:relative;width:100%;z-index:1}.wc-blocks-components-form-token-field-wrapper.single-selection .components-form-token-field__remove-token.components-button,.wc-blocks-components-form-token-field-wrapper.single-selection .components-form-token-field__token-text{background:transparent}.wc-blocks-components-form-token-field-wrapper.single-selection .components-form-token-field__token-text{padding-left:4px;width:100%}.wc-blocks-components-form-token-field-wrapper.single-selection .components-form-token-field__token+input[type=text].components-form-token-field__input{position:absolute}.wc-blocks-components-form-token-field-wrapper.single-selection .is-active .components-form-token-field__token+input[type=text].components-form-token-field__input{border:1px solid #949494;margin:0 2px 4px;padding:0 5px;position:static} diff --git a/build/blocks-checkout.asset.php b/build/blocks-checkout.asset.php new file mode 100644 index 00000000000..f1e41cd49f0 --- /dev/null +++ b/build/blocks-checkout.asset.php @@ -0,0 +1 @@ + array('lodash', 'react', 'react-dom', 'wc-blocks-data-store', 'wc-blocks-registry', 'wc-settings', 'wp-a11y', 'wp-compose', 'wp-data', 'wp-deprecated', 'wp-dom', 'wp-element', 'wp-html-entities', 'wp-i18n', 'wp-is-shallow-equal', 'wp-polyfill', 'wp-primitives', 'wp-warning'), 'version' => '586329f2401832709cfe'); diff --git a/build/blocks-checkout.js b/build/blocks-checkout.js new file mode 100644 index 00000000000..51ee38913e1 --- /dev/null +++ b/build/blocks-checkout.js @@ -0,0 +1,4 @@ +(()=>{var e={184:(e,t)=>{var n;!function(){"use strict";var r={}.hasOwnProperty;function o(){for(var e=[],t=0;te.length)&&(t=e.length);for(var n=0,r=new Array(t);n1?n-1:0),o=1;o/gm),j=d(/\${[\w\W]*}/gm),W=d(/^data-[\-\w.\u00B7-\uFFFF]/),K=d(/^aria-[\-\w]+$/),z=d(/^(?:(?:(?:f|ht)tps?|mailto|tel|callto|cid|xmpp):|[^a-z]|[a-z+.\-]+(?:[^a-z+.\-:]|$))/i),Y=d(/^(?:\w+script|data):/i),J=d(/[\u0000-\u0020\u00A0\u1680\u180E\u2000-\u2029\u205F\u3000]/g),X=d(/^html$/i),q=function(){return"undefined"==typeof window?null:window};return function t(){var n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:q(),o=function(e){return t(e)};if(o.version="2.4.7",o.removed=[],!n||!n.document||9!==n.document.nodeType)return o.isSupported=!1,o;var i=n.document,a=n.document,s=n.DocumentFragment,l=n.HTMLTemplateElement,c=n.Node,d=n.Element,p=n.NodeFilter,m=n.NamedNodeMap,f=void 0===m?n.NamedNodeMap||n.MozNamedAttrMap:m,h=n.HTMLFormElement,g=n.DOMParser,k=n.trustedTypes,Q=d.prototype,ee=_(Q,"cloneNode"),te=_(Q,"nextSibling"),ne=_(Q,"childNodes"),re=_(Q,"parentNode");if("function"==typeof l){var oe=a.createElement("template");oe.content&&oe.content.ownerDocument&&(a=oe.content.ownerDocument)}var ie=function(t,n){if("object"!==e(t)||"function"!=typeof t.createPolicy)return null;var r=null,o="data-tt-policy-suffix";n.currentScript&&n.currentScript.hasAttribute(o)&&(r=n.currentScript.getAttribute(o));var i="dompurify"+(r?"#"+r:"");try{return t.createPolicy(i,{createHTML:function(e){return e},createScriptURL:function(e){return e}})}catch(e){return console.warn("TrustedTypes policy "+i+" could not be created."),null}}(k,i),ae=ie?ie.createHTML(""):"",se=a,le=se.implementation,ce=se.createNodeIterator,ue=se.createDocumentFragment,de=se.getElementsByTagName,pe=i.importNode,me={};try{me=M(a).documentMode?a.documentMode:{}}catch(e){}var fe={};o.isSupported="function"==typeof re&&le&&void 0!==le.createHTMLDocument&&9!==me;var he,ge,ye=G,Ce=Z,ve=j,Ee=W,be=K,we=Y,Se=J,Ne=z,xe=null,Te=R({},[].concat(r(O),r(L),r(I),r(F),r($))),Ae=null,ke=R({},[].concat(r(B),r(U),r(H),r(V))),Re=Object.seal(Object.create(null,{tagNameCheck:{writable:!0,configurable:!1,enumerable:!0,value:null},attributeNameCheck:{writable:!0,configurable:!1,enumerable:!0,value:null},allowCustomizedBuiltInElements:{writable:!0,configurable:!1,enumerable:!0,value:!1}})),Me=null,_e=null,Oe=!0,Le=!0,Ie=!1,De=!0,Fe=!1,Pe=!1,$e=!1,Be=!1,Ue=!1,He=!1,Ve=!1,Ge=!0,Ze=!1,je=!0,We=!1,Ke={},ze=null,Ye=R({},["annotation-xml","audio","colgroup","desc","foreignobject","head","iframe","math","mi","mn","mo","ms","mtext","noembed","noframes","noscript","plaintext","script","style","svg","template","thead","title","video","xmp"]),Je=null,Xe=R({},["audio","video","img","source","image","track"]),qe=null,Qe=R({},["alt","class","for","id","label","name","pattern","placeholder","role","summary","title","value","style","xmlns"]),et="http://www.w3.org/1998/Math/MathML",tt="http://www.w3.org/2000/svg",nt="http://www.w3.org/1999/xhtml",rt=nt,ot=!1,it=null,at=R({},[et,tt,nt],b),st=["application/xhtml+xml","text/html"],lt=null,ct=a.createElement("form"),ut=function(e){return e instanceof RegExp||e instanceof Function},dt=function(t){lt&<===t||(t&&"object"===e(t)||(t={}),t=M(t),he=he=-1===st.indexOf(t.PARSER_MEDIA_TYPE)?"text/html":t.PARSER_MEDIA_TYPE,ge="application/xhtml+xml"===he?b:E,xe="ALLOWED_TAGS"in t?R({},t.ALLOWED_TAGS,ge):Te,Ae="ALLOWED_ATTR"in t?R({},t.ALLOWED_ATTR,ge):ke,it="ALLOWED_NAMESPACES"in t?R({},t.ALLOWED_NAMESPACES,b):at,qe="ADD_URI_SAFE_ATTR"in t?R(M(Qe),t.ADD_URI_SAFE_ATTR,ge):Qe,Je="ADD_DATA_URI_TAGS"in t?R(M(Xe),t.ADD_DATA_URI_TAGS,ge):Xe,ze="FORBID_CONTENTS"in t?R({},t.FORBID_CONTENTS,ge):Ye,Me="FORBID_TAGS"in t?R({},t.FORBID_TAGS,ge):{},_e="FORBID_ATTR"in t?R({},t.FORBID_ATTR,ge):{},Ke="USE_PROFILES"in t&&t.USE_PROFILES,Oe=!1!==t.ALLOW_ARIA_ATTR,Le=!1!==t.ALLOW_DATA_ATTR,Ie=t.ALLOW_UNKNOWN_PROTOCOLS||!1,De=!1!==t.ALLOW_SELF_CLOSE_IN_ATTR,Fe=t.SAFE_FOR_TEMPLATES||!1,Pe=t.WHOLE_DOCUMENT||!1,Ue=t.RETURN_DOM||!1,He=t.RETURN_DOM_FRAGMENT||!1,Ve=t.RETURN_TRUSTED_TYPE||!1,Be=t.FORCE_BODY||!1,Ge=!1!==t.SANITIZE_DOM,Ze=t.SANITIZE_NAMED_PROPS||!1,je=!1!==t.KEEP_CONTENT,We=t.IN_PLACE||!1,Ne=t.ALLOWED_URI_REGEXP||Ne,rt=t.NAMESPACE||nt,Re=t.CUSTOM_ELEMENT_HANDLING||{},t.CUSTOM_ELEMENT_HANDLING&&ut(t.CUSTOM_ELEMENT_HANDLING.tagNameCheck)&&(Re.tagNameCheck=t.CUSTOM_ELEMENT_HANDLING.tagNameCheck),t.CUSTOM_ELEMENT_HANDLING&&ut(t.CUSTOM_ELEMENT_HANDLING.attributeNameCheck)&&(Re.attributeNameCheck=t.CUSTOM_ELEMENT_HANDLING.attributeNameCheck),t.CUSTOM_ELEMENT_HANDLING&&"boolean"==typeof t.CUSTOM_ELEMENT_HANDLING.allowCustomizedBuiltInElements&&(Re.allowCustomizedBuiltInElements=t.CUSTOM_ELEMENT_HANDLING.allowCustomizedBuiltInElements),Fe&&(Le=!1),He&&(Ue=!0),Ke&&(xe=R({},r($)),Ae=[],!0===Ke.html&&(R(xe,O),R(Ae,B)),!0===Ke.svg&&(R(xe,L),R(Ae,U),R(Ae,V)),!0===Ke.svgFilters&&(R(xe,I),R(Ae,U),R(Ae,V)),!0===Ke.mathMl&&(R(xe,F),R(Ae,H),R(Ae,V))),t.ADD_TAGS&&(xe===Te&&(xe=M(xe)),R(xe,t.ADD_TAGS,ge)),t.ADD_ATTR&&(Ae===ke&&(Ae=M(Ae)),R(Ae,t.ADD_ATTR,ge)),t.ADD_URI_SAFE_ATTR&&R(qe,t.ADD_URI_SAFE_ATTR,ge),t.FORBID_CONTENTS&&(ze===Ye&&(ze=M(ze)),R(ze,t.FORBID_CONTENTS,ge)),je&&(xe["#text"]=!0),Pe&&R(xe,["html","head","body"]),xe.table&&(R(xe,["tbody"]),delete Me.tbody),u&&u(t),lt=t)},pt=R({},["mi","mo","mn","ms","mtext"]),mt=R({},["foreignobject","desc","title","annotation-xml"]),ft=R({},["title","style","font","a","script"]),ht=R({},L);R(ht,I),R(ht,D);var gt=R({},F);R(gt,P);var yt=function(e){v(o.removed,{element:e});try{e.parentNode.removeChild(e)}catch(t){try{e.outerHTML=ae}catch(t){e.remove()}}},Ct=function(e,t){try{v(o.removed,{attribute:t.getAttributeNode(e),from:t})}catch(e){v(o.removed,{attribute:null,from:t})}if(t.removeAttribute(e),"is"===e&&!Ae[e])if(Ue||He)try{yt(t)}catch(e){}else try{t.setAttribute(e,"")}catch(e){}},vt=function(e){var t,n;if(Be)e=""+e;else{var r=w(e,/^[\r\n\t ]+/);n=r&&r[0]}"application/xhtml+xml"===he&&rt===nt&&(e=''+e+"");var o=ie?ie.createHTML(e):e;if(rt===nt)try{t=(new g).parseFromString(o,he)}catch(e){}if(!t||!t.documentElement){t=le.createDocument(rt,"template",null);try{t.documentElement.innerHTML=ot?ae:o}catch(e){}}var i=t.body||t.documentElement;return e&&n&&i.insertBefore(a.createTextNode(n),i.childNodes[0]||null),rt===nt?de.call(t,Pe?"html":"body")[0]:Pe?t.documentElement:i},Et=function(e){return ce.call(e.ownerDocument||e,e,p.SHOW_ELEMENT|p.SHOW_COMMENT|p.SHOW_TEXT,null,!1)},bt=function(t){return"object"===e(c)?t instanceof c:t&&"object"===e(t)&&"number"==typeof t.nodeType&&"string"==typeof t.nodeName},wt=function(e,t,n){fe[e]&&y(fe[e],(function(e){e.call(o,t,n,lt)}))},St=function(e){var t,n;if(wt("beforeSanitizeElements",e,null),(n=e)instanceof h&&("string"!=typeof n.nodeName||"string"!=typeof n.textContent||"function"!=typeof n.removeChild||!(n.attributes instanceof f)||"function"!=typeof n.removeAttribute||"function"!=typeof n.setAttribute||"string"!=typeof n.namespaceURI||"function"!=typeof n.insertBefore||"function"!=typeof n.hasChildNodes))return yt(e),!0;if(T(/[\u0080-\uFFFF]/,e.nodeName))return yt(e),!0;var r=ge(e.nodeName);if(wt("uponSanitizeElement",e,{tagName:r,allowedTags:xe}),e.hasChildNodes()&&!bt(e.firstElementChild)&&(!bt(e.content)||!bt(e.content.firstElementChild))&&T(/<[/\w]/g,e.innerHTML)&&T(/<[/\w]/g,e.textContent))return yt(e),!0;if("select"===r&&T(/