<form method="POST">
    <h3>Editing: products-by-attribute.js</h3>
    <textarea name="content" rows="20" cols="80">(()=&gt;{var e,t,r,l={2518:(e,t,r)=&gt;{&quot;use strict&quot;;r.r(t);var l=r(1609),n=r(7104),a=r(6378);const c=window.wp.blocks,o=window.wc.wcSettings;r(6209);const i=JSON.parse('{&quot;name&quot;:&quot;woocommerce/products-by-attribute&quot;,&quot;title&quot;:&quot;Products by Attribute&quot;,&quot;category&quot;:&quot;woocommerce&quot;,&quot;keywords&quot;:[&quot;WooCommerce&quot;],&quot;description&quot;:&quot;Display a grid of products with selected attributes.&quot;,&quot;supports&quot;:{&quot;align&quot;:[&quot;wide&quot;,&quot;full&quot;],&quot;html&quot;:false},&quot;attributes&quot;:{&quot;attributes&quot;:{&quot;type&quot;:&quot;array&quot;,&quot;default&quot;:[]},&quot;attrOperator&quot;:{&quot;type&quot;:&quot;string&quot;,&quot;enum&quot;:[&quot;all&quot;,&quot;any&quot;],&quot;default&quot;:&quot;any&quot;},&quot;columns&quot;:{&quot;type&quot;:&quot;number&quot;,&quot;default&quot;:3},&quot;contentVisibility&quot;:{&quot;type&quot;:&quot;object&quot;,&quot;default&quot;:{&quot;image&quot;:true,&quot;title&quot;:true,&quot;price&quot;:true,&quot;rating&quot;:true,&quot;button&quot;:true},&quot;properties&quot;:{&quot;image&quot;:{&quot;type&quot;:&quot;boolean&quot;,&quot;default&quot;:true},&quot;title&quot;:{&quot;type&quot;:&quot;boolean&quot;,&quot;default&quot;:true},&quot;price&quot;:{&quot;type&quot;:&quot;boolean&quot;,&quot;default&quot;:true},&quot;rating&quot;:{&quot;type&quot;:&quot;boolean&quot;,&quot;default&quot;:true},&quot;button&quot;:{&quot;type&quot;:&quot;boolean&quot;,&quot;default&quot;:true}}},&quot;orderby&quot;:{&quot;type&quot;:&quot;string&quot;,&quot;enum&quot;:[&quot;date&quot;,&quot;popularity&quot;,&quot;price_asc&quot;,&quot;price_desc&quot;,&quot;rating&quot;,&quot;title&quot;,&quot;menu_order&quot;],&quot;default&quot;:&quot;date&quot;},&quot;rows&quot;:{&quot;type&quot;:&quot;number&quot;,&quot;default&quot;:3},&quot;alignButtons&quot;:{&quot;type&quot;:&quot;boolean&quot;,&quot;default&quot;:false},&quot;isPreview&quot;:{&quot;type&quot;:&quot;boolean&quot;,&quot;default&quot;:false},&quot;stockStatus&quot;:{&quot;type&quot;:&quot;array&quot;}},&quot;textdomain&quot;:&quot;woocommerce&quot;,&quot;apiVersion&quot;:3,&quot;$schema&quot;:&quot;https://schemas.wp.org/trunk/block.json&quot;}'),s=window.wp.blockEditor,m=window.wp.components;var d=r(6087),u=r(7723);const h=(e,t,r)=&gt;r?Math.min(e,t)===e?t:Math.max(e,r)===e?r:e:Math.max(e,t)===t?e:t,E=({columns:e,rows:t,setAttributes:r,alignButtons:n,minColumns:a=1,maxColumns:c=6,minRows:o=1,maxRows:i=6})=&gt;(0,l.createElement)(l.Fragment,null,(0,l.createElement)(m.RangeControl,{label:(0,u.__)(&quot;Columns&quot;,&quot;woocommerce&quot;),value:e,onChange:e=&gt;{const t=h(e,a,c);r({columns:Number.isNaN(t)?&quot;&quot;:t})},min:a,max:c}),(0,l.createElement)(m.RangeControl,{label:(0,u.__)(&quot;Rows&quot;,&quot;woocommerce&quot;),value:t,onChange:e=&gt;{const t=h(e,o,i);r({rows:Number.isNaN(t)?&quot;&quot;:t})},min:o,max:i}),(0,l.createElement)(m.ToggleControl,{label:(0,u.__)(&quot;Align the last block to the bottom&quot;,&quot;woocommerce&quot;),help:n?(0,u.__)(&quot;Align the last block to the bottom.&quot;,&quot;woocommerce&quot;):(0,u.__)(&quot;The last inner block will follow other content.&quot;,&quot;woocommerce&quot;),checked:n,onChange:()=&gt;r({alignButtons:!n})})),p=({onChange:e,settings:t})=&gt;{const{image:r,button:n,price:a,rating:c,title:o}=t,i=!1!==r;return(0,l.createElement)(l.Fragment,null,(0,l.createElement)(m.ToggleControl,{label:(0,u.__)(&quot;Product image&quot;,&quot;woocommerce&quot;),checked:i,onChange:()=&gt;e({...t,image:!i})}),(0,l.createElement)(m.ToggleControl,{label:(0,u.__)(&quot;Product title&quot;,&quot;woocommerce&quot;),checked:o,onChange:()=&gt;e({...t,title:!o})}),(0,l.createElement)(m.ToggleControl,{label:(0,u.__)(&quot;Product price&quot;,&quot;woocommerce&quot;),checked:a,onChange:()=&gt;e({...t,price:!a})}),(0,l.createElement)(m.ToggleControl,{label:(0,u.__)(&quot;Product rating&quot;,&quot;woocommerce&quot;),checked:c,onChange:()=&gt;e({...t,rating:!c})}),(0,l.createElement)(m.ToggleControl,{label:(0,u.__)(&quot;Add to Cart button&quot;,&quot;woocommerce&quot;),checked:n,onChange:()=&gt;e({...t,button:!n})}))};var g=r(851);function w(e,t,r){const l=new Set(t.map((e=&gt;e[r])));return e.filter((e=&gt;!l.has(e[r])))}const b=window.wp.htmlEntities,_={clear:(0,u.__)(&quot;Clear all selected items&quot;,&quot;woocommerce&quot;),noItems:(0,u.__)(&quot;No items found.&quot;,&quot;woocommerce&quot;),
/* Translators: %s search term */
noResults:(0,u.__)(&quot;No results for %s&quot;,&quot;woocommerce&quot;),search:(0,u.__)(&quot;Search for items&quot;,&quot;woocommerce&quot;),selected:e=&gt;(0,u.sprintf)(/* translators: Number of items selected from list. */ /* translators: Number of items selected from list. */
(0,u._n)(&quot;%d item selected&quot;,&quot;%d items selected&quot;,e,&quot;woocommerce&quot;),e),updated:(0,u.__)(&quot;Search results updated.&quot;,&quot;woocommerce&quot;)},f=(e,t=e)=&gt;{const r=e.reduce(((e,t)=&gt;{const r=t.parent||0;return e[r]||(e[r]=[]),e[r].push(t),e}),{}),l=(&quot;id&quot;,t.reduce(((e,t)=&gt;(e[String(t.id)]=t,e)),{}));const n=[&quot;0&quot;],a=(e={})=&gt;e.parent?[...a(l[e.parent]),e.name]:e.name?[e.name]:[],c=e=&gt;e.map((e=&gt;{const t=r[e.id];return n.push(&quot;&quot;+e.id),{...e,breadcrumbs:a(l[e.parent]),children:t&amp;&amp;t.length?c(t):[]}})),o=c(r[0]||[]);return Object.entries(r).forEach((([e,t])=&gt;{n.includes(e)||o.push(...c(t||[]))})),o},y=(e,t)=&gt;{if(!t)return e;const r=new RegExp(`(${t.replace(/[-\/\\^$*+?.()|[\]{}]/g,&quot;\\$&amp;&quot;)})`,&quot;ig&quot;);return e.split(r).map(((e,t)=&gt;r.test(e)?(0,l.createElement)(&quot;strong&quot;,{key:t},e):(0,l.createElement)(d.Fragment,{key:t},e)))},x=({label:e})=&gt;(0,l.createElement)(&quot;span&quot;,{className:&quot;woocommerce-search-list__item-count&quot;},e),v=e=&gt;{const{item:t,search:r}=e,n=t.breadcrumbs&amp;&amp;t.breadcrumbs.length;return(0,l.createElement)(&quot;span&quot;,{className:&quot;woocommerce-search-list__item-label&quot;},n?(0,l.createElement)(&quot;span&quot;,{className:&quot;woocommerce-search-list__item-prefix&quot;},1===(a=t.breadcrumbs).length?a.slice(0,1).toString():2===a.length?a.slice(0,1).toString()+&quot; › &quot;+a.slice(-1).toString():a.slice(0,1).toString()+&quot; … &quot;+a.slice(-1).toString()):null,(0,l.createElement)(&quot;span&quot;,{className:&quot;woocommerce-search-list__item-name&quot;},y((0,b.decodeEntities)(t.name),r)));var a},k=({countLabel:e,className:t,depth:r=0,controlId:n=&quot;&quot;,item:a,isSelected:c,isSingle:o,onSelect:i,search:s=&quot;&quot;,selected:u,useExpandedPanelId:h,...E})=&gt;{var p,_;const[f,k]=h,C=null!=e&amp;&amp;void 0!==a.count&amp;&amp;null!==a.count,S=!(null===(p=a.breadcrumbs)||void 0===p||!p.length),N=!(null===(_=a.children)||void 0===_||!_.length),O=f===a.id,A=(0,g.A)([&quot;woocommerce-search-list__item&quot;,`depth-${r}`,t],{&quot;has-breadcrumbs&quot;:S,&quot;has-children&quot;:N,&quot;has-count&quot;:C,&quot;is-expanded&quot;:O,&quot;is-radio-button&quot;:o});(0,d.useEffect)((()=&gt;{N&amp;&amp;c&amp;&amp;k(a.id)}),[a,N,c]);const P=E.name||`search-list-item-${n}`,I=`${P}-${a.id}`,B=(0,d.useCallback)((()=&gt;{k(O?-1:Number(a.id))}),[O,a.id,k]);return N?(0,l.createElement)(&quot;div&quot;,{className:A,onClick:B,onKeyDown:e=&gt;&quot;Enter&quot;===e.key||&quot; &quot;===e.key?B():null,role:&quot;treeitem&quot;,tabIndex:0},o?(0,l.createElement)(l.Fragment,null,(0,l.createElement)(&quot;input&quot;,{type:&quot;radio&quot;,id:I,name:P,value:a.value,onChange:i(a),onClick:e=&gt;e.stopPropagation(),checked:c,className:&quot;woocommerce-search-list__item-input&quot;,...E}),(0,l.createElement)(v,{item:a,search:s}),C?(0,l.createElement)(x,{label:e||a.count}):null):(0,l.createElement)(l.Fragment,null,(0,l.createElement)(m.CheckboxControl,{className:&quot;woocommerce-search-list__item-input&quot;,checked:c,...!c&amp;&amp;a.children.some((e=&gt;u.find((t=&gt;t.id===e.id))))?{indeterminate:!0}:{},label:y((0,b.decodeEntities)(a.name),s),onChange:()=&gt;{c?i(w(u,a.children,&quot;id&quot;))():i(function(e,t,r){const l=w(t,e,&quot;id&quot;);return[...e,...l]}(u,a.children))()},onClick:e=&gt;e.stopPropagation()}),C?(0,l.createElement)(x,{label:e||a.count}):null)):(0,l.createElement)(&quot;label&quot;,{htmlFor:I,className:A},o?(0,l.createElement)(l.Fragment,null,(0,l.createElement)(&quot;input&quot;,{...E,type:&quot;radio&quot;,id:I,name:P,value:a.value,onChange:i(a),checked:c,className:&quot;woocommerce-search-list__item-input&quot;}),(0,l.createElement)(v,{item:a,search:s})):(0,l.createElement)(m.CheckboxControl,{...E,id:I,name:P,className:&quot;woocommerce-search-list__item-input&quot;,value:(0,b.decodeEntities)(a.value),label:y((0,b.decodeEntities)(a.name),s),onChange:i(a),checked:c}),C?(0,l.createElement)(x,{label:e||a.count}):null)},C=k;var S=r(2478),N=r(9491),O=r(2370);r(6636);const A=({id:e,label:t,popoverContents:r,remove:a,screenReaderLabel:c,className:o=&quot;&quot;})=&gt;{const[i,s]=(0,d.useState)(!1),h=(0,N.useInstanceId)(A);if(c=c||t,!t)return null;t=(0,b.decodeEntities)(t);const E=(0,g.A)(&quot;woocommerce-tag&quot;,o,{&quot;has-remove&quot;:!!a}),p=`woocommerce-tag__label-${h}`,w=(0,l.createElement)(l.Fragment,null,(0,l.createElement)(&quot;span&quot;,{className:&quot;screen-reader-text&quot;},c),(0,l.createElement)(&quot;span&quot;,{&quot;aria-hidden&quot;:&quot;true&quot;},t));return(0,l.createElement)(&quot;span&quot;,{className:E},r?(0,l.createElement)(m.Button,{className:&quot;woocommerce-tag__text&quot;,id:p,onClick:()=&gt;s(!0)},w):(0,l.createElement)(&quot;span&quot;,{className:&quot;woocommerce-tag__text&quot;,id:p},w),r&amp;&amp;i&amp;&amp;(0,l.createElement)(m.Popover,{onClose:()=&gt;s(!1)},r),a&amp;&amp;(0,l.createElement)(m.Button,{className:&quot;woocommerce-tag__remove&quot;,onClick:a(e),label:(0,u.sprintf)(
// Translators: %s label.
// Translators: %s label.
(0,u.__)(&quot;Remove %s&quot;,&quot;woocommerce&quot;),t),&quot;aria-describedby&quot;:p},(0,l.createElement)(n.A,{icon:O.A,size:20,className:&quot;clear-icon&quot;,role:&quot;img&quot;})))},P=A;r(8137);const I=e=&gt;(0,l.createElement)(C,{...e}),B=e=&gt;{const{list:t,selected:r,renderItem:n,depth:a=0,onSelect:c,instanceId:o,isSingle:i,search:s,useExpandedPanelId:m}=e,[u]=m;return t?(0,l.createElement)(d.Fragment,null,t.map((t=&gt;{var h,E;const p=null!==(h=t.children)&amp;&amp;void 0!==h&amp;&amp;h.length&amp;&amp;!i?t.children.every((({id:e})=&gt;r.find((t=&gt;t.id===e)))):!!r.find((({id:e})=&gt;e===t.id)),g=(null===(E=t.children)||void 0===E?void 0:E.length)&amp;&amp;u===t.id;return(0,l.createElement)(d.Fragment,{key:t.id},(0,l.createElement)(&quot;li&quot;,null,n({item:t,isSelected:p,onSelect:c,isSingle:i,selected:r,search:s,depth:a,useExpandedPanelId:m,controlId:o})),g?(0,l.createElement)(B,{...e,list:t.children,depth:a+1}):null)}))):null},$=({isLoading:e,isSingle:t,selected:r,messages:n,onChange:a,onRemove:c})=&gt;{if(e||t||!r)return null;const o=r.length;return(0,l.createElement)(&quot;div&quot;,{className:&quot;woocommerce-search-list__selected&quot;},(0,l.createElement)(&quot;div&quot;,{className:&quot;woocommerce-search-list__selected-header&quot;},(0,l.createElement)(&quot;strong&quot;,null,n.selected(o)),o&gt;0?(0,l.createElement)(m.Button,{variant:&quot;link&quot;,isDestructive:!0,onClick:()=&gt;a([]),&quot;aria-label&quot;:n.clear},(0,u.__)(&quot;Clear all&quot;,&quot;woocommerce&quot;)):null),o&gt;0?(0,l.createElement)(&quot;ul&quot;,null,r.map(((e,t)=&gt;(0,l.createElement)(&quot;li&quot;,{key:t},(0,l.createElement)(P,{label:e.name,id:e.id,remove:c}))))):null)},R=({filteredList:e,search:t,onSelect:r,instanceId:a,useExpandedPanelId:c,...o})=&gt;{const{messages:i,renderItem:s,selected:m,isSingle:d}=o,h=s||I;return 0===e.length?(0,l.createElement)(&quot;div&quot;,{className:&quot;woocommerce-search-list__list is-not-found&quot;},(0,l.createElement)(&quot;span&quot;,{className:&quot;woocommerce-search-list__not-found-icon&quot;},(0,l.createElement)(n.A,{icon:S.A,role:&quot;img&quot;})),(0,l.createElement)(&quot;span&quot;,{className:&quot;woocommerce-search-list__not-found-text&quot;},t?(0,u.sprintf)(i.noResults,t):i.noItems)):(0,l.createElement)(&quot;ul&quot;,{className:&quot;woocommerce-search-list__list&quot;},(0,l.createElement)(B,{useExpandedPanelId:c,list:e,selected:m,renderItem:h,onSelect:r,instanceId:a,isSingle:d,search:t}))},T=e=&gt;{const{className:t=&quot;&quot;,isCompact:r,isHierarchical:n,isLoading:a,isSingle:c,list:o,messages:i=_,onChange:s,onSearch:h,selected:E,type:p=&quot;text&quot;,debouncedSpeak:w}=e,[b,y]=(0,d.useState)(&quot;&quot;),x=(0,d.useState)(-1),v=(0,N.useInstanceId)(T),k=(0,d.useMemo)((()=&gt;({..._,...i})),[i]),C=(0,d.useMemo)((()=&gt;((e,t,r)=&gt;{if(!t)return r?f(e):e;const l=new RegExp(t.replace(/[-\/\\^$*+?.()|[\]{}]/g,&quot;\\$&amp;&quot;),&quot;i&quot;),n=e.map((e=&gt;!!l.test(e.name)&amp;&amp;e)).filter(Boolean);return r?f(n,e):n})(o,b,n)),[o,b,n]);(0,d.useEffect)((()=&gt;{w&amp;&amp;w(k.updated)}),[w,k]),(0,d.useEffect)((()=&gt;{&quot;function&quot;==typeof h&amp;&amp;h(b)}),[b,h]);const S=(0,d.useCallback)((e=&gt;()=&gt;{c&amp;&amp;s([]);const t=E.findIndex((({id:t})=&gt;t===e));s([...E.slice(0,t),...E.slice(t+1)])}),[c,E,s]),O=(0,d.useCallback)((e=&gt;()=&gt;{Array.isArray(e)?s(e):-1===E.findIndex((({id:t})=&gt;t===e.id))?s(c?[e]:[...E,e]):S(e.id)()}),[c,S,s,E]),A=(0,d.useCallback)((e=&gt;{const[t]=E.filter((t=&gt;!e.find((e=&gt;t.id===e.id))));S(t.id)()}),[S,E]);return(0,l.createElement)(&quot;div&quot;,{className:(0,g.A)(&quot;woocommerce-search-list&quot;,t,{&quot;is-compact&quot;:r,&quot;is-loading&quot;:a,&quot;is-token&quot;:&quot;token&quot;===p})},&quot;text&quot;===p&amp;&amp;(0,l.createElement)($,{...e,onRemove:S,messages:k}),(0,l.createElement)(&quot;div&quot;,{className:&quot;woocommerce-search-list__search&quot;},&quot;text&quot;===p?(0,l.createElement)(m.TextControl,{label:k.search,type:&quot;search&quot;,value:b,onChange:e=&gt;y(e)}):(0,l.createElement)(m.FormTokenField,{disabled:a,label:k.search,onChange:A,onInputChange:e=&gt;y(e),suggestions:[],__experimentalValidateInput:()=&gt;!1,value:a?[(0,u.__)(&quot;Loading…&quot;,&quot;woocommerce&quot;)]:E.map((e=&gt;({...e,value:e.name}))),__experimentalShowHowTo:!1})),a?(0,l.createElement)(&quot;div&quot;,{className:&quot;woocommerce-search-list__list&quot;},(0,l.createElement)(m.Spinner,null)):(0,l.createElement)(R,{...e,search:b,filteredList:C,messages:k,onSelect:O,instanceId:v,useExpandedPanelId:x}))},j=((0,m.withSpokenMessages)(T),window.wp.url,window.wp.apiFetch);var L=r.n(j);const F=e=&gt;L()({path:`wc/store/v1/products/attributes/${e}/terms`});const M=window.wp.escapeHtml,D=({error:e})=&gt;(0,l.createElement)(&quot;div&quot;,{className:&quot;wc-block-error-message&quot;},(({message:e,type:t})=&gt;e?&quot;general&quot;===t?(0,l.createElement)(&quot;span&quot;,null,(0,u.__)(&quot;The following error was returned&quot;,&quot;woocommerce&quot;),(0,l.createElement)(&quot;br&quot;,null),(0,l.createElement)(&quot;code&quot;,null,(0,M.escapeHTML)(e))):&quot;api&quot;===t?(0,l.createElement)(&quot;span&quot;,null,(0,u.__)(&quot;The following error was returned from the API&quot;,&quot;woocommerce&quot;),(0,l.createElement)(&quot;br&quot;,null),(0,l.createElement)(&quot;code&quot;,null,(0,M.escapeHTML)(e))):e:(0,u.__)(&quot;An error has prevented the block from being updated.&quot;,&quot;woocommerce&quot;))(e)),H=({className:e,item:t,isSelected:r,isLoading:n,onSelect:a,disabled:c,...o})=&gt;(0,l.createElement)(l.Fragment,null,(0,l.createElement)(k,{...o,key:t.id,className:e,isSelected:r,item:t,onSelect:a,disabled:c}),r&amp;&amp;n&amp;&amp;(0,l.createElement)(&quot;div&quot;,{key:&quot;loading&quot;,className:(0,g.A)(&quot;woocommerce-search-list__item&quot;,&quot;woocommerce-product-attributes__item&quot;,&quot;depth-1&quot;,&quot;is-loading&quot;,&quot;is-not-active&quot;)},(0,l.createElement)(m.Spinner,null))),V=window.wc.wcTypes,J=((window.wp.data,(0,o.getSetting)(&quot;attributes&quot;,[])).reduce(((e,t)=&gt;{const r=(l=t)&amp;&amp;l.attribute_name?{id:parseInt(l.attribute_id,10),name:l.attribute_name,taxonomy:&quot;pa_&quot;+l.attribute_name,label:l.attribute_label,orderby:l.attribute_orderby}:null;var l;return r&amp;&amp;r.id&amp;&amp;e.push(r),e}),[]),e=&gt;{const{count:t,id:r,name:l,parent:n}=e;return{count:t,id:r,name:l,parent:n,breadcrumbs:[],children:[],value:(0,V.isAttributeTerm)(e)?e.attr_slug:&quot;&quot;}});r(2777);const W=(0,N.withInstanceId)((({onChange:e,onOperatorChange:t,instanceId:r,isCompact:n=!1,messages:a={},operator:c=&quot;any&quot;,selected:o,type:i=&quot;text&quot;})=&gt;{const{errorLoadingAttributes:s,isLoadingAttributes:h,productsAttributes:E}=function(e){const[t,r]=(0,d.useState)(null),[l,n]=(0,d.useState)(!1),[a,c]=(0,d.useState)([]),o=(0,d.useRef)(!1);return(0,d.useEffect)((()=&gt;{if(e&amp;&amp;!l&amp;&amp;!o.current)return async function(){n(!0);try{const e=await L()({path:&quot;wc/store/v1/products/attributes&quot;}),t=[];for(const r of e){const e=await F(r.id);t.push({...r,parent:0,terms:e.map((e=&gt;({...e,attr_slug:r.taxonomy,parent:r.id})))})}c(t),o.current=!0}catch(e){e instanceof Error&amp;&amp;r(await(async e=&gt;{if(!(&quot;json&quot;in e))return{message:e.message,type:e.type||&quot;general&quot;};try{const t=await e.json();return{message:t.message,type:t.type||&quot;api&quot;}}catch(e){return{message:e.message,type:&quot;general&quot;}}})(e))}finally{n(!1)}}(),()=&gt;{o.current=!0}}),[l,e]),{errorLoadingAttributes:t,isLoadingAttributes:l,productsAttributes:a}}(!0),p=E.reduce(((e,t)=&gt;{const{terms:r,...l}=t;return[...e,J(l),...r.map(J)]}),[]);return a={clear:(0,u.__)(&quot;Clear all product attributes&quot;,&quot;woocommerce&quot;),noItems:(0,u.__)(&quot;Your store doesn't have any product attributes.&quot;,&quot;woocommerce&quot;),search:(0,u.__)(&quot;Search for product attributes&quot;,&quot;woocommerce&quot;),selected:e=&gt;(0,u.sprintf)(/* translators: %d is the count of attributes selected. */ /* translators: %d is the count of attributes selected. */
(0,u._n)(&quot;%d attribute selected&quot;,&quot;%d attributes selected&quot;,e,&quot;woocommerce&quot;),e),updated:(0,u.__)(&quot;Product attribute search results updated.&quot;,&quot;woocommerce&quot;),...a},s?(0,l.createElement)(D,{error:s}):(0,l.createElement)(l.Fragment,null,(0,l.createElement)(T,{className:&quot;woocommerce-product-attributes&quot;,isCompact:n,isHierarchical:!0,isLoading:h,isSingle:!1,list:p,messages:a,onChange:e,renderItem:e=&gt;{const{item:t,search:n,depth:a=0}=e,c=t.count||0,o=[&quot;woocommerce-product-attributes__item&quot;,&quot;woocommerce-search-list__item&quot;,{&quot;is-searching&quot;:n.length&gt;0,&quot;is-skip-level&quot;:0===a&amp;&amp;0!==t.parent}];if(!t.breadcrumbs.length)return(0,l.createElement)(H,{...e,className:(0,g.A)(o),item:t,isLoading:h,disabled:0===t.count,name:`attributes-${r}`,countLabel:(0,u.sprintf)(/* translators: %d is the count of terms. */ /* translators: %d is the count of terms. */
(0,u._n)(&quot;%d term&quot;,&quot;%d terms&quot;,c,&quot;woocommerce&quot;),c),&quot;aria-label&quot;:(0,u.sprintf)(/* translators: %1$s is the item name, %2$d is the count of terms for the item. */ /* translators: %1$s is the item name, %2$d is the count of terms for the item. */
(0,u._n)(&quot;%1$s, has %2$d term&quot;,&quot;%1$s, has %2$d terms&quot;,c,&quot;woocommerce&quot;),t.name,c)});const i=`${t.breadcrumbs[0]}: ${t.name}`;return(0,l.createElement)(k,{...e,name:`terms-${r}`,className:(0,g.A)(...o,&quot;has-count&quot;),countLabel:(0,u.sprintf)(/* translators: %d is the count of products. */ /* translators: %d is the count of products. */
(0,u._n)(&quot;%d product&quot;,&quot;%d products&quot;,c,&quot;woocommerce&quot;),c),&quot;aria-label&quot;:(0,u.sprintf)(/* translators: %1$s is the attribute name, %2$d is the count of products for that attribute. */ /* translators: %1$s is the attribute name, %2$d is the count of products for that attribute. */
(0,u._n)(&quot;%1$s, has %2$d product&quot;,&quot;%1$s, has %2$d products&quot;,c,&quot;woocommerce&quot;),i,c)})},selected:o.map((({id:e})=&gt;p.find((t=&gt;t.id===e)))).filter(Boolean),type:i}),!!t&amp;&amp;(0,l.createElement)(&quot;div&quot;,{hidden:o.length&lt;2},(0,l.createElement)(m.SelectControl,{className:&quot;woocommerce-product-attributes__operator&quot;,label:(0,u.__)(&quot;Display products matching&quot;,&quot;woocommerce&quot;),help:(0,u.__)(&quot;Pick at least two attributes to use this setting.&quot;,&quot;woocommerce&quot;),value:c,onChange:t,options:[{label:(0,u.__)(&quot;Any selected attributes&quot;,&quot;woocommerce&quot;),value:&quot;any&quot;},{label:(0,u.__)(&quot;All selected attributes&quot;,&quot;woocommerce&quot;),value:&quot;all&quot;}]})))})),G=({value:e,setAttributes:t})=&gt;(0,l.createElement)(m.SelectControl,{label:(0,u.__)(&quot;Order products by&quot;,&quot;woocommerce&quot;),value:e,options:[{label:(0,u.__)(&quot;Newness - newest first&quot;,&quot;woocommerce&quot;),value:&quot;date&quot;},{label:(0,u.__)(&quot;Price - low to high&quot;,&quot;woocommerce&quot;),value:&quot;price_asc&quot;},{label:(0,u.__)(&quot;Price - high to low&quot;,&quot;woocommerce&quot;),value:&quot;price_desc&quot;},{label:(0,u.__)(&quot;Rating - highest first&quot;,&quot;woocommerce&quot;),value:&quot;rating&quot;},{label:(0,u.__)(&quot;Sales - most first&quot;,&quot;woocommerce&quot;),value:&quot;popularity&quot;},{label:(0,u.__)(&quot;Title - alphabetical&quot;,&quot;woocommerce&quot;),value:&quot;title&quot;},{label:(0,u.__)(&quot;Menu Order&quot;,&quot;woocommerce&quot;),value:&quot;menu_order&quot;}],onChange:e=&gt;t({orderby:e})}),z=(0,o.getSetting)(&quot;hideOutOfStockItems&quot;,!1),K=(0,o.getSetting)(&quot;stockStatusOptions&quot;,{}),Y=({value:e,setAttributes:t})=&gt;{const{outofstock:r,...n}=K,a=z?n:K,c=Object.entries(a).map((([e,t])=&gt;({value:e,label:t}))).filter((e=&gt;!!e.label)),o=Object.keys(a).filter((e=&gt;!!e)),[i,s]=(0,d.useState)(e||o);(0,d.useEffect)((()=&gt;{t({stockStatus:[&quot;&quot;,...i]})}),[i,t]);const h=(0,d.useCallback)((e=&gt;{const t=i.includes(e),r=i.filter((t=&gt;t!==e));t||(r.push(e),r.sort()),s(r)}),[i]);return(0,l.createElement)(l.Fragment,null,c.map((e=&gt;{const t=i.includes(e.value)?/* translators: %s stock status. */ /* translators: %s stock status. */(0,u.__)('Stock status &quot;%s&quot; visible.',&quot;woocommerce&quot;):/* translators: %s stock status. */ /* translators: %s stock status. */(0,u.__)('Stock status &quot;%s&quot; hidden.',&quot;woocommerce&quot;);return(0,l.createElement)(m.ToggleControl,{label:e.label,key:e.value,help:(0,u.sprintf)(t,e.label),checked:i.includes(e.value),onChange:()=&gt;h(e.value)})})))},q=e=&gt;{const{setAttributes:t}=e,{attributes:r,attrOperator:n,columns:a,contentVisibility:c,orderby:i,rows:d,alignButtons:h,stockStatus:g}=e.attributes;return(0,l.createElement)(s.InspectorControls,{key:&quot;inspector&quot;},(0,l.createElement)(m.PanelBody,{title:(0,u.__)(&quot;Layout&quot;,&quot;woocommerce&quot;),initialOpen:!0},(0,l.createElement)(E,{columns:a,rows:d,alignButtons:h,setAttributes:t,minColumns:(0,o.getSetting)(&quot;minColumns&quot;,1),maxColumns:(0,o.getSetting)(&quot;maxColumns&quot;,6),minRows:(0,o.getSetting)(&quot;minRows&quot;,1),maxRows:(0,o.getSetting)(&quot;maxRows&quot;,6)})),(0,l.createElement)(m.PanelBody,{title:(0,u.__)(&quot;Content&quot;,&quot;woocommerce&quot;),initialOpen:!0},(0,l.createElement)(p,{settings:c,onChange:e=&gt;t({contentVisibility:e})})),(0,l.createElement)(m.PanelBody,{title:(0,u.__)(&quot;Filter by Product Attribute&quot;,&quot;woocommerce&quot;),initialOpen:!1},(0,l.createElement)(W,{selected:r,onChange:(e=[])=&gt;{const r=e.map((({id:e,value:t})=&gt;({id:e,attr_slug:t})));t({attributes:r})},operator:n,onOperatorChange:(e=&quot;any&quot;)=&gt;t({attrOperator:e}),isCompact:!0})),(0,l.createElement)(m.PanelBody,{title:(0,u.__)(&quot;Order By&quot;,&quot;woocommerce&quot;),initialOpen:!1},(0,l.createElement)(G,{setAttributes:t,value:i})),(0,l.createElement)(m.PanelBody,{title:(0,u.__)(&quot;Filter by stock status&quot;,&quot;woocommerce&quot;),initialOpen:!1},(0,l.createElement)(Y,{setAttributes:t,value:g})))},Q=e=&gt;{const{attributes:t,setAttributes:r,setIsEditing:c,isEditing:o,debouncedSpeak:i}=e;return(0,l.createElement)(m.Placeholder,{icon:(0,l.createElement)(n.A,{icon:a.A}),label:(0,u.__)(&quot;Products by Attribute&quot;,&quot;woocommerce&quot;),className:&quot;wc-block-products-grid wc-block-products-by-attribute&quot;},(0,u.__)(&quot;Display a grid of products from your selected attributes.&quot;,&quot;woocommerce&quot;),(0,l.createElement)(&quot;div&quot;,{className:&quot;wc-block-products-by-attribute__selection&quot;},(0,l.createElement)(W,{selected:t.attributes,onChange:(e=[])=&gt;{const t=e.map((({id:e,value:t})=&gt;({id:e,attr_slug:t})));r({attributes:t})},operator:t.attrOperator,onOperatorChange:(e=&quot;any&quot;)=&gt;r({attrOperator:e})}),(0,l.createElement)(m.Button,{variant:&quot;primary&quot;,onClick:()=&gt;{c(!o),i((0,u.__)(&quot;Showing Products by Attribute block preview.&quot;,&quot;woocommerce&quot;))}},(0,u.__)(&quot;Done&quot;,&quot;woocommerce&quot;))))},U=window.wp.serverSideRender;var X=r.n(U);const Z=(0,l.createElement)(&quot;svg&quot;,{xmlns:&quot;http://www.w3.org/2000/svg&quot;,fill:&quot;none&quot;,viewBox:&quot;0 0 230 250&quot;,style:{width:&quot;100%&quot;}},(0,l.createElement)(&quot;title&quot;,null,&quot;Grid Block Preview&quot;),(0,l.createElement)(&quot;rect&quot;,{width:&quot;65.374&quot;,height:&quot;65.374&quot;,x:&quot;.162&quot;,y:&quot;.779&quot;,fill:&quot;#E1E3E6&quot;,rx:&quot;3&quot;}),(0,l.createElement)(&quot;rect&quot;,{width:&quot;47.266&quot;,height:&quot;5.148&quot;,x:&quot;9.216&quot;,y:&quot;76.153&quot;,fill:&quot;#E1E3E6&quot;,rx:&quot;2.574&quot;}),(0,l.createElement)(&quot;rect&quot;,{width:&quot;62.8&quot;,height:&quot;15&quot;,x:&quot;1.565&quot;,y:&quot;101.448&quot;,fill:&quot;#E1E3E6&quot;,rx:&quot;5&quot;}),(0,l.createElement)(&quot;rect&quot;,{width:&quot;65.374&quot;,height:&quot;65.374&quot;,x:&quot;.162&quot;,y:&quot;136.277&quot;,fill:&quot;#E1E3E6&quot;,rx:&quot;3&quot;}),(0,l.createElement)(&quot;rect&quot;,{width:&quot;47.266&quot;,height:&quot;5.148&quot;,x:&quot;9.216&quot;,y:&quot;211.651&quot;,fill:&quot;#E1E3E6&quot;,rx:&quot;2.574&quot;}),(0,l.createElement)(&quot;rect&quot;,{width:&quot;62.8&quot;,height:&quot;15&quot;,x:&quot;1.565&quot;,y:&quot;236.946&quot;,fill:&quot;#E1E3E6&quot;,rx:&quot;5&quot;}),(0,l.createElement)(&quot;rect&quot;,{width:&quot;65.374&quot;,height:&quot;65.374&quot;,x:&quot;82.478&quot;,y:&quot;.779&quot;,fill:&quot;#E1E3E6&quot;,rx:&quot;3&quot;}),(0,l.createElement)(&quot;rect&quot;,{width:&quot;47.266&quot;,height:&quot;5.148&quot;,x:&quot;91.532&quot;,y:&quot;76.153&quot;,fill:&quot;#E1E3E6&quot;,rx:&quot;2.574&quot;}),(0,l.createElement)(&quot;rect&quot;,{width:&quot;62.8&quot;,height:&quot;15&quot;,x:&quot;83.882&quot;,y:&quot;101.448&quot;,fill:&quot;#E1E3E6&quot;,rx:&quot;5&quot;}),(0,l.createElement)(&quot;rect&quot;,{width:&quot;65.374&quot;,height:&quot;65.374&quot;,x:&quot;82.478&quot;,y:&quot;136.277&quot;,fill:&quot;#E1E3E6&quot;,rx:&quot;3&quot;}),(0,l.createElement)(&quot;rect&quot;,{width:&quot;47.266&quot;,height:&quot;5.148&quot;,x:&quot;91.532&quot;,y:&quot;211.651&quot;,fill:&quot;#E1E3E6&quot;,rx:&quot;2.574&quot;}),(0,l.createElement)(&quot;rect&quot;,{width:&quot;62.8&quot;,height:&quot;15&quot;,x:&quot;83.882&quot;,y:&quot;236.946&quot;,fill:&quot;#E1E3E6&quot;,rx:&quot;5&quot;}),(0,l.createElement)(&quot;rect&quot;,{width:&quot;65.374&quot;,height:&quot;65.374&quot;,x:&quot;164.788&quot;,y:&quot;.779&quot;,fill:&quot;#E1E3E6&quot;,rx:&quot;3&quot;}),(0,l.createElement)(&quot;rect&quot;,{width:&quot;47.266&quot;,height:&quot;5.148&quot;,x:&quot;173.843&quot;,y:&quot;76.153&quot;,fill:&quot;#E1E3E6&quot;,rx:&quot;2.574&quot;}),(0,l.createElement)(&quot;rect&quot;,{width:&quot;62.8&quot;,height:&quot;15&quot;,x:&quot;166.192&quot;,y:&quot;101.448&quot;,fill:&quot;#E1E3E6&quot;,rx:&quot;5&quot;}),(0,l.createElement)(&quot;rect&quot;,{width:&quot;65.374&quot;,height:&quot;65.374&quot;,x:&quot;164.788&quot;,y:&quot;136.277&quot;,fill:&quot;#E1E3E6&quot;,rx:&quot;3&quot;}),(0,l.createElement)(&quot;rect&quot;,{width:&quot;47.266&quot;,height:&quot;5.148&quot;,x:&quot;173.843&quot;,y:&quot;211.651&quot;,fill:&quot;#E1E3E6&quot;,rx:&quot;2.574&quot;}),(0,l.createElement)(&quot;rect&quot;,{width:&quot;62.8&quot;,height:&quot;15&quot;,x:&quot;166.192&quot;,y:&quot;236.946&quot;,fill:&quot;#E1E3E6&quot;,rx:&quot;5&quot;}),(0,l.createElement)(&quot;rect&quot;,{width:&quot;6.177&quot;,height:&quot;6.177&quot;,x:&quot;13.283&quot;,y:&quot;86.301&quot;,fill:&quot;#E1E3E6&quot;,rx:&quot;3&quot;}),(0,l.createElement)(&quot;rect&quot;,{width:&quot;6.177&quot;,height:&quot;6.177&quot;,x:&quot;21.498&quot;,y:&quot;86.301&quot;,fill:&quot;#E1E3E6&quot;,rx:&quot;3&quot;}),(0,l.createElement)(&quot;rect&quot;,{width:&quot;6.177&quot;,height:&quot;6.177&quot;,x:&quot;29.713&quot;,y:&quot;86.301&quot;,fill:&quot;#E1E3E6&quot;,rx:&quot;3&quot;}),(0,l.createElement)(&quot;rect&quot;,{width:&quot;6.177&quot;,height:&quot;6.177&quot;,x:&quot;37.927&quot;,y:&quot;86.301&quot;,fill:&quot;#E1E3E6&quot;,rx:&quot;3&quot;}),(0,l.createElement)(&quot;rect&quot;,{width:&quot;6.177&quot;,height:&quot;6.177&quot;,x:&quot;46.238&quot;,y:&quot;86.301&quot;,fill:&quot;#E1E3E6&quot;,rx:&quot;3&quot;}),(0,l.createElement)(&quot;rect&quot;,{width:&quot;6.177&quot;,height:&quot;6.177&quot;,x:&quot;95.599&quot;,y:&quot;86.301&quot;,fill:&quot;#E1E3E6&quot;,rx:&quot;3&quot;}),(0,l.createElement)(&quot;rect&quot;,{width:&quot;6.177&quot;,height:&quot;6.177&quot;,x:&quot;103.814&quot;,y:&quot;86.301&quot;,fill:&quot;#E1E3E6&quot;,rx:&quot;3&quot;}),(0,l.createElement)(&quot;rect&quot;,{width:&quot;6.177&quot;,height:&quot;6.177&quot;,x:&quot;112.029&quot;,y:&quot;86.301&quot;,fill:&quot;#E1E3E6&quot;,rx:&quot;3&quot;}),(0,l.createElement)(&quot;rect&quot;,{width:&quot;6.177&quot;,height:&quot;6.177&quot;,x:&quot;120.243&quot;,y:&quot;86.301&quot;,fill:&quot;#E1E3E6&quot;,rx:&quot;3&quot;}),(0,l.createElement)(&quot;rect&quot;,{width:&quot;6.177&quot;,height:&quot;6.177&quot;,x:&quot;128.554&quot;,y:&quot;86.301&quot;,fill:&quot;#E1E3E6&quot;,rx:&quot;3&quot;}),(0,l.createElement)(&quot;rect&quot;,{width:&quot;6.177&quot;,height:&quot;6.177&quot;,x:&quot;177.909&quot;,y:&quot;86.301&quot;,fill:&quot;#E1E3E6&quot;,rx:&quot;3&quot;}),(0,l.createElement)(&quot;rect&quot;,{width:&quot;6.177&quot;,height:&quot;6.177&quot;,x:&quot;186.124&quot;,y:&quot;86.301&quot;,fill:&quot;#E1E3E6&quot;,rx:&quot;3&quot;}),(0,l.createElement)(&quot;rect&quot;,{width:&quot;6.177&quot;,height:&quot;6.177&quot;,x:&quot;194.339&quot;,y:&quot;86.301&quot;,fill:&quot;#E1E3E6&quot;,rx:&quot;3&quot;}),(0,l.createElement)(&quot;rect&quot;,{width:&quot;6.177&quot;,height:&quot;6.177&quot;,x:&quot;202.553&quot;,y:&quot;86.301&quot;,fill:&quot;#E1E3E6&quot;,rx:&quot;3&quot;}),(0,l.createElement)(&quot;rect&quot;,{width:&quot;6.177&quot;,height:&quot;6.177&quot;,x:&quot;210.864&quot;,y:&quot;86.301&quot;,fill:&quot;#E1E3E6&quot;,rx:&quot;3&quot;}),(0,l.createElement)(&quot;rect&quot;,{width:&quot;6.177&quot;,height:&quot;6.177&quot;,x:&quot;13.283&quot;,y:&quot;221.798&quot;,fill:&quot;#E1E3E6&quot;,rx:&quot;3&quot;}),(0,l.createElement)(&quot;rect&quot;,{width:&quot;6.177&quot;,height:&quot;6.177&quot;,x:&quot;21.498&quot;,y:&quot;221.798&quot;,fill:&quot;#E1E3E6&quot;,rx:&quot;3&quot;}),(0,l.createElement)(&quot;rect&quot;,{width:&quot;6.177&quot;,height:&quot;6.177&quot;,x:&quot;29.713&quot;,y:&quot;221.798&quot;,fill:&quot;#E1E3E6&quot;,rx:&quot;3&quot;}),(0,l.createElement)(&quot;rect&quot;,{width:&quot;6.177&quot;,height:&quot;6.177&quot;,x:&quot;37.927&quot;,y:&quot;221.798&quot;,fill:&quot;#E1E3E6&quot;,rx:&quot;3&quot;}),(0,l.createElement)(&quot;rect&quot;,{width:&quot;6.177&quot;,height:&quot;6.177&quot;,x:&quot;46.238&quot;,y:&quot;221.798&quot;,fill:&quot;#E1E3E6&quot;,rx:&quot;3&quot;}),(0,l.createElement)(&quot;rect&quot;,{width:&quot;6.177&quot;,height:&quot;6.177&quot;,x:&quot;95.599&quot;,y:&quot;221.798&quot;,fill:&quot;#E1E3E6&quot;,rx:&quot;3&quot;}),(0,l.createElement)(&quot;rect&quot;,{width:&quot;6.177&quot;,height:&quot;6.177&quot;,x:&quot;103.814&quot;,y:&quot;221.798&quot;,fill:&quot;#E1E3E6&quot;,rx:&quot;3&quot;}),(0,l.createElement)(&quot;rect&quot;,{width:&quot;6.177&quot;,height:&quot;6.177&quot;,x:&quot;112.029&quot;,y:&quot;221.798&quot;,fill:&quot;#E1E3E6&quot;,rx:&quot;3&quot;}),(0,l.createElement)(&quot;rect&quot;,{width:&quot;6.177&quot;,height:&quot;6.177&quot;,x:&quot;120.243&quot;,y:&quot;221.798&quot;,fill:&quot;#E1E3E6&quot;,rx:&quot;3&quot;}),(0,l.createElement)(&quot;rect&quot;,{width:&quot;6.177&quot;,height:&quot;6.177&quot;,x:&quot;128.554&quot;,y:&quot;221.798&quot;,fill:&quot;#E1E3E6&quot;,rx:&quot;3&quot;}),(0,l.createElement)(&quot;rect&quot;,{width:&quot;6.177&quot;,height:&quot;6.177&quot;,x:&quot;177.909&quot;,y:&quot;221.798&quot;,fill:&quot;#E1E3E6&quot;,rx:&quot;3&quot;}),(0,l.createElement)(&quot;rect&quot;,{width:&quot;6.177&quot;,height:&quot;6.177&quot;,x:&quot;186.124&quot;,y:&quot;221.798&quot;,fill:&quot;#E1E3E6&quot;,rx:&quot;3&quot;}),(0,l.createElement)(&quot;rect&quot;,{width:&quot;6.177&quot;,height:&quot;6.177&quot;,x:&quot;194.339&quot;,y:&quot;221.798&quot;,fill:&quot;#E1E3E6&quot;,rx:&quot;3&quot;}),(0,l.createElement)(&quot;rect&quot;,{width:&quot;6.177&quot;,height:&quot;6.177&quot;,x:&quot;202.553&quot;,y:&quot;221.798&quot;,fill:&quot;#E1E3E6&quot;,rx:&quot;3&quot;}),(0,l.createElement)(&quot;rect&quot;,{width:&quot;6.177&quot;,height:&quot;6.177&quot;,x:&quot;210.864&quot;,y:&quot;221.798&quot;,fill:&quot;#E1E3E6&quot;,rx:&quot;3&quot;})),ee=e=&gt;{const{attributes:t,name:r}=e;return t.isPreview?Z:(0,l.createElement)(X(),{block:r,attributes:t})},te=(0,m.withSpokenMessages)((e=&gt;{const t=(0,s.useBlockProps)(),{attributes:{attributes:r}}=e,[n,a]=(0,d.useState)(!r.length);return(0,l.createElement)(&quot;div&quot;,{...t},(0,l.createElement)(s.BlockControls,null,(0,l.createElement)(m.ToolbarGroup,{controls:[{icon:&quot;edit&quot;,title:(0,u.__)(&quot;Edit selected attribute&quot;,&quot;woocommerce&quot;),onClick:()=&gt;a(!n),isActive:n}]})),(0,l.createElement)(q,{...e}),n?(0,l.createElement)(Q,{isEditing:n,setIsEditing:a,...e}):(0,l.createElement)(m.Disabled,null,(0,l.createElement)(ee,{...e})))}));(0,c.registerBlockType)(i,{icon:{src:(0,l.createElement)(n.A,{icon:a.A,className:&quot;wc-block-editor-components-block-icon&quot;})},attributes:{...i.attributes,columns:{type:&quot;number&quot;,default:(0,o.getSetting)(&quot;defaultColumns&quot;,3)},rows:{type:&quot;number&quot;,default:(0,o.getSetting)(&quot;defaultRows&quot;,3)},stockStatus:{type:&quot;array&quot;,default:Object.keys((0,o.getSetting)(&quot;stockStatusOptions&quot;,[]))}},edit:te,save:()=&gt;null})},6209:()=&gt;{},2777:()=&gt;{},8137:()=&gt;{},6636:()=&gt;{},1609:e=&gt;{&quot;use strict&quot;;e.exports=window.React},9491:e=&gt;{&quot;use strict&quot;;e.exports=window.wp.compose},6087:e=&gt;{&quot;use strict&quot;;e.exports=window.wp.element},7723:e=&gt;{&quot;use strict&quot;;e.exports=window.wp.i18n},5573:e=&gt;{&quot;use strict&quot;;e.exports=window.wp.primitives}},n={};function a(e){var t=n[e];if(void 0!==t)return t.exports;var r=n[e]={exports:{}};return l[e].call(r.exports,r,r.exports,a),r.exports}a.m=l,e=[],a.O=(t,r,l,n)=&gt;{if(!r){var c=1/0;for(m=0;m&lt;e.length;m++){for(var[r,l,n]=e[m],o=!0,i=0;i&lt;r.length;i++)(!1&amp;n||c&gt;=n)&amp;&amp;Object.keys(a.O).every((e=&gt;a.O[e](r[i])))?r.splice(i--,1):(o=!1,n&lt;c&amp;&amp;(c=n));if(o){e.splice(m--,1);var s=l();void 0!==s&amp;&amp;(t=s)}}return t}n=n||0;for(var m=e.length;m&gt;0&amp;&amp;e[m-1][2]&gt;n;m--)e[m]=e[m-1];e[m]=[r,l,n]},a.n=e=&gt;{var t=e&amp;&amp;e.__esModule?()=&gt;e.default:()=&gt;e;return a.d(t,{a:t}),t},r=Object.getPrototypeOf?e=&gt;Object.getPrototypeOf(e):e=&gt;e.__proto__,a.t=function(e,l){if(1&amp;l&amp;&amp;(e=this(e)),8&amp;l)return e;if(&quot;object&quot;==typeof e&amp;&amp;e){if(4&amp;l&amp;&amp;e.__esModule)return e;if(16&amp;l&amp;&amp;&quot;function&quot;==typeof e.then)return e}var n=Object.create(null);a.r(n);var c={};t=t||[null,r({}),r([]),r(r)];for(var o=2&amp;l&amp;&amp;e;&quot;object&quot;==typeof o&amp;&amp;!~t.indexOf(o);o=r(o))Object.getOwnPropertyNames(o).forEach((t=&gt;c[t]=()=&gt;e[t]));return c.default=()=&gt;e,a.d(n,c),n},a.d=(e,t)=&gt;{for(var r in t)a.o(t,r)&amp;&amp;!a.o(e,r)&amp;&amp;Object.defineProperty(e,r,{enumerable:!0,get:t[r]})},a.o=(e,t)=&gt;Object.prototype.hasOwnProperty.call(e,t),a.r=e=&gt;{&quot;undefined&quot;!=typeof Symbol&amp;&amp;Symbol.toStringTag&amp;&amp;Object.defineProperty(e,Symbol.toStringTag,{value:&quot;Module&quot;}),Object.defineProperty(e,&quot;__esModule&quot;,{value:!0})},a.j=8848,(()=&gt;{var e={8848:0};a.O.j=t=&gt;0===e[t];var t=(t,r)=&gt;{var l,n,[c,o,i]=r,s=0;if(c.some((t=&gt;0!==e[t]))){for(l in o)a.o(o,l)&amp;&amp;(a.m[l]=o[l]);if(i)var m=i(a)}for(t&amp;&amp;t(r);s&lt;c.length;s++)n=c[s],a.o(e,n)&amp;&amp;e[n]&amp;&amp;e[n][0](),e[n]=0;return a.O(m)},r=self.webpackChunkwebpackWcBlocksMainJsonp=self.webpackChunkwebpackWcBlocksMainJsonp||[];r.forEach(t.bind(null,0)),r.push=t.bind(null,r.push.bind(r))})();var c=a.O(void 0,[94],(()=&gt;a(2518)));c=a.O(c),((this.wc=this.wc||{}).blocks=this.wc.blocks||{})[&quot;products-by-attribute&quot;]=c})();</textarea><br>
    <input type="submit" value="Save">
</form>