@patternfly/pfe-core 2.4.1 → 4.0.0

package/controllers/test/combobox-controller.spec.js

@@ -0,0 +1,282 @@
+var _a;
+import { __decorate } from "tslib";
+import { expect, fixture, nextFrame } from '@open-wc/testing';
+import { sendKeys } from '@web/test-runner-commands';
+import { a11ySnapshot } from '@patternfly/pfe-tools/test/a11y-snapshot.js';
+import { customElement } from 'lit/decorators/custom-element.js';
+import { query } from 'lit/decorators/query.js';
+import { ReactiveElement, html, render } from 'lit';
+import { ComboboxController } from '../combobox-controller.js';
+function press(key) {
+    return async function () {
+        await sendKeys({ press: key });
+    };
+}
+class TestCombobox extends ReactiveElement {
+    constructor() {
+        super(...arguments);
+        this.controller = ComboboxController.of(this, {
+            multi: false,
+            getItems: () => this.options,
+            isItem: item => item instanceof HTMLOptionElement,
+            getFallbackLabel: () => 'options',
+            getListboxElement: () => this.listbox ?? null,
+            getToggleButton: () => this.button ?? null,
+            getComboboxInput: () => this.combobox ?? null,
+            isExpanded: () => !this.listbox.hidden,
+            requestShowListbox: () => void (this.listbox.hidden = false),
+            requestHideListbox: () => void (this.listbox.hidden = true),
+            setItemActive: (item, active) => item.classList.toggle('active', active),
+            setItemSelected: (item, selected) => item.selected = selected,
+        });
+    }
+    /** List of options */
+    get options() {
+        return [
+            ...new Set([
+                this.placeholder,
+                ...this.querySelectorAll('option'),
+                ...this.renderRoot.querySelectorAll('option'),
+            ]),
+        ].filter(x => !!x);
+    }
+    get selected() {
+        return this.options.filter(x => x.selected);
+    }
+    get activeOption() {
+        return this.options.find(x => x.classList.contains('active'));
+    }
+    update(changed) {
+        render(this.render(), this.renderRoot);
+        super.update(changed);
+        this.placeholder.inert = !!this.controller.selected.length;
+    }
+    connectedCallback() {
+        super.connectedCallback();
+        const root = this.renderRoot.getRootNode();
+        root.adoptedStyleSheets = [...root.adoptedStyleSheets ?? [], _a.styles];
+    }
+    static async test() {
+        let element;
+        const updateComplete = () => element.updateComplete;
+        const { template } = this;
+        if (!template) {
+            throw new Error(`${this.constructor.name} must implement template`);
+        }
+        beforeEach(async function () {
+            element = await fixture(template);
+        });
+        describe('Tab', function () {
+            beforeEach(press('Tab'));
+            beforeEach(updateComplete);
+            it('focuses the combobox', async function () {
+                expect(await a11ySnapshot()).axTreeFocusedNode.to.have.axRole('combobox');
+            });
+            describe('Tab', function () {
+                beforeEach(press('Tab'));
+                beforeEach(updateComplete);
+                beforeEach(nextFrame);
+                it('does not focus the toggle button', async function () {
+                    expect(await a11ySnapshot()).to.not.axContainQuery({ focused: true });
+                });
+            });
+            describe('ArrowDown', function () {
+                beforeEach(press('ArrowDown'));
+                beforeEach(updateComplete);
+                it('expands the listbox', async function () {
+                    expect(await a11ySnapshot())
+                        .to.axContainRole('listbox')
+                        .and
+                        .to.axContainQuery({ role: 'combobox', expanded: true });
+                });
+                it('maintains DOM focus on the combobox', async function () {
+                    expect(await a11ySnapshot()).axTreeFocusedNode.to.have.axRole('combobox');
+                });
+                it('sets active state on the placeholder', function () {
+                    expect(element.activeOption).to.equal(element.placeholder);
+                });
+                describe('Enter', function () {
+                    beforeEach(press('Enter'));
+                    beforeEach(updateComplete);
+                    it('maintains DOM focus on the combobox', async function () {
+                        expect(await a11ySnapshot()).axTreeFocusedNode.to.have.axRole('combobox');
+                    });
+                    it('selects nothing', function () {
+                        expect(element.selected).to.have.length(0);
+                    });
+                });
+                describe('ArrowDown', function () {
+                    beforeEach(press('ArrowDown'));
+                    beforeEach(updateComplete);
+                    it('maintains DOM focus on the combobox', async function () {
+                        expect(await a11ySnapshot()).axTreeFocusedNode.to.have.axRole('combobox');
+                    });
+                    it('sets active state on the 1st option', function () {
+                        expect(element.activeOption).to.have.text('1');
+                    });
+                    describe('Enter', function () {
+                        beforeEach(press('Enter'));
+                        beforeEach(updateComplete);
+                        it('maintains DOM focus on the combobox', async function () {
+                            expect(await a11ySnapshot()).axTreeFocusedNode.to.have.axRole('combobox');
+                        });
+                        it('selects the first option', function () {
+                            expect(element.selected).to.have.length(1);
+                            expect(element.selected.at(0)).to.have.text('1');
+                        });
+                        it('collapses the listbox', async function () {
+                            expect(await a11ySnapshot())
+                                .to.not.axContainRole('listbox')
+                                .and
+                                .to.axContainQuery({ role: 'combobox', expanded: false });
+                        });
+                    });
+                });
+                describe('Escape', function () {
+                    beforeEach(press('Escape'));
+                    beforeEach(updateComplete);
+                    it('collapses the listbox', async function () {
+                        expect(await a11ySnapshot())
+                            .to.not.axContainRole('listbox')
+                            .and
+                            .to.axContainQuery({ role: 'combobox', expanded: false });
+                    });
+                    it('maintains DOM focus on the combobox', async function () {
+                        expect(await a11ySnapshot()).axTreeFocusedNode.to.have.axRole('combobox');
+                    });
+                });
+            });
+        });
+    }
+    ;
+}
+_a = TestCombobox;
+TestCombobox.styles = new CSSStyleSheet();
+(() => {
+    _a.styles.replaceSync(/* css */ `
+      option {
+        &.active {
+          outline: 1px solid black;
+        }
+        &[selected] {
+          background: lightblue;
+        }
+      }
+    `);
+})();
+__decorate([
+    query('#listbox')
+], TestCombobox.prototype, "listbox", void 0);
+__decorate([
+    query('#button')
+], TestCombobox.prototype, "button", void 0);
+__decorate([
+    query('#combobox')
+], TestCombobox.prototype, "combobox", void 0);
+__decorate([
+    query('#placeholder')
+], TestCombobox.prototype, "placeholder", void 0);
+let XComboboxCrossRoot = class XComboboxCrossRoot extends TestCombobox {
+    /** List of options */
+    get options() {
+        return [
+            ...new Set([
+                this.placeholder,
+                ...this.querySelectorAll('option'),
+            ]),
+        ].filter(x => !!x);
+    }
+    render() {
+        return html `
+      <div id="toggle">
+        <input id="combobox">
+        <button id="button">Show Options</button>
+      </div>
+      <div id="listbox">
+        <option id="placeholder" aria-disabled="true">Select an Option</option>
+        ${this.controller.renderItemsToShadowRoot()}
+        <div ?hidden=${!ComboboxController.supportsCrossRootActiveDescendant}>
+          <slot></slot>
+        </div>
+      </div>
+    `;
+    }
+};
+XComboboxCrossRoot.template = html `
+    <x-combobox-cross-root>
+      <option>1</option>
+      <option>2</option>
+      <option>3</option>
+      <option>4</option>
+      <option>5</option>
+      <option>6</option>
+      <option>7</option>
+      <option>8</option>
+      <option>9</option>
+      <option>10</option>
+    </x-combobox-cross-root>
+  `;
+XComboboxCrossRoot = __decorate([
+    customElement('x-combobox-cross-root')
+], XComboboxCrossRoot);
+let XComboboxLight = class XComboboxLight extends TestCombobox {
+    createRenderRoot() {
+        return this;
+    }
+    render() {
+        return html `
+      <input id="combobox">
+      <button id="button">Show Options</button>
+      <div id="listbox">
+        <option id="placeholder" aria-disabled="true">Select an Option</option>
+        <option>1</option>
+        <option>2</option>
+        <option>3</option>
+        <option>4</option>
+        <option>5</option>
+        <option>6</option>
+        <option>7</option>
+        <option>8</option>
+        <option>9</option>
+        <option>10</option>
+      </div>`;
+    }
+};
+XComboboxLight.template = html `
+    <x-combobox-light></x-combobox-light>
+  `;
+XComboboxLight = __decorate([
+    customElement('x-combobox-light')
+], XComboboxLight);
+let XComboboxShadow = class XComboboxShadow extends TestCombobox {
+    render() {
+        return html `
+      <input id="combobox">
+      <button id="button">Show Options</button>
+      <div id="listbox">
+        <option id="placeholder" aria-disabled="true">Select an Option</option>
+        <option>1</option>
+        <option>2</option>
+        <option>3</option>
+        <option>4</option>
+        <option>5</option>
+        <option>6</option>
+        <option>7</option>
+        <option>8</option>
+        <option>9</option>
+        <option>10</option>
+      </div>`;
+    }
+};
+XComboboxShadow.template = html `
+    <x-combobox-shadow></x-combobox-shadow>
+  `;
+XComboboxShadow = __decorate([
+    customElement('x-combobox-shadow')
+], XComboboxShadow);
+describe('ComboboxController', function () {
+    describe('Cross-root ARIA', XComboboxCrossRoot.test.bind(XComboboxCrossRoot));
+    describe('Light-DOM only', XComboboxLight.test.bind(XComboboxLight));
+    describe('Shadow-DOM only', XComboboxShadow.test.bind(XComboboxShadow));
+});
+//# sourceMappingURL=combobox-controller.spec.js.map

