@patternfly/elements 2.0.0-rc.3 → 2.0.0-rc.5

package/pf-tabs/test/pf-tabs.spec.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"pf-tabs.spec.js","sourceRoot":"","sources":["pf-tabs.spec.ts"],"names":[],"mappings":"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","sourcesContent":["import { expect, html, nextFrame, aTimeout } from '@open-wc/testing';\nimport { createFixture } from '@patternfly/pfe-tools/test/create-fixture.js';\nimport { a11ySnapshot } from '@patternfly/pfe-tools/test/a11y-snapshot.js';\nimport { setViewport, sendKeys } from '@web/test-runner-commands';\n\nimport { BaseTab } from '../BaseTab.js';\nimport { PfTabs } from '../pf-tabs.js';\n\nimport '@patternfly/pfe-tools/test/stub-logger.js';\n\nconst TEMPLATE = html`\n    <pf-tabs>\n      <pf-tab slot=\"tab\" active>Users</pf-tab>\n      <pf-tab-panel>Users</pf-tab-panel>\n      <pf-tab slot=\"tab\">Containers</pf-tab>\n      <pf-tab-panel>Containers</pf-tab-panel>\n      <pf-tab slot=\"tab\">Database</pf-tab>\n      <pf-tab-panel>Database</pf-tab-panel>\n      <pf-tab slot=\"tab\" disabled>Disabled</pf-tab>\n      <pf-tab-panel>Disabled</pf-tab-panel>\n      <pf-tab slot=\"tab\" aria-disabled=\"true\">Aria Disabled</pf-tab>\n      <pf-tab-panel>Aria Disabled</pf-tab-panel>\n    </pf-tabs>\n  `;\n\nconst DISABLED = html`\n  <pf-tabs>\n    <pf-tab slot=\"tab\" disabled>Users</pf-tab>\n    <pf-tab-panel>Users</pf-tab-panel>\n    <pf-tab slot=\"tab\">Containers</pf-tab>\n    <pf-tab-panel>Containers</pf-tab-panel>\n    <pf-tab slot=\"tab\">Database</pf-tab>\n    <pf-tab-panel>Database</pf-tab-panel>\n    <pf-tab slot=\"tab\" disabled>Disabled</pf-tab>\n    <pf-tab-panel>Disabled</pf-tab-panel>\n    <pf-tab slot=\"tab\" aria-disabled=\"true\">Aria Disabled</pf-tab>\n    <pf-tab-panel>Aria Disabled</pf-tab-panel>\n  </pf-tabs>\n`;\n\ndescribe('<pf-tabs>', function() {\n  it('should upgrade', async function() {\n    const el = await createFixture<PfTabs>(TEMPLATE);\n    expect(el, 'pf-tabs should be an instance of PfeTabs')\n      .to.be.an.instanceOf(customElements.get('pf-tabs'))\n      .and\n      .to.be.an.instanceOf(PfTabs);\n  });\n\n  it('should apply correct aria attributes', async function() {\n    const el = await createFixture<PfTabs>(TEMPLATE);\n    await nextFrame();\n    const tabs = el.querySelectorAll('pf-tab');\n    const tabPanels = el.querySelectorAll('pf-tab-panels');\n\n    tabs.forEach(function(tab: Element, index: number) {\n      const tabId = tab.getAttribute('id');\n      const tabControls = tab.getAttribute('aria-controls');\n      const tabButton = tab.shadowRoot?.querySelector('button');\n      expect(tabButton?.getAttribute('role')).to.equal('tab');\n      tabPanels.forEach(function(panel: Element, pindex: number) {\n        if (index === pindex) {\n          expect(panel.getAttribute('aria-labelledby')).to.equal(tabId);\n          expect(panel.id).to.equal(tabControls);\n        }\n      });\n    });\n  });\n\n  it('should activate the first focusable tab when first tab is disabled and no active is given', async function() {\n    const el = await createFixture<PfTabs>(DISABLED);\n    await nextFrame();\n    const secondTab = el.querySelector('pf-tab:nth-of-type(2)');\n    expect(secondTab!.hasAttribute('active')).to.equal(true);\n  });\n\n  it('should activate tab when given an active attribute', async function() {\n    const el = await createFixture<PfTabs>(TEMPLATE);\n    const tab = el.querySelector('pf-tab:nth-of-type(3)');\n    tab!.setAttribute('active', '');\n    await nextFrame();\n    expect(tab!.hasAttribute('active'), 'active attr').to.equal(true);\n    const panel = (await a11ySnapshot()).children.find(x => x.role === 'tabpanel');\n    expect(panel?.name, 'active panel').to.equal('Database');\n  });\n\n  it('should activate tab when activeIndex property is changed', async function() {\n    const el = await createFixture<PfTabs>(TEMPLATE);\n    el.activeIndex = 2;\n    await nextFrame();\n    el.activeIndex = 0;\n    await nextFrame();\n    const tab = el.querySelector('pf-tab:first-of-type');\n    expect(tab!.hasAttribute('active')).to.equal(true);\n    const panel = (await a11ySnapshot()).children.find(x => x.role === 'tabpanel');\n    expect(panel?.name, 'active panel').to.equal('Users');\n  });\n\n  it('should change focus when keyboard navigation is used', async function() {\n    const el = await createFixture<PfTabs>(TEMPLATE);\n    await el.updateComplete;\n    const firstTab = el.querySelector('pf-tab:first-of-type') as HTMLElement;\n    const secondTab = el.querySelector('pf-tab:nth-of-type(2)')?.id;\n    firstTab?.focus();\n    await nextFrame();\n    const initial = document.activeElement?.id;\n    await sendKeys({ down: 'ArrowRight' });\n    await nextFrame();\n    const after = document.activeElement?.id;\n    expect(initial).to.not.equal(after);\n    expect(secondTab).to.equal(after);\n  });\n\n  it('should open panel at same index of selected tab', async function() {\n    const el = await createFixture<PfTabs>(TEMPLATE);\n    await nextFrame();\n    el.activeIndex = 1;\n    await nextFrame();\n    const inactivePanel = el.querySelector('pf-tab-panel:first-of-type');\n    /* given active-key of 1 on a zero based index, nth-of-type(n) takes a 1 based index = 2. */\n    const activePanel = el.querySelector('pf-tab-panel:nth-of-type(2)');\n    expect(inactivePanel!.hasAttribute('hidden')).to.equal(true);\n    expect(activePanel!.hasAttribute('hidden')).to.equal(false);\n  });\n\n  describe('vertical tabs', function() {\n    it('should have vertical styles', async function() {\n      const el = await createFixture<PfTabs>(TEMPLATE);\n      el.setAttribute('vertical', '');\n      await nextFrame();\n      const tabs = el.shadowRoot!.querySelector('[part=\"tabs\"]')!;\n      const tabsVerticalStyles = getComputedStyle(tabs).flexDirection;\n      expect(tabsVerticalStyles).to.be.equal('column');\n    });\n  });\n\n  describe('disabled tabs', function() {\n    beforeEach(async function() {\n      await setViewport({ width: 320, height: 640 });\n    });\n\n    it('should aria-disable the tab if disabled', async function() {\n      const el = await createFixture<PfTabs>(TEMPLATE);\n      const disabledTab = el.querySelector('pf-tab:nth-of-type(2)')! as BaseTab;\n      disabledTab.disabled = true;\n      await nextFrame();\n      const tab = (await a11ySnapshot()).children.find(x => x.role === 'tab' && x.name === 'Containers');\n      expect(tab?.disabled).to.be.true;\n    });\n\n    it('should have disabled css styles if disabled', async function() {\n      const el = await createFixture<PfTabs>(TEMPLATE);\n      const disabledTab = el.querySelector('pf-tab:first-of-type')!;\n      disabledTab.setAttribute('disabled', 'disabled');\n      await nextFrame();\n      const button = disabledTab!.shadowRoot!.firstElementChild!;\n      const disabledStyles = getComputedStyle(button).backgroundColor;\n      expect(disabledStyles).to.equal('rgb(245, 245, 245)');\n    });\n\n    it('should have disabled css styles if aria-disabled attribute is true', async function() {\n      const el = await createFixture<PfTabs>(TEMPLATE);\n      const disabledTab = el.querySelector('pf-tab:first-of-type')!;\n      disabledTab.setAttribute('aria-disabled', 'true');\n      await nextFrame();\n      const button = disabledTab!.shadowRoot!.firstElementChild!;\n      const disabledStyles = getComputedStyle(button).backgroundColor;\n      expect(disabledStyles).to.equal('rgb(245, 245, 245)');\n    });\n  });\n\n  describe('on small screen', function() {\n    beforeEach(async function() {\n      await setViewport({ width: 320, height: 640 });\n    });\n\n    it('should overflow if too wide', async function() {\n      const el = await createFixture<PfTabs>(TEMPLATE);\n      const tabs = el.shadowRoot!.querySelector('[part=\"tabs\"]')!;\n      const tabsOverflow = getComputedStyle(tabs).overflowX === 'auto';\n      expect(tabsOverflow).to.equal(true);\n    });\n\n    it('should have visible scroll buttons if overflowed', async function() {\n      const el = await createFixture<PfTabs>(TEMPLATE);\n      // Property 'scrollTimeoutDelay' is protected and only accessible within class 'PfeTabs' and its subclasses.\n      // using 150 as a static representation.\n      await aTimeout(150);\n      const previousTab = el.shadowRoot!.querySelector('#previousTab')!;\n      const nextTab = el.shadowRoot!.querySelector('#nextTab')!;\n      const prevDisplayStyle = getComputedStyle(previousTab).display;\n      const nextDisplayStyle = getComputedStyle(nextTab).display;\n      expect(prevDisplayStyle ).to.not.equal('none');\n      expect(nextDisplayStyle).to.not.equal('none');\n    });\n  });\n});\n"]}

