@patternfly/pfe-core 2.0.0-next.8 → 2.0.0-rc.1

package/controllers/scroll-spy-controller.js

@@ -0,0 +1,120 @@
+var _ScrollSpyController_instances, _ScrollSpyController_tagNames, _ScrollSpyController_activeAttribute, _ScrollSpyController_io, _ScrollSpyController_passedLinks, _ScrollSpyController_force, _ScrollSpyController_intersected, _ScrollSpyController_root, _ScrollSpyController_rootMargin, _ScrollSpyController_threshold, _ScrollSpyController_rootNode, _ScrollSpyController_getHash, _ScrollSpyController_linkChildren_get, _ScrollSpyController_initIo, _ScrollSpyController_markPassed, _ScrollSpyController_setActive, _ScrollSpyController_nextIntersection, _ScrollSpyController_onIo;
+import { __classPrivateFieldGet, __classPrivateFieldSet } from "tslib";
+export class ScrollSpyController {
+    get root() {
+        return __classPrivateFieldGet(this, _ScrollSpyController_root, "f");
+    }
+    set root(v) {
+        __classPrivateFieldSet(this, _ScrollSpyController_root, v, "f");
+        __classPrivateFieldGet(this, _ScrollSpyController_io, "f")?.disconnect();
+        __classPrivateFieldGet(this, _ScrollSpyController_instances, "m", _ScrollSpyController_initIo).call(this);
+    }
+    get rootMargin() {
+        return __classPrivateFieldGet(this, _ScrollSpyController_rootMargin, "f");
+    }
+    set rootMargin(v) {
+        __classPrivateFieldSet(this, _ScrollSpyController_rootMargin, v, "f");
+        __classPrivateFieldGet(this, _ScrollSpyController_io, "f")?.disconnect();
+        __classPrivateFieldGet(this, _ScrollSpyController_instances, "m", _ScrollSpyController_initIo).call(this);
+    }
+    get threshold() {
+        return __classPrivateFieldGet(this, _ScrollSpyController_threshold, "f");
+    }
+    set threshold(v) {
+        __classPrivateFieldSet(this, _ScrollSpyController_threshold, v, "f");
+        __classPrivateFieldGet(this, _ScrollSpyController_io, "f")?.disconnect();
+        __classPrivateFieldGet(this, _ScrollSpyController_instances, "m", _ScrollSpyController_initIo).call(this);
+    }
+    constructor(host, options) {
+        this.host = host;
+        _ScrollSpyController_instances.add(this);
+        _ScrollSpyController_tagNames.set(this, void 0);
+        _ScrollSpyController_activeAttribute.set(this, void 0);
+        _ScrollSpyController_io.set(this, void 0);
+        /** Which link's targets have already scrolled past? */
+        _ScrollSpyController_passedLinks.set(this, new Set());
+        /** Ignore intersections? */
+        _ScrollSpyController_force.set(this, false);
+        /** Has the intersection observer found an element? */
+        _ScrollSpyController_intersected.set(this, false);
+        _ScrollSpyController_root.set(this, void 0);
+        _ScrollSpyController_rootMargin.set(this, void 0);
+        _ScrollSpyController_threshold.set(this, void 0);
+        _ScrollSpyController_rootNode.set(this, void 0);
+        _ScrollSpyController_getHash.set(this, void 0);
+        host.addController(this);
+        __classPrivateFieldSet(this, _ScrollSpyController_tagNames, options.tagNames, "f");
+        __classPrivateFieldSet(this, _ScrollSpyController_root, options.root, "f");
+        __classPrivateFieldSet(this, _ScrollSpyController_rootMargin, options.rootMargin, "f");
+        __classPrivateFieldSet(this, _ScrollSpyController_activeAttribute, options.activeAttribute ?? 'active', "f");
+        __classPrivateFieldSet(this, _ScrollSpyController_threshold, options.threshold ?? 0.85, "f");
+        __classPrivateFieldSet(this, _ScrollSpyController_rootNode, options.rootNode ?? host.getRootNode(), "f");
+        __classPrivateFieldSet(this, _ScrollSpyController_getHash, options?.getHash ?? ((el) => el.getAttribute('href')), "f");
+    }
+    hostConnected() {
+        __classPrivateFieldGet(this, _ScrollSpyController_instances, "m", _ScrollSpyController_initIo).call(this);
+    }
+    /** Explicitly set the active item */
+    async setActive(link) {
+        __classPrivateFieldSet(this, _ScrollSpyController_force, true, "f");
+        __classPrivateFieldGet(this, _ScrollSpyController_instances, "m", _ScrollSpyController_setActive).call(this, link);
+        let sawActive = false;
+        for (const child of __classPrivateFieldGet(this, _ScrollSpyController_instances, "a", _ScrollSpyController_linkChildren_get)) {
+            __classPrivateFieldGet(this, _ScrollSpyController_instances, "m", _ScrollSpyController_markPassed).call(this, child, !sawActive);
+            if (child === link) {
+                sawActive = true;
+            }
+        }
+        await __classPrivateFieldGet(this, _ScrollSpyController_instances, "m", _ScrollSpyController_nextIntersection).call(this);
+        __classPrivateFieldSet(this, _ScrollSpyController_force, false, "f");
+    }
+}
+_ScrollSpyController_tagNames = new WeakMap(), _ScrollSpyController_activeAttribute = new WeakMap(), _ScrollSpyController_io = new WeakMap(), _ScrollSpyController_passedLinks = new WeakMap(), _ScrollSpyController_force = new WeakMap(), _ScrollSpyController_intersected = new WeakMap(), _ScrollSpyController_root = new WeakMap(), _ScrollSpyController_rootMargin = new WeakMap(), _ScrollSpyController_threshold = new WeakMap(), _ScrollSpyController_rootNode = new WeakMap(), _ScrollSpyController_getHash = new WeakMap(), _ScrollSpyController_instances = new WeakSet(), _ScrollSpyController_linkChildren_get = function _ScrollSpyController_linkChildren_get() {
+    return Array.from(this.host.querySelectorAll(__classPrivateFieldGet(this, _ScrollSpyController_tagNames, "f").join(',')))
+        .filter(__classPrivateFieldGet(this, _ScrollSpyController_getHash, "f"));
+}, _ScrollSpyController_initIo = function _ScrollSpyController_initIo() {
+    const rootNode = __classPrivateFieldGet(this, _ScrollSpyController_rootNode, "f");
+    if (rootNode instanceof Document || rootNode instanceof ShadowRoot) {
+        const { rootMargin, threshold, root } = this;
+        __classPrivateFieldSet(this, _ScrollSpyController_io, new IntersectionObserver(r => __classPrivateFieldGet(this, _ScrollSpyController_instances, "m", _ScrollSpyController_onIo).call(this, r), { root, rootMargin, threshold }), "f");
+        __classPrivateFieldGet(this, _ScrollSpyController_instances, "a", _ScrollSpyController_linkChildren_get)
+            .map(x => __classPrivateFieldGet(this, _ScrollSpyController_getHash, "f").call(this, x))
+            .filter((x) => !!x)
+            .map(x => rootNode.getElementById(x.replace('#', '')))
+            .filter((x) => !!x)
+            .forEach(target => __classPrivateFieldGet(this, _ScrollSpyController_io, "f")?.observe(target));
+    }
+}, _ScrollSpyController_markPassed = function _ScrollSpyController_markPassed(link, force) {
+    if (force) {
+        __classPrivateFieldGet(this, _ScrollSpyController_passedLinks, "f").add(link);
+    }
+    else {
+        __classPrivateFieldGet(this, _ScrollSpyController_passedLinks, "f").delete(link);
+    }
+}, _ScrollSpyController_setActive = function _ScrollSpyController_setActive(link) {
+    for (const child of __classPrivateFieldGet(this, _ScrollSpyController_instances, "a", _ScrollSpyController_linkChildren_get)) {
+        child.toggleAttribute(__classPrivateFieldGet(this, _ScrollSpyController_activeAttribute, "f"), child === link);
+    }
+}, _ScrollSpyController_nextIntersection = async function _ScrollSpyController_nextIntersection() {
+    __classPrivateFieldSet(this, _ScrollSpyController_intersected, false, "f");
+    // safeguard the loop
+    setTimeout(() => __classPrivateFieldSet(this, _ScrollSpyController_intersected, false, "f"), 3000);
+    while (!__classPrivateFieldGet(this, _ScrollSpyController_intersected, "f")) {
+        await new Promise(requestAnimationFrame);
+    }
+}, _ScrollSpyController_onIo = async function _ScrollSpyController_onIo(entries) {
+    if (!__classPrivateFieldGet(this, _ScrollSpyController_force, "f")) {
+        for (const { target, boundingClientRect, intersectionRect } of entries) {
+            const selector = `:is(${__classPrivateFieldGet(this, _ScrollSpyController_tagNames, "f").join(',')})[href="#${target.id}"]`;
+            const link = this.host.querySelector(selector);
+            if (link) {
+                __classPrivateFieldGet(this, _ScrollSpyController_instances, "m", _ScrollSpyController_markPassed).call(this, link, boundingClientRect.top < intersectionRect.top);
+            }
+        }
+        const link = [...__classPrivateFieldGet(this, _ScrollSpyController_passedLinks, "f")];
+        const last = link.at(-1);
+        __classPrivateFieldGet(this, _ScrollSpyController_instances, "m", _ScrollSpyController_setActive).call(this, last ?? __classPrivateFieldGet(this, _ScrollSpyController_instances, "a", _ScrollSpyController_linkChildren_get).at(0));
+    }
+    __classPrivateFieldSet(this, _ScrollSpyController_intersected, true, "f");
+};
+//# sourceMappingURL=scroll-spy-controller.js.map