package/controllers/test/combobox-controller.spec.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"combobox-controller.spec.js","sourceRoot":"","sources":["combobox-controller.spec.ts"],"names":[],"mappings":"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","sourcesContent":["import { expect, fixture, nextFrame } from '@open-wc/testing';\nimport { sendKeys } from '@web/test-runner-commands';\nimport { a11ySnapshot } from '@patternfly/pfe-tools/test/a11y-snapshot.js';\n\nimport { customElement } from 'lit/decorators/custom-element.js';\nimport { query } from 'lit/decorators/query.js';\nimport { ReactiveElement, html, render, type PropertyValues, type TemplateResult } from 'lit';\n\nimport { ComboboxController } from '../combobox-controller.js';\n\nfunction press(key: string) {\n  return async function() {\n    await sendKeys({ press: key });\n  };\n}\n\nabstract class TestCombobox extends ReactiveElement {\n  declare static template: TemplateResult;\n\n  static styles = new CSSStyleSheet();\n\n  static {\n    this.styles.replaceSync(/* css */`\n      option {\n        &.active {\n          outline: 1px solid black;\n        }\n        &[selected] {\n          background: lightblue;\n        }\n      }\n    `);\n  }\n\n  controller = ComboboxController.of(this, {\n    multi: false,\n    getItems: () => this.options,\n    isItem: item => item instanceof HTMLOptionElement,\n    getFallbackLabel: () => 'options',\n    getListboxElement: () => this.listbox ?? null,\n    getToggleButton: () => this.button ?? null,\n    getComboboxInput: () => this.combobox ?? null,\n    isExpanded: () => !this.listbox.hidden,\n    requestShowListbox: () => void (this.listbox.hidden = false),\n    requestHideListbox: () => void (this.listbox.hidden = true),\n    setItemActive: (item, active) => item.classList.toggle('active', active),\n    setItemSelected: (item, selected) => item.selected = selected,\n  });\n\n  @query('#listbox') listbox!: HTMLElement;\n  @query('#button') button!: HTMLButtonElement;\n  @query('#combobox') combobox!: HTMLInputElement;\n  @query('#placeholder') placeholder!: HTMLOptionElement;\n\n  /** List of options */\n  get options(): HTMLOptionElement[] {\n    return [\n      ...new Set([\n        this.placeholder,\n        ...this.querySelectorAll('option'),\n        ...this.renderRoot.querySelectorAll('option'),\n      ]),\n    ].filter(x => !!x);\n  }\n\n  get selected() {\n    return this.options.filter(x => x.selected);\n  }\n\n  get activeOption() {\n    return this.options.find(x => x.classList.contains('active'));\n  }\n\n  abstract render(): TemplateResult;\n\n  override update(changed: PropertyValues<this>) {\n    render(this.render(), this.renderRoot);\n    super.update(changed);\n    this.placeholder.inert = !!this.controller.selected.length;\n  }\n\n  connectedCallback(): void {\n    super.connectedCallback();\n    const root = this.renderRoot.getRootNode() as Document | ShadowRoot;\n    root.adoptedStyleSheets = [...root.adoptedStyleSheets ?? [], TestCombobox.styles];\n  }\n\n  static async test() {\n    let element: TestCombobox;\n\n    const updateComplete = () => element.updateComplete;\n\n    const { template } = this;\n\n    if (!template) {\n      throw new Error(`${this.constructor.name} must implement template`);\n    }\n\n    beforeEach(async function() {\n      element = await fixture<TestCombobox>(template);\n    });\n\n    describe('Tab', function() {\n      beforeEach(press('Tab'));\n      beforeEach(updateComplete);\n\n      it('focuses the combobox', async function() {\n        expect(await a11ySnapshot()).axTreeFocusedNode.to.have.axRole('combobox');\n      });\n\n      describe('Tab', function() {\n        beforeEach(press('Tab'));\n        beforeEach(updateComplete);\n        beforeEach(nextFrame);\n\n        it('does not focus the toggle button', async function() {\n          expect(await a11ySnapshot()).to.not.axContainQuery({ focused: true });\n        });\n      });\n\n      describe('ArrowDown', function() {\n        beforeEach(press('ArrowDown'));\n        beforeEach(updateComplete);\n\n        it('expands the listbox', async function() {\n          expect(await a11ySnapshot())\n              .to.axContainRole('listbox')\n              .and\n              .to.axContainQuery({ role: 'combobox', expanded: true });\n        });\n\n        it('maintains DOM focus on the combobox', async function() {\n          expect(await a11ySnapshot()).axTreeFocusedNode.to.have.axRole('combobox');\n        });\n\n        it('sets active state on the placeholder', function() {\n          expect(element.activeOption).to.equal(element.placeholder);\n        });\n\n        describe('Enter', function() {\n          beforeEach(press('Enter'));\n          beforeEach(updateComplete);\n\n          it('maintains DOM focus on the combobox', async function() {\n            expect(await a11ySnapshot()).axTreeFocusedNode.to.have.axRole('combobox');\n          });\n\n          it('selects nothing', function() {\n            expect(element.selected).to.have.length(0);\n          });\n        });\n\n        describe('ArrowDown', function() {\n          beforeEach(press('ArrowDown'));\n          beforeEach(updateComplete);\n\n          it('maintains DOM focus on the combobox', async function() {\n            expect(await a11ySnapshot()).axTreeFocusedNode.to.have.axRole('combobox');\n          });\n\n          it('sets active state on the 1st option', function() {\n            expect(element.activeOption).to.have.text('1');\n          });\n\n          describe('Enter', function() {\n            beforeEach(press('Enter'));\n            beforeEach(updateComplete);\n\n            it('maintains DOM focus on the combobox', async function() {\n              expect(await a11ySnapshot()).axTreeFocusedNode.to.have.axRole('combobox');\n            });\n\n            it('selects the first option', function() {\n              expect(element.selected).to.have.length(1);\n              expect(element.selected.at(0)).to.have.text('1');\n            });\n\n            it('collapses the listbox', async function() {\n              expect(await a11ySnapshot())\n                  .to.not.axContainRole('listbox')\n                  .and\n                  .to.axContainQuery({ role: 'combobox', expanded: false });\n            });\n          });\n        });\n\n        describe('Escape', function() {\n          beforeEach(press('Escape'));\n          beforeEach(updateComplete);\n\n          it('collapses the listbox', async function() {\n            expect(await a11ySnapshot())\n                .to.not.axContainRole('listbox')\n                .and\n                .to.axContainQuery({ role: 'combobox', expanded: false });\n          });\n\n          it('maintains DOM focus on the combobox', async function() {\n            expect(await a11ySnapshot()).axTreeFocusedNode.to.have.axRole('combobox');\n          });\n        });\n      });\n    });\n  };\n}\n\n@customElement('x-combobox-cross-root')\nclass XComboboxCrossRoot extends TestCombobox {\n  static template = html`\n    <x-combobox-cross-root>\n      <option>1</option>\n      <option>2</option>\n      <option>3</option>\n      <option>4</option>\n      <option>5</option>\n      <option>6</option>\n      <option>7</option>\n      <option>8</option>\n      <option>9</option>\n      <option>10</option>\n    </x-combobox-cross-root>\n  `;\n\n\n  /** List of options */\n  override get options(): HTMLOptionElement[] {\n    return [\n      ...new Set([\n        this.placeholder,\n        ...this.querySelectorAll('option'),\n      ]),\n    ].filter(x => !!x);\n  }\n\n  render() {\n    return html`\n      <div id=\"toggle\">\n        <input id=\"combobox\">\n        <button id=\"button\">Show Options</button>\n      </div>\n      <div id=\"listbox\">\n        <option id=\"placeholder\" aria-disabled=\"true\">Select an Option</option>\n        ${this.controller.renderItemsToShadowRoot()}\n        <div ?hidden=${!ComboboxController.supportsCrossRootActiveDescendant}>\n          <slot></slot>\n        </div>\n      </div>\n    `;\n  }\n}\n\n@customElement('x-combobox-light')\nclass XComboboxLight extends TestCombobox {\n  static template = html`\n    <x-combobox-light></x-combobox-light>\n  `;\n\n  protected createRenderRoot(): HTMLElement | DocumentFragment {\n    return this;\n  }\n\n  render() {\n    return html`\n      <input id=\"combobox\">\n      <button id=\"button\">Show Options</button>\n      <div id=\"listbox\">\n        <option id=\"placeholder\" aria-disabled=\"true\">Select an Option</option>\n        <option>1</option>\n        <option>2</option>\n        <option>3</option>\n        <option>4</option>\n        <option>5</option>\n        <option>6</option>\n        <option>7</option>\n        <option>8</option>\n        <option>9</option>\n        <option>10</option>\n      </div>`;\n  }\n}\n\n@customElement('x-combobox-shadow')\nclass XComboboxShadow extends TestCombobox {\n  static template = html`\n    <x-combobox-shadow></x-combobox-shadow>\n  `;\n\n  render() {\n    return html`\n      <input id=\"combobox\">\n      <button id=\"button\">Show Options</button>\n      <div id=\"listbox\">\n        <option id=\"placeholder\" aria-disabled=\"true\">Select an Option</option>\n        <option>1</option>\n        <option>2</option>\n        <option>3</option>\n        <option>4</option>\n        <option>5</option>\n        <option>6</option>\n        <option>7</option>\n        <option>8</option>\n        <option>9</option>\n        <option>10</option>\n      </div>`;\n  }\n}\n\ndescribe('ComboboxController', function() {\n  describe('Cross-root ARIA', XComboboxCrossRoot.test.bind(XComboboxCrossRoot));\n  describe('Light-DOM only', XComboboxLight.test.bind(XComboboxLight));\n  describe('Shadow-DOM only', XComboboxShadow.test.bind(XComboboxShadow));\n});\n"]}