package/pf-tile/demo/demo.css

@@ -1,59 +0,0 @@
-:host {
-  display: block;
-}
-
-section {
-  margin: 0 auto;
-  padding: 0 16px 32px;
-  width: 100%;
-  max-width: 1008px;
-}
-
-.pf-l-flex {
-  display: var(--pf-l-flex--Display, flex);
-  flex-wrap: var(--pf-l-flex--FlexWrap, wrap);
-  align-items: var(--pf-l-flex--AlignItems, baseline);
-}
-
-.pf-l-flex > * {
-  order: var(--pf-l-flex--item--Order, 0);
-  max-width: 100%;
-  margin-right: var(--pf-l-flex--spacer, var(--pf-l-flex--spacer-base, 1rem));
-}
-
-.pf-l-flex > .pf-m-flex-1 {
-  flex: 1 0 0;
-}
-
-@media screen and (min-width: 576px) {
-  .pf-l-flex > * {
-    order: var(--pf-l-flex--item--Order-on-sm, var(--pf-l-flex--item--Order, 0));
-  }
-}
-@media screen and (min-width: 768px) {
-  .pf-l-flex > * {
-    order: var(--pf-l-flex--item--Order-on-md, var(--pf-l-flex--item--Order-on-sm, var(--pf-l-flex--item--Order, 0)));
-  }
-}
-@media screen and (min-width: 992px) {
-  .pf-l-flex > * {
-    order: var(--pf-l-flex--item--Order-on-lg, var(--pf-l-flex--item--Order-on-md, var(--pf-l-flex--item--Order-on-sm, var(--pf-l-flex--item--Order, 0))));
-  }
-}
-@media screen and (min-width: 1200px) {
-  .pf-l-flex > * {
-    order: var(--pf-l-flex--item--Order-on-xl, var(--pf-l-flex--item--Order-on-lg, var(--pf-l-flex--item--Order-on-md, var(--pf-l-flex--item--Order-on-sm, var(--pf-l-flex--item--Order, 0)))));
-  }
-}
-@media screen and (min-width: 1450px) {
-  .pf-l-flex > * {
-    order: var(--pf-l-flex--item--Order-on-2xl, var(--pf-l-flex--item--Order-on-xl, var(--pf-l-flex--item--Order-on-lg, var(--pf-l-flex--item--Order-on-md, var(--pf-l-flex--item--Order-on-sm, var(--pf-l-flex--item--Order, 0))))));
-  }
-}
-.pf-l-flex > *:last-child {
-  --pf-l-flex--spacer: 0;
-}
-
-.pf-l-flex.pf-m-flex {
-  display: var(--pf-l-flex--Display, flex);
-}

package/pf-tile/demo/pf-tile.js

@@ -1,21 +0,0 @@
-import '@patternfly/elements/pf-tile/pf-tile.js';
-
-const container = document.getElementById('keyboard-interaction');
-
-function selectByEvent(event) {
-  const tile = event.composedPath().find(node => node.localName === 'pf-tile');
-  if (tile) {
-    for (const child of container.querySelectorAll('pf-tile')) {
-      child.selected = tile === child && !child.disabled;
-    }
-  }
-}
-container.addEventListener('click', selectByEvent);
-container.addEventListener('keydown', function(event) {
-  switch (event.key) {
-    case ' ':
-    case 'Enter':
-      event.preventDefault();
-      selectByEvent(event);
-  }
-});

package/pf-tile/test/pf-tile.e2e.d.ts

@@ -1 +0,0 @@
-export {};

package/pf-tile/test/pf-tile.e2e.js

@@ -1,11 +0,0 @@
-import { test } from '@playwright/test';
-import { PfeDemoPage } from '@patternfly/pfe-tools/test/playwright/PfeDemoPage.js';
-const tagName = 'pf-tile';
-test.describe(tagName, () => {
-    test('snapshot', async ({ page }) => {
-        const componentPage = new PfeDemoPage(page, tagName);
-        await componentPage.navigate();
-        await componentPage.snapshot();
-    });
-});
-//# sourceMappingURL=pf-tile.e2e.js.map

package/pf-tile/test/pf-tile.e2e.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"pf-tile.e2e.js","sourceRoot":"","sources":["pf-tile.e2e.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AACxC,OAAO,EAAE,WAAW,EAAE,MAAM,sDAAsD,CAAC;AAEnF,MAAM,OAAO,GAAG,SAAS,CAAC;AAE1B,IAAI,CAAC,QAAQ,CAAC,OAAO,EAAE,GAAG,EAAE;IAC1B,IAAI,CAAC,UAAU,EAAE,KAAK,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE;QAClC,MAAM,aAAa,GAAG,IAAI,WAAW,CAAC,IAAI,EAAE,OAAO,CAAC,CAAC;QACrD,MAAM,aAAa,CAAC,QAAQ,EAAE,CAAC;QAC/B,MAAM,aAAa,CAAC,QAAQ,EAAE,CAAC;IACjC,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC","sourcesContent":["import { test } from '@playwright/test';\nimport { PfeDemoPage } from '@patternfly/pfe-tools/test/playwright/PfeDemoPage.js';\n\nconst tagName = 'pf-tile';\n\ntest.describe(tagName, () => {\n  test('snapshot', async ({ page }) => {\n    const componentPage = new PfeDemoPage(page, tagName);\n    await componentPage.navigate();\n    await componentPage.snapshot();\n  });\n});\n"]}

package/pf-tile/test/pf-tile.spec.d.ts

@@ -1 +0,0 @@
-export {};

package/pf-tile/test/pf-tile.spec.js

