@pega/lists-core 8.0.0-build.27.14

package/lib/src/core/test/samples/a11ySample.js

@@ -0,0 +1,1131 @@
+// cSpell:disable
+/**
+ * This sample is being used to test BaseA11y unit tests.
+ *
+ * It contains below elements:
+ * rs-wrapper, toolbar, headers, 3 rows, aggregation footer
+ */
+export default function createA11yContainer() {
+    const tableElement = document.createElement('div');
+    tableElement.innerHTML = `<div
+class="sc-ljpcbl dZqybg rs-wrapper"
+data-testid="rs-wrapper"
+>
+<div class="sc-bXexck idqytu sc-eCApnc jdoygI">
+  <header class="sc-jQAxuV ykSTK sc-eCApnc doAKeQ">
+    <div class="sc-dMackw lhFWV sc-eCApnc idCWvV header-bar-gadget">
+      <div class="sc-eCApnc jMyWCs header-bar-icon-container">
+        <svg role="presentation" class="sc-dIsUp YmFKU header-bar-icon"></svg>
+      </div>
+      <div class="sc-eCApnc cYIrbZ header-bar-content">
+        <div class="rs-title">
+          <span class="sc-crzoAE fwCIEX">preset title</span>
+        </div>
+        <div>
+          <button
+            data-testid=":menu-button:"
+            data-test-id="personalisationMenu"
+            class="sc-ckTSus bNuuCu sc-bqGGPW clxhVG sc-hBezlf jGMelY"
+            id="_08w7z0nt8"
+            aria-expanded="false"
+            aria-haspopup="menu"
+            aria-controls="_08w7z0nt8-popover"
+            type="button"
+            aria-label="aggregationTest"
+          >
+            <div class="sc-fbIWvP heqLbW sc-eCApnc hAFrUT">
+              <span class="sc-crzoAE hNAGXR">aggregationTest</span
+              ><svg
+                role="presentation"
+                viewBox="0 0 25 25"
+                class="sc-dIsUp YmFKU"
+              >
+                <path
+                  d="M8,9.5 C8,9.5 17,9.5 17,9.5 C17,9.5 12.5981383,15.5 12.5981383,15.5 C12.5981383,15.5 8.00079787,9.5 8.00079787,9.5 L8,9.5 Z"
+                ></path>
+              </svg>
+            </div>
+          </button>
+        </div>
+      </div>
+      <div class="toolbar-actions"></div>
+    </div>
+  </header>
+  <div class="sc-GvhzO sc-eCApnc FYjbr">
+    <div class="sc-fcmMJX fmDqNc">
+      <div class="sc-fuISkM sc-eCApnc fImYWs">
+        <article role="none" class="sc-dlMDgC cyGHmK sc-eCApnc eFnoiG">
+          <div class="sc-fKgJPI bBZvQd sc-eCApnc eFnoiG">
+            <div
+              data-test-id="table"
+              class="sc-kOokqr glTRwN t-container"
+            >
+              <div class="sc-cQDFzS QZOfG">
+                <div class="sc-havuDZ koWijf">
+                  <div
+                    data-testid=":list-toolbar:"
+                    class="sc-iGkqmO jDaZwH sc-eCApnc jMyWCs"
+                  >
+                    <div class="sc-eCApnc bfuTBq sc-irKDMX ivYBm">
+                      <div class="sc-eCApnc hnLUvl">
+                        <div class="sc-eCApnc bhgktI sc-dvUynV eCjzdh">
+                          <h3
+                            data-testid=":list-toolbar:heading"
+                            class="sc-crzoAE zFhFt sc-eWnToP bphdPz"
+                            tabindex="-1"
+                          >
+                            preset title
+                          </h3>
+                          <span
+                            data-testid=":list-toolbar:count"
+                            class="sc-crzoAE fwCIEX sc-kTCsyW iNLSJz"
+                            >269 results</span
+                          >
+                        </div>
+                        <div class="sc-eCApnc bdIBgd">
+                          <div
+                            role="button"
+                            tabindex="0"
+                            as="button"
+                            type="button"
+                            aria-label="Search"
+                            class="sc-bqGGPW jipgTQ"
+                          >
+                            <svg
+                              role="presentation"
+                              viewBox="0 0 25 25"
+                              class="sc-dIsUp YmFKU"
+                            >
+                              <path
+                                d="M18.5128568,17.1153314 C18.5128568,17.1153314 23.2673325,21.8698071 23.2673325,21.8698071 C23.2673325,21.8698071 23.313714,22.0097118 23.313714,22.0097118 C23.4536186,22.2423792 23.5,22.4294256 23.5,22.5221884 C23.5,22.5221884 23.5,22.5221884 23.5,22.5221884 C23.5,23.1745697 23.1738094,23.5007604 22.5214281,23.5007604 C22.5214281,23.5007604 22.5214281,23.5007604 22.5214281,23.5007604 C22.335142,23.5007604 22.1017142,23.4072372 21.8690468,23.2209511 C21.8690468,23.2209511 21.8690468,23.2209511 21.8690468,23.2209511 C21.8690468,23.2209511 17.1609525,18.5128568 17.1609525,18.5128568 C15.3900947,19.957524 13.3850487,20.6570471 11.1017142,20.6570471 C11.1017142,20.6570471 11.1017142,20.6570471 11.1017142,20.6570471 C8.44504735,20.6570471 6.20733393,19.7248566 4.34295293,17.8604756 C4.34295293,17.8604756 4.34295293,17.8604756 4.34295293,17.8604756 C2.4321905,15.9497131 1.5,13.7119997 1.5,11.1017142 C1.5,8.49142877 2.4321905,6.2544757 4.34295293,4.34295293 C6.25371535,2.4321905 8.49142877,1.5 11.1017142,1.5 C13.7119997,1.5 15.9489528,2.4321905 17.8604756,4.34295293 C17.8604756,4.34295293 17.8604756,4.34295293 17.8604756,4.34295293 C19.7248566,6.20733393 20.6570471,8.44504735 20.6570471,11.1017142 C20.6570471,11.1017142 20.6570471,11.1017142 20.6570471,11.1017142 C20.6570471,13.3394277 19.957524,15.3437133 18.5128568,17.1145711 C18.5128568,17.1145711 18.5128568,17.1145711 18.5128568,17.1145711 L18.5128568,17.1153314 Z M11.1480957,18.7462846 C13.2459045,18.7462846 15.0167623,18.0003802 16.5085712,16.5085712 C18.0003802,15.0167623 18.7462846,13.2459045 18.7462846,11.1480957 C18.7462846,11.1480957 18.7462846,11.1480957 18.7462846,11.1480957 C18.7462846,9.05028686 18.0003802,7.23304763 16.5085712,5.74123868 C15.0167623,4.24942974 13.2459045,3.50352526 11.1480957,3.50352526 C11.1480957,3.50352526 11.1480957,3.50352526 11.1480957,3.50352526 C9.05028686,3.50352526 7.23304763,4.24942974 5.74123868,5.74123868 C4.24942974,7.23304763 3.50352526,9.05104721 3.50352526,11.1480957 C3.50352526,11.1480957 3.50352526,11.1480957 3.50352526,11.1480957 C3.50352526,13.2459045 4.24942974,15.0167623 5.74123868,16.5085712 C7.23304763,18.0003802 9.05028686,18.7462846 11.1480957,18.7462846 C11.1480957,18.7462846 11.1480957,18.7462846 11.1480957,18.7462846 Z"
+                              ></path>
+                            </svg>
+                          </div>
+                          <span
+                            ><button
+                              data-testid=":menu-button:"
+                              id="_rhporpfzm"
+                              aria-expanded="false"
+                              aria-haspopup="menu"
+                              aria-controls="_rhporpfzm-popover"
+                              type="button"
+                              aria-label="Actions"
+                              class="sc-ckTSus bNuuCu sc-bqGGPW jipgTQ"
+                            >
+                              <div class="sc-fbIWvP heqLbW sc-eCApnc hAFrUT">
+                                <svg
+                                  role="presentation"
+                                  viewBox="0 0 25 25"
+                                  class="sc-dIsUp YmFKU"
+                                >
+                                  <path
+                                    d="M13.9144789,6.41076582 C13.5246619,6.80015894 13.0369928,6.99565017 12.5,6.99565017 C11.9630072,6.99565017 11.4761337,6.80095362 11.0855211,6.41076582 C10.6957041,6.0213727 10.5,5.53423397 10.5,4.99782509 C10.5,4.4614162 10.6949085,3.97507215 11.0855211,3.58488435 C11.4753381,3.19549124 11.9630072,3 12.5,3 C13.0369928,3 13.5238663,3.19469656 13.9144789,3.58488435 C14.3042959,3.97427747 14.5,4.4614162 14.5,4.99782509 C14.5,5.53423397 14.3050915,6.02057803 13.9144789,6.41076582 Z M13.9144789,13.9133381 C13.5246619,14.3027312 13.0369928,14.4982224 12.5,14.4982224 C11.9630072,14.4982224 11.4761337,14.3035259 11.0855211,13.9133381 C10.6957041,13.523945 10.5,13.0368062 10.5,12.5003973 C10.5,11.9639885 10.6949085,11.4776444 11.0855211,11.0874566 C11.4753381,10.6980635 11.9630072,10.5025723 12.5,10.5025723 C13.0369928,10.5025723 13.5238663,10.6972688 13.9144789,11.0874566 C14.3042959,11.4768497 14.5,11.9639885 14.5,12.5003973 C14.5,13.0368062 14.3050915,13.5231503 13.9144789,13.9133381 Z M13.9144789,21.4151156 C13.5246619,21.8045088 13.0369928,22 12.5,22 C11.9630072,22 11.4761337,21.8053034 11.0855211,21.4151156 C10.6957041,21.0257225 10.5,20.5385838 10.5,20.0021749 C10.5,19.465766 10.6949085,18.979422 11.0855211,18.5892342 C11.4753381,18.1998411 11.9630072,18.0043498 12.5,18.0043498 C13.0369928,18.0043498 13.5238663,18.1990464 13.9144789,18.5892342 C14.3042959,18.9786273 14.5,19.465766 14.5,20.0021749 C14.5,20.5385838 14.3050915,21.0249279 13.9144789,21.4151156 Z"
+                                  ></path>
+                                </svg>
+                              </div></button
+                          ></span>
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+              </div>
+              <div
+                data-test-id="externalFilters"
+                class="StyledDiv--1r7v16 eqEUWU"
+              ></div>
+              <input
+                class="sc-btlduw cKNCTh top"
+                type="text"
+                aria-hidden="true"
+              />
+              <div
+                class="container"
+                role="grid"
+                aria-colcount="9"
+                aria-label="aggregationTest, Use arrow keys or Shift plus Alt plus arrow keys to navigate"
+                aria-rowcount="269"
+              >
+                <div
+                  class="sc-cSiAOC dStFON pContainer"
+                  data-total-records="269"
+                >
+                  <div class="sticky-header" role="rowgroup">
+                    <div role="row" class="header row">
+                      <div
+                        class="cell cell-first"
+                        role="columnheader"
+                        aria-label="Sl.No."
+                        aria-colindex="1"
+                        tabindex="-1"
+                        data-col-id="Sl.No."
+                        draggable="true"
+                      >
+                        <div class="header-lable-container">
+                          <div class="header-label" aria-hidden="true">
+                            <span
+                              title="Sl.No."
+                              class="StyledSpan--l2fnh3 fsiec"
+                              >Sl.No.</span
+                            >
+                          </div>
+                          <span class="StyledSpan--l2fnh3 fsiec"></span
+                          ><span class="StyledSpan--l2fnh3 fsiec"></span>
+                        </div>
+                        <div class="icons-ph">
+                          <div class="header-menu">
+                            <button
+                              class="sc-bqGGPW CykbT button-more"
+                              aria-expanded="false"
+                              aria-describedby="_6uvbpkr1s_description"
+                              as="button"
+                              type="button"
+                              aria-label="Sl.No. Actions"
+                            >
+                              <svg
+                                role="presentation"
+                                viewBox="0 0 25 25"
+                                class="sc-dIsUp YmFKU"
+                              >
+                                <path
+                                  d="M13.9144789,6.41076582 C13.5246619,6.80015894 13.0369928,6.99565017 12.5,6.99565017 C11.9630072,6.99565017 11.4761337,6.80095362 11.0855211,6.41076582 C10.6957041,6.0213727 10.5,5.53423397 10.5,4.99782509 C10.5,4.4614162 10.6949085,3.97507215 11.0855211,3.58488435 C11.4753381,3.19549124 11.9630072,3 12.5,3 C13.0369928,3 13.5238663,3.19469656 13.9144789,3.58488435 C14.3042959,3.97427747 14.5,4.4614162 14.5,4.99782509 C14.5,5.53423397 14.3050915,6.02057803 13.9144789,6.41076582 Z M13.9144789,13.9133381 C13.5246619,14.3027312 13.0369928,14.4982224 12.5,14.4982224 C11.9630072,14.4982224 11.4761337,14.3035259 11.0855211,13.9133381 C10.6957041,13.523945 10.5,13.0368062 10.5,12.5003973 C10.5,11.9639885 10.6949085,11.4776444 11.0855211,11.0874566 C11.4753381,10.6980635 11.9630072,10.5025723 12.5,10.5025723 C13.0369928,10.5025723 13.5238663,10.6972688 13.9144789,11.0874566 C14.3042959,11.4768497 14.5,11.9639885 14.5,12.5003973 C14.5,13.0368062 14.3050915,13.5231503 13.9144789,13.9133381 Z M13.9144789,21.4151156 C13.5246619,21.8045088 13.0369928,22 12.5,22 C11.9630072,22 11.4761337,21.8053034 11.0855211,21.4151156 C10.6957041,21.0257225 10.5,20.5385838 10.5,20.0021749 C10.5,19.465766 10.6949085,18.979422 11.0855211,18.5892342 C11.4753381,18.1998411 11.9630072,18.0043498 12.5,18.0043498 C13.0369928,18.0043498 13.5238663,18.1990464 13.9144789,18.5892342 C14.3042959,18.9786273 14.5,19.465766 14.5,20.0021749 C14.5,20.5385838 14.3050915,21.0249279 13.9144789,21.4151156 Z"
+                                ></path>
+                              </svg></button
+                            ><span
+                              id="_6uvbpkr1s_description"
+                              aria-hidden="true"
+                              class="sc-hiKfDv cDelJY"
+                            ></span>
+                          </div>
+                        </div>
+                        <div role="presentation" class="column-resizer"></div>
+                      </div>
+                      <div
+                        class="cell"
+                        role="columnheader"
+                        aria-label="ID"
+                        aria-colindex="2"
+                        tabindex="-1"
+                        data-col-id="ID"
+                        draggable="true"
+                      >
+                        <div class="header-lable-container">
+                          <div class="header-label" aria-hidden="true">
+                            <span title="ID" class="StyledSpan--l2fnh3 fsiec"
+                              >ID</span
+                            >
+                          </div>
+                          <span class="StyledSpan--l2fnh3 fsiec"></span
+                          ><span class="StyledSpan--l2fnh3 fsiec"></span>
+                        </div>
+                        <div class="icons-ph">
+                          <div class="header-menu">
+                            <button
+                              class="sc-bqGGPW CykbT button-more"
+                              aria-expanded="false"
+                              aria-describedby="_wbymizpdq_description"
+                              as="button"
+                              type="button"
+                              aria-label="ID Actions"
+                            >
+                              <svg
+                                role="presentation"
+                                viewBox="0 0 25 25"
+                                class="sc-dIsUp YmFKU"
+                              >
+                                <path
+                                  d="M13.9144789,6.41076582 C13.5246619,6.80015894 13.0369928,6.99565017 12.5,6.99565017 C11.9630072,6.99565017 11.4761337,6.80095362 11.0855211,6.41076582 C10.6957041,6.0213727 10.5,5.53423397 10.5,4.99782509 C10.5,4.4614162 10.6949085,3.97507215 11.0855211,3.58488435 C11.4753381,3.19549124 11.9630072,3 12.5,3 C13.0369928,3 13.5238663,3.19469656 13.9144789,3.58488435 C14.3042959,3.97427747 14.5,4.4614162 14.5,4.99782509 C14.5,5.53423397 14.3050915,6.02057803 13.9144789,6.41076582 Z M13.9144789,13.9133381 C13.5246619,14.3027312 13.0369928,14.4982224 12.5,14.4982224 C11.9630072,14.4982224 11.4761337,14.3035259 11.0855211,13.9133381 C10.6957041,13.523945 10.5,13.0368062 10.5,12.5003973 C10.5,11.9639885 10.6949085,11.4776444 11.0855211,11.0874566 C11.4753381,10.6980635 11.9630072,10.5025723 12.5,10.5025723 C13.0369928,10.5025723 13.5238663,10.6972688 13.9144789,11.0874566 C14.3042959,11.4768497 14.5,11.9639885 14.5,12.5003973 C14.5,13.0368062 14.3050915,13.5231503 13.9144789,13.9133381 Z M13.9144789,21.4151156 C13.5246619,21.8045088 13.0369928,22 12.5,22 C11.9630072,22 11.4761337,21.8053034 11.0855211,21.4151156 C10.6957041,21.0257225 10.5,20.5385838 10.5,20.0021749 C10.5,19.465766 10.6949085,18.979422 11.0855211,18.5892342 C11.4753381,18.1998411 11.9630072,18.0043498 12.5,18.0043498 C13.0369928,18.0043498 13.5238663,18.1990464 13.9144789,18.5892342 C14.3042959,18.9786273 14.5,19.465766 14.5,20.0021749 C14.5,20.5385838 14.3050915,21.0249279 13.9144789,21.4151156 Z"
+                                ></path>
+                              </svg></button
+                            ><span
+                              id="_wbymizpdq_description"
+                              aria-hidden="true"
+                              class="sc-hiKfDv cDelJY"
+                            ></span>
+                          </div>
+                        </div>
+                        <div role="presentation" class="column-resizer"></div>
+                      </div>
+                      <div
+                        class="cell"
+                        role="columnheader"
+                        aria-label="Priority"
+                        aria-colindex="3"
+                        tabindex="-1"
+                        data-col-id="Priority"
+                        draggable="true"
+                      >
+                        <div class="header-lable-container">
+                          <div class="header-label" aria-hidden="true">
+                            <span
+                              title="Priority"
+                              class="StyledSpan--l2fnh3 fsiec"
+                              >Priority</span
+                            >
+                          </div>
+                          <span class="StyledSpan--l2fnh3 fsiec"></span
+                          ><span class="StyledSpan--l2fnh3 fsiec"></span>
+                        </div>
+                        <div class="icons-ph">
+                          <div class="header-menu">
+                            <button
+                              class="sc-bqGGPW CykbT button-more"
+                              aria-expanded="false"
+                              aria-describedby="_yjfhi1hli_description"
+                              as="button"
+                              type="button"
+                              aria-label="Priority Actions"
+                            >
+                              <svg
+                                role="presentation"
+                                viewBox="0 0 25 25"
+                                class="sc-dIsUp YmFKU"
+                              >
+                                <path
+                                  d="M13.9144789,6.41076582 C13.5246619,6.80015894 13.0369928,6.99565017 12.5,6.99565017 C11.9630072,6.99565017 11.4761337,6.80095362 11.0855211,6.41076582 C10.6957041,6.0213727 10.5,5.53423397 10.5,4.99782509 C10.5,4.4614162 10.6949085,3.97507215 11.0855211,3.58488435 C11.4753381,3.19549124 11.9630072,3 12.5,3 C13.0369928,3 13.5238663,3.19469656 13.9144789,3.58488435 C14.3042959,3.97427747 14.5,4.4614162 14.5,4.99782509 C14.5,5.53423397 14.3050915,6.02057803 13.9144789,6.41076582 Z M13.9144789,13.9133381 C13.5246619,14.3027312 13.0369928,14.4982224 12.5,14.4982224 C11.9630072,14.4982224 11.4761337,14.3035259 11.0855211,13.9133381 C10.6957041,13.523945 10.5,13.0368062 10.5,12.5003973 C10.5,11.9639885 10.6949085,11.4776444 11.0855211,11.0874566 C11.4753381,10.6980635 11.9630072,10.5025723 12.5,10.5025723 C13.0369928,10.5025723 13.5238663,10.6972688 13.9144789,11.0874566 C14.3042959,11.4768497 14.5,11.9639885 14.5,12.5003973 C14.5,13.0368062 14.3050915,13.5231503 13.9144789,13.9133381 Z M13.9144789,21.4151156 C13.5246619,21.8045088 13.0369928,22 12.5,22 C11.9630072,22 11.4761337,21.8053034 11.0855211,21.4151156 C10.6957041,21.0257225 10.5,20.5385838 10.5,20.0021749 C10.5,19.465766 10.6949085,18.979422 11.0855211,18.5892342 C11.4753381,18.1998411 11.9630072,18.0043498 12.5,18.0043498 C13.0369928,18.0043498 13.5238663,18.1990464 13.9144789,18.5892342 C14.3042959,18.9786273 14.5,19.465766 14.5,20.0021749 C14.5,20.5385838 14.3050915,21.0249279 13.9144789,21.4151156 Z"
+                                ></path>
+                              </svg></button
+                            ><span
+                              id="_yjfhi1hli_description"
+                              aria-hidden="true"
+                              class="sc-hiKfDv cDelJY"
+                            ></span>
+                          </div>
+                        </div>
+                        <div role="presentation" class="column-resizer"></div>
+                      </div>
+                      <div
+                        class="cell"
+                        role="columnheader"
+                        aria-label="Created by"
+                        aria-colindex="4"
+                        tabindex="-1"
+                        data-col-id="Created by"
+                        draggable="true"
+                      >
+                        <div class="header-lable-container">
+                          <div class="header-label" aria-hidden="true">
+                            <span
+                              title="Created by"
+                              class="StyledSpan--l2fnh3 fsiec"
+                              >Created by</span
+                            >
+                          </div>
+                          <span class="StyledSpan--l2fnh3 fsiec"></span
+                          ><span class="StyledSpan--l2fnh3 fsiec"></span>
+                        </div>
+                        <div class="icons-ph">
+                          <div class="header-menu">
+                            <button
+                              class="sc-bqGGPW CykbT button-more"
+                              aria-expanded="false"
+                              aria-describedby="_iuo2vbfat_description"
+                              as="button"
+                              type="button"
+                              aria-label="Created by Actions"
+                            >
+                              <svg
+                                role="presentation"
+                                viewBox="0 0 25 25"
+                                class="sc-dIsUp YmFKU"
+                              >
+                                <path
+                                  d="M13.9144789,6.41076582 C13.5246619,6.80015894 13.0369928,6.99565017 12.5,6.99565017 C11.9630072,6.99565017 11.4761337,6.80095362 11.0855211,6.41076582 C10.6957041,6.0213727 10.5,5.53423397 10.5,4.99782509 C10.5,4.4614162 10.6949085,3.97507215 11.0855211,3.58488435 C11.4753381,3.19549124 11.9630072,3 12.5,3 C13.0369928,3 13.5238663,3.19469656 13.9144789,3.58488435 C14.3042959,3.97427747 14.5,4.4614162 14.5,4.99782509 C14.5,5.53423397 14.3050915,6.02057803 13.9144789,6.41076582 Z M13.9144789,13.9133381 C13.5246619,14.3027312 13.0369928,14.4982224 12.5,14.4982224 C11.9630072,14.4982224 11.4761337,14.3035259 11.0855211,13.9133381 C10.6957041,13.523945 10.5,13.0368062 10.5,12.5003973 C10.5,11.9639885 10.6949085,11.4776444 11.0855211,11.0874566 C11.4753381,10.6980635 11.9630072,10.5025723 12.5,10.5025723 C13.0369928,10.5025723 13.5238663,10.6972688 13.9144789,11.0874566 C14.3042959,11.4768497 14.5,11.9639885 14.5,12.5003973 C14.5,13.0368062 14.3050915,13.5231503 13.9144789,13.9133381 Z M13.9144789,21.4151156 C13.5246619,21.8045088 13.0369928,22 12.5,22 C11.9630072,22 11.4761337,21.8053034 11.0855211,21.4151156 C10.6957041,21.0257225 10.5,20.5385838 10.5,20.0021749 C10.5,19.465766 10.6949085,18.979422 11.0855211,18.5892342 C11.4753381,18.1998411 11.9630072,18.0043498 12.5,18.0043498 C13.0369928,18.0043498 13.5238663,18.1990464 13.9144789,18.5892342 C14.3042959,18.9786273 14.5,19.465766 14.5,20.0021749 C14.5,20.5385838 14.3050915,21.0249279 13.9144789,21.4151156 Z"
+                                ></path>
+                              </svg></button
+                            ><span
+                              id="_iuo2vbfat_description"
+                              aria-hidden="true"
+                              class="sc-hiKfDv cDelJY"
+                            ></span>
+                          </div>
+                        </div>
+                        <div role="presentation" class="column-resizer"></div>
+                      </div>
+                      <div
+                        class="cell"
+                        role="columnheader"
+                        aria-label="Status"
+                        aria-colindex="5"
+                        tabindex="-1"
+                        data-col-id="Status"
+                        draggable="true"
+                      >
+                        <div class="header-lable-container">
+                          <div class="header-label" aria-hidden="true">
+                            <span
+                              title="Status"
+                              class="StyledSpan--l2fnh3 fsiec"
+                              >Status</span
+                            >
+                          </div>
+                          <span class="StyledSpan--l2fnh3 fsiec"></span
+                          ><span class="StyledSpan--l2fnh3 fsiec"></span>
+                        </div>
+                        <div class="icons-ph">
+                          <div class="header-menu">
+                            <button
+                              class="sc-bqGGPW CykbT button-more"
+                              aria-expanded="false"
+                              aria-describedby="_4hjmikzuh_description"
+                              as="button"
+                              type="button"
+                              aria-label="Status Actions"
+                            >
+                              <svg
+                                role="presentation"
+                                viewBox="0 0 25 25"
+                                class="sc-dIsUp YmFKU"
+                              >
+                                <path
+                                  d="M13.9144789,6.41076582 C13.5246619,6.80015894 13.0369928,6.99565017 12.5,6.99565017 C11.9630072,6.99565017 11.4761337,6.80095362 11.0855211,6.41076582 C10.6957041,6.0213727 10.5,5.53423397 10.5,4.99782509 C10.5,4.4614162 10.6949085,3.97507215 11.0855211,3.58488435 C11.4753381,3.19549124 11.9630072,3 12.5,3 C13.0369928,3 13.5238663,3.19469656 13.9144789,3.58488435 C14.3042959,3.97427747 14.5,4.4614162 14.5,4.99782509 C14.5,5.53423397 14.3050915,6.02057803 13.9144789,6.41076582 Z M13.9144789,13.9133381 C13.5246619,14.3027312 13.0369928,14.4982224 12.5,14.4982224 C11.9630072,14.4982224 11.4761337,14.3035259 11.0855211,13.9133381 C10.6957041,13.523945 10.5,13.0368062 10.5,12.5003973 C10.5,11.9639885 10.6949085,11.4776444 11.0855211,11.0874566 C11.4753381,10.6980635 11.9630072,10.5025723 12.5,10.5025723 C13.0369928,10.5025723 13.5238663,10.6972688 13.9144789,11.0874566 C14.3042959,11.4768497 14.5,11.9639885 14.5,12.5003973 C14.5,13.0368062 14.3050915,13.5231503 13.9144789,13.9133381 Z M13.9144789,21.4151156 C13.5246619,21.8045088 13.0369928,22 12.5,22 C11.9630072,22 11.4761337,21.8053034 11.0855211,21.4151156 C10.6957041,21.0257225 10.5,20.5385838 10.5,20.0021749 C10.5,19.465766 10.6949085,18.979422 11.0855211,18.5892342 C11.4753381,18.1998411 11.9630072,18.0043498 12.5,18.0043498 C13.0369928,18.0043498 13.5238663,18.1990464 13.9144789,18.5892342 C14.3042959,18.9786273 14.5,19.465766 14.5,20.0021749 C14.5,20.5385838 14.3050915,21.0249279 13.9144789,21.4151156 Z"
+                                ></path>
+                              </svg></button
+                            ><span
+                              id="_4hjmikzuh_description"
+                              aria-hidden="true"
+                              class="sc-hiKfDv cDelJY"
+                            ></span>
+                          </div>
+                        </div>
+                        <div role="presentation" class="column-resizer"></div>
+                      </div>
+                      <div
+                        class="cell"
+                        role="columnheader"
+                        aria-label="Release"
+                        aria-colindex="6"
+                        tabindex="-1"
+                        data-col-id="Release"
+                        draggable="true"
+                      >
+                        <div class="header-lable-container">
+                          <div class="header-label" aria-hidden="true">
+                            <span
+                              title="Release"
+                              class="StyledSpan--l2fnh3 fsiec"
+                              >Release</span
+                            >
+                          </div>
+                          <span class="StyledSpan--l2fnh3 fsiec"></span
+                          ><span class="StyledSpan--l2fnh3 fsiec"></span>
+                        </div>
+                        <div class="icons-ph">
+                          <div class="header-menu">
+                            <button
+                              class="sc-bqGGPW CykbT button-more"
+                              aria-expanded="false"
+                              aria-describedby="_2q1vf3rht_description"
+                              as="button"
+                              type="button"
+                              aria-label="Release Actions"
+                            >
+                              <svg
+                                role="presentation"
+                                viewBox="0 0 25 25"
+                                class="sc-dIsUp YmFKU"
+                              >
+                                <path
+                                  d="M13.9144789,6.41076582 C13.5246619,6.80015894 13.0369928,6.99565017 12.5,6.99565017 C11.9630072,6.99565017 11.4761337,6.80095362 11.0855211,6.41076582 C10.6957041,6.0213727 10.5,5.53423397 10.5,4.99782509 C10.5,4.4614162 10.6949085,3.97507215 11.0855211,3.58488435 C11.4753381,3.19549124 11.9630072,3 12.5,3 C13.0369928,3 13.5238663,3.19469656 13.9144789,3.58488435 C14.3042959,3.97427747 14.5,4.4614162 14.5,4.99782509 C14.5,5.53423397 14.3050915,6.02057803 13.9144789,6.41076582 Z M13.9144789,13.9133381 C13.5246619,14.3027312 13.0369928,14.4982224 12.5,14.4982224 C11.9630072,14.4982224 11.4761337,14.3035259 11.0855211,13.9133381 C10.6957041,13.523945 10.5,13.0368062 10.5,12.5003973 C10.5,11.9639885 10.6949085,11.4776444 11.0855211,11.0874566 C11.4753381,10.6980635 11.9630072,10.5025723 12.5,10.5025723 C13.0369928,10.5025723 13.5238663,10.6972688 13.9144789,11.0874566 C14.3042959,11.4768497 14.5,11.9639885 14.5,12.5003973 C14.5,13.0368062 14.3050915,13.5231503 13.9144789,13.9133381 Z M13.9144789,21.4151156 C13.5246619,21.8045088 13.0369928,22 12.5,22 C11.9630072,22 11.4761337,21.8053034 11.0855211,21.4151156 C10.6957041,21.0257225 10.5,20.5385838 10.5,20.0021749 C10.5,19.465766 10.6949085,18.979422 11.0855211,18.5892342 C11.4753381,18.1998411 11.9630072,18.0043498 12.5,18.0043498 C13.0369928,18.0043498 13.5238663,18.1990464 13.9144789,18.5892342 C14.3042959,18.9786273 14.5,19.465766 14.5,20.0021749 C14.5,20.5385838 14.3050915,21.0249279 13.9144789,21.4151156 Z"
+                                ></path>
+                              </svg></button
+                            ><span
+                              id="_2q1vf3rht_description"
+                              aria-hidden="true"
+                              class="sc-hiKfDv cDelJY"
+                            ></span>
+                          </div>
+                        </div>
+                        <div role="presentation" class="column-resizer"></div>
+                      </div>
+                      <div
+                        class="cell"
+                        role="columnheader"
+                        aria-label="Project ID"
+                        aria-colindex="7"
+                        tabindex="-1"
+                        data-col-id="Project ID"
+                        draggable="true"
+                      >
+                        <div class="header-lable-container">
+                          <div class="header-label" aria-hidden="true">
+                            <span
+                              title="Project ID"
+                              class="StyledSpan--l2fnh3 fsiec"
+                              >Project ID</span
+                            >
+                          </div>
+                          <span class="StyledSpan--l2fnh3 fsiec"></span
+                          ><span class="StyledSpan--l2fnh3 fsiec"></span>
+                        </div>
+                        <div class="icons-ph">
+                          <div class="header-menu">
+                            <button
+                              class="sc-bqGGPW CykbT button-more"
+                              aria-expanded="false"
+                              aria-describedby="_rfz0nff47_description"
+                              as="button"
+                              type="button"
+                              aria-label="Project ID Actions"
+                            >
+                              <svg
+                                role="presentation"
+                                viewBox="0 0 25 25"
+                                class="sc-dIsUp YmFKU"
+                              >
+                                <path
+                                  d="M13.9144789,6.41076582 C13.5246619,6.80015894 13.0369928,6.99565017 12.5,6.99565017 C11.9630072,6.99565017 11.4761337,6.80095362 11.0855211,6.41076582 C10.6957041,6.0213727 10.5,5.53423397 10.5,4.99782509 C10.5,4.4614162 10.6949085,3.97507215 11.0855211,3.58488435 C11.4753381,3.19549124 11.9630072,3 12.5,3 C13.0369928,3 13.5238663,3.19469656 13.9144789,3.58488435 C14.3042959,3.97427747 14.5,4.4614162 14.5,4.99782509 C14.5,5.53423397 14.3050915,6.02057803 13.9144789,6.41076582 Z M13.9144789,13.9133381 C13.5246619,14.3027312 13.0369928,14.4982224 12.5,14.4982224 C11.9630072,14.4982224 11.4761337,14.3035259 11.0855211,13.9133381 C10.6957041,13.523945 10.5,13.0368062 10.5,12.5003973 C10.5,11.9639885 10.6949085,11.4776444 11.0855211,11.0874566 C11.4753381,10.6980635 11.9630072,10.5025723 12.5,10.5025723 C13.0369928,10.5025723 13.5238663,10.6972688 13.9144789,11.0874566 C14.3042959,11.4768497 14.5,11.9639885 14.5,12.5003973 C14.5,13.0368062 14.3050915,13.5231503 13.9144789,13.9133381 Z M13.9144789,21.4151156 C13.5246619,21.8045088 13.0369928,22 12.5,22 C11.9630072,22 11.4761337,21.8053034 11.0855211,21.4151156 C10.6957041,21.0257225 10.5,20.5385838 10.5,20.0021749 C10.5,19.465766 10.6949085,18.979422 11.0855211,18.5892342 C11.4753381,18.1998411 11.9630072,18.0043498 12.5,18.0043498 C13.0369928,18.0043498 13.5238663,18.1990464 13.9144789,18.5892342 C14.3042959,18.9786273 14.5,19.465766 14.5,20.0021749 C14.5,20.5385838 14.3050915,21.0249279 13.9144789,21.4151156 Z"
+                                ></path>
+                              </svg></button
+                            ><span
+                              id="_rfz0nff47_description"
+                              aria-hidden="true"
+                              class="sc-hiKfDv cDelJY"
+                            ></span>
+                          </div>
+                        </div>
+                        <div role="presentation" class="column-resizer"></div>
+                      </div>
+                      <div
+                        class="cell"
+                        role="columnheader"
+                        aria-label="Product ID"
+                        aria-colindex="8"
+                        tabindex="-1"
+                        data-col-id="Product ID"
+                        draggable="true"
+                      >
+                        <div class="header-lable-container">
+                          <div class="header-label" aria-hidden="true">
+                            <span
+                              title="Product ID"
+                              class="StyledSpan--l2fnh3 fsiec"
+                              >Product ID</span
+                            >
+                          </div>
+                          <span class="StyledSpan--l2fnh3 fsiec"></span
+                          ><span class="StyledSpan--l2fnh3 fsiec"></span>
+                        </div>
+                        <div class="icons-ph">
+                          <div class="header-menu">
+                            <button
+                              class="sc-bqGGPW CykbT button-more"
+                              aria-expanded="false"
+                              aria-describedby="_1zif8qm55_description"
+                              as="button"
+                              type="button"
+                              aria-label="Product ID Actions"
+                            >
+                              <svg
+                                role="presentation"
+                                viewBox="0 0 25 25"
+                                class="sc-dIsUp YmFKU"
+                              >
+                                <path
+                                  d="M13.9144789,6.41076582 C13.5246619,6.80015894 13.0369928,6.99565017 12.5,6.99565017 C11.9630072,6.99565017 11.4761337,6.80095362 11.0855211,6.41076582 C10.6957041,6.0213727 10.5,5.53423397 10.5,4.99782509 C10.5,4.4614162 10.6949085,3.97507215 11.0855211,3.58488435 C11.4753381,3.19549124 11.9630072,3 12.5,3 C13.0369928,3 13.5238663,3.19469656 13.9144789,3.58488435 C14.3042959,3.97427747 14.5,4.4614162 14.5,4.99782509 C14.5,5.53423397 14.3050915,6.02057803 13.9144789,6.41076582 Z M13.9144789,13.9133381 C13.5246619,14.3027312 13.0369928,14.4982224 12.5,14.4982224 C11.9630072,14.4982224 11.4761337,14.3035259 11.0855211,13.9133381 C10.6957041,13.523945 10.5,13.0368062 10.5,12.5003973 C10.5,11.9639885 10.6949085,11.4776444 11.0855211,11.0874566 C11.4753381,10.6980635 11.9630072,10.5025723 12.5,10.5025723 C13.0369928,10.5025723 13.5238663,10.6972688 13.9144789,11.0874566 C14.3042959,11.4768497 14.5,11.9639885 14.5,12.5003973 C14.5,13.0368062 14.3050915,13.5231503 13.9144789,13.9133381 Z M13.9144789,21.4151156 C13.5246619,21.8045088 13.0369928,22 12.5,22 C11.9630072,22 11.4761337,21.8053034 11.0855211,21.4151156 C10.6957041,21.0257225 10.5,20.5385838 10.5,20.0021749 C10.5,19.465766 10.6949085,18.979422 11.0855211,18.5892342 C11.4753381,18.1998411 11.9630072,18.0043498 12.5,18.0043498 C13.0369928,18.0043498 13.5238663,18.1990464 13.9144789,18.5892342 C14.3042959,18.9786273 14.5,19.465766 14.5,20.0021749 C14.5,20.5385838 14.3050915,21.0249279 13.9144789,21.4151156 Z"
+                                ></path>
+                              </svg></button
+                            ><span
+                              id="_1zif8qm55_description"
+                              aria-hidden="true"
+                              class="sc-hiKfDv cDelJY"
+                            ></span>
+                          </div>
+                        </div>
+                        <div role="presentation" class="column-resizer"></div>
+                      </div>
+                      <div
+                        class="cell cell-last"
+                        role="columnheader"
+                        aria-label="Instance Handle Key"
+                        aria-colindex="9"
+                        tabindex="-1"
+                        data-col-id="Instance Handle Key"
+                        draggable="true"
+                      >
+                        <div class="header-lable-container">
+                          <div class="header-label" aria-hidden="true">
+                            <span
+                              title="Instance Handle Key"
+                              class="StyledSpan--l2fnh3 fsiec"
+                              >Instance Handle Key</span
+                            >
+                          </div>
+                          <span class="StyledSpan--l2fnh3 fsiec"></span
+                          ><span class="StyledSpan--l2fnh3 fsiec"></span>
+                        </div>
+                        <div class="icons-ph">
+                          <div class="header-menu">
+                            <button
+                              class="sc-bqGGPW CykbT button-more"
+                              aria-expanded="false"
+                              aria-describedby="_b6dmf1q6f_description"
+                              as="button"
+                              type="button"
+                              aria-label="Instance Handle Key Actions"
+                            >
+                              <svg
+                                role="presentation"
+                                viewBox="0 0 25 25"
+                                class="sc-dIsUp YmFKU"
+                              >
+                                <path
+                                  d="M13.9144789,6.41076582 C13.5246619,6.80015894 13.0369928,6.99565017 12.5,6.99565017 C11.9630072,6.99565017 11.4761337,6.80095362 11.0855211,6.41076582 C10.6957041,6.0213727 10.5,5.53423397 10.5,4.99782509 C10.5,4.4614162 10.6949085,3.97507215 11.0855211,3.58488435 C11.4753381,3.19549124 11.9630072,3 12.5,3 C13.0369928,3 13.5238663,3.19469656 13.9144789,3.58488435 C14.3042959,3.97427747 14.5,4.4614162 14.5,4.99782509 C14.5,5.53423397 14.3050915,6.02057803 13.9144789,6.41076582 Z M13.9144789,13.9133381 C13.5246619,14.3027312 13.0369928,14.4982224 12.5,14.4982224 C11.9630072,14.4982224 11.4761337,14.3035259 11.0855211,13.9133381 C10.6957041,13.523945 10.5,13.0368062 10.5,12.5003973 C10.5,11.9639885 10.6949085,11.4776444 11.0855211,11.0874566 C11.4753381,10.6980635 11.9630072,10.5025723 12.5,10.5025723 C13.0369928,10.5025723 13.5238663,10.6972688 13.9144789,11.0874566 C14.3042959,11.4768497 14.5,11.9639885 14.5,12.5003973 C14.5,13.0368062 14.3050915,13.5231503 13.9144789,13.9133381 Z M13.9144789,21.4151156 C13.5246619,21.8045088 13.0369928,22 12.5,22 C11.9630072,22 11.4761337,21.8053034 11.0855211,21.4151156 C10.6957041,21.0257225 10.5,20.5385838 10.5,20.0021749 C10.5,19.465766 10.6949085,18.979422 11.0855211,18.5892342 C11.4753381,18.1998411 11.9630072,18.0043498 12.5,18.0043498 C13.0369928,18.0043498 13.5238663,18.1990464 13.9144789,18.5892342 C14.3042959,18.9786273 14.5,19.465766 14.5,20.0021749 C14.5,20.5385838 14.3050915,21.0249279 13.9144789,21.4151156 Z"
+                                ></path>
+                              </svg></button
+                            ><span
+                              id="_b6dmf1q6f_description"
+                              aria-hidden="true"
+                              class="sc-hiKfDv cDelJY"
+                            ></span>
+                          </div>
+                        </div>
+                        <div role="presentation" class="column-resizer"></div>
+                      </div>
+                    </div>
+                  </div>
+                  <div class="freeze-line freeze-line-hide"></div>
+                  <div
+                    class="bContainer"
+                  >
+                    <div
+                      class="short-height row-container"
+                      role="rowgroup"
+                    >
+                      <div
+                        class="row"
+                        data-key="PEGAPROJMGMT-WORK BUG-557880"
+                        role="row"
+                        aria-rowindex="1"
+                        data-index="0"
+                      >
+                        <div
+                          data-col-id="Sl.No."
+                          aria-colindex="1"
+                          role="gridcell"
+                          class="cell cell-first"
+                          tabindex="-1"
+                        >
+                          <span class="StyledSpan--l2fnh3 fsiec">1</span>
+                        </div>
+                        <div
+                          data-col-id="ID"
+                          aria-colindex="2"
+                          role="gridcell"
+                          class="cell"
+                          tabindex="-1"
+                        >
+                          <span class="StyledSpan--l2fnh3 fsiec"
+                            ><span
+                              ><a
+                                href="https://agilestudio.pega.com/prweb/AgileStudio/app/agilestudio/bugs"
+                                rel="noopener noreferrer"
+                                target="_blank"
+                                class="sc-iwajpm loheoE"
+                                >BUG-557880</a
+                              ></span
+                            ></span
+                          >
+                        </div>
+                        <div
+                          data-col-id="Priority"
+                          aria-colindex="3"
+                          role="gridcell"
+                          class="cell"
+                          tabindex="-1"
+                        >
+                          <span class="StyledSpan--l2fnh3 fsiec">15.1</span>
+                        </div>
+                        <div
+                          data-col-id="Created by"
+                          aria-colindex="4"
+                          role="gridcell"
+                          class="cell"
+                          tabindex="-1"
+                        >
+                          <span class="StyledSpan--l2fnh3 fsiec"
+                            ><span class="sc-jhGUec cIoXoG"
+                              ><span class="custom-avatar-cont"
+                                ><div
+                                  role="img"
+                                  shape="circle"
+                                  aria-label="Cloud Automation User"
+                                  class="sc-fIxmyt kDqCNO custom-avatar"
+                                >
+                                  CA
+                                </div></span
+                              ><span
+                                class="sc-crzoAE hNAGXR"
+                                style="margin-left: 1.5rem"
+                                >Cloud Automation User</span
+                              ></span
+                            ></span
+                          >
+                        </div>
+                        <div
+                          data-col-id="Status"
+                          aria-colindex="5"
+                          role="gridcell"
+                          class="cell"
+                          tabindex="-1"
+                        >
+                          <span class="StyledSpan--l2fnh3 fsiec"
+                            ><span
+                              ><span type="rectangle" class="sc-dIvrsQ gBeUyB"
+                                >New</span
+                              ></span
+                            ></span
+                          >
+                        </div>
+                        <div
+                          data-col-id="Release"
+                          aria-colindex="6"
+                          role="gridcell"
+                          class="cell"
+                          tabindex="-1"
+                        >
+                          <span class="StyledSpan--l2fnh3 fsiec"
+                            ><span><span>RLS-5657</span></span></span
+                          >
+                        </div>
+                        <div
+                          data-col-id="Project ID"
+                          aria-colindex="7"
+                          role="gridcell"
+                          class="cell"
+                          tabindex="-1"
+                        >
+                          <span class="StyledSpan--l2fnh3 fsiec"
+                            ><span><span>PROJ-2130</span></span></span
+                          >
+                        </div>
+                        <div
+                          data-col-id="Product ID"
+                          aria-colindex="8"
+                          role="gridcell"
+                          class="cell"
+                          tabindex="-1"
+                        >
+                          <span class="StyledSpan--l2fnh3 fsiec"
+                            ><span><span>PRD-6</span></span></span
+                          >
+                        </div>
+                        <div
+                          data-col-id="Instance Handle Key"
+                          aria-colindex="9"
+                          role="gridcell"
+                          class="cell cell-last"
+                          tabindex="-1"
+                        >
+                          <span class="StyledSpan--l2fnh3 fsiec"
+                            >PEGAPROJMGMT-WORK BUG-557880</span
+                          >
+                        </div>
+                      </div>
+                      <div
+                        class="row"
+                        data-key="PEGAPROJMGMT-WORK BUG-557879"
+                        role="row"
+                        aria-rowindex="2"
+                        data-index="1"
+                      >
+                        <div
+                          data-col-id="Sl.No."
+                          aria-colindex="1"
+                          role="gridcell"
+                          class="cell cell-first"
+                          tabindex="-1"
+                        >
+                          <span class="StyledSpan--l2fnh3 fsiec">2</span>
+                        </div>
+                        <div
+                          data-col-id="ID"
+                          aria-colindex="2"
+                          role="gridcell"
+                          class="cell"
+                          tabindex="-1"
+                        >
+                          <span class="StyledSpan--l2fnh3 fsiec"
+                            ><span
+                              ><a
+                                href="https://agilestudio.pega.com/prweb/AgileStudio/app/agilestudio/bugs"
+                                rel="noopener noreferrer"
+                                target="_blank"
+                                class="sc-iwajpm loheoE"
+                                >BUG-557879</a
+                              ></span
+                            ></span
+                          >
+                        </div>
+                        <div
+                          data-col-id="Priority"
+                          aria-colindex="3"
+                          role="gridcell"
+                          class="cell"
+                          tabindex="-1"
+                        >
+                          <span class="StyledSpan--l2fnh3 fsiec">45.4</span>
+                        </div>
+                        <div
+                          data-col-id="Created by"
+                          aria-colindex="4"
+                          role="gridcell"
+                          class="cell"
+                          tabindex="-1"
+                        >
+                          <span class="StyledSpan--l2fnh3 fsiec"
+                            ><span class="sc-jhGUec cIoXoG"
+                              ><span class="custom-avatar-cont"
+                                ><div
+                                  role="img"
+                                  shape="circle"
+                                  aria-label="Squid Bot"
+                                  class="sc-fIxmyt kDqCNO custom-avatar"
+                                >
+                                  SB
+                                </div></span
+                              ><span
+                                class="sc-crzoAE hNAGXR"
+                                style="margin-left: 1.5rem"
+                                >Squid Bot</span
+                              ></span
+                            ></span
+                          >
+                        </div>
+                        <div
+                          data-col-id="Status"
+                          aria-colindex="5"
+                          role="gridcell"
+                          class="cell"
+                          tabindex="-1"
+                        >
+                          <span class="StyledSpan--l2fnh3 fsiec"
+                            ><span
+                              ><span type="rectangle" class="sc-dIvrsQ gBeUyB"
+                                >New</span
+                              ></span
+                            ></span
+                          >
+                        </div>
+                        <div
+                          data-col-id="Release"
+                          aria-colindex="6"
+                          role="gridcell"
+                          class="cell"
+                          tabindex="-1"
+                        >
+                          <span class="StyledSpan--l2fnh3 fsiec"
+                            ><span><span>RLS-22582</span></span></span
+                          >
+                        </div>
+                        <div
+                          data-col-id="Project ID"
+                          aria-colindex="7"
+                          role="gridcell"
+                          class="cell"
+                          tabindex="-1"
+                        >
+                          <span class="StyledSpan--l2fnh3 fsiec"
+                            ><span><span>PROJ-1735</span></span></span
+                          >
+                        </div>
+                        <div
+                          data-col-id="Product ID"
+                          aria-colindex="8"
+                          role="gridcell"
+                          class="cell"
+                          tabindex="-1"
+                        >
+                          <span class="StyledSpan--l2fnh3 fsiec"
+                            ><span><span>PRD-6</span></span></span
+                          >
+                        </div>
+                        <div
+                          data-col-id="Instance Handle Key"
+                          aria-colindex="9"
+                          role="gridcell"
+                          class="cell cell-last"
+                          tabindex="-1"
+                        >
+                          <span class="StyledSpan--l2fnh3 fsiec"
+                            >PEGAPROJMGMT-WORK BUG-557879</span
+                          >
+                        </div>
+                      </div>
+                      <div
+                        class="row"
+                        data-key="PEGAPROJMGMT-WORK BUG-557878"
+                        role="row"
+                        aria-rowindex="3"
+                        data-index="2"
+                      >
+                        <div
+                          data-col-id="Sl.No."
+                          aria-colindex="1"
+                          role="gridcell"
+                          class="cell cell-first"
+                          tabindex="-1"
+                        >
+                          <span class="StyledSpan--l2fnh3 fsiec">3</span>
+                        </div>
+                        <div
+                          data-col-id="ID"
+                          aria-colindex="2"
+                          role="gridcell"
+                          class="cell"
+                          tabindex="-1"
+                        >
+                          <span class="StyledSpan--l2fnh3 fsiec"
+                            ><span
+                              ><a
+                                href="https://agilestudio.pega.com/prweb/AgileStudio/app/agilestudio/bugs"
+                                rel="noopener noreferrer"
+                                target="_blank"
+                                class="sc-iwajpm loheoE"
+                                >BUG-557878</a
+                              ></span
+                            ></span
+                          >
+                        </div>
+                        <div
+                          data-col-id="Priority"
+                          aria-colindex="3"
+                          role="gridcell"
+                          class="cell"
+                          tabindex="-1"
+                        >
+                          <span class="StyledSpan--l2fnh3 fsiec">45.8</span>
+                        </div>
+                        <div
+                          data-col-id="Created by"
+                          aria-colindex="4"
+                          role="gridcell"
+                          class="cell"
+                          tabindex="-1"
+                        >
+                          <span class="StyledSpan--l2fnh3 fsiec"
+                            ><span class="sc-jhGUec cIoXoG"
+                              ><span class="custom-avatar-cont"
+                                ><div
+                                  role="img"
+                                  shape="circle"
+                                  aria-label="Squid Bot"
+                                  class="sc-fIxmyt kDqCNO custom-avatar"
+                                >
+                                  SB
+                                </div></span
+                              ><span
+                                class="sc-crzoAE hNAGXR"
+                                style="margin-left: 1.5rem"
+                                >Squid Bot</span
+                              ></span
+                            ></span
+                          >
+                        </div>
+                        <div
+                          data-col-id="Status"
+                          aria-colindex="5"
+                          role="gridcell"
+                          class="cell"
+                          tabindex="-1"
+                        >
+                          <span class="StyledSpan--l2fnh3 fsiec"
+                            ><span
+                              ><span type="rectangle" class="sc-dIvrsQ gBeUyB"
+                                >New</span
+                              ></span
+                            ></span
+                          >
+                        </div>
+                        <div
+                          data-col-id="Release"
+                          aria-colindex="6"
+                          role="gridcell"
+                          class="cell"
+                          tabindex="-1"
+                        >
+                          <span class="StyledSpan--l2fnh3 fsiec"
+                            ><span><span>RLS-22582</span></span></span
+                          >
+                        </div>
+                        <div
+                          data-col-id="Project ID"
+                          aria-colindex="7"
+                          role="gridcell"
+                          class="cell"
+                          tabindex="-1"
+                        >
+                          <span class="StyledSpan--l2fnh3 fsiec"
+                            ><span><span>PROJ-1735</span></span></span
+                          >
+                        </div>
+                        <div
+                          data-col-id="Product ID"
+                          aria-colindex="8"
+                          role="gridcell"
+                          class="cell"
+                          tabindex="-1"
+                        >
+                          <span class="StyledSpan--l2fnh3 fsiec"
+                            ><span><span>PRD-6</span></span></span
+                          >
+                        </div>
+                        <div
+                          data-col-id="Instance Handle Key"
+                          aria-colindex="9"
+                          role="gridcell"
+                          class="cell cell-last"
+                          tabindex="-1"
+                        >
+                          <span class="StyledSpan--l2fnh3 fsiec"
+                            >PEGAPROJMGMT-WORK BUG-557878</span
+                          >
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                  <div
+                    class="footer"
+                    role="row"
+                    style="
+                      position: sticky;
+                      bottom: 0px;
+                      z-index: 6;
+                      display: grid;
+                    "
+                  >
+                    <div class="sc-ekA-drt iBawPT row">
+                      <div
+                        data-col-id="Sl.No."
+                        aria-colindex="1"
+                        role="gridcell"
+                        class="aggregateCell cell"
+                        data-test-id="Sl.No."
+                      ></div>
+                      <div
+                        data-col-id="ID"
+                        aria-colindex="2"
+                        role="gridcell"
+                        class="aggregateCell cell"
+                        data-test-id="ID"
+                      ></div>
+                      <div
+                        data-col-id="Priority"
+                        aria-colindex="3"
+                        role="gridcell"
+                        class="aggregateCell cell align-right"
+                        data-test-id="Priority"
+                      >
+                        <div class="sc-bwcZwS eeKhMy">
+                          <div style="display: flex; flex: 0 0 auto">
+                            Sum&nbsp;<span class="StyledSpan--l2fnh3 fsiec"
+                              >15893.3</span
+                            >
+                          </div>
+                          <button
+                            data-testid=":menu-button:"
+                            class="sc-ckTSus bNuuCu sc-bqGGPW hoPeio sc-enrZtP kGVVCy aggregate-button"
+                            aria-labelledby="_8lw4y5rm2_label"
+                            id="_hh91sfl5z"
+                            aria-expanded="false"
+                            aria-haspopup="menu"
+                            aria-controls="_hh91sfl5z-popover"
+                            type="button"
+                            aria-label="Aggregate options"
+                          >
+                            <div class="sc-fbIWvP heqLbW sc-eCApnc hAFrUT">
+                              <svg
+                                role="presentation"
+                                viewBox="0 0 25 25"
+                                class="sc-dIsUp YmFKU"
+                              >
+                                <path
+                                  d="M8,9.5 C8,9.5 17,9.5 17,9.5 C17,9.5 12.5981383,15.5 12.5981383,15.5 C12.5981383,15.5 8.00079787,9.5 8.00079787,9.5 L8,9.5 Z"
+                                ></path>
+                              </svg>
+                            </div></button
+                          ><span
+                            id="_8lw4y5rm2_label"
+                            aria-hidden="true"
+                            class="sc-hiKfDv cDelJY"
+                            >Sum 15893.3 Aggregate options</span
+                          >
+                        </div>
+                      </div>
+                      <div
+                        data-col-id="Created by"
+                        aria-colindex="4"
+                        role="gridcell"
+                        class="aggregateCell cell"
+                        data-test-id="Created by"
+                      ></div>
+                      <div
+                        data-col-id="Status"
+                        aria-colindex="5"
+                        role="gridcell"
+                        class="aggregateCell cell"
+                        data-test-id="Status"
+                      ></div>
+                      <div
+                        data-col-id="Release"
+                        aria-colindex="6"
+                        role="gridcell"
+                        class="aggregateCell cell"
+                        data-test-id="Release"
+                      ></div>
+                      <div
+                        data-col-id="Project ID"
+                        aria-colindex="7"
+                        role="gridcell"
+                        class="aggregateCell cell"
+                        data-test-id="Project ID"
+                      ></div>
+                      <div
+                        data-col-id="Product ID"
+                        aria-colindex="8"
+                        role="gridcell"
+                        class="aggregateCell cell"
+                        data-test-id="Product ID"
+                      ></div>
+                      <div
+                        data-col-id="Instance Handle Key"
+                        aria-colindex="9"
+                        role="gridcell"
+                        class="aggregateCell cell cell-last"
+                        data-test-id="Instance Handle Key"
+                      ></div>
+                    </div>
+                  </div>
+                </div>
+              </div>
+              <input
+                class="sc-btlduw cKNCTh bottom"
+                type="text"
+                aria-hidden="true"
+              />
+            </div>
+          </div>
+        </article>
+      </div>
+    </div>
+  </div>
+</div>
+</div>
+<div role="log" aria-relevant="additions" class="sc-bdnxRM fa-DOgx">
+<h6>Polite Announcements</h6>
+<p></p>
+<p></p>
+</div>
+<div
+role="log"
+aria-live="assertive"
+aria-relevant="additions"
+class="sc-bdnxRM fa-DOgx"
+>
+<h6>Assertive Announcements</h6>
+</div>`;
+    // https://github.com/jsdom/jsdom/issues/2586#issuecomment-742593116
+    document.body.appendChild(tableElement);
+    return tableElement.querySelector('.container');
+}
+//# sourceMappingURL=a11ySample.js.map