@patternfly/elements 3.0.2 → 4.0.1

package/pf-clipboard-copy/BaseClipboardCopy.d.ts

@@ -1,18 +0,0 @@
-import { LitElement } from 'lit';
-import { ComposedEvent } from '@patternfly/pfe-core';
-export declare class ClipboardCopyCopiedEvent extends ComposedEvent {
-    text: string;
-    constructor(text: string);
-}
-/**
- * Clipboard Copy
- * @slot - Place element content here
- */
-export declare abstract class BaseClipboardCopy extends LitElement {
-    static readonly styles: CSSStyleSheet[];
-    abstract value: string;
-    /**
-     * Copy the current value to the clipboard.
-     */
-    copy(): Promise<void>;
-}

package/pf-clipboard-copy/BaseClipboardCopy.js

@@ -1,25 +0,0 @@
-import { LitElement } from 'lit';
-import { ComposedEvent } from '@patternfly/pfe-core';
-import { css } from "lit";
-const styles = css `[hidden],\n[inert],\n[inert]::slotted(*) {\n  display: none !important;\n}\n\n`;
-export class ClipboardCopyCopiedEvent extends ComposedEvent {
-    constructor(text) {
-        super('copy');
-        this.text = text;
-    }
-}
-/**
- * Clipboard Copy
- * @slot - Place element content here
- */
-export class BaseClipboardCopy extends LitElement {
-    /**
-     * Copy the current value to the clipboard.
-     */
-    async copy() {
-        await navigator.clipboard.writeText(this.value);
-        this.dispatchEvent(new ClipboardCopyCopiedEvent(this.value));
-    }
-}
-BaseClipboardCopy.styles = [styles];
-//# sourceMappingURL=BaseClipboardCopy.js.map

package/pf-clipboard-copy/BaseClipboardCopy.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"BaseClipboardCopy.js","sourceRoot":"","sources":["BaseClipboardCopy.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AACjC,OAAO,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAC;;;AAGrD,MAAM,OAAO,wBAAyB,SAAQ,aAAa;IACzD,YACS,IAAY;QAEnB,KAAK,CAAC,MAAM,CAAC,CAAC;QAFP,SAAI,GAAJ,IAAI,CAAQ;IAGrB,CAAC;CACF;AAED;;;GAGG;AACH,MAAM,OAAgB,iBAAkB,SAAQ,UAAU;IAKxD;;OAEG;IACH,KAAK,CAAC,IAAI;QACR,MAAM,SAAS,CAAC,SAAS,CAAC,SAAS,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;QAChD,IAAI,CAAC,aAAa,CAAC,IAAI,wBAAwB,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC;IAC/D,CAAC;;AAVe,wBAAM,GAAG,CAAC,MAAM,CAAC,CAAC","sourcesContent":["import { LitElement } from 'lit';\nimport { ComposedEvent } from '@patternfly/pfe-core';\nimport styles from './BaseClipboardCopy.css';\n\nexport class ClipboardCopyCopiedEvent extends ComposedEvent {\n  constructor(\n    public text: string\n  ) {\n    super('copy');\n  }\n}\n\n/**\n * Clipboard Copy\n * @slot - Place element content here\n */\nexport abstract class BaseClipboardCopy extends LitElement {\n  static readonly styles = [styles];\n\n  abstract value: string;\n\n  /**\n   * Copy the current value to the clipboard.\n   */\n  async copy() {\n    await navigator.clipboard.writeText(this.value);\n    this.dispatchEvent(new ClipboardCopyCopiedEvent(this.value));\n  }\n}\n"]}

package/pf-code-block/BaseCodeBlock.css

@@ -1,7 +0,0 @@
-:host {
-  display: block;
-}
-
-[hidden] {
-  display: none !important;
-}

package/pf-code-block/BaseCodeBlock.d.ts

@@ -1,8 +0,0 @@
-import type { TemplateResult } from 'lit';
-import { LitElement } from 'lit';
-export declare abstract class BaseCodeBlock extends LitElement {
-    static readonly styles: CSSStyleSheet[];
-    abstract render(): TemplateResult;
-    protected get content(): string;
-    protected dedent(str: string): string;
-}

package/pf-code-block/BaseCodeBlock.js

@@ -1,22 +0,0 @@
-import { LitElement } from 'lit';
-import { css } from "lit";
-const styles = css `:host {\n  display: block;\n}\n\n[hidden] {\n  display: none !important;\n}\n`;
-export class BaseCodeBlock extends LitElement {
-    get content() {
-        const script = this.querySelector('script[type]');
-        if (script?.type !== 'text/javascript-sample'
-            && !!script?.type.match(/(j(ava)?|ecma|live)script/)) {
-            return '';
-        }
-        else {
-            return script?.textContent ?? '';
-        }
-    }
-    dedent(str) {
-        const stripped = str.replace(/^\n/, '');
-        const match = stripped.match(/^\s+/);
-        return match ? stripped.replace(new RegExp(`^${match[0]}`, 'gm'), '') : str;
-    }
-}
-BaseCodeBlock.styles = [styles];
-//# sourceMappingURL=BaseCodeBlock.js.map

