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

exports[`RandomPackages creates snapshot 1`] = `
<DocumentFragment>
  <div
    class="position-relative wrapper"
  >
    <div
      class="container my-4 my-md-5"
    >
      <div
        class="d-flex flex-wrap justify-content-center"
      >
        <div
          class="position-absolute p-5 wrapper undefined"
        >
          <div
            class="d-flex flex-row align-items-center justify-content-center w-100 h-100"
          >
            <div
              class="spinner-border text-primary spinner position-relative"
              role="status"
            >
              <span
                class="sr-only"
              >
                Loading...
              </span>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</DocumentFragment>
`;

exports[`RandomPackages creates snapshot 2`] = `
<DocumentFragment>
  <div
    class="position-relative wrapper"
  >
    <div
      class="container my-4 my-md-5"
    >
      <div
        class="d-flex flex-wrap justify-content-center"
      >
        <div
          class="mw-100 my-2"
          data-testid="randomPackagesList"
        >
          <div
            class="h4 text-center text-secondary mt-3 mt-md-2 mb-4"
          >
            Explore and discover packages
          </div>
          <div
            class="pt-2"
          >
            <div
              class="position-relative mw-100 card"
            >
              <div
                class="card-body d-flex flex-column body"
              >
                <div
                  class="d-flex align-items-start justify-content-between flex-grow-1 mw-100"
                >
                  <div
                    class="d-flex align-items-strecht flex-grow-1 h-100 truncateWrapper"
                  >
                    <a
                      class="text-decoration-none link"
                      href="/packages/helm/halkeye/undefined"
                    >
                      <div
                        class="d-flex align-items-center justify-content-center overflow-hidden rounded-circle p-1 imageWrapper"
                      >
                        <img
                          alt="Logo mosquitto"
                          class="image"
                          src="/image/aca0e134-7e18-411c-9662-1245f92f438d"
                          srcset="/image/aca0e134-7e18-411c-9662-1245f92f438d@1x 1x, /image/aca0e134-7e18-411c-9662-1245f92f438d@2x 2x, /image/aca0e134-7e18-411c-9662-1245f92f438d@3x 3x, /image/aca0e134-7e18-411c-9662-1245f92f438d@4x 4x"
                        />
                      </div>
                    </a>
                    <div
                      class="d-flex flex-column justify-content-between ml-3 my-1 my-md-0 flex-grow-1 truncateWrapper titleWrapper"
                    >
                      <div
                        class="text-truncate card-title mb-0"
                      >
                        <div
                          class="d-flex flex-row align-items-center"
                        >
                          <a
                            class="link text-truncate"
                            data-testid="packageLink"
                            href="/packages/helm/halkeye/undefined"
                          >
                            <div
                              class="text-truncate title"
                            >
                              mosquitto
                            </div>
                          </a>
                          <div
                            class="d-none d-lg-inline-block ml-3"
                          />
                        </div>
                      </div>
                      <div
                        class="card-subtitle text-truncate align-items-baseline subtitle"
                      >
                        <div
                          class="d-inline-block d-md-none text-truncate w-100"
                        >
                          <div
                            class="position-absolute"
                          >
                            <div
                              class="dropdown-menu dropdown-menu-left dropdown"
                              data-testid="repoInfoDropdown"
                            >
                              <div
                                class="content"
                              >
                                <div
                                  class="d-flex flex-column"
                                >
                                  <div
                                    class="d-flex flex-row align-items-center"
                                  >
                                    <small
                                      class="text-muted text-uppercase mr-1"
                                    >
                                      Repo: 
                                    </small>
                                    <img
                                      alt="Icon"
                                      class="mr-1 repoIconMini"
                                      src="/static/media/helm-chart.svg"
                                    />
                                    <div
                                      class="text-reset labelContent"
                                    >
                                      halkeye
                                    </div>
                                  </div>
                                  <div
                                    class="mt-2 d-flex flex-row align-items-baseline"
                                  >
                                    <small
                                      class="text-muted text-uppercase mr-1"
                                    >
                                      Url: 
                                    </small>
                                    <div
                                      class="text-reset urlContent labelContent"
                                    >
                                      <div
                                        class="position-relative d-inline-block"
                                      >
                                        <button
                                          class="btn btn-sm miniBtn"
                                          data-testid="ctcBtn"
                                          type="button"
                                        >
                                          <div
                                            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
                            class="d-flex flex-row aling-items-start text-truncate"
                          >
                            <div
                              class="d-flex flex-row align-items-start mr-1 text-muted text-uppercase"
                            >
                              <small
                                class="mr-1"
                              >
                                Repo:
                              </small>
                            </div>
                            <button
                              class="p-0 border-0 text-dark text-truncate link"
                              data-testid="repoLink"
                            >
                              <div
                                class="text-truncate"
                              >
                                halkeye
                              </div>
                            </button>
                          </div>
                        </div>
                        <div
                          class="d-none d-md-flex flex-row align-items-start w-100 wrapper"
                        >
                          <div
                            class="d-flex flex-row align-items-baseline text-truncate mx50"
                          >
                            <span
                              class="text-muted text-uppercase mr-1"
                            >
                              User: 
                            </span>
                            <button
                              class="p-0 border-0 text-truncate text-dark mw-100 link"
                              data-testid="userLink"
                            >
                              <div
                                class="text-truncate"
                              >
                                user
                              </div>
                            </button>
                          </div>
                          <div
                            class="ml-3 d-flex flex-row align-items-baseline mx50"
                          >
                            <div
                              class="position-absolute"
                            >
                              <div
                                class="dropdown-menu dropdown-menu-left dropdown"
                                data-testid="repoInfoDropdown"
                              >
                                <div
                                  class="content"
                                >
                                  <div
                                    class="d-flex flex-column"
                                  >
                                    <div
                                      class="d-flex flex-row align-items-center"
                                    >
                                      <small
                                        class="text-muted text-uppercase mr-1"
                                      >
                                        Repo: 
                                      </small>
                                      <img
                                        alt="Icon"
                                        class="mr-1 repoIconMini"
                                        src="/static/media/helm-chart.svg"
                                      />
                                      <div
                                        class="text-reset labelContent"
                                      >
                                        halkeye
                                      </div>
                                    </div>
                                    <div
                                      class="mt-2 d-flex flex-row align-items-baseline"
                                    >
                                      <small
                                        class="text-muted text-uppercase mr-1"
                                      >
                                        Url: 
                                      </small>
                                      <div
                                        class="text-reset urlContent labelContent"
                                      >
                                        <div
                                          class="position-relative d-inline-block"
                                        >
                                          <button
                                            class="btn btn-sm miniBtn"
                                            data-testid="ctcBtn"
                                            type="button"
                                          >
                                            <div
                                              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
                              class="d-flex flex-row aling-items-start text-truncate"
                            >
                              <div
                                class="d-flex flex-row align-items-start mr-1 text-muted text-uppercase"
                              >
                                <small
                                  class="mr-1"
                                >
                                  Repo:
                                </small>
                              </div>
                              <button
                                class="p-0 border-0 text-dark text-truncate link"
                                data-testid="repoLink"
                              >
                                <div
                                  class="text-truncate"
                                >
                                  halkeye
                                </div>
                              </button>
                            </div>
                          </div>
                        </div>
                      </div>
                      <div
                        class="d-none d-md-block card-subtitle text-truncate align-items-center subtitle"
                      >
                        <div
                          class="text-truncate mb-1"
                        >
                          <span
                            class="text-muted text-uppercase mr-1"
                          >
                            Version: 
                          </span>
                          -
                          <span
                            class="text-muted text-uppercase mr-1 ml-3"
                          >
                            App Version: 
                          </span>
                          1.6.8
                        </div>
                      </div>
                    </div>
                    <div
                      class="d-none d-md-flex flex-column align-items-end mb-auto ml-3"
                    >
                      <div
                        class="mb-2"
                      >
                        <small
                          class="text-muted text-nowrap date"
                        >
                          Updated Invalid date
                        </small>
                      </div>
                      <div
                        class="align-self-start d-flex align-items-center text-uppercase ml-auto kind"
                      >
                        <img
                          alt="Icon"
                          class="icon"
                          src="/static/media/helm-chart.svg"
                        />
                      </div>
                    </div>
                  </div>
                </div>
                <div
                  class="mt-3 overflow-hidden description lineClamp"
                />
                <div
                  class="d-flex d-md-none flex-row justify-content-between align-items-center mt-3 mt-md-0"
                >
                  <small
                    class="text-muted text-nowrap date"
                  >
                    Updated Invalid date
                  </small>
                  <div
                    class="align-self-start d-flex align-items-center text-uppercase ml-auto kind"
                  >
                    <img
                      alt="Icon"
                      class="icon"
                      src="/static/media/helm-chart.svg"
                    />
                  </div>
                </div>
                <div
                  class="d-inline d-lg-none mt-2 mt-sm-0"
                />
              </div>
            </div>
            <div
              class="position-relative mw-100 card"
            >
              <div
                class="card-body d-flex flex-column body"
              >
                <div
                  class="d-flex align-items-start justify-content-between flex-grow-1 mw-100"
                >
                  <div
                    class="d-flex align-items-strecht flex-grow-1 h-100 truncateWrapper"
                  >
                    <a
                      class="text-decoration-none link"
                      href="/packages/helm/halkeye/undefined"
                    >
                      <div
                        class="d-flex align-items-center justify-content-center overflow-hidden rounded-circle p-1 imageWrapper"
                      >
                        <img
                          alt="Logo pihole"
                          class="image"
                          src="/image/18db8f84-f8a7-4203-9116-60f24d34914f"
                          srcset="/image/18db8f84-f8a7-4203-9116-60f24d34914f@1x 1x, /image/18db8f84-f8a7-4203-9116-60f24d34914f@2x 2x, /image/18db8f84-f8a7-4203-9116-60f24d34914f@3x 3x, /image/18db8f84-f8a7-4203-9116-60f24d34914f@4x 4x"
                        />
                      </div>
                    </a>
                    <div
                      class="d-flex flex-column justify-content-between ml-3 my-1 my-md-0 flex-grow-1 truncateWrapper titleWrapper"
                    >
                      <div
                        class="text-truncate card-title mb-0"
                      >
                        <div
                          class="d-flex flex-row align-items-center"
                        >
                          <a
                            class="link text-truncate"
                            data-testid="packageLink"
                            href="/packages/helm/halkeye/undefined"
                          >
                            <div
                              class="text-truncate title"
                            >
                              pihole
                            </div>
                          </a>
                          <div
                            class="d-none d-lg-inline-block ml-3"
                          />
                        </div>
                      </div>
                      <div
                        class="card-subtitle text-truncate align-items-baseline subtitle"
                      >
                        <div
                          class="d-inline-block d-md-none text-truncate w-100"
                        >
                          <div
                            class="position-absolute"
                          >
                            <div
                              class="dropdown-menu dropdown-menu-left dropdown"
                              data-testid="repoInfoDropdown"
                            >
                              <div
                                class="content"
                              >
                                <div
                                  class="d-flex flex-column"
                                >
                                  <div
                                    class="d-flex flex-row align-items-center"
                                  >
                                    <small
                                      class="text-muted text-uppercase mr-1"
                                    >
                                      Repo: 
                                    </small>
                                    <img
                                      alt="Icon"
                                      class="mr-1 repoIconMini"
                                      src="/static/media/helm-chart.svg"
                                    />
                                    <div
                                      class="text-reset labelContent"
                                    >
                                      halkeye
                                    </div>
                                  </div>
                                  <div
                                    class="mt-2 d-flex flex-row align-items-baseline"
                                  >
                                    <small
                                      class="text-muted text-uppercase mr-1"
                                    >
                                      Url: 
                                    </small>
                                    <div
                                      class="text-reset urlContent labelContent"
                                    >
                                      <div
                                        class="position-relative d-inline-block"
                                      >
                                        <button
                                          class="btn btn-sm miniBtn"
                                          data-testid="ctcBtn"
                                          type="button"
                                        >
                                          <div
                                            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
                            class="d-flex flex-row aling-items-start text-truncate"
                          >
                            <div
                              class="d-flex flex-row align-items-start mr-1 text-muted text-uppercase"
                            >
                              <small
                                class="mr-1"
                              >
                                Repo:
                              </small>
                            </div>
                            <button
                              class="p-0 border-0 text-dark text-truncate link"
                              data-testid="repoLink"
                            >
                              <div
                                class="text-truncate"
                              >
                                halkeye
                              </div>
                            </button>
                          </div>
                        </div>
                        <div
                          class="d-none d-md-flex flex-row align-items-start w-100 wrapper"
                        >
                          <div
                            class="d-flex flex-row align-items-baseline text-truncate mx50"
                          >
                            <span
                              class="text-muted text-uppercase mr-1"
                            >
                              User: 
                            </span>
                            <button
                              class="p-0 border-0 text-truncate text-dark mw-100 link"
                              data-testid="userLink"
                            >
                              <div
                                class="text-truncate"
                              >
                                user
                              </div>
                            </button>
                          </div>
                          <div
                            class="ml-3 d-flex flex-row align-items-baseline mx50"
                          >
                            <div
                              class="position-absolute"
                            >
                              <div
                                class="dropdown-menu dropdown-menu-left dropdown"
                                data-testid="repoInfoDropdown"
                              >
                                <div
                                  class="content"
                                >
                                  <div
                                    class="d-flex flex-column"
                                  >
                                    <div
                                      class="d-flex flex-row align-items-center"
                                    >
                                      <small
                                        class="text-muted text-uppercase mr-1"
                                      >
                                        Repo: 
                                      </small>
                                      <img
                                        alt="Icon"
                                        class="mr-1 repoIconMini"
                                        src="/static/media/helm-chart.svg"
                                      />
                                      <div
                                        class="text-reset labelContent"
                                      >
                                        halkeye
                                      </div>
                                    </div>
                                    <div
                                      class="mt-2 d-flex flex-row align-items-baseline"
                                    >
                                      <small
                                        class="text-muted text-uppercase mr-1"
                                      >
                                        Url: 
                                      </small>
                                      <div
                                        class="text-reset urlContent labelContent"
                                      >
                                        <div
                                          class="position-relative d-inline-block"
                                        >
                                          <button
                                            class="btn btn-sm miniBtn"
                                            data-testid="ctcBtn"
                                            type="button"
                                          >
                                            <div
                                              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
                              class="d-flex flex-row aling-items-start text-truncate"
                            >
                              <div
                                class="d-flex flex-row align-items-start mr-1 text-muted text-uppercase"
                              >
                                <small
                                  class="mr-1"
                                >
                                  Repo:
                                </small>
                              </div>
                              <button
                                class="p-0 border-0 text-dark text-truncate link"
                                data-testid="repoLink"
                              >
                                <div
                                  class="text-truncate"
                                >
                                  halkeye
                                </div>
                              </button>
                            </div>
                          </div>
                        </div>
                      </div>
                      <div
                        class="d-none d-md-block card-subtitle text-truncate align-items-center subtitle"
                      >
                        <div
                          class="text-truncate mb-1"
                        >
                          <span
                            class="text-muted text-uppercase mr-1"
                          >
                            Version: 
                          </span>
                          -
                          <span
                            class="text-muted text-uppercase mr-1 ml-3"
                          >
                            App Version: 
                          </span>
                          4.3.2-1
                        </div>
                      </div>
                    </div>
                    <div
                      class="d-none d-md-flex flex-column align-items-end mb-auto ml-3"
                    >
                      <div
                        class="mb-2"
                      >
                        <small
                          class="text-muted text-nowrap date"
                        >
                          Updated Invalid date
                        </small>
                      </div>
                      <div
                        class="align-self-start d-flex align-items-center text-uppercase ml-auto kind"
                      >
                        <img
                          alt="Icon"
                          class="icon"
                          src="/static/media/helm-chart.svg"
                        />
                      </div>
                    </div>
                  </div>
                </div>
                <div
                  class="mt-3 overflow-hidden description lineClamp"
                />
                <div
                  class="d-flex d-md-none flex-row justify-content-between align-items-center mt-3 mt-md-0"
                >
                  <small
                    class="text-muted text-nowrap date"
                  >
                    Updated Invalid date
                  </small>
                  <div
                    class="align-self-start d-flex align-items-center text-uppercase ml-auto kind"
                  >
                    <img
                      alt="Icon"
                      class="icon"
                      src="/static/media/helm-chart.svg"
                    />
                  </div>
                </div>
                <div
                  class="d-inline d-lg-none mt-2 mt-sm-0"
                />
              </div>
            </div>
            <div
              class="position-relative mw-100 card"
            >
              <div
                class="card-body d-flex flex-column body"
              >
                <div
                  class="d-flex align-items-start justify-content-between flex-grow-1 mw-100"
                >
                  <div
                    class="d-flex align-items-strecht flex-grow-1 h-100 truncateWrapper"
                  >
                    <a
                      class="text-decoration-none link"
                      href="/packages/helm/gabibbo97/undefined"
                    >
                      <div
                        class="d-flex align-items-center justify-content-center overflow-hidden rounded-circle p-1 imageWrapper"
                      >
                        <img
                          alt="Logo fcgi-nginx-frontend"
                          class="image"
                          src="/static/media/package_placeholder.svg"
                        />
                      </div>
                    </a>
                    <div
                      class="d-flex flex-column justify-content-between ml-3 my-1 my-md-0 flex-grow-1 truncateWrapper titleWrapper"
                    >
                      <div
                        class="text-truncate card-title mb-0"
                      >
                        <div
                          class="d-flex flex-row align-items-center"
                        >
                          <a
                            class="link text-truncate"
                            data-testid="packageLink"
                            href="/packages/helm/gabibbo97/undefined"
                          >
                            <div
                              class="text-truncate title"
                            >
                              fcgi-nginx-frontend
                            </div>
                          </a>
                          <div
                            class="d-none d-lg-inline-block ml-3"
                          />
                        </div>
                      </div>
                      <div
                        class="card-subtitle text-truncate align-items-baseline subtitle"
                      >
                        <div
                          class="d-inline-block d-md-none text-truncate w-100"
                        >
                          <div
                            class="position-absolute"
                          >
                            <div
                              class="dropdown-menu dropdown-menu-left dropdown"
                              data-testid="repoInfoDropdown"
                            >
                              <div
                                class="content"
                              >
                                <div
                                  class="d-flex flex-column"
                                >
                                  <div
                                    class="d-flex flex-row align-items-center"
                                  >
                                    <small
                                      class="text-muted text-uppercase mr-1"
                                    >
                                      Repo: 
                                    </small>
                                    <img
                                      alt="Icon"
                                      class="mr-1 repoIconMini"
                                      src="/static/media/helm-chart.svg"
                                    />
                                    <div
                                      class="text-reset labelContent"
                                    >
                                      gabibbo97
                                    </div>
                                  </div>
                                  <div
                                    class="mt-2 d-flex flex-row align-items-baseline"
                                  >
                                    <small
                                      class="text-muted text-uppercase mr-1"
                                    >
                                      Url: 
                                    </small>
                                    <div
                                      class="text-reset urlContent labelContent"
                                    >
                                      <div
                                        class="position-relative d-inline-block"
                                      >
                                        <button
                                          class="btn btn-sm miniBtn"
                                          data-testid="ctcBtn"
                                          type="button"
                                        >
                                          <div
                                            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
                            class="d-flex flex-row aling-items-start text-truncate"
                          >
                            <div
                              class="d-flex flex-row align-items-start mr-1 text-muted text-uppercase"
                            >
                              <small
                                class="mr-1"
                              >
                                Repo:
                              </small>
                            </div>
                            <button
                              class="p-0 border-0 text-dark text-truncate link"
                              data-testid="repoLink"
                            >
                              <div
                                class="text-truncate"
                              >
                                gabibbo97
                              </div>
                            </button>
                          </div>
                        </div>
                        <div
                          class="d-none d-md-flex flex-row align-items-start w-100 wrapper"
                        >
                          <div
                            class="d-flex flex-row align-items-baseline text-truncate mx50"
                          >
                            <span
                              class="text-muted text-uppercase mr-1"
                            >
                              User: 
                            </span>
                            <button
                              class="p-0 border-0 text-truncate text-dark mw-100 link"
                              data-testid="userLink"
                            >
                              <div
                                class="text-truncate"
                              >
                                user1
                              </div>
                            </button>
                          </div>
                          <div
                            class="ml-3 d-flex flex-row align-items-baseline mx50"
                          >
                            <div
                              class="position-absolute"
                            >
                              <div
                                class="dropdown-menu dropdown-menu-left dropdown"
                                data-testid="repoInfoDropdown"
                              >
                                <div
                                  class="content"
                                >
                                  <div
                                    class="d-flex flex-column"
                                  >
                                    <div
                                      class="d-flex flex-row align-items-center"
                                    >
                                      <small
                                        class="text-muted text-uppercase mr-1"
                                      >
                                        Repo: 
                                      </small>
                                      <img
                                        alt="Icon"
                                        class="mr-1 repoIconMini"
                                        src="/static/media/helm-chart.svg"
                                      />
                                      <div
                                        class="text-reset labelContent"
                                      >
                                        gabibbo97
                                      </div>
                                    </div>
                                    <div
                                      class="mt-2 d-flex flex-row align-items-baseline"
                                    >
                                      <small
                                        class="text-muted text-uppercase mr-1"
                                      >
                                        Url: 
                                      </small>
                                      <div
                                        class="text-reset urlContent labelContent"
                                      >
                                        <div
                                          class="position-relative d-inline-block"
                                        >
                                          <button
                                            class="btn btn-sm miniBtn"
                                            data-testid="ctcBtn"
                                            type="button"
                                          >
                                            <div
                                              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
                              class="d-flex flex-row aling-items-start text-truncate"
                            >
                              <div
                                class="d-flex flex-row align-items-start mr-1 text-muted text-uppercase"
                              >
                                <small
                                  class="mr-1"
                                >
                                  Repo:
                                </small>
                              </div>
                              <button
                                class="p-0 border-0 text-dark text-truncate link"
                                data-testid="repoLink"
                              >
                                <div
                                  class="text-truncate"
                                >
                                  gabibbo97
                                </div>
                              </button>
                            </div>
                          </div>
                        </div>
                      </div>
                      <div
                        class="d-none d-md-block card-subtitle text-truncate align-items-center subtitle"
                      >
                        <div
                          class="text-truncate mb-1"
                        >
                          <span
                            class="text-muted text-uppercase mr-1"
                          >
                            Version: 
                          </span>
                          -
                          <span
                            class="text-muted text-uppercase mr-1 ml-3"
                          >
                            App Version: 
                          </span>
                          1.17.8
                        </div>
                      </div>
                    </div>
                    <div
                      class="d-none d-md-flex flex-column align-items-end mb-auto ml-3"
                    >
                      <div
                        class="mb-2"
                      >
                        <small
                          class="text-muted text-nowrap date"
                        >
                          Updated Invalid date
                        </small>
                      </div>
                      <div
                        class="align-self-start d-flex align-items-center text-uppercase ml-auto kind"
                      >
                        <img
                          alt="Icon"
                          class="icon"
                          src="/static/media/helm-chart.svg"
                        />
                      </div>
                    </div>
                  </div>
                </div>
                <div
                  class="mt-3 overflow-hidden description lineClamp"
                />
                <div
                  class="d-flex d-md-none flex-row justify-content-between align-items-center mt-3 mt-md-0"
                >
                  <small
                    class="text-muted text-nowrap date"
                  >
                    Updated Invalid date
                  </small>
                  <div
                    class="align-self-start d-flex align-items-center text-uppercase ml-auto kind"
                  >
                    <img
                      alt="Icon"
                      class="icon"
                      src="/static/media/helm-chart.svg"
                    />
                  </div>
                </div>
                <div
                  class="d-inline d-lg-none mt-2 mt-sm-0"
                />
              </div>
            </div>
            <div
              class="position-relative mw-100 card"
            >
              <div
                class="card-body d-flex flex-column body"
              >
                <div
                  class="d-flex align-items-start justify-content-between flex-grow-1 mw-100"
                >
                  <div
                    class="d-flex align-items-strecht flex-grow-1 h-100 truncateWrapper"
                  >
                    <a
                      class="text-decoration-none link"
                      href="/packages/helm/halkeye/undefined"
                    >
                      <div
                        class="d-flex align-items-center justify-content-center overflow-hidden rounded-circle p-1 imageWrapper"
                      >
                        <img
                          alt="Logo sevendaysdie"
                          class="image"
                          src="/image/56724a8a-d8de-4700-8f23-1cf828220d51"
                          srcset="/image/56724a8a-d8de-4700-8f23-1cf828220d51@1x 1x, /image/56724a8a-d8de-4700-8f23-1cf828220d51@2x 2x, /image/56724a8a-d8de-4700-8f23-1cf828220d51@3x 3x, /image/56724a8a-d8de-4700-8f23-1cf828220d51@4x 4x"
                        />
                      </div>
                    </a>
                    <div
                      class="d-flex flex-column justify-content-between ml-3 my-1 my-md-0 flex-grow-1 truncateWrapper titleWrapper"
                    >
                      <div
                        class="text-truncate card-title mb-0"
                      >
                        <div
                          class="d-flex flex-row align-items-center"
                        >
                          <a
                            class="link text-truncate"
                            data-testid="packageLink"
                            href="/packages/helm/halkeye/undefined"
                          >
                            <div
                              class="text-truncate title"
                            >
                              sevendaysdie
                            </div>
                          </a>
                          <div
                            class="d-none d-lg-inline-block ml-3"
                          />
                        </div>
                      </div>
                      <div
                        class="card-subtitle text-truncate align-items-baseline subtitle"
                      >
                        <div
                          class="d-inline-block d-md-none text-truncate w-100"
                        >
                          <div
                            class="position-absolute"
                          >
                            <div
                              class="dropdown-menu dropdown-menu-left dropdown"
                              data-testid="repoInfoDropdown"
                            >
                              <div
                                class="content"
                              >
                                <div
                                  class="d-flex flex-column"
                                >
                                  <div
                                    class="d-flex flex-row align-items-center"
                                  >
                                    <small
                                      class="text-muted text-uppercase mr-1"
                                    >
                                      Repo: 
                                    </small>
                                    <img
                                      alt="Icon"
                                      class="mr-1 repoIconMini"
                                      src="/static/media/helm-chart.svg"
                                    />
                                    <div
                                      class="text-reset labelContent"
                                    >
                                      halkeye
                                    </div>
                                  </div>
                                  <div
                                    class="mt-2 d-flex flex-row align-items-baseline"
                                  >
                                    <small
                                      class="text-muted text-uppercase mr-1"
                                    >
                                      Url: 
                                    </small>
                                    <div
                                      class="text-reset urlContent labelContent"
                                    >
                                      <div
                                        class="position-relative d-inline-block"
                                      >
                                        <button
                                          class="btn btn-sm miniBtn"
                                          data-testid="ctcBtn"
                                          type="button"
                                        >
                                          <div
                                            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
                            class="d-flex flex-row aling-items-start text-truncate"
                          >
                            <div
                              class="d-flex flex-row align-items-start mr-1 text-muted text-uppercase"
                            >
                              <small
                                class="mr-1"
                              >
                                Repo:
                              </small>
                            </div>
                            <button
                              class="p-0 border-0 text-dark text-truncate link"
                              data-testid="repoLink"
                            >
                              <div
                                class="text-truncate"
                              >
                                halkeye
                              </div>
                            </button>
                          </div>
                        </div>
                        <div
                          class="d-none d-md-flex flex-row align-items-start w-100 wrapper"
                        >
                          <div
                            class="d-flex flex-row align-items-baseline text-truncate mx50"
                          >
                            <span
                              class="text-muted text-uppercase mr-1"
                            >
                              User: 
                            </span>
                            <button
                              class="p-0 border-0 text-truncate text-dark mw-100 link"
                              data-testid="userLink"
                            >
                              <div
                                class="text-truncate"
                              >
                                user
                              </div>
                            </button>
                          </div>
                          <div
                            class="ml-3 d-flex flex-row align-items-baseline mx50"
                          >
                            <div
                              class="position-absolute"
                            >
                              <div
                                class="dropdown-menu dropdown-menu-left dropdown"
                                data-testid="repoInfoDropdown"
                              >
                                <div
                                  class="content"
                                >
                                  <div
                                    class="d-flex flex-column"
                                  >
                                    <div
                                      class="d-flex flex-row align-items-center"
                                    >
                                      <small
                                        class="text-muted text-uppercase mr-1"
                                      >
                                        Repo: 
                                      </small>
                                      <img
                                        alt="Icon"
                                        class="mr-1 repoIconMini"
                                        src="/static/media/helm-chart.svg"
                                      />
                                      <div
                                        class="text-reset labelContent"
                                      >
                                        halkeye
                                      </div>
                                    </div>
                                    <div
                                      class="mt-2 d-flex flex-row align-items-baseline"
                                    >
                                      <small
                                        class="text-muted text-uppercase mr-1"
                                      >
                                        Url: 
                                      </small>
                                      <div
                                        class="text-reset urlContent labelContent"
                                      >
                                        <div
                                          class="position-relative d-inline-block"
                                        >
                                          <button
                                            class="btn btn-sm miniBtn"
                                            data-testid="ctcBtn"
                                            type="button"
                                          >
                                            <div
                                              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
                              class="d-flex flex-row aling-items-start text-truncate"
                            >
                              <div
                                class="d-flex flex-row align-items-start mr-1 text-muted text-uppercase"
                              >
                                <small
                                  class="mr-1"
                                >
                                  Repo:
                                </small>
                              </div>
                              <button
                                class="p-0 border-0 text-dark text-truncate link"
                                data-testid="repoLink"
                              >
                                <div
                                  class="text-truncate"
                                >
                                  halkeye
                                </div>
                              </button>
                            </div>
                          </div>
                        </div>
                      </div>
                      <div
                        class="d-none d-md-block card-subtitle text-truncate align-items-center subtitle"
                      >
                        <div
                          class="text-truncate mb-1"
                        >
                          <span
                            class="text-muted text-uppercase mr-1"
                          >
                            Version: 
                          </span>
                          -
                          <span
                            class="text-muted text-uppercase mr-1 ml-3"
                          >
                            App Version: 
                          </span>
                          latest
                        </div>
                      </div>
                    </div>
                    <div
                      class="d-none d-md-flex flex-column align-items-end mb-auto ml-3"
                    >
                      <div
                        class="mb-2"
                      >
                        <small
                          class="text-muted text-nowrap date"
                        >
                          Updated Invalid date
                        </small>
                      </div>
                      <div
                        class="align-self-start d-flex align-items-center text-uppercase ml-auto kind"
                      >
                        <img
                          alt="Icon"
                          class="icon"
                          src="/static/media/helm-chart.svg"
                        />
                      </div>
                    </div>
                  </div>
                </div>
                <div
                  class="mt-3 overflow-hidden description lineClamp"
                />
                <div
                  class="d-flex d-md-none flex-row justify-content-between align-items-center mt-3 mt-md-0"
                >
                  <small
                    class="text-muted text-nowrap date"
                  >
                    Updated Invalid date
                  </small>
                  <div
                    class="align-self-start d-flex align-items-center text-uppercase ml-auto kind"
                  >
                    <img
                      alt="Icon"
                      class="icon"
                      src="/static/media/helm-chart.svg"
                    />
                  </div>
                </div>
                <div
                  class="d-inline d-lg-none mt-2 mt-sm-0"
                />
              </div>
            </div>
            <div
              class="position-relative mw-100 card"
            >
              <div
                class="card-body d-flex flex-column body"
              >
                <div
                  class="d-flex align-items-start justify-content-between flex-grow-1 mw-100"
                >
                  <div
                    class="d-flex align-items-strecht flex-grow-1 h-100 truncateWrapper"
                  >
                    <a
                      class="text-decoration-none link"
                      href="/packages/helm/billimek/undefined"
                    >
                      <div
                        class="d-flex align-items-center justify-content-center overflow-hidden rounded-circle p-1 imageWrapper"
                      >
                        <img
                          alt="Logo digitalocean-dyndns"
                          class="image"
                          src="/image/2fbaacae-e538-4706-a9fc-bcf443218af1"
                          srcset="/image/2fbaacae-e538-4706-a9fc-bcf443218af1@1x 1x, /image/2fbaacae-e538-4706-a9fc-bcf443218af1@2x 2x, /image/2fbaacae-e538-4706-a9fc-bcf443218af1@3x 3x, /image/2fbaacae-e538-4706-a9fc-bcf443218af1@4x 4x"
                        />
                      </div>
                    </a>
                    <div
                      class="d-flex flex-column justify-content-between ml-3 my-1 my-md-0 flex-grow-1 truncateWrapper titleWrapper"
                    >
                      <div
                        class="text-truncate card-title mb-0"
                      >
                        <div
                          class="d-flex flex-row align-items-center"
                        >
                          <a
                            class="link text-truncate"
                            data-testid="packageLink"
                            href="/packages/helm/billimek/undefined"
                          >
                            <div
                              class="text-truncate title"
                            >
                              digitalocean-dyndns
                            </div>
                          </a>
                          <div
                            class="d-none d-lg-inline-block ml-3"
                          />
                        </div>
                      </div>
                      <div
                        class="card-subtitle text-truncate align-items-baseline subtitle"
                      >
                        <div
                          class="d-inline-block d-md-none text-truncate w-100"
                        >
                          <div
                            class="position-absolute"
                          >
                            <div
                              class="dropdown-menu dropdown-menu-left dropdown"
                              data-testid="repoInfoDropdown"
                            >
                              <div
                                class="content"
                              >
                                <div
                                  class="d-flex flex-column"
                                >
                                  <div
                                    class="d-flex flex-row align-items-center"
                                  >
                                    <small
                                      class="text-muted text-uppercase mr-1"
                                    >
                                      Repo: 
                                    </small>
                                    <img
                                      alt="Icon"
                                      class="mr-1 repoIconMini"
                                      src="/static/media/helm-chart.svg"
                                    />
                                    <div
                                      class="text-reset labelContent"
                                    >
                                      billimek
                                    </div>
                                  </div>
                                  <div
                                    class="mt-2 d-flex flex-row align-items-baseline"
                                  >
                                    <small
                                      class="text-muted text-uppercase mr-1"
                                    >
                                      Url: 
                                    </small>
                                    <div
                                      class="text-reset urlContent labelContent"
                                    >
                                      <div
                                        class="position-relative d-inline-block"
                                      >
                                        <button
                                          class="btn btn-sm miniBtn"
                                          data-testid="ctcBtn"
                                          type="button"
                                        >
                                          <div
                                            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
                            class="d-flex flex-row aling-items-start text-truncate"
                          >
                            <div
                              class="d-flex flex-row align-items-start mr-1 text-muted text-uppercase"
                            >
                              <small
                                class="mr-1"
                              >
                                Repo:
                              </small>
                            </div>
                            <button
                              class="p-0 border-0 text-dark text-truncate link"
                              data-testid="repoLink"
                            >
                              <div
                                class="text-truncate"
                              >
                                billimek
                              </div>
                            </button>
                          </div>
                        </div>
                        <div
                          class="d-none d-md-flex flex-row align-items-start w-100 wrapper"
                        >
                          <div
                            class="d-flex flex-row align-items-baseline text-truncate mx50"
                          >
                            <span
                              class="text-muted text-uppercase mr-1"
                            >
                              User: 
                            </span>
                            <button
                              class="p-0 border-0 text-truncate text-dark mw-100 link"
                              data-testid="userLink"
                            >
                              <div
                                class="text-truncate"
                              >
                                user2
                              </div>
                            </button>
                          </div>
                          <div
                            class="ml-3 d-flex flex-row align-items-baseline mx50"
                          >
                            <div
                              class="position-absolute"
                            >
                              <div
                                class="dropdown-menu dropdown-menu-left dropdown"
                                data-testid="repoInfoDropdown"
                              >
                                <div
                                  class="content"
                                >
                                  <div
                                    class="d-flex flex-column"
                                  >
                                    <div
                                      class="d-flex flex-row align-items-center"
                                    >
                                      <small
                                        class="text-muted text-uppercase mr-1"
                                      >
                                        Repo: 
                                      </small>
                                      <img
                                        alt="Icon"
                                        class="mr-1 repoIconMini"
                                        src="/static/media/helm-chart.svg"
                                      />
                                      <div
                                        class="text-reset labelContent"
                                      >
                                        billimek
                                      </div>
                                    </div>
                                    <div
                                      class="mt-2 d-flex flex-row align-items-baseline"
                                    >
                                      <small
                                        class="text-muted text-uppercase mr-1"
                                      >
                                        Url: 
                                      </small>
                                      <div
                                        class="text-reset urlContent labelContent"
                                      >
                                        <div
                                          class="position-relative d-inline-block"
                                        >
                                          <button
                                            class="btn btn-sm miniBtn"
                                            data-testid="ctcBtn"
                                            type="button"
                                          >
                                            <div
                                              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
                              class="d-flex flex-row aling-items-start text-truncate"
                            >
                              <div
                                class="d-flex flex-row align-items-start mr-1 text-muted text-uppercase"
                              >
                                <small
                                  class="mr-1"
                                >
                                  Repo:
                                </small>
                              </div>
                              <button
                                class="p-0 border-0 text-dark text-truncate link"
                                data-testid="repoLink"
                              >
                                <div
                                  class="text-truncate"
                                >
                                  billimek
                                </div>
                              </button>
                            </div>
                          </div>
                        </div>
                      </div>
                      <div
                        class="d-none d-md-block card-subtitle text-truncate align-items-center subtitle"
                      >
                        <div
                          class="text-truncate mb-1"
                        >
                          <span
                            class="text-muted text-uppercase mr-1"
                          >
                            Version: 
                          </span>
                          -
                          <span
                            class="text-muted text-uppercase mr-1 ml-3"
                          >
                            App Version: 
                          </span>
                          1.0
                        </div>
                      </div>
                    </div>
                    <div
                      class="d-none d-md-flex flex-column align-items-end mb-auto ml-3"
                    >
                      <div
                        class="mb-2"
                      >
                        <small
                          class="text-muted text-nowrap date"
                        >
                          Updated Invalid date
                        </small>
                      </div>
                      <div
                        class="align-self-start d-flex align-items-center text-uppercase ml-auto kind"
                      >
                        <img
                          alt="Icon"
                          class="icon"
                          src="/static/media/helm-chart.svg"
                        />
                      </div>
                    </div>
                  </div>
                </div>
                <div
                  class="mt-3 overflow-hidden description lineClamp"
                />
                <div
                  class="d-flex d-md-none flex-row justify-content-between align-items-center mt-3 mt-md-0"
                >
                  <small
                    class="text-muted text-nowrap date"
                  >
                    Updated Invalid date
                  </small>
                  <div
                    class="align-self-start d-flex align-items-center text-uppercase ml-auto kind"
                  >
                    <img
                      alt="Icon"
                      class="icon"
                      src="/static/media/helm-chart.svg"
                    />
                  </div>
                </div>
                <div
                  class="d-inline d-lg-none mt-2 mt-sm-0"
                />
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</DocumentFragment>
`;