package/controllers/scroll-spy-controller.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"scroll-spy-controller.js","sourceRoot":"","sources":["scroll-spy-controller.ts"],"names":[],"mappings":"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","sourcesContent":["import type { ReactiveController, ReactiveControllerHost } from 'lit';\n\nexport interface ScrollSpyControllerOptions extends IntersectionObserverInit {\n  /**\n   * Tag names of legal link children.\n   * Legal children must have an `href` property/attribute pair, like `<a>`.\n   */\n  tagNames: string[];\n\n  /**\n   * Attribute to set on the active link element.\n   * @default 'active'\n   */\n  activeAttribute?: string;\n\n  /**\n   * The root node to query content for\n   * @default the host's root node\n   */\n  rootNode?: Node;\n  /**\n   * function to call on link children to get their URL hash (i.e. id to scroll to)\n   * @default el => el.getAttribute('href');\n   */\n  getHash?: (el: Element) => string|null;\n}\n\nexport class ScrollSpyController implements ReactiveController {\n  #tagNames: string[];\n  #activeAttribute: string;\n\n  #io?: IntersectionObserver;\n\n  /** Which link's targets have already scrolled past? */\n  #passedLinks = new Set<Element>();\n\n  /** Ignore intersections? */\n  #force = false;\n\n  /** Has the intersection observer found an element? */\n  #intersected = false;\n\n  #root: ScrollSpyControllerOptions['root'];\n  #rootMargin?: string;\n  #threshold: number|number[];\n\n  #rootNode: Node;\n  #getHash: (el: Element) => string|null;\n\n  get #linkChildren(): Element[] {\n    return Array.from(this.host.querySelectorAll(this.#tagNames.join(',')))\n      .filter(this.#getHash);\n  }\n\n  get root() {\n    return this.#root;\n  }\n\n  set root(v) {\n    this.#root = v;\n    this.#io?.disconnect();\n    this.#initIo();\n  }\n\n  get rootMargin() {\n    return this.#rootMargin;\n  }\n\n  set rootMargin(v) {\n    this.#rootMargin = v;\n    this.#io?.disconnect();\n    this.#initIo();\n  }\n\n  get threshold() {\n    return this.#threshold;\n  }\n\n  set threshold(v) {\n    this.#threshold = v;\n    this.#io?.disconnect();\n    this.#initIo();\n  }\n\n  constructor(\n    private host: ReactiveControllerHost & HTMLElement,\n    options: ScrollSpyControllerOptions,\n  ) {\n    host.addController(this);\n    this.#tagNames = options.tagNames;\n    this.#root = options.root;\n    this.#rootMargin = options.rootMargin;\n    this.#activeAttribute = options.activeAttribute ?? 'active';\n    this.#threshold = options.threshold ?? 0.85;\n    this.#rootNode = options.rootNode ?? host.getRootNode();\n    this.#getHash = options?.getHash ?? ((el: Element) => el.getAttribute('href'));\n  }\n\n  hostConnected() {\n    this.#initIo();\n  }\n\n  #initIo() {\n    const rootNode = this.#rootNode;\n    if (rootNode instanceof Document || rootNode instanceof ShadowRoot) {\n      const { rootMargin, threshold, root } = this;\n      this.#io = new IntersectionObserver(r => this.#onIo(r), { root, rootMargin, threshold });\n      this.#linkChildren\n        .map(x => this.#getHash(x))\n        .filter((x): x is string => !!x)\n        .map(x => rootNode.getElementById(x.replace('#', '')))\n        .filter((x): x is HTMLElement => !!x)\n        .forEach(target => this.#io?.observe(target));\n    }\n  }\n\n  #markPassed(link: Element, force: boolean) {\n    if (force) {\n      this.#passedLinks.add(link);\n    } else {\n      this.#passedLinks.delete(link);\n    }\n  }\n\n  #setActive(link?: EventTarget|null) {\n    for (const child of this.#linkChildren) {\n      child.toggleAttribute(this.#activeAttribute, child === link);\n    }\n  }\n\n  async #nextIntersection() {\n    this.#intersected = false;\n    // safeguard the loop\n    setTimeout(() => this.#intersected = false, 3000);\n    while (!this.#intersected) {\n      await new Promise(requestAnimationFrame);\n    }\n  }\n\n  async #onIo(entries: IntersectionObserverEntry[]) {\n    if (!this.#force) {\n      for (const { target, boundingClientRect, intersectionRect } of entries) {\n        const selector = `:is(${this.#tagNames.join(',')})[href=\"#${target.id}\"]`;\n        const link = this.host.querySelector(selector);\n        if (link) {\n          this.#markPassed(link, boundingClientRect.top < intersectionRect.top);\n        }\n      }\n      const link = [...this.#passedLinks];\n      const last = link.at(-1);\n      this.#setActive(last ?? this.#linkChildren.at(0));\n    }\n    this.#intersected = true;\n  }\n\n  /** Explicitly set the active item */\n  public async setActive(link: EventTarget|null) {\n    this.#force = true;\n    this.#setActive(link);\n    let sawActive = false;\n    for (const child of this.#linkChildren) {\n      this.#markPassed(child, !sawActive);\n      if (child === link) {\n        sawActive = true;\n      }\n    }\n    await this.#nextIntersection();\n    this.#force = false;\n  }\n}\n"]}