package/pf-code-block/BaseCodeBlock.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"BaseCodeBlock.js","sourceRoot":"","sources":["BaseCodeBlock.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;;;AAIjC,MAAM,OAAgB,aAAc,SAAQ,UAAU;IAKpD,IAAc,OAAO;QACnB,MAAM,MAAM,GAAG,IAAI,CAAC,aAAa,CAAoB,cAAc,CAAC,CAAC;QACrE,IACE,MAAM,EAAE,IAAI,KAAK,wBAAwB;eACtC,CAAC,CAAC,MAAM,EAAE,IAAI,CAAC,KAAK,CAAC,2BAA2B,CAAC,EAAE,CAAC;YACvD,OAAO,EAAE,CAAC;QACZ,CAAC;aAAM,CAAC;YACN,OAAO,MAAM,EAAE,WAAW,IAAI,EAAE,CAAC;QACnC,CAAC;IACH,CAAC;IAES,MAAM,CAAC,GAAW;QAC1B,MAAM,QAAQ,GAAG,GAAG,CAAC,OAAO,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC;QACxC,MAAM,KAAK,GAAG,QAAQ,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC;QACrC,OAAO,KAAK,CAAC,CAAC,CAAC,QAAQ,CAAC,OAAO,CAAC,IAAI,MAAM,CAAC,IAAI,KAAK,CAAC,CAAC,CAAC,EAAE,EAAE,IAAI,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC;IAC9E,CAAC;;AAnBe,oBAAM,GAAG,CAAC,MAAM,CAAC,CAAC","sourcesContent":["import type { TemplateResult } from 'lit';\n\nimport { LitElement } from 'lit';\n\nimport styles from './BaseCodeBlock.css';\n\nexport abstract class BaseCodeBlock extends LitElement {\n  static readonly styles = [styles];\n\n  abstract render(): TemplateResult;\n\n  protected get content() {\n    const script = this.querySelector<HTMLScriptElement>('script[type]');\n    if (\n      script?.type !== 'text/javascript-sample'\n      && !!script?.type.match(/(j(ava)?|ecma|live)script/)) {\n      return '';\n    } else {\n      return script?.textContent ?? '';\n    }\n  }\n\n  protected dedent(str: string): string {\n    const stripped = str.replace(/^\\n/, '');\n    const match = stripped.match(/^\\s+/);\n    return match ? stripped.replace(new RegExp(`^${match[0]}`, 'gm'), '') : str;\n  }\n}\n"]}

package/pf-icon/BaseIcon.css

@@ -1,22 +0,0 @@
-:host {
-  position: relative;
-  display:  inline-block;
-  line-height:  0;
-  height: fit-content !important;
-  width: fit-content !important;
-}
-
-#container {
-  display: grid;
-  grid-template: 1fr / 1fr;
-  place-content: center;
-}
-
-#container.content ::slotted(*) {
-  display: none;
-}
-
-svg {
-  fill: currentcolor;
-}
-

package/pf-icon/BaseIcon.d.ts

@@ -1,41 +0,0 @@
-import type { PropertyValues } from 'lit';
-import { LitElement } from 'lit';
-export type URLGetter = (set: string, icon: string) => URL | string;
-/**
- * Icon component lazy-loads icons and allows custom icon sets
- * @slot - Slotted content is used as a fallback in case the icon doesn't load
- * @fires load - Fired when an icon is loaded and rendered
- * @fires error - Fired when an icon fails to load
- * @csspart fallback - Container for the fallback (i.e. slotted) content
- */
-export declare abstract class BaseIcon extends LitElement {
-    #private;
-    static readonly styles: CSSStyleSheet[];
-    static addIconSet(setName: string, getter: typeof BaseIcon['getIconUrl']): void;
-    static getIconUrl: URLGetter;
-    private static onIntersect;
-    private static io;
-    private static getters;
-    private static instances;
-    static defaultIconSet: string;
-    /** Icon set */
-    set: string;
-    /** Icon name */
-    icon: string;
-    /** Size of the icon */
-    abstract size: string;
-    /**
-     * Controls how eager the element will be to load the icon data
-     * - `eager`: eagerly load the icon, blocking the main thread
-     * - `idle`: wait for the browser to attain an idle state before loading
-     * - `lazy` (default): wait for the element to enter the viewport before loading
-     */
-    loading?: 'idle' | 'lazy' | 'eager';
-    /** Icon content. Any value that lit can render */
-    private content?;
-    connectedCallback(): void;
-    willUpdate(changed: PropertyValues<this>): void;
-    disconnectedCallback(): void;
-    render(): import("lit-html").TemplateResult<1>;
-    protected load(): Promise<void>;
-}

package/pf-icon/BaseIcon.js

