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

package/pf-card/demo/demo.css

@@ -1,44 +0,0 @@
-[data-demo] {
-  display: contents;
-}
-
-main {
-  padding: 2em;
-  background: #eeeeee;
-  display: grid;
-  grid-template-columns: 1fr;
-  grid-template-rows: max-content 1fr;
-}
-
-@media (min-width: 800px) {
-  main {
-    grid-template-columns: 1fr 4fr;
-    grid-template-rows: 1fr;
-  }
-}
-
-form {
-  display: grid;
-  grid-template-columns: max-content auto;
-  grid-auto-rows: max-content;
-  gap: 1em;
-}
-
-pf-card {
-  max-width: 50%;
-  margin: 0 auto;
-}
-
-.resize {
-  padding: 2em;
-  resize: vertical;
-  overflow: auto;
-  min-height: 40vh;
-  background: repeating-linear-gradient(
-    45deg,
-    #fff,
-    #fff 10px,
-    #eee 10px,
-    #eee 20px
-  );
-}

package/pf-card/demo/pf-card.js

@@ -1,23 +0,0 @@
-import '@patternfly/elements/pf-card/pf-card.js';
-import '@patternfly/elements/pf-button/pf-button.js';
-import '@patternfly/elements/pf-switch/pf-switch.js';
-
-const form = document.getElementById('card-settings');
-const card = document.querySelector('pf-card');
-
-form.addEventListener('change', function(event) {
-  const { checked } = event.target;
-  const { attribute } = event.target.dataset;
-  switch (attribute) {
-    case 'flat':
-    case 'rounded':
-    case 'plain':
-    case 'full-height':
-      card.toggleAttribute(attribute, checked);
-      break;
-    case 'size':
-      card.setAttribute('size', form.querySelector('label[for="size"]:not([hidden])').textContent.toLowerCase());
-      break;
-  }
-});
-

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

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

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

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

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

