edition/partials/shop/top.hbs

<div>
  <div
    hx-get="shop/totals/"
    hx-trigger="every 1s"
    hx-on::config-request="
    event.detail.path = !(
        new URLSearchParams(window.location.search
    ).get('order'))
        ? 'shop/totals/' 
        : 'shop/totals/?orderId=' + new URLSearchParams(window.location.search).get('order');
    "
    hx-swap="outerHTML"
  ></div>
  <div
    id="order-form-rose-ash-shop"
  ></div>

  <div
    id="order-detail-rose-ash-shop"
  >
  </div>

  <div
    id="choice-all"
  ></div>

  <div
    id="choice-me"
  ></div>

  <div
    id="choice-buy"
  ></div>

  <div
    id="choice-configure"
  ></div>


<div id="configure-rose-ash-shop"></div>

  <div hx-get="totals/" hx-trigger="load delay:1ms" hx-swap="outerHTML"></div>

  <div id="order-form-rose-ash-shop"></div>
  <div
    id="order-detail-rose-ash-shop"
  ></div>

  <div id="choice-all"></div>

  <div id="choice-me"></div>

  <div id="choice-buy"></div>

  <div id="choice-configure"></div>

  <div id="choice-order"></div>

  
  <div
      id="boot-rose-ash-shop"
      hx-get="shop/choice/"
      hx-trigger="every 1s"
      hx-on::config-request= "
        event.detail.path+= '?show=' + new URLSearchParams(window.location.search).get('show');
        if (new URLSearchParams(window.location.search).get('orderId')) {
          event.detail.path += '&orderId=' + new URLSearchParams(window.location.search).get('orderId');
        }"
      hx-swap="none"
    >
    <div class="spinner-border" role="status">
      <span class="sr-only">Loading...</span>
    </div>
  </div>

</div>