@@ -1,144 +0,0 @@
-var _BaseIcon_instances, _a, _BaseIcon_intersecting, _BaseIcon_logger, _BaseIcon_class_get, _BaseIcon_lazyLoad, _BaseIcon_iconChanged;
-import { __classPrivateFieldGet, __classPrivateFieldSet, __decorate } from "tslib";
-import { LitElement, html } from 'lit';
-import { property } from 'lit/decorators/property.js';
-import { state } from 'lit/decorators/state.js';
-import { Logger } from '@patternfly/pfe-core/controllers/logger.js';
-import { css } from "lit";
-const style = css `:host {\n  position: relative;\n  display:  inline-block;\n  line-height:  0;\n  height: fit-content !important;\n  width: fit-content !important;\n}\n\n#container {\n  display: grid;\n  grid-template: 1fr / 1fr;\n  place-content: center;\n}\n\n#container.content ::slotted(*) {\n  display: none;\n}\n\nsvg {\n  fill: currentcolor;\n}\n\n`;
-/** requestIdleCallback when available, requestAnimationFrame when not */
-const ric = window.requestIdleCallback ?? window.requestAnimationFrame;
-/** Fired when an icon fails to load */
-class IconLoadError extends ErrorEvent {
-    constructor(pathname, 
-    /** The original error when importing the icon module */
-    originalError) {
-        super('error', { message: `Could not load icon at ${pathname}` });
-        this.originalError = originalError;
-    }
-}
-/**
- * Icon component lazy-loads icons and allows custom icon sets
- * @slot - Slotted content is used as a fallback in case the icon doesn't load
- * @fires load - Fired when an icon is loaded and rendered
- * @fires error - Fired when an icon fails to load
- * @csspart fallback - Container for the fallback (i.e. slotted) content
- */
-export class BaseIcon extends LitElement {
-    constructor() {
-        super(...arguments);
-        _BaseIcon_instances.add(this);
-        /** Icon set */
-        this.set = __classPrivateFieldGet(this, _BaseIcon_instances, "a", _BaseIcon_class_get).defaultIconSet;
-        /** Icon name */
-        this.icon = '';
-        /**
-         * Controls how eager the element will be to load the icon data
-         * - `eager`: eagerly load the icon, blocking the main thread
-         * - `idle`: wait for the browser to attain an idle state before loading
-         * - `lazy` (default): wait for the element to enter the viewport before loading
-         */
-        this.loading = 'lazy';
-        _BaseIcon_intersecting.set(this, false);
-        _BaseIcon_logger.set(this, new Logger(this));
-    }
-    static addIconSet(setName, getter) {
-        if (typeof getter !== 'function') {
-            Logger.warn(`[${this.name}.addIconSet(setName, getter)]: getter must be a function`);
-        }
-        else {
-            this.getters.set(setName, getter);
-            for (const instance of this.instances) {
-                instance.load();
-            }
-        }
-    }
-    connectedCallback() {
-        super.connectedCallback();
-        __classPrivateFieldGet(this, _BaseIcon_instances, "a", _BaseIcon_class_get).instances.add(this);
-    }
-    willUpdate(changed) {
-        if (changed.has('icon')) {
-            __classPrivateFieldGet(this, _BaseIcon_instances, "m", _BaseIcon_iconChanged).call(this);
-        }
-    }
-    disconnectedCallback() {
-        super.disconnectedCallback();
-        __classPrivateFieldGet(this, _BaseIcon_instances, "a", _BaseIcon_class_get).instances.delete(this);
-    }
-    render() {
-        const content = this.content ?? '';
-        return html `
-      <div id="container" aria-hidden="true">${content}<span part="fallback" ?hidden=${!!content}>
-          <slot></slot>
-        </span>
-      </div>
-    `;
-    }
-    async load() {
-        const { set, icon } = this;
-        const getter = __classPrivateFieldGet(this, _BaseIcon_instances, "a", _BaseIcon_class_get).getters.get(set) ?? __classPrivateFieldGet(this, _BaseIcon_instances, "a", _BaseIcon_class_get).getIconUrl;
-        let spec = 'UNKNOWN ICON';
-        if (set && icon) {
-            try {
-                const gotten = getter(set, icon);
-                if (gotten instanceof URL) {
-                    spec = gotten.pathname;
-                }
-                else {
-                    spec = gotten;
-                }
-                const mod = await import(spec);
-                this.content = mod.default instanceof Node ? mod.default.cloneNode(true) : mod.default;
-                await this.updateComplete;
-                this.dispatchEvent(new Event('load', { bubbles: true }));
-            }
-            catch (error) {
-                const event = new IconLoadError(spec, error);
-                __classPrivateFieldGet(this, _BaseIcon_logger, "f").error(error.message);
-                this.dispatchEvent(event);
-            }
-        }
-    }
-}
-_a = BaseIcon, _BaseIcon_intersecting = new WeakMap(), _BaseIcon_logger = new WeakMap(), _BaseIcon_instances = new WeakSet(), _BaseIcon_class_get = function _BaseIcon_class_get() {
-    return this.constructor;
-}, _BaseIcon_lazyLoad = function _BaseIcon_lazyLoad() {
-    __classPrivateFieldGet(this, _BaseIcon_instances, "a", _BaseIcon_class_get).io.observe(this);
-    if (__classPrivateFieldGet(this, _BaseIcon_intersecting, "f")) {
-        this.load();
-    }
-}, _BaseIcon_iconChanged = function _BaseIcon_iconChanged() {
-    switch (this.loading) {
-        case 'idle': return void ric(() => this.load());
-        case 'lazy': return void __classPrivateFieldGet(this, _BaseIcon_instances, "m", _BaseIcon_lazyLoad).call(this);
-        case 'eager': return void this.load();
-    }
-};
-BaseIcon.styles = [style];
-BaseIcon.getIconUrl = (set, icon) => `@patternfly/icons/${set}/${icon}.js`;
-BaseIcon.onIntersect = records => records.forEach(({ isIntersecting, target }) => {
-    const icon = target;
-    __classPrivateFieldSet(icon, _BaseIcon_intersecting, isIntersecting, "f");
-    ric(() => {
-        if (__classPrivateFieldGet(icon, _BaseIcon_intersecting, "f")) {
-            icon.load();
-        }
-    });
-});
-BaseIcon.io = new IntersectionObserver(_a.onIntersect);
-BaseIcon.getters = new Map();
-BaseIcon.instances = new Set();
-__decorate([
-    property()
-], BaseIcon.prototype, "set", void 0);
-__decorate([
-    property({ reflect: true })
-], BaseIcon.prototype, "icon", void 0);
-__decorate([
-    property()
-], BaseIcon.prototype, "loading", void 0);
-__decorate([
-    state()
-], BaseIcon.prototype, "content", void 0);
-//# sourceMappingURL=BaseIcon.js.map

