import{html}from"https://cdn.jsdelivr.net/npm/lit@2.3.0/+esm";import{WishlistElement}from"https://cdn.jsdelivr.net/npm/@appmate/wishlist@4.14.1";import{LiquidElement}from"https://cdn.jsdelivr.net/npm/@appmate/wishlist@4.14.1/liquid.js";import{ProductFormController,Icon}from"https://cdn.jsdelivr.net/npm/@appmate/wishlist@4.14.1/components/all.js";class WishlistPage extends LiquidElement{getStateConfig(){return{wishlist:"all"}}updateState(t){"mine"===(t.wishlist&&t.wishlist.id)&&"mine"!==this.dataset.wishlistId?this.dataset.wishlistId="mine":super.updateState(t),setTimeout(function(){$(document).trigger("initialize.toggleAdvanced")},1500)}getLiquidTemplate(){return`
        <div class="columns">
            {% if customer %}
                <div class="sidebar sidebar-main">
                    <div class="block account-nav">
                        <div class="title account-nav-title js-account-nav"><strong>{{ 'general.sidebar_title' | t }}</strong></div>
                        <div class="content account-nav-content" id="account-nav">
                            <div class="dashboard-tile-wrapper sidebar">
                                <ul class="nav items">
                                    <li class="nav item">
                                        <a href="{{ routes.account_url }}">
                                            <svg viewBox="0 0 34 34" xmlns="http://www.w3.org/2000/svg" width="34" height="34" class="svg-icon">
                                                <use xlink:href="#icon-dashboard" href="#icon-dashboard"></use>
                                            </svg>
                                            <span>{{ 'general.sidebar_account_dashboard' | t }}</span>
                                        </a>
                                    </li>
                                    <li class="nav item">
                                        <a href="{{ routes.account_addresses_url }}">
                                            <svg viewBox="0 0 34 34" xmlns="http://www.w3.org/2000/svg" width="34" height="34" class="svg-icon">
                                                <use xlink:href="#icon-house" href="#icon-house"></use>
                                            </svg>
                                            <span>{{ 'general.sidebar_address_book' | t }}</span>
                                        </a>
                                    </li>
                                    <li class="nav item">
                                        <a href="{{ routes.account_url }}#myOrders" class="js-fake-change-page">
                                            <svg viewBox="0 0 34 34" xmlns="http://www.w3.org/2000/svg" width="34" height="34" class="svg-icon">
                                                <use xlink:href="#icon-calendar" href="#icon-calendar"></use>
                                            </svg>
                                            <span>{{ 'general.sidebar_my_orders' | t }}</span>
                                        </a>
                                    </li>
                                    <li class="nav item current">
                                        <strong>
                                            <svg viewBox="0 0 34 34" xmlns="http://www.w3.org/2000/svg" width="34" height="34" class="svg-icon">
                                                <use xlink:href="#icon-wishlist" href="#icon-wishlist"></use>
                                            </svg>
                                            <span>{{ 'general.sidebar_my_wishlist' | t }}</span>
                                        </strong>
                                    </li>
                                    <li class="nav item">
                                        <a href="apps/wishlist#smile-home">
                                            <svg viewBox="0 0 34 34" xmlns="http://www.w3.org/2000/svg" width="34" height="34" class="svg-icon">
                                                <use xlink:href="#icon-reward" href="#icon-reward"></use>
                                            </svg>
                                            <span>{{ 'general.sidebar_my_rewards' | t }}</span>
                                        </a>
                                    </li>
                                    <li class="nav item">
                                        <a href="{{ routes.account_logout_url }}">
                                            <svg viewBox="0 0 34 34" xmlns="http://www.w3.org/2000/svg" width="34" height="34" class="svg-icon">
                                                <use xlink:href="#icon-logout" href="#icon-logout"></use>
                                            </svg>
                                            <span>{{ 'general.sidebar_sign_out' | t }}</span>
                                        </a>
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
            {% endif %}
            <div class="column main">
                <div class="page-title-wrapper">
                    <h1 class="page-title">
                        <span class="base" data-ui-id="page-title-wrapper">
                        {%- if customer or wishlist.is_mine == false or shop.customer_accounts_enabled == false -%}
                            {{ 'general.wishlist_title' | t }}
                        {%- else -%}
                            {{ 'general.share_list_title' | t }}
                        {%- endif -%}
                        </span>
                    </h1>
                </div>
                <div class="products-grid wishlist">
                  {% if wishlist.num_items == 0 %}
                      <div class="message info empty">
                          <span>{{ 'general.wishlist_empty_note' | t }}</span>
                      </div>
                  {% else %}
                  
                      {%- if wishlist.id -%}
                        {%- unless wishlist.num_items == 0 -%}
                          <div class="wk-controls">
                            <wishlist-share 
                              data-wishlist-id="{{ wishlist.id }}"
                              layout="icon-and-text"
                              class="action share"
                            ></wishlist-share>
                          </div>
                        {%- endunless -%}
                      {%- endif -%}
                  
                      {% unless customer or wishlist.is_mine == false or shop.customer_accounts_enabled == false %}
                        <div class="wk-login-note">
                          <p>{{ 'general.login_or_signup_note_html' | t: login_url: routes.account_login_url, register_url: routes.account_register_url }}</p>
                        </div>
                      {% endunless %}
                  
                      <ol class="wishlist-header">
                          <li class="wishlist-header-item col-details">{{ 'general.header_product_details' | t }}</li> 
                          <li class="wishlist-header-item col-price">{{ 'general.header_price' | t }}</li>
                      </ol>
                      
                      <ol class="product-items">
                        {%- assign wishlist_items = wishlist.items | reverse -%}
                        {%- for wishlist_item in wishlist_items -%}
                        
                          <li data-row="product-item" class="product-item">
                            <wishlist-product-card 
                              part="product"
                              data-wishlist-id="{{ wishlist.id }}"
                              data-wishlist-item-id="{{ wishlist_item.id }}"
                            ></wishlist-product-card>
                          </li>
                        {%- endfor -%}
                      </ol>
                  {% endif %}
                </div>
                <div class="secondary wishlist-secondary">
                    <a href="{{ routes.account_url }}" class="action back">
                        <span>{{ 'general.back' | t }}</span>
                    </a>
                </div>
            </div>
        </div>
    `}}customElements.define("wishlist-page",WishlistPage);class WishlistProductCard extends LiquidElement{constructor(){super(),this.form=new ProductFormController(this,{app:this.app})}updateState(t){t.wishlistItem&&this.form.setProduct({product:t.wishlistItem.product,selectedVariantId:t.wishlistItem.selectedVariantId,autoSelect:this.app.settings.autoSelectVariantOnInit}),super.updateState(t)}getStateConfig(){return{loading:"lazy",wishlist:"minimal",wishlistItem:!0}}getLiquidData(){return{form:this.form.state}}getEventConfig(){return{"change .wk-form":async t=>{"select"==t.target.tagName.toLowerCase()&&(this.form.changeOption({input:t.target,autoSelect:this.app.settings.autoSelectVariantOnChange}),this.form.state.selectedVariant)&&this.state.wishlist.isMine&&await this.app.updateWishlistItem({wishlistItemId:this.state.wishlistItem.id,changes:{variantId:this.form.state.selectedVariant.id}})},"submit .wk-form":async t=>{t.preventDefault();var e=t.target,t={id:parseInt(e.querySelector('[name="id"]').value),quantity:parseInt(e.querySelector('[name="quantity"]').value)};await fetch(e.getAttribute("action")+".js",{method:"POST",cache:"no-cache",headers:{"Content-Type":"application/json"},body:JSON.stringify(t)}).then(t=>{t.ok;$(document).trigger("updateMiniCart","addToCart"),(new PageMessage).setMessage("success",window.productTranslate.success_added_message.replace("%1",e.dataset.wkTitle),!0),$(document).trigger("updateMiniCart","addToCart")}).catch(t=>{console.error("Error:",t)})}}}getLiquidTemplate(){return`
      {%- assign container_id = "product-card-" | append: wishlist_item.id -%}
      {%- if wishlist_item.loading -%}
        <div class="product-item-info placeholder" 
            data-container="product-grid"
            id="{{ container_id }}">
            <div class="product-item-details">
                <a class="product-item-photo" 
                  tabindex="-1" 
                  href="#"> 
                    <span class="product-image-container" style="width:320px;">
                      <span class="product-image-wrapper" style="padding-bottom: 141.875%;">
                      </span>
                    </span>
                </a>
                <div class="product-item-details-inner">
                   <strong class="product-item-name">
                        <a href="#" 
                            class="product-item-link">
                        </a>
                   </strong>
                   <div class="tooltip wrapper product-item-tooltip">
                      <form 
                        class="wk-form wk-product-form"
                        >
                        <div class="wk-variants wk-product-form__options">
                          <div class="tooltip content">
                             <dl></dl>
                          </div>
                          <div class="wk-product-form__quantity field qty">
                            <div class="qty-content">
                              <label class="wk-product-form__quantity__label" for="Quantity">{{ 'general.quantity' | t }}:</label>
                              <div class="control">
                                <input class="wk-product-form__quantity__input input-text qty wk-quantity-input" 
                                    type="number" name="quantity" value="1" min="1">
                              </div>
                            </div>
                          </div>
                        </div>
                        <button type="submit" class="wk-action-tocart action tocart secondary">
                          {{ 'general.add_to_cart' | t }}
                        </button>
                      </form>
                   </div>
                   <div class="field comment-box"></div>
                   <div class="product-item-actions">
                    </div>
                </div>
            </div>
            <div class="price-box price-final_price">
                <span class="normal-price">
                  <span class="price-container price-final_price tax weee">
                       <span class="price-wrapper ">
                          <span class="price wk-product-price--current"></span>
                       </span>
                  </span>
                </span>
            </div>
            <div class="product-item-inner">
              <div class="box-tocart">
                 <fieldset class="fieldset">
                    <div class="field qty">
                       <div class="qty-content">
                          <label class="label" for="qty[{{ container_id }}]"><span>{{ 'general.quantity' | t }}:</span></label> 
                          <div class="control">
                              <input type="number" data-role="qty" id="qty[{{ container_id }}]" class="input-text qty" 
                                  data-validate="{ 'required-number':true, 'validate-greater-than-zero':true, 'validate-item-quantity':{ 'minAllowed':1, 'maxAllowed':10000 } }" 
                                  name="qty[{{ container_id }}]" 
                                  value="1">
                          </div>
                       </div>
                    </div>
                    <div class="product-item-actions">
                        <div class="actions-primary"> 
                            <button type="submit" 
                                class="action tocart secondary">
                                    <span>{{ 'general.add_to_cart' | t }}</span>
                            </button>
                        </div>
                    </div>
                 </fieldset>
              </div>
           </div>
        </div>
      {%- elsif wishlist_item.hidden -%}
      
      {%- else -%}
        {%- assign product = wishlist_item.product -%}
        {%- assign variant = form.selected_variant -%}
        {%- if product.has_only_default_variant -%}
          {%- assign variant = product.variants | first -%}
        {%- endif -%}

        {%- if variant.price < variant.compare_at_price -%}
          {%- assign container_class = "wk-product--sale" -%}
        {%- else %}
          {%- assign container_class = "" -%}
        {%- endif -%}
        
        <div class="product-item-info {{ container_class }}" 
            data-container="product-grid"
            id="{{ container_id }}">
            <div class="product-item-details">
                <a class="product-item-photo" 
                  tabindex="-1" 
                  href="{{ product | variant_url }}" 
                  title="{{ product.title }}"> 
                    <span class="product-image-container" style="width:320px;">
                      <span class="product-image-wrapper" style="padding-bottom: 141.875%;">
                        <img class="product-image-photo" 
                          src="{{ product | image_url: width: 320, height: 454 }}" 
                          loading="lazy" 
                          max-width="320" 
                          max-height="454" 
                          alt="{{ product.title }}">
                      </span>
                    </span>
                </a>
                <div class="product-item-details-inner">
                   <strong class="product-item-name">
                        <a href="{{ product | variant_url }}" 
                            title="{{ product.title }}" 
                            class="product-item-link">
                            {{ product.title }}
                        </a>
                   </strong>
                   <div class="tooltip wrapper product-item-tooltip">
                      <form 
                        class="wk-form wk-product-form"
                        method="post" 
                        action="{{ routes.cart_add_url }}" 
                        data-wishlist-id="{{ wishlist.id }}"
                        data-wishlist-item-id="{{ wishlist_item.id }}"
                        data-wk-title="{{ product.title }}"
                      >
                        <input name="id" value="{{ variant.id }}" type="hidden">
                        <div class="wk-variants wk-product-form__options">
                          {%- unless product.has_only_default_variant -%}
                              {%- for option in form.options_with_values -%}
                                <div class="tooltip content">
                                   <dl>
                                      <dt class="label">
                                        <label class="wk-product-form__option__label" for="Option{{ option.position }}">
                                          {{ option.name }}
                                        </label>
                                      </dt>
                                      <dd class="values">
                                        <wk-select 
                                            name="options[{{ option.name | escape }}]"
                                            label="{{ option.name }}"
                                            text="{{ option.selected_value | default: option.name }}"
                                            class="wk-product-form__option__select"
                                          >
                                            {%- if option.selected_value == null or option.unavailable_values contains option.selected_value -%}
                                              <option value>- {{ 'general.select_variant' | t: name: option.name }} -</option>
                                            {%- endif -%}
                                            {%- for value in option.values -%}
                                              {%- assign soldout = option.soldout_values contains value -%}
                                              {%- assign unavailable = option.unavailable_values contains value and option.name == "Size" -%}
                                              {%- assign selected = option.selected_value == value -%}
                                              {%- unless unavailable -%}
                                                <option 
                                                  value="{{ value | escape }}"
                                                  {%- if selected %} selected{%- endif -%}
                                                >
                                                  {{ value }}
                                                </option>
                                              {%- endunless -%}
                                            {%- endfor -%}
                                        </wk-select>
                                      </dd>
                                   </dl>
                                </div>
                              {%- endfor -%}
                          {%- endunless -%}
                          <div class="wk-product-form__quantity field qty">
                            <div class="qty-content">
                              <label class="wk-product-form__quantity__label" for="Quantity">{{ 'general.quantity' | t }}:</label>
                              <div class="control">
                                <input class="wk-product-form__quantity__input input-text qty wk-quantity-input" 
                                    type="number" name="quantity" value="1" min="1">
                              </div>
                            </div>
                          </div>
                        </div>
                        <button type="submit" class="wk-action-tocart action tocart secondary" 
                            data-wishlist-item-id="{{ product.wishlist_item_id }}"
                            {%- unless variant.available -%}disabled{%- endunless -%}>
                           {%- if variant.available -%}
                              {{ 'general.add_to_cart' | t }}
                            {%- elsif variant == null and form.has_selection -%}
                              {{ 'general.unavailable' | t }}
                            {%- elsif variant == null -%}
                              {{ 'general.select_variant' | t }}
                            {%- else -%}
                              {{ 'general.sold_out' | t }}
                            {%- endif -%}
                        </button>
                      </form>
                   </div>
                   <div class="field comment-box"></div>
                   <div class="product-item-actions">
                        {%- if wishlist.is_mine -%}
                          <remove-button
                            data-wishlist-item-id="{{ wishlist_item.id }}"
                            data-wk-title="{{ product.title | escape }}"
                            layout="icon-only"
                            floating='{"reference": "#{{ container_id }} .wk-image", "position": {"placement": "top-end", "inset": true}}'
                          ></remove-button>
                        {%- endif -%}
                    </div>
                </div>
            </div>
            <div class="price-box price-final_price">
                <span class="normal-price">
                  <span class="price-container price-final_price tax weee">
                       <span class="price-wrapper ">
                          <span class="price wk-product-price--current">
                              {{ variant.price | money }}
                          </span>
                       </span>
                  </span>
                  {% assign discount = variant.compare_at_price | divided_by: 100.0  %}
                  {% assign discount = variant.price | divided_by: discount | round: 0 %}
                  {% assign percent = 100 | minus: discount %}
                  <span class="discount-percent">{{ 'general.percent_off' | t: percent: percent }}</span>
                </span>
                <span class="old-price sly-old-price">
                    <span class="price-container price-final_price tax weee">
                        <span class="price-wrapper">
                            <span class="price wk-product-price--compare">{{ variant.compare_at_price | money }}</span>
                        </span>
                    </span>
                </span>
            </div>
            <div class="product-item-inner">
              <div class="box-tocart">
                 <fieldset class="fieldset">
                    <div class="field qty">
                       <div class="qty-content">
                          <label class="label" for="qty[{{ product.id }}]"><span>Qty:</span></label> 
                          <div class="control">
                              <input type="number" data-role="qty" id="qty[{{ product.id }}]" class="input-text qty" 
                                  data-validate="{ 'required-number':true, 'validate-greater-than-zero':true, 'validate-item-quantity':{ 'minAllowed':1, 'maxAllowed':10000 } }" 
                                  name="qty[{{ product.id }}]" 
                                  value="1">
                          </div>
                       </div>
                    </div>
                    
                    {% if variant.available %}
                        <div class="product-item-actions">
                            <div class="actions-primary"> 
                                <button type="submit" 
                                    class="action tocart secondary">
                                        <span>{{ 'general.add_to_cart' | t }}</span>
                                </button>
                            </div>
                        </div>
                    {% else %}
                        <p class="unavailable stock"><span>{{ 'general.sold_out' | t }}</span></p>
                    {% endif %}
                 </fieldset>
              </div>
           </div>
        </div>
      {%- endif -%}
    `}}customElements.define("wishlist-product-card",WishlistProductCard);class WishlistButton extends WishlistElement{static get properties(){return{layout:{type:String},alignment:{type:String},outline:{type:Boolean},fullWidth:{type:Boolean},floating:{type:Object}}}getStateConfig(){return{productInfo:!0}}getEventConfig(){return{"click wk-button":this.handleClick}}appReadyCallback(){this.app.events.subscribe("wk:product:change-variant:success",t=>{var e,i;this.dataset.productHandle===t.data.productHandle&&(e=this.state.productInfo?this.state.productInfo.wishlistItemId:void 0,i=this.state.productInfo?this.state.productInfo.variantId:void 0,e&&!i&&this.app.updateWishlistItem({wishlistItemId:e,changes:{variantId:t.data.variantId}}),this.dataset.variantId=t.data.variantId)})}handleClick(){var t=this.state.productInfo.productId,t=this.closest('[data-wk-product-id="'+t+'"]'),t=t?t.dataset.wkTitle:"@productName",e=new PageMessage,i=!(document.body.classList.contains("search-template")||document.body.classList.contains("collection-template"));return e.clearMessages(),this.state.productInfo.inWishlist?(e.setMessage("success",window.wishlistTranslate.removed.replace("%1",t),i),this.app.removeWishlistItem(this.state.productInfo)):(e.setMessage("success",window.wishlistTranslate.added_html.replace("%1",Shopify.routes.root+"apps/wishlist").replace("%2",t),i),this.app.addWishlistItem(this.state.productInfo))}render(){var t=this.state.productInfo&&this.state.productInfo.inWishlist,e=this.getTranslation(t?"general.remove_from_wishlist":"general.add_to_wishlist"),i=this.getTranslation(t?"general.remove_from_wishlist":"general.add_to_wishlist");return html`
      <wk-button
        .text=${e}
        .hint=${i}
        .selected=${t}
        .layout=${this.layout}
        .alignment=${this.alignment}
        .outline=${this.outline}
        .fullWidth=${this.fullWidth}
        .floating=${this.floating}
        .icon=${"wishlistFill"}
      ></wk-button>
    `}}customElements.define("wishlist-button",WishlistButton);class RemoveButton extends WishlistElement{static get properties(){return{layout:{type:String},alignment:{type:String},outline:{type:Boolean},fullWidth:{type:Boolean},floating:{type:Object}}}getEventConfig(){return{"click .wk-button":this.handleClick}}handleClick(t){return t.preventDefault(),(new PageMessage).setMessage("success",window.wishlistTranslate.removed.replace("%1",this.dataset.wkTitle),!0),this.app.removeWishlistItem({wishlistItemId:this.dataset.wishlistItemId})}render(){var t=this.getTranslation("general.remove"),e=this.getTranslation("general.remove_from_wishlist");this.getTranslation("general.remove");return html`
      <a href="#" data-role="remove" title="${e}" class="btn-remove action delete wk-button">${t}</a>
    `}}customElements.define("remove-button",RemoveButton);class WishlistLink extends WishlistElement{static get properties(){return{layout:{type:String},alignment:{type:String},outline:{type:Boolean},fullWidth:{type:Boolean},floating:{type:Object},badgeLayout:{type:String},badgeParentheses:{type:Boolean},badgeHiddenIfEmpty:{type:Boolean},badgeFloating:{type:Object}}}getStateConfig(){return{wishlist:"minimal"}}getWishlistUrl(){return this.app.settings.loginRequired&&!this.app.customer?this.app.routes.accountLoginUrl:this.app.routes.wishlistUrl}render(){var t=this.getWishlistUrl(),e=this.getTranslation("general.wishlist"),i=this.getTranslation("general.view_wishlist");return html`
      <wk-button
        .href=${t}
        .text=${e}
        .hint=${i}
        .selected=${0<this.state.wishlist.numItems}
        .layout=${this.layout}
        .alignment=${this.alignment}
        .outline=${this.outline}
        .fullWidth=${this.fullWidth}
        .floating=${this.floating}
        .icon=${"wishlistHeader"}
        .badgeText=${this.state.wishlist.numItems}
        .badgeLayout=${this.badgeLayout}
        .badgeParentheses=${this.badgeParentheses}
        .badgeHiddenIfEmpty=${this.badgeHiddenIfEmpty}
        .badgeFloating=${this.badgeFloating}
      ></wk-button>
    `}}customElements.define("wishlist-link",WishlistLink);class WishlistShare extends WishlistElement{static get properties(){return{layout:{type:String},alignment:{type:String},floating:{type:Object}}}getStateConfig(){return{wishlist:"minimal"}}getEventConfig(){return{"click wk-button":this.handleClick}}async handleClick(){var t=(await this.app.shareWishlist({wishlistId:this.state.wishlist.publicId,title:this.getTranslation("general.share_list_title"),text:this.getTranslation("general.share_list_description")}))["clipboard"];t&&(this.updateState({linkCopied:!0}),await new Promise(t=>setTimeout(t,2e3)),this.updateState({linkCopied:!1}))}render(){var t=this.getTranslation(this.state.linkCopied?"general.share_link_copied":"general.share_wishlist");return html`
      <wk-button
        .text=${t}
        .hint=${t}
        .layout=${this.layout}
        .alignment=${this.alignment}
        .floating=${this.floating}
        .icon="${"share"}"
      ></wk-button>
    `}}customElements.define("wishlist-share",WishlistShare),Icon.setIcons({wishlistHeader:`
    <svg viewBox="0 0 32 32" xmlns="http://www.w3.org/2000/svg" width="22px" height="23px" class="header-tool__icon">
      <use xlink:href="#icon-wishlist" href="#icon-wishlist"></use>
    </svg>
  `,wishlistFill:`
    <svg viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg" width="20" height="20" class="svg-icon">
      <use xlink:href="#icon-wishlist-for-fill" href="#icon-wishlist-for-fill"></use>
    </svg>
  `,remove:`
    <svg aria-hidden="true" focusable="false" role="presentation" viewBox="0 0 64 64">
      <path d="M0.309,0.309a0.9,0.9,0,0,1,1.268,0L63.691,62.423a0.9,0.9,0,0,1-1.268,1.268L0.309,1.577A0.9,0.9,0,0,1,.309.309Z"/>
      <path d="M63.691,0.309a0.9,0.9,0,0,1,0,1.268L1.577,63.691A0.9,0.9,0,0,1,.309,62.423L62.423,0.309A0.9,0.9,0,0,1,63.691.309Z"/>
    </svg>
  `,share:`
    <svg aria-hidden="true" focusable="false" role="presentation" viewBox="0 0 122.88 122.88">
      <path d="M60.54,34.07A7.65,7.65,0,0,1,49.72,23.25l13-12.95a35.38,35.38,0,0,1,49.91,0l.07.08a35.37,35.37,0,0,1-.07,49.83l-13,12.95A7.65,7.65,0,0,1,88.81,62.34l13-13a20.08,20.08,0,0,0,0-28.23l-.11-.11a20.08,20.08,0,0,0-28.2.07l-12.95,13Zm14,3.16A7.65,7.65,0,0,1,85.31,48.05L48.05,85.31A7.65,7.65,0,0,1,37.23,74.5L74.5,37.23ZM62.1,89.05A7.65,7.65,0,0,1,72.91,99.87l-12.7,12.71a35.37,35.37,0,0,1-49.76.14l-.28-.27a35.38,35.38,0,0,1,.13-49.78L23,50A7.65,7.65,0,1,1,33.83,60.78L21.12,73.49a20.09,20.09,0,0,0,0,28.25l0,0a20.07,20.07,0,0,0,28.27,0L62.1,89.05Z"/>
    </svg>
  `,caret:`
    <svg aria-hidden="true" focusable="false" role="presentation" viewBox="0 0 24 24">
      <path d="M6 9l6 6 6-6" />
    </svg>
  `,spinner:`
    <svg class="wk-spinner-svg" aria-hidden="true" focusable="false" role="presentation" viewBox="0 0 66 66">
      <circle class="wk-spinner-circle" fill="none" stroke-width="6" cx="33" cy="33" r="30"></circle>
    </svg>
  `});export{WishlistPage,WishlistProductCard,WishlistButton,RemoveButton,WishlistLink,WishlistShare};