@@ -1,51 +0,0 @@
-import { expect, html, nextFrame } from '@open-wc/testing';
-import { createFixture } from '@patternfly/pfe-tools/test/create-fixture.js';
-import { PfTile } from '@patternfly/elements/pf-tile/pf-tile.js';
-const TEMPLATE = html `
-  <pf-tile>
-    <pf-icon slot="icon" set="fas" icon="bell" size="md" loading="idle"></pf-icon>
-    Default Content
-    <div slot="body">Subtext goes here</div>
-  </pf-tile>
-`;
-describe('<pf-tile>', function () {
-    it('should upgrade', async function () {
-        const el = await createFixture(TEMPLATE);
-        const klass = customElements.get('pf-tile');
-        expect(el)
-            .to.be.an.instanceOf(klass)
-            .and
-            .to.be.an.instanceOf(PfTile);
-    });
-    it('should have a selected styles when selected', async function () {
-        const el = await createFixture(TEMPLATE);
-        el.selected = true;
-        await nextFrame();
-        const { height } = getComputedStyle(el, ':after');
-        expect(height).to.equal('3px');
-        const { backgroundColor } = getComputedStyle(el, ':after');
-        expect(backgroundColor).to.equal('rgb(0, 102, 204)');
-        // TODO: don't test shadowroots
-        const { color } = getComputedStyle(el.shadowRoot.querySelector('[part="icon"]'));
-        expect(color).to.be.equal('rgb(0, 102, 204)');
-    });
-    it('should be flex direction column if stacked', async function () {
-        const el = await createFixture(TEMPLATE);
-        el.stacked = 'md';
-        await nextFrame();
-        // TODO: don't test shadowroots
-        const { flexDirection } = getComputedStyle(el.shadowRoot.querySelector('[part="header"]'));
-        expect(flexDirection).to.equal('column');
-    });
-    it('should have disabled styles when disabled', async function () {
-        const el = await createFixture(TEMPLATE);
-        el.setAttribute('disabled', '');
-        await nextFrame();
-        const { backgroundColor } = getComputedStyle(el);
-        expect(backgroundColor).to.equal('rgb(240, 240, 240)');
-        // TODO: don't test shadowroots
-        const { color } = getComputedStyle(el.shadowRoot.querySelector('[part="title"]'));
-        expect(color).to.equal('rgb(106, 110, 115)');
-    });
-});
-//# sourceMappingURL=pf-tile.spec.js.map

package/pf-tile/test/pf-tile.spec.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"pf-tile.spec.js","sourceRoot":"","sources":["pf-tile.spec.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,IAAI,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAC3D,OAAO,EAAE,aAAa,EAAE,MAAM,8CAA8C,CAAC;AAC7E,OAAO,EAAE,MAAM,EAAE,MAAM,yCAAyC,CAAC;AAEjE,MAAM,QAAQ,GAAG,IAAI,CAAA;;;;;;CAMpB,CAAC;AAGF,QAAQ,CAAC,WAAW,EAAE;IACpB,EAAE,CAAC,gBAAgB,EAAE,KAAK;QACxB,MAAM,EAAE,GAAG,MAAM,aAAa,CAAU,QAAQ,CAAC,CAAC;QAClD,MAAM,KAAK,GAAG,cAAc,CAAC,GAAG,CAAC,SAAS,CAAC,CAAC;QAC5C,MAAM,CAAC,EAAE,CAAC;aACP,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,UAAU,CAAC,KAAK,CAAC;aAC1B,GAAG;aACH,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,UAAU,CAAC,MAAM,CAAC,CAAC;IACjC,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,6CAA6C,EAAE,KAAK;QACrD,MAAM,EAAE,GAAG,MAAM,aAAa,CAAU,QAAQ,CAAC,CAAC;QAClD,EAAE,CAAC,QAAQ,GAAG,IAAI,CAAC;QACnB,MAAM,SAAS,EAAE,CAAC;QAClB,MAAM,EAAE,MAAM,EAAE,GAAG,gBAAgB,CAAC,EAAE,EAAE,QAAQ,CAAC,CAAC;QAClD,MAAM,CAAC,MAAM,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;QAC/B,MAAM,EAAE,eAAe,EAAE,GAAG,gBAAgB,CAAC,EAAE,EAAE,QAAQ,CAAC,CAAC;QAC3D,MAAM,CAAC,eAAe,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,kBAAkB,CAAC,CAAC;QACrD,+BAA+B;QAC/B,MAAM,EAAE,KAAK,EAAE,GAAG,gBAAgB,CAAC,EAAE,CAAC,UAAW,CAAC,aAAa,CAAC,eAAe,CAAE,CAAC,CAAC;QACnF,MAAM,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,KAAK,CAAC,kBAAkB,CAAC,CAAC;IAChD,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,4CAA4C,EAAE,KAAK;QACpD,MAAM,EAAE,GAAG,MAAM,aAAa,CAAU,QAAQ,CAAC,CAAC;QAClD,EAAE,CAAC,OAAO,GAAG,IAAI,CAAC;QAClB,MAAM,SAAS,EAAE,CAAC;QAClB,+BAA+B;QAC/B,MAAM,EAAE,aAAa,EAAE,GAAG,gBAAgB,CAAC,EAAE,CAAC,UAAW,CAAC,aAAa,CAAC,iBAAiB,CAAE,CAAC,CAAC;QAC7F,MAAM,CAAC,aAAa,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC;IAC3C,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,2CAA2C,EAAE,KAAK;QACnD,MAAM,EAAE,GAAG,MAAM,aAAa,CAAU,QAAQ,CAAC,CAAC;QAClD,EAAE,CAAC,YAAY,CAAC,UAAU,EAAE,EAAE,CAAC,CAAC;QAChC,MAAM,SAAS,EAAE,CAAC;QAClB,MAAM,EAAE,eAAe,EAAE,GAAG,gBAAgB,CAAC,EAAE,CAAC,CAAC;QACjD,MAAM,CAAC,eAAe,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,oBAAoB,CAAC,CAAC;QACvD,+BAA+B;QAC/B,MAAM,EAAE,KAAK,EAAE,GAAG,gBAAgB,CAAC,EAAE,CAAC,UAAW,CAAC,aAAa,CAAC,gBAAgB,CAAE,CAAC,CAAC;QACpF,MAAM,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,oBAAoB,CAAC,CAAC;IAC/C,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC","sourcesContent":["import { expect, html, nextFrame } from '@open-wc/testing';\nimport { createFixture } from '@patternfly/pfe-tools/test/create-fixture.js';\nimport { PfTile } from '@patternfly/elements/pf-tile/pf-tile.js';\n\nconst TEMPLATE = html`\n  <pf-tile>\n    <pf-icon slot=\"icon\" set=\"fas\" icon=\"bell\" size=\"md\" loading=\"idle\"></pf-icon>\n    Default Content\n    <div slot=\"body\">Subtext goes here</div>\n  </pf-tile>\n`;\n\n\ndescribe('<pf-tile>', function() {\n  it('should upgrade', async function() {\n    const el = await createFixture <PfTile>(TEMPLATE);\n    const klass = customElements.get('pf-tile');\n    expect(el)\n      .to.be.an.instanceOf(klass)\n      .and\n      .to.be.an.instanceOf(PfTile);\n  });\n\n  it('should have a selected styles when selected', async function() {\n    const el = await createFixture <PfTile>(TEMPLATE);\n    el.selected = true;\n    await nextFrame();\n    const { height } = getComputedStyle(el, ':after');\n    expect(height).to.equal('3px');\n    const { backgroundColor } = getComputedStyle(el, ':after');\n    expect(backgroundColor).to.equal('rgb(0, 102, 204)');\n    // TODO: don't test shadowroots\n    const { color } = getComputedStyle(el.shadowRoot!.querySelector('[part=\"icon\"]')!);\n    expect(color).to.be.equal('rgb(0, 102, 204)');\n  });\n\n  it('should be flex direction column if stacked', async function() {\n    const el = await createFixture <PfTile>(TEMPLATE);\n    el.stacked = 'md';\n    await nextFrame();\n    // TODO: don't test shadowroots\n    const { flexDirection } = getComputedStyle(el.shadowRoot!.querySelector('[part=\"header\"]')!);\n    expect(flexDirection).to.equal('column');\n  });\n\n  it('should have disabled styles when disabled', async function() {\n    const el = await createFixture <PfTile>(TEMPLATE);\n    el.setAttribute('disabled', '');\n    await nextFrame();\n    const { backgroundColor } = getComputedStyle(el);\n    expect(backgroundColor).to.equal('rgb(240, 240, 240)');\n    // TODO: don't test shadowroots\n    const { color } = getComputedStyle(el.shadowRoot!.querySelector('[part=\"title\"]')!);\n    expect(color).to.equal('rgb(106, 110, 115)');\n  });\n});\n"]}

package/pf-timestamp/demo/pf-timestamp.js

