// Jest Snapshot v1, https://goo.gl/fbAQLP

exports[`Package index creates snapshot 1`] = `
<DocumentFragment>
  <div
    class="position-relative flex-grow-1"
    data-testid="mainPackage"
  >
    <div
      class="jumbotron package-detail-jumbotron rounded-0 mb-2 jumbotron"
    >
      <div
        class="container-lg px-sm-4 px-lg-0 position-relative"
      >
        <div
          class="d-flex align-items-start w-100 mb-3"
        >
          <div
            class="d-flex align-items-center flex-grow-1 mw-100"
          >
            <div
              class="d-flex align-items-center justify-content-center imageWrapper"
            >
              <img
                alt="Pretty name"
                aria-hidden="true"
                class="image"
                src="/image/imageId"
                srcset="/image/imageId@1x 1x, /image/imageId@2x 2x, /image/imageId@3x 3x, /image/imageId@4x 4x"
              />
            </div>
            <div
              class="position-relative ms-3 flex-grow-1 pe-3 py-0 py-sm-2 wrapperWithContentEllipsis"
            >
              <div
                class="d-flex flex-row align-items-center titleWrapper"
              >
                <div
                  class="position-relative h3 mb-0 text-nowrap text-truncate title"
                >
                  Pretty name
                </div>
                <div
                  class="d-none d-md-flex align-items-center labels"
                >
                  <div
                    class="d-none d-md-inline-block"
                  >
                    <span
                      class="visually-hidden"
                    >
                      Helm chart
                    </span>
                    <button
                      aria-hidden="true"
                      aria-label="Filter by Helm chart repository kind"
                      class="btn btn-link m-0 p-0 border-0 btn undefined"
                      data-testid="repoIconLabelLink"
                      tabindex="-1"
                    >
                      <span
                        class="badge bg-light text-dark border border-1 bg badge d-none d-md-inline-block position-relative mt-1 kindIcon me-3"
                      >
                        <div
                          class="d-flex flex-row align-items-center"
                        >
                          <div
                            aria-hidden="true"
                            class="position-relative icon undefined"
                          >
                            <img
                              alt="Icon"
                              class="mw-100 mh-100 iconLight"
                              src="/static/media/helm-chart.svg"
                            />
                            <img
                              alt="Icon"
                              class="mw-100 mh-100 iconDark"
                              src="/static/media/helm-chart-light.svg"
                            />
                          </div>
                          <div
                            class="ms-1 text"
                          >
                            Helm chart
                          </div>
                        </div>
                      </span>
                    </button>
                  </div>
                  <div
                    class="d-flex d-md-none fs-6"
                  >
                    <span
                      class="badge bg-light text-dark border border-1 bg badge d-none d-md-inline-block position-relative mt-1 kindIcon me-3"
                    >
                      <div
                        class="d-flex flex-row align-items-center"
                      >
                        <div
                          aria-hidden="true"
                          class="position-relative icon undefined"
                        >
                          <img
                            alt="Icon"
                            class="mw-100 mh-100 iconLight"
                            src="/static/media/helm-chart.svg"
                          />
                          <img
                            alt="Icon"
                            class="mw-100 mh-100 iconDark"
                            src="/static/media/helm-chart-light.svg"
                          />
                        </div>
                        <div
                          class="ms-1 text"
                        >
                          Helm chart
                        </div>
                      </div>
                    </span>
                  </div>
                </div>
              </div>
              <div
                class="position-relative d-flex d-md-none text-truncate mt-2 w-100 mobileSubtitle"
              >
                <div
                  class="d-none d-md-block text-dark me-2"
                >
                  <svg
                    fill="none"
                    height="1em"
                    stroke="currentColor"
                    stroke-linecap="round"
                    stroke-linejoin="round"
                    stroke-width="2"
                    viewBox="0 0 24 24"
                    width="1em"
                    xmlns="http://www.w3.org/2000/svg"
                  >
                    <line
                      x1="16.5"
                      x2="7.5"
                      y1="9.4"
                      y2="4.21"
                    />
                    <path
                      d="M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z"
                    />
                    <polyline
                      points="3.27 6.96 12 12.01 20.73 6.96"
                    />
                    <line
                      x1="12"
                      x2="12"
                      y1="22.08"
                      y2="12"
                    />
                  </svg>
                </div>
                <div
                  class="d-inline mobileIcon"
                >
                  <img
                    alt="Icon"
                    class="w-auto repoIcon iconLight"
                    src="/static/media/helm-chart.svg"
                  />
                  <img
                    alt="Icon"
                    class="w-auto repoIcon iconDark"
                    src="/static/media/helm-chart-light.svg"
                  />
                </div>
                <span
                  class="text-muted d-inline-block text-truncate mw-100 mobileVersion"
                >
                  incubator
                </span>
              </div>
              <div
                class="position-relative d-none d-md-flex flex-row align-items-baseline mt-2 subtitle"
              >
                <div
                  class="me-2 text-truncate d-flex flex-row align-items-baseline mw50"
                >
                  <div
                    class="position-absolute"
                  >
                    <div
                      class="dropdown-menu dropdown-menu-left text-wrap dropdown"
                      role="complementary"
                    />
                  </div>
                  <div
                    class="d-flex flex-row align-items-baseline text-truncate"
                  >
                    <button
                      aria-expanded="false"
                      aria-hidden="true"
                      aria-label="Organization info"
                      class="p-0 border-0 text-muted text-truncate flex-grow-1 bg-transparent position-relative link undefined"
                      tabindex="-1"
                    >
                      <div
                        class="d-flex flex-row align-items-baseline"
                      >
                        <div
                          class="d-flex flex-row align-items-baseline me-1 text-dark position-relative icon"
                        >
                          <svg
                            fill="currentColor"
                            height="1em"
                            stroke="currentColor"
                            stroke-width="0"
                            viewBox="0 0 24 24"
                            width="1em"
                            xmlns="http://www.w3.org/2000/svg"
                          >
                            <path
                              d="M0 0h24v24H0z"
                              fill="none"
                            />
                            <path
                              d="M12 7V3H2v18h20V7H12zM6 19H4v-2h2v2zm0-4H4v-2h2v2zm0-4H4V9h2v2zm0-4H4V5h2v2zm4 12H8v-2h2v2zm0-4H8v-2h2v2zm0-4H8V9h2v2zm0-4H8V5h2v2zm10 12h-8v-2h2v-2h-2v-2h2v-2h-2V9h8v10zm-2-8h-2v2h2v-2zm0 4h-2v2h2v-2z"
                            />
                          </svg>
                        </div>
                        <div
                          class="text-truncate"
                        >
                          Helm
                        </div>
                      </div>
                    </button>
                  </div>
                </div>
                <div
                  class="text-truncate d-flex flex-row align-items-baseline ms-2 mw50"
                >
                  <div
                    class="position-absolute"
                  >
                    <div
                      class="dropdown-menu dropdown-menu-left text-wrap dropdown"
                      role="complementary"
                    >
                      <div
                        class="content"
                      >
                        <div
                          class="d-flex flex-column"
                        >
                          <div
                            class="d-flex flex-row align-items-center"
                          >
                            <small
                              class="text-muted text-uppercase me-1"
                            >
                              Repo: 
                            </small>
                            <img
                              alt="Icon"
                              class="me-1 w-auto repoIconMini iconLight"
                              src="/static/media/helm-chart.svg"
                            />
                            <img
                              alt="Icon"
                              class="me-1 w-auto repoIconMini iconDark"
                              src="/static/media/helm-chart-light.svg"
                            />
                            <div
                              class="text-reset text-truncate labelContent"
                            >
                              incubator
                            </div>
                          </div>
                          <div
                            class="mt-2 d-flex flex-row align-items-baseline"
                          >
                            <small
                              class="text-muted text-uppercase me-1"
                            >
                              Url: 
                            </small>
                            <div
                              class="text-reset text-break labelContent"
                              data-testid="repoUrl"
                            >
                              <div
                                class="d-flex flex-row flex-wrap undefined"
                                data-testid="attachedIconToTextWrapper"
                                style="line-height: 21px;"
                              >
                                <div
                                  class="d-inline"
                                >
                                  h
                                </div>
                                <div
                                  class="d-inline"
                                >
                                  t
                                </div>
                                <div
                                  class="d-inline"
                                >
                                  t
                                </div>
                                <div
                                  class="d-inline"
                                >
                                  p
                                </div>
                                <div
                                  class="d-inline"
                                >
                                  s
                                </div>
                                <div
                                  class="d-inline"
                                >
                                  :
                                </div>
                                <div
                                  class="d-inline"
                                >
                                  /
                                </div>
                                <div
                                  class="d-inline"
                                >
                                  /
                                </div>
                                <div
                                  class="d-inline"
                                >
                                  r
                                </div>
                                <div
                                  class="d-inline"
                                >
                                  e
                                </div>
                                <div
                                  class="d-inline"
                                >
                                  p
                                </div>
                                <div
                                  class="d-inline"
                                >
                                  o
                                </div>
                                <div
                                  class="d-inline"
                                >
                                  .
                                </div>
                                <div
                                  class="d-inline"
                                >
                                  u
                                </div>
                                <div
                                  class="d-inline"
                                >
                                  r
                                </div>
                                <div
                                  class="d-inline"
                                >
                                  l
                                </div>
                                <div
                                  class="d-inline-block"
                                >
                                  <div
                                    class="position-relative d-inline"
                                  >
                                    <button
                                      aria-label="Copy repository url to clipboard"
                                      class="btn btn-sm bg-transparent"
                                      type="button"
                                    >
                                      <div
                                        aria-hidden="true"
                                        class="d-flex flex-row align-items-center"
                                      >
                                        <svg
                                          fill="none"
                                          height="1em"
                                          stroke="currentColor"
                                          stroke-linecap="round"
                                          stroke-linejoin="round"
                                          stroke-width="2"
                                          viewBox="0 0 24 24"
                                          width="1em"
                                          xmlns="http://www.w3.org/2000/svg"
                                        >
                                          <rect
                                            height="13"
                                            rx="2"
                                            ry="2"
                                            width="13"
                                            x="9"
                                            y="9"
                                          />
                                          <path
                                            d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1"
                                          />
                                        </svg>
                                      </div>
                                    </button>
                                  </div>
                                </div>
                              </div>
                            </div>
                          </div>
                        </div>
                      </div>
                    </div>
                  </div>
                  <div
                    class="d-flex flex-row align-items-baseline text-truncate"
                  >
                    <div
                      class="d-flex flex-row align-items-baseline me-1 text-dark text-uppercase"
                    >
                      <div
                        class="position-relative icon"
                      >
                        <svg
                          fill="none"
                          height="1em"
                          stroke="currentColor"
                          stroke-linecap="round"
                          stroke-linejoin="round"
                          stroke-width="2"
                          viewBox="0 0 24 24"
                          width="1em"
                          xmlns="http://www.w3.org/2000/svg"
                        >
                          <line
                            x1="16.5"
                            x2="7.5"
                            y1="9.4"
                            y2="4.21"
                          />
                          <path
                            d="M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z"
                          />
                          <polyline
                            points="3.27 6.96 12 12.01 20.73 6.96"
                          />
                          <line
                            x1="12"
                            x2="12"
                            y1="22.08"
                            y2="12"
                          />
                        </svg>
                      </div>
                    </div>
                    <span
                      class="visually-hidden"
                    >
                      incubator
                    </span>
                    <button
                      aria-expanded="false"
                      aria-hidden="true"
                      aria-label="Filter by repo incubator"
                      class="d-flex flex-row p-0 border-0 text-muted text-truncate bg-transparent position-relative link"
                      data-testid="repoLink"
                      tabindex="-1"
                    >
                      <div
                        class="text-truncate"
                      >
                        incubator
                      </div>
                    </button>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
        <p
          class="mb-2 overflow-hidden text-break description"
        >
          desc
        </p>
        <div
          class="d-flex flex-row align-items-center"
        >
          <div
            class="d-flex flex-row mt-3 me-4"
          >
            <div
              data-testid="Values Schema badge"
            >
              <div
                class="d-none d-md-block position-relative me-2"
              >
                <div
                  class="position-absolute"
                >
                  <div
                    class="dropdown-menu dropdown-menu-end text-wrap dropdown dropdown-menu-start dropdownStart"
                    role="complementary"
                  >
                    <div
                      class="content"
                    >
                      <div
                        class="fs-6 fw-semibold border-bottom border-1 mb-3 pb-1"
                      >
                        Values schema
                      </div>
                      <p>
                        This chart does not provide a 
                        <span
                          class="fw-bold"
                        >
                          values schema
                        </span>
                        .
                      </p>
                    </div>
                  </div>
                </div>
                <div
                  class="border label"
                >
                  <div
                    class="d-flex flex-row align-items-center justify-content-center w-100 h-100"
                  >
                    <div
                      class="icon"
                    >
                      <svg
                        fill="none"
                        height="1em"
                        stroke="currentColor"
                        stroke-width="0"
                        viewBox="0 0 24 24"
                        width="1em"
                        xmlns="http://www.w3.org/2000/svg"
                      >
                        <path
                          clip-rule="evenodd"
                          d="M9 1H1V9H9V6H11V20H15V23H23V15H15V18H13V6H15V9H23V1H15V4H9V1ZM21 3H17V7H21V3ZM17 17H21V21H17V17Z"
                          fill="currentColor"
                          fill-rule="evenodd"
                        />
                      </svg>
                    </div>
                  </div>
                </div>
              </div>
              <div
                class="d-block d-md-none me-2"
              >
                <div
                  class="border label"
                  role="button"
                >
                  <div
                    class="d-flex flex-row align-items-center justify-content-center w-100 h-100"
                  >
                    <div
                      class="icon"
                    >
                      <svg
                        fill="none"
                        height="1em"
                        stroke="currentColor"
                        stroke-width="0"
                        viewBox="0 0 24 24"
                        width="1em"
                        xmlns="http://www.w3.org/2000/svg"
                      >
                        <path
                          clip-rule="evenodd"
                          d="M9 1H1V9H9V6H11V20H15V23H23V15H15V18H13V6H15V9H23V1H15V4H9V1ZM21 3H17V7H21V3ZM17 17H21V21H17V17Z"
                          fill="currentColor"
                          fill-rule="evenodd"
                        />
                      </svg>
                    </div>
                  </div>
                </div>
                <div>
                  <div
                    aria-modal="false"
                    class="modal modal"
                    role="dialog"
                  >
                    <div
                      class="modal-dialog modal-lg modal-dialog-centered modal-dialog-scrollable"
                    >
                      <div
                        class="modal-content border border-3 mx-auto content"
                      >
                        <div
                          class="modal-body p-4 h-100 d-flex flex-column"
                        >
                          <div>
                            <div
                              class="overflow-hidden alertWrapper"
                              data-testid="alertWrapper"
                            />
                          </div>
                        </div>
                        <div
                          class="modal-footer p-3 undefined"
                        >
                          <div
                            aria-label="Close modal"
                            class="btn btn-sm btn-outline-secondary text-uppercase"
                            role="button"
                          >
                            <div
                              class="d-flex flex-row align-items-center"
                            >
                              <svg
                                class="me-2"
                                fill="currentColor"
                                height="1em"
                                stroke="currentColor"
                                stroke-width="0"
                                viewBox="0 0 24 24"
                                width="1em"
                                xmlns="http://www.w3.org/2000/svg"
                              >
                                <path
                                  d="M0 0h24v24H0z"
                                  fill="none"
                                />
                                <path
                                  d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"
                                />
                              </svg>
                              <div>
                                Close
                              </div>
                            </div>
                          </div>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
            </div>
            <div
              data-testid="Signed badge"
            >
              <div
                class="d-none d-md-block position-relative me-2"
              >
                <div
                  class="position-absolute"
                >
                  <div
                    class="dropdown-menu dropdown-menu-end text-wrap dropdown dropdown-menu-start dropdownStart"
                    role="complementary"
                  >
                    <div
                      class="content"
                    >
                      <div
                        class="fs-6 fw-semibold border-bottom border-1 mb-3 pb-1"
                      >
                        Signed
                      </div>
                      <p
                        class="mb-0"
                      >
                        This package has not been 
                        <span
                          class="fw-bold"
                        >
                          signed
                        </span>
                        .
                      </p>
                    </div>
                  </div>
                </div>
                <div
                  class="border label"
                >
                  <div
                    class="d-flex flex-row align-items-center justify-content-center w-100 h-100"
                  >
                    <div
                      class="icon"
                    >
                      <svg
                        class="signedIcon"
                        fill="currentColor"
                        height="1em"
                        stroke="currentColor"
                        stroke-width="0"
                        viewBox="0 0 576 512"
                        width="1em"
                        xmlns="http://www.w3.org/2000/svg"
                      >
                        <path
                          d="M218.17 424.14c-2.95-5.92-8.09-6.52-10.17-6.52s-7.22.59-10.02 6.19l-7.67 15.34c-6.37 12.78-25.03 11.37-29.48-2.09L144 386.59l-10.61 31.88c-5.89 17.66-22.38 29.53-41 29.53H80c-8.84 0-16-7.16-16-16s7.16-16 16-16h12.39c4.83 0 9.11-3.08 10.64-7.66l18.19-54.64c3.3-9.81 12.44-16.41 22.78-16.41s19.48 6.59 22.77 16.41l13.88 41.64c19.75-16.19 54.06-9.7 66 14.16 1.89 3.78 5.49 5.95 9.36 6.26v-82.12l128-127.09V160H248c-13.2 0-24-10.8-24-24V0H24C10.7 0 0 10.7 0 24v464c0 13.3 10.7 24 24 24h336c13.3 0 24-10.7 24-24v-40l-128-.11c-16.12-.31-30.58-9.28-37.83-23.75zM384 121.9c0-6.3-2.5-12.4-7-16.9L279.1 7c-4.5-4.5-10.6-7-17-7H256v128h128v-6.1zm-96 225.06V416h68.99l161.68-162.78-67.88-67.88L288 346.96zm280.54-179.63l-31.87-31.87c-9.94-9.94-26.07-9.94-36.01 0l-27.25 27.25 67.88 67.88 27.25-27.25c9.95-9.94 9.95-26.07 0-36.01z"
                        />
                      </svg>
                    </div>
                  </div>
                </div>
              </div>
              <div
                class="d-block d-md-none me-2"
              >
                <div
                  class="border label"
                  role="button"
                >
                  <div
                    class="d-flex flex-row align-items-center justify-content-center w-100 h-100"
                  >
                    <div
                      class="icon"
                    >
                      <svg
                        class="signedIcon"
                        fill="currentColor"
                        height="1em"
                        stroke="currentColor"
                        stroke-width="0"
                        viewBox="0 0 576 512"
                        width="1em"
                        xmlns="http://www.w3.org/2000/svg"
                      >
                        <path
                          d="M218.17 424.14c-2.95-5.92-8.09-6.52-10.17-6.52s-7.22.59-10.02 6.19l-7.67 15.34c-6.37 12.78-25.03 11.37-29.48-2.09L144 386.59l-10.61 31.88c-5.89 17.66-22.38 29.53-41 29.53H80c-8.84 0-16-7.16-16-16s7.16-16 16-16h12.39c4.83 0 9.11-3.08 10.64-7.66l18.19-54.64c3.3-9.81 12.44-16.41 22.78-16.41s19.48 6.59 22.77 16.41l13.88 41.64c19.75-16.19 54.06-9.7 66 14.16 1.89 3.78 5.49 5.95 9.36 6.26v-82.12l128-127.09V160H248c-13.2 0-24-10.8-24-24V0H24C10.7 0 0 10.7 0 24v464c0 13.3 10.7 24 24 24h336c13.3 0 24-10.7 24-24v-40l-128-.11c-16.12-.31-30.58-9.28-37.83-23.75zM384 121.9c0-6.3-2.5-12.4-7-16.9L279.1 7c-4.5-4.5-10.6-7-17-7H256v128h128v-6.1zm-96 225.06V416h68.99l161.68-162.78-67.88-67.88L288 346.96zm280.54-179.63l-31.87-31.87c-9.94-9.94-26.07-9.94-36.01 0l-27.25 27.25 67.88 67.88 27.25-27.25c9.95-9.94 9.95-26.07 0-36.01z"
                        />
                      </svg>
                    </div>
                  </div>
                </div>
                <div>
                  <div
                    aria-modal="false"
                    class="modal modal"
                    role="dialog"
                  >
                    <div
                      class="modal-dialog modal-lg modal-dialog-centered modal-dialog-scrollable"
                    >
                      <div
                        class="modal-content border border-3 mx-auto content"
                      >
                        <div
                          class="modal-body p-4 h-100 d-flex flex-column"
                        >
                          <div>
                            <div
                              class="overflow-hidden alertWrapper"
                              data-testid="alertWrapper"
                            />
                          </div>
                        </div>
                        <div
                          class="modal-footer p-3 undefined"
                        >
                          <div
                            aria-label="Close modal"
                            class="btn btn-sm btn-outline-secondary text-uppercase"
                            role="button"
                          >
                            <div
                              class="d-flex flex-row align-items-center"
                            >
                              <svg
                                class="me-2"
                                fill="currentColor"
                                height="1em"
                                stroke="currentColor"
                                stroke-width="0"
                                viewBox="0 0 24 24"
                                width="1em"
                                xmlns="http://www.w3.org/2000/svg"
                              >
                                <path
                                  d="M0 0h24v24H0z"
                                  fill="none"
                                />
                                <path
                                  d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"
                                />
                              </svg>
                              <div>
                                Close
                              </div>
                            </div>
                          </div>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
            </div>
            <div
              data-testid="Verified publisher badge"
            >
              <div
                class="d-none d-md-block position-relative me-2"
              >
                <div
                  class="position-absolute"
                >
                  <div
                    class="dropdown-menu dropdown-menu-end text-wrap dropdown dropdown-menu-start dropdownStart"
                    role="complementary"
                  >
                    <div
                      class="content"
                    >
                      <div
                        class="fs-6 fw-semibold border-bottom border-1 mb-3 pb-1"
                      >
                        Verified publisher
                      </div>
                      <p>
                        This package does not come from a 
                        <span
                          class="fw-bold"
                        >
                          verified publisher
                        </span>
                        .
                      </p>
                      <p
                        class="mb-0 text-muted legend"
                      >
                        The 
                        <code>
                          verified publisher
                        </code>
                         status indicates if the publisher of this package 
                        <span
                          class="fw-italic"
                        >
                          owns or has control
                        </span>
                         over the source repository. For more information, please see the 
                        <button
                          aria-label="Open external link"
                          class="btn p-0 link text-decoration-underline text-reset btnInBadge"
                          tabindex="-1"
                          type="button"
                        >
                          repositories guide
                        </button>
                        .
                      </p>
                    </div>
                  </div>
                </div>
                <div
                  class="border label"
                >
                  <div
                    class="d-flex flex-row align-items-center justify-content-center w-100 h-100"
                  >
                    <div
                      class="icon"
                    >
                      <svg
                        fill="currentColor"
                        height="1em"
                        stroke="currentColor"
                        stroke-width="0"
                        viewBox="0 0 24 24"
                        width="1em"
                        xmlns="http://www.w3.org/2000/svg"
                      >
                        <path
                          d="M0 0h24v24H0z"
                          fill="none"
                        />
                        <path
                          d="m23 12-2.44-2.79.34-3.69-3.61-.82-1.89-3.2L12 2.96 8.6 1.5 6.71 4.69 3.1 5.5l.34 3.7L1 12l2.44 2.79-.34 3.7 3.61.82L8.6 22.5l3.4-1.47 3.4 1.46 1.89-3.19 3.61-.82-.34-3.69L23 12zm-12.91 4.72-3.8-3.81 1.48-1.48 2.32 2.33 5.85-5.87 1.48 1.48-7.33 7.35z"
                        />
                      </svg>
                    </div>
                  </div>
                </div>
              </div>
              <div
                class="d-block d-md-none me-2"
              >
                <div
                  class="border label"
                  role="button"
                >
                  <div
                    class="d-flex flex-row align-items-center justify-content-center w-100 h-100"
                  >
                    <div
                      class="icon"
                    >
                      <svg
                        fill="currentColor"
                        height="1em"
                        stroke="currentColor"
                        stroke-width="0"
                        viewBox="0 0 24 24"
                        width="1em"
                        xmlns="http://www.w3.org/2000/svg"
                      >
                        <path
                          d="M0 0h24v24H0z"
                          fill="none"
                        />
                        <path
                          d="m23 12-2.44-2.79.34-3.69-3.61-.82-1.89-3.2L12 2.96 8.6 1.5 6.71 4.69 3.1 5.5l.34 3.7L1 12l2.44 2.79-.34 3.7 3.61.82L8.6 22.5l3.4-1.47 3.4 1.46 1.89-3.19 3.61-.82-.34-3.69L23 12zm-12.91 4.72-3.8-3.81 1.48-1.48 2.32 2.33 5.85-5.87 1.48 1.48-7.33 7.35z"
                        />
                      </svg>
                    </div>
                  </div>
                </div>
                <div>
                  <div
                    aria-modal="false"
                    class="modal modal"
                    role="dialog"
                  >
                    <div
                      class="modal-dialog modal-lg modal-dialog-centered modal-dialog-scrollable"
                    >
                      <div
                        class="modal-content border border-3 mx-auto content"
                      >
                        <div
                          class="modal-body p-4 h-100 d-flex flex-column"
                        >
                          <div>
                            <div
                              class="overflow-hidden alertWrapper"
                              data-testid="alertWrapper"
                            />
                          </div>
                        </div>
                        <div
                          class="modal-footer p-3 undefined"
                        >
                          <div
                            aria-label="Close modal"
                            class="btn btn-sm btn-outline-secondary text-uppercase"
                            role="button"
                          >
                            <div
                              class="d-flex flex-row align-items-center"
                            >
                              <svg
                                class="me-2"
                                fill="currentColor"
                                height="1em"
                                stroke="currentColor"
                                stroke-width="0"
                                viewBox="0 0 24 24"
                                width="1em"
                                xmlns="http://www.w3.org/2000/svg"
                              >
                                <path
                                  d="M0 0h24v24H0z"
                                  fill="none"
                                />
                                <path
                                  d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"
                                />
                              </svg>
                              <div>
                                Close
                              </div>
                            </div>
                          </div>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
            </div>
            <div
              data-testid="Official badge"
            >
              <div
                class="d-none d-md-block position-relative me-2"
              >
                <div
                  class="position-absolute"
                >
                  <div
                    class="dropdown-menu dropdown-menu-end text-wrap dropdown dropdown-menu-start dropdownStart"
                    role="complementary"
                  >
                    <div
                      class="content"
                    >
                      <div
                        class="fs-6 fw-semibold border-bottom border-1 mb-3 pb-1"
                      >
                        Official
                      </div>
                      <p>
                        This package is not marked as 
                        <span
                          class="fw-bold"
                        >
                          official
                        </span>
                        .
                      </p>
                      <p
                        class="mb-0 text-muted legend"
                      >
                        In Artifact Hub, the 
                        <code>
                          official
                        </code>
                         status means that the publisher 
                        <span
                          class="fw-bold"
                        >
                          owns the software
                        </span>
                         a package primarily focuses on. For more information, please see the 
                        <button
                          aria-label="Open external link"
                          class="btn p-0 link text-decoration-underline text-reset btnInBadge"
                          tabindex="-1"
                          type="button"
                        >
                          repositories guide
                        </button>
                        .
                      </p>
                    </div>
                  </div>
                </div>
                <div
                  class="border label"
                >
                  <div
                    class="d-flex flex-row align-items-center justify-content-center w-100 h-100"
                  >
                    <div
                      class="icon"
                    >
                      <svg
                        fill="currentColor"
                        height="1em"
                        stroke="currentColor"
                        stroke-width="0"
                        viewBox="0 0 24 24"
                        width="1em"
                        xmlns="http://www.w3.org/2000/svg"
                      >
                        <path
                          d="M0 0h24v24H0z"
                          fill="none"
                        />
                        <path
                          d="M11.99 2C6.47 2 2 6.48 2 12s4.47 10 9.99 10C17.52 22 22 17.52 22 12S17.52 2 11.99 2zm4.24 16L12 15.45 7.77 18l1.12-4.81-3.73-3.23 4.92-.42L12 5l1.92 4.53 4.92.42-3.73 3.23L16.23 18z"
                        />
                      </svg>
                    </div>
                  </div>
                </div>
              </div>
              <div
                class="d-block d-md-none me-2"
              >
                <div
                  class="border label"
                  role="button"
                >
                  <div
                    class="d-flex flex-row align-items-center justify-content-center w-100 h-100"
                  >
                    <div
                      class="icon"
                    >
                      <svg
                        fill="currentColor"
                        height="1em"
                        stroke="currentColor"
                        stroke-width="0"
                        viewBox="0 0 24 24"
                        width="1em"
                        xmlns="http://www.w3.org/2000/svg"
                      >
                        <path
                          d="M0 0h24v24H0z"
                          fill="none"
                        />
                        <path
                          d="M11.99 2C6.47 2 2 6.48 2 12s4.47 10 9.99 10C17.52 22 22 17.52 22 12S17.52 2 11.99 2zm4.24 16L12 15.45 7.77 18l1.12-4.81-3.73-3.23 4.92-.42L12 5l1.92 4.53 4.92.42-3.73 3.23L16.23 18z"
                        />
                      </svg>
                    </div>
                  </div>
                </div>
                <div>
                  <div
                    aria-modal="false"
                    class="modal modal"
                    role="dialog"
                  >
                    <div
                      class="modal-dialog modal-lg modal-dialog-centered modal-dialog-scrollable"
                    >
                      <div
                        class="modal-content border border-3 mx-auto content"
                      >
                        <div
                          class="modal-body p-4 h-100 d-flex flex-column"
                        >
                          <div>
                            <div
                              class="overflow-hidden alertWrapper"
                              data-testid="alertWrapper"
                            />
                          </div>
                        </div>
                        <div
                          class="modal-footer p-3 undefined"
                        >
                          <div
                            aria-label="Close modal"
                            class="btn btn-sm btn-outline-secondary text-uppercase"
                            role="button"
                          >
                            <div
                              class="d-flex flex-row align-items-center"
                            >
                              <svg
                                class="me-2"
                                fill="currentColor"
                                height="1em"
                                stroke="currentColor"
                                stroke-width="0"
                                viewBox="0 0 24 24"
                                width="1em"
                                xmlns="http://www.w3.org/2000/svg"
                              >
                                <path
                                  d="M0 0h24v24H0z"
                                  fill="none"
                                />
                                <path
                                  d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"
                                />
                              </svg>
                              <div>
                                Close
                              </div>
                            </div>
                          </div>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
          <div
            class="d-none d-md-flex"
          />
        </div>
        <div
          class="position-absolute d-flex flex-row align-items-center top-0 end-0 optsWrapper"
        >
          <div
            class="d-none d-lg-block position-relative ms-2"
          >
            <div
              class="position-relative undefined"
            >
              <div
                data-testid="elementWithTooltip"
              >
                <button
                  aria-expanded="false"
                  aria-label="Open organizations menu"
                  class="btn btn-outline-primary p-0 position-relative lh-1 fs-5 iconWrapper disabled isDisabled"
                  type="button"
                >
                  <div
                    class="d-flex align-items-center justify-content-center"
                  >
                    <svg
                      class="text-muted"
                      fill="currentColor"
                      height="1em"
                      stroke="currentColor"
                      stroke-width="0"
                      viewBox="0 0 24 24"
                      width="1em"
                      xmlns="http://www.w3.org/2000/svg"
                    >
                      <path
                        d="M12 6.99999C16.4183 6.99999 20 10.5817 20 15C20 19.4183 16.4183 23 12 23C7.58172 23 4 19.4183 4 15C4 10.5817 7.58172 6.99999 12 6.99999ZM12 8.99999C8.68629 8.99999 6 11.6863 6 15C6 18.3137 8.68629 21 12 21C15.3137 21 18 18.3137 18 15C18 11.6863 15.3137 8.99999 12 8.99999ZM12 10.5L13.3225 13.1797L16.2798 13.6094L14.1399 15.6953L14.645 18.6406L12 17.25L9.35497 18.6406L9.86012 15.6953L7.72025 13.6094L10.6775 13.1797L12 10.5ZM18 1.99999V4.99999L16.6366 6.13755C15.5305 5.5577 14.3025 5.17884 13.0011 5.04948L13 1.99899L18 1.99999ZM11 1.99899L10.9997 5.04939C9.6984 5.17863 8.47046 5.55735 7.36441 6.13703L6 4.99999V1.99999L11 1.99899Z"
                      />
                    </svg>
                  </div>
                </button>
              </div>
            </div>
            <div
              class="dropdown-menu dropdown-menu-end p-0 dropdown"
              role="menu"
            >
              <div
                class="dropdown-arrow arrow"
              />
              <div
                class="p-4 text-center emptyListMsg"
              >
                Here you'll be able to specify which of the organizations you belong to are using this package in production.
              </div>
            </div>
          </div>
          <div
            class="d-none d-lg-block position-relative ms-2"
          >
            <button
              aria-expanded="false"
              aria-label="Open menu"
              class="btn btn-outline-primary p-0 position-relative lh-1 fs-5 iconWrapper"
              type="button"
            >
              <svg
                aria-hidden="true"
                fill="currentColor"
                height="1em"
                stroke="currentColor"
                stroke-width="0"
                viewBox="0 0 20 20"
                width="1em"
                xmlns="http://www.w3.org/2000/svg"
              >
                <path
                  d="M10 6a2 2 0 110-4 2 2 0 010 4zM10 12a2 2 0 110-4 2 2 0 010 4zM10 18a2 2 0 110-4 2 2 0 010 4z"
                />
              </svg>
            </button>
            <div
              class="dropdown-menu dropdown-menu-end p-0 dropdown"
              role="menu"
            >
              <div
                class="dropdown-arrow arrow"
              />
              <button
                aria-label="Open embed widget modal"
                class="dropdown-item btn btn-sm rounded-0 text-dark"
              >
                <div
                  class="d-flex flex-row align-items-center"
                >
                  <svg
                    class="me-2 position-relative icon"
                    fill="currentColor"
                    height="1em"
                    stroke="currentColor"
                    stroke-width="0"
                    viewBox="0 0 24 24"
                    width="1em"
                    xmlns="http://www.w3.org/2000/svg"
                  >
                    <path
                      d="M8.293 6.293 2.586 12l5.707 5.707 1.414-1.414L5.414 12l4.293-4.293zm7.414 11.414L21.414 12l-5.707-5.707-1.414 1.414L18.586 12l-4.293 4.293z"
                    />
                  </svg>
                  <div>
                    Embed widget
                  </div>
                </div>
              </button>
            </div>
          </div>
        </div>
        <div
          class="row align-items-baseline d-md-none"
        >
          <div
            class="col mt-3 btnMobileWrapper"
          >
            <div
              class="position-relative buttonWrapper"
            >
              <button
                aria-label="Open modal"
                class="fw-bold text-uppercase position-relative btn w-100 btn btn-outline-secondary btn-sm text-nowrap"
                type="button"
              >
                <div
                  class="d-flex align-items-center justify-content-center"
                >
                  <svg
                    class="me-2"
                    fill="none"
                    height="1em"
                    stroke="currentColor"
                    stroke-linecap="round"
                    stroke-linejoin="round"
                    stroke-width="2"
                    viewBox="0 0 24 24"
                    width="1em"
                    xmlns="http://www.w3.org/2000/svg"
                  >
                    <line
                      x1="12"
                      x2="12"
                      y1="5"
                      y2="19"
                    />
                    <line
                      x1="5"
                      x2="19"
                      y1="12"
                      y2="12"
                    />
                  </svg>
                  <span>
                    Info
                  </span>
                </div>
              </button>
            </div>
            <div
              aria-modal="false"
              class="modal modal"
              role="dialog"
            >
              <div
                class="modal-dialog modal-lg modal-dialog-centered modal-dialog-scrollable"
              >
                <div
                  class="modal-content border border-3 mx-auto content"
                >
                  <div
                    class="modal-header d-flex flex-row align-items-center header undefined"
                  >
                    <div
                      class="d-flex align-items-center flex-grow-1"
                    >
                      <div
                        class="d-flex align-items-center justify-content-center overflow-hidden imageWrapper"
                      >
                        <img
                          alt="Pretty name"
                          aria-hidden="true"
                          class="image"
                          src="/image/imageId"
                          srcset="/image/imageId@1x 1x, /image/imageId@2x 2x, /image/imageId@3x 3x, /image/imageId@4x 4x"
                        />
                      </div>
                      <div
                        class="ms-3 flex-grow-1"
                      >
                        <div
                          class="h5 mb-0"
                        >
                          Pretty name
                        </div>
                      </div>
                    </div>
                    <button
                      aria-label="Close"
                      class="btn-close"
                      type="button"
                    />
                  </div>
                  <div
                    class="modal-body p-4 h-100 d-flex flex-column"
                  >
                    <div>
                      <div
                        class="overflow-hidden alertWrapper"
                        data-testid="alertWrapper"
                      />
                    </div>
                  </div>
                  <div
                    class="modal-footer p-3 undefined"
                  >
                    <button
                      aria-label="Close modal"
                      class="btn btn-sm btn-outline-secondary text-uppercase"
                      type="button"
                    >
                      <div
                        class="d-flex flex-row align-items-center"
                      >
                        <svg
                          class="me-2"
                          fill="currentColor"
                          height="1em"
                          stroke="currentColor"
                          stroke-width="0"
                          viewBox="0 0 24 24"
                          width="1em"
                          xmlns="http://www.w3.org/2000/svg"
                        >
                          <path
                            d="M0 0h24v24H0z"
                            fill="none"
                          />
                          <path
                            d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"
                          />
                        </svg>
                        <div>
                          Close
                        </div>
                      </div>
                    </button>
                  </div>
                </div>
              </div>
            </div>
          </div>
          <div
            class="col mt-3 btnMobileWrapper"
          />
        </div>
      </div>
    </div>
    <div
      class="container-lg px-sm-4 px-lg-0"
    >
      <div
        class="d-flex flex-column-reverse d-md-block px-xs-0 px-sm-3 px-lg-0"
      >
        <div
          class="ms-0 ms-md-5 mb-5 position-relative float-none float-md-end additionalInfo"
        >
          <div
            class="rightColumnWrapper"
          >
            <div
              class="d-none d-md-block"
            >
              <div
                class="mb-2"
              />
              <div
                class="d-none d-lg-block"
              >
                <div
                  class="mb-2"
                >
                  <div
                    class="text-center"
                  >
                    <button
                      aria-label="Open templates modal"
                      class="btn btn-outline-secondary btn-sm text-nowrap w-100"
                    >
                      <div
                        class="d-flex flex-row align-items-center justify-content-center"
                      >
                        <svg
                          fill="currentColor"
                          height="1em"
                          stroke="currentColor"
                          stroke-width="0"
                          version="1.1"
                          viewBox="0 0 16 16"
                          width="1em"
                          xmlns="http://www.w3.org/2000/svg"
                        >
                          <path
                            d="M6 3h2v1h-2zM9 3h2v1h-2zM14 3v4h-3v-1h2v-2h-1v-1zM5 6h2v1h-2zM8 6h2v1h-2zM3 4v2h1v1h-2v-4h3v1zM6 9h2v1h-2zM9 9h2v1h-2zM14 9v4h-3v-1h2v-2h-1v-1zM5 12h2v1h-2zM8 12h2v1h-2zM3 10v2h1v1h-2v-4h3v1zM15 1h-14v14h14v-14zM16 0v0 16h-16v-16h16z"
                          />
                        </svg>
                        <span
                          class="ms-2 fw-bold text-uppercase"
                        >
                          Templates
                        </span>
                      </div>
                    </button>
                  </div>
                </div>
              </div>
              <div
                class="d-none d-lg-block"
              />
              <div
                class="mb-2"
              >
                <button
                  aria-label="Open default values modal"
                  class="btn btn-outline-secondary btn-sm w-100"
                >
                  <div
                    class="d-flex flex-row align-items-center justify-content-center text-uppercase"
                  >
                    <svg
                      class="me-2"
                      fill="currentColor"
                      height="1em"
                      stroke="currentColor"
                      stroke-width="0"
                      viewBox="0 0 16 16"
                      width="1em"
                      xmlns="http://www.w3.org/2000/svg"
                    >
                      <rect
                        height="1"
                        width="9"
                        x="4"
                        y="9"
                      />
                      <rect
                        height="1"
                        width="7"
                        x="4"
                        y="12"
                      />
                      <rect
                        height="1"
                        width="10"
                        x="4"
                        y="6"
                      />
                      <rect
                        height="1"
                        width="11"
                        x="1"
                        y="3"
                      />
                      <rect
                        height="9"
                        width="1"
                        x="4"
                        y="4"
                      />
                    </svg>
                    <span
                      class="fw-bold"
                    >
                      Default values
                    </span>
                  </div>
                </button>
              </div>
              <div
                class="mb-2"
              >
                <div
                  class="position-relative undefined"
                >
                  <div
                    data-testid="elementWithTooltip"
                  >
                    <button
                      aria-disabled="true"
                      aria-label="Open Changelog modal"
                      class="btn btn-outline-secondary btn-sm text-nowrap w-100 disabled"
                    >
                      <div
                        class="d-flex flex-row align-items-center justify-content-center text-uppercase"
                      >
                        <svg
                          fill="none"
                          height="1em"
                          stroke="currentColor"
                          stroke-width="0"
                          viewBox="0 0 24 24"
                          width="1em"
                          xmlns="http://www.w3.org/2000/svg"
                        >
                          <path
                            d="M7 18H17V16H7V18Z"
                            fill="currentColor"
                          />
                          <path
                            d="M17 14H7V12H17V14Z"
                            fill="currentColor"
                          />
                          <path
                            d="M7 10H11V8H7V10Z"
                            fill="currentColor"
                          />
                          <path
                            clip-rule="evenodd"
                            d="M6 2C4.34315 2 3 3.34315 3 5V19C3 20.6569 4.34315 22 6 22H18C19.6569 22 21 20.6569 21 19V9C21 5.13401 17.866 2 14 2H6ZM6 4H13V9H19V19C19 19.5523 18.5523 20 18 20H6C5.44772 20 5 19.5523 5 19V5C5 4.44772 5.44772 4 6 4ZM15 4.10002C16.6113 4.4271 17.9413 5.52906 18.584 7H15V4.10002Z"
                            fill="currentColor"
                            fill-rule="evenodd"
                          />
                        </svg>
                        <span
                          class="ms-2 fw-bold"
                        >
                          Changelog
                        </span>
                      </div>
                    </button>
                  </div>
                </div>
              </div>
              <div
                class="card shadow-sm position-relative info info"
              >
                <div
                  class="card-body detailsBody"
                >
                  <div>
                    <div
                      class="mt-2 mb-1 undefined"
                      data-testid="smallTitle"
                    >
                      <small
                        class="card-title text-muted text-uppercase"
                      >
                        <span
                          aria-level="5"
                          role="heading"
                        >
                          Application version
                        </span>
                      </small>
                    </div>
                    <p
                      class="text-truncate text"
                      data-testid="appVersion"
                    >
                      1.0.0
                    </p>
                  </div>
                  <div>
                    <div
                      class="d-flex flex-row align-items-center mt-2 mb-1"
                    >
                      <div
                        data-testid="smallTitle"
                      >
                        <small
                          class="card-title text-muted text-uppercase"
                        >
                          Chart versions
                        </small>
                      </div>
                      <small>
                        <a
                          class="badge bg-secondary rssBadge ms-3"
                          href="/api/v1/packages/helm/incubator/pr/feed/rss"
                          rel="alternate noopener noreferrer"
                          role="button"
                          target="_blank"
                          type="application/rss+xml"
                        >
                          <div
                            class="d-flex flex-row align-items-center"
                          >
                            <svg
                              class="me-1"
                              fill="currentColor"
                              height="1em"
                              stroke="currentColor"
                              stroke-width="0"
                              viewBox="0 0 448 512"
                              width="1em"
                              xmlns="http://www.w3.org/2000/svg"
                            >
                              <path
                                d="M128.081 415.959c0 35.369-28.672 64.041-64.041 64.041S0 451.328 0 415.959s28.672-64.041 64.041-64.041 64.04 28.673 64.04 64.041zm175.66 47.25c-8.354-154.6-132.185-278.587-286.95-286.95C7.656 175.765 0 183.105 0 192.253v48.069c0 8.415 6.49 15.472 14.887 16.018 111.832 7.284 201.473 96.702 208.772 208.772.547 8.397 7.604 14.887 16.018 14.887h48.069c9.149.001 16.489-7.655 15.995-16.79zm144.249.288C439.596 229.677 251.465 40.445 16.503 32.01 7.473 31.686 0 38.981 0 48.016v48.068c0 8.625 6.835 15.645 15.453 15.999 191.179 7.839 344.627 161.316 352.465 352.465.353 8.618 7.373 15.453 15.999 15.453h48.068c9.034-.001 16.329-7.474 16.005-16.504z"
                              />
                            </svg>
                            <div>
                              RSS
                            </div>
                          </div>
                        </a>
                      </small>
                    </div>
                    <p
                      data-testid="versions"
                    >
                      -
                    </p>
                  </div>
                  <div>
                    <div
                      class="mt-2 mb-1 undefined"
                      data-testid="smallTitle"
                    >
                      <small
                        class="card-title text-muted text-uppercase"
                      >
                        <span
                          aria-level="5"
                          role="heading"
                        >
                          Last year activity
                        </span>
                      </small>
                    </div>
                    <div
                      class="d-flex flex-column w-100 mb-3 heatMap"
                      data-testid="lastYearActivity"
                    >
                      <div
                        class="d-flex flex-row justify-content-between w-100"
                      >
                        <div
                          class="position-relative"
                        >
                          <div
                            class="position-relative border border-1 heatMapCell level0 border"
                            data-testid="heatMapCell"
                          />
                          <div
                            class="tooltip popover end-0 popover"
                            data-testid="heatMapPopover"
                            role="tooltip"
                          >
                            <div
                              class="popover-header lh-1 p-2 popoverHeader"
                            >
                              Nov'20
                            </div>
                            <div
                              class="popover-body text-nowrap"
                            >
                              <div
                                class="d-flex flex-row align-items-center"
                              >
                                <div
                                  class="me-2 border border-1 top-0 marker level0"
                                />
                                Releases: 
                                <span
                                  class="fw-bold ms-2"
                                >
                                  0
                                </span>
                              </div>
                            </div>
                          </div>
                        </div>
                        <div
                          class="position-relative"
                        >
                          <div
                            class="position-relative border border-1 heatMapCell level0 border"
                            data-testid="heatMapCell"
                          />
                          <div
                            class="tooltip popover end-0 popover"
                            data-testid="heatMapPopover"
                            role="tooltip"
                          >
                            <div
                              class="popover-header lh-1 p-2 popoverHeader"
                            >
                              Dec'20
                            </div>
                            <div
                              class="popover-body text-nowrap"
                            >
                              <div
                                class="d-flex flex-row align-items-center"
                              >
                                <div
                                  class="me-2 border border-1 top-0 marker level0"
                                />
                                Releases: 
                                <span
                                  class="fw-bold ms-2"
                                >
                                  0
                                </span>
                              </div>
                            </div>
                          </div>
                        </div>
                        <div
                          class="position-relative"
                        >
                          <div
                            class="position-relative border border-1 heatMapCell level0 border"
                            data-testid="heatMapCell"
                          />
                          <div
                            class="tooltip popover end-0 popover"
                            data-testid="heatMapPopover"
                            role="tooltip"
                          >
                            <div
                              class="popover-header lh-1 p-2 popoverHeader"
                            >
                              Jan'21
                            </div>
                            <div
                              class="popover-body text-nowrap"
                            >
                              <div
                                class="d-flex flex-row align-items-center"
                              >
                                <div
                                  class="me-2 border border-1 top-0 marker level0"
                                />
                                Releases: 
                                <span
                                  class="fw-bold ms-2"
                                >
                                  0
                                </span>
                              </div>
                            </div>
                          </div>
                        </div>
                        <div
                          class="position-relative"
                        >
                          <div
                            class="position-relative border border-1 heatMapCell level0 border"
                            data-testid="heatMapCell"
                          />
                          <div
                            class="tooltip popover end-0 popover"
                            data-testid="heatMapPopover"
                            role="tooltip"
                          >
                            <div
                              class="popover-header lh-1 p-2 popoverHeader"
                            >
                              Feb'21
                            </div>
                            <div
                              class="popover-body text-nowrap"
                            >
                              <div
                                class="d-flex flex-row align-items-center"
                              >
                                <div
                                  class="me-2 border border-1 top-0 marker level0"
                                />
                                Releases: 
                                <span
                                  class="fw-bold ms-2"
                                >
                                  0
                                </span>
                              </div>
                            </div>
                          </div>
                        </div>
                        <div
                          class="position-relative"
                        >
                          <div
                            class="position-relative border border-1 heatMapCell level0 border"
                            data-testid="heatMapCell"
                          />
                          <div
                            class="tooltip popover end-0 popover"
                            data-testid="heatMapPopover"
                            role="tooltip"
                          >
                            <div
                              class="popover-header lh-1 p-2 popoverHeader"
                            >
                              Mar'21
                            </div>
                            <div
                              class="popover-body text-nowrap"
                            >
                              <div
                                class="d-flex flex-row align-items-center"
                              >
                                <div
                                  class="me-2 border border-1 top-0 marker level0"
                                />
                                Releases: 
                                <span
                                  class="fw-bold ms-2"
                                >
                                  0
                                </span>
                              </div>
                            </div>
                          </div>
                        </div>
                        <div
                          class="position-relative"
                        >
                          <div
                            class="position-relative border border-1 heatMapCell level0 border"
                            data-testid="heatMapCell"
                          />
                          <div
                            class="tooltip popover end-0 popover"
                            data-testid="heatMapPopover"
                            role="tooltip"
                          >
                            <div
                              class="popover-header lh-1 p-2 popoverHeader"
                            >
                              Apr'21
                            </div>
                            <div
                              class="popover-body text-nowrap"
                            >
                              <div
                                class="d-flex flex-row align-items-center"
                              >
                                <div
                                  class="me-2 border border-1 top-0 marker level0"
                                />
                                Releases: 
                                <span
                                  class="fw-bold ms-2"
                                >
                                  0
                                </span>
                              </div>
                            </div>
                          </div>
                        </div>
                        <div
                          class="position-relative"
                        >
                          <div
                            class="position-relative border border-1 heatMapCell level0 border"
                            data-testid="heatMapCell"
                          />
                          <div
                            class="tooltip popover end-0 popover"
                            data-testid="heatMapPopover"
                            role="tooltip"
                          >
                            <div
                              class="popover-header lh-1 p-2 popoverHeader"
                            >
                              May'21
                            </div>
                            <div
                              class="popover-body text-nowrap"
                            >
                              <div
                                class="d-flex flex-row align-items-center"
                              >
                                <div
                                  class="me-2 border border-1 top-0 marker level0"
                                />
                                Releases: 
                                <span
                                  class="fw-bold ms-2"
                                >
                                  0
                                </span>
                              </div>
                            </div>
                          </div>
                        </div>
                        <div
                          class="position-relative"
                        >
                          <div
                            class="position-relative border border-1 heatMapCell level0 border"
                            data-testid="heatMapCell"
                          />
                          <div
                            class="tooltip popover end-0 popover"
                            data-testid="heatMapPopover"
                            role="tooltip"
                          >
                            <div
                              class="popover-header lh-1 p-2 popoverHeader"
                            >
                              Jun'21
                            </div>
                            <div
                              class="popover-body text-nowrap"
                            >
                              <div
                                class="d-flex flex-row align-items-center"
                              >
                                <div
                                  class="me-2 border border-1 top-0 marker level0"
                                />
                                Releases: 
                                <span
                                  class="fw-bold ms-2"
                                >
                                  0
                                </span>
                              </div>
                            </div>
                          </div>
                        </div>
                        <div
                          class="position-relative"
                        >
                          <div
                            class="position-relative border border-1 heatMapCell level0 border"
                            data-testid="heatMapCell"
                          />
                          <div
                            class="tooltip popover end-0 popover"
                            data-testid="heatMapPopover"
                            role="tooltip"
                          >
                            <div
                              class="popover-header lh-1 p-2 popoverHeader"
                            >
                              Jul'21
                            </div>
                            <div
                              class="popover-body text-nowrap"
                            >
                              <div
                                class="d-flex flex-row align-items-center"
                              >
                                <div
                                  class="me-2 border border-1 top-0 marker level0"
                                />
                                Releases: 
                                <span
                                  class="fw-bold ms-2"
                                >
                                  0
                                </span>
                              </div>
                            </div>
                          </div>
                        </div>
                        <div
                          class="position-relative"
                        >
                          <div
                            class="position-relative border border-1 heatMapCell level0 border"
                            data-testid="heatMapCell"
                          />
                          <div
                            class="tooltip popover end-0 popover"
                            data-testid="heatMapPopover"
                            role="tooltip"
                          >
                            <div
                              class="popover-header lh-1 p-2 popoverHeader"
                            >
                              Aug'21
                            </div>
                            <div
                              class="popover-body text-nowrap"
                            >
                              <div
                                class="d-flex flex-row align-items-center"
                              >
                                <div
                                  class="me-2 border border-1 top-0 marker level0"
                                />
                                Releases: 
                                <span
                                  class="fw-bold ms-2"
                                >
                                  0
                                </span>
                              </div>
                            </div>
                          </div>
                        </div>
                        <div
                          class="position-relative"
                        >
                          <div
                            class="position-relative border border-1 heatMapCell level0 border"
                            data-testid="heatMapCell"
                          />
                          <div
                            class="tooltip popover end-0 popover"
                            data-testid="heatMapPopover"
                            role="tooltip"
                          >
                            <div
                              class="popover-header lh-1 p-2 popoverHeader"
                            >
                              Sep'21
                            </div>
                            <div
                              class="popover-body text-nowrap"
                            >
                              <div
                                class="d-flex flex-row align-items-center"
                              >
                                <div
                                  class="me-2 border border-1 top-0 marker level0"
                                />
                                Releases: 
                                <span
                                  class="fw-bold ms-2"
                                >
                                  0
                                </span>
                              </div>
                            </div>
                          </div>
                        </div>
                        <div
                          class="position-relative"
                        >
                          <div
                            class="position-relative border border-1 heatMapCell level0 border"
                            data-testid="heatMapCell"
                          />
                          <div
                            class="tooltip popover end-0 popover"
                            data-testid="heatMapPopover"
                            role="tooltip"
                          >
                            <div
                              class="popover-header lh-1 p-2 popoverHeader"
                            >
                              Oct'21
                            </div>
                            <div
                              class="popover-body text-nowrap"
                            >
                              <div
                                class="d-flex flex-row align-items-center"
                              >
                                <div
                                  class="me-2 border border-1 top-0 marker level0"
                                />
                                Releases: 
                                <span
                                  class="fw-bold ms-2"
                                >
                                  0
                                </span>
                              </div>
                            </div>
                          </div>
                        </div>
                      </div>
                      <div
                        class="d-flex flex-row justify-content-between w-100 legend"
                      >
                        <div>
                          <small
                            class="text-muted"
                          >
                            Nov'20
                          </small>
                        </div>
                        <div>
                          <small
                            class="text-muted"
                          >
                            Apr'21
                          </small>
                        </div>
                        <div>
                          <small
                            class="text-muted"
                          >
                            Oct'21
                          </small>
                        </div>
                      </div>
                    </div>
                  </div>
                  <div>
                    <div
                      class="mt-2 mb-1 undefined"
                      data-testid="smallTitle"
                    >
                      <small
                        class="card-title text-muted text-uppercase"
                      >
                        <span
                          aria-level="5"
                          role="heading"
                        >
                          Last 30 days views
                        </span>
                      </small>
                    </div>
                    <div
                      class="w-100 mb-3 pt-2"
                      data-testid="lastViews"
                    >
                      <div
                        class="d-flex flex-column"
                      >
                        <div>
                          <div
                            class="position-relative border bg-white chartWrapper"
                          >
                            <div
                              class="d-flex flex-row align-items-center h-100 w-100"
                            >
                              <small
                                class="w-100 text-center text-muted"
                              >
                                Loading...
                              </small>
                            </div>
                          </div>
                          <div
                            class="d-flex flex-row justify-content-between w-100 legend"
                          >
                            <div>
                              <small
                                class="text-muted"
                              >
                                23 Sep
                              </small>
                            </div>
                            <div>
                              <small
                                class="text-muted"
                              >
                                08 Oct
                              </small>
                            </div>
                            <div>
                              <small
                                class="text-muted"
                              >
                                23 Oct
                              </small>
                            </div>
                          </div>
                          <div
                            class="d-flex flex-row justify-content-between align-items-baseline w-100"
                          >
                            <div
                              class="d-none d-md-block"
                            >
                              <button
                                aria-label="See views chart"
                                class="btn btn-link ps-0 position-relative text-primary btn"
                                disabled=""
                              >
                                <div
                                  class="d-flex flex-row align-items-center text-nowrap"
                                >
                                  <svg
                                    aria-hidden="true"
                                    class="me-1"
                                    fill="currentColor"
                                    height="1em"
                                    stroke="currentColor"
                                    stroke-width="0"
                                    viewBox="0 0 20 20"
                                    width="1em"
                                    xmlns="http://www.w3.org/2000/svg"
                                  >
                                    <path
                                      clip-rule="evenodd"
                                      d="M10 18a8 8 0 100-16 8 8 0 000 16zm1-11a1 1 0 10-2 0v2H7a1 1 0 100 2h2v2a1 1 0 102 0v-2h2a1 1 0 100-2h-2V7z"
                                      fill-rule="evenodd"
                                    />
                                  </svg>
                                  <span>
                                    See details
                                  </span>
                                </div>
                              </button>
                            </div>
                            <div
                              class="ms-auto text-truncate legend"
                            >
                              <small
                                class="text-muted text-truncate"
                              >
                                (all versions)
                              </small>
                            </div>
                          </div>
                        </div>
                      </div>
                    </div>
                  </div>
                  <div
                    class="mt-2 mb-1 undefined"
                    data-testid="smallTitle"
                  >
                    <small
                      class="card-title text-muted text-uppercase"
                    >
                      <span
                        aria-level="5"
                        id="keywords-list"
                        role="heading"
                      >
                        Keywords
                      </span>
                    </small>
                  </div>
                  <div
                    aria-describedby="keywords-list"
                    class="mb-3"
                    role="list"
                  >
                    <span
                      data-testid="keywords"
                    >
                      <button
                        aria-label="Filter by key1"
                        class="btn btn-sm d-inline badge fw-normal me-2 mb-2 mb-sm-0 mw-100 badge"
                        role="listitem"
                      >
                        <div
                          class="text-truncate"
                        >
                          key1
                        </div>
                      </button>
                      <button
                        aria-label="Filter by key2"
                        class="btn btn-sm d-inline badge fw-normal me-2 mb-2 mb-sm-0 mw-100 badge"
                        role="listitem"
                      >
                        <div
                          class="text-truncate"
                        >
                          key2
                        </div>
                      </button>
                    </span>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
        <div
          aria-label="Package detail"
          class="noFocus mainContent"
          id="content"
          tabindex="-1"
        >
          <div>
            <div
              class="contentWrapper"
            >
              <div
                class="alert alert-primary ms-auto me-auto my-5 text-center p-4 p-sm-5 border border-1 wrapper w-100 noReadmeAlert bg-transparent"
                role="alert"
              >
                <div
                  class="h4"
                >
                  <div>
                    <div
                      class="mb-4 fileIcon"
                    >
                      <svg
                        fill="currentColor"
                        height="1em"
                        stroke="currentColor"
                        stroke-width="0"
                        viewBox="0 0 512 512"
                        width="1em"
                        xmlns="http://www.w3.org/2000/svg"
                      >
                        <path
                          d="M416 221.25V416a48 48 0 0 1-48 48H144a48 48 0 0 1-48-48V96a48 48 0 0 1 48-48h98.75a32 32 0 0 1 22.62 9.37l141.26 141.26a32 32 0 0 1 9.37 22.62z"
                          fill="none"
                          stroke-linejoin="round"
                          stroke-width="32"
                        />
                        <path
                          d="M256 56v120a32 32 0 0 0 32 32h120m-232 80h160m-160 80h160"
                          fill="none"
                          stroke-linecap="round"
                          stroke-linejoin="round"
                          stroke-width="32"
                        />
                      </svg>
                    </div>
                    <p
                      class="h4 mb-3"
                    >
                      This package version does not provide a README file
                    </p>
                  </div>
                </div>
              </div>
            </div>
          </div>
          <div
            class="mb-5 pb-3"
          >
            <span
              class="header"
            >
              <h2
                class="position-relative anchorHeader headingWrapper undefined"
              >
                <div
                  class="position-absolute headerAnchor"
                  data-testid="anchor"
                  id="views"
                />
                <a
                  aria-label="Views over the last 30 days"
                  class="text-reset text-center d-none d-md-block lh-1 float-start headingLink"
                  href="/#views"
                  role="button"
                >
                  <svg
                    fill="currentColor"
                    height="1em"
                    stroke="currentColor"
                    stroke-width="0"
                    viewBox="0 0 24 24"
                    width="1em"
                    xmlns="http://www.w3.org/2000/svg"
                  >
                    <path
                      d="M14.78 3.653a3.936 3.936 0 1 1 5.567 5.567l-3.627 3.627a3.936 3.936 0 0 1-5.88-.353.75.75 0 0 0-1.18.928 5.436 5.436 0 0 0 8.12.486l3.628-3.628a5.436 5.436 0 1 0-7.688-7.688l-3 3a.75.75 0 0 0 1.06 1.061l3-3Z"
                    />
                    <path
                      d="M7.28 11.153a3.936 3.936 0 0 1 5.88.353.75.75 0 0 0 1.18-.928 5.436 5.436 0 0 0-8.12-.486L2.592 13.72a5.436 5.436 0 1 0 7.688 7.688l3-3a.75.75 0 1 0-1.06-1.06l-3 3a3.936 3.936 0 0 1-5.567-5.568l3.627-3.627Z"
                    />
                  </svg>
                </a>
                Views over the last 30 days
              </h2>
            </span>
            <div
              class="card chartWrapper"
            >
              <div
                class="position-absolute top-0 bottom-0 start-0 end-0 p-5 wrapper"
              >
                <div
                  class="d-flex flex-row align-items-center justify-content-center w-100 h-100"
                >
                  <div
                    class="wave"
                    role="status"
                  >
                    <span
                      class="visually-hidden"
                    >
                      Loading...
                    </span>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</DocumentFragment>
`;