@@ -1 +0,0 @@
-{"version":3,"file":"pf-card.e2e.js","sourceRoot":"","sources":["pf-card.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-card';\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-card/test/pf-card.spec.d.ts

@@ -1 +0,0 @@
-import '@patternfly/pfe-tools/test/stub-logger.js';

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

@@ -1,153 +0,0 @@
-import { expect, html, aTimeout } from '@open-wc/testing';
-import { createFixture } from '@patternfly/pfe-tools/test/create-fixture.js';
-import '@patternfly/pfe-tools/test/stub-logger.js';
-import { PfCard } from '@patternfly/elements/pf-card/pf-card.js';
-describe('<pf-card>', function () {
-    it('should upgrade', async function () {
-        expect(await createFixture(html `<pf-card></pf-card>`))
-            .to.be.an.instanceof(customElements.get('pf-card'))
-            .and
-            .to.be.an.instanceof(PfCard);
-    });
-    describe('with header and footer content', function () {
-        let element;
-        let origHeight;
-        beforeEach(async function () {
-            element = await createFixture(html `
-        <pf-card id="card1">
-          <h2 slot="header">Card 1</h2>
-          <p>This is pf-card.</p>
-          <span slot="footer">Text in footer</span>
-        </pf-card>`);
-        });
-        beforeEach(function () {
-            const { height } = element.getBoundingClientRect();
-            origHeight = height;
-        });
-        describe('size', function () {
-            describe('unset', function () {
-                it('should have default sizing for card parts', function () {
-                    expect(getComputedStyle(element.querySelector('p'), 'body font-size').getPropertyValue('font-size')).to.equal('16px');
-                    expect(getComputedStyle(element.querySelector('[slot=footer]'), 'footer font-size').getPropertyValue('font-size')).to.equal('16px');
-                });
-            });
-            describe('compact', function () {
-                beforeEach(async function () {
-                    element.setAttribute('size', 'compact');
-                });
-                it('should be smaller', function () {
-                    const { height } = element.getBoundingClientRect();
-                    expect(origHeight, 'height').to.be.greaterThan(height);
-                });
-            });
-            describe('large', function () {
-                beforeEach(async function () {
-                    element.setAttribute('size', 'large');
-                });
-                it('should have larger font sizes for body, footer, more padding for header', function () {
-                    const { height } = element.getBoundingClientRect();
-                    expect(origHeight, 'height').to.be.lessThan(height);
-                    expect(getComputedStyle(element.querySelector('p'), 'body font-size').getPropertyValue('font-size'))
-                        .to.equal('16px');
-                    expect(getComputedStyle(element.querySelector('[slot=footer]'), 'footer font-size').getPropertyValue('font-size'))
-                        .to.equal('16px');
-                });
-            });
-        });
-        describe('rounded', function () {
-            describe('unset', function () {
-                it('should have default border radius', function () {
-                    expect(getComputedStyle(element).getPropertyValue('border-radius')).to.equal('0px');
-                });
-            });
-            describe('is set', function () {
-                it('should have 3px border radius', async function () {
-                    element.setAttribute('rounded', '');
-                    await element.updateComplete;
-                    expect(getComputedStyle(element).getPropertyValue('border-radius')).to.equal('3px');
-                });
-            });
-        });
-        describe('flat', function () {
-            describe('unset', function () {
-                it('should have default box shadow and border (none)', function () {
-                    expect(getComputedStyle(element).getPropertyValue('box-shadow')).not.to.equal('none');
-                    expect(getComputedStyle(element).getPropertyValue('border')).to.equal('0px none rgb(0, 0, 0)');
-                });
-            });
-            describe('is set', function () {
-                it('should not have a box shadow and should have an added border', async function () {
-                    element.setAttribute('flat', '');
-                    await element.updateComplete;
-                    expect(getComputedStyle(element).getPropertyValue('box-shadow')).to.equal('none');
-                    expect(getComputedStyle(element).getPropertyValue('border')).not.to.equal('none');
-                });
-            });
-        });
-        describe('full-height', function () {
-            describe('is not set', function () {
-                it('should not be taller', async function () {
-                    const { height } = element.getBoundingClientRect();
-                    expect(height).to.equal(origHeight);
-                });
-            });
-            describe('is set', function () {
-                beforeEach(async function () {
-                    element.toggleAttribute('full-height', true);
-                    await element.updateComplete;
-                });
-                it('should be taller', async function () {
-                    const { height } = element.getBoundingClientRect();
-                    expect(height).to.be.greaterThan(origHeight);
-                });
-            });
-        });
-        describe('plain', function () {
-            describe('unset', function () {
-                it('should have the default box shadow and background-color', function () {
-                    expect(getComputedStyle(element).getPropertyValue('box-shadow')).not.to.be.undefined;
-                    expect(getComputedStyle(element).getPropertyValue('background-color')).to.equal('rgb(255, 255, 255)');
-                });
-            });
-            describe('is set', function () {
-                it('should have transparent background color and no box shadow', async function () {
-                    element.setAttribute('plain', '');
-                    expect(getComputedStyle(element).getPropertyValue('box-shadow')).to.equal('none');
-                    expect(getComputedStyle(element).getPropertyValue('background-color')).to.equal('rgba(0, 0, 0, 0)');
-                });
-            });
-        });
-        describe('accessible', function () {
-            it('should be accessible in both the light and shadow dom', async function () {
-                expect(element).to.be.accessible();
-            });
-            // TODO: this has been flaky. revisit later
-            // it('should have an article element wrapper in the shadow dom', async function() {
-            //   const snapshot = await a11ySnapshot();
-            //   const foundNode = findAccessibilityNode(snapshot, node => node.role === 'WebArea');
-            //   expect(foundNode, 'A node with the supplied name has been found.').to.not.be.null;
-            // });
-        });
-    });
-    it(`should render a header and footer when content for those slots are added dynamically`, async function () {
-        const element = await createFixture(html `
-      <pf-card id="dynamicHeaderFooter">
-        This is the card
-      </pf-card>`);
-        const header = document.createElement('h2');
-        header.setAttribute('slot', 'header');
-        header.textContent = 'Card Header';
-        const footer = document.createElement('div');
-        footer.setAttribute('slot', 'footer');
-        footer.textContent = 'This is the footer';
-        element.prepend(header);
-        element.appendChild(footer);
-        await aTimeout(50);
-        const cardHeaderSlot = element.shadowRoot.querySelector('slot[name="header"]');
-        const cardFooterSlot = element.shadowRoot.querySelector('slot[name="footer"]');
-        await aTimeout(50);
-        expect(cardHeaderSlot.assignedNodes().length).to.equal(1);
-        expect(cardFooterSlot.assignedNodes().length).to.equal(1);
-    });
-});
-//# sourceMappingURL=pf-card.spec.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"pf-card.spec.js","sourceRoot":"","sources":["pf-card.spec.ts"],"names":[],"mappings":"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","sourcesContent":["import { expect, html, aTimeout } from '@open-wc/testing';\nimport { createFixture } from '@patternfly/pfe-tools/test/create-fixture.js';\nimport '@patternfly/pfe-tools/test/stub-logger.js';\n\nimport { PfCard } from '@patternfly/elements/pf-card/pf-card.js';\n\ndescribe('<pf-card>', function() {\n  it('should upgrade', async function() {\n    expect(await createFixture<PfCard>(html`<pf-card></pf-card>`))\n      .to.be.an.instanceof(customElements.get('pf-card'))\n      .and\n      .to.be.an.instanceof(PfCard);\n  });\n\n  describe('with header and footer content', function() {\n    let element: PfCard;\n    let origHeight: number;\n\n    beforeEach(async function() {\n      element = await createFixture<PfCard>(html`\n        <pf-card id=\"card1\">\n          <h2 slot=\"header\">Card 1</h2>\n          <p>This is pf-card.</p>\n          <span slot=\"footer\">Text in footer</span>\n        </pf-card>`);\n    });\n\n    beforeEach(function() {\n      const { height } = element.getBoundingClientRect();\n      origHeight = height;\n    });\n\n    describe('size', function() {\n      describe('unset', function() {\n        it('should have default sizing for card parts', function() {\n          expect(getComputedStyle(element.querySelector('p')!, 'body font-size').getPropertyValue('font-size')).to.equal('16px');\n          expect(getComputedStyle(element.querySelector('[slot=footer]')!, 'footer font-size').getPropertyValue('font-size')).to.equal('16px');\n        });\n      });\n\n      describe('compact', function() {\n        beforeEach(async function() {\n          element.setAttribute('size', 'compact');\n        });\n        it('should be smaller', function() {\n          const { height } = element.getBoundingClientRect();\n          expect(origHeight, 'height').to.be.greaterThan(height);\n        });\n      });\n\n      describe('large', function() {\n        beforeEach(async function() {\n          element.setAttribute('size', 'large');\n        });\n        it('should have larger font sizes for body, footer, more padding for header', function() {\n          const { height } = element.getBoundingClientRect();\n          expect(origHeight, 'height').to.be.lessThan(height);\n          expect(getComputedStyle(element.querySelector('p')!, 'body font-size').getPropertyValue('font-size'))\n            .to.equal('16px');\n          expect(getComputedStyle(element.querySelector('[slot=footer]')!, 'footer font-size').getPropertyValue('font-size'))\n            .to.equal('16px');\n        });\n      });\n    });\n\n    describe('rounded', function() {\n      describe('unset', function() {\n        it('should have default border radius', function() {\n          expect(getComputedStyle(element).getPropertyValue('border-radius')).to.equal('0px');\n        });\n      });\n\n      describe('is set', function() {\n        it('should have 3px border radius', async function() {\n          element.setAttribute('rounded', '');\n          await element.updateComplete;\n          expect(getComputedStyle(element).getPropertyValue('border-radius')).to.equal('3px');\n        });\n      });\n    });\n\n    describe('flat', function() {\n      describe('unset', function() {\n        it('should have default box shadow and border (none)', function() {\n          expect(getComputedStyle(element).getPropertyValue('box-shadow')).not.to.equal('none');\n          expect(getComputedStyle(element).getPropertyValue('border')).to.equal('0px none rgb(0, 0, 0)');\n        });\n      });\n\n      describe('is set', function() {\n        it('should not have a box shadow and should have an added border', async function() {\n          element.setAttribute('flat', '');\n          await element.updateComplete;\n\n          expect(getComputedStyle(element).getPropertyValue('box-shadow')).to.equal('none');\n          expect(getComputedStyle(element).getPropertyValue('border')).not.to.equal('none');\n        });\n      });\n    });\n\n    describe('full-height', function() {\n      describe('is not set', function() {\n        it('should not be taller', async function() {\n          const { height } = element.getBoundingClientRect();\n          expect(height).to.equal(origHeight);\n        });\n      });\n\n      describe('is set', function() {\n        beforeEach(async function() {\n          element.toggleAttribute('full-height', true);\n          await element.updateComplete;\n        });\n\n        it('should be taller', async function() {\n          const { height } = element.getBoundingClientRect();\n          expect(height).to.be.greaterThan(origHeight);\n        });\n      });\n    });\n\n    describe('plain', function() {\n      describe('unset', function() {\n        it('should have the default box shadow and background-color', function() {\n          expect(getComputedStyle(element).getPropertyValue('box-shadow')).not.to.be.undefined;\n          expect(getComputedStyle(element).getPropertyValue('background-color')).to.equal('rgb(255, 255, 255)');\n        });\n      });\n      describe('is set', function() {\n        it('should have transparent background color and no box shadow', async function() {\n          element.setAttribute('plain', '');\n          expect(getComputedStyle(element).getPropertyValue('box-shadow')).to.equal('none');\n          expect(getComputedStyle(element).getPropertyValue('background-color')).to.equal('rgba(0, 0, 0, 0)');\n        });\n      });\n    });\n\n    describe('accessible', function() {\n      it('should be accessible in both the light and shadow dom', async function() {\n        expect(element).to.be.accessible();\n      });\n      // TODO: this has been flaky. revisit later\n      // it('should have an article element wrapper in the shadow dom', async function() {\n      //   const snapshot = await a11ySnapshot();\n      //   const foundNode = findAccessibilityNode(snapshot, node => node.role === 'WebArea');\n      //   expect(foundNode, 'A node with the supplied name has been found.').to.not.be.null;\n      // });\n    });\n  });\n\n  it(`should render a header and footer when content for those slots are added dynamically`, async function() {\n    const element = await createFixture<PfCard>(html`\n      <pf-card id=\"dynamicHeaderFooter\">\n        This is the card\n      </pf-card>`);\n\n    const header = document.createElement('h2');\n    header.setAttribute('slot', 'header');\n    header.textContent = 'Card Header';\n\n    const footer = document.createElement('div');\n    footer.setAttribute('slot', 'footer');\n    footer.textContent = 'This is the footer';\n\n    element.prepend(header);\n    element.appendChild(footer);\n\n    await aTimeout(50);\n\n    const cardHeaderSlot =\n      element.shadowRoot!.querySelector<HTMLSlotElement>('slot[name=\"header\"]')!;\n    const cardFooterSlot =\n      element.shadowRoot!.querySelector<HTMLSlotElement>('slot[name=\"footer\"]')!;\n\n    await aTimeout(50);\n\n    expect(cardHeaderSlot.assignedNodes().length).to.equal(1);\n    expect(cardFooterSlot.assignedNodes().length).to.equal(1);\n  });\n});\n"]}

package/pf-clipboard-copy/demo/demo.css

@@ -1,12 +0,0 @@
-main {
-  padding: 1em;
-}
-
-section {
-  max-width: 832px;
-}
-
-pf-clipboard-copy + pf-clipboard-copy {
-  margin-top: 1rem;
-}
-

package/pf-clipboard-copy/demo/pf-clipboard-copy.js

@@ -1 +0,0 @@
-import '@patternfly/elements/pf-clipboard-copy/pf-clipboard-copy.js';

package/pf-clipboard-copy/test/pf-clipboard-copy.e2e.d.ts

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

package/pf-clipboard-copy/test/pf-clipboard-copy.e2e.js

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

package/pf-clipboard-copy/test/pf-clipboard-copy.e2e.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"pf-clipboard-copy.e2e.js","sourceRoot":"","sources":["pf-clipboard-copy.e2e.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AACxC,OAAO,EAAE,WAAW,EAAE,MAAM,sDAAsD,CAAC;AAEnF,MAAM,OAAO,GAAG,mBAAmB,CAAC;AAEpC,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-clipboard-copy';\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-clipboard-copy/test/pf-clipboard-copy.spec.d.ts

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

package/pf-clipboard-copy/test/pf-clipboard-copy.spec.js

@@ -1,100 +0,0 @@
-import { sendKeys } from '@web/test-runner-commands';
-import { expect, html } from '@open-wc/testing';
-import { createFixture } from '@patternfly/pfe-tools/test/create-fixture.js';
-import { PfClipboardCopy } from '@patternfly/elements/pf-clipboard-copy/pf-clipboard-copy.js';
-import { stub } from 'sinon';
-describe('<pf-clipboard-copy>', function () {
-    let element;
-    beforeEach(function stubCopy() {
-        stub(navigator.clipboard, 'writeText');
-    });
-    afterEach(function restoreCopy() {
-        navigator.clipboard.writeText.restore();
-    });
-    beforeEach(async function () {
-        element = await createFixture(html `
-      <pf-clipboard-copy></pf-clipboard-copy>
-    `);
-    });
-    it('should upgrade', async function () {
-        const klass = customElements.get('pf-clipboard-copy');
-        expect(element)
-            .to.be.an.instanceOf(klass)
-            .and
-            .to.be.an.instanceOf(PfClipboardCopy);
-    });
-    describe('setting value attribute', function () {
-        const VALUE = 'another copy item!';
-        beforeEach(async function () {
-            element.setAttribute('value', VALUE);
-            await element.updateComplete;
-        });
-        describe('then calling copy()', function () {
-            beforeEach(async function () {
-                await element.copy();
-            });
-            it('should copy the new value.', function () {
-                expect(navigator.clipboard.writeText).to.have.been.calledWith(VALUE);
-            });
-        });
-    });
-    describe('setting readonly attribute', function () {
-        const VALUE = 'HI';
-        beforeEach(async function () {
-            element.toggleAttribute('readonly', true);
-            await element.updateComplete;
-        });
-        describe('then focusing the element and typing', function () {
-            beforeEach(async function () {
-                element.focus();
-                await sendKeys({ type: VALUE });
-            });
-            describe('then calling copy', function () {
-                beforeEach(async function () {
-                    await element.copy();
-                });
-                it('should not include the new value', async function () {
-                    expect(navigator.clipboard.writeText).to.not.have.been.calledWith(VALUE);
-                });
-            });
-        });
-    });
-    describe('setting expandable value', function () {
-        let initialHeight;
-        let initialFocus;
-        const VALUE = 'Hello!';
-        beforeEach(async function () {
-            element.toggleAttribute('expandable', true);
-            await element.updateComplete;
-            initialHeight = element.getBoundingClientRect().height;
-        });
-        describe('then focusing the element and pressing SPACE', function () {
-            beforeEach(async function () {
-                element.focus();
-                initialFocus = element.shadowRoot.activeElement;
-                await sendKeys({ press: ' ' });
-            });
-            it('it should be expanded', async function () {
-                expect(element.getBoundingClientRect().height).to.be.greaterThan(initialHeight);
-            });
-            describe('then focusing the textarea', function () {
-                beforeEach(async function () {
-                    await sendKeys({ press: 'Tab' });
-                    await sendKeys({ press: 'Tab' });
-                });
-                it('focuses a different element', function () {
-                    expect(element.shadowRoot?.activeElement).to.not.equal(initialFocus);
-                });
-                describe('then typing', function () {
-                    beforeEach(async function () {
-                        await sendKeys({ type: VALUE });
-                    });
-                    it('updates the value property', function () {
-                        expect(element.value).to.equal(VALUE);
-                    });
-                });
-            });
-        });
-    });
-});
-//# sourceMappingURL=pf-clipboard-copy.spec.js.map

package/pf-clipboard-copy/test/pf-clipboard-copy.spec.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"pf-clipboard-copy.spec.js","sourceRoot":"","sources":["pf-clipboard-copy.spec.ts"],"names":[],"mappings":"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","sourcesContent":["import type { SinonStub } from 'sinon';\n\nimport { sendKeys } from '@web/test-runner-commands';\nimport { expect, html } from '@open-wc/testing';\nimport { createFixture } from '@patternfly/pfe-tools/test/create-fixture.js';\nimport { PfClipboardCopy } from '@patternfly/elements/pf-clipboard-copy/pf-clipboard-copy.js';\n\nimport { stub } from 'sinon';\n\ndescribe('<pf-clipboard-copy>', function() {\n  let element: PfClipboardCopy;\n  beforeEach(function stubCopy() {\n    stub(navigator.clipboard, 'writeText');\n  });\n\n  afterEach(function restoreCopy() {\n    (navigator.clipboard.writeText as SinonStub).restore();\n  });\n\n  beforeEach(async function() {\n    element = await createFixture<PfClipboardCopy>(html`\n      <pf-clipboard-copy></pf-clipboard-copy>\n    `);\n  });\n\n  it('should upgrade', async function() {\n    const klass = customElements.get('pf-clipboard-copy');\n    expect(element)\n      .to.be.an.instanceOf(klass)\n      .and\n      .to.be.an.instanceOf(PfClipboardCopy);\n  });\n\n  describe('setting value attribute', function() {\n    const VALUE = 'another copy item!';\n    beforeEach(async function() {\n      element.setAttribute('value', VALUE);\n      await element.updateComplete;\n    });\n    describe('then calling copy()', function() {\n      beforeEach(async function() {\n        await element.copy();\n      });\n      it('should copy the new value.', function() {\n        expect(navigator.clipboard.writeText).to.have.been.calledWith(VALUE);\n      });\n    });\n  });\n\n  describe('setting readonly attribute', function() {\n    const VALUE = 'HI';\n    beforeEach(async function() {\n      element.toggleAttribute('readonly', true);\n      await element.updateComplete;\n    });\n    describe('then focusing the element and typing', function() {\n      beforeEach(async function() {\n        element.focus();\n        await sendKeys({ type: VALUE });\n      });\n      describe('then calling copy', function() {\n        beforeEach(async function() {\n          await element.copy();\n        });\n        it('should not include the new value', async function() {\n          expect(navigator.clipboard.writeText).to.not.have.been.calledWith(VALUE);\n        });\n      });\n    });\n  });\n\n  describe('setting expandable value', function() {\n    let initialHeight: number;\n    let initialFocus: Element;\n    const VALUE = 'Hello!';\n    beforeEach(async function() {\n      element.toggleAttribute('expandable', true);\n      await element.updateComplete;\n      initialHeight = element.getBoundingClientRect().height;\n    });\n    describe('then focusing the element and pressing SPACE', function() {\n      beforeEach(async function() {\n        element.focus();\n        initialFocus = element.shadowRoot!.activeElement!;\n        await sendKeys({ press: ' ' });\n      });\n      it('it should be expanded', async function() {\n        expect(element.getBoundingClientRect().height).to.be.greaterThan(initialHeight);\n      });\n      describe('then focusing the textarea', function() {\n        beforeEach(async function() {\n          await sendKeys({ press: 'Tab' });\n          await sendKeys({ press: 'Tab' });\n        });\n        it('focuses a different element', function() {\n          expect(element.shadowRoot?.activeElement).to.not.equal(initialFocus);\n        });\n        describe('then typing', function() {\n          beforeEach(async function() {\n            await sendKeys({ type: VALUE });\n          });\n          it('updates the value property', function() {\n            expect(element.value).to.equal(VALUE);\n          });\n        });\n      });\n    });\n  });\n});\n"]}

package/pf-code-block/demo/demo.css

@@ -1,4 +0,0 @@
-article { 
-  margin-left: 4em;
-  margin-right: 4em;
-}

package/pf-code-block/demo/pf-code-block.js

@@ -1,2 +0,0 @@
-import '@patternfly/elements/pf-code-block/pf-code-block.js';
-import '@patternfly/elements/pf-clipboard-copy/pf-clipboard-copy.js';

package/pf-code-block/test/pf-code-block.e2e.d.ts

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

package/pf-code-block/test/pf-code-block.e2e.js

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

package/pf-code-block/test/pf-code-block.e2e.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"pf-code-block.e2e.js","sourceRoot":"","sources":["pf-code-block.e2e.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AACxC,OAAO,EAAE,WAAW,EAAE,MAAM,sDAAsD,CAAC;AAEnF,MAAM,OAAO,GAAG,eAAe,CAAC;AAEhC,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-code-block';\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-code-block/test/pf-code-block.spec.d.ts

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

package/pf-code-block/test/pf-code-block.spec.js

@@ -1,86 +0,0 @@
-import { expect, html, nextFrame } from '@open-wc/testing';
-import { createFixture } from '@patternfly/pfe-tools/test/create-fixture.js';
-import { PfCodeBlock } from '@patternfly/elements/pf-code-block/pf-code-block.js';
-const element = html `
-  <pf-code-block id="code">
-    <script type="application/openshift">
-      apiVersion: helm.openshift.io/v1beta1/
-      kind: HelmChartRepository
-      metadata:
-      name: azure-sample-repo0oooo00ooo
-      spec:
-      connectionConfig:
-      url: https://raw.githubusercontent.com/Azure-Samples/helm-charts/master/docs
-    </script>
-    <pf-clipboard-copy slot="actions" copy-from="#code"></pf-clipboard-copy>
-  </pf-code-block>
-`;
-const expandElement = html `
-  <pf-code-block id="expandable-code">
-    <script type="application/openshift">
-      apiVersion: helm.openshift.io/v1beta1/
-      kind: HelmChartRepository
-      metadata:
-      name: azure-sample-repo</script><script type="application/openshift" data-expand>
-      spec:
-      connectionConfig:
-      url: https://raw.githubusercontent.com/Azure-Samples/helm-charts/master/docs
-    </script>
-    <pf-clipboard-copy slot="actions" copy-from="#expandable-code"></pf-clipboard-copy>
-  </pf-code-block>
-`;
-const expandElementByDefault = html `
-  <pf-code-block id="expandable-code-expanded" expanded>
-    <script type="application/openshift">
-      apiVersion: helm.openshift.io/v1beta1/
-      kind: HelmChartRepository
-      metadata:
-      name: azure-sample-repo</script><script type="application/openshift" data-expand>
-      spec:
-      connectionConfig:
-      url: https://raw.githubusercontent.com/Azure-Samples/helm-charts/master/docs
-    </script>
-    <pf-clipboard-copy slot="actions" copy-from="#expandable-code-expanded"></pf-clipboard-copy>
-  </pf-code-block>
-`;
-describe('<pf-code-block>', function () {
-    it('should upgrade', async function () {
-        const el = await createFixture(element);
-        const klass = customElements.get('pf-code-block');
-        expect(el)
-            .to.be.an.instanceOf(klass)
-            .and
-            .to.be.an.instanceOf(PfCodeBlock);
-    });
-    it('should not show a "Show more" button by default', async function () {
-        const el = await createFixture(element);
-        const button = el.shadowRoot?.querySelector('button');
-        expect(button?.hidden).to.be.true;
-    });
-    it('should show a "Show more" button if content is present in the expandable-code slot', async function () {
-        const expandEl = await createFixture(expandElement);
-        const expandButton = expandEl.shadowRoot?.querySelector('button');
-        expect(expandButton).to.not.be.null;
-    });
-    it('should expand the code block when the "Show more" button is clicked', async function () {
-        const expandEl = await createFixture(expandElement);
-        const expandButton = expandEl.shadowRoot?.querySelector('button');
-        expandButton?.click();
-        await nextFrame();
-        expect(expandEl.hasAttribute('expanded')).to.be.true;
-        expect(expandButton?.getAttribute('aria-expanded')).to.equal('true');
-    });
-    it('should toggle the "Show more" button text to "Show less" when the button is clicked', async function () {
-        const expandEl = await createFixture(expandElement);
-        const expandButton = expandEl.shadowRoot?.querySelector('button');
-        expandButton?.click();
-        await nextFrame();
-        expect(expandButton?.textContent?.trim()).to.equal('Show less');
-    });
-    it('should be expanded by default if the expanded attribute is present on render', async function () {
-        const expandByDefaultEl = await createFixture(expandElementByDefault);
-        const expandButton = expandByDefaultEl.shadowRoot?.querySelector('button');
-        expect(expandButton?.textContent?.trim()).to.equal('Show less');
-    });
-});
-//# sourceMappingURL=pf-code-block.spec.js.map

package/pf-code-block/test/pf-code-block.spec.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"pf-code-block.spec.js","sourceRoot":"","sources":["pf-code-block.spec.ts"],"names":[],"mappings":"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","sourcesContent":["import { expect, html, nextFrame } from '@open-wc/testing';\nimport { createFixture } from '@patternfly/pfe-tools/test/create-fixture.js';\nimport { PfCodeBlock } from '@patternfly/elements/pf-code-block/pf-code-block.js';\n\nconst element = html`\n  <pf-code-block id=\"code\">\n    <script type=\"application/openshift\">\n      apiVersion: helm.openshift.io/v1beta1/\n      kind: HelmChartRepository\n      metadata:\n      name: azure-sample-repo0oooo00ooo\n      spec:\n      connectionConfig:\n      url: https://raw.githubusercontent.com/Azure-Samples/helm-charts/master/docs\n    </script>\n    <pf-clipboard-copy slot=\"actions\" copy-from=\"#code\"></pf-clipboard-copy>\n  </pf-code-block>\n`;\n\nconst expandElement = html`\n  <pf-code-block id=\"expandable-code\">\n    <script type=\"application/openshift\">\n      apiVersion: helm.openshift.io/v1beta1/\n      kind: HelmChartRepository\n      metadata:\n      name: azure-sample-repo</script><script type=\"application/openshift\" data-expand>\n      spec:\n      connectionConfig:\n      url: https://raw.githubusercontent.com/Azure-Samples/helm-charts/master/docs\n    </script>\n    <pf-clipboard-copy slot=\"actions\" copy-from=\"#expandable-code\"></pf-clipboard-copy>\n  </pf-code-block>\n`;\n\nconst expandElementByDefault = html`\n  <pf-code-block id=\"expandable-code-expanded\" expanded>\n    <script type=\"application/openshift\">\n      apiVersion: helm.openshift.io/v1beta1/\n      kind: HelmChartRepository\n      metadata:\n      name: azure-sample-repo</script><script type=\"application/openshift\" data-expand>\n      spec:\n      connectionConfig:\n      url: https://raw.githubusercontent.com/Azure-Samples/helm-charts/master/docs\n    </script>\n    <pf-clipboard-copy slot=\"actions\" copy-from=\"#expandable-code-expanded\"></pf-clipboard-copy>\n  </pf-code-block>\n`;\n\ndescribe('<pf-code-block>', function() {\n  it('should upgrade', async function() {\n    const el = await createFixture <PfCodeBlock>(element);\n    const klass = customElements.get('pf-code-block');\n    expect(el)\n      .to.be.an.instanceOf(klass)\n      .and\n      .to.be.an.instanceOf(PfCodeBlock);\n  });\n\n  it('should not show a \"Show more\" button by default', async function() {\n    const el = await createFixture <PfCodeBlock>(element);\n    const button = el.shadowRoot?.querySelector('button');\n    expect(button?.hidden).to.be.true;\n  });\n\n  it('should show a \"Show more\" button if content is present in the expandable-code slot', async function() {\n    const expandEl = await createFixture<PfCodeBlock>(expandElement);\n    const expandButton = expandEl.shadowRoot?.querySelector('button');\n    expect(expandButton).to.not.be.null;\n  });\n\n  it('should expand the code block when the \"Show more\" button is clicked', async function() {\n    const expandEl = await createFixture<PfCodeBlock>(expandElement);\n    const expandButton = expandEl.shadowRoot?.querySelector('button');\n    expandButton?.click();\n    await nextFrame();\n    expect(expandEl.hasAttribute('expanded')).to.be.true;\n    expect(expandButton?.getAttribute('aria-expanded')).to.equal('true');\n  });\n\n  it('should toggle the \"Show more\" button text to \"Show less\" when the button is clicked', async function() {\n    const expandEl = await createFixture<PfCodeBlock>(expandElement);\n    const expandButton = expandEl.shadowRoot?.querySelector('button');\n    expandButton?.click();\n    await nextFrame();\n    expect(expandButton?.textContent?.trim()).to.equal('Show less');\n  });\n\n  it('should be expanded by default if the expanded attribute is present on render', async function() {\n    const expandByDefaultEl = await createFixture<PfCodeBlock>(expandElementByDefault);\n    const expandButton = expandByDefaultEl.shadowRoot?.querySelector('button');\n    expect(expandButton?.textContent?.trim()).to.equal('Show less');\n  });\n});\n"]}

package/pf-icon/demo/custom-icon-sets.js

@@ -1,5 +0,0 @@
-import '/docs/zero-md.js';
-import { PfIcon } from '@patternfly/elements/pf-icon/pf-icon.js';
-
-PfIcon.addIconSet('rh', (set, icon) =>
-  new URL(`./icons/${set}/${icon}.js`, import.meta.url));

package/pf-icon/demo/demo.css

@@ -1,53 +0,0 @@
-[data-demo] {
-  padding: 1em;
-}
-
-output ul {
-  --g: repeat(auto-fit, var(--pf-global--icon--FontSize--xl, 3.375rem));
-  display: grid;
-  grid-template: var(--g) / var(--g);
-  gap: 1em;
-  list-style-type: none;
-  padding: 0;
-  margin: 0;
-}
-
-li button {
-  padding: 0;
-  background: none;
-  border: none;
-}
-
-li button:focus {
-  color: gray;
-}
-
-dl {
-  display: flex;
-  flex-flow: row wrap;
-  gap: var(--pf-global--spacer--md, 1rem);
-  align-items: end;
-}
-
-dl div {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  flex-direction: column;
-}
-
-dd, dt {
-  margin: 0;
-}
-
-dt {
-  order: 1;
-}
-
-#colors dt { text-transform: capitalize; }
-.danger { color: var(--pf-global--danger-color--200, #a30000); }
-.default { color: var(--pf-global--default-color--200, #009596); }
-.info { color: var(--pf-global--info-color--100, #2b9af3); }
-.success { color: var(--pf-global--success-color--100, #3e8635); }
-.warning { color: var(--pf-global--warning-color--100, #f0ab00); }
-.disabled { color: var(--pf-global--disabled-color--100, #6a6e73); }