@@ -1,3 +0,0 @@
-import '@patternfly/elements/pf-card/pf-card.js';
-import '@patternfly/elements/pf-timestamp/pf-timestamp.js';
-import '@patternfly/elements/pf-tooltip/pf-tooltip.js';

package/pf-timestamp/test/pf-timestamp.e2e.d.ts

@@ -1 +0,0 @@
-export {};

package/pf-timestamp/test/pf-timestamp.e2e.js

@@ -1,12 +0,0 @@
-import { test } from '@playwright/test';
-import { PfeDemoPage } from '@patternfly/pfe-tools/test/playwright/PfeDemoPage.js';
-const tagName = 'pf-timestamp';
-test.describe(tagName, () => {
-    test('snapshot', async ({ page }) => {
-        const componentPage = new PfeDemoPage(page, tagName);
-        await componentPage.navigate();
-        await page.$eval('#realtime', el => el.closest('section')?.remove());
-        await componentPage.snapshot();
-    });
-});
-//# sourceMappingURL=pf-timestamp.e2e.js.map

package/pf-timestamp/test/pf-timestamp.e2e.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"pf-timestamp.e2e.js","sourceRoot":"","sources":["pf-timestamp.e2e.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AACxC,OAAO,EAAE,WAAW,EAAE,MAAM,sDAAsD,CAAC;AAEnF,MAAM,OAAO,GAAG,cAAc,CAAC;AAE/B,IAAI,CAAC,QAAQ,CAAC,OAAO,EAAE,GAAG,EAAE;IAC1B,IAAI,CAAC,UAAU,EAAE,KAAK,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE;QAClC,MAAM,aAAa,GAAG,IAAI,WAAW,CAAC,IAAI,EAAE,OAAO,CAAC,CAAC;QACrD,MAAM,aAAa,CAAC,QAAQ,EAAE,CAAC;QAC/B,MAAM,IAAI,CAAC,KAAK,CAAC,WAAW,EAAE,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,OAAO,CAAC,SAAS,CAAC,EAAE,MAAM,EAAE,CAAC,CAAC;QACrE,MAAM,aAAa,CAAC,QAAQ,EAAE,CAAC;IACjC,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC","sourcesContent":["import { test } from '@playwright/test';\nimport { PfeDemoPage } from '@patternfly/pfe-tools/test/playwright/PfeDemoPage.js';\n\nconst tagName = 'pf-timestamp';\n\ntest.describe(tagName, () => {\n  test('snapshot', async ({ page }) => {\n    const componentPage = new PfeDemoPage(page, tagName);\n    await componentPage.navigate();\n    await page.$eval('#realtime', el => el.closest('section')?.remove());\n    await componentPage.snapshot();\n  });\n});\n"]}

package/pf-timestamp/test/pf-timestamp.spec.d.ts

@@ -1 +0,0 @@
-export {};

package/pf-timestamp/test/pf-timestamp.spec.js

@@ -1,139 +0,0 @@
-import { expect, html } from '@open-wc/testing';
-import { createFixture } from '@patternfly/pfe-tools/test/create-fixture.js';
-import { PfTimestamp } from '@patternfly/elements/pf-timestamp/pf-timestamp.js';
-describe('<pf-timestamp>', function () {
-    it('should upgrade', async function () {
-        const element = await createFixture(html `<pf-timestamp></pf-timestamp>`);
-        expect(element, 'the <pf-timestamp> should be an instance of PfTimestamp')
-            .to.be.an.instanceof(customElements.get('pf-timestamp'))
-            .and
-            .to.be.an.instanceof(PfTimestamp);
-    });
-    it('should show the current date by default with default formatting', async function () {
-        const element = await createFixture(html `
-      <pf-timestamp></pf-timestamp>
-    `);
-        const expected = new Date().toLocaleString();
-        expect(element.time).to.equal(expected);
-    });
-    it('should set the correct ISO date on the datetime attribute in the time element', async function () {
-        const date = new Date('Sat Jan 01 2022 00:00:00');
-        const dateString = date.toString();
-        const expected = date.toISOString();
-        const element = await createFixture(html `
-      <pf-timestamp date="${dateString}"></pf-timestamp>
-    `);
-        expect(element.isoString).to.equal(expected);
-    });
-    it('should show a passed in date with default formatting', async function () {
-        const dateString = 'Sat Jan 01 2022 00:00:00';
-        const element = await createFixture(html `
-      <pf-timestamp date="${dateString}"></pf-timestamp>
-    `);
-        expect(element.time).to.equal(new Date(dateString).toLocaleString());
-    });
-    it('should show custom formatting when date-format and time-format are passed in', async function () {
-        const dateString = 'Sat Jan 01 2022 00:00:00';
-        const expected = new Date(dateString).toLocaleString('en-US', { dateStyle: 'full', timeStyle: 'short' });
-        const element = await createFixture(html `
-      <pf-timestamp date="${dateString}" date-format="full" time-format="short"></pf-timestamp>
-    `);
-        expect(element.time).to.equal(expected);
-    });
-    it('should show only a date when date-format is passed in', async function () {
-        const dateString = 'Sat Jan 01 2022 00:00:00';
-        const expected = new Date(dateString).toLocaleString('en-US', { dateStyle: 'full' });
-        const element = await createFixture(html `
-      <pf-timestamp date="${dateString}" date-format="full"></pf-timestamp>
-    `);
-        expect(element.time).to.equal(expected);
-    });
-    it('should show only time when time-format is passed in', async function () {
-        const dateString = 'Sat Jan 01 2022 00:00:00';
-        const expected = new Date(dateString).toLocaleString('en-US', { timeStyle: 'short' });
-        const element = await createFixture(html `
-      <pf-timestamp date="${dateString}" time-format="short"></pf-timestamp>
-    `);
-        expect(element.time).to.equal(expected);
-    });
-    it('should show custom formatting when customFormat is passed in', async function () {
-        const dateString = 'Sat Jan 01 2022 00:00:00';
-        const options = {
-            year: '2-digit',
-            month: 'short',
-            weekday: 'short',
-            day: 'numeric',
-            hour: 'numeric'
-        };
-        const expected = new Date(dateString).toLocaleString('en-US', options);
-        const element = await createFixture(html `
-      <pf-timestamp date="Sat Jan 01 2022 00:00:00" .customFormat=${options}></pf-timestamp>
-    `);
-        expect(element.time).to.equal(expected);
-    });
-    it('should show a custom suffix when display-suffix is passed in', async function () {
-        const dateString = 'Sat Jan 01 2022 00:00:00';
-        const suffix = 'US Eastern';
-        const expected = `${new Date(dateString).toLocaleString('en-US')} ${suffix}`;
-        const element = await createFixture(html `
-      <pf-timestamp date="${dateString}" display-suffix="${suffix}"></pf-timestamp>
-    `);
-        expect(element.time).to.equal(expected);
-    });
-    it('should show a 12 hour time', async function () {
-        const dateString = 'Sat Jan 01 2022 13:00:00';
-        const expected = new Date(dateString).toLocaleString('en-US');
-        const element = await createFixture(html `
-      <pf-timestamp date="${dateString}"></pf-timestamp>
-    `);
-        expect(element.time).to.equal(expected);
-    });
-    it('should show a 24 hour time when hour-12 is set to false', async function () {
-        const dateString = 'Sat Jan 01 2022 13:00:00';
-        const expected = new Date(dateString).toLocaleString('en-US', { hour12: false });
-        const element = await createFixture(html `
-      <pf-timestamp date="${dateString}" hour-12="false"></pf-timestamp>
-    `);
-        expect(element.time).to.equal(expected);
-    });
-    it('should show with locale passed in', async function () {
-        const date = new Date(2022, 1, 1).toString();
-        const expected = new Date(date).toLocaleString('en-GB');
-        const element = await createFixture(html `
-      <pf-timestamp date="${date}" locale="en-GB"></pf-timestamp>
-    `);
-        expect(element.time).to.equal(expected);
-    });
-    it('should show a 12 hour time by default for US locale', async function () {
-        const date = new Date(2022, 1, 1, 13, 0).toString();
-        const expected = new Date(date).toLocaleString('en-US');
-        const element = await createFixture(html `
-      <pf-timestamp date="${date}" locale="en-US"></pf-timestamp>
-    `);
-        expect(element.time).to.equal(expected);
-    });
-    it('should show a 24 hour time for US locale when hour-12 is false', async function () {
-        const date = new Date(2022, 1, 1, 13, 0).toString();
-        const expected = new Date(date).toLocaleString('en-US', { hour12: false });
-        const element = await createFixture(html `
-      <pf-timestamp date="${date}" locale="en-US" hour-12="false"></pf-timestamp>
-    `);
-        expect(element.time).to.equal(expected);
-    });
-    it('should show a 12 hour time for a 24 hour locale when hour-12 is passed', async function () {
-        const date = new Date(2022, 1, 1, 13, 0).toString();
-        const expected = new Date(date).toLocaleString('en-GB', { hour12: true });
-        const element = await createFixture(html `
-      <pf-timestamp date="${date}" locale="en-GB" hour-12></pf-timestamp>
-    `);
-        expect(element.time).to.equal(expected);
-    });
-    it('should show relative time', async function () {
-        const date = new Date(2015, 7, 9, 14, 57, 0);
-        const element = await createFixture(html `
-      <pf-timestamp date="${date.toString()}" relative></pf-timestamp>
-    `);
-        expect(element.time).to.match(/\d+ years ago/);
-    });
-});
-//# sourceMappingURL=pf-timestamp.spec.js.map