package/controllers/slot-controller.d.ts

@@ -8,17 +8,17 @@ interface NamedSlot extends AnonymousSlot {
     name: string;
     initialized: true;
 }
-export declare type Slot = NamedSlot | AnonymousSlot;
+export type Slot = NamedSlot | AnonymousSlot;
 export interface SlotsConfig {
     slots: (string | null)[];
     /**
      * Object mapping new slot name keys to deprecated slot name values
-     * @example `pfe-modal--header` is deprecated in favour of `header`
+     * @example `pf-modal--header` is deprecated in favour of `header`
      * ```js
      * new SlotController(this, {
      *   slots: ['header'],
      *   deprecations: {
-     *     'header': 'pfe-modal--header'
+     *     'header': 'pf-modal--header'
      *   }
      * })
      * ```

package/controllers/slot-controller.js

@@ -1,2 +1,148 @@
-var c=Object.defineProperty;var m=Object.getOwnPropertyDescriptor;var a=(i,t,e,o)=>{for(var s=o>1?void 0:o?m(t,e):t,n=i.length-1,r;n>=0;n--)(r=i[n])&&(s=(o?r(t,e,s):r(s))||s);return o&&s&&c(t,e,s),s};import{bound as h}from"../decorators/bound.js";import{Logger as g}from"./logger.js";function u(i){return i.length===1&&typeof i[0]=="object"&&i[0]!==null}var p=i=>t=>i===l.anonymous?!t.hasAttribute("slot"):t.getAttribute("slot")===i,d=class{constructor(t,...e){this.host=t;this.nodes=new Map;this.firstUpdated=!1;this.mo=new MutationObserver(this.onMutation);this.deprecations={};if(this.logger=new g(this.host),u(e)){let[{slots:o,deprecations:s}]=e;this.slotNames=o,this.deprecations=s??{}}else e.length>=1?(this.slotNames=e,this.deprecations={}):this.slotNames=[null];t.addController(this)}hostConnected(){this.host.addEventListener("slotchange",this.onSlotChange),this.firstUpdated=!1,this.mo.observe(this.host,{childList:!0}),this.init()}hostUpdated(){this.firstUpdated||(this.slotNames.forEach(this.initSlot),this.firstUpdated=!0)}hostDisconnected(){this.mo.disconnect()}hasSlotted(...t){return t.length?t.some(e=>this.nodes.get(e)?.hasContent??!1):(this.logger.warn("Please provide at least one slot name for which to search."),!1)}getSlotted(...t){return t.length?t.flatMap(e=>this.nodes.get(e)?.elements??[]):this.nodes.get(d.anonymous)?.elements??[]}onSlotChange(t){let e=t.target.name;this.initSlot(e),this.host.requestUpdate()}async onMutation(t){let e=[];for(let{addedNodes:o,removedNodes:s}of t)for(let n of[...o,...s])n instanceof HTMLElement&&n.slot&&(this.initSlot(n.slot),e.push(n.slot));e.length&&this.host.requestUpdate()}getChildrenForSlot(t){return Array.from(this.host.children).filter(p(t))}initSlot(t){let e=t||d.anonymous,o=this.nodes.get(e)?.slot?.assignedElements?.()??this.getChildrenForSlot(e),s=t?`slot[name="${t}"]`:"slot:not([name])",n=this.host.shadowRoot?.querySelector?.(s)??null,r=!!o.length;this.nodes.set(e,{elements:o,name:t??"",hasContent:r,slot:n}),this.logger.log(t,r)}init(){this.nodes.clear(),this.slotNames.forEach(this.initSlot),Object.values(this.deprecations).forEach(this.initSlot),this.host.requestUpdate()}},l=d;l.anonymous=Symbol("anonymous slot"),a([h],l.prototype,"onSlotChange",1),a([h],l.prototype,"onMutation",1),a([h],l.prototype,"initSlot",1),a([h],l.prototype,"init",1);export{l as SlotController};
-//# sourceMappingURL=slot-controller.js.map
+import { __decorate } from "tslib";
+import { bound } from '../decorators/bound.js';
+import { Logger } from './logger.js';
+function isObjectConfigSpread(config) {
+    return config.length === 1 && typeof config[0] === 'object' && config[0] !== null;
+}
+/**
+ * If it's a named slot, return its children,
+ * for the default slot, look for direct children not assigned to a slot
+ */
+const isSlot = (n) => (child) => n === SlotController.anonymous ? !child.hasAttribute('slot')
+    : child.getAttribute('slot') === n;
+export class SlotController {
+    constructor(host, ...config) {
+        this.host = host;
+        this.nodes = new Map();
+        this.firstUpdated = false;
+        this.mo = new MutationObserver(this.onMutation);
+        this.deprecations = {};
+        this.logger = new Logger(this.host);
+        if (isObjectConfigSpread(config)) {
+            const [{ slots, deprecations }] = config;
+            this.slotNames = slots;
+            this.deprecations = deprecations ?? {};
+        }
+        else if (config.length >= 1) {
+            this.slotNames = config;
+            this.deprecations = {};
+        }
+        else {
+            this.slotNames = [null];
+        }
+        host.addController(this);
+    }
+    hostConnected() {
+        this.host.addEventListener('slotchange', this.onSlotChange);
+        this.firstUpdated = false;
+        this.mo.observe(this.host, { childList: true });
+        this.init();
+    }
+    hostUpdated() {
+        if (!this.firstUpdated) {
+            this.slotNames.forEach(this.initSlot);
+            this.firstUpdated = true;
+        }
+    }
+    hostDisconnected() {
+        this.mo.disconnect();
+    }
+    /**
+     * Returns a boolean statement of whether or not any of those slots exists in the light DOM.
+     *
+     * @param {String|Array} name The slot name.
+     * @example this.hasSlotted("header");
+     */
+    hasSlotted(...names) {
+        if (!names.length) {
+            this.logger.warn(`Please provide at least one slot name for which to search.`);
+            return false;
+        }
+        else {
+            return names.some(x => this.nodes.get(x)?.hasContent ?? false);
+        }
+    }
+    /**
+     * Given a slot name or slot names, returns elements assigned to the requested slots as an array.
+     * If no value is provided, it returns all children not assigned to a slot (without a slot attribute).
+     *
+     * @example Get header-slotted elements
+     * ```js
+     * this.getSlotted('header')
+     * ```
+     *
+     * @example Get header- and footer-slotted elements
+     * ```js
+     * this.getSlotted('header', 'footer')
+     * ```
+     *
+     * @example Get default-slotted elements
+     * ```js
+     * this.getSlotted();
+     * ```
+     */
+    getSlotted(...slotNames) {
+        if (!slotNames.length) {
+            return (this.nodes.get(SlotController.anonymous)?.elements ?? []);
+        }
+        else {
+            return slotNames.flatMap(slotName => this.nodes.get(slotName)?.elements ?? []);
+        }
+    }
+    onSlotChange(event) {
+        const slotName = event.target.name;
+        this.initSlot(slotName);
+        this.host.requestUpdate();
+    }
+    async onMutation(records) {
+        const changed = [];
+        for (const { addedNodes, removedNodes } of records) {
+            for (const node of [...addedNodes, ...removedNodes]) {
+                if (node instanceof HTMLElement && node.slot) {
+                    this.initSlot(node.slot);
+                    changed.push(node.slot);
+                }
+            }
+        }
+        if (changed.length) {
+            this.host.requestUpdate();
+        }
+    }
+    getChildrenForSlot(name) {
+        const children = Array.from(this.host.children);
+        return children.filter(isSlot(name));
+    }
+    initSlot(slotName) {
+        const name = slotName || SlotController.anonymous;
+        const elements = this.nodes.get(name)?.slot?.assignedElements?.() ?? this.getChildrenForSlot(name);
+        const selector = slotName ? `slot[name="${slotName}"]` : 'slot:not([name])';
+        const slot = this.host.shadowRoot?.querySelector?.(selector) ?? null;
+        const hasContent = !!elements.length;
+        this.nodes.set(name, { elements, name: slotName ?? '', hasContent, slot });
+        this.logger.log(slotName, hasContent);
+    }
+    /**
+     * Maps the defined slots into an object that is easier to query
+     */
+    init() {
+        this.nodes.clear();
+        // Loop over the properties provided by the schema
+        this.slotNames.forEach(this.initSlot);
+        Object.values(this.deprecations).forEach(this.initSlot);
+        this.host.requestUpdate();
+    }
+}
+SlotController.anonymous = Symbol('anonymous slot');
+__decorate([
+    bound
+], SlotController.prototype, "onSlotChange", null);
+__decorate([
+    bound
+], SlotController.prototype, "onMutation", null);
+__decorate([
+    bound
+], SlotController.prototype, "initSlot", null);
+__decorate([
+    bound
+], SlotController.prototype, "init", null);
+//# sourceMappingURL=slot-controller.js.map

package/controllers/slot-controller.js.map

@@ -1,7 +1 @@
-{
-  "version": 3,
-  "sources": ["slot-controller.ts"],
-  "sourcesContent": ["import type { ReactiveController, ReactiveElement } from 'lit';\n\nimport { bound } from '../decorators/bound.js';\nimport { Logger } from './logger.js';\n\ninterface AnonymousSlot {\n  hasContent: boolean;\n  elements: Element[];\n  slot: HTMLSlotElement|null;\n}\n\ninterface NamedSlot extends AnonymousSlot {\n  name: string;\n  initialized: true;\n}\n\nexport type Slot = NamedSlot|AnonymousSlot;\n\nexport interface SlotsConfig {\n  slots: (string|null)[];\n  /**\n   * Object mapping new slot name keys to deprecated slot name values\n   * @example `pfe-modal--header` is deprecated in favour of `header`\n   * ```js\n   * new SlotController(this, {\n   *   slots: ['header'],\n   *   deprecations: {\n   *     'header': 'pfe-modal--header'\n   *   }\n   * })\n   * ```\n   */\n  deprecations?: Record<string, string>;\n}\n\nfunction isObjectConfigSpread(config: ([SlotsConfig]|(string|null)[])): config is [SlotsConfig] {\n  return config.length === 1 && typeof config[0] === 'object' && config[0] !== null;\n}\n\n/**\n * If it's a named slot, return its children,\n * for the default slot, look for direct children not assigned to a slot\n */\nconst isSlot =\n  <T extends Element = Element>(n: string|typeof SlotController.anonymous) =>\n    (child: Element): child is T =>\n        n === SlotController.anonymous ? !child.hasAttribute('slot')\n      : child.getAttribute('slot') === n;\n\nexport class SlotController implements ReactiveController {\n  public static anonymous = Symbol('anonymous slot');\n\n  private nodes = new Map<string|typeof SlotController.anonymous, Slot>();\n\n  private logger: Logger;\n\n  private firstUpdated = false;\n\n  private mo = new MutationObserver(this.onMutation);\n\n  private slotNames: (string|null)[];\n\n  private deprecations: Record<string, string> = {};\n\n  constructor(public host: ReactiveElement, ...config: ([SlotsConfig]|(string|null)[])) {\n    this.logger = new Logger(this.host);\n\n    if (isObjectConfigSpread(config)) {\n      const [{ slots, deprecations }] = config;\n      this.slotNames = slots;\n      this.deprecations = deprecations ?? {};\n    } else if (config.length >= 1) {\n      this.slotNames = config;\n      this.deprecations = {};\n    } else {\n      this.slotNames = [null];\n    }\n\n\n    host.addController(this);\n  }\n\n  hostConnected() {\n    this.host.addEventListener('slotchange', this.onSlotChange as EventListener);\n    this.firstUpdated = false;\n    this.mo.observe(this.host, { childList: true });\n    this.init();\n  }\n\n  hostUpdated() {\n    if (!this.firstUpdated) {\n      this.slotNames.forEach(this.initSlot);\n      this.firstUpdated = true;\n    }\n  }\n\n  hostDisconnected() {\n    this.mo.disconnect();\n  }\n\n  /**\n   * Returns a boolean statement of whether or not any of those slots exists in the light DOM.\n   *\n   * @param {String|Array} name The slot name.\n   * @example this.hasSlotted(\"header\");\n   */\n  hasSlotted(...names: string[]): boolean {\n    if (!names.length) {\n      this.logger.warn(`Please provide at least one slot name for which to search.`);\n      return false;\n    } else {\n      return names.some(x =>\n        this.nodes.get(x)?.hasContent ?? false);\n    }\n  }\n\n  /**\n   * Given a slot name or slot names, returns elements assigned to the requested slots as an array.\n   * If no value is provided, it returns all children not assigned to a slot (without a slot attribute).\n   *\n   * @example Get header-slotted elements\n   * ```js\n   * this.getSlotted('header')\n   * ```\n   *\n   * @example Get header- and footer-slotted elements\n   * ```js\n   * this.getSlotted('header', 'footer')\n   * ```\n   *\n   * @example Get default-slotted elements\n   * ```js\n   * this.getSlotted();\n   * ```\n   */\n  getSlotted<T extends Element = Element>(...slotNames: string[]): T[] {\n    if (!slotNames.length) {\n      return (this.nodes.get(SlotController.anonymous)?.elements ?? []) as T[];\n    } else {\n      return slotNames.flatMap(slotName =>\n        this.nodes.get(slotName)?.elements ?? []) as T[];\n    }\n  }\n\n  @bound private onSlotChange(event: Event & { target: HTMLSlotElement }) {\n    const slotName = event.target.name;\n    this.initSlot(slotName);\n    this.host.requestUpdate();\n  }\n\n  @bound private async onMutation(records: MutationRecord[]) {\n    const changed = [];\n    for (const { addedNodes, removedNodes } of records) {\n      for (const node of [...addedNodes, ...removedNodes]) {\n        if (node instanceof HTMLElement && node.slot) {\n          this.initSlot(node.slot);\n          changed.push(node.slot);\n        }\n      }\n    }\n    if (changed.length) {\n      this.host.requestUpdate();\n    }\n  }\n\n  private getChildrenForSlot<T extends Element = Element>(name: string|typeof SlotController.anonymous): T[] {\n    const children = Array.from(this.host.children) as T[];\n    return children.filter(isSlot(name));\n  }\n\n  @bound private initSlot(slotName: string|null) {\n    const name = slotName || SlotController.anonymous;\n    const elements = this.nodes.get(name)?.slot?.assignedElements?.() ?? this.getChildrenForSlot(name);\n    const selector = slotName ? `slot[name=\"${slotName}\"]` : 'slot:not([name])';\n    const slot = this.host.shadowRoot?.querySelector?.<HTMLSlotElement>(selector) ?? null;\n    const hasContent = !!elements.length;\n    this.nodes.set(name, { elements, name: slotName ?? '', hasContent, slot });\n    this.logger.log(slotName, hasContent);\n  }\n\n  /**\n   * Maps the defined slots into an object that is easier to query\n   */\n  @bound private init() {\n    this.nodes.clear();\n    // Loop over the properties provided by the schema\n    this.slotNames.forEach(this.initSlot);\n    Object.values(this.deprecations).forEach(this.initSlot);\n    this.host.requestUpdate();\n  }\n}\n"],
-  "mappings": "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",
-  "names": ["bound", "Logger", "isObjectConfigSpread", "config", "isSlot", "n", "child", "SlotController", "_SlotController", "host", "Logger", "slots", "deprecations", "names", "x", "slotNames", "slotName", "event", "records", "changed", "addedNodes", "removedNodes", "node", "name", "elements", "selector", "slot", "hasContent", "__decorateClass", "bound"]
-}
+{"version":3,"file":"slot-controller.js","sourceRoot":"","sources":["slot-controller.ts"],"names":[],"mappings":"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","sourcesContent":["import type { ReactiveController, ReactiveElement } from 'lit';\n\nimport { bound } from '../decorators/bound.js';\nimport { Logger } from './logger.js';\n\ninterface AnonymousSlot {\n  hasContent: boolean;\n  elements: Element[];\n  slot: HTMLSlotElement|null;\n}\n\ninterface NamedSlot extends AnonymousSlot {\n  name: string;\n  initialized: true;\n}\n\nexport type Slot = NamedSlot|AnonymousSlot;\n\nexport interface SlotsConfig {\n  slots: (string|null)[];\n  /**\n   * Object mapping new slot name keys to deprecated slot name values\n   * @example `pf-modal--header` is deprecated in favour of `header`\n   * ```js\n   * new SlotController(this, {\n   *   slots: ['header'],\n   *   deprecations: {\n   *     'header': 'pf-modal--header'\n   *   }\n   * })\n   * ```\n   */\n  deprecations?: Record<string, string>;\n}\n\nfunction isObjectConfigSpread(config: ([SlotsConfig]|(string|null)[])): config is [SlotsConfig] {\n  return config.length === 1 && typeof config[0] === 'object' && config[0] !== null;\n}\n\n/**\n * If it's a named slot, return its children,\n * for the default slot, look for direct children not assigned to a slot\n */\nconst isSlot =\n  <T extends Element = Element>(n: string|typeof SlotController.anonymous) =>\n    (child: Element): child is T =>\n        n === SlotController.anonymous ? !child.hasAttribute('slot')\n      : child.getAttribute('slot') === n;\n\nexport class SlotController implements ReactiveController {\n  public static anonymous = Symbol('anonymous slot');\n\n  private nodes = new Map<string|typeof SlotController.anonymous, Slot>();\n\n  private logger: Logger;\n\n  private firstUpdated = false;\n\n  private mo = new MutationObserver(this.onMutation);\n\n  private slotNames: (string|null)[];\n\n  private deprecations: Record<string, string> = {};\n\n  constructor(public host: ReactiveElement, ...config: ([SlotsConfig]|(string|null)[])) {\n    this.logger = new Logger(this.host);\n\n    if (isObjectConfigSpread(config)) {\n      const [{ slots, deprecations }] = config;\n      this.slotNames = slots;\n      this.deprecations = deprecations ?? {};\n    } else if (config.length >= 1) {\n      this.slotNames = config;\n      this.deprecations = {};\n    } else {\n      this.slotNames = [null];\n    }\n\n\n    host.addController(this);\n  }\n\n  hostConnected() {\n    this.host.addEventListener('slotchange', this.onSlotChange as EventListener);\n    this.firstUpdated = false;\n    this.mo.observe(this.host, { childList: true });\n    this.init();\n  }\n\n  hostUpdated() {\n    if (!this.firstUpdated) {\n      this.slotNames.forEach(this.initSlot);\n      this.firstUpdated = true;\n    }\n  }\n\n  hostDisconnected() {\n    this.mo.disconnect();\n  }\n\n  /**\n   * Returns a boolean statement of whether or not any of those slots exists in the light DOM.\n   *\n   * @param {String|Array} name The slot name.\n   * @example this.hasSlotted(\"header\");\n   */\n  hasSlotted(...names: string[]): boolean {\n    if (!names.length) {\n      this.logger.warn(`Please provide at least one slot name for which to search.`);\n      return false;\n    } else {\n      return names.some(x =>\n        this.nodes.get(x)?.hasContent ?? false);\n    }\n  }\n\n  /**\n   * Given a slot name or slot names, returns elements assigned to the requested slots as an array.\n   * If no value is provided, it returns all children not assigned to a slot (without a slot attribute).\n   *\n   * @example Get header-slotted elements\n   * ```js\n   * this.getSlotted('header')\n   * ```\n   *\n   * @example Get header- and footer-slotted elements\n   * ```js\n   * this.getSlotted('header', 'footer')\n   * ```\n   *\n   * @example Get default-slotted elements\n   * ```js\n   * this.getSlotted();\n   * ```\n   */\n  getSlotted<T extends Element = Element>(...slotNames: string[]): T[] {\n    if (!slotNames.length) {\n      return (this.nodes.get(SlotController.anonymous)?.elements ?? []) as T[];\n    } else {\n      return slotNames.flatMap(slotName =>\n        this.nodes.get(slotName)?.elements ?? []) as T[];\n    }\n  }\n\n  @bound private onSlotChange(event: Event & { target: HTMLSlotElement }) {\n    const slotName = event.target.name;\n    this.initSlot(slotName);\n    this.host.requestUpdate();\n  }\n\n  @bound private async onMutation(records: MutationRecord[]) {\n    const changed = [];\n    for (const { addedNodes, removedNodes } of records) {\n      for (const node of [...addedNodes, ...removedNodes]) {\n        if (node instanceof HTMLElement && node.slot) {\n          this.initSlot(node.slot);\n          changed.push(node.slot);\n        }\n      }\n    }\n    if (changed.length) {\n      this.host.requestUpdate();\n    }\n  }\n\n  private getChildrenForSlot<T extends Element = Element>(name: string|typeof SlotController.anonymous): T[] {\n    const children = Array.from(this.host.children) as T[];\n    return children.filter(isSlot(name));\n  }\n\n  @bound private initSlot(slotName: string|null) {\n    const name = slotName || SlotController.anonymous;\n    const elements = this.nodes.get(name)?.slot?.assignedElements?.() ?? this.getChildrenForSlot(name);\n    const selector = slotName ? `slot[name=\"${slotName}\"]` : 'slot:not([name])';\n    const slot = this.host.shadowRoot?.querySelector?.<HTMLSlotElement>(selector) ?? null;\n    const hasContent = !!elements.length;\n    this.nodes.set(name, { elements, name: slotName ?? '', hasContent, slot });\n    this.logger.log(slotName, hasContent);\n  }\n\n  /**\n   * Maps the defined slots into an object that is easier to query\n   */\n  @bound private init() {\n    this.nodes.clear();\n    // Loop over the properties provided by the schema\n    this.slotNames.forEach(this.initSlot);\n    Object.values(this.deprecations).forEach(this.initSlot);\n    this.host.requestUpdate();\n  }\n}\n"]}

package/controllers/style-controller.js

@@ -1,2 +1,42 @@
-import{getCompatibleStyle as i,supportsAdoptingStyleSheets as n}from"lit";var l=class{constructor(t,e){this.host=t;this.styles=e;this.stylesAdopted=!1;t.addController(this)}hostConnected(){if(this.stylesAdopted||!(this.host.renderRoot instanceof ShadowRoot))return;let t=[this.styles].flatMap(e=>i(e)).filter(e=>!!e);n?this.host.renderRoot.adoptedStyleSheets=[...t.map(e=>e instanceof CSSStyleSheet?e:e.styleSheet),...this.host.renderRoot.adoptedStyleSheets??[]]:t.forEach(e=>{let s=document.createElement("style"),o=window.litNonce;o!==void 0&&s.setAttribute("nonce",o),s.textContent=e.cssText,this.host.renderRoot.appendChild(s)}),this.stylesAdopted=!0}};export{l as StyleController};
-//# sourceMappingURL=style-controller.js.map
+import { getCompatibleStyle, supportsAdoptingStyleSheets } from 'lit';
+/**
+ * Controller which adds styles to it's host element.
+ * Like `static styles = []`, except a controller.
+ * Should typically only be used within other controllers.
+ */
+export class StyleController {
+    constructor(host, 
+    /** These styles will be applied to the host element */
+    styles) {
+        this.host = host;
+        this.styles = styles;
+        this.stylesAdopted = false;
+        host.addController(this);
+    }
+    hostConnected() {
+        if (this.stylesAdopted || !(this.host.renderRoot instanceof ShadowRoot)) {
+            return;
+        }
+        const styles = [this.styles].flatMap(x => getCompatibleStyle(x)).filter(x => !!x);
+        if (supportsAdoptingStyleSheets) {
+            this.host.renderRoot.adoptedStyleSheets = [
+                ...styles.map(x => x instanceof CSSStyleSheet ? x : x.styleSheet),
+                ...this.host.renderRoot.adoptedStyleSheets ?? [],
+            ];
+        }
+        else {
+            styles.forEach(s => {
+                const style = document.createElement('style');
+                // eslint-disable-next-line @typescript-eslint/no-explicit-any
+                const nonce = window['litNonce'];
+                if (nonce !== undefined) {
+                    style.setAttribute('nonce', nonce);
+                }
+                style.textContent = s.cssText;
+                this.host.renderRoot.appendChild(style);
+            });
+        }
+        this.stylesAdopted = true;
+    }
+}
+//# sourceMappingURL=style-controller.js.map

package/controllers/style-controller.js.map

@@ -1,7 +1 @@
-{
-  "version": 3,
-  "sources": ["style-controller.ts"],
-  "sourcesContent": ["import type { ReactiveController, ReactiveElement, CSSResultGroup, CSSResultOrNative, CSSResult } from 'lit';\nimport { getCompatibleStyle, supportsAdoptingStyleSheets } from 'lit';\n\ndeclare global {\n   interface ShadowRoot {\n    adoptedStyleSheets: CSSStyleSheet[];\n  }\n}\n\n/**\n * Controller which adds styles to it's host element.\n * Like `static styles = []`, except a controller.\n * Should typically only be used within other controllers.\n */\nexport class StyleController implements ReactiveController {\n  private stylesAdopted = false;\n\n  constructor(\n    private host: ReactiveElement,\n    /** These styles will be applied to the host element */\n    private styles: CSSResultGroup,\n  ) {\n    host.addController(this);\n  }\n\n  hostConnected(): void {\n    if (this.stylesAdopted || !(this.host.renderRoot instanceof ShadowRoot)) {\n      return;\n    }\n\n    const styles = [this.styles].flatMap(x => getCompatibleStyle(x as CSSResultOrNative)).filter(x => !!x);\n\n    if (supportsAdoptingStyleSheets) {\n      this.host.renderRoot.adoptedStyleSheets = [\n        ...styles.map(x => x instanceof CSSStyleSheet ? x : x.styleSheet as CSSStyleSheet),\n        ...this.host.renderRoot.adoptedStyleSheets ?? [],\n      ];\n    } else {\n      styles.forEach(s => {\n        const style = document.createElement('style');\n        // eslint-disable-next-line @typescript-eslint/no-explicit-any\n        const nonce = (window as any)['litNonce'];\n        if (nonce !== undefined) {\n          style.setAttribute('nonce', nonce);\n        }\n        style.textContent = (s as CSSResult).cssText;\n        this.host.renderRoot.appendChild(style);\n      });\n    }\n\n    this.stylesAdopted = true;\n  }\n}\n"],
-  "mappings": "AACA,OAAS,sBAAAA,EAAoB,+BAAAC,MAAmC,MAazD,IAAMC,EAAN,KAAoD,CAGzD,YACUC,EAEAC,EACR,CAHQ,UAAAD,EAEA,YAAAC,EALV,KAAQ,cAAgB,GAOtBD,EAAK,cAAc,IAAI,CACzB,CAEA,eAAsB,CACpB,GAAI,KAAK,eAAiB,EAAE,KAAK,KAAK,sBAAsB,YAC1D,OAGF,IAAMC,EAAS,CAAC,KAAK,MAAM,EAAE,QAAQC,GAAKL,EAAmBK,CAAsB,CAAC,EAAE,OAAOA,GAAK,CAAC,CAACA,CAAC,EAEjGJ,EACF,KAAK,KAAK,WAAW,mBAAqB,CACxC,GAAGG,EAAO,IAAIC,GAAKA,aAAa,cAAgBA,EAAIA,EAAE,UAA2B,EACjF,GAAG,KAAK,KAAK,WAAW,oBAAsB,CAAC,CACjD,EAEAD,EAAO,QAAQE,GAAK,CAClB,IAAMC,EAAQ,SAAS,cAAc,OAAO,EAEtCC,EAAS,OAAe,SAC1BA,IAAU,QACZD,EAAM,aAAa,QAASC,CAAK,EAEnCD,EAAM,YAAeD,EAAgB,QACrC,KAAK,KAAK,WAAW,YAAYC,CAAK,CACxC,CAAC,EAGH,KAAK,cAAgB,EACvB,CACF",
-  "names": ["getCompatibleStyle", "supportsAdoptingStyleSheets", "StyleController", "host", "styles", "x", "s", "style", "nonce"]
-}
+{"version":3,"file":"style-controller.js","sourceRoot":"","sources":["style-controller.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,kBAAkB,EAAE,2BAA2B,EAAE,MAAM,KAAK,CAAC;AAQtE;;;;GAIG;AACH,MAAM,OAAO,eAAe;IAG1B,YACU,IAAqB;IAC7B,uDAAuD;IAC/C,MAAsB;QAFtB,SAAI,GAAJ,IAAI,CAAiB;QAErB,WAAM,GAAN,MAAM,CAAgB;QALxB,kBAAa,GAAG,KAAK,CAAC;QAO5B,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,CAAC;IAC3B,CAAC;IAED,aAAa;QACX,IAAI,IAAI,CAAC,aAAa,IAAI,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,UAAU,YAAY,UAAU,CAAC,EAAE;YACvE,OAAO;SACR;QAED,MAAM,MAAM,GAAG,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,CAAC,kBAAkB,CAAC,CAAsB,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QAEvG,IAAI,2BAA2B,EAAE;YAC/B,IAAI,CAAC,IAAI,CAAC,UAAU,CAAC,kBAAkB,GAAG;gBACxC,GAAG,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,YAAY,aAAa,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,UAA2B,CAAC;gBAClF,GAAG,IAAI,CAAC,IAAI,CAAC,UAAU,CAAC,kBAAkB,IAAI,EAAE;aACjD,CAAC;SACH;aAAM;YACL,MAAM,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE;gBACjB,MAAM,KAAK,GAAG,QAAQ,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC;gBAC9C,8DAA8D;gBAC9D,MAAM,KAAK,GAAI,MAAc,CAAC,UAAU,CAAC,CAAC;gBAC1C,IAAI,KAAK,KAAK,SAAS,EAAE;oBACvB,KAAK,CAAC,YAAY,CAAC,OAAO,EAAE,KAAK,CAAC,CAAC;iBACpC;gBACD,KAAK,CAAC,WAAW,GAAI,CAAe,CAAC,OAAO,CAAC;gBAC7C,IAAI,CAAC,IAAI,CAAC,UAAU,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;YAC1C,CAAC,CAAC,CAAC;SACJ;QAED,IAAI,CAAC,aAAa,GAAG,IAAI,CAAC;IAC5B,CAAC;CACF","sourcesContent":["import type { ReactiveController, ReactiveElement, CSSResultGroup, CSSResultOrNative, CSSResult } from 'lit';\nimport { getCompatibleStyle, supportsAdoptingStyleSheets } from 'lit';\n\ndeclare global {\n   interface ShadowRoot {\n    adoptedStyleSheets: CSSStyleSheet[];\n  }\n}\n\n/**\n * Controller which adds styles to it's host element.\n * Like `static styles = []`, except a controller.\n * Should typically only be used within other controllers.\n */\nexport class StyleController implements ReactiveController {\n  private stylesAdopted = false;\n\n  constructor(\n    private host: ReactiveElement,\n    /** These styles will be applied to the host element */\n    private styles: CSSResultGroup,\n  ) {\n    host.addController(this);\n  }\n\n  hostConnected(): void {\n    if (this.stylesAdopted || !(this.host.renderRoot instanceof ShadowRoot)) {\n      return;\n    }\n\n    const styles = [this.styles].flatMap(x => getCompatibleStyle(x as CSSResultOrNative)).filter(x => !!x);\n\n    if (supportsAdoptingStyleSheets) {\n      this.host.renderRoot.adoptedStyleSheets = [\n        ...styles.map(x => x instanceof CSSStyleSheet ? x : x.styleSheet as CSSStyleSheet),\n        ...this.host.renderRoot.adoptedStyleSheets ?? [],\n      ];\n    } else {\n      styles.forEach(s => {\n        const style = document.createElement('style');\n        // eslint-disable-next-line @typescript-eslint/no-explicit-any\n        const nonce = (window as any)['litNonce'];\n        if (nonce !== undefined) {\n          style.setAttribute('nonce', nonce);\n        }\n        style.textContent = (s as CSSResult).cssText;\n        this.host.renderRoot.appendChild(style);\n      });\n    }\n\n    this.stylesAdopted = true;\n  }\n}\n"]}

package/core.d.ts

@@ -1,5 +1,4 @@
 import type { ComplexAttributeConverter } from 'lit';
-export type { ColorPalette, ColorTheme } from './controllers/color-context.js';
 /** PatternFly Elements global config object */
 export interface PfeConfig {
     /** Set to false to disable client-side page load performance tracking */
@@ -34,3 +33,4 @@ declare global {
         PfeConfig: PfeConfig;
     }
 }
+export {};

package/core.js

@@ -1,2 +1,68 @@
-var o=Symbol();function r(e){return document.head.querySelector(`meta[name="${e}"]`)?.content}function l(e=o){return e!==o&&(window.PfeConfig.trackPerformance=!!e),window.PfeConfig.trackPerformance}var i={fromAttribute(e){return typeof e!="string"?null:e.split(",").map(t=>t.trim()).map(t=>parseInt(t,10))},toAttribute(e){return e.join(",")}},n=class extends Event{constructor(t,f){super(t,{bubbles:!0,composed:!0,...f})}},a=document.body.hasAttribute("no-auto-reveal");window.PfeConfig=Object.assign(window.PfeConfig??{},{trackPerformance:window.PfeConfig?.trackPerformance??r("pfe-track-performance")==="true",autoReveal:window.PfeConfig?.autoReveal??(a?!a:r("pfe-auto-reveal")==="true"),get log(){return!!localStorage.pfeLog},set log(e){e?localStorage.setItem("pfeLog",`${!0}`):localStorage.removeItem("pfeLog")}});export{n as ComposedEvent,i as NumberListConverter,l as trackPerformance};
-//# sourceMappingURL=core.js.map
+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;
+}
+/**
+ * A LitElement property converter which represents a list of numbers as a comma separated string
+ * @see https://lit.dev/docs/components/properties/#conversion-converter
+ */
+export const NumberListConverter = {
+    fromAttribute(value) {
+        if (typeof value !== 'string') {
+            return null;
+        }
+        else {
+            return value.split(',').map(x => x.trim()).map(x => parseInt(x, 10));
+        }
+    },
+    toAttribute(value) {
+        return value.join(',');
+    },
+};
+/**
+ * A composed, bubbling event for UI interactions
+ * e.g. when an accordion panel opens.
+ */
+export class ComposedEvent extends Event {
+    constructor(type, init) {
+        super(type, {
+            bubbles: true,
+            composed: true,
+            ...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,7 +1 @@
-{
-  "version": 3,
-  "sources": ["core.ts"],
-  "sourcesContent": ["import type { ComplexAttributeConverter } from 'lit';\n\nexport type { ColorPalette, ColorTheme } from './controllers/color-context.js';\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\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<null|number[]> = {\n  fromAttribute(value: string) {\n    if (typeof value !== 'string') {\n      return null;\n    } else {\n      return value.split(',').map(x => x.trim()).map(x => parseInt(x, 10));\n    }\n  },\n  toAttribute(value: number[]) {\n    return value.join(',');\n  },\n};\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// \uD83D\uDC47 SIDE EFFECTS \uD83D\uDC47\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('pfe-track-performance') === 'true',\n  // if the body tag has `no-auto-reveal` attribute, reveal immediately\n  // if `<meta name=\"pfe-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('pfe-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"],
-  "mappings": "AAcA,IAAMA,EAAS,OAAO,EAGtB,SAASC,EAAQC,EAAgC,CAC/C,OAAO,SAAS,KAAK,cAA+B,cAAcA,KAAQ,GAAG,OAC/E,CAOO,SAASC,EAAiBC,EAAsCJ,EAAQ,CAC7E,OAAII,IAAeJ,IACjB,OAAO,UAAU,iBAAmB,CAAC,CAACI,GAEjC,OAAO,UAAU,gBAC1B,CAMO,IAAMC,EAAgE,CAC3E,cAAcC,EAAe,CAC3B,OAAI,OAAOA,GAAU,SACZ,KAEAA,EAAM,MAAM,GAAG,EAAE,IAAIC,GAAKA,EAAE,KAAK,CAAC,EAAE,IAAIA,GAAK,SAASA,EAAG,EAAE,CAAC,CAEvE,EACA,YAAYD,EAAiB,CAC3B,OAAOA,EAAM,KAAK,GAAG,CACvB,CACF,EAMaE,EAAN,cAA4B,KAAM,CACvC,YAAYC,EAAcC,EAAkB,CAC1C,MAAMD,EAAM,CACV,QAAS,GACT,SAAU,GACV,GAAGC,CACL,CAAC,CACH,CACF,EAWMC,EAAmB,SAAS,KAAK,aAAa,gBAAgB,EAGpE,OAAO,UAAY,OAAO,OAAO,OAAO,WAAa,CAAC,EAAG,CACvD,iBAAkB,OAAO,WAAW,kBAAoBV,EAAQ,uBAAuB,IAAM,OAI7F,WAAY,OAAO,WAAW,aAC1BU,EAAmB,CAACA,EACpBV,EAAQ,iBAAiB,IAAM,QAEnC,IAAI,KAAM,CACR,MAAO,CAAC,CAAC,aAAa,MACxB,EACA,IAAI,IAAIW,EAAY,CACdA,EACF,aAAa,QAAQ,SAAU,GAAG,IAAM,EAExC,aAAa,WAAW,QAAQ,CAEpC,CACF,CAAC",
-  "names": ["noPref", "getMeta", "name", "trackPerformance", "preference", "NumberListConverter", "value", "x", "ComposedEvent", "type", "init", "bodyNoAutoReveal", "v"]
-}
+{"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;;;GAGG;AACH,MAAM,CAAC,MAAM,mBAAmB,GAA6C;IAC3E,aAAa,CAAC,KAAa;QACzB,IAAI,OAAO,KAAK,KAAK,QAAQ,EAAE;YAC7B,OAAO,IAAI,CAAC;SACb;aAAM;YACL,OAAO,KAAK,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC;SACtE;IACH,CAAC;IACD,WAAW,CAAC,KAAe;QACzB,OAAO,KAAK,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;IACzB,CAAC;CACF,CAAC;AAEF;;;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\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<null|number[]> = {\n  fromAttribute(value: string) {\n    if (typeof value !== 'string') {\n      return null;\n    } else {\n      return value.split(',').map(x => x.trim()).map(x => parseInt(x, 10));\n    }\n  },\n  toAttribute(value: number[]) {\n    return value.join(',');\n  },\n};\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"]}