@mgdis/mg-components 5.16.0 → 5.17.0

package/dist/collection/components/molecules/mg-tabs/test/mg-tabs.e2e.playwright.js

@@ -0,0 +1,76 @@
+import { setPageContent, expect, describe, describeEach, testEach, test } from "../../../../utils/playwright.e2e.test.utils";
+import { createID } from "../../../../utils/components.utils";
+import { sizes } from "../mg-tabs.conf";
+import { renderAttributes, renderProperties } from "../../../../utils/e2e.test.utils";
+const defaultArgs = {
+  label: 'label',
+};
+const createSlot = (items) => {
+  const defaultSlotContents = [
+    "Le héros peut être en chacun, même en celui qui fait une chose aussi simple et rassurante que mettre un manteau sur les épaules d'un garçon et ainsi lui faire comprendre que le monde ne s'est pas écroulé.",
+    "La seule façon raisonnable de vivre en ce bas monde, c'est en dehors des règles.",
+    'Bane have an hidden content',
+  ];
+  return items.map((_, i) => `<div slot="tab_content-${i + 1}">${i + 1 <= defaultSlotContents.length ? defaultSlotContents[i] : defaultSlotContents[0]}</div>`).join('');
+};
+var Key;
+(function (Key) {
+  Key["NEXT"] = "ArrowRight";
+  Key["PREV"] = "ArrowLeft";
+  Key["TAB"] = "Tab";
+  Key["ENTER"] = "Enter";
+})(Key || (Key = {}));
+const createHTML = args => {
+  const id = createID();
+  return `<mg-tabs id="${id}" ${renderAttributes(Object.assign({}, args))}">${createSlot(args.items)}</mg-tabs><script>${renderProperties(args, `#${id}`)}</script>`;
+};
+describe('mg-tabs', () => {
+  describeEach(sizes)('size %s', async (size) => {
+    testEach([
+      { items: ['Batman', 'Joker', 'Bane'] },
+      {
+        items: [
+          { label: 'Batman', icon: 'check' },
+          { label: 'Joker', icon: 'cross', status: 'disabled' },
+          { label: 'Bane', icon: 'cross', status: 'hidden' },
+        ],
+      },
+      {
+        items: [
+          { label: 'Batman', badge: { label: 'count', value: 1 } },
+          { label: 'Joker', badge: { label: 'count', value: 1 }, status: 'disabled' },
+          { label: 'Bane', icon: 'cross', status: 'hidden' },
+        ],
+      },
+      {
+        items: [
+          { label: 'Batman', icon: 'check', badge: { label: 'count', value: 99 } },
+          { label: 'Joker', icon: 'cross', badge: { label: 'count', value: 99 }, status: 'disabled' },
+          { label: 'Bane', icon: 'cross', status: 'hidden' },
+        ],
+      },
+      {
+        items: [
+          { label: 'Batman', icon: 'check', badge: { label: 'count', value: 99, role: 'notification' } },
+          { label: 'Joker', icon: 'cross', badge: { label: 'count', value: 99, role: 'information' }, status: 'disabled' },
+          { label: 'Bane', icon: 'cross', status: 'hidden' },
+        ],
+      },
+    ])(`render %s`, async (page, args) => {
+      await setPageContent(page, createHTML(Object.assign(Object.assign(Object.assign({}, defaultArgs), args), { size })));
+      await expect(page.locator('.e2e-screenshot')).toHaveScreenshot();
+    });
+  });
+  describe('navigation', () => {
+    test('should go to next tab on click event', async ({ page }) => {
+      await setPageContent(page, createHTML(Object.assign(Object.assign({}, defaultArgs), { items: ['Batman', 'Joker', 'Bane'] })));
+      await expect(page.locator('.e2e-screenshot')).toHaveScreenshot();
+      await page.keyboard.down('Tab');
+      for (const key of [Key.NEXT, Key.NEXT, Key.PREV, Key.ENTER, Key.TAB]) {
+        await page.keyboard.down(key);
+        await expect(page.locator('.e2e-screenshot')).toHaveScreenshot();
+      }
+    });
+  });
+});
+//# sourceMappingURL=mg-tabs.e2e.playwright.js.map

package/dist/collection/components/molecules/mg-tabs/test/mg-tabs.e2e.playwright.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"mg-tabs.e2e.playwright.js","sourceRoot":"","sources":["../../../../../src/components/molecules/mg-tabs/test/mg-tabs.e2e.playwright.ts"],"names":[],"mappings":"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","sourcesContent":["import { setPageContent, expect, describe, describeEach, testEach, PageType, test } from '../../../../utils/playwright.e2e.test.utils';\nimport { createID } from '../../../../utils/components.utils';\nimport { sizes } from '../mg-tabs.conf';\nimport { MgTabs } from '../mg-tabs';\nimport { renderAttributes, renderProperties } from '../../../../utils/e2e.test.utils';\n\nconst defaultArgs = {\n  label: 'label',\n};\n\nconst createSlot = (items: unknown[]) => {\n  const defaultSlotContents = [\n    \"Le héros peut être en chacun, même en celui qui fait une chose aussi simple et rassurante que mettre un manteau sur les épaules d'un garçon et ainsi lui faire comprendre que le monde ne s'est pas écroulé.\",\n    \"La seule façon raisonnable de vivre en ce bas monde, c'est en dehors des règles.\",\n    'Bane have an hidden content',\n  ];\n  return items.map((_, i) => `<div slot=\"tab_content-${i + 1}\">${i + 1 <= defaultSlotContents.length ? defaultSlotContents[i] : defaultSlotContents[0]}</div>`).join('');\n};\n\nenum Key {\n  NEXT = 'ArrowRight',\n  PREV = 'ArrowLeft',\n  TAB = 'Tab',\n  ENTER = 'Enter',\n}\n\nconst createHTML = args => {\n  const id = createID();\n  return `<mg-tabs id=\"${id}\" ${renderAttributes({ ...args })}\">${createSlot(args.items)}</mg-tabs><script>${renderProperties(args, `#${id}`)}</script>`;\n};\n\ndescribe('mg-tabs', () => {\n  describeEach(sizes)('size %s', async size => {\n    testEach([\n      { items: ['Batman', 'Joker', 'Bane'] },\n      {\n        items: [\n          { label: 'Batman', icon: 'check' },\n          { label: 'Joker', icon: 'cross', status: 'disabled' },\n          { label: 'Bane', icon: 'cross', status: 'hidden' },\n        ],\n      },\n      {\n        items: [\n          { label: 'Batman', badge: { label: 'count', value: 1 } },\n          { label: 'Joker', badge: { label: 'count', value: 1 }, status: 'disabled' },\n          { label: 'Bane', icon: 'cross', status: 'hidden' },\n        ],\n      },\n      {\n        items: [\n          { label: 'Batman', icon: 'check', badge: { label: 'count', value: 99 } },\n          { label: 'Joker', icon: 'cross', badge: { label: 'count', value: 99 }, status: 'disabled' },\n          { label: 'Bane', icon: 'cross', status: 'hidden' },\n        ],\n      },\n      {\n        items: [\n          { label: 'Batman', icon: 'check', badge: { label: 'count', value: 99, role: 'notification' } },\n          { label: 'Joker', icon: 'cross', badge: { label: 'count', value: 99, role: 'information' }, status: 'disabled' },\n          { label: 'Bane', icon: 'cross', status: 'hidden' },\n        ],\n      },\n    ])(`render %s`, async (page: PageType, args: Partial<MgTabs>) => {\n      await setPageContent(\n        page,\n        createHTML({\n          ...defaultArgs,\n          ...args,\n          size,\n        }),\n      );\n\n      await expect(page.locator('.e2e-screenshot')).toHaveScreenshot();\n    });\n  });\n\n  describe('navigation', () => {\n    test('should go to next tab on click event', async ({ page }) => {\n      await setPageContent(\n        page,\n        createHTML({\n          ...defaultArgs,\n          items: ['Batman', 'Joker', 'Bane'],\n        }),\n      );\n\n      await expect(page.locator('.e2e-screenshot')).toHaveScreenshot();\n\n      await page.keyboard.down('Tab');\n\n      for (const key of [Key.NEXT, Key.NEXT, Key.PREV, Key.ENTER, Key.TAB]) {\n        await page.keyboard.down(key);\n        await expect(page.locator('.e2e-screenshot')).toHaveScreenshot();\n      }\n    });\n  });\n});\n"]}

package/dist/collection/components/molecules/mg-tabs/test/mg-tabs.spec.js