package/pf-icon/BaseIcon.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"BaseIcon.js","sourceRoot":"","sources":["BaseIcon.ts"],"names":[],"mappings":"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","sourcesContent":["import type { PropertyValues } from 'lit';\n\nimport { LitElement, html } from 'lit';\nimport { property } from 'lit/decorators/property.js';\nimport { state } from 'lit/decorators/state.js';\nimport { Logger } from '@patternfly/pfe-core/controllers/logger.js';\n\nimport style from './BaseIcon.css';\n\nexport type URLGetter = (set: string, icon: string) => URL | string;\n\n/** requestIdleCallback when available, requestAnimationFrame when not */\nconst ric = window.requestIdleCallback ?? window.requestAnimationFrame;\n\n/** Fired when an icon fails to load */\nclass IconLoadError extends ErrorEvent {\n  constructor(\n    pathname: string,\n    /** The original error when importing the icon module */\n    public originalError: Error\n  ) {\n    super('error', { message: `Could not load icon at ${pathname}` });\n  }\n}\n\n/**\n * Icon component lazy-loads icons and allows custom icon sets\n * @slot - Slotted content is used as a fallback in case the icon doesn't load\n * @fires load - Fired when an icon is loaded and rendered\n * @fires error - Fired when an icon fails to load\n * @csspart fallback - Container for the fallback (i.e. slotted) content\n */\nexport abstract class BaseIcon extends LitElement {\n  public static readonly styles = [style];\n\n  public static addIconSet(setName: string, getter: typeof BaseIcon['getIconUrl']) {\n    if (typeof getter !== 'function') {\n      Logger.warn(`[${this.name}.addIconSet(setName, getter)]: getter must be a function`);\n    } else {\n      this.getters.set(setName, getter);\n      for (const instance of this.instances) {\n        instance.load();\n      }\n    }\n  }\n\n  public static getIconUrl: URLGetter = (set: string, icon: string) =>\n    `@patternfly/icons/${set}/${icon}.js`;\n\n  private static onIntersect: IntersectionObserverCallback = records =>\n    records.forEach(({ isIntersecting, target }) => {\n      const icon = target as BaseIcon;\n      icon.#intersecting = isIntersecting;\n      ric(() => {\n        if (icon.#intersecting) {\n          icon.load();\n        }\n      });\n    });\n\n  private static io = new IntersectionObserver(this.onIntersect);\n\n  private static getters = new Map<string, URLGetter>();\n\n  private static instances = new Set<BaseIcon>();\n\n  declare public static defaultIconSet: string;\n\n  /** Icon set */\n  @property() set = this.#class.defaultIconSet;\n\n  /** Icon name */\n  @property({ reflect: true }) icon = '';\n\n  /** Size of the icon */\n  abstract size: string;\n\n  /**\n   * Controls how eager the element will be to load the icon data\n   * - `eager`: eagerly load the icon, blocking the main thread\n   * - `idle`: wait for the browser to attain an idle state before loading\n   * - `lazy` (default): wait for the element to enter the viewport before loading\n   */\n  @property() loading?: 'idle' | 'lazy' | 'eager' = 'lazy';\n\n  /** Icon content. Any value that lit can render */\n  @state() private content?: unknown;\n\n  #intersecting = false;\n\n  #logger = new Logger(this);\n\n  get #class(): typeof BaseIcon {\n    return this.constructor as typeof BaseIcon;\n  }\n\n  #lazyLoad() {\n    this.#class.io.observe(this);\n    if (this.#intersecting) {\n      this.load();\n    }\n  }\n\n  #iconChanged() {\n    switch (this.loading) {\n      case 'idle': return void ric(() => this.load());\n      case 'lazy': return void this.#lazyLoad();\n      case 'eager': return void this.load();\n    }\n  }\n\n  connectedCallback() {\n    super.connectedCallback();\n    this.#class.instances.add(this);\n  }\n\n  willUpdate(changed: PropertyValues<this>) {\n    if (changed.has('icon')) {\n      this.#iconChanged();\n    }\n  }\n\n  disconnectedCallback() {\n    super.disconnectedCallback();\n    this.#class.instances.delete(this);\n  }\n\n  render() {\n    const content = this.content ?? '';\n    return html`\n      <div id=\"container\" aria-hidden=\"true\">${content\n}<span part=\"fallback\" ?hidden=${!!content}>\n          <slot></slot>\n        </span>\n      </div>\n    `;\n  }\n\n  protected async load() {\n    const { set, icon } = this;\n    const getter = this.#class.getters.get(set) ?? this.#class.getIconUrl;\n    let spec = 'UNKNOWN ICON';\n    if (set && icon) {\n      try {\n        const gotten = getter(set, icon);\n        if (gotten instanceof URL) {\n          spec = gotten.pathname;\n        } else {\n          spec = gotten;\n        }\n        const mod = await import(spec);\n        this.content = mod.default instanceof Node ? mod.default.cloneNode(true) : mod.default;\n        await this.updateComplete;\n        this.dispatchEvent(new Event('load', { bubbles: true }));\n      } catch (error: unknown) {\n        const event = new IconLoadError(spec, error as Error);\n        this.#logger.error((error as IconLoadError).message);\n        this.dispatchEvent(event);\n      }\n    }\n  }\n}\n"]}

