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

exports[`ChartTemplatesModal creates snapshot 1`] = `
<DocumentFragment>
  <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
        class="modal-backdrop activeBackdrop"
        data-testid="modalBackdrop"
      />
      <div
        aria-modal="true"
        class="modal modal active d-block"
        role="dialog"
      >
        <div
          class="modal-dialog modal-lg modal-dialog-centered modal-dialog-scrollable modalDialog"
        >
          <div
            class="modal-content border border-3 mx-auto content h-100"
          >
            <div
              class="modal-header d-flex flex-row align-items-center header undefined"
            >
              <div
                class="d-flex flex-row align-items-center flex-grow-1"
              >
                <div
                  class="h3 m-2 flex-grow-1 title"
                >
                  Templates
                </div>
                <div
                  class="mx-4"
                >
                  <div
                    class="btn-group"
                    role="group"
                  >
                    <div
                      class="position-relative undefined"
                    >
                      <div
                        data-testid="elementWithTooltip"
                      >
                        <button
                          aria-disabled="false"
                          aria-label="Open diff template view"
                          class="btn btn-outline-primary btn-sm dropdown-toggle"
                          type="button"
                        >
                          <span
                            class="pe-2"
                          >
                            Compare to version ...
                          </span>
                        </button>
                      </div>
                    </div>
                    <div
                      class="dropdown-menu dropdown-menu-end text-nowrap overflow-hidden dropdown"
                      role="complementary"
                    >
                      <div
                        class="overflow-scroll h-100"
                      >
                        <button
                          class="dropdown-item btnItem"
                        >
                          <div
                            class="d-flex flex-row align-items-center"
                          >
                            <div
                              class="itemIcon"
                            />
                            <div
                              class="ms-2 text-truncate"
                            >
                              1.1.0
                            </div>
                          </div>
                        </button>
                        <button
                          class="dropdown-item btnItem"
                        >
                          <div
                            class="d-flex flex-row align-items-center"
                          >
                            <div
                              class="itemIcon"
                            />
                            <div
                              class="ms-2 text-truncate"
                            >
                              1.0.1
                            </div>
                          </div>
                        </button>
                        <button
                          class="dropdown-item btnItem"
                        >
                          <div
                            class="d-flex flex-row align-items-center"
                          >
                            <div
                              class="itemIcon"
                            />
                            <div
                              class="ms-2 text-truncate"
                            >
                              1.0.0
                            </div>
                          </div>
                        </button>
                      </div>
                    </div>
                  </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
                class="h-100 mw-100"
              >
                <div
                  class="d-flex flex-row align-items-stretch g-0 h-100 mh-100"
                >
                  <div
                    class="col-3 h-100"
                  >
                    <div
                      class="h-100 d-flex flex-column overflow-auto pe-2"
                    >
                      <div
                        class="position-relative w-100"
                      >
                        <div
                          class="mb-3 input-group-sm"
                        >
                          <input
                            class="flex-grow-1 form-control ps-3 pe-4 input"
                            name="chartTemplateInput"
                            placeholder="Search by template or resource kind"
                            spellcheck="false"
                            type="text"
                            value=""
                          />
                          <svg
                            class="text-muted position-absolute searchIcon"
                            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="M505 442.7L405.3 343c-4.5-4.5-10.6-7-17-7H372c27.6-35.3 44-79.7 44-128C416 93.1 322.9 0 208 0S0 93.1 0 208s93.1 208 208 208c48.3 0 92.7-16.4 128-44v16.3c0 6.4 2.5 12.5 7 17l99.7 99.7c9.4 9.4 24.6 9.4 33.9 0l28.3-28.3c9.4-9.4 9.4-24.6.1-34zM208 336c-70.7 0-128-57.2-128-128 0-70.7 57.2-128 128-128 70.7 0 128 57.2 128 128 0 70.7-57.2 128-128 128z"
                            />
                          </svg>
                          <div
                            class="alert p-0 mt-3"
                          >
                            <small
                              class="text-muted text-break fst-italic"
                            >
                              This chart version contains 
                              <span
                                class="fw-bold"
                              >
                                16
                              </span>
                               templates
                            </small>
                          </div>
                        </div>
                      </div>
                      <div
                        id="tmpl_db_migrator_install_job.yaml"
                      >
                        <button
                          aria-label="Show template db_migrator_install_job.yaml"
                          aria-pressed="true"
                          class="btn btn-light btn-sm mb-2 text-start w-100 btn activeTemplate active"
                        >
                          <div
                            class="d-flex flex-column"
                          >
                            <div
                              class="d-flex flex-row align-items-baseline mb-1"
                            >
                              <div
                                class="legend"
                              >
                                <small
                                  class="text-muted text-uppercase"
                                >
                                  Template:
                                </small>
                              </div>
                              <div
                                class="text-truncate templateName"
                              >
                                db_migrator_install_job.yaml
                              </div>
                            </div>
                            <div
                              class="d-flex flex-row mb-1"
                            >
                              <div
                                class="legend"
                              >
                                <small
                                  class="text-muted text-uppercase"
                                >
                                  Resource:
                                </small>
                              </div>
                              -
                            </div>
                          </div>
                        </button>
                      </div>
                      <div
                        id="tmpl_db_migrator_secret.yaml"
                      >
                        <button
                          aria-label="Show template db_migrator_secret.yaml"
                          aria-pressed="false"
                          class="btn btn-light btn-sm mb-2 text-start w-100 btn"
                        >
                          <div
                            class="d-flex flex-column"
                          >
                            <div
                              class="d-flex flex-row align-items-baseline mb-1"
                            >
                              <div
                                class="legend"
                              >
                                <small
                                  class="text-muted text-uppercase"
                                >
                                  Template:
                                </small>
                              </div>
                              <div
                                class="text-truncate templateName"
                              >
                                db_migrator_secret.yaml
                              </div>
                            </div>
                            <div
                              class="d-flex flex-row mb-1"
                            >
                              <div
                                class="legend"
                              >
                                <small
                                  class="text-muted text-uppercase"
                                >
                                  Resource:
                                </small>
                              </div>
                              -
                            </div>
                          </div>
                        </button>
                      </div>
                      <div
                        id="tmpl_db_migrator_upgrade_job.yaml"
                      >
                        <button
                          aria-label="Show template db_migrator_upgrade_job.yaml"
                          aria-pressed="false"
                          class="btn btn-light btn-sm mb-2 text-start w-100 btn"
                        >
                          <div
                            class="d-flex flex-column"
                          >
                            <div
                              class="d-flex flex-row align-items-baseline mb-1"
                            >
                              <div
                                class="legend"
                              >
                                <small
                                  class="text-muted text-uppercase"
                                >
                                  Template:
                                </small>
                              </div>
                              <div
                                class="text-truncate templateName"
                              >
                                db_migrator_upgrade_job.yaml
                              </div>
                            </div>
                            <div
                              class="d-flex flex-row mb-1"
                            >
                              <div
                                class="legend"
                              >
                                <small
                                  class="text-muted text-uppercase"
                                >
                                  Resource:
                                </small>
                              </div>
                              -
                            </div>
                          </div>
                        </button>
                      </div>
                      <div
                        id="tmpl_hub_deployment.yaml"
                      >
                        <button
                          aria-label="Show template hub_deployment.yaml"
                          aria-pressed="false"
                          class="btn btn-light btn-sm mb-2 text-start w-100 btn"
                        >
                          <div
                            class="d-flex flex-column"
                          >
                            <div
                              class="d-flex flex-row align-items-baseline mb-1"
                            >
                              <div
                                class="legend"
                              >
                                <small
                                  class="text-muted text-uppercase"
                                >
                                  Template:
                                </small>
                              </div>
                              <div
                                class="text-truncate templateName"
                              >
                                hub_deployment.yaml
                              </div>
                            </div>
                            <div
                              class="d-flex flex-row mb-1"
                            >
                              <div
                                class="legend"
                              >
                                <small
                                  class="text-muted text-uppercase"
                                >
                                  Resource:
                                </small>
                              </div>
                              -
                            </div>
                          </div>
                        </button>
                      </div>
                      <div
                        id="tmpl_hub_ingress.yaml"
                      >
                        <button
                          aria-label="Show template hub_ingress.yaml"
                          aria-pressed="false"
                          class="btn btn-light btn-sm mb-2 text-start w-100 btn"
                        >
                          <div
                            class="d-flex flex-column"
                          >
                            <div
                              class="d-flex flex-row align-items-baseline mb-1"
                            >
                              <div
                                class="legend"
                              >
                                <small
                                  class="text-muted text-uppercase"
                                >
                                  Template:
                                </small>
                              </div>
                              <div
                                class="text-truncate templateName"
                              >
                                hub_ingress.yaml
                              </div>
                            </div>
                            <div
                              class="d-flex flex-row mb-1"
                            >
                              <div
                                class="legend"
                              >
                                <small
                                  class="text-muted text-uppercase"
                                >
                                  Resource:
                                </small>
                              </div>
                              -
                            </div>
                          </div>
                        </button>
                      </div>
                      <div
                        id="tmpl_hub_secret.yaml"
                      >
                        <button
                          aria-label="Show template hub_secret.yaml"
                          aria-pressed="false"
                          class="btn btn-light btn-sm mb-2 text-start w-100 btn"
                        >
                          <div
                            class="d-flex flex-column"
                          >
                            <div
                              class="d-flex flex-row align-items-baseline mb-1"
                            >
                              <div
                                class="legend"
                              >
                                <small
                                  class="text-muted text-uppercase"
                                >
                                  Template:
                                </small>
                              </div>
                              <div
                                class="text-truncate templateName"
                              >
                                hub_secret.yaml
                              </div>
                            </div>
                            <div
                              class="d-flex flex-row mb-1"
                            >
                              <div
                                class="legend"
                              >
                                <small
                                  class="text-muted text-uppercase"
                                >
                                  Resource:
                                </small>
                              </div>
                              -
                            </div>
                          </div>
                        </button>
                      </div>
                      <div
                        id="tmpl_hub_service.yaml"
                      >
                        <button
                          aria-label="Show template hub_service.yaml"
                          aria-pressed="false"
                          class="btn btn-light btn-sm mb-2 text-start w-100 btn"
                        >
                          <div
                            class="d-flex flex-column"
                          >
                            <div
                              class="d-flex flex-row align-items-baseline mb-1"
                            >
                              <div
                                class="legend"
                              >
                                <small
                                  class="text-muted text-uppercase"
                                >
                                  Template:
                                </small>
                              </div>
                              <div
                                class="text-truncate templateName"
                              >
                                hub_service.yaml
                              </div>
                            </div>
                            <div
                              class="d-flex flex-row mb-1"
                            >
                              <div
                                class="legend"
                              >
                                <small
                                  class="text-muted text-uppercase"
                                >
                                  Resource:
                                </small>
                              </div>
                              -
                            </div>
                          </div>
                        </button>
                      </div>
                      <div
                        id="tmpl_hub_serviceaccount.yaml"
                      >
                        <button
                          aria-label="Show template hub_serviceaccount.yaml"
                          aria-pressed="false"
                          class="btn btn-light btn-sm mb-2 text-start w-100 btn"
                        >
                          <div
                            class="d-flex flex-column"
                          >
                            <div
                              class="d-flex flex-row align-items-baseline mb-1"
                            >
                              <div
                                class="legend"
                              >
                                <small
                                  class="text-muted text-uppercase"
                                >
                                  Template:
                                </small>
                              </div>
                              <div
                                class="text-truncate templateName"
                              >
                                hub_serviceaccount.yaml
                              </div>
                            </div>
                            <div
                              class="d-flex flex-row mb-1"
                            >
                              <div
                                class="legend"
                              >
                                <small
                                  class="text-muted text-uppercase"
                                >
                                  Resource:
                                </small>
                              </div>
                              -
                            </div>
                          </div>
                        </button>
                      </div>
                      <div
                        id="tmpl_scanner_cronjob.yaml"
                      >
                        <button
                          aria-label="Show template scanner_cronjob.yaml"
                          aria-pressed="false"
                          class="btn btn-light btn-sm mb-2 text-start w-100 btn"
                        >
                          <div
                            class="d-flex flex-column"
                          >
                            <div
                              class="d-flex flex-row align-items-baseline mb-1"
                            >
                              <div
                                class="legend"
                              >
                                <small
                                  class="text-muted text-uppercase"
                                >
                                  Template:
                                </small>
                              </div>
                              <div
                                class="text-truncate templateName"
                              >
                                scanner_cronjob.yaml
                              </div>
                            </div>
                            <div
                              class="d-flex flex-row mb-1"
                            >
                              <div
                                class="legend"
                              >
                                <small
                                  class="text-muted text-uppercase"
                                >
                                  Resource:
                                </small>
                              </div>
                              -
                            </div>
                          </div>
                        </button>
                      </div>
                      <div
                        id="tmpl_scanner_secret.yaml"
                      >
                        <button
                          aria-label="Show template scanner_secret.yaml"
                          aria-pressed="false"
                          class="btn btn-light btn-sm mb-2 text-start w-100 btn"
                        >
                          <div
                            class="d-flex flex-column"
                          >
                            <div
                              class="d-flex flex-row align-items-baseline mb-1"
                            >
                              <div
                                class="legend"
                              >
                                <small
                                  class="text-muted text-uppercase"
                                >
                                  Template:
                                </small>
                              </div>
                              <div
                                class="text-truncate templateName"
                              >
                                scanner_secret.yaml
                              </div>
                            </div>
                            <div
                              class="d-flex flex-row mb-1"
                            >
                              <div
                                class="legend"
                              >
                                <small
                                  class="text-muted text-uppercase"
                                >
                                  Resource:
                                </small>
                              </div>
                              -
                            </div>
                          </div>
                        </button>
                      </div>
                      <div
                        id="tmpl_tracker_cronjob.yaml"
                      >
                        <button
                          aria-label="Show template tracker_cronjob.yaml"
                          aria-pressed="false"
                          class="btn btn-light btn-sm mb-2 text-start w-100 btn"
                        >
                          <div
                            class="d-flex flex-column"
                          >
                            <div
                              class="d-flex flex-row align-items-baseline mb-1"
                            >
                              <div
                                class="legend"
                              >
                                <small
                                  class="text-muted text-uppercase"
                                >
                                  Template:
                                </small>
                              </div>
                              <div
                                class="text-truncate templateName"
                              >
                                tracker_cronjob.yaml
                              </div>
                            </div>
                            <div
                              class="d-flex flex-row mb-1"
                            >
                              <div
                                class="legend"
                              >
                                <small
                                  class="text-muted text-uppercase"
                                >
                                  Resource:
                                </small>
                              </div>
                              -
                            </div>
                          </div>
                        </button>
                      </div>
                      <div
                        id="tmpl_tracker_secret.yaml"
                      >
                        <button
                          aria-label="Show template tracker_secret.yaml"
                          aria-pressed="false"
                          class="btn btn-light btn-sm mb-2 text-start w-100 btn"
                        >
                          <div
                            class="d-flex flex-column"
                          >
                            <div
                              class="d-flex flex-row align-items-baseline mb-1"
                            >
                              <div
                                class="legend"
                              >
                                <small
                                  class="text-muted text-uppercase"
                                >
                                  Template:
                                </small>
                              </div>
                              <div
                                class="text-truncate templateName"
                              >
                                tracker_secret.yaml
                              </div>
                            </div>
                            <div
                              class="d-flex flex-row mb-1"
                            >
                              <div
                                class="legend"
                              >
                                <small
                                  class="text-muted text-uppercase"
                                >
                                  Resource:
                                </small>
                              </div>
                              -
                            </div>
                          </div>
                        </button>
                      </div>
                      <div
                        id="tmpl_trivy_deployment.yaml"
                      >
                        <button
                          aria-label="Show template trivy_deployment.yaml"
                          aria-pressed="false"
                          class="btn btn-light btn-sm mb-2 text-start w-100 btn"
                        >
                          <div
                            class="d-flex flex-column"
                          >
                            <div
                              class="d-flex flex-row align-items-baseline mb-1"
                            >
                              <div
                                class="legend"
                              >
                                <small
                                  class="text-muted text-uppercase"
                                >
                                  Template:
                                </small>
                              </div>
                              <div
                                class="text-truncate templateName"
                              >
                                trivy_deployment.yaml
                              </div>
                            </div>
                            <div
                              class="d-flex flex-row mb-1"
                            >
                              <div
                                class="legend"
                              >
                                <small
                                  class="text-muted text-uppercase"
                                >
                                  Resource:
                                </small>
                              </div>
                              -
                            </div>
                          </div>
                        </button>
                      </div>
                      <div
                        id="tmpl_trivy_pvc.yaml"
                      >
                        <button
                          aria-label="Show template trivy_pvc.yaml"
                          aria-pressed="false"
                          class="btn btn-light btn-sm mb-2 text-start w-100 btn"
                        >
                          <div
                            class="d-flex flex-column"
                          >
                            <div
                              class="d-flex flex-row align-items-baseline mb-1"
                            >
                              <div
                                class="legend"
                              >
                                <small
                                  class="text-muted text-uppercase"
                                >
                                  Template:
                                </small>
                              </div>
                              <div
                                class="text-truncate templateName"
                              >
                                trivy_pvc.yaml
                              </div>
                            </div>
                            <div
                              class="d-flex flex-row mb-1"
                            >
                              <div
                                class="legend"
                              >
                                <small
                                  class="text-muted text-uppercase"
                                >
                                  Resource:
                                </small>
                              </div>
                              -
                            </div>
                          </div>
                        </button>
                      </div>
                      <div
                        id="tmpl_trivy_service.yaml"
                      >
                        <button
                          aria-label="Show template trivy_service.yaml"
                          aria-pressed="false"
                          class="btn btn-light btn-sm mb-2 text-start w-100 btn"
                        >
                          <div
                            class="d-flex flex-column"
                          >
                            <div
                              class="d-flex flex-row align-items-baseline mb-1"
                            >
                              <div
                                class="legend"
                              >
                                <small
                                  class="text-muted text-uppercase"
                                >
                                  Template:
                                </small>
                              </div>
                              <div
                                class="text-truncate templateName"
                              >
                                trivy_service.yaml
                              </div>
                            </div>
                            <div
                              class="d-flex flex-row mb-1"
                            >
                              <div
                                class="legend"
                              >
                                <small
                                  class="text-muted text-uppercase"
                                >
                                  Resource:
                                </small>
                              </div>
                              -
                            </div>
                          </div>
                        </button>
                      </div>
                      <div
                        id="tmpl__helpers.tpl"
                      >
                        <button
                          aria-label="Show template _helpers.tpl"
                          aria-pressed="false"
                          class="btn btn-light btn-sm mb-2 text-start w-100 btn"
                        >
                          <div
                            class="d-flex flex-column"
                          >
                            <div
                              class="d-flex flex-row align-items-baseline mb-1"
                            >
                              <div
                                class="legend"
                              >
                                <small
                                  class="text-muted text-uppercase"
                                >
                                  Helper:
                                </small>
                              </div>
                              <div
                                class="text-truncate templateName"
                              >
                                _helpers.tpl
                              </div>
                            </div>
                          </div>
                        </button>
                      </div>
                    </div>
                  </div>
                  <div
                    class="col-9 ps-3 h-100"
                  >
                    <div
                      class="position-relative h-100 mh-100 border border-1 templateWrapper"
                    >
                      <div
                        class="position-absolute d-flex flex-row wrapper undefined"
                      >
                        <div
                          class="position-relative me-2"
                        >
                          <button
                            aria-label="Copy to clipboard"
                            class="btn btn-sm btn-primary btn"
                            style="box-shadow: 0px 0px 0px 8px var(--extra-light-gray);"
                            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>
                        <button
                          aria-label="Download"
                          class="btn btn-sm btn-primary fs-5 btn"
                          style="box-shadow: 0px 0px 0px 8px var(--extra-light-gray);"
                        >
                          <svg
                            aria-hidden="true"
                            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="M18.948 11.112C18.511 7.67 15.563 5 12.004 5c-2.756 0-5.15 1.611-6.243 4.15-2.148.642-3.757 2.67-3.757 4.85 0 2.757 2.243 5 5 5h1v-2h-1c-1.654 0-3-1.346-3-3 0-1.404 1.199-2.757 2.673-3.016l.581-.102.192-.558C8.153 8.273 9.898 7 12.004 7c2.757 0 5 2.243 5 5v1h1c1.103 0 2 .897 2 2s-.897 2-2 2h-2v2h2c2.206 0 4-1.794 4-4a4.008 4.008 0 0 0-3.056-3.888z"
                            />
                            <path
                              d="M13.004 14v-4h-2v4h-3l4 5 4-5z"
                            />
                          </svg>
                        </button>
                      </div>
                      <pre
                        class="text-muted h-100 mh-100 mb-0 overflow-auto position-relative pre"
                      >
                        <span
                          data-testid="activeTmpl"
                        >
                          <code>
                            <div
                              class="codeWrapper"
                            >
                              <div
                                class="d-flex flex-row my-1 position-relative"
                              >
                                <div
                                  class="position-absolute anchor"
                                  data-testid="anchor"
                                  id="line_1"
                                />
                                <div
                                  class="text-end me-3 lineNumber"
                                >
                                  1
                                </div>
                                <div
                                  class="flex-grow-1 position-relative"
                                >
                                  ú'ÑzW±â,"{-jY~jz»"¢vÚµÈ¿Y"Òhng­iÖ­jv¦z)Üç^r«¶·¬¢êÜxÖ¦xúÞ~,]oé¢¶­¢¿¢ËZ[)yË^Zµë)yÏ°ØUj[²)ãîTr·­²)ãîTr·­³ëha©¥)Ýz{|ùéÝ­ë-j»O¢XÈ×¯z¸§Ð¨Ö¢êìúv¦yÈ^rOoêÞiÜ¢¨U©nzÊh²Ø+zÊ¥f z·©¢È­¢¼j[²,¶
                                </div>
                                <div
                                  class="ps-2"
                                />
                              </div>
                              <div
                                class="d-flex flex-row my-1 position-relative"
                              >
                                <div
                                  class="position-absolute anchor"
                                  data-testid="anchor"
                                  id="line_2"
                                />
                                <div
                                  class="text-end me-3 lineNumber"
                                >
                                  2
                                </div>
                                <div
                                  class="flex-grow-1 position-relative"
                                >
                                  Þ²©b¨µ¨"¨&gt;ée&gt;bs%Zç¬¦ée&gt;bs'§¿éÚãÆä½©ny×jém¦¸§µû&gt;¦-·¬ª[zW±ãZä^æ¬xÖ¦zÊZqåZç¬u¸h²ß§jgóNö¥¹åZç¬uºh®×(f§vÈ~réíZ\`þ++y§rvØ§ú+u«Zm«²W§ghç(Ö¢êìúv¦yÖþ(+jÚ+f yV¥¹ëlÈ ­«h®:f z·©¢È­¢¼j[²)äÚ×jém¦¸§µûì
                                </div>
                                <div
                                  class="ps-2"
                                />
                              </div>
                              <div
                                class="d-flex flex-row my-1 position-relative"
                              >
                                <div
                                  class="position-absolute anchor"
                                  data-testid="anchor"
                                  id="line_3"
                                />
                                <div
                                  class="text-end me-3 lineNumber"
                                >
                                  3
                                </div>
                                <div
                                  class="flex-grow-1 position-relative"
                                >
                                  «´
                                </div>
                                <div
                                  class="ps-2"
                                />
                              </div>
                              <div
                                class="d-flex flex-row my-1 position-relative"
                              >
                                <div
                                  class="position-absolute anchor"
                                  data-testid="anchor"
                                  id="line_4"
                                />
                                <div
                                  class="text-end me-3 lineNumber"
                                >
                                  4
                                </div>
                                <div
                                  class="flex-grow-1 position-relative"
                                >
                                  iUêìâ¨&gt;ée&gt;bs%Zç¬¦ée&gt;bs'§¿éÚäÄDßÂ8Ñoj[U©nzÇ[2(+jÚ+rßâ¯û^®w(ûèé2§¶Ï§jgoé¢¶­¢¿¢wâj.ÓÚ¶Zç¬u³"¶­¢·(ø *ëy§N\\­®ç¢ißæ
                                </div>
                                <div
                                  class="ps-2"
                                />
                              </div>
                              <div
                                class="d-flex flex-row my-1 position-relative"
                              >
                                <div
                                  class="position-absolute anchor"
                                  data-testid="anchor"
                                  id="line_5"
                                />
                                <div
                                  class="text-end me-3 lineNumber"
                                >
                                  5
                                </div>
                                <div
                                  class="flex-grow-1 position-relative"
                                >
                                  Úµë!¾në&gt;©u¿¦
                                </div>
                                <div
                                  class="ps-2"
                                />
                              </div>
                              <div
                                class="d-flex flex-row my-1 position-relative"
                              >
                                <div
                                  class="position-absolute anchor"
                                  data-testid="anchor"
                                  id="line_6"
                                />
                                <div
                                  class="text-end me-3 lineNumber"
                                >
                                  6
                                </div>
                                <div
                                  class="flex-grow-1 position-relative"
                                >
                                  Ú¶þrßr·­±ç+zÓZè§r[yÈZ®ÚÞ²«qãZãëyø±u¿¦
                                </div>
                                <div
                                  class="ps-2"
                                />
                              </div>
                              <div
                                class="d-flex flex-row my-1 position-relative"
                              >
                                <div
                                  class="position-absolute anchor"
                                  data-testid="anchor"
                                  id="line_7"
                                />
                                <div
                                  class="text-end me-3 lineNumber"
                                >
                                  7
                                </div>
                                <div
                                  class="flex-grow-1 position-relative"
                                >
                                  Ú¶þrß
                                </div>
                                <div
                                  class="ps-2"
                                />
                              </div>
                            </div>
                          </code>
                        </span>
                      </pre>
                    </div>
                  </div>
                </div>
              </div>
              <div>
                <div
                  class="overflow-hidden alertWrapper"
                  data-testid="alertWrapper"
                />
              </div>
            </div>
            <div
              class="modal-footer p-3 modalFooter"
            >
              <div
                class="w-100 d-flex flex-row align-items-center justify-content-between"
              >
                <small
                  class="me-3"
                >
                  <span
                    class="fw-bold"
                  >
                    TIP:
                  </span>
                   some extra info may be displayed when hovering over 
                  <span
                    class="fw-bold"
                  >
                    values
                  </span>
                   entries and other 
                  <span
                    class="fw-bold"
                  >
                    built-in objects and functions
                  </span>
                  .
                </small>
                <button
                  aria-label="Close"
                  class="btn btn-sm btn-outline-secondary text-uppercase"
                >
                  <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>
  </div>
</DocumentFragment>
`;
