@ukic/web-components 2.29.1 → 3.0.0-alpha.2

package/dist/collection/components/ic-pagination/test/basic/ic-pagination.spec.js

@@ -38,16 +38,16 @@ describe("ic-pagination simple appearance component", () => {
         });
         expect(page.root).toMatchSnapshot("no current page");
     });
-    it("should render all pages when total pages less than min width based on boundary-count and adjacent-count", async () => {
+    it("should render all pages when total pages less than min width based on boundary-page-count and adjacent-page-count", async () => {
         const page = await newSpecPage({
             components: [Pagination],
             html: `<ic-pagination
       pages="11"
       type="complex"
-      adjacent-count="2"
-      boundary-count="2"></ic-pagination>`,
+      adjacent-page-count="2"
+      boundary-page-count="2"></ic-pagination>`,
         });
-        expect(page.root).toMatchSnapshot("pages less than adjacent-count + boundary-count");
+        expect(page.root).toMatchSnapshot("pages less than adjacent-page-count + boundary-page-count");
     });
     it("should render with interactions disabled", async () => {
         const page = await newSpecPage({
@@ -140,7 +140,7 @@ describe("ic-pagination complex type", () => {
             html: `<ic-pagination
       pages=15
       type="complex"
-      adjacent-count=0
+      adjacent-page-count=0
     ></ic-pagination>`,
         });
         expect(page.root).toMatchSnapshot("render complex type with 0 adjacent items and 0 boundary items");
@@ -148,63 +148,63 @@ describe("ic-pagination complex type", () => {
     it("should render as complex type with 0 adjacent items and 0 boundary items with default page set at 7", async () => {
         const page = await newSpecPage({
             components: [Pagination],
-            html: `<ic-pagination pages=15 type="complex" adjacent-count=0 boundary-count=0 default-page=7></ic-pagination>`,
+            html: `<ic-pagination pages=15 type="complex" adjacent-page-count=0 boundary-page-count=0 default-page=7></ic-pagination>`,
         });
         expect(page.root).toMatchSnapshot("render complex type with 0 adjacent items and 0 boundary items and default page 7");
     });
     it("should render as complex type with 0 adjacent items and 0 boundary items with default page set at 15", async () => {
         const page = await newSpecPage({
             components: [Pagination],
-            html: `<ic-pagination pages=15 type="complex" adjacent-count=0 boundary-count=0 default-page=15></ic-pagination>`,
+            html: `<ic-pagination pages=15 type="complex" adjacent-page-count=0 boundary-page-count=0 default-page=15></ic-pagination>`,
         });
         expect(page.root).toMatchSnapshot("render complex type with 0 adjacent items and 0 boundary items and default page 15");
     });
     it("should render in complex type with 1 adjacent items and 0 boundary items", async () => {
         const page = await newSpecPage({
             components: [Pagination],
-            html: `<ic-pagination pages=15 type="complex" adjacent-count=1 boundary-count=0></ic-pagination>`,
+            html: `<ic-pagination pages=15 type="complex" adjacent-page-count=1 boundary-page-count=0></ic-pagination>`,
         });
         expect(page.root).toMatchSnapshot("render complex type with 1 adjacent items and 0 boundary items");
     });
     it("should render as complex type with 2 adjacent items and 0 boundary items", async () => {
         const page = await newSpecPage({
             components: [Pagination],
-            html: `<ic-pagination pages=15 type="complex" adjacent-count=2 boundary-count=0></ic-pagination>`,
+            html: `<ic-pagination pages=15 type="complex" adjacent-page-count=2 boundary-page-count=0></ic-pagination>`,
         });
         expect(page.root).toMatchSnapshot("render complex type with 2 adjacent items and 0 boundary items");
     });
     it("should render as complex type with 0 adjacent items and 1 boundary items", async () => {
         const page = await newSpecPage({
             components: [Pagination],
-            html: `<ic-pagination pages=15 type="complex" adjacent-count=0 boundary-count=1></ic-pagination>`,
+            html: `<ic-pagination pages=15 type="complex" adjacent-page-count=0 boundary-page-count=1></ic-pagination>`,
         });
         expect(page.root).toMatchSnapshot("render complex type with 0 adjacent items and 1 boundary items");
     });
     it("should render as complex type with 0 adjacent items and 2 boundary items", async () => {
         const page = await newSpecPage({
             components: [Pagination],
-            html: `<ic-pagination pages=15 type="complex" adjacent-count=0 boundary-count=2></ic-pagination>`,
+            html: `<ic-pagination pages=15 type="complex" adjacent-page-count=0 boundary-page-count=2></ic-pagination>`,
         });
         expect(page.root).toMatchSnapshot("render complex type with 0 adjacent items and 2 boundary items");
     });
     it("should render as complex type with 1 adjacent items and 2 boundary items", async () => {
         const page = await newSpecPage({
             components: [Pagination],
-            html: `<ic-pagination pages=15 type="complex" adjacent-count=1 boundary-count=2></ic-pagination>`,
+            html: `<ic-pagination pages=15 type="complex" adjacent-page-count=1 boundary-page-count=2></ic-pagination>`,
         });
         expect(page.root).toMatchSnapshot("render complex type with 1 adjacent items and 2 boundary items");
     });
     it("should render as complex type with 2 adjacent items and 1 boundary items", async () => {
         const page = await newSpecPage({
             components: [Pagination],
-            html: `<ic-pagination pages=15 type="complex" adjacent-count=2 boundary-count=1></ic-pagination>`,
+            html: `<ic-pagination pages=15 type="complex" adjacent-page-count=2 boundary-page-count=1></ic-pagination>`,
         });
         expect(page.root).toMatchSnapshot("render complex type with 2 adjacent items and 1 boundary items");
     });
     it("should render as complex type with 2 adjacent items and 2 boundary items", async () => {
         const page = await newSpecPage({
             components: [Pagination],
-            html: `<ic-pagination pages=15 type="complex" adjacent-count=2 boundary-count=2></ic-pagination>`,
+            html: `<ic-pagination pages=15 type="complex" adjacent-page-count=2 boundary-page-count=2></ic-pagination>`,
         });
         expect(page.root).toMatchSnapshot("render complex type with 2 adjacent items and 2 boundary items");
     });
@@ -280,37 +280,37 @@ describe("ic-pagination complex type", () => {
         await page.waitForChanges();
         expect(page.root.currentPage).toBe(1);
     });
-    it("should not allow boundaryCount greater than 2", async () => {
+    it("should not allow boundaryPageCount greater than 2", async () => {
         const page = await newSpecPage({
             components: [Pagination],
-            html: `<ic-pagination pages=15 type="complex" boundary-count=3></ic-pagination>`,
+            html: `<ic-pagination pages=15 type="complex" boundary-page-count=3></ic-pagination>`,
         });
-        expect(page.rootInstance.boundaryCount).toEqual(2);
+        expect(page.rootInstance.boundaryPageCount).toEqual(2);
     });
-    it("should not allow boundaryCount greater than 2 - when changed from initial value", async () => {
+    it("should not allow boundaryPageCount greater than 2 - when changed from initial value", async () => {
         const page = await newSpecPage({
             components: [Pagination],
             html: `<ic-pagination pages=15 type="complex"></ic-pagination>`,
         });
-        page.root.boundaryCount = 3;
+        page.root.boundaryPageCount = 3;
         await page.waitForChanges();
-        expect(page.rootInstance.boundaryCount).toEqual(2);
+        expect(page.rootInstance.boundaryPageCount).toEqual(2);
     });
-    it("should not allow adjacentCount greater than 2", async () => {
+    it("should not allow adjacentPageCount greater than 2", async () => {
         const page = await newSpecPage({
             components: [Pagination],
-            html: `<ic-pagination pages=15 type="complex" adjacent-count=3></ic-pagination>`,
+            html: `<ic-pagination pages=15 type="complex" adjacent-page-count=3></ic-pagination>`,
         });
-        expect(page.rootInstance.adjacentCount).toEqual(2);
+        expect(page.rootInstance.adjacentPageCount).toEqual(2);
     });
-    it("should not allow adjacentCount greater than 2 - when changed from initial value", async () => {
+    it("should not allow adjacentPageCount greater than 2 - when changed from initial value", async () => {
         const page = await newSpecPage({
             components: [Pagination],
             html: `<ic-pagination pages=15 type="complex"></ic-pagination>`,
         });
-        page.root.adjacentCount = 3;
+        page.root.adjacentPageCount = 3;
         await page.waitForChanges();
-        expect(page.rootInstance.adjacentCount).toEqual(2);
+        expect(page.rootInstance.adjacentPageCount).toEqual(2);
     });
     it("should test switching to complex pagination type", async () => {
         const page = await newSpecPage({

package/dist/collection/components/ic-pagination/test/basic/ic-pagination.spec.js.map

@@ -1 +1 @@
-{"version":3,"file":"ic-pagination.spec.js","sourceRoot":"","sources":["../../../../../src/components/ic-pagination/test/basic/ic-pagination.spec.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAC;AACjD,OAAO,EAAE,MAAM,EAAE,MAAM,8BAA8B,CAAC;AACtD,OAAO,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AAEpD,OAAO,EAAE,cAAc,EAAE,MAAM,gDAAgD,CAAC;AAEhF,QAAQ,CAAC,2CAA2C,EAAE,GAAG,EAAE;IACzD,EAAE,CAAC,6BAA6B,EAAE,KAAK,IAAI,EAAE;QAC3C,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;YAC7B,UAAU,EAAE,CAAC,UAAU,CAAC;YACxB,IAAI,EAAE,0CAA0C;SACjD,CAAC,CAAC;QAEH,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,eAAe,CAAC,uBAAuB,CAAC,CAAC;IAC7D,CAAC,CAAC,CAAC;IACH,EAAE,CAAC,gCAAgC,EAAE,KAAK,IAAI,EAAE;QAC9C,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;YAC7B,UAAU,EAAE,CAAC,UAAU,CAAC;YACxB,IAAI,EAAE,8DAA8D;SACrE,CAAC,CAAC;QAEH,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,eAAe,CAAC,yBAAyB,CAAC,CAAC;IAC/D,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,8CAA8C,EAAE,KAAK,IAAI,EAAE;QAC5D,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;YAC7B,UAAU,EAAE,CAAC,UAAU,CAAC;YACxB,IAAI,EAAE,2DAA2D;SAClE,CAAC,CAAC;QAEH,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,eAAe,CAAC,4BAA4B,CAAC,CAAC;IAClE,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,oDAAoD,EAAE,KAAK,IAAI,EAAE;QAClE,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;YAC7B,UAAU,EAAE,CAAC,UAAU,CAAC;YACxB,IAAI,EAAE,mGAAmG;SAC1G,CAAC,CAAC;QAEH,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,eAAe,CAAC,8BAA8B,CAAC,CAAC;IACpE,CAAC,CAAC,CAAC;IACH,EAAE,CAAC,oCAAoC,EAAE,KAAK,IAAI,EAAE;QAClD,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;YAC7B,UAAU,EAAE,CAAC,UAAU,CAAC;YACxB,IAAI,EAAE,mEAAmE;SAC1E,CAAC,CAAC;QAEH,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,eAAe,CAAC,iBAAiB,CAAC,CAAC;IACvD,CAAC,CAAC,CAAC;IACH,EAAE,CAAC,yGAAyG,EAAE,KAAK,IAAI,EAAE;QACvH,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;YAC7B,UAAU,EAAE,CAAC,UAAU,CAAC;YACxB,IAAI,EAAE;;;;0CAI8B;SACrC,CAAC,CAAC;QAEH,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,eAAe,CAC/B,iDAAiD,CAClD,CAAC;IACJ,CAAC,CAAC,CAAC;IACH,EAAE,CAAC,0CAA0C,EAAE,KAAK,IAAI,EAAE;QACxD,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;YAC7B,UAAU,EAAE,CAAC,UAAU,CAAC;YACxB,IAAI,EAAE,yDAAyD;SAChE,CAAC,CAAC;QAEH,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,eAAe,CAAC,SAAS,CAAC,CAAC;IAC/C,CAAC,CAAC,CAAC;IACH,EAAE,CAAC,mCAAmC,EAAE,KAAK,IAAI,EAAE;QACjD,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;YAC7B,UAAU,EAAE,CAAC,UAAU,EAAE,MAAM,EAAE,cAAc,CAAC;YAChD,IAAI,EAAE;OACL;SACF,CAAC,CAAC;QAEH,MAAM,GAAG,GAAG,CAAC,MAAM,IAAI,CAAC,IAAI,CAAC,UAAU,CAAC,aAAa,CACnD,mBAAmB,CACpB,CAAwB,CAAC;QAC1B,MAAM,MAAM,GAAG,CAAC,MAAM,IAAI,CAAC,IAAI,CAAC,UAAU,CAAC,aAAa,CACtD,oBAAoB,CACrB,CAAgC,CAAC;QAElC,MAAM,GAAG,CAAC,KAAK,EAAE,CAAC;QAClB,MAAM,IAAI,CAAC,cAAc,EAAE,CAAC;QAE5B,MAAM,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC;IAC9B,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,mCAAmC,EAAE,KAAK,IAAI,EAAE;QACjD,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;YAC7B,UAAU,EAAE,CAAC,UAAU,EAAE,MAAM,EAAE,cAAc,CAAC;YAChD,IAAI,EAAE;OACL;SACF,CAAC,CAAC;QAEH,MAAM,GAAG,GAAG,CAAC,MAAM,IAAI,CAAC,IAAI,CAAC,UAAU,CAAC,aAAa,CACnD,mBAAmB,CACpB,CAAwB,CAAC;QAC1B,MAAM,MAAM,GAAG,CAAC,MAAM,IAAI,CAAC,IAAI,CAAC,UAAU,CAAC,aAAa,CACtD,oBAAoB,CACrB,CAAgC,CAAC;QAElC,MAAM,GAAG,CAAC,KAAK,EAAE,CAAC;QAClB,MAAM,IAAI,CAAC,cAAc,EAAE,CAAC;QAE5B,MAAM,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;IAC/B,CAAC,CAAC,CAAC;IACH,EAAE,CAAC,uCAAuC,EAAE,KAAK,IAAI,EAAE;QACrD,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;YAC7B,UAAU,EAAE,CAAC,UAAU,EAAE,MAAM,EAAE,cAAc,CAAC;YAChD,IAAI,EAAE;OACL;SACF,CAAC,CAAC;QAEH,MAAM,GAAG,GAAG,CAAC,MAAM,IAAI,CAAC,IAAI,CAAC,UAAU,CAAC,aAAa,CACnD,uBAAuB,CACxB,CAAwB,CAAC;QAC1B,MAAM,MAAM,GAAG,CAAC,MAAM,IAAI,CAAC,IAAI,CAAC,UAAU,CAAC,aAAa,CACtD,oBAAoB,CACrB,CAAgC,CAAC;QAElC,MAAM,GAAG,CAAC,KAAK,EAAE,CAAC;QAClB,MAAM,IAAI,CAAC,cAAc,EAAE,CAAC;QAE5B,MAAM,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC;IAC9B,CAAC,CAAC,CAAC;IACH,EAAE,CAAC,oCAAoC,EAAE,KAAK,IAAI,EAAE;QAClD,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;YAC7B,UAAU,EAAE,CAAC,UAAU,EAAE,MAAM,EAAE,cAAc,CAAC;YAChD,IAAI,EAAE;OACL;SACF,CAAC,CAAC;QAEH,MAAM,GAAG,GAAG,CAAC,MAAM,IAAI,CAAC,IAAI,CAAC,UAAU,CAAC,aAAa,CACnD,oBAAoB,CACrB,CAAwB,CAAC;QAC1B,MAAM,MAAM,GAAG,CAAC,MAAM,IAAI,CAAC,IAAI,CAAC,UAAU,CAAC,aAAa,CACtD,oBAAoB,CACrB,CAAgC,CAAC;QAElC,MAAM,GAAG,CAAC,KAAK,EAAE,CAAC;QAClB,MAAM,IAAI,CAAC,cAAc,EAAE,CAAC;QAE5B,MAAM,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC;IAC9B,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC;AACH,QAAQ,CAAC,4BAA4B,EAAE,GAAG,EAAE;IAC1C,EAAE,CAAC,+BAA+B,EAAE,KAAK,IAAI,EAAE;QAC7C,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;YAC7B,UAAU,EAAE,CAAC,UAAU,CAAC;YACxB,IAAI,EAAE,yDAAyD;SAChE,CAAC,CAAC;QACH,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,eAAe,CAAC,2BAA2B,CAAC,CAAC;IACjE,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,yDAAyD,EAAE,KAAK,IAAI,EAAE;QACvE,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;YAC7B,UAAU,EAAE,CAAC,UAAU,CAAC;YACxB,IAAI,EAAE,qFAAqF;SAC5F,CAAC,CAAC;QACH,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,eAAe,CAC/B,qDAAqD,CACtD,CAAC;IACJ,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,wDAAwD,EAAE,KAAK,IAAI,EAAE;QACtE,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;YAC7B,UAAU,EAAE,CAAC,UAAU,CAAC;YACxB,IAAI,EAAE,oFAAoF;SAC3F,CAAC,CAAC;QACH,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,eAAe,CAC/B,oDAAoD,CACrD,CAAC;IACJ,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,6CAA6C,EAAE,KAAK,IAAI,EAAE;QAC3D,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;YAC7B,UAAU,EAAE,CAAC,UAAU,CAAC;YACxB,IAAI,EAAE,yDAAyD;SAChE,CAAC,CAAC;QACH,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,eAAe,CAC/B,yCAAyC,CAC1C,CAAC;IACJ,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,0EAA0E,EAAE,KAAK,IAAI,EAAE;QACxF,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;YAC7B,UAAU,EAAE,CAAC,UAAU,CAAC;YACxB,IAAI,EAAE;;;;sBAIU;SACjB,CAAC,CAAC;QACH,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,eAAe,CAC/B,gEAAgE,CACjE,CAAC;IACJ,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,qGAAqG,EAAE,KAAK,IAAI,EAAE;QACnH,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;YAC7B,UAAU,EAAE,CAAC,UAAU,CAAC;YACxB,IAAI,EAAE,0GAA0G;SACjH,CAAC,CAAC;QACH,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,eAAe,CAC/B,mFAAmF,CACpF,CAAC;IACJ,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,sGAAsG,EAAE,KAAK,IAAI,EAAE;QACpH,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;YAC7B,UAAU,EAAE,CAAC,UAAU,CAAC;YACxB,IAAI,EAAE,2GAA2G;SAClH,CAAC,CAAC;QACH,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,eAAe,CAC/B,oFAAoF,CACrF,CAAC;IACJ,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,0EAA0E,EAAE,KAAK,IAAI,EAAE;QACxF,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;YAC7B,UAAU,EAAE,CAAC,UAAU,CAAC;YACxB,IAAI,EAAE,2FAA2F;SAClG,CAAC,CAAC;QACH,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,eAAe,CAC/B,gEAAgE,CACjE,CAAC;IACJ,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,0EAA0E,EAAE,KAAK,IAAI,EAAE;QACxF,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;YAC7B,UAAU,EAAE,CAAC,UAAU,CAAC;YACxB,IAAI,EAAE,2FAA2F;SAClG,CAAC,CAAC;QACH,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,eAAe,CAC/B,gEAAgE,CACjE,CAAC;IACJ,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,0EAA0E,EAAE,KAAK,IAAI,EAAE;QACxF,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;YAC7B,UAAU,EAAE,CAAC,UAAU,CAAC;YACxB,IAAI,EAAE,2FAA2F;SAClG,CAAC,CAAC;QACH,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,eAAe,CAC/B,gEAAgE,CACjE,CAAC;IACJ,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,0EAA0E,EAAE,KAAK,IAAI,EAAE;QACxF,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;YAC7B,UAAU,EAAE,CAAC,UAAU,CAAC;YACxB,IAAI,EAAE,2FAA2F;SAClG,CAAC,CAAC;QACH,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,eAAe,CAC/B,gEAAgE,CACjE,CAAC;IACJ,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,0EAA0E,EAAE,KAAK,IAAI,EAAE;QACxF,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;YAC7B,UAAU,EAAE,CAAC,UAAU,CAAC;YACxB,IAAI,EAAE,2FAA2F;SAClG,CAAC,CAAC;QACH,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,eAAe,CAC/B,gEAAgE,CACjE,CAAC;IACJ,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,0EAA0E,EAAE,KAAK,IAAI,EAAE;QACxF,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;YAC7B,UAAU,EAAE,CAAC,UAAU,CAAC;YACxB,IAAI,EAAE,2FAA2F;SAClG,CAAC,CAAC;QACH,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,eAAe,CAC/B,gEAAgE,CACjE,CAAC;IACJ,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,0EAA0E,EAAE,KAAK,IAAI,EAAE;QACxF,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;YAC7B,UAAU,EAAE,CAAC,UAAU,CAAC;YACxB,IAAI,EAAE,2FAA2F;SAClG,CAAC,CAAC;QACH,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,eAAe,CAC/B,gEAAgE,CACjE,CAAC;IACJ,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,mDAAmD,EAAE,KAAK,IAAI,EAAE;QACjE,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;YAC7B,UAAU,EAAE,CAAC,UAAU,EAAE,MAAM,EAAE,cAAc,CAAC;YAChD,IAAI,EAAE;OACL;SACF,CAAC,CAAC;QAEH,MAAM,GAAG,GAAG,CAAC,MAAM,IAAI,CAAC,IAAI,CAAC,UAAU,CAAC,aAAa,CACnD,mBAAmB,CACpB,CAAwB,CAAC;QAC1B,MAAM,MAAM,GAAG,CAAC,MAAM,IAAI,CAAC,IAAI,CAAC,UAAU,CAAC,aAAa,CACtD,oBAAoB,CACrB,CAAgC,CAAC;QAElC,MAAM,GAAG,CAAC,KAAK,EAAE,CAAC;QAClB,MAAM,IAAI,CAAC,cAAc,EAAE,CAAC;QAE5B,MAAM,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC;IAC9B,CAAC,CAAC,CAAC;IACH,EAAE,CAAC,uDAAuD,EAAE,KAAK,IAAI,EAAE;QACrE,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;YAC7B,UAAU,EAAE,CAAC,UAAU,EAAE,MAAM,EAAE,cAAc,CAAC;YAChD,IAAI,EAAE;OACL;SACF,CAAC,CAAC;QAEH,MAAM,GAAG,GAAG,CAAC,MAAM,IAAI,CAAC,IAAI,CAAC,UAAU,CAAC,aAAa,CACnD,uBAAuB,CACxB,CAAwB,CAAC;QAC1B,MAAM,MAAM,GAAG,CAAC,MAAM,IAAI,CAAC,IAAI,CAAC,UAAU,CAAC,aAAa,CACtD,oBAAoB,CACrB,CAAgC,CAAC;QAElC,MAAM,GAAG,CAAC,KAAK,EAAE,CAAC;QAClB,MAAM,IAAI,CAAC,cAAc,EAAE,CAAC;QAE5B,MAAM,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC;IAC9B,CAAC,CAAC,CAAC;IACH,EAAE,CAAC,mDAAmD,EAAE,KAAK,IAAI,EAAE;QACjE,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;YAC7B,UAAU,EAAE,CAAC,UAAU,EAAE,MAAM,EAAE,cAAc,CAAC;YAChD,IAAI,EAAE;OACL;SACF,CAAC,CAAC;QAEH,MAAM,GAAG,GAAG,CAAC,MAAM,IAAI,CAAC,IAAI,CAAC,UAAU,CAAC,aAAa,CACnD,mBAAmB,CACpB,CAAwB,CAAC;QAC1B,MAAM,MAAM,GAAG,CAAC,MAAM,IAAI,CAAC,IAAI,CAAC,UAAU,CAAC,aAAa,CACtD,oBAAoB,CACrB,CAAgC,CAAC;QAElC,MAAM,GAAG,CAAC,KAAK,EAAE,CAAC;QAClB,MAAM,IAAI,CAAC,cAAc,EAAE,CAAC;QAE5B,MAAM,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC;IAC9B,CAAC,CAAC,CAAC;IACH,EAAE,CAAC,oDAAoD,EAAE,KAAK,IAAI,EAAE;QAClE,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;YAC7B,UAAU,EAAE,CAAC,UAAU,EAAE,MAAM,EAAE,cAAc,CAAC;YAChD,IAAI,EAAE;OACL;SACF,CAAC,CAAC;QAEH,MAAM,GAAG,GAAG,CAAC,MAAM,IAAI,CAAC,IAAI,CAAC,UAAU,CAAC,aAAa,CACnD,oBAAoB,CACrB,CAAwB,CAAC;QAC1B,MAAM,MAAM,GAAG,CAAC,MAAM,IAAI,CAAC,IAAI,CAAC,UAAU,CAAC,aAAa,CACtD,oBAAoB,CACrB,CAAgC,CAAC;QAElC,MAAM,MAAM,CAAC,KAAK,EAAE,CAAC;QACrB,MAAM,GAAG,CAAC,KAAK,EAAE,CAAC;QAClB,MAAM,IAAI,CAAC,cAAc,EAAE,CAAC;QAE5B,MAAM,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC;IAC9B,CAAC,CAAC,CAAC;IACH,EAAE,CAAC,kDAAkD,EAAE,KAAK,IAAI,EAAE;QAChE,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;YAC7B,UAAU,EAAE,CAAC,UAAU,EAAE,MAAM,EAAE,cAAc,CAAC;YAChD,IAAI,EAAE;OACL;SACF,CAAC,CAAC;QAEH,MAAM,SAAS,GAAG,CAAC,MAAM,IAAI,CAAC,IAAI,CAAC,UAAU,CAAC,aAAa,CACzD,oBAAoB,CACrB,CAAgC,CAAC;QAElC,MAAM,GAAG,GAAG,CAAC,MAAM,SAAS,CAAC,UAAU,CAAC,aAAa,CACnD,8BAA8B,CAC/B,CAAmB,CAAC;QAErB,MAAM,GAAG,CAAC,KAAK,EAAE,CAAC;QAClB,MAAM,SAAS,CAAC,KAAK,EAAE,CAAC;QACxB,MAAM,IAAI,CAAC,cAAc,EAAE,CAAC;QAE5B,MAAM,CAAC,SAAS,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC;IACjC,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,sBAAsB,EAAE,KAAK,IAAI,EAAE;QACpC,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;YAC7B,UAAU,EAAE,CAAC,UAAU,EAAE,MAAM,EAAE,cAAc,CAAC;YAChD,IAAI,EAAE;OACL;SACF,CAAC,CAAC;QACH,MAAM,IAAI,CAAC,YAAY,CAAC,0BAA0B,CAAC,EAAE,MAAM,EAAE,EAAE,IAAI,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC;QAC5E,MAAM,IAAI,CAAC,cAAc,EAAE,CAAC;QAE5B,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC;IACxC,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,+CAA+C,EAAE,KAAK,IAAI,EAAE;QAC7D,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;YAC7B,UAAU,EAAE,CAAC,UAAU,CAAC;YACxB,IAAI,EAAE,0EAA0E;SACjF,CAAC,CAAC;QAEH,MAAM,CAAC,IAAI,CAAC,YAAY,CAAC,aAAa,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC;IACrD,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,iFAAiF,EAAE,KAAK,IAAI,EAAE;QAC/F,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;YAC7B,UAAU,EAAE,CAAC,UAAU,CAAC;YACxB,IAAI,EAAE,yDAAyD;SAChE,CAAC,CAAC;QAEH,IAAI,CAAC,IAAI,CAAC,aAAa,GAAG,CAAC,CAAC;QAC5B,MAAM,IAAI,CAAC,cAAc,EAAE,CAAC;QAE5B,MAAM,CAAC,IAAI,CAAC,YAAY,CAAC,aAAa,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC;IACrD,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,+CAA+C,EAAE,KAAK,IAAI,EAAE;QAC7D,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;YAC7B,UAAU,EAAE,CAAC,UAAU,CAAC;YACxB,IAAI,EAAE,0EAA0E;SACjF,CAAC,CAAC;QAEH,MAAM,CAAC,IAAI,CAAC,YAAY,CAAC,aAAa,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC;IACrD,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,iFAAiF,EAAE,KAAK,IAAI,EAAE;QAC/F,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;YAC7B,UAAU,EAAE,CAAC,UAAU,CAAC;YACxB,IAAI,EAAE,yDAAyD;SAChE,CAAC,CAAC;QAEH,IAAI,CAAC,IAAI,CAAC,aAAa,GAAG,CAAC,CAAC;QAC5B,MAAM,IAAI,CAAC,cAAc,EAAE,CAAC;QAE5B,MAAM,CAAC,IAAI,CAAC,YAAY,CAAC,aAAa,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC;IACrD,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,kDAAkD,EAAE,KAAK,IAAI,EAAE;QAChE,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;YAC7B,UAAU,EAAE,CAAC,UAAU,CAAC;YACxB,IAAI,EAAE,0CAA0C;SACjD,CAAC,CAAC;QAEH,MAAM,CAAC,IAAI,CAAC,YAAY,CAAC,KAAK,CAAC,CAAC,OAAO,CAAC,EAAE,CAAC,CAAC;QAE5C,IAAI,CAAC,IAAI,CAAC,IAAI,GAAG,SAAS,CAAC;QAC3B,MAAM,IAAI,CAAC,cAAc,EAAE,CAAC;QAE5B,MAAM,CAAC,IAAI,CAAC,YAAY,CAAC,UAAU,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QAClD,MAAM,CAAC,IAAI,CAAC,YAAY,CAAC,QAAQ,CAAC,CAAC,OAAO,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;QACjD,MAAM,CAAC,IAAI,CAAC,YAAY,CAAC,QAAQ,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC;IAC3D,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC;AACH,QAAQ,CAAC,gCAAgC,EAAE,GAAG,EAAE;IAC9C,EAAE,CAAC,iDAAiD,EAAE,KAAK,IAAI,EAAE;QAC/D,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;YAC7B,UAAU,EAAE,CAAC,UAAU,CAAC;YACxB,IAAI,EAAE,8DAA8D;SACrE,CAAC,CAAC;QAEH,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,eAAe,CAAC,+BAA+B,CAAC,CAAC;IACrE,CAAC,CAAC,CAAC;IACH,EAAE,CAAC,kDAAkD,EAAE,KAAK,IAAI,EAAE;QAChE,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;YAC7B,UAAU,EAAE,CAAC,UAAU,CAAC;YACxB,IAAI,EAAE,+DAA+D;SACtE,CAAC,CAAC;QAEH,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,eAAe,CAAC,gCAAgC,CAAC,CAAC;IACtE,CAAC,CAAC,CAAC;IACH,EAAE,CAAC,kDAAkD,EAAE,KAAK,IAAI,EAAE;QAChE,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;YAC7B,UAAU,EAAE,CAAC,UAAU,CAAC;YACxB,IAAI,EAAE,6EAA6E;SACpF,CAAC,CAAC;QAEH,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,eAAe,CAAC,gCAAgC,CAAC,CAAC;IACtE,CAAC,CAAC,CAAC;IACH,EAAE,CAAC,mDAAmD,EAAE,KAAK,IAAI,EAAE;QACjE,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;YAC7B,UAAU,EAAE,CAAC,UAAU,CAAC;YACxB,IAAI,EAAE,8EAA8E;SACrF,CAAC,CAAC;QAEH,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,eAAe,CAAC,iCAAiC,CAAC,CAAC;IACvE,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,6DAA6D,EAAE,KAAK,IAAI,EAAE;QAC3E,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;YAC7B,UAAU,EAAE,CAAC,UAAU,EAAE,MAAM,EAAE,cAAc,CAAC;YAChD,IAAI,EAAE;OACL;SACF,CAAC,CAAC;QACH,MAAM,CAAC,IAAI,CAAC,YAAY,CAAC,WAAW,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC;QAE9C,MAAM,IAAI,CAAC,IAAI,CAAC,cAAc,CAAC,CAAC,CAAC,CAAC;QAClC,MAAM,IAAI,CAAC,cAAc,EAAE,CAAC;QAE5B,MAAM,CAAC,IAAI,CAAC,YAAY,CAAC,WAAW,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC;IAChD,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,kEAAkE,EAAE,KAAK,IAAI,EAAE;QAChF,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;YAC7B,UAAU,EAAE,CAAC,UAAU,CAAC;YACxB,IAAI,EAAE,0CAA0C;SACjD,CAAC,CAAC;QAEH,MAAM,CAAC,IAAI,CAAC,YAAY,CAAC,KAAK,CAAC,CAAC,OAAO,CAAC,EAAE,CAAC,CAAC;QAE5C,IAAI,CAAC,KAAK,CAAC,OAAO,EAAE,MAAM,CAAC,CAAC,kBAAkB,CAAC,IAAI,CAAC,EAAE,EAAE,CAAC,CAAC;QAE1D,IAAI,CAAC,YAAY,CAAC,KAAK,GAAG,CAAC,CAAC;QAE5B,MAAM,IAAI,CAAC,cAAc,EAAE,CAAC;QAE5B,MAAM,CAAC,IAAI,CAAC,YAAY,CAAC,KAAK,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC;IAC7C,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC","sourcesContent":["import { Pagination } from \"../../ic-pagination\";\nimport { Button } from \"../../../ic-button/ic-button\";\nimport { newSpecPage } from \"@stencil/core/testing\";\nimport { AnyHTMLElement } from \"@stencil/core/internal\";\nimport { PaginationItem } from \"../../../ic-pagination-item/ic-pagination-item\";\n\ndescribe(\"ic-pagination simple appearance component\", () => {\n  it(\"should render with 10 pages\", async () => {\n    const page = await newSpecPage({\n      components: [Pagination],\n      html: `<ic-pagination pages=10></ic-pagination>`,\n    });\n\n    expect(page.root).toMatchSnapshot(\"render with ten pages\");\n  });\n  it(\"should render on the last page\", async () => {\n    const page = await newSpecPage({\n      components: [Pagination],\n      html: `<ic-pagination pages=\"15\" default-page=\"15\"></ic-pagination>`,\n    });\n\n    expect(page.root).toMatchSnapshot(\"render on the last page\");\n  });\n\n  it(\"should render with the default page selected\", async () => {\n    const page = await newSpecPage({\n      components: [Pagination],\n      html: `<ic-pagination pages=\"15\" default-page=4></ic-pagination>`,\n    });\n\n    expect(page.root).toMatchSnapshot(\"render at the default page\");\n  });\n\n  it(\"should render with first and last buttons disabled\", async () => {\n    const page = await newSpecPage({\n      components: [Pagination],\n      html: `<ic-pagination pages=\"15\" hide-first-page-button=true hide-last-page-button=true></ic-pagination>`,\n    });\n\n    expect(page.root).toMatchSnapshot(\"no first or last page button\");\n  });\n  it(\"should render without current page\", async () => {\n    const page = await newSpecPage({\n      components: [Pagination],\n      html: `<ic-pagination pages=\"15\" hide-current-page=true></ic-pagination>`,\n    });\n\n    expect(page.root).toMatchSnapshot(\"no current page\");\n  });\n  it(\"should render all pages when total pages less than min width based on boundary-count and adjacent-count\", async () => {\n    const page = await newSpecPage({\n      components: [Pagination],\n      html: `<ic-pagination\n      pages=\"11\"\n      type=\"complex\"\n      adjacent-count=\"2\"\n      boundary-count=\"2\"></ic-pagination>`,\n    });\n\n    expect(page.root).toMatchSnapshot(\n      \"pages less than adjacent-count + boundary-count\"\n    );\n  });\n  it(\"should render with interactions disabled\", async () => {\n    const page = await newSpecPage({\n      components: [Pagination],\n      html: `<ic-pagination pages=\"15\" loading=true></ic-pagination>`,\n    });\n\n    expect(page.root).toMatchSnapshot(\"loading\");\n  });\n  it(\"should click the next page button\", async () => {\n    const page = await newSpecPage({\n      components: [Pagination, Button, PaginationItem],\n      html: `<ic-pagination pages=\"15\"></ic-pagination>\n      `,\n    });\n\n    const btn = (await page.root.shadowRoot.querySelector(\n      \"#next-page-button\"\n    )) as HTMLIcButtonElement;\n    const pageEl = (await page.root.shadowRoot.querySelector(\n      \"ic-pagination-item\"\n    )) as HTMLIcPaginationItemElement;\n\n    await btn.click();\n    await page.waitForChanges();\n\n    expect(pageEl.page).toBe(2);\n  });\n\n  it(\"should click the last page button\", async () => {\n    const page = await newSpecPage({\n      components: [Pagination, Button, PaginationItem],\n      html: `<ic-pagination pages=\"15\"></ic-pagination>\n      `,\n    });\n\n    const btn = (await page.root.shadowRoot.querySelector(\n      \"#last-page-button\"\n    )) as HTMLIcButtonElement;\n    const pageEl = (await page.root.shadowRoot.querySelector(\n      \"ic-pagination-item\"\n    )) as HTMLIcPaginationItemElement;\n\n    await btn.click();\n    await page.waitForChanges();\n\n    expect(pageEl.page).toBe(15);\n  });\n  it(\"should click the previous page button\", async () => {\n    const page = await newSpecPage({\n      components: [Pagination, Button, PaginationItem],\n      html: `<ic-pagination pages=\"15\" default-page=5></ic-pagination>\n      `,\n    });\n\n    const btn = (await page.root.shadowRoot.querySelector(\n      \"#previous-page-button\"\n    )) as HTMLIcButtonElement;\n    const pageEl = (await page.root.shadowRoot.querySelector(\n      \"ic-pagination-item\"\n    )) as HTMLIcPaginationItemElement;\n\n    await btn.click();\n    await page.waitForChanges();\n\n    expect(pageEl.page).toBe(4);\n  });\n  it(\"should click the first page button\", async () => {\n    const page = await newSpecPage({\n      components: [Pagination, Button, PaginationItem],\n      html: `<ic-pagination pages=\"15\" default-page=5></ic-pagination>\n      `,\n    });\n\n    const btn = (await page.root.shadowRoot.querySelector(\n      \"#first-page-button\"\n    )) as HTMLIcButtonElement;\n    const pageEl = (await page.root.shadowRoot.querySelector(\n      \"ic-pagination-item\"\n    )) as HTMLIcPaginationItemElement;\n\n    await btn.click();\n    await page.waitForChanges();\n\n    expect(pageEl.page).toBe(1);\n  });\n});\ndescribe(\"ic-pagination complex type\", () => {\n  it(\"should render as complex type\", async () => {\n    const page = await newSpecPage({\n      components: [Pagination],\n      html: `<ic-pagination pages=15 type='complex'></ic-pagination>`,\n    });\n    expect(page.root).toMatchSnapshot(\"render complex pagination\");\n  });\n\n  it(\"should render as complex type without first page button\", async () => {\n    const page = await newSpecPage({\n      components: [Pagination],\n      html: `<ic-pagination pages=15 type='complex' hide-first-page-button=true></ic-pagination>`,\n    });\n    expect(page.root).toMatchSnapshot(\n      \"render complex pagination with no first page button\"\n    );\n  });\n\n  it(\"should render as complex type without last page button\", async () => {\n    const page = await newSpecPage({\n      components: [Pagination],\n      html: `<ic-pagination pages=15 type='complex' hide-last-page-button=true></ic-pagination>`,\n    });\n    expect(page.root).toMatchSnapshot(\n      \"render complex pagination with no last page button\"\n    );\n  });\n\n  it(\"should render as complex type with 20 pages\", async () => {\n    const page = await newSpecPage({\n      components: [Pagination],\n      html: `<ic-pagination type=\"complex\" pages=20></ic-pagination>`,\n    });\n    expect(page.root).toMatchSnapshot(\n      \"render complex pagination with 20 pages\"\n    );\n  });\n\n  it(\"should render as complex type with 0 adjacent items and 0 boundary items\", async () => {\n    const page = await newSpecPage({\n      components: [Pagination],\n      html: `<ic-pagination\n      pages=15\n      type=\"complex\"\n      adjacent-count=0\n    ></ic-pagination>`,\n    });\n    expect(page.root).toMatchSnapshot(\n      \"render complex type with 0 adjacent items and 0 boundary items\"\n    );\n  });\n\n  it(\"should render as complex type with 0 adjacent items and 0 boundary items with default page set at 7\", async () => {\n    const page = await newSpecPage({\n      components: [Pagination],\n      html: `<ic-pagination pages=15 type=\"complex\" adjacent-count=0 boundary-count=0 default-page=7></ic-pagination>`,\n    });\n    expect(page.root).toMatchSnapshot(\n      \"render complex type with 0 adjacent items and 0 boundary items and default page 7\"\n    );\n  });\n\n  it(\"should render as complex type with 0 adjacent items and 0 boundary items with default page set at 15\", async () => {\n    const page = await newSpecPage({\n      components: [Pagination],\n      html: `<ic-pagination pages=15 type=\"complex\" adjacent-count=0 boundary-count=0 default-page=15></ic-pagination>`,\n    });\n    expect(page.root).toMatchSnapshot(\n      \"render complex type with 0 adjacent items and 0 boundary items and default page 15\"\n    );\n  });\n\n  it(\"should render in complex type with 1 adjacent items and 0 boundary items\", async () => {\n    const page = await newSpecPage({\n      components: [Pagination],\n      html: `<ic-pagination pages=15 type=\"complex\" adjacent-count=1 boundary-count=0></ic-pagination>`,\n    });\n    expect(page.root).toMatchSnapshot(\n      \"render complex type with 1 adjacent items and 0 boundary items\"\n    );\n  });\n\n  it(\"should render as complex type with 2 adjacent items and 0 boundary items\", async () => {\n    const page = await newSpecPage({\n      components: [Pagination],\n      html: `<ic-pagination pages=15 type=\"complex\" adjacent-count=2 boundary-count=0></ic-pagination>`,\n    });\n    expect(page.root).toMatchSnapshot(\n      \"render complex type with 2 adjacent items and 0 boundary items\"\n    );\n  });\n\n  it(\"should render as complex type with 0 adjacent items and 1 boundary items\", async () => {\n    const page = await newSpecPage({\n      components: [Pagination],\n      html: `<ic-pagination pages=15 type=\"complex\" adjacent-count=0 boundary-count=1></ic-pagination>`,\n    });\n    expect(page.root).toMatchSnapshot(\n      \"render complex type with 0 adjacent items and 1 boundary items\"\n    );\n  });\n\n  it(\"should render as complex type with 0 adjacent items and 2 boundary items\", async () => {\n    const page = await newSpecPage({\n      components: [Pagination],\n      html: `<ic-pagination pages=15 type=\"complex\" adjacent-count=0 boundary-count=2></ic-pagination>`,\n    });\n    expect(page.root).toMatchSnapshot(\n      \"render complex type with 0 adjacent items and 2 boundary items\"\n    );\n  });\n\n  it(\"should render as complex type with 1 adjacent items and 2 boundary items\", async () => {\n    const page = await newSpecPage({\n      components: [Pagination],\n      html: `<ic-pagination pages=15 type=\"complex\" adjacent-count=1 boundary-count=2></ic-pagination>`,\n    });\n    expect(page.root).toMatchSnapshot(\n      \"render complex type with 1 adjacent items and 2 boundary items\"\n    );\n  });\n\n  it(\"should render as complex type with 2 adjacent items and 1 boundary items\", async () => {\n    const page = await newSpecPage({\n      components: [Pagination],\n      html: `<ic-pagination pages=15 type=\"complex\" adjacent-count=2 boundary-count=1></ic-pagination>`,\n    });\n    expect(page.root).toMatchSnapshot(\n      \"render complex type with 2 adjacent items and 1 boundary items\"\n    );\n  });\n\n  it(\"should render as complex type with 2 adjacent items and 2 boundary items\", async () => {\n    const page = await newSpecPage({\n      components: [Pagination],\n      html: `<ic-pagination pages=15 type=\"complex\" adjacent-count=2 boundary-count=2></ic-pagination>`,\n    });\n    expect(page.root).toMatchSnapshot(\n      \"render complex type with 2 adjacent items and 2 boundary items\"\n    );\n  });\n\n  it(\"should click the next page button in complex type\", async () => {\n    const page = await newSpecPage({\n      components: [Pagination, Button, PaginationItem],\n      html: `<ic-pagination pages=15 type=\"complex\" default-page=5></ic-pagination>\n      `,\n    });\n\n    const btn = (await page.root.shadowRoot.querySelector(\n      \"#next-page-button\"\n    )) as HTMLIcButtonElement;\n    const pageEl = (await page.root.shadowRoot.querySelector(\n      \"ic-pagination-item\"\n    )) as HTMLIcPaginationItemElement;\n\n    await btn.click();\n    await page.waitForChanges();\n\n    expect(pageEl.page).toBe(1);\n  });\n  it(\"should click the previous page button in complex type\", async () => {\n    const page = await newSpecPage({\n      components: [Pagination, Button, PaginationItem],\n      html: `<ic-pagination pages=\"15\" type=\"complex\" default-page=5></ic-pagination>\n      `,\n    });\n\n    const btn = (await page.root.shadowRoot.querySelector(\n      \"#previous-page-button\"\n    )) as HTMLIcButtonElement;\n    const pageEl = (await page.root.shadowRoot.querySelector(\n      \"ic-pagination-item\"\n    )) as HTMLIcPaginationItemElement;\n\n    await btn.click();\n    await page.waitForChanges();\n\n    expect(pageEl.page).toBe(1);\n  });\n  it(\"should click the last page button in complex type\", async () => {\n    const page = await newSpecPage({\n      components: [Pagination, Button, PaginationItem],\n      html: `<ic-pagination pages=\"15\" type=\"complex\" default-page=5></ic-pagination>\n      `,\n    });\n\n    const btn = (await page.root.shadowRoot.querySelector(\n      \"#last-page-button\"\n    )) as HTMLIcButtonElement;\n    const pageEl = (await page.root.shadowRoot.querySelector(\n      \"ic-pagination-item\"\n    )) as HTMLIcPaginationItemElement;\n\n    await btn.click();\n    await page.waitForChanges();\n\n    expect(pageEl.page).toBe(1);\n  });\n  it(\"should click the first page button in complex type\", async () => {\n    const page = await newSpecPage({\n      components: [Pagination, Button, PaginationItem],\n      html: `<ic-pagination pages=\"15\" type=\"complex\" default-page=\"15\"></ic-pagination>\n      `,\n    });\n\n    const btn = (await page.root.shadowRoot.querySelector(\n      \"#first-page-button\"\n    )) as HTMLIcButtonElement;\n    const pageEl = (await page.root.shadowRoot.querySelector(\n      \"ic-pagination-item\"\n    )) as HTMLIcPaginationItemElement;\n\n    await pageEl.click();\n    await btn.click();\n    await page.waitForChanges();\n\n    expect(pageEl.page).toBe(1);\n  });\n  it(\"should click the pagination-item in complex type\", async () => {\n    const page = await newSpecPage({\n      components: [Pagination, Button, PaginationItem],\n      html: `<ic-pagination pages=\"15\" type=\"complex\" default-page=2></ic-pagination>\n      `,\n    });\n\n    const icPagItem = (await page.root.shadowRoot.querySelector(\n      \"ic-pagination-item\"\n    )) as HTMLIcPaginationItemElement;\n\n    const btn = (await icPagItem.shadowRoot.querySelector(\n      \".item-container.default.page\"\n    )) as AnyHTMLElement;\n\n    await btn.click();\n    await icPagItem.click();\n    await page.waitForChanges();\n\n    expect(icPagItem.page).toBe(1);\n  });\n\n  it(\"should emit an event\", async () => {\n    const page = await newSpecPage({\n      components: [Pagination, Button, PaginationItem],\n      html: `<ic-pagination pages=\"15\" type=\"complex\" default-page=2></ic-pagination>\n      `,\n    });\n    await page.rootInstance.paginationItemClickHandler({ detail: { page: 1 } });\n    await page.waitForChanges();\n\n    expect(page.root.currentPage).toBe(1);\n  });\n\n  it(\"should not allow boundaryCount greater than 2\", async () => {\n    const page = await newSpecPage({\n      components: [Pagination],\n      html: `<ic-pagination pages=15 type=\"complex\" boundary-count=3></ic-pagination>`,\n    });\n\n    expect(page.rootInstance.boundaryCount).toEqual(2);\n  });\n\n  it(\"should not allow boundaryCount greater than 2 - when changed from initial value\", async () => {\n    const page = await newSpecPage({\n      components: [Pagination],\n      html: `<ic-pagination pages=15 type=\"complex\"></ic-pagination>`,\n    });\n\n    page.root.boundaryCount = 3;\n    await page.waitForChanges();\n\n    expect(page.rootInstance.boundaryCount).toEqual(2);\n  });\n\n  it(\"should not allow adjacentCount greater than 2\", async () => {\n    const page = await newSpecPage({\n      components: [Pagination],\n      html: `<ic-pagination pages=15 type=\"complex\" adjacent-count=3></ic-pagination>`,\n    });\n\n    expect(page.rootInstance.adjacentCount).toEqual(2);\n  });\n\n  it(\"should not allow adjacentCount greater than 2 - when changed from initial value\", async () => {\n    const page = await newSpecPage({\n      components: [Pagination],\n      html: `<ic-pagination pages=15 type=\"complex\"></ic-pagination>`,\n    });\n\n    page.root.adjacentCount = 3;\n    await page.waitForChanges();\n\n    expect(page.rootInstance.adjacentCount).toEqual(2);\n  });\n\n  it(\"should test switching to complex pagination type\", async () => {\n    const page = await newSpecPage({\n      components: [Pagination],\n      html: `<ic-pagination pages=15></ic-pagination>`,\n    });\n\n    expect(page.rootInstance.pages).toEqual(15);\n\n    page.root.type = \"complex\";\n    await page.waitForChanges();\n\n    expect(page.rootInstance.startItems).toEqual([1]);\n    expect(page.rootInstance.endItems).toEqual([15]);\n    expect(page.rootInstance.midItems).toEqual([2, 3, 4, 5]);\n  });\n});\ndescribe(\"ic-pagination appearance tests\", () => {\n  it(\"should render as simple type in dark appearance\", async () => {\n    const page = await newSpecPage({\n      components: [Pagination],\n      html: `<ic-pagination pages=\"15\" appearance='dark'></ic-pagination>`,\n    });\n\n    expect(page.root).toMatchSnapshot(\"render dark simple pagination\");\n  });\n  it(\"should render as simple type in light appearance\", async () => {\n    const page = await newSpecPage({\n      components: [Pagination],\n      html: `<ic-pagination pages=\"15\" appearance='light'></ic-pagination>`,\n    });\n\n    expect(page.root).toMatchSnapshot(\"render light simple pagination\");\n  });\n  it(\"should render as complex type in dark appearance\", async () => {\n    const page = await newSpecPage({\n      components: [Pagination],\n      html: `<ic-pagination pages=\"15\" type='complex' appearance='dark'></ic-pagination>`,\n    });\n\n    expect(page.root).toMatchSnapshot(\"render dark complex pagination\");\n  });\n  it(\"should render as complex type in light appearance\", async () => {\n    const page = await newSpecPage({\n      components: [Pagination],\n      html: `<ic-pagination pages=\"15\" type='complex' appearance='light'></ic-pagination>`,\n    });\n\n    expect(page.root).toMatchSnapshot(\"render light complex pagination\");\n  });\n\n  it(\"should change page when current page set with public method\", async () => {\n    const page = await newSpecPage({\n      components: [Pagination, Button, PaginationItem],\n      html: `<ic-pagination pages=\"15\" type=\"complex\"></ic-pagination>\n      `,\n    });\n    expect(page.rootInstance.currentPage).toBe(1);\n\n    await page.root.setCurrentPage(3);\n    await page.waitForChanges();\n\n    expect(page.rootInstance.currentPage).toBe(3);\n  });\n\n  it(\"should update number of pages dynamically if the prop is updated\", async () => {\n    const page = await newSpecPage({\n      components: [Pagination],\n      html: `<ic-pagination pages=15></ic-pagination>`,\n    });\n\n    expect(page.rootInstance.pages).toEqual(15);\n\n    jest.spyOn(console, \"warn\").mockImplementation(jest.fn());\n\n    page.rootInstance.pages = 7;\n\n    await page.waitForChanges();\n\n    expect(page.rootInstance.pages).toEqual(7);\n  });\n});\n"]}
+{"version":3,"file":"ic-pagination.spec.js","sourceRoot":"","sources":["../../../../../src/components/ic-pagination/test/basic/ic-pagination.spec.ts"],"names":[],"mappings":"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","sourcesContent":["import { Pagination } from \"../../ic-pagination\";\nimport { Button } from \"../../../ic-button/ic-button\";\nimport { newSpecPage } from \"@stencil/core/testing\";\nimport { AnyHTMLElement } from \"@stencil/core/internal\";\nimport { PaginationItem } from \"../../../ic-pagination-item/ic-pagination-item\";\n\ndescribe(\"ic-pagination simple appearance component\", () => {\n  it(\"should render with 10 pages\", async () => {\n    const page = await newSpecPage({\n      components: [Pagination],\n      html: `<ic-pagination pages=10></ic-pagination>`,\n    });\n\n    expect(page.root).toMatchSnapshot(\"render with ten pages\");\n  });\n  it(\"should render on the last page\", async () => {\n    const page = await newSpecPage({\n      components: [Pagination],\n      html: `<ic-pagination pages=\"15\" default-page=\"15\"></ic-pagination>`,\n    });\n\n    expect(page.root).toMatchSnapshot(\"render on the last page\");\n  });\n\n  it(\"should render with the default page selected\", async () => {\n    const page = await newSpecPage({\n      components: [Pagination],\n      html: `<ic-pagination pages=\"15\" default-page=4></ic-pagination>`,\n    });\n\n    expect(page.root).toMatchSnapshot(\"render at the default page\");\n  });\n\n  it(\"should render with first and last buttons disabled\", async () => {\n    const page = await newSpecPage({\n      components: [Pagination],\n      html: `<ic-pagination pages=\"15\" hide-first-page-button=true hide-last-page-button=true></ic-pagination>`,\n    });\n\n    expect(page.root).toMatchSnapshot(\"no first or last page button\");\n  });\n  it(\"should render without current page\", async () => {\n    const page = await newSpecPage({\n      components: [Pagination],\n      html: `<ic-pagination pages=\"15\" hide-current-page=true></ic-pagination>`,\n    });\n\n    expect(page.root).toMatchSnapshot(\"no current page\");\n  });\n  it(\"should render all pages when total pages less than min width based on boundary-page-count and adjacent-page-count\", async () => {\n    const page = await newSpecPage({\n      components: [Pagination],\n      html: `<ic-pagination\n      pages=\"11\"\n      type=\"complex\"\n      adjacent-page-count=\"2\"\n      boundary-page-count=\"2\"></ic-pagination>`,\n    });\n\n    expect(page.root).toMatchSnapshot(\n      \"pages less than adjacent-page-count + boundary-page-count\"\n    );\n  });\n  it(\"should render with interactions disabled\", async () => {\n    const page = await newSpecPage({\n      components: [Pagination],\n      html: `<ic-pagination pages=\"15\" loading=true></ic-pagination>`,\n    });\n\n    expect(page.root).toMatchSnapshot(\"loading\");\n  });\n  it(\"should click the next page button\", async () => {\n    const page = await newSpecPage({\n      components: [Pagination, Button, PaginationItem],\n      html: `<ic-pagination pages=\"15\"></ic-pagination>\n      `,\n    });\n\n    const btn = (await page.root.shadowRoot.querySelector(\n      \"#next-page-button\"\n    )) as HTMLIcButtonElement;\n    const pageEl = (await page.root.shadowRoot.querySelector(\n      \"ic-pagination-item\"\n    )) as HTMLIcPaginationItemElement;\n\n    await btn.click();\n    await page.waitForChanges();\n\n    expect(pageEl.page).toBe(2);\n  });\n\n  it(\"should click the last page button\", async () => {\n    const page = await newSpecPage({\n      components: [Pagination, Button, PaginationItem],\n      html: `<ic-pagination pages=\"15\"></ic-pagination>\n      `,\n    });\n\n    const btn = (await page.root.shadowRoot.querySelector(\n      \"#last-page-button\"\n    )) as HTMLIcButtonElement;\n    const pageEl = (await page.root.shadowRoot.querySelector(\n      \"ic-pagination-item\"\n    )) as HTMLIcPaginationItemElement;\n\n    await btn.click();\n    await page.waitForChanges();\n\n    expect(pageEl.page).toBe(15);\n  });\n  it(\"should click the previous page button\", async () => {\n    const page = await newSpecPage({\n      components: [Pagination, Button, PaginationItem],\n      html: `<ic-pagination pages=\"15\" default-page=5></ic-pagination>\n      `,\n    });\n\n    const btn = (await page.root.shadowRoot.querySelector(\n      \"#previous-page-button\"\n    )) as HTMLIcButtonElement;\n    const pageEl = (await page.root.shadowRoot.querySelector(\n      \"ic-pagination-item\"\n    )) as HTMLIcPaginationItemElement;\n\n    await btn.click();\n    await page.waitForChanges();\n\n    expect(pageEl.page).toBe(4);\n  });\n  it(\"should click the first page button\", async () => {\n    const page = await newSpecPage({\n      components: [Pagination, Button, PaginationItem],\n      html: `<ic-pagination pages=\"15\" default-page=5></ic-pagination>\n      `,\n    });\n\n    const btn = (await page.root.shadowRoot.querySelector(\n      \"#first-page-button\"\n    )) as HTMLIcButtonElement;\n    const pageEl = (await page.root.shadowRoot.querySelector(\n      \"ic-pagination-item\"\n    )) as HTMLIcPaginationItemElement;\n\n    await btn.click();\n    await page.waitForChanges();\n\n    expect(pageEl.page).toBe(1);\n  });\n});\ndescribe(\"ic-pagination complex type\", () => {\n  it(\"should render as complex type\", async () => {\n    const page = await newSpecPage({\n      components: [Pagination],\n      html: `<ic-pagination pages=15 type='complex'></ic-pagination>`,\n    });\n    expect(page.root).toMatchSnapshot(\"render complex pagination\");\n  });\n\n  it(\"should render as complex type without first page button\", async () => {\n    const page = await newSpecPage({\n      components: [Pagination],\n      html: `<ic-pagination pages=15 type='complex' hide-first-page-button=true></ic-pagination>`,\n    });\n    expect(page.root).toMatchSnapshot(\n      \"render complex pagination with no first page button\"\n    );\n  });\n\n  it(\"should render as complex type without last page button\", async () => {\n    const page = await newSpecPage({\n      components: [Pagination],\n      html: `<ic-pagination pages=15 type='complex' hide-last-page-button=true></ic-pagination>`,\n    });\n    expect(page.root).toMatchSnapshot(\n      \"render complex pagination with no last page button\"\n    );\n  });\n\n  it(\"should render as complex type with 20 pages\", async () => {\n    const page = await newSpecPage({\n      components: [Pagination],\n      html: `<ic-pagination type=\"complex\" pages=20></ic-pagination>`,\n    });\n    expect(page.root).toMatchSnapshot(\n      \"render complex pagination with 20 pages\"\n    );\n  });\n\n  it(\"should render as complex type with 0 adjacent items and 0 boundary items\", async () => {\n    const page = await newSpecPage({\n      components: [Pagination],\n      html: `<ic-pagination\n      pages=15\n      type=\"complex\"\n      adjacent-page-count=0\n    ></ic-pagination>`,\n    });\n    expect(page.root).toMatchSnapshot(\n      \"render complex type with 0 adjacent items and 0 boundary items\"\n    );\n  });\n\n  it(\"should render as complex type with 0 adjacent items and 0 boundary items with default page set at 7\", async () => {\n    const page = await newSpecPage({\n      components: [Pagination],\n      html: `<ic-pagination pages=15 type=\"complex\" adjacent-page-count=0 boundary-page-count=0 default-page=7></ic-pagination>`,\n    });\n    expect(page.root).toMatchSnapshot(\n      \"render complex type with 0 adjacent items and 0 boundary items and default page 7\"\n    );\n  });\n\n  it(\"should render as complex type with 0 adjacent items and 0 boundary items with default page set at 15\", async () => {\n    const page = await newSpecPage({\n      components: [Pagination],\n      html: `<ic-pagination pages=15 type=\"complex\" adjacent-page-count=0 boundary-page-count=0 default-page=15></ic-pagination>`,\n    });\n    expect(page.root).toMatchSnapshot(\n      \"render complex type with 0 adjacent items and 0 boundary items and default page 15\"\n    );\n  });\n\n  it(\"should render in complex type with 1 adjacent items and 0 boundary items\", async () => {\n    const page = await newSpecPage({\n      components: [Pagination],\n      html: `<ic-pagination pages=15 type=\"complex\" adjacent-page-count=1 boundary-page-count=0></ic-pagination>`,\n    });\n    expect(page.root).toMatchSnapshot(\n      \"render complex type with 1 adjacent items and 0 boundary items\"\n    );\n  });\n\n  it(\"should render as complex type with 2 adjacent items and 0 boundary items\", async () => {\n    const page = await newSpecPage({\n      components: [Pagination],\n      html: `<ic-pagination pages=15 type=\"complex\" adjacent-page-count=2 boundary-page-count=0></ic-pagination>`,\n    });\n    expect(page.root).toMatchSnapshot(\n      \"render complex type with 2 adjacent items and 0 boundary items\"\n    );\n  });\n\n  it(\"should render as complex type with 0 adjacent items and 1 boundary items\", async () => {\n    const page = await newSpecPage({\n      components: [Pagination],\n      html: `<ic-pagination pages=15 type=\"complex\" adjacent-page-count=0 boundary-page-count=1></ic-pagination>`,\n    });\n    expect(page.root).toMatchSnapshot(\n      \"render complex type with 0 adjacent items and 1 boundary items\"\n    );\n  });\n\n  it(\"should render as complex type with 0 adjacent items and 2 boundary items\", async () => {\n    const page = await newSpecPage({\n      components: [Pagination],\n      html: `<ic-pagination pages=15 type=\"complex\" adjacent-page-count=0 boundary-page-count=2></ic-pagination>`,\n    });\n    expect(page.root).toMatchSnapshot(\n      \"render complex type with 0 adjacent items and 2 boundary items\"\n    );\n  });\n\n  it(\"should render as complex type with 1 adjacent items and 2 boundary items\", async () => {\n    const page = await newSpecPage({\n      components: [Pagination],\n      html: `<ic-pagination pages=15 type=\"complex\" adjacent-page-count=1 boundary-page-count=2></ic-pagination>`,\n    });\n    expect(page.root).toMatchSnapshot(\n      \"render complex type with 1 adjacent items and 2 boundary items\"\n    );\n  });\n\n  it(\"should render as complex type with 2 adjacent items and 1 boundary items\", async () => {\n    const page = await newSpecPage({\n      components: [Pagination],\n      html: `<ic-pagination pages=15 type=\"complex\" adjacent-page-count=2 boundary-page-count=1></ic-pagination>`,\n    });\n    expect(page.root).toMatchSnapshot(\n      \"render complex type with 2 adjacent items and 1 boundary items\"\n    );\n  });\n\n  it(\"should render as complex type with 2 adjacent items and 2 boundary items\", async () => {\n    const page = await newSpecPage({\n      components: [Pagination],\n      html: `<ic-pagination pages=15 type=\"complex\" adjacent-page-count=2 boundary-page-count=2></ic-pagination>`,\n    });\n    expect(page.root).toMatchSnapshot(\n      \"render complex type with 2 adjacent items and 2 boundary items\"\n    );\n  });\n\n  it(\"should click the next page button in complex type\", async () => {\n    const page = await newSpecPage({\n      components: [Pagination, Button, PaginationItem],\n      html: `<ic-pagination pages=15 type=\"complex\" default-page=5></ic-pagination>\n      `,\n    });\n\n    const btn = (await page.root.shadowRoot.querySelector(\n      \"#next-page-button\"\n    )) as HTMLIcButtonElement;\n    const pageEl = (await page.root.shadowRoot.querySelector(\n      \"ic-pagination-item\"\n    )) as HTMLIcPaginationItemElement;\n\n    await btn.click();\n    await page.waitForChanges();\n\n    expect(pageEl.page).toBe(1);\n  });\n  it(\"should click the previous page button in complex type\", async () => {\n    const page = await newSpecPage({\n      components: [Pagination, Button, PaginationItem],\n      html: `<ic-pagination pages=\"15\" type=\"complex\" default-page=5></ic-pagination>\n      `,\n    });\n\n    const btn = (await page.root.shadowRoot.querySelector(\n      \"#previous-page-button\"\n    )) as HTMLIcButtonElement;\n    const pageEl = (await page.root.shadowRoot.querySelector(\n      \"ic-pagination-item\"\n    )) as HTMLIcPaginationItemElement;\n\n    await btn.click();\n    await page.waitForChanges();\n\n    expect(pageEl.page).toBe(1);\n  });\n  it(\"should click the last page button in complex type\", async () => {\n    const page = await newSpecPage({\n      components: [Pagination, Button, PaginationItem],\n      html: `<ic-pagination pages=\"15\" type=\"complex\" default-page=5></ic-pagination>\n      `,\n    });\n\n    const btn = (await page.root.shadowRoot.querySelector(\n      \"#last-page-button\"\n    )) as HTMLIcButtonElement;\n    const pageEl = (await page.root.shadowRoot.querySelector(\n      \"ic-pagination-item\"\n    )) as HTMLIcPaginationItemElement;\n\n    await btn.click();\n    await page.waitForChanges();\n\n    expect(pageEl.page).toBe(1);\n  });\n  it(\"should click the first page button in complex type\", async () => {\n    const page = await newSpecPage({\n      components: [Pagination, Button, PaginationItem],\n      html: `<ic-pagination pages=\"15\" type=\"complex\" default-page=\"15\"></ic-pagination>\n      `,\n    });\n\n    const btn = (await page.root.shadowRoot.querySelector(\n      \"#first-page-button\"\n    )) as HTMLIcButtonElement;\n    const pageEl = (await page.root.shadowRoot.querySelector(\n      \"ic-pagination-item\"\n    )) as HTMLIcPaginationItemElement;\n\n    await pageEl.click();\n    await btn.click();\n    await page.waitForChanges();\n\n    expect(pageEl.page).toBe(1);\n  });\n  it(\"should click the pagination-item in complex type\", async () => {\n    const page = await newSpecPage({\n      components: [Pagination, Button, PaginationItem],\n      html: `<ic-pagination pages=\"15\" type=\"complex\" default-page=2></ic-pagination>\n      `,\n    });\n\n    const icPagItem = (await page.root.shadowRoot.querySelector(\n      \"ic-pagination-item\"\n    )) as HTMLIcPaginationItemElement;\n\n    const btn = (await icPagItem.shadowRoot.querySelector(\n      \".item-container.default.page\"\n    )) as AnyHTMLElement;\n\n    await btn.click();\n    await icPagItem.click();\n    await page.waitForChanges();\n\n    expect(icPagItem.page).toBe(1);\n  });\n\n  it(\"should emit an event\", async () => {\n    const page = await newSpecPage({\n      components: [Pagination, Button, PaginationItem],\n      html: `<ic-pagination pages=\"15\" type=\"complex\" default-page=2></ic-pagination>\n      `,\n    });\n    await page.rootInstance.paginationItemClickHandler({ detail: { page: 1 } });\n    await page.waitForChanges();\n\n    expect(page.root.currentPage).toBe(1);\n  });\n\n  it(\"should not allow boundaryPageCount greater than 2\", async () => {\n    const page = await newSpecPage({\n      components: [Pagination],\n      html: `<ic-pagination pages=15 type=\"complex\" boundary-page-count=3></ic-pagination>`,\n    });\n\n    expect(page.rootInstance.boundaryPageCount).toEqual(2);\n  });\n\n  it(\"should not allow boundaryPageCount greater than 2 - when changed from initial value\", async () => {\n    const page = await newSpecPage({\n      components: [Pagination],\n      html: `<ic-pagination pages=15 type=\"complex\"></ic-pagination>`,\n    });\n\n    page.root.boundaryPageCount = 3;\n    await page.waitForChanges();\n\n    expect(page.rootInstance.boundaryPageCount).toEqual(2);\n  });\n\n  it(\"should not allow adjacentPageCount greater than 2\", async () => {\n    const page = await newSpecPage({\n      components: [Pagination],\n      html: `<ic-pagination pages=15 type=\"complex\" adjacent-page-count=3></ic-pagination>`,\n    });\n\n    expect(page.rootInstance.adjacentPageCount).toEqual(2);\n  });\n\n  it(\"should not allow adjacentPageCount greater than 2 - when changed from initial value\", async () => {\n    const page = await newSpecPage({\n      components: [Pagination],\n      html: `<ic-pagination pages=15 type=\"complex\"></ic-pagination>`,\n    });\n\n    page.root.adjacentPageCount = 3;\n    await page.waitForChanges();\n\n    expect(page.rootInstance.adjacentPageCount).toEqual(2);\n  });\n\n  it(\"should test switching to complex pagination type\", async () => {\n    const page = await newSpecPage({\n      components: [Pagination],\n      html: `<ic-pagination pages=15></ic-pagination>`,\n    });\n\n    expect(page.rootInstance.pages).toEqual(15);\n\n    page.root.type = \"complex\";\n    await page.waitForChanges();\n\n    expect(page.rootInstance.startItems).toEqual([1]);\n    expect(page.rootInstance.endItems).toEqual([15]);\n    expect(page.rootInstance.midItems).toEqual([2, 3, 4, 5]);\n  });\n});\ndescribe(\"ic-pagination appearance tests\", () => {\n  it(\"should render as simple type in dark appearance\", async () => {\n    const page = await newSpecPage({\n      components: [Pagination],\n      html: `<ic-pagination pages=\"15\" appearance='dark'></ic-pagination>`,\n    });\n\n    expect(page.root).toMatchSnapshot(\"render dark simple pagination\");\n  });\n  it(\"should render as simple type in light appearance\", async () => {\n    const page = await newSpecPage({\n      components: [Pagination],\n      html: `<ic-pagination pages=\"15\" appearance='light'></ic-pagination>`,\n    });\n\n    expect(page.root).toMatchSnapshot(\"render light simple pagination\");\n  });\n  it(\"should render as complex type in dark appearance\", async () => {\n    const page = await newSpecPage({\n      components: [Pagination],\n      html: `<ic-pagination pages=\"15\" type='complex' appearance='dark'></ic-pagination>`,\n    });\n\n    expect(page.root).toMatchSnapshot(\"render dark complex pagination\");\n  });\n  it(\"should render as complex type in light appearance\", async () => {\n    const page = await newSpecPage({\n      components: [Pagination],\n      html: `<ic-pagination pages=\"15\" type='complex' appearance='light'></ic-pagination>`,\n    });\n\n    expect(page.root).toMatchSnapshot(\"render light complex pagination\");\n  });\n\n  it(\"should change page when current page set with public method\", async () => {\n    const page = await newSpecPage({\n      components: [Pagination, Button, PaginationItem],\n      html: `<ic-pagination pages=\"15\" type=\"complex\"></ic-pagination>\n      `,\n    });\n    expect(page.rootInstance.currentPage).toBe(1);\n\n    await page.root.setCurrentPage(3);\n    await page.waitForChanges();\n\n    expect(page.rootInstance.currentPage).toBe(3);\n  });\n\n  it(\"should update number of pages dynamically if the prop is updated\", async () => {\n    const page = await newSpecPage({\n      components: [Pagination],\n      html: `<ic-pagination pages=15></ic-pagination>`,\n    });\n\n    expect(page.rootInstance.pages).toEqual(15);\n\n    jest.spyOn(console, \"warn\").mockImplementation(jest.fn());\n\n    page.rootInstance.pages = 7;\n\n    await page.waitForChanges();\n\n    expect(page.rootInstance.pages).toEqual(7);\n  });\n});\n"]}

package/dist/collection/components/ic-pagination-item/ic-pagination-item.css

@@ -465,7 +465,8 @@ button {
 
 .ellipsis {
   pointer-events: none;
-  color: var(--ic-color-secondary-text);
+
+  --ic-typography-color: var(--ic-color-text-secondary);
 }
 
 .item-container:focus {
@@ -476,7 +477,7 @@ button {
 }
 
 .page {
-  color: var(--ic-action-default);
+  --ic-typography-color: var(--ic-action-default);
 }
 
 .simple-current {
@@ -510,7 +511,7 @@ button {
 }
 
 .page-selected {
-  color: var(--ic-color-primary-text);
+  --ic-typography-color: var(--ic-color-text-primary);
 }
 
 /** LIGHT STATES **/
@@ -519,11 +520,12 @@ button {
 }
 
 .item-container.page.light:active:not(.selected):not(:focus) {
-  background-color: var(--ic-action-light-bg-active);
+  background-color: var(--ic-action-light-bg-pressed);
 }
 
-ic-typography.light {
-  color: var(--ic-color-white-text);
+ic-typography.light,
+ic-typography.page-selected.light {
+  --ic-typography-color: var(--ic-architectural-white);
 }
 
 .selected.light::after {
@@ -541,11 +543,11 @@ ic-typography.light {
 }
 
 .item-container.page.dark:active:not(.selected):not(:focus) {
-  background-color: var(--ic-action-dark-bg-active);
+  background-color: var(--ic-action-dark-bg-pressed);
 }
 
 ic-typography.dark {
-  color: var(--ic-color-primary-text);
+  --ic-typography-color: var(--ic-color-text-primary);
 }
 
 .selected.dark::after {
@@ -558,7 +560,8 @@ ic-typography.dark {
 }
 
 .disabled {
-  color: var(--ic-architectural-200);
+  --ic-typography-color: var(--ic-architectural-200);
+
   pointer-events: none;
   cursor: none;
   -webkit-user-select: none;
@@ -580,6 +583,6 @@ ic-typography.dark {
   }
 
   .disabled {
-    color: GrayText;
+    --ic-typography-color: GrayText;
   }
 }

package/dist/collection/components/ic-popover-menu/ic-popover-menu.css

@@ -459,7 +459,10 @@ video {
 
 :host {
   border-radius: var(--ic-border-radius);
-  color: var(--ic-color-primary-text);
+  color: var(--ic-color-text-primary);
+
+  --ic-typography-color: var(--ic-color-text-primary);
+
   background-color: var(--ic-architectural-white);
   position: relative;
   z-index: var(--ic-z-index-popover);
@@ -501,14 +504,14 @@ video {
   outline: none;
 }
 
-:host(.open) {
+:host(.ic-popover-menu-open) {
   display: block;
   min-width: calc(20rem - var(--ic-space-xl));
   width: var(--popover-width, 20rem);
   max-width: calc(100vw - var(--ic-space-xl));
 }
 
-:host(.open) .menu {
+:host(.ic-popover-menu-open) .menu {
   visibility: visible;
   height: -moz-fit-content;
   height: fit-content;
@@ -519,7 +522,8 @@ video {
 }
 
 .parent-label {
-  color: var(--ic-color-tertiary-text);
+  --ic-typography-color: var(--ic-color-text-tertiary);
+
   margin: var(--ic-space-xs) var(--ic-space-xs) 0;
 }
 

package/dist/collection/components/ic-popover-menu/ic-popover-menu.js

@@ -231,7 +231,7 @@ export class PopoverMenu {
         }
     }
     render() {
-        return (h(Host, { class: { open: this.open } }, h("div", { id: this.parentPopover === undefined
+        return (h(Host, { class: { "ic-popover-menu-open": this.open } }, h("div", { id: this.parentPopover === undefined
                 ? `ic-popover-submenu-${this.submenuId}`
                 : "", class: {
                 menu: true,

package/dist/collection/components/ic-popover-menu/ic-popover-menu.js.map

@@ -1 +1 @@
-{"version":3,"file":"ic-popover-menu.js","sourceRoot":"","sources":["../../../src/components/ic-popover-menu/ic-popover-menu.tsx"],"names":[],"mappings":"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","sourcesContent":["import {\n  Component,\n  Element,\n  Host,\n  h,\n  Prop,\n  Listen,\n  Watch,\n  State,\n  Method,\n  Event,\n  EventEmitter,\n} from \"@stencil/core\";\nimport { getSlotElements, isPropDefined } from \"../../utils/helpers\";\nimport { createPopper, Instance as PopperInstance } from \"@popperjs/core\";\n\n@Component({\n  tag: \"ic-popover-menu\",\n  styleUrl: \"ic-popover-menu.css\",\n  shadow: {\n    delegatesFocus: true,\n  },\n})\nexport class PopoverMenu {\n  private anchorEl: HTMLElement;\n  private ARIA_LABEL: string = \"aria-label\";\n  private backButton: HTMLIcMenuItemElement;\n  private currentFocus: number;\n  private popoverMenuEls: HTMLIcMenuItemElement[] = [];\n  private popperInstance: PopperInstance;\n\n  @Element() el: HTMLIcPopoverMenuElement;\n\n  @State() openingFromChild: boolean = false;\n  @State() openingFromParent: boolean = false;\n\n  /**\n   * The ID of the element the popover menu will anchor itself to. This is required unless the popover is a submenu.\n   */\n  @Prop() anchor: string;\n\n  /**\n   * @internal The parent popover menu of a child popover menu.\n   */\n  @Prop() parentLabel?: string;\n\n  /**\n   * @internal The parent popover menu of a child popover menu.\n   */\n  @Prop() parentPopover?: HTMLIcPopoverMenuElement;\n\n  /**\n   * The unique identifier for a popover submenu.\n   */\n  @Prop() submenuId?: string;\n\n  /**\n   * @internal The level of menu being displayed.\n   */\n  @Prop() submenuLevel: number = 1;\n\n  /**\n   * If `true`, the popover menu will be displayed.\n   */\n  @Prop({ reflect: true, mutable: true }) open: boolean = undefined;\n\n  @Watch(\"open\")\n  watchOpenHandler(): void {\n    if (this.open) {\n      if (\n        this.parentPopover !== undefined &&\n        !this.popoverMenuEls.some((menuItem) => menuItem.id)\n      ) {\n        this.popoverMenuEls.unshift(this.backButton);\n      }\n\n      this.currentFocus = isPropDefined(this.submenuId) ? 1 : 0;\n      // Needed so that anchorEl isn't always focused\n      setTimeout(this.setButtonFocus, 50);\n    } else if (this.popperInstance) {\n      this.popperInstance.destroy();\n      this.popperInstance = null;\n    }\n  }\n\n  /**\n   * Emitted when the popover menu is closed.\n   */\n  @Event() icPopoverClosed: EventEmitter<void>;\n\n  disconnectedCallback(): void {\n    if (this.popperInstance) {\n      this.popperInstance.destroy();\n      this.popperInstance = null;\n    }\n  }\n\n  componentDidLoad(): void {\n    const slotWrapper = this.el.shadowRoot.querySelector(\"ul.button\");\n    const popoverMenuElements = getSlotElements(slotWrapper);\n\n    if (popoverMenuElements !== null) {\n      this.addMenuItems(popoverMenuElements);\n    }\n\n    if (\n      this.submenuId === undefined &&\n      this.el.getAttribute(this.ARIA_LABEL) === null\n    ) {\n      console.error(\n        `No aria-label specified for popover menu component - aria-label required`\n      );\n    }\n  }\n\n  componentWillRender(): void {\n    this.anchorEl = this.findAnchorEl(this.anchor);\n  }\n\n  componentDidRender(): void {\n    if (this.open && !this.popperInstance) {\n      this.initPopperJS();\n    }\n  }\n\n  @Listen(\"handleMenuItemClick\")\n  handleMenuItemClick(\n    ev: CustomEvent<{\n      label: string;\n      hasSubMenu: boolean;\n    }>\n  ): void {\n    if (!ev.detail.hasSubMenu && ev.detail.label !== \"Back\") {\n      this.closeMenu();\n    }\n  }\n\n  // This is listening for the event emitted when a menu item is acting as a trigger button\n  @Listen(\"triggerPopoverMenuInstance\", { capture: true })\n  handleSubmenuChange(ev: Event): void {\n    // Finds the trigger menu item that has emitted the event\n    const target = ev.target as HTMLIcMenuItemElement;\n    this.open = false;\n\n    // Find the popover menu that the menu item triggers (i.e. submenu-trigger-for === submenu-id).\n    const childEl = document.querySelector(\n      `ic-popover-menu[submenu-id=${target.submenuTriggerFor}]`\n    ) as HTMLIcPopoverMenuElement;\n    // Set the parent popover menu of the submenu and open the submenu\n    childEl.parentPopover = this.el;\n    childEl.anchor = this.anchor;\n    childEl.ariaLabel = this.el.getAttribute(this.ARIA_LABEL);\n    childEl.openFromParent();\n    childEl.submenuLevel = this.submenuLevel + 1;\n    // Set the label in the submenu using the label of the menu item that has emitted the event\n    childEl.parentLabel = target.label;\n  }\n\n  @Listen(\"click\", { target: \"document\" })\n  handleClick(ev: Event): void {\n    if (this.open && this.isNotPopoverMenuEl(ev)) {\n      // If menu is open and the next click on the document is not a popover El, close the popover\n      this.closeMenu();\n    }\n  }\n\n  // Manages the keyboard navigation in the popover menu\n  @Listen(\"keydown\", {})\n  handleKeyDown(ev: KeyboardEvent): void {\n    switch (ev.key) {\n      case \"ArrowDown\":\n      case \"ArrowUp\":\n        ev.preventDefault();\n        this.currentFocus = this.getNextItemToSelect(\n          this.currentFocus,\n          ev.key === \"ArrowDown\"\n        );\n        this.setButtonFocus();\n        break;\n      case \"Home\":\n        //Sets home focus as first element, or back button\n        this.currentFocus = 0;\n        this.setButtonFocus();\n        break;\n      case \"End\":\n        //Sets end focus as last element\n        this.currentFocus = this.popoverMenuEls.length - 1;\n        this.setButtonFocus();\n        break;\n      case \"Escape\":\n      case \"Tab\":\n        ev.preventDefault();\n        if (this.open) {\n          this.closeMenu(true);\n          this.el.blur();\n        }\n        break;\n    }\n  }\n\n  /**\n   * @internal Opens the menu from the child menu.\n   */\n  @Method()\n  async openFromChild(): Promise<void> {\n    this.open = true;\n    this.openingFromChild = true;\n\n    setTimeout(() => (this.openingFromChild = false), 1000);\n  }\n\n  /**\n   * @internal Opens the menu from the parent menu.\n   */\n  @Method()\n  async openFromParent(): Promise<void> {\n    this.open = true;\n    this.openingFromParent = true;\n\n    setTimeout(() => (this.openingFromParent = false), 1000);\n  }\n\n  private setButtonFocus = () => {\n    this.popoverMenuEls[this.currentFocus]?.focus();\n  };\n\n  // Checks that the popover menu has an anchor\n  private findAnchorEl = (anchor: string): HTMLElement => {\n    let anchorElement: HTMLElement = null;\n    if (!anchor) {\n      this.submenuId === undefined &&\n        console.error(\"No anchor specified for popover component\");\n    } else {\n      anchorElement = document.querySelector(\n        anchor.indexOf(\"#\") === 0 ? anchor : \"#\" + anchor\n      );\n      if (anchorElement === null) {\n        console.error(`Popover anchor element '${anchor}' not found`);\n      }\n    }\n    return anchorElement;\n  };\n\n  private isNotPopoverMenuEl = (ev: Event) => {\n    const { id, tagName } = ev.target as HTMLElement;\n    return (\n      id !== this.anchor &&\n      tagName !== \"IC-MENU-ITEM\" &&\n      tagName !== \"IC-MENU-GROUP\" &&\n      tagName !== \"IC-POPOVER-MENU\"\n    );\n  };\n\n  /**\n   * @internal Close the menu, emit icPopoverClosed of the root popover\n   * @param setFocusToAnchor when true return focus to anchor element when menu is closed\n   */\n  @Method()\n  async closeMenu(setFocusToAnchor = false): Promise<void> {\n    this.open = false;\n    if (this.parentPopover) {\n      this.parentPopover.closeMenu(setFocusToAnchor);\n    } else {\n      if (setFocusToAnchor) {\n        this.anchorEl?.focus();\n      }\n      this.icPopoverClosed.emit();\n    }\n  }\n\n  private getNextItemToSelect = (\n    currentItem: number,\n    movingDown: boolean\n  ): number => {\n    const numButtons = this.popoverMenuEls.length - 1;\n\n    if (currentItem < 1) {\n      currentItem = 0;\n    }\n\n    let nextItem = movingDown ? currentItem + 1 : currentItem - 1;\n\n    // Check if wrap around necessary\n    if (nextItem < 0) {\n      nextItem = numButtons;\n    } else if (nextItem > numButtons) {\n      nextItem = 0;\n    }\n\n    return nextItem;\n  };\n\n  private addMenuItems = (elements: Element[] | NodeListOf<ChildNode>) => {\n    for (let i = 0; i < elements.length; i++) {\n      const el = elements[i] as HTMLIcMenuItemElement;\n      if (el.tagName === \"IC-MENU-ITEM\") {\n        this.popoverMenuEls.push(el);\n      } else if (el.tagName === \"IC-MENU-GROUP\") {\n        const groupSlotWrapper = el.shadowRoot.querySelector(\"ul\");\n        const menuGroupElements = getSlotElements(groupSlotWrapper);\n\n        this.addMenuItems(menuGroupElements);\n      }\n    }\n  };\n\n  private getMenuAriaLabel = (): string => {\n    const ariaLabel = this.el.getAttribute(this.ARIA_LABEL);\n\n    if (isPropDefined(this.submenuId)) {\n      return `${ariaLabel}, within nested level ${this.submenuLevel} ${this.parentLabel} submenu,`;\n    } else {\n      return ariaLabel;\n    }\n  };\n\n  private handleBackButtonClick = (): void => {\n    this.parentPopover.openFromChild();\n    this.open = false;\n  };\n\n  private initPopperJS = () => {\n    this.popperInstance = createPopper(this.anchorEl, this.el, {\n      placement: \"bottom-start\",\n      modifiers: [\n        {\n          name: \"offset\",\n          options: {\n            offset: [0, 4],\n          },\n        },\n        {\n          name: \"flip\",\n          options: {\n            fallbackPlacements: [\"top-start\", \"top-end\", \"bottom-end\"],\n            rootBoundary: \"viewport\",\n          },\n        },\n      ],\n    });\n  };\n\n  render() {\n    return (\n      <Host class={{ open: this.open }}>\n        <div\n          id={\n            this.parentPopover === undefined\n              ? `ic-popover-submenu-${this.submenuId}`\n              : \"\"\n          }\n          class={{\n            menu: true,\n          }}\n          tabindex={open ? \"0\" : \"-1\"}\n        >\n          <div\n            class={{\n              \"opening-from-parent\": this.openingFromParent,\n              \"opening-from-child\": this.openingFromChild,\n            }}\n          >\n            {isPropDefined(this.submenuId) && (\n              <div>\n                <ic-menu-item\n                  class=\"ic-popover-submenu-back-button\"\n                  ref={(el) => (this.backButton = el)}\n                  label=\"Back\"\n                  onClick={this.handleBackButtonClick}\n                  id={`ic-popover-submenu-back-button-${this.submenuLevel}`}\n                >\n                  <svg\n                    slot=\"icon\"\n                    viewBox=\"0 0 24 24\"\n                    fill=\"none\"\n                    xmlns=\"http://www.w3.org/2000/svg\"\n                    class=\"submenu-back-icon\"\n                  >\n                    <path\n                      d=\"M20 11H7.83L13.42 5.41L12 4L4 12L12 20L13.41 18.59L7.83 13H20V11Z\"\n                      fill=\"currentColor\"\n                    />\n                  </svg>\n                </ic-menu-item>\n                <ic-typography variant=\"subtitle-small\" class=\"parent-label\">\n                  {this.parentLabel}\n                </ic-typography>\n              </div>\n            )}\n            <ul\n              class=\"button\"\n              aria-label={this.getMenuAriaLabel()}\n              role=\"menu\"\n              aria-owns={\n                isPropDefined(this.submenuId)\n                  ? `ic-popover-submenu-back-button-${this.submenuLevel}`\n                  : false\n              }\n              aria-controls={\n                isPropDefined(this.submenuId)\n                  ? `ic-popover-submenu-back-button-${this.submenuLevel}`\n                  : false\n              }\n            >\n              <slot></slot>\n            </ul>\n          </div>\n        </div>\n      </Host>\n    );\n  }\n}\n"]}
+{"version":3,"file":"ic-popover-menu.js","sourceRoot":"","sources":["../../../src/components/ic-popover-menu/ic-popover-menu.tsx"],"names":[],"mappings":"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","sourcesContent":["import {\n  Component,\n  Element,\n  Host,\n  h,\n  Prop,\n  Listen,\n  Watch,\n  State,\n  Method,\n  Event,\n  EventEmitter,\n} from \"@stencil/core\";\nimport { getSlotElements, isPropDefined } from \"../../utils/helpers\";\nimport { createPopper, Instance as PopperInstance } from \"@popperjs/core\";\n\n@Component({\n  tag: \"ic-popover-menu\",\n  styleUrl: \"ic-popover-menu.css\",\n  shadow: {\n    delegatesFocus: true,\n  },\n})\nexport class PopoverMenu {\n  private anchorEl: HTMLElement;\n  private ARIA_LABEL: string = \"aria-label\";\n  private backButton: HTMLIcMenuItemElement;\n  private currentFocus: number;\n  private popoverMenuEls: HTMLIcMenuItemElement[] = [];\n  private popperInstance: PopperInstance;\n\n  @Element() el: HTMLIcPopoverMenuElement;\n\n  @State() openingFromChild: boolean = false;\n  @State() openingFromParent: boolean = false;\n\n  /**\n   * The ID of the element the popover menu will anchor itself to. This is required unless the popover is a submenu.\n   */\n  @Prop() anchor: string;\n\n  /**\n   * @internal The parent popover menu of a child popover menu.\n   */\n  @Prop() parentLabel?: string;\n\n  /**\n   * @internal The parent popover menu of a child popover menu.\n   */\n  @Prop() parentPopover?: HTMLIcPopoverMenuElement;\n\n  /**\n   * The unique identifier for a popover submenu.\n   */\n  @Prop() submenuId?: string;\n\n  /**\n   * @internal The level of menu being displayed.\n   */\n  @Prop() submenuLevel: number = 1;\n\n  /**\n   * If `true`, the popover menu will be displayed.\n   */\n  @Prop({ reflect: true, mutable: true }) open: boolean = undefined;\n\n  @Watch(\"open\")\n  watchOpenHandler(): void {\n    if (this.open) {\n      if (\n        this.parentPopover !== undefined &&\n        !this.popoverMenuEls.some((menuItem) => menuItem.id)\n      ) {\n        this.popoverMenuEls.unshift(this.backButton);\n      }\n\n      this.currentFocus = isPropDefined(this.submenuId) ? 1 : 0;\n      // Needed so that anchorEl isn't always focused\n      setTimeout(this.setButtonFocus, 50);\n    } else if (this.popperInstance) {\n      this.popperInstance.destroy();\n      this.popperInstance = null;\n    }\n  }\n\n  /**\n   * Emitted when the popover menu is closed.\n   */\n  @Event() icPopoverClosed: EventEmitter<void>;\n\n  disconnectedCallback(): void {\n    if (this.popperInstance) {\n      this.popperInstance.destroy();\n      this.popperInstance = null;\n    }\n  }\n\n  componentDidLoad(): void {\n    const slotWrapper = this.el.shadowRoot.querySelector(\"ul.button\");\n    const popoverMenuElements = getSlotElements(slotWrapper);\n\n    if (popoverMenuElements !== null) {\n      this.addMenuItems(popoverMenuElements);\n    }\n\n    if (\n      this.submenuId === undefined &&\n      this.el.getAttribute(this.ARIA_LABEL) === null\n    ) {\n      console.error(\n        `No aria-label specified for popover menu component - aria-label required`\n      );\n    }\n  }\n\n  componentWillRender(): void {\n    this.anchorEl = this.findAnchorEl(this.anchor);\n  }\n\n  componentDidRender(): void {\n    if (this.open && !this.popperInstance) {\n      this.initPopperJS();\n    }\n  }\n\n  @Listen(\"handleMenuItemClick\")\n  handleMenuItemClick(\n    ev: CustomEvent<{\n      label: string;\n      hasSubMenu: boolean;\n    }>\n  ): void {\n    if (!ev.detail.hasSubMenu && ev.detail.label !== \"Back\") {\n      this.closeMenu();\n    }\n  }\n\n  // This is listening for the event emitted when a menu item is acting as a trigger button\n  @Listen(\"triggerPopoverMenuInstance\", { capture: true })\n  handleSubmenuChange(ev: Event): void {\n    // Finds the trigger menu item that has emitted the event\n    const target = ev.target as HTMLIcMenuItemElement;\n    this.open = false;\n\n    // Find the popover menu that the menu item triggers (i.e. submenu-trigger-for === submenu-id).\n    const childEl = document.querySelector(\n      `ic-popover-menu[submenu-id=${target.submenuTriggerFor}]`\n    ) as HTMLIcPopoverMenuElement;\n    // Set the parent popover menu of the submenu and open the submenu\n    childEl.parentPopover = this.el;\n    childEl.anchor = this.anchor;\n    childEl.ariaLabel = this.el.getAttribute(this.ARIA_LABEL);\n    childEl.openFromParent();\n    childEl.submenuLevel = this.submenuLevel + 1;\n    // Set the label in the submenu using the label of the menu item that has emitted the event\n    childEl.parentLabel = target.label;\n  }\n\n  @Listen(\"click\", { target: \"document\" })\n  handleClick(ev: Event): void {\n    if (this.open && this.isNotPopoverMenuEl(ev)) {\n      // If menu is open and the next click on the document is not a popover El, close the popover\n      this.closeMenu();\n    }\n  }\n\n  // Manages the keyboard navigation in the popover menu\n  @Listen(\"keydown\", {})\n  handleKeyDown(ev: KeyboardEvent): void {\n    switch (ev.key) {\n      case \"ArrowDown\":\n      case \"ArrowUp\":\n        ev.preventDefault();\n        this.currentFocus = this.getNextItemToSelect(\n          this.currentFocus,\n          ev.key === \"ArrowDown\"\n        );\n        this.setButtonFocus();\n        break;\n      case \"Home\":\n        //Sets home focus as first element, or back button\n        this.currentFocus = 0;\n        this.setButtonFocus();\n        break;\n      case \"End\":\n        //Sets end focus as last element\n        this.currentFocus = this.popoverMenuEls.length - 1;\n        this.setButtonFocus();\n        break;\n      case \"Escape\":\n      case \"Tab\":\n        ev.preventDefault();\n        if (this.open) {\n          this.closeMenu(true);\n          this.el.blur();\n        }\n        break;\n    }\n  }\n\n  /**\n   * @internal Opens the menu from the child menu.\n   */\n  @Method()\n  async openFromChild(): Promise<void> {\n    this.open = true;\n    this.openingFromChild = true;\n\n    setTimeout(() => (this.openingFromChild = false), 1000);\n  }\n\n  /**\n   * @internal Opens the menu from the parent menu.\n   */\n  @Method()\n  async openFromParent(): Promise<void> {\n    this.open = true;\n    this.openingFromParent = true;\n\n    setTimeout(() => (this.openingFromParent = false), 1000);\n  }\n\n  private setButtonFocus = () => {\n    this.popoverMenuEls[this.currentFocus]?.focus();\n  };\n\n  // Checks that the popover menu has an anchor\n  private findAnchorEl = (anchor: string): HTMLElement => {\n    let anchorElement: HTMLElement = null;\n    if (!anchor) {\n      this.submenuId === undefined &&\n        console.error(\"No anchor specified for popover component\");\n    } else {\n      anchorElement = document.querySelector(\n        anchor.indexOf(\"#\") === 0 ? anchor : \"#\" + anchor\n      );\n      if (anchorElement === null) {\n        console.error(`Popover anchor element '${anchor}' not found`);\n      }\n    }\n    return anchorElement;\n  };\n\n  private isNotPopoverMenuEl = (ev: Event) => {\n    const { id, tagName } = ev.target as HTMLElement;\n    return (\n      id !== this.anchor &&\n      tagName !== \"IC-MENU-ITEM\" &&\n      tagName !== \"IC-MENU-GROUP\" &&\n      tagName !== \"IC-POPOVER-MENU\"\n    );\n  };\n\n  /**\n   * @internal Close the menu, emit icPopoverClosed of the root popover\n   * @param setFocusToAnchor when true return focus to anchor element when menu is closed\n   */\n  @Method()\n  async closeMenu(setFocusToAnchor = false): Promise<void> {\n    this.open = false;\n    if (this.parentPopover) {\n      this.parentPopover.closeMenu(setFocusToAnchor);\n    } else {\n      if (setFocusToAnchor) {\n        this.anchorEl?.focus();\n      }\n      this.icPopoverClosed.emit();\n    }\n  }\n\n  private getNextItemToSelect = (\n    currentItem: number,\n    movingDown: boolean\n  ): number => {\n    const numButtons = this.popoverMenuEls.length - 1;\n\n    if (currentItem < 1) {\n      currentItem = 0;\n    }\n\n    let nextItem = movingDown ? currentItem + 1 : currentItem - 1;\n\n    // Check if wrap around necessary\n    if (nextItem < 0) {\n      nextItem = numButtons;\n    } else if (nextItem > numButtons) {\n      nextItem = 0;\n    }\n\n    return nextItem;\n  };\n\n  private addMenuItems = (elements: Element[] | NodeListOf<ChildNode>) => {\n    for (let i = 0; i < elements.length; i++) {\n      const el = elements[i] as HTMLIcMenuItemElement;\n      if (el.tagName === \"IC-MENU-ITEM\") {\n        this.popoverMenuEls.push(el);\n      } else if (el.tagName === \"IC-MENU-GROUP\") {\n        const groupSlotWrapper = el.shadowRoot.querySelector(\"ul\");\n        const menuGroupElements = getSlotElements(groupSlotWrapper);\n\n        this.addMenuItems(menuGroupElements);\n      }\n    }\n  };\n\n  private getMenuAriaLabel = (): string => {\n    const ariaLabel = this.el.getAttribute(this.ARIA_LABEL);\n\n    if (isPropDefined(this.submenuId)) {\n      return `${ariaLabel}, within nested level ${this.submenuLevel} ${this.parentLabel} submenu,`;\n    } else {\n      return ariaLabel;\n    }\n  };\n\n  private handleBackButtonClick = (): void => {\n    this.parentPopover.openFromChild();\n    this.open = false;\n  };\n\n  private initPopperJS = () => {\n    this.popperInstance = createPopper(this.anchorEl, this.el, {\n      placement: \"bottom-start\",\n      modifiers: [\n        {\n          name: \"offset\",\n          options: {\n            offset: [0, 4],\n          },\n        },\n        {\n          name: \"flip\",\n          options: {\n            fallbackPlacements: [\"top-start\", \"top-end\", \"bottom-end\"],\n            rootBoundary: \"viewport\",\n          },\n        },\n      ],\n    });\n  };\n\n  render() {\n    return (\n      <Host class={{ \"ic-popover-menu-open\": this.open }}>\n        <div\n          id={\n            this.parentPopover === undefined\n              ? `ic-popover-submenu-${this.submenuId}`\n              : \"\"\n          }\n          class={{\n            menu: true,\n          }}\n          tabindex={open ? \"0\" : \"-1\"}\n        >\n          <div\n            class={{\n              \"opening-from-parent\": this.openingFromParent,\n              \"opening-from-child\": this.openingFromChild,\n            }}\n          >\n            {isPropDefined(this.submenuId) && (\n              <div>\n                <ic-menu-item\n                  class=\"ic-popover-submenu-back-button\"\n                  ref={(el) => (this.backButton = el)}\n                  label=\"Back\"\n                  onClick={this.handleBackButtonClick}\n                  id={`ic-popover-submenu-back-button-${this.submenuLevel}`}\n                >\n                  <svg\n                    slot=\"icon\"\n                    viewBox=\"0 0 24 24\"\n                    fill=\"none\"\n                    xmlns=\"http://www.w3.org/2000/svg\"\n                    class=\"submenu-back-icon\"\n                  >\n                    <path\n                      d=\"M20 11H7.83L13.42 5.41L12 4L4 12L12 20L13.41 18.59L7.83 13H20V11Z\"\n                      fill=\"currentColor\"\n                    />\n                  </svg>\n                </ic-menu-item>\n                <ic-typography variant=\"subtitle-small\" class=\"parent-label\">\n                  {this.parentLabel}\n                </ic-typography>\n              </div>\n            )}\n            <ul\n              class=\"button\"\n              aria-label={this.getMenuAriaLabel()}\n              role=\"menu\"\n              aria-owns={\n                isPropDefined(this.submenuId)\n                  ? `ic-popover-submenu-back-button-${this.submenuLevel}`\n                  : false\n              }\n              aria-controls={\n                isPropDefined(this.submenuId)\n                  ? `ic-popover-submenu-back-button-${this.submenuLevel}`\n                  : false\n              }\n            >\n              <slot></slot>\n            </ul>\n          </div>\n        </div>\n      </Host>\n    );\n  }\n}\n"]}

package/dist/collection/components/ic-radio-group/ic-radio-group.css

@@ -446,14 +446,14 @@ video {
 }
 
 ic-input-label.error {
-  color: var(--ic-status-error);
+  --ic-typography-color: var(--ic-status-error-default);
 }
 
 ic-input-validation {
   margin-top: var(--ic-space-sm);
 }
 
-:host(.small) ic-input-validation {
+:host(.ic-radio-group-small) ic-input-validation {
   margin-top: calc(var(--ic-space-sm) / 2);
 }
 
@@ -461,7 +461,7 @@ ic-input-label ic-typography {
   margin-bottom: var(--ic-space-sm);
 }
 
-:host(.small) ic-input-label ic-typography {
+:host(.ic-radio-group-small) ic-input-label ic-typography {
   margin-bottom: calc(var(--ic-space-sm) / 2);
 }
 
@@ -471,7 +471,7 @@ ic-input-label ic-typography {
   gap: var(--ic-space-xxs);
 }
 
-:host(.small) .radio-buttons-container {
+:host(.ic-radio-group-small) .radio-buttons-container {
   gap: var(--ic-space-xxxs);
 }
 
@@ -481,6 +481,6 @@ ic-input-label ic-typography {
   gap: calc(var(--ic-space-xl) + var(--ic-space-xs));
 }
 
-:host(.small) .radio-buttons-container.horizontal {
+:host(.ic-radio-group-small) .radio-buttons-container.horizontal {
   gap: var(--ic-space-xl);
 }