package/pf-label/BaseLabel.css

@@ -1,44 +0,0 @@
-:host {
-  position: relative;
-  white-space: nowrap;
-  border: 0;
-}
-
-pf-icon, ::slotted(pf-icon) {
-  color: currentColor;
-}
-
-:host,
-#container {
-  display: inline-flex;
-  align-items: center;
-  vertical-align: middle;
-}
-
-#container {
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-  border-width: 0;
-}
-
-#container::before {
-  position: absolute;
-  top: 0;
-  right: 0;
-  bottom: 0;
-  left: 0;
-  pointer-events: none;
-  content: "";
-}
-
-[part=icon] {
-  display: none;
-  pointer-events: none;
-}
-
-.hasIcon [part=icon] {
-  display: inline-flex;
-  width: 1em;
-}
-

package/pf-label/BaseLabel.d.ts

@@ -1,30 +0,0 @@
-import { LitElement } from 'lit';
-import { SlotController } from '@patternfly/pfe-core/controllers/slot-controller.js';
-/**
- * Base label class
-*/
-export declare abstract class BaseLabel extends LitElement {
-    static readonly styles: CSSStyleSheet[];
-    abstract variant?: string;
-    abstract color?: string;
-    abstract icon?: string;
-    /** Represents the state of the anonymous and icon slots */
-    protected slots: SlotController;
-    render(): import("lit-html").TemplateResult<1>;
-    /**
-     * Fallback content for the icon slot. When the `icon` attribute is set, it
-     * should render an icon corresponding to the value.
-     *
-     * @example ```html
-     * <pf-icon icon=${this.icon}></pf-icon>
-     * ```
-     */
-    protected abstract renderDefaultIcon?(): unknown;
-    /**
-     * Optional override to render content after the anonymous slot.
-     * @example ```html
-     * <button id="close-button">X</button>
-     * ```
-     */
-    protected abstract renderSuffix?(): unknown;
-}

package/pf-label/BaseLabel.js

