woocommerce/packages/woocommerce-blocks/build/attribute-filter.js

this.wc=this.wc||{},this.wc.blocks=this.wc.blocks||{},this.wc.blocks["attribute-filter"]=function(e){function t(t){for(var r,a,l=t[0],i=t[1],u=t[2],b=0,d=[];b<l.length;b++)a=l[b],Object.prototype.hasOwnProperty.call(c,a)&&c[a]&&d.push(c[a][0]),c[a]=0;for(r in i)Object.prototype.hasOwnProperty.call(i,r)&&(e[r]=i[r]);for(s&&s(t);d.length;)d.shift()();return o.push.apply(o,u||[]),n()}function n(){for(var e,t=0;t<o.length;t++){for(var n=o[t],r=!0,l=1;l<n.length;l++){var i=n[l];0!==c[i]&&(r=!1)}r&&(o.splice(t--,1),e=a(a.s=n[0]))}return e}var r={},c={19:0},o=[];function a(t){if(r[t])return r[t].exports;var n=r[t]={i:t,l:!1,exports:{}};return e[t].call(n.exports,n,n.exports,a),n.l=!0,n.exports}a.m=e,a.c=r,a.d=function(e,t,n){a.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:n})},a.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},a.t=function(e,t){if(1&t&&(e=a(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var n=Object.create(null);if(a.r(n),Object.defineProperty(n,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var r in e)a.d(n,r,function(t){return e[t]}.bind(null,r));return n},a.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return a.d(t,"a",t),t},a.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},a.p="";var l=window.webpackWcBlocksJsonp=window.webpackWcBlocksJsonp||[],i=l.push.bind(l);l.push=t,l=l.slice();for(var u=0;u<l.length;u++)t(l[u]);var s=i;return o.push([797,0]),n()}({0:function(e,t){e.exports=window.wp.element},1:function(e,t){e.exports=window.wp.i18n},108:function(e,t,n){"use strict";n.d(t,"a",(function(){return p})),n.d(t,"b",(function(){return f})),n.d(t,"c",(function(){return m}));var r=n(8),c=n.n(r),o=n(24),a=n(14),l=n(0),i=n(34),u=n.n(i),s=n(62),b=n(136),d=n(78),p=function(e){var t=Object(d.a)();e=e||t;var n=Object(a.useSelect)((function(t){return t(o.QUERY_STATE_STORE_KEY).getValueForQueryContext(e,void 0)}),[e]),r=Object(a.useDispatch)(o.QUERY_STATE_STORE_KEY).setValueForQueryContext;return[n,Object(l.useCallback)((function(t){r(e,t)}),[e,r])]},f=function(e,t,n){var r=Object(d.a)();n=n||r;var c=Object(a.useSelect)((function(r){return r(o.QUERY_STATE_STORE_KEY).getValueForQueryKey(n,e,t)}),[n,e]),i=Object(a.useDispatch)(o.QUERY_STATE_STORE_KEY).setQueryValue;return[c,Object(l.useCallback)((function(t){i(n,e,t)}),[n,e,i])]},m=function(e,t){var n=Object(d.a)(),r=p(t=t||n),o=c()(r,2),a=o[0],i=o[1],f=Object(s.a)(a),m=Object(s.a)(e),O=Object(b.a)(m),v=Object(l.useRef)(!1);return Object(l.useEffect)((function(){u()(O,m)||(i(Object.assign({},f,m)),v.current=!0)}),[f,m,O,i]),v.current?[a,i]:[e,i]}},11:function(e,t){e.exports=window.React},12:function(e,t){e.exports=window.wp.blockEditor},121:function(e,t){},122:function(e,t){e.exports=window.wp.coreData},123:function(e,t){},127:function(e,t,n){"use strict";n.d(t,"a",(function(){return a}));var r=n(8),c=n.n(r),o=n(0),a=function(){var e=Object(o.useState)(),t=c()(e,2)[1];return Object(o.useCallback)((function(e){t((function(){throw e}))}),[])}},133:function(e,t,n){"use strict";var r=n(17),c=n.n(r),o=n(18),a=n.n(o),l=n(19),i=n.n(l),u=n(20),s=n.n(u),b=n(10),d=n.n(b),p=n(0),f=n(7),m=n(1),O=n(4);function v(e){var t=e.level,n={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 n.hasOwnProperty(t)?Object(p.createElement)(O.SVG,{width:"20",height:"20",viewBox:"0 0 20 20",xmlns:"http://www.w3.org/2000/svg"},Object(p.createElement)(O.Path,{d:n[t]})):null}var w=function(e){i()(o,e);var t,n,r=(t=o,n=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}(),function(){var e,r=d()(t);if(n){var c=d()(this).constructor;e=Reflect.construct(r,arguments,c)}else e=r.apply(this,arguments);return s()(this,e)});function o(){return c()(this,o),r.apply(this,arguments)}return a()(o,[{key:"createLevelControl",value:function(e,t,n){var r=e===t;return{icon:Object(p.createElement)(v,{level:e}),
/* translators: %s: heading level e.g: "2", "3", "4" */
title:Object(m.sprintf)(Object(m.__)("Heading %d"),e),isActive:r,onClick:function(){return n(e)}}}},{key:"render",value:function(){var e=this,t=this.props,n=t.isCollapsed,r=void 0===n||n,c=t.minLevel,o=t.maxLevel,a=t.selectedLevel,l=t.onChange;return Object(p.createElement)(O.ToolbarGroup,{isCollapsed:r,icon:Object(p.createElement)(v,{level:a}),controls:Object(f.range)(c,o).map((function(t){return e.createLevelControl(t,a,l)}))})}}]),o}(p.Component);t.a=w},136:function(e,t,n){"use strict";n.d(t,"a",(function(){return c}));var r=n(11);function c(e,t){var n=Object(r.useRef)();return Object(r.useEffect)((function(){n.current===e||t&&!t(e,n.current)||(n.current=e)}),[e,t]),n.current}},14:function(e,t){e.exports=window.wp.data},145:function(e,t,n){"use strict";var r=n(0),c=n(1),o=n(41);n(363),t.a=function(e){var t=e.name,n=e.count;return Object(r.createElement)(r.Fragment,null,t,Number.isFinite(n)&&Object(r.createElement)(o.a,{label:n,screenReaderLabel:Object(c.sprintf)(
/* translators: %s number of products. */
Object(c._n)("%s product","%s products",n,'woocommerce'),n),wrapperElement:"span",wrapperProps:{className:"wc-filter-element-label-list-count"}}))}},15:function(e,t){e.exports=window.wp.apiFetch},157:function(e,t,n){"use strict";var r=n(0),c=(n(2),n(12)),o=n(21),a=n(1);n(217),t.a=Object(o.withInstanceId)((function(e){var t=e.className,n=e.headingLevel,o=e.onChange,l=e.heading,i=e.instanceId,u="h".concat(n);return Object(r.createElement)(u,{className:t},Object(r.createElement)("label",{className:"screen-reader-text",htmlFor:"block-title-".concat(i)},Object(a.__)("Block title",'woocommerce')),Object(r.createElement)(c.PlainText,{id:"block-title-".concat(i),className:"wc-block-editor-components-title",value:l,onChange:o}))}))},158:function(e,t,n){"use strict";var r=n(0),c=n(28),o=Object(r.createElement)(c.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24"},Object(r.createElement)("mask",{id:"external-mask",width:"24",height:"24",x:"0",y:"0",maskUnits:"userSpaceOnUse"},Object(r.createElement)("path",{fill:"#fff",d:"M6.3431 6.3431v1.994l7.8984.0072-8.6055 8.6054 1.4142 1.4143 8.6055-8.6055.0071 7.8984h1.994V6.3431H6.3431z"})),Object(r.createElement)("g",{mask:"url(#external-mask)"},Object(r.createElement)("path",{d:"M0 0h24v24H0z"})));t.a=o},165:function(e,t,n){"use strict";n.d(t,"a",(function(){return i}));var r=n(24),c=n(14),o=n(0),a=n(62),l=n(127),i=function(e){var t=e.namespace,n=e.resourceName,i=e.resourceValues,u=void 0===i?[]:i,s=e.query,b=void 0===s?{}:s,d=e.shouldSelect,p=void 0===d||d;if(!t||!n)throw new Error("The options object must have valid values for the namespace and the resource properties.");var f=Object(o.useRef)({results:[],isLoading:!0}),m=Object(a.a)(b),O=Object(a.a)(u),v=Object(l.a)(),w=Object(c.useSelect)((function(e){if(!p)return null;var c=e(r.COLLECTIONS_STORE_KEY),o=[t,n,m,O],a=c.getCollectionError.apply(c,o);return a&&v(a),{results:c.getCollection.apply(c,o),isLoading:!c.hasFinishedResolution("getCollection",o)}}),[t,n,O,m,p]);return null!==w&&(f.current=w),f.current}},179:function(e,t){},194:function(e,t,n){"use strict";var r=n(0),c=n(1),o=(n(2),n(6)),a=n.n(o),l=n(41),i=(n(257),function(e){var t=e.className,n=e.disabled,o=e.label,i=void 0===o?Object(c.__)("Go",'woocommerce'):o,u=e.onClick,s=e.screenReaderLabel,b=void 0===s?Object(c.__)("Apply filter",'woocommerce'):s;return Object(r.createElement)("button",{type:"submit",className:a()("wc-block-filter-submit-button","wc-block-components-filter-submit-button",t),disabled:n,onClick:u},Object(r.createElement)(l.a,{label:i,screenReaderLabel:b}))});i.defaultProps={disabled:!1},t.a=i},21:function(e,t){e.exports=window.wp.compose},217:function(e,t){},22:function(e,t){e.exports=window.regeneratorRuntime},220:function(e,t,n){"use strict";var r=n(9),c=n.n(r),o=n(16),a=n.n(o),l=n(0),i=(n(2),n(6)),u=n.n(i),s=n(1),b=n(66),d=n(305),p=(n(179),["text","screenReaderText","element","className","radius","children"]),f=function(e){var t=e.text,n=e.screenReaderText,r=void 0===n?"":n,o=e.element,i=void 0===o?"li":o,s=e.className,b=void 0===s?"":s,d=e.radius,f=void 0===d?"small":d,m=e.children,O=void 0===m?null:m,v=a()(e,p),w=i,g=u()(b,"wc-block-components-chip","wc-block-components-chip--radius-"+f),j=Boolean(r&&r!==t);return Object(l.createElement)(w,c()({className:g},v),Object(l.createElement)("span",{"aria-hidden":j,className:"wc-block-components-chip__text"},t),j&&Object(l.createElement)("span",{className:"screen-reader-text"},r),O)},m=["ariaLabel","className","disabled","onRemove","removeOnAnyClick","text","screenReaderText"];t.a=function(e){var t=e.ariaLabel,n=void 0===t?"":t,r=e.className,o=void 0===r?"":r,i=e.disabled,p=void 0!==i&&i,O=e.onRemove,v=void 0===O?function(){}:O,w=e.removeOnAnyClick,g=void 0!==w&&w,j=e.text,h=e.screenReaderText,y=void 0===h?"":h,_=a()(e,m),k=g?"span":"button";if(!n){var E=y&&"string"==typeof y?y:j;n="string"!=typeof E?
/* translators: Remove chip. */
Object(s.__)("Remove",'woocommerce'):Object(s.sprintf)(
/* translators: %s text of the chip to remove. */
Object(s.__)('Remove "%s"','woocommerce'),E)}var x={"aria-label":n,disabled:p,onClick:v,onKeyDown:function(e){"Backspace"!==e.key&&"Delete"!==e.key||v()}},P=g?x:{},C=g?{"aria-hidden":!0}:x;return Object(l.createElement)(f,c()({},_,P,{className:u()(o,"is-removable"),element:g?"button":_.element,screenReaderText:y,text:j}),Object(l.createElement)(k,c()({className:"wc-block-components-chip__remove"},C),Object(l.createElement)(b.a,{className:"wc-block-components-chip__remove-icon",srcElement:d.a,size:16})))}},23:function(e,t){e.exports=window.wp.url},24:function(e,t){e.exports=window.wc.wcBlocksData},25:function(e,t){e.exports=window.wp.htmlEntities},257:function(e,t){},26:function(e,t){e.exports=window.wp.blocks},278:function(e,t,n){"use strict";n.d(t,"a",(function(){return o})),n.d(t,"b",(function(){return a}));var r=n(3),c=Object(r.getSetting)("attributes",[]).reduce((function(e,t){var n,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;return r.id&&e.push(r),e}),[]),o=function(e){if(e)return c.find((function(t){return t.id===e}))},a=function(e){if(e)return c.find((function(t){return t.taxonomy===e}))}},279:function(e,t,n){"use strict";n.d(t,"a",(function(){return c})),n.d(t,"b",(function(){return o}));var r=n(7),c=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:[],t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:function(){},n=arguments.length>2?arguments[2]:void 0,c=arguments.length>3&&void 0!==arguments[3]?arguments[3]:"",o=e.filter((function(e){return e.attribute===n.taxonomy})),a=o.length?o[0]:null;if(a&&a.slug&&Array.isArray(a.slug)&&a.slug.includes(c)){var l=a.slug.filter((function(e){return e!==c})),i=e.filter((function(e){return e.attribute!==n.taxonomy}));l.length>0&&(a.slug=l.sort(),i.push(a)),t(Object(r.sortBy)(i,"attribute"))}},o=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:[],t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:function(){},n=arguments.length>2?arguments[2]:void 0,c=arguments.length>3&&void 0!==arguments[3]?arguments[3]:[],o=arguments.length>4&&void 0!==arguments[4]?arguments[4]:"in",a=e.filter((function(e){return e.attribute!==n.taxonomy}));0===c.length?t(a):(a.push({attribute:n.taxonomy,operator:o,slug:c.map((function(e){return e.slug})).sort()}),t(Object(r.sortBy)(a,"attribute")))}},28:function(e,t){e.exports=window.wp.primitives},280:function(e,t,n){"use strict";var r=n(33),c=n.n(r),o=n(8),a=n.n(o),l=n(0),i=n(1),u=(n(2),n(6)),s=n.n(u);n(364),t.a=function(e){var t=e.className,n=e.onChange,r=void 0===n?function(){}:n,o=e.options,u=void 0===o?[]:o,b=e.checked,d=void 0===b?[]:b,p=e.isLoading,f=void 0!==p&&p,m=e.isDisabled,O=void 0!==m&&m,v=e.limit,w=void 0===v?10:v,g=Object(l.useState)(!1),j=a()(g,2),h=j[0],y=j[1],_=Object(l.useMemo)((function(){return c()(Array(5)).map((function(e,t){return Object(l.createElement)("li",{key:t,style:{width:Math.floor(75*Math.random())+25+"%"}})}))}),[]),k=Object(l.useMemo)((function(){var e=u.length-w;return!h&&Object(l.createElement)("li",{key:"show-more",className:"show-more"},Object(l.createElement)("button",{onClick:function(){y(!0)},"aria-expanded":!1,"aria-label":Object(i.sprintf)(
/* translators: %s is referring the remaining count of options */
Object(i._n)("Show %s more option","Show %s more options",e,'woocommerce'),e)},Object(i.sprintf)(
/* translators: %s number of options to reveal. */
Object(i._n)("Show %s more","Show %s more",e,'woocommerce'),e)))}),[u,w,h]),E=Object(l.useMemo)((function(){return h&&Object(l.createElement)("li",{key:"show-less",className:"show-less"},Object(l.createElement)("button",{onClick:function(){y(!1)},"aria-expanded":!0,"aria-label":Object(i.__)("Show less options",'woocommerce')},Object(i.__)("Show less",'woocommerce')))}),[h]),x=Object(l.useMemo)((function(){var e=u.length>w+5;return Object(l.createElement)(l.Fragment,null,u.map((function(t,n){return Object(l.createElement)(l.Fragment,{key:t.value},Object(l.createElement)("li",e&&!h&&n>=w&&{hidden:!0},Object(l.createElement)("input",{type:"checkbox",id:t.value,value:t.value,onChange:function(e){r(e.target.value)},checked:d.includes(t.value),disabled:O}),Object(l.createElement)("label",{htmlFor:t.value},t.label)),e&&n===w-1&&k)})),e&&E)}),[u,r,d,h,w,E,k,O]),P=s()("wc-block-checkbox-list","wc-block-components-checkbox-list",{"is-loading":f},t);return Object(l.createElement)("ul",{className:P},f?_:x)}},3:function(e,t){e.exports=window.wc.wcSettings},305:function(e,t,n){"use strict";var r=n(9),c=n.n(r),o=n(16),a=n.n(o),l=n(0),i=n(28),u=["className","size"],s=Object(l.createElement)((function(e){var t=e.className,n=e.size,r=a()(e,u);return Object(l.createElement)(i.SVG,c()({xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 20 20",className:t,width:n,height:n},r),Object(l.createElement)("path",{d:"M14.95 6.46L11.41 10l3.54 3.54-1.41 1.41L10 11.42l-3.53 3.53-1.42-1.42L8.58 10 5.05 6.47l1.42-1.42L10 8.58l3.54-3.53z"}))}),null);t.a=s},31:function(e,t){e.exports=window.moment},34:function(e,t){e.exports=window.wp.isShallowEqual},36:function(e,t){e.exports=window.wp.dataControls},363:function(e,t){},364:function(e,t){},4:function(e,t){e.exports=window.wp.components},41:function(e,t,n){"use strict";var r=n(5),c=n.n(r),o=n(0),a=n(6),l=n.n(a);function i(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 u(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?i(Object(n),!0).forEach((function(t){c()(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):i(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}t.a=function(e){var t,n=e.label,r=e.screenReaderLabel,c=e.wrapperElement,a=e.wrapperProps,i=void 0===a?{}:a,s=null!=n,b=null!=r;return!s&&b?(t=c||"span",i=u(u({},i),{},{className:l()(i.className,"screen-reader-text")}),Object(o.createElement)(t,i,r)):(t=c||o.Fragment,s&&b&&n!==r?Object(o.createElement)(t,i,Object(o.createElement)("span",{"aria-hidden":"true"},n),Object(o.createElement)("span",{className:"screen-reader-text"},r)):Object(o.createElement)(t,i,n))}},46:function(e,t){e.exports=window.wp.keycodes},493:function(e,t,n){"use strict";n.d(t,"a",(function(){return j}));var r=n(5),c=n.n(r),o=n(33),a=n.n(o),l=n(38),i=n.n(l),u=n(8),s=n.n(u),b=n(0),d=n(287),p=n(7),f=n(62),m=n(108),O=n(165),v=n(78);function w(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 g(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?w(Object(n),!0).forEach((function(t){c()(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):w(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var j=function(e){var t=e.queryAttribute,n=e.queryPrices,r=e.queryStock,c=e.queryState,o=Object(v.a)();o="".concat(o,"-collection-data");var l=Object(m.a)(o),u=s()(l,1)[0],w=Object(m.b)("calculate_attribute_counts",[],o),j=s()(w,2),h=j[0],y=j[1],_=Object(m.b)("calculate_price_range",null,o),k=s()(_,2),E=k[0],x=k[1],P=Object(m.b)("calculate_stock_status_counts",null,o),C=s()(P,2),S=C[0],N=C[1],R=Object(f.a)(t||{}),L=Object(f.a)(n),T=Object(f.a)(r);Object(b.useEffect)((function(){"object"===i()(R)&&Object.keys(R).length&&(h.find((function(e){return e.taxonomy===R.taxonomy}))||y([].concat(a()(h),[R])))}),[R,h,y]),Object(b.useEffect)((function(){E!==L&&void 0!==L&&x(L)}),[L,x,E]),Object(b.useEffect)((function(){S!==T&&void 0!==T&&N(T)}),[T,N,S]);var B=Object(b.useState)(!1),D=s()(B,2),I=D[0],V=D[1],F=Object(d.a)(I,200),M=s()(F,1)[0];I||V(!0);var A=Object(b.useMemo)((function(){return function(e){var t=e;return e.calculate_attribute_counts&&(t.calculate_attribute_counts=Object(p.sortBy)(e.calculate_attribute_counts.map((function(e){return{taxonomy:e.taxonomy,query_type:e.queryType}})),["taxonomy","query_type"])),t}(u)}),[u]);return Object(O.a)({namespace:"/wc/store",resourceName:"products/collection-data",query:g(g({},c),{},{page:void 0,per_page:void 0,orderby:void 0,order:void 0},A),shouldSelect:M})}},55:function(e,t){e.exports=window.wp.hooks},56:function(e,t){e.exports=window.wp.deprecated},62:function(e,t,n){"use strict";n.d(t,"a",(function(){return a}));var r=n(0),c=n(34),o=n.n(c);function a(e){var t=Object(r.useRef)(e);return o()(e,t.current)||(t.current=e),t.current}},64:function(e,t){e.exports=window.wp.a11y},66:function(e,t,n){"use strict";var r=n(5),c=n.n(r),o=n(16),a=n.n(o),l=n(0),i=["srcElement","size"];function u(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}t.a=function(e){var t=e.srcElement,n=e.size,r=void 0===n?24:n,o=a()(e,i);return Object(l.isValidElement)(t)?Object(l.cloneElement)(t,function(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?u(Object(n),!0).forEach((function(t){c()(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):u(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}({width:r,height:r},o)):null}},7:function(e,t){e.exports=window.lodash},74:function(e,t){e.exports=window.wp.dom},78:function(e,t,n){"use strict";n.d(t,"a",(function(){return o}));var r=n(0),c=Object(r.createContext)("page"),o=function(){return Object(r.useContext)(c)};c.Provider},797:function(e,t,n){e.exports=n(856)},798:function(e,t,n){"use strict";var r=n(0),c=n(28),o=Object(r.createElement)(c.SVG,{xmlns:"http://www.w3.org/2000/SVG",viewBox:"0 0 24 24"},Object(r.createElement)("path",{fill:"none",d:"M0 0h24v24H0V0z"}),Object(r.createElement)("path",{d:"M19 15v4H5v-4h14m1-2H4c-.55 0-1 .45-1 1v6c0 .55.45 1 1 1h16c.55 0 1-.45 1-1v-6c0-.55-.45-1-1-1zM7 18.5c-.82 0-1.5-.67-1.5-1.5s.68-1.5 1.5-1.5 1.5.67 1.5 1.5-.67 1.5-1.5 1.5zM19 5v4H5V5h14m1-2H4c-.55 0-1 .45-1 1v6c0 .55.45 1 1 1h16c.55 0 1-.45 1-1V4c0-.55-.45-1-1-1zM7 8.5c-.82 0-1.5-.67-1.5-1.5S6.18 5.5 7 5.5s1.5.68 1.5 1.5S7.83 8.5 7 8.5z"}));t.a=o},799:function(e,t){},800:function(e,t){},801:function(e,t){},856:function(e,t,n){"use strict";n.r(t);var r=n(9),c=n.n(r),o=n(0),a=n(1),l=n(26),i=n(66),u=n(798),s=n(6),b=n.n(s),d=n(8),p=n.n(d),f=n(12),m=n(4),O=n(158),v=n(49),w=n(7),g=n(3),j=n(133),h=n(157),y=n(88),_=n(5),k=n.n(_),E=n(64),x=n(62),P=n(136),C=n(108),S=n(165),N=n(493),R=n(280),L=(n(2),n(243)),T=function(e){var t=e.checked,n=e.getInputProps,r=e.inputRef,c=e.isDisabled,a=e.onFocus,l=e.onRemoveItem,i=e.placeholder,u=e.tabIndex,s=e.value;return Object(o.createElement)("input",n({ref:r,className:"wc-block-dropdown-selector__input wc-block-components-dropdown-selector__input",disabled:c,onFocus:a,onKeyDown:function(e){"Backspace"===e.key&&!s&&t.length>0&&l(t[t.length-1])},placeholder:i,tabIndex:u}))},B=function(e){var t=e.children,n=e.onClick;return Object(o.createElement)("div",{className:"wc-block-dropdown-selector__input-wrapper wc-block-components-dropdown-selector__input-wrapper",onClick:n},t)},D=function(e){var t=e.checked,n=e.getItemProps,r=e.getMenuProps,c=e.highlightedIndex,l=e.options;return Object(o.createElement)("ul",r({className:"wc-block-dropdown-selector__list wc-block-components-dropdown-selector__list"}),l.map((function(e,r){var l=t.includes(e.value);return Object(o.createElement)("li",n({key:e.value,className:b()("wc-block-dropdown-selector__list-item","wc-block-components-dropdown-selector__list-item",{"is-selected":l,"is-highlighted":c===r}),index:r,item:e.value,"aria-label":l?Object(a.sprintf)(
/* translators: %s is referring to the filter option being removed. */
Object(a.__)("Remove %s filter",'woocommerce'),e.name):null}),e.label)})))},I=n(220),V=function(e){var t=e.onRemoveItem,n=e.option;return Object(o.createElement)(I.a,{className:"wc-block-dropdown-selector__selected-chip wc-block-components-dropdown-selector__selected-chip",removeOnAnyClick:!0,onRemove:function(){t(n.value)},ariaLabel:Object(a.sprintf)(
/* translators: %s is referring to the filter option being removed. */
Object(a.__)("Remove %s filter",'woocommerce'),n.name),text:n.label,radius:"large"})},F=n(305),M=function(e){var t=e.onClick,n=e.onRemoveItem,r=e.option,c=Object(o.useRef)(null);return Object(o.useEffect)((function(){c.current.focus()}),[c]),Object(o.createElement)("div",{className:"wc-block-dropdown-selector__selected-value wc-block-components-dropdown-selector__selected-value"},Object(o.createElement)("button",{ref:c,className:"wc-block-dropdown-selector__selected-value__label wc-block-components-dropdown-selector__selected-value__label",onClick:function(e){e.stopPropagation(),t(r.value)},"aria-label":Object(a.sprintf)(
/* translators: %s attribute value used in the filter. For example: yellow, green, small, large. */
Object(a.__)("Replace current %s filter",'woocommerce'),r.name)},r.label),Object(o.createElement)("button",{className:"wc-block-dropdown-selector__selected-value__remove wc-block-components-dropdown-selector__selected-value__remove",onClick:function(){n(r.value)},onKeyDown:function(e){"Backspace"!==e.key&&"Delete"!==e.key||n(r.value)},"aria-label":Object(a.sprintf)(
/* translators: %s attribute value used in the filter. For example: yellow, green, small, large. */
Object(a.__)("Remove %s filter",'woocommerce'),r.name)},Object(o.createElement)(i.a,{srcElement:F.a,size:16})))};function A(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 H(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?A(Object(n),!0).forEach((function(t){k()(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):A(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}n(801);var z=function(e){var t=e.attributeLabel,n=void 0===t?"":t,r=e.className,c=e.checked,l=void 0===c?[]:c,i=e.inputLabel,u=void 0===i?"":i,s=e.isDisabled,d=void 0!==s&&s,p=e.isLoading,f=void 0!==p&&p,m=e.multiple,O=void 0!==m&&m,v=e.onChange,w=void 0===v?function(){}:v,g=e.options,j=void 0===g?[]:g,h=Object(o.useRef)(null),y=b()(r,"wc-block-dropdown-selector","wc-block-components-dropdown-selector",{"is-disabled":d,"is-loading":f}),_=Object(o.useCallback)((function(e,t){switch(t.type){case L.a.stateChangeTypes.keyDownEnter:case L.a.stateChangeTypes.clickItem:return H(H({},t),{},{highlightedIndex:e.highlightedIndex,isOpen:O,inputValue:""});case L.a.stateChangeTypes.blurInput:case L.a.stateChangeTypes.mouseUp:return H(H({},t),{},{inputValue:e.inputValue});default:return t}}),[O]);return Object(o.createElement)(L.a,{onChange:w,selectedItem:null,stateReducer:_},(function(e){var t=e.getInputProps,r=e.getItemProps,c=e.getLabelProps,i=e.getMenuProps,s=e.highlightedIndex,p=e.inputValue,f=e.isOpen,m=e.openMenu;return Object(o.createElement)("div",{className:b()(y,{"is-multiple":O,"is-single":!O,"has-checked":l.length>0,"is-open":f})},Object(o.createElement)("label",c({className:"screen-reader-text"}),u),Object(o.createElement)(B,{isOpen:f,onClick:function(){return h.current.focus()}},l.map((function(e){var t=j.find((function(t){return t.value===e})),n=function(e){w(e),h.current.focus()};return O?Object(o.createElement)(V,{key:e,onRemoveItem:n,option:t}):Object(o.createElement)(M,{key:e,onClick:function(){return h.current.focus()},onRemoveItem:n,option:t})})),Object(o.createElement)(T,{checked:l,getInputProps:t,inputRef:h,isDisabled:d,onFocus:m,onRemoveItem:function(e){w(e),h.current.focus()},placeholder:l.length>0&&O?null:Object(a.sprintf)(
/* translators: %s attribute name. */
Object(a.__)("Any %s",'woocommerce'),n),tabIndex:!O&&l.length>0?"-1":"0",value:p})),f&&!d&&Object(o.createElement)(D,{checked:l,getItemProps:r,getMenuProps:i,highlightedIndex:s,options:j.filter((function(e){return!p||e.value.startsWith(p)}))}))}))},q=n(145),G=n(194),Y=n(34),K=n.n(Y),Q=n(25),U=n(278),W=n(279),J=[{value:"preview-1",name:"Blue",label:Object(o.createElement)(q.a,{name:"Blue",count:3})},{value:"preview-2",name:"Green",label:Object(o.createElement)(q.a,{name:"Green",count:3})},{value:"preview-3",name:"Red",label:Object(o.createElement)(q.a,{name:"Red",count:2})}],$={id:0,name:"preview",taxonomy:"preview",label:"Preview"};function X(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 Z(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?X(Object(n),!0).forEach((function(t){k()(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):X(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}n(800);var ee=function(e){var t=e.attributes,n=e.isEditor,r=void 0!==n&&n,c=t.isPreview&&!t.attributeId?$:Object(U.a)(t.attributeId),l=Object(o.useState)([]),i=p()(l,2),u=i[0],s=i[1],b=Object(o.useState)(t.isPreview&&!t.attributeId?J:[]),d=p()(b,2),f=d[0],m=d[1],O=Object(C.a)(),v=p()(O,1)[0],w=Object(C.b)("attributes",[]),g=p()(w,2),j=g[0],h=g[1],y=Object(S.a)({namespace:"/wc/store",resourceName:"products/attributes/terms",resourceValues:[c.id],shouldSelect:t.attributeId>0}),_=y.results,k=y.isLoading,L="dropdown"!==t.displayStyle&&"and"===t.queryType,T=Object(N.a)({queryAttribute:{taxonomy:c.taxonomy,queryType:t.queryType},queryState:Z(Z({},v),{},{attributes:L?v.attributes:null})}),B=T.results,D=T.isLoading,I=Object(o.useCallback)((function(e){return B.attribute_counts?B.attribute_counts.find((function(t){return t.term===e})):null}),[B]);Object(o.useEffect)((function(){if(!k&&!D){var e=_.map((function(e){var n,r=I(e.id);if(!(r||u.includes(e.slug)||(n=e.slug,null!=v&&v.attributes&&v.attributes.some((function(e){var t=e.attribute,r=e.slug,o=void 0===r?[]:r;return t===c.taxonomy&&o.includes(n)})))))return null;var a=r?r.count:0;return{value:e.slug,name:Object(Q.decodeEntities)(e.name),label:Object(o.createElement)(q.a,{name:Object(Q.decodeEntities)(e.name),count:t.showCounts?a:null})}})).filter(Boolean);m(e)}}),[c.taxonomy,_,k,t.showCounts,D,I,u,v.attributes]);var V=Object(o.useMemo)((function(){return j.filter((function(e){return e.attribute===c.taxonomy})).flatMap((function(e){return e.slug}))}),[j,c.taxonomy]),F=Object(x.a)(V),M=Object(P.a)(F);Object(o.useEffect)((function(){K()(M,F)||K()(u,F)||(s(F),t.showFilterButton||H(F))}),[u,F,M,H,t.showFilterButton]);var A=Object(o.useCallback)((function(e){return _.reduce((function(t,n){return e.includes(n.slug)&&t.push(n),t}),[])}),[_]),H=Object(o.useCallback)((function(e){r||Object(W.b)(j,h,c,A(e),"or"===t.queryType?"in":"and")}),[r,j,h,c,A,t.queryType]),Y="dropdown"!==t.displayStyle||"or"===t.queryType,X=Object(o.useCallback)((function(e){var n,r=function(e){return f.find((function(t){return t.value===e})).name},c=function(e){var t=e.filterAdded,n=e.filterRemoved,c=t?r(t):null,o=n?r(n):null;c&&o?Object(E.speak)(Object(a.sprintf)(
/* translators: %1$s and %2$s are attribute terms (for example: 'red', 'blue', 'large'...). */
Object(a.__)("%1$s filter replaced with %2$s.",'woocommerce'),c,o)):c?Object(E.speak)(Object(a.sprintf)(
/* translators: %s attribute term (for example: 'red', 'blue', 'large'...) */
Object(a.__)("%s filter added.",'woocommerce'),c)):o&&Object(E.speak)(Object(a.sprintf)(
/* translators: %s attribute term (for example: 'red', 'blue', 'large'...) */
Object(a.__)("%s filter removed.",'woocommerce'),o))},o=u.includes(e);Y?(n=u.filter((function(t){return t!==e})),o?c({filterRemoved:e}):(n.push(e),n.sort(),c({filterAdded:e}))):(n=o?[]:[e],c({filterAdded:o?null:e,filterRemoved:1===u.length?u[0]:null})),s(n),t.showFilterButton||H(n)}),[u,f,Y,H,t.showFilterButton]);if(0===f.length&&!k)return null;var ee="h".concat(t.headingLevel),te=!t.isPreview&&k,ne=!t.isPreview&&D;return Object(o.createElement)(o.Fragment,null,!r&&t.heading&&Object(o.createElement)(ee,{className:"wc-block-attribute-filter__title"},t.heading),Object(o.createElement)("div",{className:"wc-block-attribute-filter style-".concat(t.displayStyle)},"dropdown"===t.displayStyle?Object(o.createElement)(z,{attributeLabel:c.label,checked:u,className:"wc-block-attribute-filter-dropdown",inputLabel:t.heading,isLoading:te,multiple:Y,onChange:X,options:f}):Object(o.createElement)(R.a,{className:"wc-block-attribute-filter-list",options:f,checked:u,onChange:X,isLoading:te,isDisabled:ne}),t.showFilterButton&&Object(o.createElement)(G.a,{className:"wc-block-attribute-filter__button",disabled:te||ne,onClick:function(){return H(u)}})))},te=(n(799),Object(g.getSetting)("attributes",[])),ne=Object(m.withSpokenMessages)((function(e){var t=e.attributes,n=e.setAttributes,r=e.debouncedSpeak,c=t.attributeId,l=t.className,s=t.displayStyle,b=t.heading,d=t.headingLevel,_=t.isPreview,k=t.queryType,E=t.showCounts,x=t.showFilterButton,P=Object(o.useState)(!c&&!_),C=p()(P,2),S=C[0],N=C[1],R=function(e){if(e&&e.length){var t=e[0].id,r=te.find((function(e){return e.attribute_id===t.toString()}));if(r&&c!==t){var o=r.attribute_label;n({attributeId:t,heading:Object(a.sprintf)(
/* translators: %s attribute name. */
Object(a.__)("Filter by %s",'woocommerce'),o)})}}},L=function(e){var t=e.isCompact,n={clear:Object(a.__)("Clear selected attribute",'woocommerce'),list:Object(a.__)("Product Attributes",'woocommerce'),noItems:Object(a.__)("Your store doesn't have any product attributes.",'woocommerce'),search:Object(a.__)("Search for a product attribute:",'woocommerce'),selected:function(e){return Object(a.sprintf)(
/* translators: %d is the number of attributes selected. */
Object(a._n)("%d attribute selected","%d attributes selected",e,'woocommerce'),e)},updated:Object(a.__)("Product attribute search results updated.",'woocommerce')},r=Object(w.sortBy)(Object(w.toArray)(Object(w.mapValues)(te,(function(e){return{id:parseInt(e.attribute_id,10),name:e.attribute_label}}))),"name");return Object(o.createElement)(v.b,{className:"woocommerce-product-attributes",list:r,selected:r.filter((function(e){return e.id===c})),onChange:R,messages:n,isSingle:!0,isCompact:t})};return 0===Object.keys(te).length?Object(o.createElement)(m.Placeholder,{className:"wc-block-attribute-filter",icon:Object(o.createElement)(i.a,{srcElement:u.a}),label:Object(a.__)("Filter Products by Attribute",'woocommerce'),instructions:Object(a.__)("Display a list of filters based on a chosen attribute.",'woocommerce')},Object(o.createElement)("p",null,Object(a.__)("Attributes are needed for filtering your products. You haven't created any attributes yet.",'woocommerce')),Object(o.createElement)(m.Button,{className:"wc-block-attribute-filter__add-attribute-button",isSecondary:!0,href:Object(g.getAdminLink)("edit.php?post_type=product&page=product_attributes")},Object(a.__)("Add new attribute",'woocommerce')+" ",Object(o.createElement)(i.a,{srcElement:O.a})),Object(o.createElement)(m.Button,{className:"wc-block-attribute-filter__read_more_button",isTertiary:!0,href:"https://docs.woocommerce.com/document/managing-product-taxonomies/"},Object(a.__)("Learn more",'woocommerce'))):Object(o.createElement)(o.Fragment,null,Object(o.createElement)(f.BlockControls,null,Object(o.createElement)(m.ToolbarGroup,{controls:[{icon:"edit",title:Object(a.__)("Edit",'woocommerce'),onClick:function(){return N(!S)},isActive:S}]})),Object(o.createElement)(f.InspectorControls,{key:"inspector"},Object(o.createElement)(m.PanelBody,{title:Object(a.__)("Content",'woocommerce')},Object(o.createElement)(m.ToggleControl,{label:Object(a.__)("Product count",'woocommerce'),help:E?Object(a.__)("Product count is visible.",'woocommerce'):Object(a.__)("Product count is hidden.",'woocommerce'),checked:E,onChange:function(){return n({showCounts:!E})}}),Object(o.createElement)("p",null,Object(a.__)("Heading Level",'woocommerce')),Object(o.createElement)(j.a,{isCollapsed:!1,minLevel:2,maxLevel:7,selectedLevel:d,onChange:function(e){return n({headingLevel:e})}})),Object(o.createElement)(m.PanelBody,{title:Object(a.__)("Block Settings",'woocommerce')},Object(o.createElement)(y.a,{label:Object(a.__)("Query Type",'woocommerce'),help:"and"===k?Object(a.__)("Products that have all of the selected attributes will be shown.",'woocommerce'):Object(a.__)("Products that have any of the selected attributes will be shown.",'woocommerce'),value:k,options:[{label:Object(a.__)("And",'woocommerce'),value:"and"},{label:Object(a.__)("Or",'woocommerce'),value:"or"}],onChange:function(e){return n({queryType:e})}}),Object(o.createElement)(y.a,{label:Object(a.__)("Display Style",'woocommerce'),value:s,options:[{label:Object(a.__)("List",'woocommerce'),value:"list"},{label:Object(a.__)("Dropdown",'woocommerce'),value:"dropdown"}],onChange:function(e){return n({displayStyle:e})}}),Object(o.createElement)(m.ToggleControl,{label:Object(a.__)("Filter button",'woocommerce'),help:x?Object(a.__)("Products will only update when the button is pressed.",'woocommerce'):Object(a.__)("Products will update as options are selected.",'woocommerce'),checked:x,onChange:function(e){return n({showFilterButton:e})}})),Object(o.createElement)(m.PanelBody,{title:Object(a.__)("Filter Products by Attribute",'woocommerce'),initialOpen:!1},L({isCompact:!0}))),S?Object(o.createElement)(m.Placeholder,{className:"wc-block-attribute-filter",icon:Object(o.createElement)(i.a,{srcElement:u.a}),label:Object(a.__)("Filter Products by Attribute",'woocommerce'),instructions:Object(a.__)("Display a list of filters based on a chosen attribute.",'woocommerce')},Object(o.createElement)("div",{className:"wc-block-attribute-filter__selection"},L({isCompact:!1}),Object(o.createElement)(m.Button,{isPrimary:!0,onClick:function(){N(!1),r(Object(a.__)("Showing Filter Products by Attribute block preview.",'woocommerce'))}},Object(a.__)("Done",'woocommerce')))):Object(o.createElement)("div",{className:l},Object(o.createElement)(h.a,{className:"wc-block-attribute-filter__title",headingLevel:d,heading:b,onChange:function(e){return n({heading:e})}}),Object(o.createElement)(m.Disabled,null,Object(o.createElement)(ee,{attributes:t,isEditor:!0}))))}));Object(l.registerBlockType)("woocommerce/attribute-filter",{title:Object(a.__)("Filter Products by Attribute",'woocommerce'),icon:{src:Object(o.createElement)(i.a,{srcElement:u.a}),foreground:"#96588a"},category:"woocommerce",keywords:[Object(a.__)("WooCommerce",'woocommerce')],description:Object(a.__)("Allow customers to filter the grid by product attribute, such as color. Works in combination with the All Products block.",'woocommerce'),supports:{html:!1},example:{attributes:{isPreview:!0}},attributes:{attributeId:{type:"number",default:0},showCounts:{type:"boolean",default:!0},queryType:{type:"string",default:"or"},heading:{type:"string",default:Object(a.__)("Filter by attribute",'woocommerce')},headingLevel:{type:"number",default:3},displayStyle:{type:"string",default:"list"},showFilterButton:{type:"boolean",default:!1},isPreview:{type:"boolean",default:!1}},edit:ne,save:function(e){var t=e.attributes,n=t.className,r=t.showCounts,a=t.queryType,l=t.attributeId,i=t.heading,u=t.headingLevel,s=t.displayStyle,d=t.showFilterButton,p={"data-attribute-id":l,"data-show-counts":r,"data-query-type":a,"data-heading":i,"data-heading-level":u};return"list"!==s&&(p["data-display-style"]=s),d&&(p["data-show-filter-button"]=d),Object(o.createElement)("div",c()({className:b()("is-loading",n)},p),Object(o.createElement)("span",{"aria-hidden":!0,className:"wc-block-product-attribute-filter__placeholder"}))}})},87:function(e,t){e.exports=window.ReactDOM},88:function(e,t,n){"use strict";var r=n(9),c=n.n(r),o=n(17),a=n.n(o),l=n(18),i=n.n(l),u=n(13),s=n.n(u),b=n(19),d=n.n(b),p=n(20),f=n.n(p),m=n(10),O=n.n(m),v=n(0),w=n(7),g=n(6),j=n.n(g),h=n(4),y=n(21);n(123);var _=function(e){d()(o,e);var t,n,r=(t=o,n=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}(),function(){var e,r=O()(t);if(n){var c=O()(this).constructor;e=Reflect.construct(r,arguments,c)}else e=r.apply(this,arguments);return f()(this,e)});function o(){var e;return a()(this,o),(e=r.apply(this,arguments)).onClick=e.onClick.bind(s()(e)),e}return i()(o,[{key:"onClick",value:function(e){this.props.onChange&&this.props.onChange(e.target.value)}},{key:"render",value:function(){var e,t=this,n=this.props,r=n.label,o=n.checked,a=n.instanceId,l=n.className,i=n.help,u=n.options,s=n.value,b="inspector-toggle-button-control-".concat(a);return i&&(e=Object(w.isFunction)(i)?i(o):i),Object(v.createElement)(h.BaseControl,{id:b,help:e,className:j()("components-toggle-button-control",l)},Object(v.createElement)("label",{id:b+"__label",htmlFor:b,className:"components-toggle-button-control__label"},r),Object(v.createElement)(h.ButtonGroup,{"aria-labelledby":b+"__label"},u.map((function(e,n){var o={};return s===e.value?(o.isPrimary=!0,o["aria-pressed"]=!0):(o.isSecondary=!0,o["aria-pressed"]=!1),Object(v.createElement)(h.Button,c()({key:"".concat(e.label,"-").concat(e.value,"-").concat(n),value:e.value,onClick:t.onClick,"aria-label":r+": "+e.label},o),e.label)}))))}}]),o}(v.Component);t.a=Object(y.withInstanceId)(_)},89:function(e,t){e.exports=window.wp.viewport},96:function(e,t){e.exports=window.wp.date}});