package/pf-timestamp/test/pf-timestamp.spec.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"pf-timestamp.spec.js","sourceRoot":"","sources":["pf-timestamp.spec.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AAChD,OAAO,EAAE,aAAa,EAAE,MAAM,8CAA8C,CAAC;AAC7E,OAAO,EAAE,WAAW,EAAE,MAAM,mDAAmD,CAAC;AAEhF,QAAQ,CAAC,gBAAgB,EAAE;IACzB,EAAE,CAAC,gBAAgB,EAAE,KAAK;QACxB,MAAM,OAAO,GAAG,MAAM,aAAa,CAAc,IAAI,CAAA,+BAA+B,CAAC,CAAC;QACtF,MAAM,CAAC,OAAO,EAAE,yDAAyD,CAAC;aACvE,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,UAAU,CAAC,cAAc,CAAC,GAAG,CAAC,cAAc,CAAC,CAAC;aACvD,GAAG;aACH,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,UAAU,CAAC,WAAW,CAAC,CAAC;IACtC,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,iEAAiE,EAAE,KAAK;QACzE,MAAM,OAAO,GAAG,MAAM,aAAa,CAAc,IAAI,CAAA;;KAEpD,CAAC,CAAC;QAEH,MAAM,QAAQ,GAAG,IAAI,IAAI,EAAE,CAAC,cAAc,EAAE,CAAC;QAE7C,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC;IAC1C,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,+EAA+E,EAAE,KAAK;QACvF,MAAM,IAAI,GAAG,IAAI,IAAI,CAAC,0BAA0B,CAAC,CAAC;QAClD,MAAM,UAAU,GAAG,IAAI,CAAC,QAAQ,EAAE,CAAC;QACnC,MAAM,QAAQ,GAAG,IAAI,CAAC,WAAW,EAAE,CAAC;QACpC,MAAM,OAAO,GAAG,MAAM,aAAa,CAAc,IAAI,CAAA;4BAC7B,UAAU;KACjC,CAAC,CAAC;QAEH,MAAM,CAAC,OAAO,CAAC,SAAS,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC;IAC/C,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,sDAAsD,EAAE,KAAK;QAC9D,MAAM,UAAU,GAAG,0BAA0B,CAAC;QAC9C,MAAM,OAAO,GAAG,MAAM,aAAa,CAAc,IAAI,CAAA;4BAC7B,UAAU;KACjC,CAAC,CAAC;QAEH,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,IAAI,IAAI,CAAC,UAAU,CAAC,CAAC,cAAc,EAAE,CAAC,CAAC;IACvE,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,8EAA8E,EAAE,KAAK;QACtF,MAAM,UAAU,GAAG,0BAA0B,CAAC;QAC9C,MAAM,QAAQ,GAAG,IAAI,IAAI,CAAC,UAAU,CAAC,CAAC,cAAc,CAAC,OAAO,EAAE,EAAE,SAAS,EAAE,MAAM,EAAE,SAAS,EAAE,OAAO,EAAE,CAAC,CAAC;QACzG,MAAM,OAAO,GAAG,MAAM,aAAa,CAAc,IAAI,CAAA;4BAC7B,UAAU;KACjC,CAAC,CAAC;QAEH,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC;IAC1C,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,uDAAuD,EAAE,KAAK;QAC/D,MAAM,UAAU,GAAG,0BAA0B,CAAC;QAC9C,MAAM,QAAQ,GAAG,IAAI,IAAI,CAAC,UAAU,CAAC,CAAC,cAAc,CAAC,OAAO,EAAE,EAAE,SAAS,EAAE,MAAM,EAAE,CAAC,CAAC;QACrF,MAAM,OAAO,GAAG,MAAM,aAAa,CAAc,IAAI,CAAA;4BAC7B,UAAU;KACjC,CAAC,CAAC;QAEH,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC;IAC1C,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,qDAAqD,EAAE,KAAK;QAC7D,MAAM,UAAU,GAAG,0BAA0B,CAAC;QAC9C,MAAM,QAAQ,GAAG,IAAI,IAAI,CAAC,UAAU,CAAC,CAAC,cAAc,CAAC,OAAO,EAAE,EAAE,SAAS,EAAE,OAAO,EAAE,CAAC,CAAC;QACtF,MAAM,OAAO,GAAG,MAAM,aAAa,CAAc,IAAI,CAAA;4BAC7B,UAAU;KACjC,CAAC,CAAC;QAEH,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC;IAC1C,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,8DAA8D,EAAE,KAAK;QACtE,MAAM,UAAU,GAAG,0BAA0B,CAAC;QAC9C,MAAM,OAAO,GAA+B;YAC1C,IAAI,EAAE,SAAS;YACf,KAAK,EAAE,OAAO;YACd,OAAO,EAAE,OAAO;YAChB,GAAG,EAAE,SAAS;YACd,IAAI,EAAE,SAAS;SAChB,CAAC;QACF,MAAM,QAAQ,GAAG,IAAI,IAAI,CAAC,UAAU,CAAC,CAAC,cAAc,CAAC,OAAO,EAAE,OAAO,CAAC,CAAC;QACvE,MAAM,OAAO,GAAG,MAAM,aAAa,CAAc,IAAI,CAAA;oEACW,OAAO;KACtE,CAAC,CAAC;QACH,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC;IAC1C,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,8DAA8D,EAAE,KAAK;QACtE,MAAM,UAAU,GAAG,0BAA0B,CAAC;QAC9C,MAAM,MAAM,GAAG,YAAY,CAAC;QAC5B,MAAM,QAAQ,GAAG,GAAG,IAAI,IAAI,CAAC,UAAU,CAAC,CAAC,cAAc,CAAC,OAAO,CAAC,IAAI,MAAM,EAAE,CAAC;QAC7E,MAAM,OAAO,GAAG,MAAM,aAAa,CAAc,IAAI,CAAA;4BAC7B,UAAU,qBAAqB,MAAM;KAC5D,CAAC,CAAC;QAEH,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC;IAC1C,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,4BAA4B,EAAE,KAAK;QACpC,MAAM,UAAU,GAAG,0BAA0B,CAAC;QAC9C,MAAM,QAAQ,GAAG,IAAI,IAAI,CAAC,UAAU,CAAC,CAAC,cAAc,CAAC,OAAO,CAAC,CAAC;QAC9D,MAAM,OAAO,GAAG,MAAM,aAAa,CAAc,IAAI,CAAA;4BAC7B,UAAU;KACjC,CAAC,CAAC;QAEH,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC;IAC1C,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,yDAAyD,EAAE,KAAK;QACjE,MAAM,UAAU,GAAG,0BAA0B,CAAC;QAC9C,MAAM,QAAQ,GAAG,IAAI,IAAI,CAAC,UAAU,CAAC,CAAC,cAAc,CAAC,OAAO,EAAE,EAAE,MAAM,EAAE,KAAK,EAAE,CAAC,CAAC;QACjF,MAAM,OAAO,GAAG,MAAM,aAAa,CAAc,IAAI,CAAA;4BAC7B,UAAU;KACjC,CAAC,CAAC;QAEH,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC;IAC1C,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,mCAAmC,EAAE,KAAK;QAC3C,MAAM,IAAI,GAAG,IAAI,IAAI,CAAC,IAAI,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC,QAAQ,EAAE,CAAC;QAC7C,MAAM,QAAQ,GAAG,IAAI,IAAI,CAAC,IAAI,CAAC,CAAC,cAAc,CAAC,OAAO,CAAC,CAAC;QACxD,MAAM,OAAO,GAAG,MAAM,aAAa,CAAc,IAAI,CAAA;4BAC7B,IAAI;KAC3B,CAAC,CAAC;QAEH,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC;IAC1C,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,qDAAqD,EAAE,KAAK;QAC7D,MAAM,IAAI,GAAG,IAAI,IAAI,CAAC,IAAI,EAAE,CAAC,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,CAAC,CAAC,QAAQ,EAAE,CAAC;QACpD,MAAM,QAAQ,GAAG,IAAI,IAAI,CAAC,IAAI,CAAC,CAAC,cAAc,CAAC,OAAO,CAAC,CAAC;QACxD,MAAM,OAAO,GAAG,MAAM,aAAa,CAAc,IAAI,CAAA;4BAC7B,IAAI;KAC3B,CAAC,CAAC;QAEH,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC;IAC1C,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,gEAAgE,EAAE,KAAK;QACxE,MAAM,IAAI,GAAG,IAAI,IAAI,CAAC,IAAI,EAAE,CAAC,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,CAAC,CAAC,QAAQ,EAAE,CAAC;QACpD,MAAM,QAAQ,GAAG,IAAI,IAAI,CAAC,IAAI,CAAC,CAAC,cAAc,CAAC,OAAO,EAAE,EAAE,MAAM,EAAE,KAAK,EAAE,CAAC,CAAC;QAC3E,MAAM,OAAO,GAAG,MAAM,aAAa,CAAc,IAAI,CAAA;4BAC7B,IAAI;KAC3B,CAAC,CAAC;QAEH,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC;IAC1C,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,wEAAwE,EAAE,KAAK;QAChF,MAAM,IAAI,GAAG,IAAI,IAAI,CAAC,IAAI,EAAE,CAAC,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,CAAC,CAAC,QAAQ,EAAE,CAAC;QACpD,MAAM,QAAQ,GAAG,IAAI,IAAI,CAAC,IAAI,CAAC,CAAC,cAAc,CAAC,OAAO,EAAE,EAAE,MAAM,EAAE,IAAI,EAAE,CAAC,CAAC;QAC1E,MAAM,OAAO,GAAG,MAAM,aAAa,CAAc,IAAI,CAAA;4BAC7B,IAAI;KAC3B,CAAC,CAAC;QAEH,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC;IAC1C,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,2BAA2B,EAAE,KAAK;QACnC,MAAM,IAAI,GAAG,IAAI,IAAI,CAAC,IAAI,EAAE,CAAC,EAAE,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,CAAC,CAAC;QAC7C,MAAM,OAAO,GAAG,MAAM,aAAa,CAAc,IAAI,CAAA;4BAC7B,IAAI,CAAC,QAAQ,EAAE;KACtC,CAAC,CAAC;QAEH,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,eAAe,CAAC,CAAC;IACjD,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC","sourcesContent":["import { expect, html } from '@open-wc/testing';\nimport { createFixture } from '@patternfly/pfe-tools/test/create-fixture.js';\nimport { PfTimestamp } from '@patternfly/elements/pf-timestamp/pf-timestamp.js';\n\ndescribe('<pf-timestamp>', function() {\n  it('should upgrade', async function() {\n    const element = await createFixture<PfTimestamp>(html`<pf-timestamp></pf-timestamp>`);\n    expect(element, 'the <pf-timestamp> should be an instance of PfTimestamp')\n      .to.be.an.instanceof(customElements.get('pf-timestamp'))\n      .and\n      .to.be.an.instanceof(PfTimestamp);\n  });\n\n  it('should show the current date by default with default formatting', async function() {\n    const element = await createFixture<PfTimestamp>(html`\n      <pf-timestamp></pf-timestamp>\n    `);\n\n    const expected = new Date().toLocaleString();\n\n    expect(element.time).to.equal(expected);\n  });\n\n  it('should set the correct ISO date on the datetime attribute in the time element', async function() {\n    const date = new Date('Sat Jan 01 2022 00:00:00');\n    const dateString = date.toString();\n    const expected = date.toISOString();\n    const element = await createFixture<PfTimestamp>(html`\n      <pf-timestamp date=\"${dateString}\"></pf-timestamp>\n    `);\n\n    expect(element.isoString).to.equal(expected);\n  });\n\n  it('should show a passed in date with default formatting', async function() {\n    const dateString = 'Sat Jan 01 2022 00:00:00';\n    const element = await createFixture<PfTimestamp>(html`\n      <pf-timestamp date=\"${dateString}\"></pf-timestamp>\n    `);\n\n    expect(element.time).to.equal(new Date(dateString).toLocaleString());\n  });\n\n  it('should show custom formatting when date-format and time-format are passed in', async function() {\n    const dateString = 'Sat Jan 01 2022 00:00:00';\n    const expected = new Date(dateString).toLocaleString('en-US', { dateStyle: 'full', timeStyle: 'short' });\n    const element = await createFixture<PfTimestamp>(html`\n      <pf-timestamp date=\"${dateString}\" date-format=\"full\" time-format=\"short\"></pf-timestamp>\n    `);\n\n    expect(element.time).to.equal(expected);\n  });\n\n  it('should show only a date when date-format is passed in', async function() {\n    const dateString = 'Sat Jan 01 2022 00:00:00';\n    const expected = new Date(dateString).toLocaleString('en-US', { dateStyle: 'full' });\n    const element = await createFixture<PfTimestamp>(html`\n      <pf-timestamp date=\"${dateString}\" date-format=\"full\"></pf-timestamp>\n    `);\n\n    expect(element.time).to.equal(expected);\n  });\n\n  it('should show only time when time-format is passed in', async function() {\n    const dateString = 'Sat Jan 01 2022 00:00:00';\n    const expected = new Date(dateString).toLocaleString('en-US', { timeStyle: 'short' });\n    const element = await createFixture<PfTimestamp>(html`\n      <pf-timestamp date=\"${dateString}\" time-format=\"short\"></pf-timestamp>\n    `);\n\n    expect(element.time).to.equal(expected);\n  });\n\n  it('should show custom formatting when customFormat is passed in', async function() {\n    const dateString = 'Sat Jan 01 2022 00:00:00';\n    const options: Intl.DateTimeFormatOptions = {\n      year: '2-digit',\n      month: 'short',\n      weekday: 'short',\n      day: 'numeric',\n      hour: 'numeric'\n    };\n    const expected = new Date(dateString).toLocaleString('en-US', options);\n    const element = await createFixture<PfTimestamp>(html`\n      <pf-timestamp date=\"Sat Jan 01 2022 00:00:00\" .customFormat=${options}></pf-timestamp>\n    `);\n    expect(element.time).to.equal(expected);\n  });\n\n  it('should show a custom suffix when display-suffix is passed in', async function() {\n    const dateString = 'Sat Jan 01 2022 00:00:00';\n    const suffix = 'US Eastern';\n    const expected = `${new Date(dateString).toLocaleString('en-US')} ${suffix}`;\n    const element = await createFixture<PfTimestamp>(html`\n      <pf-timestamp date=\"${dateString}\" display-suffix=\"${suffix}\"></pf-timestamp>\n    `);\n\n    expect(element.time).to.equal(expected);\n  });\n\n  it('should show a 12 hour time', async function() {\n    const dateString = 'Sat Jan 01 2022 13:00:00';\n    const expected = new Date(dateString).toLocaleString('en-US');\n    const element = await createFixture<PfTimestamp>(html`\n      <pf-timestamp date=\"${dateString}\"></pf-timestamp>\n    `);\n\n    expect(element.time).to.equal(expected);\n  });\n\n  it('should show a 24 hour time when hour-12 is set to false', async function() {\n    const dateString = 'Sat Jan 01 2022 13:00:00';\n    const expected = new Date(dateString).toLocaleString('en-US', { hour12: false });\n    const element = await createFixture<PfTimestamp>(html`\n      <pf-timestamp date=\"${dateString}\" hour-12=\"false\"></pf-timestamp>\n    `);\n\n    expect(element.time).to.equal(expected);\n  });\n\n  it('should show with locale passed in', async function() {\n    const date = new Date(2022, 1, 1).toString();\n    const expected = new Date(date).toLocaleString('en-GB');\n    const element = await createFixture<PfTimestamp>(html`\n      <pf-timestamp date=\"${date}\" locale=\"en-GB\"></pf-timestamp>\n    `);\n\n    expect(element.time).to.equal(expected);\n  });\n\n  it('should show a 12 hour time by default for US locale', async function() {\n    const date = new Date(2022, 1, 1, 13, 0).toString();\n    const expected = new Date(date).toLocaleString('en-US');\n    const element = await createFixture<PfTimestamp>(html`\n      <pf-timestamp date=\"${date}\" locale=\"en-US\"></pf-timestamp>\n    `);\n\n    expect(element.time).to.equal(expected);\n  });\n\n  it('should show a 24 hour time for US locale when hour-12 is false', async function() {\n    const date = new Date(2022, 1, 1, 13, 0).toString();\n    const expected = new Date(date).toLocaleString('en-US', { hour12: false });\n    const element = await createFixture<PfTimestamp>(html`\n      <pf-timestamp date=\"${date}\" locale=\"en-US\" hour-12=\"false\"></pf-timestamp>\n    `);\n\n    expect(element.time).to.equal(expected);\n  });\n\n  it('should show a 12 hour time for a 24 hour locale when hour-12 is passed', async function() {\n    const date = new Date(2022, 1, 1, 13, 0).toString();\n    const expected = new Date(date).toLocaleString('en-GB', { hour12: true });\n    const element = await createFixture<PfTimestamp>(html`\n      <pf-timestamp date=\"${date}\" locale=\"en-GB\" hour-12></pf-timestamp>\n    `);\n\n    expect(element.time).to.equal(expected);\n  });\n\n  it('should show relative time', async function() {\n    const date = new Date(2015, 7, 9, 14, 57, 0);\n    const element = await createFixture<PfTimestamp>(html`\n      <pf-timestamp date=\"${date.toString()}\" relative></pf-timestamp>\n    `);\n\n    expect(element.time).to.match(/\\d+ years ago/);\n  });\n});\n"]}