@@ -1,29 +0,0 @@
-import { LitElement, html } from 'lit';
-import { classMap } from 'lit/directives/class-map.js';
-import { SlotController } from '@patternfly/pfe-core/controllers/slot-controller.js';
-import { css } from "lit";
-const styles = css `:host {\n  position: relative;\n  white-space: nowrap;\n  border: 0;\n}\n\npf-icon, ::slotted(pf-icon) {\n  color: currentColor;\n}\n\n:host,\n#container {\n  display: inline-flex;\n  align-items: center;\n  vertical-align: middle;\n}\n\n#container {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  border-width: 0;\n}\n\n#container::before {\n  position: absolute;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  pointer-events: none;\n  content: "";\n}\n\n[part=icon] {\n  display: none;\n  pointer-events: none;\n}\n\n.hasIcon [part=icon] {\n  display: inline-flex;\n  width: 1em;\n}\n\n`;
-/**
- * Base label class
-*/
-export class BaseLabel extends LitElement {
-    constructor() {
-        super(...arguments);
-        /** Represents the state of the anonymous and icon slots */
-        this.slots = new SlotController(this, null, 'icon');
-    }
-    render() {
-        const { variant, color, icon } = this;
-        const hasIcon = !!icon || this.slots.hasSlotted('icon');
-        return html `
-      <span id="container"
-            class=${classMap({ hasIcon, [variant ?? '']: !!variant, [color ?? '']: !!color })}>
-        <slot name="icon" part="icon">${this.renderDefaultIcon?.()}</slot>
-        <slot id="text"></slot>
-        ${this.renderSuffix?.() ?? ''}
-      </span>
-    `;
-    }
-}
-BaseLabel.styles = [styles];
-//# sourceMappingURL=BaseLabel.js.map

package/pf-label/BaseLabel.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"BaseLabel.js","sourceRoot":"","sources":["BaseLabel.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,MAAM,KAAK,CAAC;AACvC,OAAO,EAAE,QAAQ,EAAE,MAAM,6BAA6B,CAAC;AAEvD,OAAO,EAAE,cAAc,EAAE,MAAM,qDAAqD,CAAC;;;AAIrF;;EAEE;AACF,MAAM,OAAgB,SAAU,SAAQ,UAAU;IAAlD;;QASE,2DAA2D;QACjD,UAAK,GAAG,IAAI,cAAc,CAAC,IAAI,EAAE,IAAI,EAAE,MAAM,CAAC,CAAC;IAgC3D,CAAC;IA9BU,MAAM;QACb,MAAM,EAAE,OAAO,EAAE,KAAK,EAAE,IAAI,EAAE,GAAG,IAAI,CAAC;QACtC,MAAM,OAAO,GAAG,CAAC,CAAC,IAAI,IAAI,IAAI,CAAC,KAAK,CAAC,UAAU,CAAC,MAAM,CAAC,CAAC;QACxD,OAAO,IAAI,CAAA;;oBAEK,QAAQ,CAAC,EAAE,OAAO,EAAE,CAAC,OAAO,IAAI,EAAE,CAAC,EAAE,CAAC,CAAC,OAAO,EAAE,CAAC,KAAK,IAAI,EAAE,CAAC,EAAE,CAAC,CAAC,KAAK,EAAE,CAAC;wCACrD,IAAI,CAAC,iBAAiB,EAAE,EAAE;;UAExD,IAAI,CAAC,YAAY,EAAE,EAAE,IAAI,EAAE;;KAEhC,CAAC;IACJ,CAAC;;AAtBe,gBAAM,GAAG,CAAC,MAAM,CAAC,AAAX,CAAY","sourcesContent":["import { LitElement, html } from 'lit';\nimport { classMap } from 'lit/directives/class-map.js';\n\nimport { SlotController } from '@patternfly/pfe-core/controllers/slot-controller.js';\n\nimport styles from './BaseLabel.css';\n\n/**\n * Base label class\n*/\nexport abstract class BaseLabel extends LitElement {\n  static readonly styles = [styles];\n\n  abstract variant?: string;\n\n  abstract color?: string;\n\n  abstract icon?: string;\n\n  /** Represents the state of the anonymous and icon slots */\n  protected slots = new SlotController(this, null, 'icon');\n\n  override render() {\n    const { variant, color, icon } = this;\n    const hasIcon = !!icon || this.slots.hasSlotted('icon');\n    return html`\n      <span id=\"container\"\n            class=${classMap({ hasIcon, [variant ?? '']: !!variant, [color ?? '']: !!color })}>\n        <slot name=\"icon\" part=\"icon\">${this.renderDefaultIcon?.()}</slot>\n        <slot id=\"text\"></slot>\n        ${this.renderSuffix?.() ?? ''}\n      </span>\n    `;\n  }\n\n  /**\n   * Fallback content for the icon slot. When the `icon` attribute is set, it\n   * should render an icon corresponding to the value.\n   *\n   * @example ```html\n   * <pf-icon icon=${this.icon}></pf-icon>\n   * ```\n   */\n  protected abstract renderDefaultIcon?(): unknown;\n\n  /**\n   * Optional override to render content after the anonymous slot.\n   * @example ```html\n   * <button id=\"close-button\">X</button>\n   * ```\n   */\n  protected abstract renderSuffix?(): unknown;\n}\n"]}

package/pf-spinner/BaseSpinner.css

@@ -1,20 +0,0 @@
-:host {
-  display: inline-block;
-  width: min-content;
-  min-height: 0;
-  aspect-ratio: 1 / 1;
-}
-
-svg {
-  overflow: hidden;
-}
-
-circle {
-  width: 100%;
-  height: 100%;
-  transform-origin: 50% 50%;
-  stroke-linecap: round;
-  stroke-dasharray: 283;
-  stroke-dashoffset: 280;
-}
-

