var __spreadArray=this&&this.__spreadArray||function(t,e){for(var i=0,a=e.length,l=t.length;ia){l=1}else if(i0;var g=(s===null||s===void 0?void 0:s.length)>1;var y=!!(u===null||u===void 0?void 0:u.alphabeticalLabel)||!!(u===null||u===void 0?void 0:u.alphabeticalDescLabel)||!!(u===null||u===void 0?void 0:u.recentlyChangedLabel)||!!(u===null||u===void 0?void 0:u.recentlyChangedDescLabel);var f=v&&g&&!!(u===null||u===void 0?void 0:u.sortByLabel)&&y;return h(Host,{class:e},h("ux-w-wrapper",{url:a,linkTitle:l,headline:n,icon:"cart",hasMenu:f},f&&h("div",{slot:"menu"},h("div",{class:"ux-text-tiny ux-text-tiny--bold ux-u-text-uppercase"},u.sortByLabel),h("ux-select",{class:"ux-u-text-uppercase",onUxSelectChange:this.handleSortChange},(u===null||u===void 0?void 0:u.alphabeticalLabel)&&h("option",{value:"sortBy:alphabet",selected:true},u.alphabeticalLabel),(u===null||u===void 0?void 0:u.alphabeticalDescLabel)&&h("option",{value:"sortBy:alphabet:desc"},u.alphabeticalDescLabel),(u===null||u===void 0?void 0:u.recentlyChangedLabel)&&h("option",{value:"sortBy:date"},u.recentlyChangedLabel),(u===null||u===void 0?void 0:u.recentlyChangedDescLabel)&&h("option",{value:"sortBy:date:desc"},u.recentlyChangedDescLabel))),h("div",{class:e+"__slot-container",slot:"content"},!v&&!c&&h("ux-w-empty",{link:o,linkText:d,icon:"watchlist"},h("div",{innerHTML:r})),!v&&c&&h("ux-w-empty",{icon:"crane"},h("div",{innerHTML:p})),(t=this.listArray)===null||t===void 0?void 0:t.map((function(t){return h("div",{class:e+"__item"},h("ux-w-shopping-lists-item",{headline:t.title,lastChange:t.lastChange,lastChangeLabel:u===null||u===void 0?void 0:u.lastChange,listLink:t.listLink,listLinkTitle:u===null||u===void 0?void 0:u.details,articleLabel:u===null||u===void 0?void 0:u.articleLabel,addListToCartLink:t.addListToCartLink,addListToCartLinkTitle:u===null||u===void 0?void 0:u.addListToCart,amount:t.amount}))})))))};Object.defineProperty(t,"watchers",{get:function(){return{url:["componentWillLoad"]}},enumerable:false,configurable:true});return t}();ShoppingLists.style=shoppingListsCss;export{ShoppingLists as ux_w_shopping_lists};