@@ -0,0 +1,332 @@
+var __asyncValues = (this && this.__asyncValues) || function (o) {
+  if (!Symbol.asyncIterator)
+    throw new TypeError("Symbol.asyncIterator is not defined.");
+  var m = o[Symbol.asyncIterator], i;
+  return m ? m.call(o) : (o = typeof __values === "function" ? __values(o) : o[Symbol.iterator](), i = {}, verb("next"), verb("throw"), verb("return"), i[Symbol.asyncIterator] = function () { return this; }, i);
+  function verb(n) { i[n] = o[n] && function (v) { return new Promise(function (resolve, reject) { v = o[n](v), settle(resolve, reject, v.done, v.value); }); }; }
+  function settle(resolve, reject, d, v) { Promise.resolve(v).then(function (v) { resolve({ value: v, done: d }); }, reject); }
+};
+import { h } from "@stencil/core";
+import { newSpecPage } from "@stencil/core/testing";
+import { MgTabs } from "../mg-tabs";
+import { sizes, Status } from "../mg-tabs.conf";
+const getPage = (args, slots) => newSpecPage({
+  components: [MgTabs],
+  template: () => h("mg-tabs", Object.assign({}, args), slots && slots.map(content => content && content())),
+});
+const createSlots = (slotNumber = 2) => {
+  const slots = [];
+  for (let i = 1; slotNumber > slots.length; i++) {
+    slots.push(() => h("div", { slot: `tab_content-${i}` }, `Content ${i}`));
+  }
+  return slots;
+};
+const badge = { value: 2, label: 'messages' };
+const key = { next: 'ArrowRight', prev: 'ArrowLeft' };
+describe('mg-tabs', () => {
+  describe.each(sizes)('template', size => {
+    test.each([
+      [['Batman', 'Joker', 'Bane']],
+      [
+        [
+          { label: 'Batman', icon: 'check', badge },
+          { label: 'Joker', icon: 'cross', badge: Object.assign(Object.assign({}, badge), { role: 'information' }), status: Status.DISABLED },
+          { label: 'Bane', icon: 'trash', badge, status: Status.HIDDEN },
+        ],
+      ],
+    ])('render', async (items) => {
+      const { root } = await getPage({ label: 'Sample label', items, identifier: 'identifier', size }, createSlots(3));
+      expect(root).toMatchSnapshot();
+    });
+    test('display only slots with name "tab_content-*"', async () => {
+      const { root } = await getPage({ label: 'Sample label', items: ['Batman', 'Joker'], identifier: 'identifier' }, [...createSlots(), () => h("div", null, "dummy content")]);
+      expect(root).toMatchSnapshot();
+    });
+    test.each([
+      {
+        items: ['Tab 1', 'Tab 2', 'Tab 3'],
+        activeTab: 2,
+      },
+      {
+        items: [{ label: 'Batman' }, { label: 'Joker', status: Status.ACTIVE }, { label: 'Bane' }],
+      },
+      {
+        items: [{ label: 'Batman' }, { label: 'Joker' }, { label: 'Bane' }],
+        activeTab: 2,
+      },
+      {
+        items: [{ label: 'Batman' }, { label: 'Joker', status: Status.ACTIVE }, { label: 'Bane' }],
+        activeTab: 2,
+      },
+      {
+        items: [{ label: 'Batman' }, { label: 'Joker', status: Status.ACTIVE }, { label: 'Bane' }],
+        activeTab: 3,
+      },
+    ])(`display ${size} tabs with activeProps set by props`, async (props) => {
+      const { root } = await getPage(Object.assign({ label: 'Sample label', identifier: 'identifier' }, props), createSlots(3));
+      expect(root).toMatchSnapshot();
+    });
+  });
+  describe('errors', () => {
+    test.each(['', ' ', undefined])('Should throw error with invalid label property: %s', async (label) => {
+      expect.assertions(1);
+      try {
+        await getPage({ label, items: ['Batman', 'Joker'] }, createSlots());
+      }
+      catch (err) {
+        expect(err.message).toMatch('<mg-tabs> prop "label" is required.');
+      }
+    });
+    test.each([
+      [undefined, 'batman'],
+      [['batman', { batman: 'batman' }]],
+      [[true, false]],
+      [[1, 2, 3]],
+      [[true, 1, 'batman']],
+      [[{ label: 'batman', icon: 'batman' }, { batman: 'batman' }]],
+      [[{ label: undefined, icon: 'batman' }, { label: 'batman' }]],
+    ])('Should throw error with invalid items property', async (items) => {
+      expect.assertions(1);
+      try {
+        await getPage({ label: 'Sample label', items }, createSlots());
+      }
+      catch (err) {
+        expect(err.message).toMatch('<mg-tabs> prop "items" is required and all items must be the same type: TabItem.');
+      }
+    });
+    test.each([[[]], [createSlots(1)], [[undefined, createSlots(2)[1]], [createSlots(3)]]])('should trown an error with invalid slots', async (slots) => {
+      expect.assertions(1);
+      try {
+        await getPage({ label: 'Sample label', items: ['Tab 1', 'Tab 2'] }, slots);
+      }
+      catch (err) {
+        expect(err.message).toMatch('<mg-tabs> Must have slots counts equal to tabs count.');
+      }
+    });
+    test.each([0, 3])('should trown an error with invalid tabItem props', async (activeTab) => {
+      expect.assertions(1);
+      try {
+        await getPage({ label: 'Sample label', items: ['Tab 1', 'Tab 2'], activeTab }, createSlots());
+      }
+      catch (err) {
+        expect(err.message).toMatch('<mg-tabs> prop "activeTab" must be between 1 and tabs length.');
+      }
+    });
+    test('should trown an error with invalid tabItem props', async () => {
+      expect.assertions(1);
+      try {
+        await getPage({ label: 'Sample label', items: ['Tab 1', 'Tab 2'], size: 'batman' }, createSlots());
+      }
+      catch (err) {
+        expect(err.message).toMatch(`<mg-tabs> prop "size" must be one of: ${sizes.join(', ')}`);
+      }
+    });
+  });
+  describe('navigation', () => {
+    test.each([[['batman', 'joker']], [[{ label: 'Batman' }, { label: 'Joker' }]]])('should go to next tab on click event', async (items) => {
+      const page = await getPage({ label: 'Sample label', items, identifier: 'id' }, createSlots());
+      expect(page.root).toMatchSnapshot();
+      const element = page.doc.querySelector('mg-tabs');
+      let activeTab = element.shadowRoot.querySelector('.mg-tabs__navigation-button--active');
+      expect(activeTab).toHaveProperty('id', 'id-1');
+      jest.spyOn(page.rootInstance.activeTabChange, 'emit');
+      const nextTab = element.shadowRoot.getElementById('id-2');
+      nextTab.dispatchEvent(new MouseEvent('click', { bubbles: true }));
+      await page.waitForChanges();
+      expect(page.root).toMatchSnapshot();
+      expect(page.rootInstance.activeTabChange.emit).toHaveBeenCalledWith(2);
+      activeTab = element.shadowRoot.querySelector('.mg-tabs__navigation-button--active');
+      expect(activeTab).toHaveProperty('id', 'id-2');
+    });
+    test.each([Status.HIDDEN, Status.DISABLED])('should prevent click on tab with status %s', async (status) => {
+      const page = await getPage({ label: 'Sample label', items: [{ label: 'Batman' }, { label: 'Joker', status }], identifier: 'id' }, createSlots());
+      expect(page.root).toMatchSnapshot();
+      const element = page.doc.querySelector('mg-tabs');
+      let activeTab = element.shadowRoot.querySelector('.mg-tabs__navigation-button--active');
+      expect(activeTab).toHaveProperty('id', 'id-1');
+      jest.spyOn(page.rootInstance.activeTabChange, 'emit');
+      const nextTab = element.shadowRoot.getElementById('id-2');
+      nextTab.dispatchEvent(new MouseEvent('click', { bubbles: true }));
+      await page.waitForChanges();
+      expect(page.root).toMatchSnapshot();
+      expect(page.rootInstance.activeTabChange.emit).not.toHaveBeenCalled();
+      activeTab = element.shadowRoot.querySelector('.mg-tabs__navigation-button--active');
+      expect(activeTab).toHaveProperty('id', 'id-1');
+    });
+    test('should go to next tab on keyboard event', async () => {
+      var _a, e_1, _b, _c;
+      const page = await getPage({ label: 'Sample label', items: ['batman', 'joker'], identifier: 'id' }, createSlots());
+      const activeTabChangeSpy = jest.spyOn(page.rootInstance.activeTabChange, 'emit');
+      expect(page.root).toMatchSnapshot();
+      const element = page.doc.querySelector('mg-tabs');
+      const buttons = Array.from(element.shadowRoot.querySelectorAll('button'));
+      buttons.forEach(button => {
+        button.focus = jest.fn();
+      });
+      let activeTab = element.shadowRoot.querySelector('.mg-tabs__navigation-button--active');
+      activeTab.dispatchEvent(new CustomEvent('focus', { bubbles: true }));
+      await page.waitForChanges();
+      expect(page.root).toMatchSnapshot();
+      try {
+        for (var _d = true, _e = __asyncValues([
+          { key: key.next, from: 0, to: 1 },
+          { key: key.next, from: 1, to: 0 },
+          { key: key.prev, from: 0, to: 1 },
+          { key: key.prev, from: 1, to: 0 },
+        ]), _f; _f = await _e.next(), _a = _f.done, !_a; _d = true) {
+          _c = _f.value;
+          _d = false;
+          const action = _c;
+          element.shadowRoot.querySelector(`[data-index="${action.from + 1}"]`).dispatchEvent(new KeyboardEvent('keydown', { key: action.key }));
+          await page.waitForChanges();
+          expect(page.root).toMatchSnapshot();
+          activeTab = element.shadowRoot.querySelector('.mg-tabs__navigation-button--active');
+          expect(activeTab).toHaveProperty('id', 'id-1');
+          expect(buttons[action.to].focus).toHaveBeenCalledTimes(action.key === key.next ? 1 : 2);
+          expect(activeTabChangeSpy).not.toHaveBeenCalled();
+        }
+      }
+      catch (e_1_1) {
+        e_1 = { error: e_1_1 };
+      }
+      finally {
+        try {
+          if (!_d && !_a && (_b = _e.return))
+            await _b.call(_e);
+        }
+        finally {
+          if (e_1)
+            throw e_1.error;
+        }
+      }
+    });
+    test.each([Status.HIDDEN, Status.DISABLED])('should go to next VISIBLE tab on keyboard event', async (status) => {
+      var _a, e_2, _b, _c, _d, e_3, _e, _f;
+      const page = await getPage({ label: 'Sample label', items: [{ label: 'Batman' }, { label: 'Joker' }, { label: 'Bane', status }], identifier: 'id' }, createSlots(3));
+      const activeTabChangeSpy = jest.spyOn(page.rootInstance.activeTabChange, 'emit');
+      expect(page.root).toMatchSnapshot();
+      const element = page.doc.querySelector('mg-tabs');
+      const buttons = Array.from(element.shadowRoot.querySelectorAll('button'));
+      buttons.forEach(button => {
+        button.focus = jest.fn();
+      });
+      let activeTab = element.shadowRoot.querySelector('.mg-tabs__navigation-button--active');
+      activeTab.dispatchEvent(new CustomEvent('focus', { bubbles: true }));
+      await page.waitForChanges();
+      expect(page.root).toMatchSnapshot();
+      await page.waitForChanges();
+      try {
+        for (var _g = true, _h = __asyncValues([
+          [
+            { key: key.next, from: 0, to: 1 },
+            { key: key.next, from: 1, to: 2 },
+          ],
+          [{ key: key.prev, from: 0, to: 2 }],
+        ]), _j; _j = await _h.next(), _a = _j.done, !_a; _g = true) {
+          _c = _j.value;
+          _g = false;
+          const actions = _c;
+          try {
+            for (var _k = true, actions_1 = (e_3 = void 0, __asyncValues(actions)), actions_1_1; actions_1_1 = await actions_1.next(), _d = actions_1_1.done, !_d; _k = true) {
+              _f = actions_1_1.value;
+              _k = false;
+              const action = _f;
+              element.shadowRoot.querySelector(`[data-index="${action.from + 1}"]`).dispatchEvent(new KeyboardEvent('keydown', { key: action.key }));
+              await page.waitForChanges();
+              expect(page.root).toMatchSnapshot();
+              activeTab = element.shadowRoot.querySelector('.mg-tabs__navigation-button--active');
+              expect(activeTab).toHaveProperty('id', 'id-1');
+              if (action.to === 2) {
+                const button = buttons[action.key === key.next ? action.from - 1 : action.from + 1];
+                if (status === Status.HIDDEN) {
+                  expect(buttons[action.to].focus).not.toHaveBeenCalled();
+                  expect(button.focus).toHaveBeenCalledTimes(action.key === key.next ? 1 : 2);
+                }
+                else {
+                  expect(buttons[action.to].focus).toHaveBeenCalledTimes(action.key === key.next ? 1 : 2);
+                  if (action.key === key.next) {
+                    expect(button.focus).not.toHaveBeenCalled();
+                  }
+                  else {
+                    expect(button.focus).toHaveBeenCalledTimes(1);
+                  }
+                }
+              }
+              else {
+                expect(buttons[action.to].focus).toHaveBeenCalledTimes(1);
+              }
+              expect(activeTabChangeSpy).not.toHaveBeenCalled();
+            }
+          }
+          catch (e_3_1) {
+            e_3 = { error: e_3_1 };
+          }
+          finally {
+            try {
+              if (!_k && !_d && (_e = actions_1.return))
+                await _e.call(actions_1);
+            }
+            finally {
+              if (e_3)
+                throw e_3.error;
+            }
+          }
+        }
+      }
+      catch (e_2_1) {
+        e_2 = { error: e_2_1 };
+      }
+      finally {
+        try {
+          if (!_g && !_a && (_b = _h.return))
+            await _b.call(_h);
+        }
+        finally {
+          if (e_2)
+            throw e_2.error;
+        }
+      }
+    });
+    test('should manage Tab key', async () => {
+      const page = await getPage({ label: 'Sample label', items: ['batman', 'joker'], identifier: 'id' }, createSlots());
+      expect(page.root).toMatchSnapshot();
+      const element = page.doc.querySelector('mg-tabs');
+      const spys = Array.from(element.shadowRoot.querySelectorAll('button')).map(button => jest.spyOn(button, 'setAttribute'));
+      const activeTab = element.shadowRoot.querySelector('.mg-tabs__navigation-button--active');
+      activeTab.dispatchEvent(new CustomEvent('focus', { bubbles: true }));
+      await page.waitForChanges();
+      expect(page.root).toMatchSnapshot();
+      activeTab.dispatchEvent(new KeyboardEvent('keydown', { key: key.next }));
+      await page.waitForChanges();
+      activeTab.dispatchEvent(new KeyboardEvent('keydown', { key: 'Tab' }));
+      await page.waitForChanges();
+      jest.runOnlyPendingTimers();
+      expect(spys[0]).toHaveBeenCalledTimes(2);
+      expect(spys[0]).toHaveBeenLastCalledWith('tabindex', '0');
+      expect(spys[1]).toHaveBeenCalledTimes(2);
+      expect(spys[1]).toHaveBeenLastCalledWith('tabindex', '-1');
+      expect(page.root).toMatchSnapshot();
+    });
+    test('should manage mixed navigation', async () => {
+      const page = await getPage({ label: 'Sample label', items: ['batman', 'joker'], identifier: 'id' }, createSlots());
+      expect(page.root).toMatchSnapshot();
+      const element = page.doc.querySelector('mg-tabs');
+      const spys = Array.from(element.shadowRoot.querySelectorAll('button')).map(button => jest.spyOn(button, 'setAttribute'));
+      const activeTab = element.shadowRoot.querySelector('.mg-tabs__navigation-button--active');
+      activeTab.dispatchEvent(new CustomEvent('focus', { bubbles: true }));
+      await page.waitForChanges();
+      expect(page.root).toMatchSnapshot();
+      activeTab.dispatchEvent(new KeyboardEvent('keydown', { key: key.next }));
+      await page.waitForChanges();
+      document.dispatchEvent(new MouseEvent('click', { bubbles: true }));
+      await page.waitForChanges();
+      jest.runOnlyPendingTimers();
+      expect(spys[0]).toHaveBeenCalledTimes(2);
+      expect(spys[0]).toHaveBeenLastCalledWith('tabindex', '0');
+      expect(spys[1]).toHaveBeenCalledTimes(2);
+      expect(spys[1]).toHaveBeenLastCalledWith('tabindex', '-1');
+      expect(page.root).toMatchSnapshot();
+    });
+  });
+});
+//# sourceMappingURL=mg-tabs.spec.js.map