package/pf-spinner/BaseSpinner.d.ts

@@ -1,27 +0,0 @@
-import { LitElement } from 'lit';
-export type SpinnerSize = ('sm' | 'md' | 'lg' | 'xl');
-/**
- * Base spinner class
- * @cssprop {<length>} --pf-c-spinner--diameter                      {@default `3.375rem`}
- * @cssprop {<length>} --pf-c-spinner--Width                         {@default `3.375rem`}
- * @cssprop {<length>} --pf-c-spinner--Height                        {@default `3.375rem`}
- * @cssprop {<color>}  --pf-c-spinner--Color                         {@default `#06c`}
- * @cssprop {<length>} --pf-c-spinner--m-sm--diameter                {@default `0.625rem`}
- * @cssprop {<length>} --pf-c-spinner--m-md--diameter                {@default `1.125rem`}
- * @cssprop {<length>} --pf-c-spinner--m-lg--diameter                {@default `1.5rem`}
- * @cssprop {<length>} --pf-c-spinner--m-xl--diameter                {@default `3.375rem`}
- * @cssprop {<time>}   --pf-c-spinner--AnimationDuration             {@default `1.4s`}
- * @cssprop {<string>} --pf-c-spinner--AnimationTimingFunction       {@default `linear`}
- * @cssprop {<number>} --pf-c-spinner--stroke-width                  {@default `10`}
- * @cssprop {<color>}  --pf-c-spinner__path--Stroke                  {@default `#06c`}
- * @cssprop {<number>} --pf-c-spinner__path--StrokeWidth             {@default `10`}
- * @cssprop {<string>} --pf-c-spinner__path--AnimationTimingFunction {@default `ease-in-out`}
- */
-export declare abstract class BaseSpinner extends LitElement {
-    static readonly styles: CSSStyleSheet[];
-    /** Preset sizes for the spinner */
-    size: SpinnerSize;
-    /** Custom diameter of spinner set as CSS variable */
-    diameter?: `${string}${'px' | '%' | 'rem' | 'em' | 'fr' | 'pt'}`;
-    render(): import("lit-html").TemplateResult<1>;
-}

package/pf-spinner/BaseSpinner.js

@@ -1,45 +0,0 @@
-// will remove file in 2627
-import { __decorate } from "tslib";
-import { LitElement, html } from 'lit';
-import { property } from 'lit/decorators/property.js';
-import { css } from "lit";
-const styles = css `:host {\n  display: inline-block;\n  width: min-content;\n  min-height: 0;\n  aspect-ratio: 1 / 1;\n}\n\nsvg {\n  overflow: hidden;\n}\n\ncircle {\n  width: 100%;\n  height: 100%;\n  transform-origin: 50% 50%;\n  stroke-linecap: round;\n  stroke-dasharray: 283;\n  stroke-dashoffset: 280;\n}\n\n`;
-/**
- * Base spinner class
- * @cssprop {<length>} --pf-c-spinner--diameter                      {@default `3.375rem`}
- * @cssprop {<length>} --pf-c-spinner--Width                         {@default `3.375rem`}
- * @cssprop {<length>} --pf-c-spinner--Height                        {@default `3.375rem`}
- * @cssprop {<color>}  --pf-c-spinner--Color                         {@default `#06c`}
- * @cssprop {<length>} --pf-c-spinner--m-sm--diameter                {@default `0.625rem`}
- * @cssprop {<length>} --pf-c-spinner--m-md--diameter                {@default `1.125rem`}
- * @cssprop {<length>} --pf-c-spinner--m-lg--diameter                {@default `1.5rem`}
- * @cssprop {<length>} --pf-c-spinner--m-xl--diameter                {@default `3.375rem`}
- * @cssprop {<time>}   --pf-c-spinner--AnimationDuration             {@default `1.4s`}
- * @cssprop {<string>} --pf-c-spinner--AnimationTimingFunction       {@default `linear`}
- * @cssprop {<number>} --pf-c-spinner--stroke-width                  {@default `10`}
- * @cssprop {<color>}  --pf-c-spinner__path--Stroke                  {@default `#06c`}
- * @cssprop {<number>} --pf-c-spinner__path--StrokeWidth             {@default `10`}
- * @cssprop {<string>} --pf-c-spinner__path--AnimationTimingFunction {@default `ease-in-out`}
- */
-export class BaseSpinner extends LitElement {
-    constructor() {
-        super(...arguments);
-        /** Preset sizes for the spinner */
-        this.size = 'xl';
-    }
-    render() {
-        return html `
-      <svg viewBox="0 0 100 100">
-        <circle cx="50" cy="50" r="45" fill="none" />
-      </svg>
-    `;
-    }
-}
-BaseSpinner.styles = [styles];
-__decorate([
-    property({ reflect: true })
-], BaseSpinner.prototype, "size", void 0);
-__decorate([
-    property({ reflect: true })
-], BaseSpinner.prototype, "diameter", void 0);
-//# sourceMappingURL=BaseSpinner.js.map