package/pf-tooltip/demo/demo.css

@@ -1,39 +0,0 @@
-.narrow :is(section:not(#block) p, ul) {
-  max-width: 400px;
-  margin-inline: auto;
-}
-
-#block ul {
-  display: flex;
-  flex-flow: row wrap;
-  gap: 1em;
-  list-style-type: none;
-  padding: 0;
-  margin-inline: 0;
-}
-
-#block li {
-  padding: 0;
-  display: block;
-}
-
-samp {
-  font-weight: bold;
-}
-
-#custom-styles pf-tooltip:nth-of-type(1) {
-  --pf-c-tooltip__content--Color: lightblue;
-}
-
-#custom-styles pf-tooltip:nth-of-type(2) {
-  --pf-c-tooltip--BoxShadow: var(--pf-global--BoxShadow--lg,
-      0 0.5rem 1rem 0 rgba(3, 3, 3, 0.16),
-      0 0 0.375rem 0 rgba(3, 3, 3, 0.08));
-}
-
-#custom-styles pf-tooltip:nth-of-type(3) {
-  --pf-c-tooltip__content--PaddingTop: 2rem;
-  --pf-c-tooltip__content--PaddingRight: 2rem;
-  --pf-c-tooltip__content--PaddingBottom: 2rem;
-  --pf-c-tooltip__content--PaddingLeft: 2rem;
-}