package/dist/collection/components/molecules/mg-tabs/test/mg-tabs.spec.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"mg-tabs.spec.js","sourceRoot":"","sources":["../../../../../src/components/molecules/mg-tabs/test/mg-tabs.spec.tsx"],"names":[],"mappings":";;;;;;;AAAA,OAAO,EAAE,CAAC,EAAE,MAAM,eAAe,CAAC;AAClC,OAAO,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AACpD,OAAO,EAAE,MAAM,EAAE,MAAM,YAAY,CAAC;AACpC,OAAO,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,iBAAiB,CAAC;AAEhD,MAAM,OAAO,GAAG,CAAC,IAAI,EAAE,KAAM,EAAE,EAAE,CAC/B,WAAW,CAAC;EACV,UAAU,EAAE,CAAC,MAAM,CAAC;EACpB,QAAQ,EAAE,GAAG,EAAE,CAAC,+BAAa,IAAI,GAAG,KAAK,IAAI,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC,EAAE,CAAC,OAAO,IAAI,OAAO,EAAE,CAAC,CAAW;CACnG,CAAC,CAAC;AAEL,MAAM,WAAW,GAAG,CAAC,UAAU,GAAG,CAAC,EAAE,EAAE;EACrC,MAAM,KAAK,GAAG,EAAE,CAAC;EACjB,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,UAAU,GAAG,KAAK,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE;IAC9C,KAAK,CAAC,IAAI,CAAC,GAAG,EAAE,CAAC,WAAK,IAAI,EAAE,eAAe,CAAC,EAAE,IAAG,WAAW,CAAC,EAAE,CAAO,CAAC,CAAC;GACzE;EACD,OAAO,KAAK,CAAC;AACf,CAAC,CAAC;AAEF,MAAM,KAAK,GAAG,EAAE,KAAK,EAAE,CAAC,EAAE,KAAK,EAAE,UAAU,EAAE,CAAC;AAE9C,MAAM,GAAG,GAAG,EAAE,IAAI,EAAE,YAAY,EAAE,IAAI,EAAE,WAAW,EAAE,CAAC;AAEtD,QAAQ,CAAC,SAAS,EAAE,GAAG,EAAE;EACvB,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,UAAU,EAAE,IAAI,CAAC,EAAE;IACtC,IAAI,CAAC,IAAI,CAAC;MACR,CAAC,CAAC,QAAQ,EAAE,OAAO,EAAE,MAAM,CAAC,CAAC;MAC7B;QACE;UACE,EAAE,KAAK,EAAE,QAAQ,EAAE,IAAI,EAAE,OAAO,EAAE,KAAK,EAAE;UACzC,EAAE,KAAK,EAAE,OAAO,EAAE,IAAI,EAAE,OAAO,EAAE,KAAK,kCAAO,KAAK,KAAE,IAAI,EAAE,aAAa,GAAE,EAAE,MAAM,EAAE,MAAM,CAAC,QAAQ,EAAE;UACpG,EAAE,KAAK,EAAE,MAAM,EAAE,IAAI,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE;SAC/D;OACF;KACF,CAAC,CAAC,QAAQ,EAAE,KAAK,EAAC,KAAK,EAAC,EAAE;MACzB,MAAM,EAAE,IAAI,EAAE,GAAG,MAAM,OAAO,CAAC,EAAE,KAAK,EAAE,cAAc,EAAE,KAAK,EAAE,UAAU,EAAE,YAAY,EAAE,IAAI,EAAE,EAAE,WAAW,CAAC,CAAC,CAAC,CAAC,CAAC;MACjH,MAAM,CAAC,IAAI,CAAC,CAAC,eAAe,EAAE,CAAC;IACjC,CAAC,CAAC,CAAC;IAEH,IAAI,CAAC,8CAA8C,EAAE,KAAK,IAAI,EAAE;MAC9D,MAAM,EAAE,IAAI,EAAE,GAAG,MAAM,OAAO,CAAC,EAAE,KAAK,EAAE,cAAc,EAAE,KAAK,EAAE,CAAC,QAAQ,EAAE,OAAO,CAAC,EAAE,UAAU,EAAE,YAAY,EAAE,EAAE,CAAC,GAAG,WAAW,EAAE,EAAE,GAAG,EAAE,CAAC,+BAAwB,CAAC,CAAC,CAAC;MACpK,MAAM,CAAC,IAAI,CAAC,CAAC,eAAe,EAAE,CAAC;IACjC,CAAC,CAAC,CAAC;IAEH,IAAI,CAAC,IAAI,CAAC;MACR;QACE,KAAK,EAAE,CAAC,OAAO,EAAE,OAAO,EAAE,OAAO,CAAC;QAClC,SAAS,EAAE,CAAC;OACb;MACD;QACE,KAAK,EAAE,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,EAAE,EAAE,KAAK,EAAE,OAAO,EAAE,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,CAAC;OAC3F;MACD;QACE,KAAK,EAAE,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,EAAE,EAAE,KAAK,EAAE,OAAO,EAAE,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,CAAC;QACnE,SAAS,EAAE,CAAC;OACb;MACD;QACE,KAAK,EAAE,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,EAAE,EAAE,KAAK,EAAE,OAAO,EAAE,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,CAAC;QAC1F,SAAS,EAAE,CAAC;OACb;MACD;QACE,KAAK,EAAE,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,EAAE,EAAE,KAAK,EAAE,OAAO,EAAE,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,CAAC;QAC1F,SAAS,EAAE,CAAC;OACb;KACF,CAAC,CAAC,WAAW,IAAI,qCAAqC,EAAE,KAAK,EAAC,KAAK,EAAC,EAAE;MACrE,MAAM,EAAE,IAAI,EAAE,GAAG,MAAM,OAAO,iBAAG,KAAK,EAAE,cAAc,EAAE,UAAU,EAAE,YAAY,IAAK,KAAK,GAAI,WAAW,CAAC,CAAC,CAAC,CAAC,CAAC;MAC9G,MAAM,CAAC,IAAI,CAAC,CAAC,eAAe,EAAE,CAAC;IACjC,CAAC,CAAC,CAAC;EACL,CAAC,CAAC,CAAC;EAEH,QAAQ,CAAC,QAAQ,EAAE,GAAG,EAAE;IACtB,IAAI,CAAC,IAAI,CAAC,CAAC,EAAE,EAAE,GAAG,EAAE,SAAS,CAAC,CAAC,CAAC,oDAAoD,EAAE,KAAK,EAAC,KAAK,EAAC,EAAE;MAClG,MAAM,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC;MACrB,IAAI;QACF,MAAM,OAAO,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,CAAC,QAAQ,EAAE,OAAO,CAAC,EAAE,EAAE,WAAW,EAAE,CAAC,CAAC;OACrE;MAAC,OAAO,GAAG,EAAE;QACZ,MAAM,CAAC,GAAG,CAAC,OAAO,CAAC,CAAC,OAAO,CAAC,qCAAqC,CAAC,CAAC;OACpE;IACH,CAAC,CAAC,CAAC;IAEH,IAAI,CAAC,IAAI,CAAC;MACR,CAAC,SAAS,EAAE,QAAQ,CAAC;MACrB,CAAC,CAAC,QAAQ,EAAE,EAAE,MAAM,EAAE,QAAQ,EAAE,CAAC,CAAC;MAClC,CAAC,CAAC,IAAI,EAAE,KAAK,CAAC,CAAC;MACf,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC;MACX,CAAC,CAAC,IAAI,EAAE,CAAC,EAAE,QAAQ,CAAC,CAAC;MACrB,CAAC,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,IAAI,EAAE,QAAQ,EAAE,EAAE,EAAE,MAAM,EAAE,QAAQ,EAAE,CAAC,CAAC;MAC7D,CAAC,CAAC,EAAE,KAAK,EAAE,SAAS,EAAE,IAAI,EAAE,QAAQ,EAAE,EAAE,EAAE,KAAK,EAAE,QAAQ,EAAE,CAAC,CAAC;KAC9D,CAAC,CAAC,gDAAgD,EAAE,KAAK,EAAC,KAAK,EAAC,EAAE;MACjE,MAAM,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC;MACrB,IAAI;QACF,MAAM,OAAO,CAAC,EAAE,KAAK,EAAE,cAAc,EAAE,KAAK,EAAE,EAAE,WAAW,EAAE,CAAC,CAAC;OAChE;MAAC,OAAO,GAAG,EAAE;QACZ,MAAM,CAAC,GAAG,CAAC,OAAO,CAAC,CAAC,OAAO,CAAC,kFAAkF,CAAC,CAAC;OACjH;IACH,CAAC,CAAC,CAAC;IAEH,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,SAAS,EAAE,WAAW,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,0CAA0C,EAAE,KAAK,EAAC,KAAK,EAAC,EAAE;MAChJ,MAAM,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC;MACrB,IAAI;QACF,MAAM,OAAO,CAAC,EAAE,KAAK,EAAE,cAAc,EAAE,KAAK,EAAE,CAAC,OAAO,EAAE,OAAO,CAAC,EAAE,EAAE,KAAK,CAAC,CAAC;OAC5E;MAAC,OAAO,GAAG,EAAE;QACZ,MAAM,CAAC,GAAG,CAAC,OAAO,CAAC,CAAC,OAAO,CAAC,uDAAuD,CAAC,CAAC;OACtF;IACH,CAAC,CAAC,CAAC;IAEH,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,kDAAkD,EAAE,KAAK,EAAC,SAAS,EAAC,EAAE;MACtF,MAAM,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC;MACrB,IAAI;QACF,MAAM,OAAO,CAAC,EAAE,KAAK,EAAE,cAAc,EAAE,KAAK,EAAE,CAAC,OAAO,EAAE,OAAO,CAAC,EAAE,SAAS,EAAE,EAAE,WAAW,EAAE,CAAC,CAAC;OAC/F;MAAC,OAAO,GAAG,EAAE;QACZ,MAAM,CAAC,GAAG,CAAC,OAAO,CAAC,CAAC,OAAO,CAAC,+DAA+D,CAAC,CAAC;OAC9F;IACH,CAAC,CAAC,CAAC;IAEH,IAAI,CAAC,kDAAkD,EAAE,KAAK,IAAI,EAAE;MAClE,MAAM,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC;MACrB,IAAI;QACF,MAAM,OAAO,CAAC,EAAE,KAAK,EAAE,cAAc,EAAE,KAAK,EAAE,CAAC,OAAO,EAAE,OAAO,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAE,EAAE,WAAW,EAAE,CAAC,CAAC;OACpG;MAAC,OAAO,GAAG,EAAE;QACZ,MAAM,CAAC,GAAG,CAAC,OAAO,CAAC,CAAC,OAAO,CAAC,yCAAyC,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;OAC1F;IACH,CAAC,CAAC,CAAC;EACL,CAAC,CAAC,CAAC;EAEH,QAAQ,CAAC,YAAY,EAAE,GAAG,EAAE;IAC1B,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,QAAQ,EAAE,OAAO,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,EAAE,EAAE,KAAK,EAAE,OAAO,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,sCAAsC,EAAE,KAAK,EAAC,KAAK,EAAC,EAAE;MACpI,MAAM,IAAI,GAAG,MAAM,OAAO,CAAC,EAAE,KAAK,EAAE,cAAc,EAAE,KAAK,EAAE,UAAU,EAAE,IAAI,EAAE,EAAE,WAAW,EAAE,CAAC,CAAC;MAC9F,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,eAAe,EAAE,CAAC;MAEpC,MAAM,OAAO,GAAG,IAAI,CAAC,GAAG,CAAC,aAAa,CAAC,SAAS,CAAC,CAAC;MAClD,IAAI,SAAS,GAAG,OAAO,CAAC,UAAU,CAAC,aAAa,CAAC,qCAAqC,CAAC,CAAC;MACxF,MAAM,CAAC,SAAS,CAAC,CAAC,cAAc,CAAC,IAAI,EAAE,MAAM,CAAC,CAAC;MAE/C,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,YAAY,CAAC,eAAe,EAAE,MAAM,CAAC,CAAC;MAEtD,MAAM,OAAO,GAAG,OAAO,CAAC,UAAU,CAAC,cAAc,CAAC,MAAM,CAAC,CAAC;MAC1D,OAAO,CAAC,aAAa,CAAC,IAAI,UAAU,CAAC,OAAO,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC,CAAC,CAAC;MAClE,MAAM,IAAI,CAAC,cAAc,EAAE,CAAC;MAE5B,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,eAAe,EAAE,CAAC;MACpC,MAAM,CAAC,IAAI,CAAC,YAAY,CAAC,eAAe,CAAC,IAAI,CAAC,CAAC,oBAAoB,CAAC,CAAC,CAAC,CAAC;MAEvE,SAAS,GAAG,OAAO,CAAC,UAAU,CAAC,aAAa,CAAC,qCAAqC,CAAC,CAAC;MACpF,MAAM,CAAC,SAAS,CAAC,CAAC,cAAc,CAAC,IAAI,EAAE,MAAM,CAAC,CAAC;IACjD,CAAC,CAAC,CAAC;IAEH,IAAI,CAAC,IAAI,CAAC,CAAC,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,QAAQ,CAAC,CAAC,CAAC,4CAA4C,EAAE,KAAK,EAAC,MAAM,EAAC,EAAE;MACvG,MAAM,IAAI,GAAG,MAAM,OAAO,CAAC,EAAE,KAAK,EAAE,cAAc,EAAE,KAAK,EAAE,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,EAAE,EAAE,KAAK,EAAE,OAAO,EAAE,MAAM,EAAE,CAAC,EAAE,UAAU,EAAE,IAAI,EAAE,EAAE,WAAW,EAAE,CAAC,CAAC;MACjJ,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,eAAe,EAAE,CAAC;MAEpC,MAAM,OAAO,GAAG,IAAI,CAAC,GAAG,CAAC,aAAa,CAAC,SAAS,CAAC,CAAC;MAClD,IAAI,SAAS,GAAG,OAAO,CAAC,UAAU,CAAC,aAAa,CAAC,qCAAqC,CAAC,CAAC;MACxF,MAAM,CAAC,SAAS,CAAC,CAAC,cAAc,CAAC,IAAI,EAAE,MAAM,CAAC,CAAC;MAE/C,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,YAAY,CAAC,eAAe,EAAE,MAAM,CAAC,CAAC;MAEtD,MAAM,OAAO,GAAG,OAAO,CAAC,UAAU,CAAC,cAAc,CAAC,MAAM,CAAC,CAAC;MAC1D,OAAO,CAAC,aAAa,CAAC,IAAI,UAAU,CAAC,OAAO,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC,CAAC,CAAC;MAClE,MAAM,IAAI,CAAC,cAAc,EAAE,CAAC;MAE5B,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,eAAe,EAAE,CAAC;MACpC,MAAM,CAAC,IAAI,CAAC,YAAY,CAAC,eAAe,CAAC,IAAI,CAAC,CAAC,GAAG,CAAC,gBAAgB,EAAE,CAAC;MAEtE,SAAS,GAAG,OAAO,CAAC,UAAU,CAAC,aAAa,CAAC,qCAAqC,CAAC,CAAC;MACpF,MAAM,CAAC,SAAS,CAAC,CAAC,cAAc,CAAC,IAAI,EAAE,MAAM,CAAC,CAAC;IACjD,CAAC,CAAC,CAAC;IAEH,IAAI,CAAC,yCAAyC,EAAE,KAAK,IAAI,EAAE;;MACzD,MAAM,IAAI,GAAG,MAAM,OAAO,CAAC,EAAE,KAAK,EAAE,cAAc,EAAE,KAAK,EAAE,CAAC,QAAQ,EAAE,OAAO,CAAC,EAAE,UAAU,EAAE,IAAI,EAAE,EAAE,WAAW,EAAE,CAAC,CAAC;MACnH,MAAM,kBAAkB,GAAG,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,YAAY,CAAC,eAAe,EAAE,MAAM,CAAC,CAAC;MACjF,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,eAAe,EAAE,CAAC;MAEpC,MAAM,OAAO,GAAG,IAAI,CAAC,GAAG,CAAC,aAAa,CAAC,SAAS,CAAC,CAAC;MAClD,MAAM,OAAO,GAAG,KAAK,CAAC,IAAI,CAAC,OAAO,CAAC,UAAU,CAAC,gBAAgB,CAAC,QAAQ,CAAC,CAAC,CAAC;MAC1E,OAAO,CAAC,OAAO,CAAC,MAAM,CAAC,EAAE;QACvB,MAAM,CAAC,KAAK,GAAG,IAAI,CAAC,EAAE,EAAE,CAAC;MAC3B,CAAC,CAAC,CAAC;MAEH,IAAI,SAAS,GAAgB,OAAO,CAAC,UAAU,CAAC,aAAa,CAAC,qCAAqC,CAAC,CAAC;MACrG,SAAS,CAAC,aAAa,CAAC,IAAI,WAAW,CAAC,OAAO,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC,CAAC,CAAC;MAErE,MAAM,IAAI,CAAC,cAAc,EAAE,CAAC;MAC5B,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,eAAe,EAAE,CAAC;;QAEpC,KAA2B,eAAA,KAAA,cAAA;UACzB,EAAE,GAAG,EAAE,GAAG,CAAC,IAAI,EAAE,IAAI,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,EAAE;UACjC,EAAE,GAAG,EAAE,GAAG,CAAC,IAAI,EAAE,IAAI,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,EAAE;UACjC,EAAE,GAAG,EAAE,GAAG,CAAC,IAAI,EAAE,IAAI,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,EAAE;UACjC,EAAE,GAAG,EAAE,GAAG,CAAC,IAAI,EAAE,IAAI,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,EAAE;SAClC,CAAA,IAAA,sDAAE;UALwB,cAK1B;UAL0B,WAK1B;UALU,MAAM,MAAM,KAAA,CAAA;UAMrB,OAAO,CAAC,UAAU,CAAC,aAAa,CAAC,gBAAgB,MAAM,CAAC,IAAI,GAAG,CAAC,IAAI,CAAC,CAAC,aAAa,CAAC,IAAI,aAAa,CAAC,SAAS,EAAE,EAAE,GAAG,EAAE,MAAM,CAAC,GAAG,EAAE,CAAC,CAAC,CAAC;UACvI,MAAM,IAAI,CAAC,cAAc,EAAE,CAAC;UAE5B,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,eAAe,EAAE,CAAC;UAEpC,SAAS,GAAG,OAAO,CAAC,UAAU,CAAC,aAAa,CAAC,qCAAqC,CAAC,CAAC;UACpF,MAAM,CAAC,SAAS,CAAC,CAAC,cAAc,CAAC,IAAI,EAAE,MAAM,CAAC,CAAC;UAC/C,MAAM,CAAC,OAAO,CAAC,MAAM,CAAC,EAAE,CAAC,CAAC,KAAK,CAAC,CAAC,qBAAqB,CAAC,MAAM,CAAC,GAAG,KAAK,GAAG,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;UACxF,MAAM,CAAC,kBAAkB,CAAC,CAAC,GAAG,CAAC,gBAAgB,EAAE,CAAC;SACnD;;;;;;;;;IACH,CAAC,CAAC,CAAC;IAEH,IAAI,CAAC,IAAI,CAAC,CAAC,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,QAAQ,CAAC,CAAC,CAAC,iDAAiD,EAAE,KAAK,EAAC,MAAM,EAAC,EAAE;;MAC5G,MAAM,IAAI,GAAG,MAAM,OAAO,CAAC,EAAE,KAAK,EAAE,cAAc,EAAE,KAAK,EAAE,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,EAAE,EAAE,KAAK,EAAE,OAAO,EAAE,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,CAAC,EAAE,UAAU,EAAE,IAAI,EAAE,EAAE,WAAW,CAAC,CAAC,CAAC,CAAC,CAAC;MACrK,MAAM,kBAAkB,GAAG,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,YAAY,CAAC,eAAe,EAAE,MAAM,CAAC,CAAC;MACjF,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,eAAe,EAAE,CAAC;MAEpC,MAAM,OAAO,GAAG,IAAI,CAAC,GAAG,CAAC,aAAa,CAAC,SAAS,CAAC,CAAC;MAClD,MAAM,OAAO,GAAG,KAAK,CAAC,IAAI,CAAC,OAAO,CAAC,UAAU,CAAC,gBAAgB,CAAC,QAAQ,CAAC,CAAC,CAAC;MAC1E,OAAO,CAAC,OAAO,CAAC,MAAM,CAAC,EAAE;QACvB,MAAM,CAAC,KAAK,GAAG,IAAI,CAAC,EAAE,EAAE,CAAC;MAC3B,CAAC,CAAC,CAAC;MAEH,IAAI,SAAS,GAAgB,OAAO,CAAC,UAAU,CAAC,aAAa,CAAC,qCAAqC,CAAC,CAAC;MAErG,SAAS,CAAC,aAAa,CAAC,IAAI,WAAW,CAAC,OAAO,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC,CAAC,CAAC;MACrE,MAAM,IAAI,CAAC,cAAc,EAAE,CAAC;MAC5B,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,eAAe,EAAE,CAAC;MAEpC,MAAM,IAAI,CAAC,cAAc,EAAE,CAAC;;QAE5B,KAA4B,eAAA,KAAA,cAAA;UAC1B;YACE,EAAE,GAAG,EAAE,GAAG,CAAC,IAAI,EAAE,IAAI,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,EAAE;YACjC,EAAE,GAAG,EAAE,GAAG,CAAC,IAAI,EAAE,IAAI,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,EAAE;WAClC;UACD,CAAC,EAAE,GAAG,EAAE,GAAG,CAAC,IAAI,EAAE,IAAI,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,EAAE,CAAC;SACpC,CAAA,IAAA,sDAAE;UANyB,cAM3B;UAN2B,WAM3B;UANU,MAAM,OAAO,KAAA,CAAA;;YAOtB,KAA2B,eAAA,2BAAA,cAAA,OAAO,CAAA,CAAA,aAAA,+EAAE;cAAT,uBAAO;cAAP,WAAO;cAAvB,MAAM,MAAM,KAAA,CAAA;cACrB,OAAO,CAAC,UAAU,CAAC,aAAa,CAAC,gBAAgB,MAAM,CAAC,IAAI,GAAG,CAAC,IAAI,CAAC,CAAC,aAAa,CAAC,IAAI,aAAa,CAAC,SAAS,EAAE,EAAE,GAAG,EAAE,MAAM,CAAC,GAAG,EAAE,CAAC,CAAC,CAAC;cACvI,MAAM,IAAI,CAAC,cAAc,EAAE,CAAC;cAE5B,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,eAAe,EAAE,CAAC;cAEpC,SAAS,GAAG,OAAO,CAAC,UAAU,CAAC,aAAa,CAAC,qCAAqC,CAAC,CAAC;cACpF,MAAM,CAAC,SAAS,CAAC,CAAC,cAAc,CAAC,IAAI,EAAE,MAAM,CAAC,CAAC;cAC/C,IAAI,MAAM,CAAC,EAAE,KAAK,CAAC,EAAE;gBACnB,MAAM,MAAM,GAAG,OAAO,CAAC,MAAM,CAAC,GAAG,KAAK,GAAG,CAAC,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,IAAI,GAAG,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,IAAI,GAAG,CAAC,CAAC,CAAC;gBACpF,IAAI,MAAM,KAAK,MAAM,CAAC,MAAM,EAAE;kBAC5B,MAAM,CAAC,OAAO,CAAC,MAAM,CAAC,EAAE,CAAC,CAAC,KAAK,CAAC,CAAC,GAAG,CAAC,gBAAgB,EAAE,CAAC;kBACxD,MAAM,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,qBAAqB,CAAC,MAAM,CAAC,GAAG,KAAK,GAAG,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;iBAC7E;qBAAM;kBACL,MAAM,CAAC,OAAO,CAAC,MAAM,CAAC,EAAE,CAAC,CAAC,KAAK,CAAC,CAAC,qBAAqB,CAAC,MAAM,CAAC,GAAG,KAAK,GAAG,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;kBACxF,IAAI,MAAM,CAAC,GAAG,KAAK,GAAG,CAAC,IAAI,EAAE;oBAC3B,MAAM,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,GAAG,CAAC,gBAAgB,EAAE,CAAC;mBAC7C;uBAAM;oBACL,MAAM,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,qBAAqB,CAAC,CAAC,CAAC,CAAC;mBAC/C;iBACF;eACF;mBAAM;gBACL,MAAM,CAAC,OAAO,CAAC,MAAM,CAAC,EAAE,CAAC,CAAC,KAAK,CAAC,CAAC,qBAAqB,CAAC,CAAC,CAAC,CAAC;eAC3D;cACD,MAAM,CAAC,kBAAkB,CAAC,CAAC,GAAG,CAAC,gBAAgB,EAAE,CAAC;aACnD;;;;;;;;;SACF;;;;;;;;;IACH,CAAC,CAAC,CAAC;IAEH,IAAI,CAAC,uBAAuB,EAAE,KAAK,IAAI,EAAE;MACvC,MAAM,IAAI,GAAG,MAAM,OAAO,CAAC,EAAE,KAAK,EAAE,cAAc,EAAE,KAAK,EAAE,CAAC,QAAQ,EAAE,OAAO,CAAC,EAAE,UAAU,EAAE,IAAI,EAAE,EAAE,WAAW,EAAE,CAAC,CAAC;MACnH,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,eAAe,EAAE,CAAC;MAEpC,MAAM,OAAO,GAAG,IAAI,CAAC,GAAG,CAAC,aAAa,CAAC,SAAS,CAAC,CAAC;MAClD,MAAM,IAAI,GAAG,KAAK,CAAC,IAAI,CAAC,OAAO,CAAC,UAAU,CAAC,gBAAgB,CAAC,QAAQ,CAAC,CAAC,CAAC,GAAG,CAAC,MAAM,CAAC,EAAE,CAAC,IAAI,CAAC,KAAK,CAAC,MAAM,EAAE,cAAc,CAAC,CAAC,CAAC;MAEzH,MAAM,SAAS,GAAgB,OAAO,CAAC,UAAU,CAAC,aAAa,CAAC,qCAAqC,CAAC,CAAC;MAEvG,SAAS,CAAC,aAAa,CAAC,IAAI,WAAW,CAAC,OAAO,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC,CAAC,CAAC;MACrE,MAAM,IAAI,CAAC,cAAc,EAAE,CAAC;MAE5B,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,eAAe,EAAE,CAAC;MAEpC,SAAS,CAAC,aAAa,CAAC,IAAI,aAAa,CAAC,SAAS,EAAE,EAAE,GAAG,EAAE,GAAG,CAAC,IAAI,EAAE,CAAC,CAAC,CAAC;MACzE,MAAM,IAAI,CAAC,cAAc,EAAE,CAAC;MAE5B,SAAS,CAAC,aAAa,CAAC,IAAI,aAAa,CAAC,SAAS,EAAE,EAAE,GAAG,EAAE,KAAK,EAAE,CAAC,CAAC,CAAC;MACtE,MAAM,IAAI,CAAC,cAAc,EAAE,CAAC;MAC5B,IAAI,CAAC,oBAAoB,EAAE,CAAC;MAE5B,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,qBAAqB,CAAC,CAAC,CAAC,CAAC;MACzC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,wBAAwB,CAAC,UAAU,EAAE,GAAG,CAAC,CAAC;MAC1D,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,qBAAqB,CAAC,CAAC,CAAC,CAAC;MACzC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,wBAAwB,CAAC,UAAU,EAAE,IAAI,CAAC,CAAC;MAE3D,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,eAAe,EAAE,CAAC;IACtC,CAAC,CAAC,CAAC;IAEH,IAAI,CAAC,gCAAgC,EAAE,KAAK,IAAI,EAAE;MAChD,MAAM,IAAI,GAAG,MAAM,OAAO,CAAC,EAAE,KAAK,EAAE,cAAc,EAAE,KAAK,EAAE,CAAC,QAAQ,EAAE,OAAO,CAAC,EAAE,UAAU,EAAE,IAAI,EAAE,EAAE,WAAW,EAAE,CAAC,CAAC;MACnH,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,eAAe,EAAE,CAAC;MAEpC,MAAM,OAAO,GAAG,IAAI,CAAC,GAAG,CAAC,aAAa,CAAC,SAAS,CAAC,CAAC;MAClD,MAAM,IAAI,GAAG,KAAK,CAAC,IAAI,CAAC,OAAO,CAAC,UAAU,CAAC,gBAAgB,CAAC,QAAQ,CAAC,CAAC,CAAC,GAAG,CAAC,MAAM,CAAC,EAAE,CAAC,IAAI,CAAC,KAAK,CAAC,MAAM,EAAE,cAAc,CAAC,CAAC,CAAC;MAEzH,MAAM,SAAS,GAAgB,OAAO,CAAC,UAAU,CAAC,aAAa,CAAC,qCAAqC,CAAC,CAAC;MAEvG,SAAS,CAAC,aAAa,CAAC,IAAI,WAAW,CAAC,OAAO,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC,CAAC,CAAC;MACrE,MAAM,IAAI,CAAC,cAAc,EAAE,CAAC;MAE5B,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,eAAe,EAAE,CAAC;MAEpC,SAAS,CAAC,aAAa,CAAC,IAAI,aAAa,CAAC,SAAS,EAAE,EAAE,GAAG,EAAE,GAAG,CAAC,IAAI,EAAE,CAAC,CAAC,CAAC;MACzE,MAAM,IAAI,CAAC,cAAc,EAAE,CAAC;MAE5B,QAAQ,CAAC,aAAa,CAAC,IAAI,UAAU,CAAC,OAAO,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC,CAAC,CAAC;MACnE,MAAM,IAAI,CAAC,cAAc,EAAE,CAAC;MAC5B,IAAI,CAAC,oBAAoB,EAAE,CAAC;MAE5B,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,qBAAqB,CAAC,CAAC,CAAC,CAAC;MACzC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,wBAAwB,CAAC,UAAU,EAAE,GAAG,CAAC,CAAC;MAC1D,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,qBAAqB,CAAC,CAAC,CAAC,CAAC;MACzC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,wBAAwB,CAAC,UAAU,EAAE,IAAI,CAAC,CAAC;MAE3D,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,eAAe,EAAE,CAAC;IACtC,CAAC,CAAC,CAAC;EACL,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC","sourcesContent":["import { h } from '@stencil/core';\nimport { newSpecPage } from '@stencil/core/testing';\nimport { MgTabs } from '../mg-tabs';\nimport { sizes, Status } from '../mg-tabs.conf';\n\nconst getPage = (args, slots?) =>\n  newSpecPage({\n    components: [MgTabs],\n    template: () => <mg-tabs {...args}>{slots && slots.map(content => content && content())}</mg-tabs>,\n  });\n\nconst createSlots = (slotNumber = 2) => {\n  const slots = [];\n  for (let i = 1; slotNumber > slots.length; i++) {\n    slots.push(() => <div slot={`tab_content-${i}`}>{`Content ${i}`}</div>);\n  }\n  return slots;\n};\n\nconst badge = { value: 2, label: 'messages' };\n\nconst key = { next: 'ArrowRight', prev: 'ArrowLeft' };\n\ndescribe('mg-tabs', () => {\n  describe.each(sizes)('template', size => {\n    test.each([\n      [['Batman', 'Joker', 'Bane']],\n      [\n        [\n          { label: 'Batman', icon: 'check', badge },\n          { label: 'Joker', icon: 'cross', badge: { ...badge, role: 'information' }, status: Status.DISABLED },\n          { label: 'Bane', icon: 'trash', badge, status: Status.HIDDEN },\n        ],\n      ],\n    ])('render', async items => {\n      const { root } = await getPage({ label: 'Sample label', items, identifier: 'identifier', size }, createSlots(3));\n      expect(root).toMatchSnapshot();\n    });\n\n    test('display only slots with name \"tab_content-*\"', async () => {\n      const { root } = await getPage({ label: 'Sample label', items: ['Batman', 'Joker'], identifier: 'identifier' }, [...createSlots(), () => <div>dummy content</div>]);\n      expect(root).toMatchSnapshot();\n    });\n\n    test.each([\n      {\n        items: ['Tab 1', 'Tab 2', 'Tab 3'],\n        activeTab: 2,\n      },\n      {\n        items: [{ label: 'Batman' }, { label: 'Joker', status: Status.ACTIVE }, { label: 'Bane' }],\n      },\n      {\n        items: [{ label: 'Batman' }, { label: 'Joker' }, { label: 'Bane' }],\n        activeTab: 2,\n      },\n      {\n        items: [{ label: 'Batman' }, { label: 'Joker', status: Status.ACTIVE }, { label: 'Bane' }],\n        activeTab: 2,\n      },\n      {\n        items: [{ label: 'Batman' }, { label: 'Joker', status: Status.ACTIVE }, { label: 'Bane' }],\n        activeTab: 3,\n      },\n    ])(`display ${size} tabs with activeProps set by props`, async props => {\n      const { root } = await getPage({ label: 'Sample label', identifier: 'identifier', ...props }, createSlots(3));\n      expect(root).toMatchSnapshot();\n    });\n  });\n\n  describe('errors', () => {\n    test.each(['', ' ', undefined])('Should throw error with invalid label property: %s', async label => {\n      expect.assertions(1);\n      try {\n        await getPage({ label, items: ['Batman', 'Joker'] }, createSlots());\n      } catch (err) {\n        expect(err.message).toMatch('<mg-tabs> prop \"label\" is required.');\n      }\n    });\n\n    test.each([\n      [undefined, 'batman'],\n      [['batman', { batman: 'batman' }]],\n      [[true, false]],\n      [[1, 2, 3]],\n      [[true, 1, 'batman']],\n      [[{ label: 'batman', icon: 'batman' }, { batman: 'batman' }]],\n      [[{ label: undefined, icon: 'batman' }, { label: 'batman' }]],\n    ])('Should throw error with invalid items property', async items => {\n      expect.assertions(1);\n      try {\n        await getPage({ label: 'Sample label', items }, createSlots());\n      } catch (err) {\n        expect(err.message).toMatch('<mg-tabs> prop \"items\" is required and all items must be the same type: TabItem.');\n      }\n    });\n\n    test.each([[[]], [createSlots(1)], [[undefined, createSlots(2)[1]], [createSlots(3)]]])('should trown an error with invalid slots', async slots => {\n      expect.assertions(1);\n      try {\n        await getPage({ label: 'Sample label', items: ['Tab 1', 'Tab 2'] }, slots);\n      } catch (err) {\n        expect(err.message).toMatch('<mg-tabs> Must have slots counts equal to tabs count.');\n      }\n    });\n\n    test.each([0, 3])('should trown an error with invalid tabItem props', async activeTab => {\n      expect.assertions(1);\n      try {\n        await getPage({ label: 'Sample label', items: ['Tab 1', 'Tab 2'], activeTab }, createSlots());\n      } catch (err) {\n        expect(err.message).toMatch('<mg-tabs> prop \"activeTab\" must be between 1 and tabs length.');\n      }\n    });\n\n    test('should trown an error with invalid tabItem props', async () => {\n      expect.assertions(1);\n      try {\n        await getPage({ label: 'Sample label', items: ['Tab 1', 'Tab 2'], size: 'batman' }, createSlots());\n      } catch (err) {\n        expect(err.message).toMatch(`<mg-tabs> prop \"size\" must be one of: ${sizes.join(', ')}`);\n      }\n    });\n  });\n\n  describe('navigation', () => {\n    test.each([[['batman', 'joker']], [[{ label: 'Batman' }, { label: 'Joker' }]]])('should go to next tab on click event', async items => {\n      const page = await getPage({ label: 'Sample label', items, identifier: 'id' }, createSlots());\n      expect(page.root).toMatchSnapshot();\n\n      const element = page.doc.querySelector('mg-tabs');\n      let activeTab = element.shadowRoot.querySelector('.mg-tabs__navigation-button--active');\n      expect(activeTab).toHaveProperty('id', 'id-1');\n\n      jest.spyOn(page.rootInstance.activeTabChange, 'emit');\n\n      const nextTab = element.shadowRoot.getElementById('id-2');\n      nextTab.dispatchEvent(new MouseEvent('click', { bubbles: true }));\n      await page.waitForChanges();\n\n      expect(page.root).toMatchSnapshot();\n      expect(page.rootInstance.activeTabChange.emit).toHaveBeenCalledWith(2);\n\n      activeTab = element.shadowRoot.querySelector('.mg-tabs__navigation-button--active');\n      expect(activeTab).toHaveProperty('id', 'id-2');\n    });\n\n    test.each([Status.HIDDEN, Status.DISABLED])('should prevent click on tab with status %s', async status => {\n      const page = await getPage({ label: 'Sample label', items: [{ label: 'Batman' }, { label: 'Joker', status }], identifier: 'id' }, createSlots());\n      expect(page.root).toMatchSnapshot();\n\n      const element = page.doc.querySelector('mg-tabs');\n      let activeTab = element.shadowRoot.querySelector('.mg-tabs__navigation-button--active');\n      expect(activeTab).toHaveProperty('id', 'id-1');\n\n      jest.spyOn(page.rootInstance.activeTabChange, 'emit');\n\n      const nextTab = element.shadowRoot.getElementById('id-2');\n      nextTab.dispatchEvent(new MouseEvent('click', { bubbles: true }));\n      await page.waitForChanges();\n\n      expect(page.root).toMatchSnapshot();\n      expect(page.rootInstance.activeTabChange.emit).not.toHaveBeenCalled();\n\n      activeTab = element.shadowRoot.querySelector('.mg-tabs__navigation-button--active');\n      expect(activeTab).toHaveProperty('id', 'id-1');\n    });\n\n    test('should go to next tab on keyboard event', async () => {\n      const page = await getPage({ label: 'Sample label', items: ['batman', 'joker'], identifier: 'id' }, createSlots());\n      const activeTabChangeSpy = jest.spyOn(page.rootInstance.activeTabChange, 'emit');\n      expect(page.root).toMatchSnapshot();\n\n      const element = page.doc.querySelector('mg-tabs');\n      const buttons = Array.from(element.shadowRoot.querySelectorAll('button'));\n      buttons.forEach(button => {\n        button.focus = jest.fn();\n      });\n\n      let activeTab: HTMLElement = element.shadowRoot.querySelector('.mg-tabs__navigation-button--active');\n      activeTab.dispatchEvent(new CustomEvent('focus', { bubbles: true }));\n\n      await page.waitForChanges();\n      expect(page.root).toMatchSnapshot();\n\n      for await (const action of [\n        { key: key.next, from: 0, to: 1 },\n        { key: key.next, from: 1, to: 0 },\n        { key: key.prev, from: 0, to: 1 },\n        { key: key.prev, from: 1, to: 0 },\n      ]) {\n        element.shadowRoot.querySelector(`[data-index=\"${action.from + 1}\"]`).dispatchEvent(new KeyboardEvent('keydown', { key: action.key }));\n        await page.waitForChanges();\n\n        expect(page.root).toMatchSnapshot();\n\n        activeTab = element.shadowRoot.querySelector('.mg-tabs__navigation-button--active');\n        expect(activeTab).toHaveProperty('id', 'id-1');\n        expect(buttons[action.to].focus).toHaveBeenCalledTimes(action.key === key.next ? 1 : 2);\n        expect(activeTabChangeSpy).not.toHaveBeenCalled();\n      }\n    });\n\n    test.each([Status.HIDDEN, Status.DISABLED])('should go to next VISIBLE tab on keyboard event', async status => {\n      const page = await getPage({ label: 'Sample label', items: [{ label: 'Batman' }, { label: 'Joker' }, { label: 'Bane', status }], identifier: 'id' }, createSlots(3));\n      const activeTabChangeSpy = jest.spyOn(page.rootInstance.activeTabChange, 'emit');\n      expect(page.root).toMatchSnapshot();\n\n      const element = page.doc.querySelector('mg-tabs');\n      const buttons = Array.from(element.shadowRoot.querySelectorAll('button'));\n      buttons.forEach(button => {\n        button.focus = jest.fn();\n      });\n\n      let activeTab: HTMLElement = element.shadowRoot.querySelector('.mg-tabs__navigation-button--active');\n\n      activeTab.dispatchEvent(new CustomEvent('focus', { bubbles: true }));\n      await page.waitForChanges();\n      expect(page.root).toMatchSnapshot();\n\n      await page.waitForChanges();\n\n      for await (const actions of [\n        [\n          { key: key.next, from: 0, to: 1 },\n          { key: key.next, from: 1, to: 2 },\n        ],\n        [{ key: key.prev, from: 0, to: 2 }],\n      ]) {\n        for await (const action of actions) {\n          element.shadowRoot.querySelector(`[data-index=\"${action.from + 1}\"]`).dispatchEvent(new KeyboardEvent('keydown', { key: action.key }));\n          await page.waitForChanges();\n\n          expect(page.root).toMatchSnapshot();\n\n          activeTab = element.shadowRoot.querySelector('.mg-tabs__navigation-button--active');\n          expect(activeTab).toHaveProperty('id', 'id-1');\n          if (action.to === 2) {\n            const button = buttons[action.key === key.next ? action.from - 1 : action.from + 1];\n            if (status === Status.HIDDEN) {\n              expect(buttons[action.to].focus).not.toHaveBeenCalled();\n              expect(button.focus).toHaveBeenCalledTimes(action.key === key.next ? 1 : 2);\n            } else {\n              expect(buttons[action.to].focus).toHaveBeenCalledTimes(action.key === key.next ? 1 : 2);\n              if (action.key === key.next) {\n                expect(button.focus).not.toHaveBeenCalled();\n              } else {\n                expect(button.focus).toHaveBeenCalledTimes(1);\n              }\n            }\n          } else {\n            expect(buttons[action.to].focus).toHaveBeenCalledTimes(1);\n          }\n          expect(activeTabChangeSpy).not.toHaveBeenCalled();\n        }\n      }\n    });\n\n    test('should manage Tab key', async () => {\n      const page = await getPage({ label: 'Sample label', items: ['batman', 'joker'], identifier: 'id' }, createSlots());\n      expect(page.root).toMatchSnapshot();\n\n      const element = page.doc.querySelector('mg-tabs');\n      const spys = Array.from(element.shadowRoot.querySelectorAll('button')).map(button => jest.spyOn(button, 'setAttribute'));\n\n      const activeTab: HTMLElement = element.shadowRoot.querySelector('.mg-tabs__navigation-button--active');\n\n      activeTab.dispatchEvent(new CustomEvent('focus', { bubbles: true }));\n      await page.waitForChanges();\n\n      expect(page.root).toMatchSnapshot();\n\n      activeTab.dispatchEvent(new KeyboardEvent('keydown', { key: key.next }));\n      await page.waitForChanges();\n\n      activeTab.dispatchEvent(new KeyboardEvent('keydown', { key: 'Tab' }));\n      await page.waitForChanges();\n      jest.runOnlyPendingTimers();\n\n      expect(spys[0]).toHaveBeenCalledTimes(2);\n      expect(spys[0]).toHaveBeenLastCalledWith('tabindex', '0');\n      expect(spys[1]).toHaveBeenCalledTimes(2);\n      expect(spys[1]).toHaveBeenLastCalledWith('tabindex', '-1');\n\n      expect(page.root).toMatchSnapshot();\n    });\n\n    test('should manage mixed navigation', async () => {\n      const page = await getPage({ label: 'Sample label', items: ['batman', 'joker'], identifier: 'id' }, createSlots());\n      expect(page.root).toMatchSnapshot();\n\n      const element = page.doc.querySelector('mg-tabs');\n      const spys = Array.from(element.shadowRoot.querySelectorAll('button')).map(button => jest.spyOn(button, 'setAttribute'));\n\n      const activeTab: HTMLElement = element.shadowRoot.querySelector('.mg-tabs__navigation-button--active');\n\n      activeTab.dispatchEvent(new CustomEvent('focus', { bubbles: true }));\n      await page.waitForChanges();\n\n      expect(page.root).toMatchSnapshot();\n\n      activeTab.dispatchEvent(new KeyboardEvent('keydown', { key: key.next }));\n      await page.waitForChanges();\n\n      document.dispatchEvent(new MouseEvent('click', { bubbles: true }));\n      await page.waitForChanges();\n      jest.runOnlyPendingTimers();\n\n      expect(spys[0]).toHaveBeenCalledTimes(2);\n      expect(spys[0]).toHaveBeenLastCalledWith('tabindex', '0');\n      expect(spys[1]).toHaveBeenCalledTimes(2);\n      expect(spys[1]).toHaveBeenLastCalledWith('tabindex', '-1');\n\n      expect(page.root).toMatchSnapshot();\n    });\n  });\n});\n"]}