package/pf-spinner/BaseSpinner.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"BaseSpinner.js","sourceRoot":"","sources":["BaseSpinner.ts"],"names":[],"mappings":"AAAA,2BAA2B;;AAE3B,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,MAAM,KAAK,CAAC;AACvC,OAAO,EAAE,QAAQ,EAAE,MAAM,4BAA4B,CAAC;;;AAWtD;;;;;;;;;;;;;;;;GAgBG;AAEH,MAAM,OAAgB,WAAY,SAAQ,UAAU;IAApD;;QAGE,mCAAmC;QACN,SAAI,GAAgB,IAAI,CAAC;IAYxD,CAAC;IAPU,MAAM;QACb,OAAO,IAAI,CAAA;;;;KAIV,CAAC;IACJ,CAAC;;AAde,kBAAM,GAAG,CAAC,MAAM,CAAC,AAAX,CAAY;AAGL;IAA5B,QAAQ,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;yCAA0B;AAGzB;IAA5B,QAAQ,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;6CAAkE","sourcesContent":["// will remove file in 2627\n\nimport { LitElement, html } from 'lit';\nimport { property } from 'lit/decorators/property.js';\n\nimport styles from './BaseSpinner.css';\n\nexport type SpinnerSize = (\n  | 'sm'\n  | 'md'\n  | 'lg'\n  | 'xl'\n);\n\n/**\n * Base spinner class\n * @cssprop {<length>} --pf-c-spinner--diameter                      {@default `3.375rem`}\n * @cssprop {<length>} --pf-c-spinner--Width                         {@default `3.375rem`}\n * @cssprop {<length>} --pf-c-spinner--Height                        {@default `3.375rem`}\n * @cssprop {<color>}  --pf-c-spinner--Color                         {@default `#06c`}\n * @cssprop {<length>} --pf-c-spinner--m-sm--diameter                {@default `0.625rem`}\n * @cssprop {<length>} --pf-c-spinner--m-md--diameter                {@default `1.125rem`}\n * @cssprop {<length>} --pf-c-spinner--m-lg--diameter                {@default `1.5rem`}\n * @cssprop {<length>} --pf-c-spinner--m-xl--diameter                {@default `3.375rem`}\n * @cssprop {<time>}   --pf-c-spinner--AnimationDuration             {@default `1.4s`}\n * @cssprop {<string>} --pf-c-spinner--AnimationTimingFunction       {@default `linear`}\n * @cssprop {<number>} --pf-c-spinner--stroke-width                  {@default `10`}\n * @cssprop {<color>}  --pf-c-spinner__path--Stroke                  {@default `#06c`}\n * @cssprop {<number>} --pf-c-spinner__path--StrokeWidth             {@default `10`}\n * @cssprop {<string>} --pf-c-spinner__path--AnimationTimingFunction {@default `ease-in-out`}\n */\n\nexport abstract class BaseSpinner extends LitElement {\n  static readonly styles = [styles];\n\n  /** Preset sizes for the spinner */\n  @property({ reflect: true }) size: SpinnerSize = 'xl';\n\n  /** Custom diameter of spinner set as CSS variable */\n  @property({ reflect: true }) diameter?: `${string}${'px' | '%' | 'rem' | 'em' | 'fr' | 'pt'}`;\n\n  override render() {\n    return html`\n      <svg viewBox=\"0 0 100 100\">\n        <circle cx=\"50\" cy=\"50\" r=\"45\" fill=\"none\" />\n      </svg>\n    `;\n  }\n}\n"]}

package/pf-switch/BaseSwitch.css

@@ -1,36 +0,0 @@
-:host {
-  display: inline-block;
-}
-
-svg {
-  fill: currentcolor;
-}
-
-[hidden] {
-  display: none !important;
-}
-
-:host(:disabled) {
-  pointer-events: none;
-  cursor: not-allowed;
-}
-
-:host(:disabled) #container {
-  cursor: not-allowed;
-}
-
-:host(:disabled:is(:focus,:focus-within)) {
-  outline: none;
-}
-
-#container {
-  position: relative;
-  display: inline-flex;
-  align-items: center;
-}
-
-#container::before {
-  position: absolute;
-  display: block;
-  content: "";
-}

package/pf-switch/BaseSwitch.d.ts

@@ -1,19 +0,0 @@
-import { LitElement } from 'lit';
-/**
- * Switch
- */
-export declare abstract class BaseSwitch extends LitElement {
-    #private;
-    static readonly styles: CSSStyleSheet[];
-    static readonly formAssociated = true;
-    shadowRoot: ShadowRoot;
-    label?: string;
-    showCheckIcon: boolean;
-    checked: boolean;
-    disabled: boolean;
-    get labels(): NodeListOf<HTMLLabelElement>;
-    connectedCallback(): void;
-    formDisabledCallback(disabled: boolean): void;
-    render(): import("lit-html").TemplateResult<1>;
-    willUpdate(): void;
-}