package/pf-tooltip/demo/performance.js

@@ -1,45 +0,0 @@
-import '@patternfly/elements/pf-button/pf-button.js';
-import '@patternfly/elements/pf-tooltip/pf-tooltip.js';
-
-const $ = x => document.querySelector(x);
-const $$ = x => document.querySelectorAll(x);
-
-import { html, render } from 'lit';
-
-const submit = $('form pf-button');
-const target = $('#target');
-
-const getTooltip = (_, i) =>
-  html`<pf-tooltip content="Content for ${i + 1}">${i + 1}</pf-tooltip>`;
-
-async function measure(start) {
-  submit.loading = true;
-  submit.textContent = 'Rendering...';
-  await submit.updateComplete;
-  await new Promise(requestAnimationFrame);
-  render(Array.from({ length: 10000 }, getTooltip), target);
-  const tooltips = $$('pf-tooltip');
-  const [first] = tooltips;
-  first.show();
-  await Promise.all(Array.from(tooltips, x => x.updateComplete));
-  await first.hide();
-  return performance.now() - start;
-}
-
-$('form').addEventListener('submit', /** @this {HTMLFormElement} */async function(event) {
-  event.preventDefault();
-  const elapsed = await measure(performance.now());
-  this.output.value = `Render took ${(elapsed) / 1000} seconds`;
-  submit.loading = false;
-  submit.textContent = 'Rerender';
-});
-
-
-$('form').addEventListener('reset', /** @this {HTMLFormElement} */async function(event) {
-  event.preventDefault();
-  render('', target);
-  this.output.value = '';
-  submit.loading = false;
-  submit.textContent = 'Render';
-});
-

package/pf-tooltip/demo/pf-tooltip.js

@@ -1,7 +0,0 @@
-import '@patternfly/elements/pf-switch/pf-switch.js';
-import '@patternfly/elements/pf-tooltip/pf-tooltip.js';
-
-document.getElementById('width-toggle').addEventListener('change', function(event) {
-  document.querySelector('[data-demo]').classList.toggle('narrow', event.target.checked);
-});
-

package/pf-tooltip/test/pf-tooltip.e2e.d.ts

@@ -1 +0,0 @@
-export {};

package/pf-tooltip/test/pf-tooltip.e2e.js

@@ -1,11 +0,0 @@
-import { test } from '@playwright/test';
-import { PfeDemoPage } from '@patternfly/pfe-tools/test/playwright/PfeDemoPage.js';
-const tagName = 'pf-tooltip';
-test.describe(tagName, () => {
-    test('snapshot', async ({ page }) => {
-        const componentPage = new PfeDemoPage(page, tagName);
-        await componentPage.navigate();
-        await componentPage.snapshot();
-    });
-});
-//# sourceMappingURL=pf-tooltip.e2e.js.map

package/pf-tooltip/test/pf-tooltip.e2e.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"pf-tooltip.e2e.js","sourceRoot":"","sources":["pf-tooltip.e2e.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AACxC,OAAO,EAAE,WAAW,EAAE,MAAM,sDAAsD,CAAC;AAEnF,MAAM,OAAO,GAAG,YAAY,CAAC;AAE7B,IAAI,CAAC,QAAQ,CAAC,OAAO,EAAE,GAAG,EAAE;IAC1B,IAAI,CAAC,UAAU,EAAE,KAAK,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE;QAClC,MAAM,aAAa,GAAG,IAAI,WAAW,CAAC,IAAI,EAAE,OAAO,CAAC,CAAC;QACrD,MAAM,aAAa,CAAC,QAAQ,EAAE,CAAC;QAC/B,MAAM,aAAa,CAAC,QAAQ,EAAE,CAAC;IACjC,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC","sourcesContent":["import { test } from '@playwright/test';\nimport { PfeDemoPage } from '@patternfly/pfe-tools/test/playwright/PfeDemoPage.js';\n\nconst tagName = 'pf-tooltip';\n\ntest.describe(tagName, () => {\n  test('snapshot', async ({ page }) => {\n    const componentPage = new PfeDemoPage(page, tagName);\n    await componentPage.navigate();\n    await componentPage.snapshot();\n  });\n});\n"]}