package/dist/collection/index.js

@@ -1 +1,2 @@
 export {};
+//# sourceMappingURL=index.js.map

package/dist/collection/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"","sourcesContent":["export { Components, JSX } from './components';\n"]}

package/dist/collection/locales/index.js

@@ -1,6 +1,6 @@
-import en from './en/messages.json';
-import fr from './fr/messages.json';
-import { getLocaleMessages } from '../utils/locale.utils';
+import en from "./en/messages.json";
+import fr from "./fr/messages.json";
+import { getLocaleMessages } from "../utils/locale.utils";
 const defaultLocale = 'en';
 const messages = { en, fr };
 /**
@@ -9,3 +9,4 @@ const messages = { en, fr };
  * @returns messages object
  */
 export const initLocales = (element) => getLocaleMessages(element, messages, defaultLocale);
+//# sourceMappingURL=index.js.map

package/dist/collection/locales/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/locales/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,oBAAoB,CAAC;AACpC,OAAO,EAAE,MAAM,oBAAoB,CAAC;AACpC,OAAO,EAAE,iBAAiB,EAAE,MAAM,uBAAuB,CAAC;AAE1D,MAAM,aAAa,GAAG,IAAI,CAAC;AAC3B,MAAM,QAAQ,GAAG,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC;AAE5B;;;;GAIG;AACH,MAAM,CAAC,MAAM,WAAW,GAAG,CAAC,OAAoB,EAAyD,EAAE,CAAC,iBAAiB,CAAC,OAAO,EAAE,QAAQ,EAAE,aAAa,CAAC,CAAC","sourcesContent":["import en from './en/messages.json';\nimport fr from './fr/messages.json';\nimport { getLocaleMessages } from '../utils/locale.utils';\n\nconst defaultLocale = 'en';\nconst messages = { en, fr };\n\n/**\n * Get Intl object\n * @param element - element we need to get the language\n * @returns messages object\n */\nexport const initLocales = (element: HTMLElement): { locale: string; messages: Record<string, unknown> } => getLocaleMessages(element, messages, defaultLocale);\n"]}