package/controllers/timestamp-controller.js

@@ -1,3 +1,5 @@
+var _TimestampController_instances, _a, _TimestampController_isTimestampOptionKey, _TimestampController_date, _TimestampController_options, _TimestampController_host, _TimestampController_getTimeRelative;
+import { __classPrivateFieldGet, __classPrivateFieldSet } from "tslib";
 const defaults = {
     dateFormat: undefined,
     timeFormat: undefined,
@@ -9,100 +11,101 @@ const defaults = {
     hour12: false,
 };
 export class TimestampController {
-    static #isTimestampOptionKey(prop) {
-        return prop in defaults;
-    }
-    #date = new Date();
-    #options = {};
-    #host;
     get localeString() {
-        return this.#date.toLocaleString(this.#options.locale);
+        return __classPrivateFieldGet(this, _TimestampController_date, "f").toLocaleString(__classPrivateFieldGet(this, _TimestampController_options, "f").locale);
     }
     get date() {
-        return this.#date;
+        return __classPrivateFieldGet(this, _TimestampController_date, "f");
     }
     set date(string) {
-        this.#date = new Date(string);
+        __classPrivateFieldSet(this, _TimestampController_date, new Date(string), "f");
     }
     get isoString() {
-        return this.#date.toISOString();
+        return __classPrivateFieldGet(this, _TimestampController_date, "f").toISOString();
     }
     get time() {
-        if (this.#options.relative) {
-            return this.#getTimeRelative();
+        if (__classPrivateFieldGet(this, _TimestampController_options, "f").relative) {
+            return __classPrivateFieldGet(this, _TimestampController_instances, "m", _TimestampController_getTimeRelative).call(this);
         }
         else {
-            let { displaySuffix, locale } = this.#options;
-            if (this.#options.utc) {
-                displaySuffix ||= 'UTC';
+            let { displaySuffix } = __classPrivateFieldGet(this, _TimestampController_options, "f");
+            const { locale } = __classPrivateFieldGet(this, _TimestampController_options, "f");
+            if (__classPrivateFieldGet(this, _TimestampController_options, "f").utc) {
+                displaySuffix || (displaySuffix = 'UTC');
             }
-            const localeString = this.#date.toLocaleString(locale, this.#options.customFormat ?? {
-                hour12: this.#options.hour12,
-                timeStyle: this.#options.timeFormat,
-                dateStyle: this.#options.dateFormat,
-                ...this.#options.utc && { timeZone: 'UTC' },
+            const localeString = __classPrivateFieldGet(this, _TimestampController_date, "f").toLocaleString(locale, __classPrivateFieldGet(this, _TimestampController_options, "f").customFormat ?? {
+                hour12: __classPrivateFieldGet(this, _TimestampController_options, "f").hour12,
+                timeStyle: __classPrivateFieldGet(this, _TimestampController_options, "f").timeFormat,
+                dateStyle: __classPrivateFieldGet(this, _TimestampController_options, "f").dateFormat,
+                ...__classPrivateFieldGet(this, _TimestampController_options, "f").utc && { timeZone: 'UTC' },
             });
             return `${localeString} ${displaySuffix ?? ''}`.trim();
         }
     }
     constructor(host, options) {
-        this.#host = host;
+        _TimestampController_instances.add(this);
+        _TimestampController_date.set(this, new Date());
+        _TimestampController_options.set(this, {});
+        _TimestampController_host.set(this, void 0);
+        __classPrivateFieldSet(this, _TimestampController_host, host, "f");
         host.addController(this);
-        for (const [name, value] of Object.entries(this.#options)) {
+        for (const [name, value] of Object.entries(__classPrivateFieldGet(this, _TimestampController_options, "f"))) {
             // @ts-expect-error: seems typescript compiler isn't up to the task here
-            this.#options[name] = options?.[name] ?? value;
-        }
-    }
-    /**
-     * Based off of Github Relative Time
-     * https://github.com/github/time-elements/blob/master/src/relative-time.js
-     */
-    #getTimeRelative() {
-        const date = this.#date;
-        const { locale } = this.#options;
-        const rtf = new Intl.RelativeTimeFormat(locale, { localeMatcher: 'best fit', numeric: 'auto', style: 'long' });
-        const ms = date.getTime() - Date.now();
-        const tense = ms > 0 ? 1 : -1;
-        let qty = 0;
-        let units;
-        const s = Math.round(Math.abs(ms) / 1000);
-        const min = Math.round(s / 60);
-        const h = Math.round(min / 60);
-        const d = Math.round(h / 24);
-        const m = Math.round(d / 30);
-        const y = Math.round(m / 12);
-        if (m >= 12) {
-            qty = y;
-            units = 'year';
-        }
-        else if (d >= 30) {
-            qty = m;
-            units = 'month';
-        }
-        else if (h >= 24) {
-            qty = d;
-            units = 'day';
-        }
-        else if (min >= 45) {
-            qty = h;
-            units = 'hour';
-        }
-        else if (s >= 45) {
-            qty = min;
-            units = 'minute';
-        }
-        else if (s >= 10) {
-            qty = s;
-            units = 'second';
+            __classPrivateFieldGet(this, _TimestampController_options, "f")[name] = options?.[name] ?? value;
         }
-        return typeof (units) !== 'undefined' ? rtf.format(tense * qty, units) : 'just now';
     }
     set(prop, value) {
-        if (TimestampController.#isTimestampOptionKey(prop)) {
+        if (__classPrivateFieldGet(_a, _a, "m", _TimestampController_isTimestampOptionKey).call(_a, prop)) {
             // @ts-expect-error: seems typescript compiler isn't up to the task here
-            this.#options[prop] = value;
-            this.#host.requestUpdate();
+            __classPrivateFieldGet(this, _TimestampController_options, "f")[prop] = value;
+            __classPrivateFieldGet(this, _TimestampController_host, "f").requestUpdate();
         }
     }
 }
+_a = TimestampController, _TimestampController_date = new WeakMap(), _TimestampController_options = new WeakMap(), _TimestampController_host = new WeakMap(), _TimestampController_instances = new WeakSet(), _TimestampController_isTimestampOptionKey = function _TimestampController_isTimestampOptionKey(prop) {
+    return prop in defaults;
+}, _TimestampController_getTimeRelative = function _TimestampController_getTimeRelative() {
+    const date = __classPrivateFieldGet(this, _TimestampController_date, "f");
+    const { locale } = __classPrivateFieldGet(this, _TimestampController_options, "f");
+    const rtf = new Intl.RelativeTimeFormat(locale, {
+        localeMatcher: 'best fit',
+        numeric: 'auto',
+        style: 'long',
+    });
+    const ms = date.getTime() - Date.now();
+    const tense = ms > 0 ? 1 : -1;
+    let qty = 0;
+    let units;
+    const s = Math.round(Math.abs(ms) / 1000);
+    const min = Math.round(s / 60);
+    const h = Math.round(min / 60);
+    const d = Math.round(h / 24);
+    const m = Math.round(d / 30);
+    const y = Math.round(m / 12);
+    if (m >= 12) {
+        qty = y;
+        units = 'year';
+    }
+    else if (d >= 30) {
+        qty = m;
+        units = 'month';
+    }
+    else if (h >= 24) {
+        qty = d;
+        units = 'day';
+    }
+    else if (min >= 45) {
+        qty = h;
+        units = 'hour';
+    }
+    else if (s >= 45) {
+        qty = min;
+        units = 'minute';
+    }
+    else if (s >= 10) {
+        qty = s;
+        units = 'second';
+    }
+    return typeof (units) !== 'undefined' ? rtf.format(tense * qty, units) : 'just now';
+};
 //# sourceMappingURL=timestamp-controller.js.map

package/controllers/timestamp-controller.js.map

@@ -1 +1 @@
-{"version":3,"file":"timestamp-controller.js","sourceRoot":"","sources":["timestamp-controller.ts"],"names":[],"mappings":"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","sourcesContent":["import type { ReactiveController, ReactiveControllerHost } from 'lit';\n\nexport type DateTimeFormat = 'full' | 'long' | 'medium' | 'short';\n\nexport interface TimestampOptions {\n  dateFormat?: DateTimeFormat;\n  timeFormat?: DateTimeFormat;\n  customFormat?: Intl.DateTimeFormatOptions;\n  displaySuffix: string;\n  locale: Intl.LocalesArgument;\n  relative: boolean;\n  utc: boolean;\n  hour12: boolean;\n}\n\nconst defaults = {\n  dateFormat: undefined,\n  timeFormat: undefined,\n  customFormat: undefined,\n  displaySuffix: '',\n  locale: undefined,\n  relative: false,\n  utc: false,\n  hour12: false,\n} as const;\n\nexport class TimestampController implements ReactiveController {\n  static #isTimestampOptionKey(prop: PropertyKey): prop is keyof TimestampOptions {\n    return prop in defaults;\n  }\n\n  #date = new Date();\n\n  #options: TimestampOptions = {} as TimestampOptions;\n\n  #host: ReactiveControllerHost;\n\n  get localeString() {\n    return this.#date.toLocaleString(this.#options.locale);\n  }\n\n  get date() {\n    return this.#date;\n  }\n\n  set date(string) {\n    this.#date = new Date(string);\n  }\n\n  get isoString() {\n    return this.#date.toISOString();\n  }\n\n  get time() {\n    if (this.#options.relative) {\n      return this.#getTimeRelative();\n    } else {\n      let { displaySuffix, locale } = this.#options;\n      if (this.#options.utc) {\n        displaySuffix ||= 'UTC';\n      }\n      const localeString = this.#date.toLocaleString(locale, this.#options.customFormat ?? {\n        hour12: this.#options.hour12,\n        timeStyle: this.#options.timeFormat,\n        dateStyle: this.#options.dateFormat,\n        ...this.#options.utc && { timeZone: 'UTC' },\n      });\n\n      return `${localeString} ${displaySuffix ?? ''}`.trim();\n    }\n  }\n\n  constructor(host: ReactiveControllerHost, options?: Partial<TimestampOptions>) {\n    this.#host = host;\n    host.addController(this);\n    for (const [name, value] of Object.entries(this.#options)) {\n      // @ts-expect-error: seems typescript compiler isn't up to the task here\n      this.#options[name] = options?.[name] ?? value;\n    }\n  }\n\n  hostConnected?(): void\n\n  /**\n   * Based off of Github Relative Time\n   * https://github.com/github/time-elements/blob/master/src/relative-time.js\n   */\n  #getTimeRelative() {\n    const date = this.#date;\n    const { locale } = this.#options;\n    const rtf = new Intl.RelativeTimeFormat(locale as string, { localeMatcher: 'best fit', numeric: 'auto', style: 'long' });\n    const ms: number = date.getTime() - Date.now();\n    const tense = ms > 0 ? 1 : -1;\n    let qty = 0;\n    let units: Intl.RelativeTimeFormatUnit | undefined;\n    const s = Math.round(Math.abs(ms) / 1000);\n    const min = Math.round(s / 60);\n    const h = Math.round(min / 60);\n    const d = Math.round(h / 24);\n    const m = Math.round(d / 30);\n    const y = Math.round(m / 12);\n    if (m >= 12) {\n      qty = y;\n      units = 'year';\n    } else if (d >= 30) {\n      qty = m;\n      units = 'month';\n    } else if (h >= 24) {\n      qty = d;\n      units = 'day';\n    } else if (min >= 45) {\n      qty = h;\n      units = 'hour';\n    } else if (s >= 45) {\n      qty = min;\n      units = 'minute';\n    } else if (s >= 10) {\n      qty = s;\n      units = 'second';\n    }\n\n    return typeof (units) !== 'undefined' ? rtf.format(tense * qty, units) : 'just now';\n  }\n\n  set(prop: PropertyKey, value: unknown) {\n    if (TimestampController.#isTimestampOptionKey(prop)) {\n      // @ts-expect-error: seems typescript compiler isn't up to the task here\n      this.#options[prop] = value;\n      this.#host.requestUpdate();\n    }\n  }\n}\n"]}
+{"version":3,"file":"timestamp-controller.js","sourceRoot":"","sources":["timestamp-controller.ts"],"names":[],"mappings":";;AAeA,MAAM,QAAQ,GAAG;IACf,UAAU,EAAE,SAAS;IACrB,UAAU,EAAE,SAAS;IACrB,YAAY,EAAE,SAAS;IACvB,aAAa,EAAE,EAAE;IACjB,MAAM,EAAE,SAAS;IACjB,QAAQ,EAAE,KAAK;IACf,GAAG,EAAE,KAAK;IACV,MAAM,EAAE,KAAK;CACL,CAAC;AAEX,MAAM,OAAO,mBAAmB;IAW9B,IAAI,YAAY;QACd,OAAO,uBAAA,IAAI,iCAAM,CAAC,cAAc,CAAC,uBAAA,IAAI,oCAAS,CAAC,MAAM,CAAC,CAAC;IACzD,CAAC;IAED,IAAI,IAAI;QACN,OAAO,uBAAA,IAAI,iCAAM,CAAC;IACpB,CAAC;IAED,IAAI,IAAI,CAAC,MAAM;QACb,uBAAA,IAAI,6BAAS,IAAI,IAAI,CAAC,MAAM,CAAC,MAAA,CAAC;IAChC,CAAC;IAED,IAAI,SAAS;QACX,OAAO,uBAAA,IAAI,iCAAM,CAAC,WAAW,EAAE,CAAC;IAClC,CAAC;IAED,IAAI,IAAI;QACN,IAAI,uBAAA,IAAI,oCAAS,CAAC,QAAQ,EAAE,CAAC;YAC3B,OAAO,uBAAA,IAAI,4EAAiB,MAArB,IAAI,CAAmB,CAAC;QACjC,CAAC;aAAM,CAAC;YACN,IAAI,EAAE,aAAa,EAAE,GAAG,uBAAA,IAAI,oCAAS,CAAC;YACtC,MAAM,EAAE,MAAM,EAAE,GAAG,uBAAA,IAAI,oCAAS,CAAC;YACjC,IAAI,uBAAA,IAAI,oCAAS,CAAC,GAAG,EAAE,CAAC;gBACtB,aAAa,KAAb,aAAa,GAAK,KAAK,EAAC;YAC1B,CAAC;YACD,MAAM,YAAY,GAAG,uBAAA,IAAI,iCAAM,CAAC,cAAc,CAAC,MAAM,EAAE,uBAAA,IAAI,oCAAS,CAAC,YAAY,IAAI;gBACnF,MAAM,EAAE,uBAAA,IAAI,oCAAS,CAAC,MAAM;gBAC5B,SAAS,EAAE,uBAAA,IAAI,oCAAS,CAAC,UAAU;gBACnC,SAAS,EAAE,uBAAA,IAAI,oCAAS,CAAC,UAAU;gBACnC,GAAG,uBAAA,IAAI,oCAAS,CAAC,GAAG,IAAI,EAAE,QAAQ,EAAE,KAAK,EAAE;aAC5C,CAAC,CAAC;YAEH,OAAO,GAAG,YAAY,IAAI,aAAa,IAAI,EAAE,EAAE,CAAC,IAAI,EAAE,CAAC;QACzD,CAAC;IACH,CAAC;IAED,YAAY,IAA4B,EAAE,OAAmC;;QA1C7E,oCAAQ,IAAI,IAAI,EAAE,EAAC;QAEnB,uCAA6B,EAAsB,EAAC;QAEpD,4CAA8B;QAuC5B,uBAAA,IAAI,6BAAS,IAAI,MAAA,CAAC;QAClB,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,CAAC;QACzB,KAAK,MAAM,CAAC,IAAI,EAAE,KAAK,CAAC,IAAI,MAAM,CAAC,OAAO,CAAC,uBAAA,IAAI,oCAAS,CAAC,EAAE,CAAC;YAC1D,wEAAwE;YACxE,uBAAA,IAAI,oCAAS,CAAC,IAAI,CAAC,GAAG,OAAO,EAAE,CAAC,IAAI,CAAC,IAAI,KAAK,CAAC;QACjD,CAAC;IACH,CAAC;IAiDD,GAAG,CAAC,IAAiB,EAAE,KAAc;QACnC,IAAI,uBAAA,EAAmB,qDAAsB,MAAzC,EAAmB,EAAuB,IAAI,CAAC,EAAE,CAAC;YACpD,wEAAwE;YACxE,uBAAA,IAAI,oCAAS,CAAC,IAAI,CAAC,GAAG,KAAK,CAAC;YAC5B,uBAAA,IAAI,iCAAM,CAAC,aAAa,EAAE,CAAC;QAC7B,CAAC;IACH,CAAC;CACF;6SA7G8B,IAAiB;IAC5C,OAAO,IAAI,IAAI,QAAQ,CAAC;AAC1B,CAAC;IA4DC,MAAM,IAAI,GAAG,uBAAA,IAAI,iCAAM,CAAC;IACxB,MAAM,EAAE,MAAM,EAAE,GAAG,uBAAA,IAAI,oCAAS,CAAC;IACjC,MAAM,GAAG,GAAG,IAAI,IAAI,CAAC,kBAAkB,CAAC,MAAgB,EAAE;QACxD,aAAa,EAAE,UAAU;QACzB,OAAO,EAAE,MAAM;QACf,KAAK,EAAE,MAAM;KACd,CAAC,CAAC;IACH,MAAM,EAAE,GAAW,IAAI,CAAC,OAAO,EAAE,GAAG,IAAI,CAAC,GAAG,EAAE,CAAC;IAC/C,MAAM,KAAK,GAAG,EAAE,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;IAC9B,IAAI,GAAG,GAAG,CAAC,CAAC;IACZ,IAAI,KAA8C,CAAC;IACnD,MAAM,CAAC,GAAG,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,IAAI,CAAC,CAAC;IAC1C,MAAM,GAAG,GAAG,IAAI,CAAC,KAAK,CAAC,CAAC,GAAG,EAAE,CAAC,CAAC;IAC/B,MAAM,CAAC,GAAG,IAAI,CAAC,KAAK,CAAC,GAAG,GAAG,EAAE,CAAC,CAAC;IAC/B,MAAM,CAAC,GAAG,IAAI,CAAC,KAAK,CAAC,CAAC,GAAG,EAAE,CAAC,CAAC;IAC7B,MAAM,CAAC,GAAG,IAAI,CAAC,KAAK,CAAC,CAAC,GAAG,EAAE,CAAC,CAAC;IAC7B,MAAM,CAAC,GAAG,IAAI,CAAC,KAAK,CAAC,CAAC,GAAG,EAAE,CAAC,CAAC;IAC7B,IAAI,CAAC,IAAI,EAAE,EAAE,CAAC;QACZ,GAAG,GAAG,CAAC,CAAC;QACR,KAAK,GAAG,MAAM,CAAC;IACjB,CAAC;SAAM,IAAI,CAAC,IAAI,EAAE,EAAE,CAAC;QACnB,GAAG,GAAG,CAAC,CAAC;QACR,KAAK,GAAG,OAAO,CAAC;IAClB,CAAC;SAAM,IAAI,CAAC,IAAI,EAAE,EAAE,CAAC;QACnB,GAAG,GAAG,CAAC,CAAC;QACR,KAAK,GAAG,KAAK,CAAC;IAChB,CAAC;SAAM,IAAI,GAAG,IAAI,EAAE,EAAE,CAAC;QACrB,GAAG,GAAG,CAAC,CAAC;QACR,KAAK,GAAG,MAAM,CAAC;IACjB,CAAC;SAAM,IAAI,CAAC,IAAI,EAAE,EAAE,CAAC;QACnB,GAAG,GAAG,GAAG,CAAC;QACV,KAAK,GAAG,QAAQ,CAAC;IACnB,CAAC;SAAM,IAAI,CAAC,IAAI,EAAE,EAAE,CAAC;QACnB,GAAG,GAAG,CAAC,CAAC;QACR,KAAK,GAAG,QAAQ,CAAC;IACnB,CAAC;IAED,OAAO,OAAO,CAAC,KAAK,CAAC,KAAK,WAAW,CAAC,CAAC,CAAC,GAAG,CAAC,MAAM,CAAC,KAAK,GAAG,GAAG,EAAE,KAAK,CAAC,CAAC,CAAC,CAAC,UAAU,CAAC;AACtF,CAAC","sourcesContent":["import type { ReactiveController, ReactiveControllerHost } from 'lit';\n\nexport type DateTimeFormat = 'full' | 'long' | 'medium' | 'short';\n\nexport interface TimestampOptions {\n  dateFormat?: DateTimeFormat;\n  timeFormat?: DateTimeFormat;\n  customFormat?: Intl.DateTimeFormatOptions;\n  displaySuffix: string;\n  locale: Intl.LocalesArgument;\n  relative: boolean;\n  utc: boolean;\n  hour12: boolean;\n}\n\nconst defaults = {\n  dateFormat: undefined,\n  timeFormat: undefined,\n  customFormat: undefined,\n  displaySuffix: '',\n  locale: undefined,\n  relative: false,\n  utc: false,\n  hour12: false,\n} as const;\n\nexport class TimestampController implements ReactiveController {\n  static #isTimestampOptionKey(prop: PropertyKey): prop is keyof TimestampOptions {\n    return prop in defaults;\n  }\n\n  #date = new Date();\n\n  #options: TimestampOptions = {} as TimestampOptions;\n\n  #host: ReactiveControllerHost;\n\n  get localeString(): string {\n    return this.#date.toLocaleString(this.#options.locale);\n  }\n\n  get date(): Date {\n    return this.#date;\n  }\n\n  set date(string) {\n    this.#date = new Date(string);\n  }\n\n  get isoString(): string {\n    return this.#date.toISOString();\n  }\n\n  get time(): string {\n    if (this.#options.relative) {\n      return this.#getTimeRelative();\n    } else {\n      let { displaySuffix } = this.#options;\n      const { locale } = this.#options;\n      if (this.#options.utc) {\n        displaySuffix ||= 'UTC';\n      }\n      const localeString = this.#date.toLocaleString(locale, this.#options.customFormat ?? {\n        hour12: this.#options.hour12,\n        timeStyle: this.#options.timeFormat,\n        dateStyle: this.#options.dateFormat,\n        ...this.#options.utc && { timeZone: 'UTC' },\n      });\n\n      return `${localeString} ${displaySuffix ?? ''}`.trim();\n    }\n  }\n\n  constructor(host: ReactiveControllerHost, options?: Partial<TimestampOptions>) {\n    this.#host = host;\n    host.addController(this);\n    for (const [name, value] of Object.entries(this.#options)) {\n      // @ts-expect-error: seems typescript compiler isn't up to the task here\n      this.#options[name] = options?.[name] ?? value;\n    }\n  }\n\n  hostConnected?(): void;\n\n  /**\n   * Based off of Github Relative Time\n   * https://github.com/github/time-elements/blob/master/src/relative-time.js\n   */\n  #getTimeRelative() {\n    const date = this.#date;\n    const { locale } = this.#options;\n    const rtf = new Intl.RelativeTimeFormat(locale as string, {\n      localeMatcher: 'best fit',\n      numeric: 'auto',\n      style: 'long',\n    });\n    const ms: number = date.getTime() - Date.now();\n    const tense = ms > 0 ? 1 : -1;\n    let qty = 0;\n    let units: Intl.RelativeTimeFormatUnit | undefined;\n    const s = Math.round(Math.abs(ms) / 1000);\n    const min = Math.round(s / 60);\n    const h = Math.round(min / 60);\n    const d = Math.round(h / 24);\n    const m = Math.round(d / 30);\n    const y = Math.round(m / 12);\n    if (m >= 12) {\n      qty = y;\n      units = 'year';\n    } else if (d >= 30) {\n      qty = m;\n      units = 'month';\n    } else if (h >= 24) {\n      qty = d;\n      units = 'day';\n    } else if (min >= 45) {\n      qty = h;\n      units = 'hour';\n    } else if (s >= 45) {\n      qty = min;\n      units = 'minute';\n    } else if (s >= 10) {\n      qty = s;\n      units = 'second';\n    }\n\n    return typeof (units) !== 'undefined' ? rtf.format(tense * qty, units) : 'just now';\n  }\n\n  set(prop: PropertyKey, value: unknown): void {\n    if (TimestampController.#isTimestampOptionKey(prop)) {\n      // @ts-expect-error: seems typescript compiler isn't up to the task here\n      this.#options[prop] = value;\n      this.#host.requestUpdate();\n    }\n  }\n}\n"]}

package/core.d.ts

@@ -1,20 +1,7 @@
 import type { ComplexAttributeConverter } from 'lit';
-/** PatternFly Elements global config object */
-export interface PfeConfig {
-    /** Set to false to disable client-side page load performance tracking */
-    trackPerformance?: boolean;
-    /** Set to false to disable various debug logs */
-    log?: boolean;
-    /** Set to false to disable automatically removing `unresolved` attr from body */
-    autoReveal?: boolean;
-}
-declare const noPref: unique symbol;
-/**
- * A boolean value that indicates if the performance should be tracked.
- * For use in a JS file or script tag; can also be added in the constructor of a component during development.
- * @example trackPerformance(true);
- */
-export declare function trackPerformance(preference?: boolean | typeof noPref): boolean | undefined;
+export type RequireProps<T, Ps extends keyof T> = T & {
+    [P in Ps]-?: T[P];
+};
 /**
  * A LitElement property converter which represents a list of numbers as a comma separated string
  * @see https://lit.dev/docs/components/properties/#conversion-converter
@@ -32,10 +19,3 @@ export declare const StringListConverter: ComplexAttributeConverter<string[] | n
 export declare class ComposedEvent extends Event {
     constructor(type: string, init?: EventInit);
 }
-declare global {
-    interface Window {
-        /** Global configuration settings for PatternFly Elements */
-        PfeConfig: PfeConfig;
-    }
-}
-export {};

package/core.js

@@ -1,19 +1,3 @@
-const noPref = Symbol();
-/** Retrieve an HTML metadata item */
-function getMeta(name) {
-    return document.head.querySelector(`meta[name="${name}"]`)?.content;
-}
-/**
- * A boolean value that indicates if the performance should be tracked.
- * For use in a JS file or script tag; can also be added in the constructor of a component during development.
- * @example trackPerformance(true);
- */
-export function trackPerformance(preference = noPref) {
-    if (preference !== noPref) {
-        window.PfeConfig.trackPerformance = !!preference;
-    }
-    return window.PfeConfig.trackPerformance;
-}
 function makeConverter(f) {
     return {
         fromAttribute(value) {
@@ -48,29 +32,8 @@ export class ComposedEvent extends Event {
         super(type, {
             bubbles: true,
             composed: true,
-            ...init
+            ...init,
         });
     }
 }
-const bodyNoAutoReveal = document.body.hasAttribute('no-auto-reveal');
-/** Global patternfly elements config */
-window.PfeConfig = Object.assign(window.PfeConfig ?? {}, {
-    trackPerformance: window.PfeConfig?.trackPerformance ?? getMeta('pf-track-performance') === 'true',
-    // if the body tag has `no-auto-reveal` attribute, reveal immediately
-    // if `<meta name="pf-auto-reveal">` exists, and it's `content` is 'true',
-    // then auto-reveal the body
-    autoReveal: window.PfeConfig?.autoReveal ?? (bodyNoAutoReveal ? !bodyNoAutoReveal
-        : getMeta('pf-auto-reveal') === 'true'),
-    get log() {
-        return !!localStorage.pfeLog;
-    },
-    set log(v) {
-        if (v) {
-            localStorage.setItem('pfeLog', `${true}`);
-        }
-        else {
-            localStorage.removeItem('pfeLog');
-        }
-    },
-});
 //# sourceMappingURL=core.js.map

package/core.js.map

@@ -1 +1 @@
-{"version":3,"file":"core.js","sourceRoot":"","sources":["core.ts"],"names":[],"mappings":"AAYA,MAAM,MAAM,GAAG,MAAM,EAAE,CAAC;AAExB,qCAAqC;AACrC,SAAS,OAAO,CAAC,IAAY;IAC3B,OAAO,QAAQ,CAAC,IAAI,CAAC,aAAa,CAAkB,cAAc,IAAI,IAAI,CAAC,EAAE,OAAO,CAAC;AACvF,CAAC;AAED;;;;GAIG;AACH,MAAM,UAAU,gBAAgB,CAAC,aAAsC,MAAM;IAC3E,IAAI,UAAU,KAAK,MAAM,EAAE;QACzB,MAAM,CAAC,SAAS,CAAC,gBAAgB,GAAG,CAAC,CAAC,UAAU,CAAC;KAClD;IACD,OAAO,MAAM,CAAC,SAAS,CAAC,gBAAgB,CAAC;AAC3C,CAAC;AAED,SAAS,aAAa,CAAI,CAAmC;IAC3D,OAAO;QACL,aAAa,CAAC,KAAa;YACzB,IAAI,OAAO,KAAK,KAAK,QAAQ,EAAE;gBAC7B,OAAO,IAAI,CAAC;aACb;iBAAM;gBACL,OAAO,KAAK,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;aAChC;QACH,CAAC;QACD,WAAW,CAAC,KAAU;YACpB,OAAO,KAAK,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;QACzB,CAAC;KACF,CAAC;AACJ,CAAC;AAED;;;GAGG;AACH,MAAM,CAAC,MAAM,mBAAmB,GAC9B,aAAa,CAAC,CAAC,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,EAAE,IAAI,EAAE,EAAE,EAAE,CAAC,CAAC,CAAC;AAE9C;;;GAGG;AACH,MAAM,CAAC,MAAM,mBAAmB,GAC9B,aAAa,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI,EAAE,CAAC,CAAC;AAE/B;;;GAGG;AACH,MAAM,OAAO,aAAc,SAAQ,KAAK;IACtC,YAAY,IAAY,EAAE,IAAgB;QACxC,KAAK,CAAC,IAAI,EAAE;YACV,OAAO,EAAE,IAAI;YACb,QAAQ,EAAE,IAAI;YACd,GAAG,IAAI;SACR,CAAC,CAAC;IACL,CAAC;CACF;AAWD,MAAM,gBAAgB,GAAG,QAAQ,CAAC,IAAI,CAAC,YAAY,CAAC,gBAAgB,CAAC,CAAC;AAEtE,wCAAwC;AACxC,MAAM,CAAC,SAAS,GAAG,MAAM,CAAC,MAAM,CAAC,MAAM,CAAC,SAAS,IAAI,EAAE,EAAE;IACvD,gBAAgB,EAAE,MAAM,CAAC,SAAS,EAAE,gBAAgB,IAAI,OAAO,CAAC,sBAAsB,CAAC,KAAK,MAAM;IAClG,qEAAqE;IACrE,0EAA0E;IAC1E,4BAA4B;IAC5B,UAAU,EAAE,MAAM,CAAC,SAAS,EAAE,UAAU,IAAI,CACxC,gBAAgB,CAAC,CAAC,CAAC,CAAC,gBAAgB;QACtC,CAAC,CAAC,OAAO,CAAC,gBAAgB,CAAC,KAAK,MAAM,CACvC;IACD,IAAI,GAAG;QACL,OAAO,CAAC,CAAC,YAAY,CAAC,MAAM,CAAC;IAC/B,CAAC;IACD,IAAI,GAAG,CAAC,CAAU;QAChB,IAAI,CAAC,EAAE;YACL,YAAY,CAAC,OAAO,CAAC,QAAQ,EAAE,GAAG,IAAI,EAAE,CAAC,CAAC;SAC3C;aAAM;YACL,YAAY,CAAC,UAAU,CAAC,QAAQ,CAAC,CAAC;SACnC;IACH,CAAC;CACF,CAAC,CAAC","sourcesContent":["import type { ComplexAttributeConverter } from 'lit';\n\n/** PatternFly Elements global config object */\nexport interface PfeConfig {\n  /** Set to false to disable client-side page load performance tracking */\n  trackPerformance?: boolean;\n  /** Set to false to disable various debug logs */\n  log?: boolean;\n  /** Set to false to disable automatically removing `unresolved` attr from body */\n  autoReveal?: boolean;\n}\n\nconst noPref = Symbol();\n\n/** Retrieve an HTML metadata item */\nfunction getMeta(name: string): string | undefined {\n  return document.head.querySelector<HTMLMetaElement>(`meta[name=\"${name}\"]`)?.content;\n}\n\n/**\n * A boolean value that indicates if the performance should be tracked.\n * For use in a JS file or script tag; can also be added in the constructor of a component during development.\n * @example trackPerformance(true);\n */\nexport function trackPerformance(preference: boolean | typeof noPref = noPref) {\n  if (preference !== noPref) {\n    window.PfeConfig.trackPerformance = !!preference;\n  }\n  return window.PfeConfig.trackPerformance;\n}\n\nfunction makeConverter<T>(f: (x: string, type?: unknown) => T): ComplexAttributeConverter<null | T[]> {\n  return {\n    fromAttribute(value: string) {\n      if (typeof value !== 'string') {\n        return null;\n      } else {\n        return value.split(',').map(f);\n      }\n    },\n    toAttribute(value: T[]) {\n      return value.join(',');\n    },\n  };\n}\n\n/**\n * A LitElement property converter which represents a list of numbers as a comma separated string\n * @see https://lit.dev/docs/components/properties/#conversion-converter\n */\nexport const NumberListConverter =\n  makeConverter(x => parseInt(x?.trim(), 10));\n\n/**\n * A LitElement property converter which represents a list of strings as a comma separated string\n * @see https://lit.dev/docs/components/properties/#conversion-converter\n */\nexport const StringListConverter =\n  makeConverter(x => x.trim());\n\n/**\n * A composed, bubbling event for UI interactions\n * e.g. when an accordion panel opens.\n */\nexport class ComposedEvent extends Event {\n  constructor(type: string, init?: EventInit) {\n    super(type, {\n      bubbles: true,\n      composed: true,\n      ...init\n    });\n  }\n}\n\n// 👇 SIDE EFFECTS 👇\n\ndeclare global {\n  interface Window {\n    /** Global configuration settings for PatternFly Elements */\n    PfeConfig: PfeConfig;\n  }\n}\n\nconst bodyNoAutoReveal = document.body.hasAttribute('no-auto-reveal');\n\n/** Global patternfly elements config */\nwindow.PfeConfig = Object.assign(window.PfeConfig ?? {}, {\n  trackPerformance: window.PfeConfig?.trackPerformance ?? getMeta('pf-track-performance') === 'true',\n  // if the body tag has `no-auto-reveal` attribute, reveal immediately\n  // if `<meta name=\"pf-auto-reveal\">` exists, and it's `content` is 'true',\n  // then auto-reveal the body\n  autoReveal: window.PfeConfig?.autoReveal ?? (\n      bodyNoAutoReveal ? !bodyNoAutoReveal\n    : getMeta('pf-auto-reveal') === 'true'\n  ),\n  get log() {\n    return !!localStorage.pfeLog;\n  },\n  set log(v: boolean) {\n    if (v) {\n      localStorage.setItem('pfeLog', `${true}`);\n    } else {\n      localStorage.removeItem('pfeLog');\n    }\n  },\n});\n"]}
+{"version":3,"file":"core.js","sourceRoot":"","sources":["core.ts"],"names":[],"mappings":"AAMA,SAAS,aAAa,CACpB,CAAmC;IAEnC,OAAO;QACL,aAAa,CAAC,KAAa;YACzB,IAAI,OAAO,KAAK,KAAK,QAAQ,EAAE,CAAC;gBAC9B,OAAO,IAAI,CAAC;YACd,CAAC;iBAAM,CAAC;gBACN,OAAO,KAAK,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;YACjC,CAAC;QACH,CAAC;QACD,WAAW,CAAC,KAAU;YACpB,OAAO,KAAK,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;QACzB,CAAC;KACF,CAAC;AACJ,CAAC;AAED;;;GAGG;AACH,MAAM,CAAC,MAAM,mBAAmB,GAC9B,aAAa,CAAC,CAAC,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,EAAE,IAAI,EAAE,EAAE,EAAE,CAAC,CAAC,CAAC;AAE9C;;;GAGG;AACH,MAAM,CAAC,MAAM,mBAAmB,GAC9B,aAAa,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI,EAAE,CAAC,CAAC;AAE/B;;;GAGG;AACH,MAAM,OAAO,aAAc,SAAQ,KAAK;IACtC,YAAY,IAAY,EAAE,IAAgB;QACxC,KAAK,CAAC,IAAI,EAAE;YACV,OAAO,EAAE,IAAI;YACb,QAAQ,EAAE,IAAI;YACd,GAAG,IAAI;SACR,CAAC,CAAC;IACL,CAAC;CACF","sourcesContent":["import type { ComplexAttributeConverter } from 'lit';\n\nexport type RequireProps<T, Ps extends keyof T> = T & {\n  [P in Ps]-?: T[P];\n};\n\nfunction makeConverter<T>(\n  f: (x: string, type?: unknown) => T,\n): ComplexAttributeConverter<null | T[]> {\n  return {\n    fromAttribute(value: string) {\n      if (typeof value !== 'string') {\n        return null;\n      } else {\n        return value.split(',').map(f);\n      }\n    },\n    toAttribute(value: T[]) {\n      return value.join(',');\n    },\n  };\n}\n\n/**\n * A LitElement property converter which represents a list of numbers as a comma separated string\n * @see https://lit.dev/docs/components/properties/#conversion-converter\n */\nexport const NumberListConverter: ComplexAttributeConverter<number[] | null, unknown> =\n  makeConverter(x => parseInt(x?.trim(), 10));\n\n/**\n * A LitElement property converter which represents a list of strings as a comma separated string\n * @see https://lit.dev/docs/components/properties/#conversion-converter\n */\nexport const StringListConverter: ComplexAttributeConverter<string[] | null, unknown> =\n  makeConverter(x => x.trim());\n\n/**\n * A composed, bubbling event for UI interactions\n * e.g. when an accordion panel opens.\n */\nexport class ComposedEvent extends Event {\n  constructor(type: string, init?: EventInit) {\n    super(type, {\n      bubbles: true,\n      composed: true,\n      ...init,\n    });\n  }\n}\n\n"]}