package/pf-tooltip/test/pf-tooltip.spec.d.ts

@@ -1 +0,0 @@
-export {};

package/pf-tooltip/test/pf-tooltip.spec.js

@@ -1,50 +0,0 @@
-import { expect, html, fixture } from '@open-wc/testing';
-import { PfTooltip } from '../pf-tooltip.js';
-import { setViewport, sendMouse } from '@web/test-runner-commands';
-import { a11ySnapshot } from '@patternfly/pfe-tools/test/a11y-snapshot.js';
-describe('<pf-tooltip>', function () {
-    let element;
-    let snapshot;
-    beforeEach(async function () {
-        await setViewport({ width: 1000, height: 1000 });
-    });
-    it('should upgrade', async function () {
-        element = await fixture(html `<pf-tooltip></pf-tooltip>`);
-        const klass = customElements.get('pf-tooltip');
-        expect(element)
-            .to.be.an.instanceOf(klass)
-            .and
-            .to.be.an.instanceOf(PfTooltip);
-    });
-    describe('typical usage', function () {
-        beforeEach(async function () {
-            element = await fixture(html `
-        <pf-tooltip content="Content">Tooltip</pf-tooltip>
-      `);
-            snapshot = await a11ySnapshot();
-        });
-        it('should be accessible', async function () {
-            await expect(element).shadowDom.to.be.accessible();
-        });
-        it('should hide tooltip content from assistive technology', async function () {
-            expect(snapshot.children).to.deep.equal([
-                { name: 'Tooltip', role: 'text' },
-            ]);
-        });
-        describe('hovering the element', function () {
-            beforeEach(async function () {
-                const { x, y } = element.getBoundingClientRect();
-                await sendMouse({ position: [x + 5, y + 5], type: 'move' });
-                await element.updateComplete;
-                snapshot = await a11ySnapshot();
-            });
-            it('should show tooltip content to assistive technology', async function () {
-                expect(snapshot.children).to.deep.equal([
-                    { name: 'Tooltip', role: 'text' },
-                    { name: 'Content', role: 'text' },
-                ]);
-            });
-        });
-    });
-});
-//# sourceMappingURL=pf-tooltip.spec.js.map

package/pf-tooltip/test/pf-tooltip.spec.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"pf-tooltip.spec.js","sourceRoot":"","sources":["pf-tooltip.spec.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,kBAAkB,CAAC;AAGzD,OAAO,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAC7C,OAAO,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAC;AACnE,OAAO,EAAE,YAAY,EAAE,MAAM,6CAA6C,CAAC;AAE3E,QAAQ,CAAC,cAAc,EAAE;IACvB,IAAI,OAAkB,CAAC;IACvB,IAAI,QAA0B,CAAC;IAE/B,UAAU,CAAC,KAAK;QACd,MAAM,WAAW,CAAC,EAAE,KAAK,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,CAAC,CAAC;IACnD,CAAC,CAAC,CAAC;IACH,EAAE,CAAC,gBAAgB,EAAE,KAAK;QACxB,OAAO,GAAG,MAAM,OAAO,CAAY,IAAI,CAAA,2BAA2B,CAAC,CAAC;QACpE,MAAM,KAAK,GAAG,cAAc,CAAC,GAAG,CAAC,YAAY,CAAC,CAAC;QAC/C,MAAM,CAAC,OAAO,CAAC;aACZ,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,UAAU,CAAC,KAAK,CAAC;aAC1B,GAAG;aACH,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,UAAU,CAAC,SAAS,CAAC,CAAC;IACpC,CAAC,CAAC,CAAC;IAEH,QAAQ,CAAC,eAAe,EAAE;QACxB,UAAU,CAAC,KAAK;YACd,OAAO,GAAG,MAAM,OAAO,CAAY,IAAI,CAAA;;OAEtC,CAAC,CAAC;YACH,QAAQ,GAAG,MAAM,YAAY,EAAE,CAAC;QAClC,CAAC,CAAC,CAAC;QAEH,EAAE,CAAC,sBAAsB,EAAE,KAAK;YAC9B,MAAM,MAAM,CAAC,OAAO,CAAC,CAAC,SAAS,CAAC,EAAE,CAAC,EAAE,CAAC,UAAU,EAAE,CAAC;QACrD,CAAC,CAAC,CAAC;QAEH,EAAE,CAAC,uDAAuD,EAAE,KAAK;YAC/D,MAAM,CAAC,QAAQ,CAAC,QAAQ,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,KAAK,CAAC;gBACtC,EAAE,IAAI,EAAE,SAAS,EAAE,IAAI,EAAE,MAAM,EAAE;aAClC,CAAC,CAAC;QACL,CAAC,CAAC,CAAC;QAEH,QAAQ,CAAC,sBAAsB,EAAE;YAC/B,UAAU,CAAC,KAAK;gBACd,MAAM,EAAE,CAAC,EAAE,CAAC,EAAE,GAAG,OAAO,CAAC,qBAAqB,EAAE,CAAC;gBACjD,MAAM,SAAS,CAAC,EAAE,QAAQ,EAAE,CAAC,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC,CAAC;gBAC5D,MAAM,OAAO,CAAC,cAAc,CAAC;gBAC7B,QAAQ,GAAG,MAAM,YAAY,EAAE,CAAC;YAClC,CAAC,CAAC,CAAC;YACH,EAAE,CAAC,qDAAqD,EAAE,KAAK;gBAC7D,MAAM,CAAC,QAAQ,CAAC,QAAQ,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,KAAK,CAAC;oBACtC,EAAE,IAAI,EAAE,SAAS,EAAE,IAAI,EAAE,MAAM,EAAE;oBACjC,EAAE,IAAI,EAAE,SAAS,EAAE,IAAI,EAAE,MAAM,EAAE;iBAClC,CAAC,CAAC;YACL,CAAC,CAAC,CAAC;QACL,CAAC,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC","sourcesContent":["import { expect, html, fixture } from '@open-wc/testing';\nimport type { A11yTreeSnapshot } from '@patternfly/pfe-tools/test/a11y-snapshot.js';\n\nimport { PfTooltip } from '../pf-tooltip.js';\nimport { setViewport, sendMouse } from '@web/test-runner-commands';\nimport { a11ySnapshot } from '@patternfly/pfe-tools/test/a11y-snapshot.js';\n\ndescribe('<pf-tooltip>', function() {\n  let element: PfTooltip;\n  let snapshot: A11yTreeSnapshot;\n\n  beforeEach(async function() {\n    await setViewport({ width: 1000, height: 1000 });\n  });\n  it('should upgrade', async function() {\n    element = await fixture<PfTooltip>(html`<pf-tooltip></pf-tooltip>`);\n    const klass = customElements.get('pf-tooltip');\n    expect(element)\n      .to.be.an.instanceOf(klass)\n      .and\n      .to.be.an.instanceOf(PfTooltip);\n  });\n\n  describe('typical usage', function() {\n    beforeEach(async function() {\n      element = await fixture<PfTooltip>(html`\n        <pf-tooltip content=\"Content\">Tooltip</pf-tooltip>\n      `);\n      snapshot = await a11ySnapshot();\n    });\n\n    it('should be accessible', async function() {\n      await expect(element).shadowDom.to.be.accessible();\n    });\n\n    it('should hide tooltip content from assistive technology', async function() {\n      expect(snapshot.children).to.deep.equal([\n        { name: 'Tooltip', role: 'text' },\n      ]);\n    });\n\n    describe('hovering the element', function() {\n      beforeEach(async function() {\n        const { x, y } = element.getBoundingClientRect();\n        await sendMouse({ position: [x + 5, y + 5], type: 'move' });\n        await element.updateComplete;\n        snapshot = await a11ySnapshot();\n      });\n      it('should show tooltip content to assistive technology', async function() {\n        expect(snapshot.children).to.deep.equal([\n          { name: 'Tooltip', role: 'text' },\n          { name: 'Content', role: 'text' },\n        ]);\n      });\n    });\n  });\n});\n\n"]}