package/dist/collection/locales/index.spec.js

@@ -0,0 +1,27 @@
+import { initLocales } from ".";
+import messagesEn from "./en/messages.json";
+import messagesFr from "./fr/messages.json";
+describe('locales', () => {
+  describe('initLocales', () => {
+    test('Should return default locale', () => {
+      const locales = initLocales(document.createElement('div'));
+      expect(locales.locale).toEqual('en');
+      expect(locales.messages).toMatchObject(messagesEn);
+    });
+    test('Should return matching locale', () => {
+      const div = document.createElement('div');
+      div.lang = 'fr-FR';
+      const locales = initLocales(div);
+      expect(locales.locale).toEqual(div.lang);
+      expect(locales.messages).toMatchObject(messagesFr);
+    });
+    test('Should return default locale messages when requested does not exist', () => {
+      const div = document.createElement('div');
+      div.lang = 'ca';
+      const locales = initLocales(div);
+      expect(locales.locale).toEqual(div.lang);
+      expect(locales.messages).toMatchObject(messagesEn);
+    });
+  });
+});
+//# sourceMappingURL=index.spec.js.map

package/dist/collection/locales/index.spec.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.spec.js","sourceRoot":"","sources":["../../src/locales/index.spec.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,GAAG,CAAC;AAChC,OAAO,UAAU,MAAM,oBAAoB,CAAC;AAC5C,OAAO,UAAU,MAAM,oBAAoB,CAAC;AAE5C,QAAQ,CAAC,SAAS,EAAE,GAAG,EAAE;EACvB,QAAQ,CAAC,aAAa,EAAE,GAAG,EAAE;IAC3B,IAAI,CAAC,8BAA8B,EAAE,GAAG,EAAE;MACxC,MAAM,OAAO,GAAG,WAAW,CAAC,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC,CAAC;MAC3D,MAAM,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC;MACrC,MAAM,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC,aAAa,CAAC,UAAU,CAAC,CAAC;IACrD,CAAC,CAAC,CAAC;IAEH,IAAI,CAAC,+BAA+B,EAAE,GAAG,EAAE;MACzC,MAAM,GAAG,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;MAC1C,GAAG,CAAC,IAAI,GAAG,OAAO,CAAC;MACnB,MAAM,OAAO,GAAG,WAAW,CAAC,GAAG,CAAC,CAAC;MACjC,MAAM,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC,OAAO,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC;MACzC,MAAM,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC,aAAa,CAAC,UAAU,CAAC,CAAC;IACrD,CAAC,CAAC,CAAC;IAEH,IAAI,CAAC,qEAAqE,EAAE,GAAG,EAAE;MAC/E,MAAM,GAAG,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;MAC1C,GAAG,CAAC,IAAI,GAAG,IAAI,CAAC;MAChB,MAAM,OAAO,GAAG,WAAW,CAAC,GAAG,CAAC,CAAC;MACjC,MAAM,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC,OAAO,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC;MACzC,MAAM,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC,aAAa,CAAC,UAAU,CAAC,CAAC;IACrD,CAAC,CAAC,CAAC;EACL,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC","sourcesContent":["import { initLocales } from '.';\nimport messagesEn from './en/messages.json';\nimport messagesFr from './fr/messages.json';\n\ndescribe('locales', () => {\n  describe('initLocales', () => {\n    test('Should return default locale', () => {\n      const locales = initLocales(document.createElement('div'));\n      expect(locales.locale).toEqual('en');\n      expect(locales.messages).toMatchObject(messagesEn);\n    });\n\n    test('Should return matching locale', () => {\n      const div = document.createElement('div');\n      div.lang = 'fr-FR';\n      const locales = initLocales(div);\n      expect(locales.locale).toEqual(div.lang);\n      expect(locales.messages).toMatchObject(messagesFr);\n    });\n\n    test('Should return default locale messages when requested does not exist', () => {\n      const div = document.createElement('div');\n      div.lang = 'ca';\n      const locales = initLocales(div);\n      expect(locales.locale).toEqual(div.lang);\n      expect(locales.messages).toMatchObject(messagesEn);\n    });\n  });\n});\n"]}

package/dist/collection/stories/icon-gallery.js

@@ -1,9 +1,10 @@
-import iconList from '@mgdis/img/dist/icons/index.json';
-import { IconGallery, IconItem } from '@storybook/blocks';
-import React from 'react';
+import iconList from "@mgdis/img/dist/icons/index.json";
+import { IconGallery, IconItem } from "@storybook/blocks";
+import React from "react";
 /**
  * Template
  * @returns HTMLElement
  */
 const Template = () => React.createElement(IconGallery, null, iconList.map(icon => React.createElement(IconItem, { name: icon, key: icon }, React.createElement('mg-icon', { icon: icon }))));
 export default Template;
+//# sourceMappingURL=icon-gallery.js.map

package/dist/collection/stories/icon-gallery.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"icon-gallery.js","sourceRoot":"","sources":["../../src/stories/icon-gallery.tsx"],"names":[],"mappings":"AAAA,OAAO,QAAQ,MAAM,kCAAkC,CAAC;AACxD,OAAO,EAAE,WAAW,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC1D,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B;;;GAGG;AACH,MAAM,QAAQ,GAAG,GAAgB,EAAE,CACjC,KAAK,CAAC,aAAa,CACjB,WAAW,EACX,IAAI,EACJ,QAAQ,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE,CAAC,KAAK,CAAC,aAAa,CAAC,QAAQ,EAAE,EAAE,IAAI,EAAE,IAAI,EAAE,GAAG,EAAE,IAAI,EAAE,EAAE,KAAK,CAAC,aAAa,CAAC,SAAS,EAAE,EAAE,IAAI,EAAE,IAAI,EAAE,CAAC,CAAC,CAAC,CAC/H,CAAC;AAEJ,eAAe,QAAQ,CAAC","sourcesContent":["import iconList from '@mgdis/img/dist/icons/index.json';\nimport { IconGallery, IconItem } from '@storybook/blocks';\nimport React from 'react';\n\n/**\n * Template\n * @returns HTMLElement\n */\nconst Template = (): HTMLElement =>\n  React.createElement(\n    IconGallery,\n    null,\n    iconList.map(icon => React.createElement(IconItem, { name: icon, key: icon }, React.createElement('mg-icon', { icon: icon }))),\n  );\n\nexport default Template;\n"]}

package/dist/collection/test/typography.e2e.playwright.js

@@ -0,0 +1,12 @@
+import { setPageContent, expect, describe, testEach } from "../utils/playwright.e2e.test.utils";
+describe('typography', () => {
+  testEach(['1', '2', '3', '4', '5', '6'].flatMap(tag => [true, false].map(smallTag => (smallTag ? `<h${tag}><small>Heading ${tag} small</small></h${tag}>` : `<h${tag}>Heading ${tag}</h${tag}>`))))('Should render heading %s', async (page, html) => {
+    await setPageContent(page, html);
+    await expect(page.locator('.e2e-screenshot')).toHaveScreenshot();
+  });
+  testEach(['<p>paragraph</p>', '<p><strong>strong</strong></p>', '<p><small>small</small></p>'])('Should render paragraph %s', async (page, html) => {
+    await setPageContent(page, html);
+    await expect(page.locator('.e2e-screenshot')).toHaveScreenshot();
+  });
+});
+//# sourceMappingURL=typography.e2e.playwright.js.map

package/dist/collection/test/typography.e2e.playwright.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"typography.e2e.playwright.js","sourceRoot":"","sources":["../../src/test/typography.e2e.playwright.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,EAAE,QAAQ,EAAE,QAAQ,EAAY,MAAM,oCAAoC,CAAC;AAE1G,QAAQ,CAAC,YAAY,EAAE,GAAG,EAAE;EAC1B,QAAQ,CACN,CAAC,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,CAAC,CAAC,OAAO,CAAC,GAAG,CAAC,EAAE,CAC3C,CAAC,IAAI,EAAE,KAAK,CAAC,CAAC,GAAG,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,KAAK,GAAG,mBAAmB,GAAG,oBAAoB,GAAG,GAAG,CAAC,CAAC,CAAC,KAAK,GAAG,YAAY,GAAG,MAAM,GAAG,GAAG,CAAC,CAAC,CAC3I,CACF,CAAC,0BAA0B,EAAE,KAAK,EAAE,IAAc,EAAE,IAAY,EAAE,EAAE;IACnE,MAAM,cAAc,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC;IAEjC,MAAM,MAAM,CAAC,IAAI,CAAC,OAAO,CAAC,iBAAiB,CAAC,CAAC,CAAC,gBAAgB,EAAE,CAAC;EACnE,CAAC,CAAC,CAAC;EAEH,QAAQ,CAAC,CAAC,kBAAkB,EAAE,gCAAgC,EAAE,6BAA6B,CAAC,CAAC,CAAC,4BAA4B,EAAE,KAAK,EAAE,IAAc,EAAE,IAAY,EAAE,EAAE;IACnK,MAAM,cAAc,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC;IAEjC,MAAM,MAAM,CAAC,IAAI,CAAC,OAAO,CAAC,iBAAiB,CAAC,CAAC,CAAC,gBAAgB,EAAE,CAAC;EACnE,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC","sourcesContent":["import { setPageContent, expect, describe, testEach, PageType } from '../utils/playwright.e2e.test.utils';\n\ndescribe('typography', () => {\n  testEach(\n    ['1', '2', '3', '4', '5', '6'].flatMap(tag =>\n      [true, false].map(smallTag => (smallTag ? `<h${tag}><small>Heading ${tag} small</small></h${tag}>` : `<h${tag}>Heading ${tag}</h${tag}>`)),\n    ),\n  )('Should render heading %s', async (page: PageType, html: string) => {\n    await setPageContent(page, html);\n\n    await expect(page.locator('.e2e-screenshot')).toHaveScreenshot();\n  });\n\n  testEach(['<p>paragraph</p>', '<p><strong>strong</strong></p>', '<p><small>small</small></p>'])('Should render paragraph %s', async (page: PageType, html: string) => {\n    await setPageContent(page, html);\n\n    await expect(page.locator('.e2e-screenshot')).toHaveScreenshot();\n  });\n});\n"]}

package/dist/collection/utils/behaviors.utils.js

@@ -137,3 +137,4 @@ export class OverflowBehavior {
     this.run();
   }
 }
+//# sourceMappingURL=behaviors.utils.js.map