@patternfly/elements 3.0.2 → 4.0.0

package/pf-switch/BaseSwitch.js

@@ -1,109 +0,0 @@
-var _BaseSwitch_instances, _BaseSwitch_internals, _BaseSwitch_onClick, _BaseSwitch_onKeyup, _BaseSwitch_onKeyDown, _BaseSwitch_toggle, _BaseSwitch_updateLabels;
-import { __classPrivateFieldGet, __decorate } from "tslib";
-import { LitElement, html } from 'lit';
-import { property } from 'lit/decorators/property.js';
-import { InternalsController } from '@patternfly/pfe-core/controllers/internals-controller.js';
-import { css } from "lit";
-const styles = css `:host {\n  display: inline-block;\n}\n\nsvg {\n  fill: currentcolor;\n}\n\n[hidden] {\n  display: none !important;\n}\n\n:host(:disabled) {\n  pointer-events: none;\n  cursor: not-allowed;\n}\n\n:host(:disabled) #container {\n  cursor: not-allowed;\n}\n\n:host(:disabled:is(:focus,:focus-within)) {\n  outline: none;\n}\n\n#container {\n  position: relative;\n  display: inline-flex;\n  align-items: center;\n}\n\n#container::before {\n  position: absolute;\n  display: block;\n  content: "";\n}\n`;
-/**
- * Switch
- */
-export class BaseSwitch extends LitElement {
-    constructor() {
-        super(...arguments);
-        _BaseSwitch_instances.add(this);
-        _BaseSwitch_internals.set(this, InternalsController.of(this, { role: 'switch' }));
-        this.showCheckIcon = false;
-        this.checked = false;
-        this.disabled = false;
-    }
-    get labels() {
-        return __classPrivateFieldGet(this, _BaseSwitch_internals, "f").labels;
-    }
-    connectedCallback() {
-        super.connectedCallback();
-        this.tabIndex = 0;
-        this.addEventListener('click', __classPrivateFieldGet(this, _BaseSwitch_instances, "m", _BaseSwitch_onClick));
-        this.addEventListener('keyup', __classPrivateFieldGet(this, _BaseSwitch_instances, "m", _BaseSwitch_onKeyup));
-        this.addEventListener('keydown', __classPrivateFieldGet(this, _BaseSwitch_instances, "m", _BaseSwitch_onKeyDown));
-        __classPrivateFieldGet(this, _BaseSwitch_instances, "m", _BaseSwitch_updateLabels).call(this);
-    }
-    formDisabledCallback(disabled) {
-        this.disabled = disabled;
-    }
-    render() {
-        return html `
-      <div id="container">
-        <svg id="toggle"
-             role="presentation"
-             fill="currentColor"
-             height="1em"
-             width="1em"
-             viewBox="0 0 512 512"
-             ?hidden=${!this.showCheckIcon}>
-          <path d="M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z" />
-        </svg>
-      </div>
-    `;
-    }
-    willUpdate() {
-        __classPrivateFieldGet(this, _BaseSwitch_internals, "f").ariaChecked = String(!!this.checked);
-        __classPrivateFieldGet(this, _BaseSwitch_internals, "f").ariaDisabled = String(!!this.disabled);
-    }
-}
-_BaseSwitch_internals = new WeakMap(), _BaseSwitch_instances = new WeakSet(), _BaseSwitch_onClick = function _BaseSwitch_onClick(event) {
-    // @ts-expect-error: firefox workarounds for double-firing in the case of switch nested in label
-    const { originalTarget, explicitOriginalTarget } = event;
-    if (explicitOriginalTarget) {
-        let labels;
-        if (originalTarget === event.target
-            && !(labels = Array.from(this.labels)).includes(explicitOriginalTarget)
-            && labels.includes(this.closest('label'))) {
-            return;
-        }
-    }
-    __classPrivateFieldGet(this, _BaseSwitch_instances, "m", _BaseSwitch_toggle).call(this);
-}, _BaseSwitch_onKeyup = function _BaseSwitch_onKeyup(event) {
-    if (event.key === ' ' || event.key === 'Enter') {
-        event.preventDefault();
-        event.stopPropagation();
-        __classPrivateFieldGet(this, _BaseSwitch_instances, "m", _BaseSwitch_toggle).call(this);
-    }
-}, _BaseSwitch_onKeyDown = function _BaseSwitch_onKeyDown(event) {
-    if (event.key === ' ') {
-        event.preventDefault();
-        event.stopPropagation();
-    }
-}, _BaseSwitch_toggle = function _BaseSwitch_toggle() {
-    if (this.disabled) {
-        return;
-    }
-    this.checked = !this.checked;
-    __classPrivateFieldGet(this, _BaseSwitch_instances, "m", _BaseSwitch_updateLabels).call(this);
-    this.dispatchEvent(new Event('change', { bubbles: true }));
-}, _BaseSwitch_updateLabels = function _BaseSwitch_updateLabels() {
-    const labelState = this.checked ? 'on' : 'off';
-    this.labels.forEach(label => {
-        const states = label.querySelectorAll('[data-state]');
-        states.forEach(state => {
-            if (state) {
-                state.hidden = state.dataset.state !== labelState;
-            }
-        });
-    });
-};
-BaseSwitch.styles = [styles];
-BaseSwitch.formAssociated = true;
-__decorate([
-    property({ reflect: true })
-], BaseSwitch.prototype, "label", void 0);
-__decorate([
-    property({ reflect: true, type: Boolean, attribute: 'show-check-icon' })
-], BaseSwitch.prototype, "showCheckIcon", void 0);
-__decorate([
-    property({ reflect: true, type: Boolean })
-], BaseSwitch.prototype, "checked", void 0);
-__decorate([
-    property({ reflect: true, type: Boolean })
-], BaseSwitch.prototype, "disabled", void 0);
-//# sourceMappingURL=BaseSwitch.js.map

package/pf-switch/BaseSwitch.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"BaseSwitch.js","sourceRoot":"","sources":["BaseSwitch.ts"],"names":[],"mappings":"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","sourcesContent":["import { LitElement, html } from 'lit';\nimport { property } from 'lit/decorators/property.js';\n\nimport { InternalsController } from '@patternfly/pfe-core/controllers/internals-controller.js';\n\nimport styles from './BaseSwitch.css';\n/**\n * Switch\n */\nexport abstract class BaseSwitch extends LitElement {\n  static readonly styles = [styles];\n\n  static readonly formAssociated = true;\n\n  declare shadowRoot: ShadowRoot;\n\n  #internals = InternalsController.of(this, { role: 'switch' });\n\n  @property({ reflect: true }) label?: string;\n\n  @property({ reflect: true, type: Boolean, attribute: 'show-check-icon' }) showCheckIcon = false;\n\n  @property({ reflect: true, type: Boolean }) checked = false;\n\n  @property({ reflect: true, type: Boolean }) disabled = false;\n\n  get labels(): NodeListOf<HTMLLabelElement> {\n    return this.#internals.labels as NodeListOf<HTMLLabelElement>;\n  }\n\n  override connectedCallback(): void {\n    super.connectedCallback();\n    this.tabIndex = 0;\n    this.addEventListener('click', this.#onClick);\n    this.addEventListener('keyup', this.#onKeyup);\n    this.addEventListener('keydown', this.#onKeyDown);\n    this.#updateLabels();\n  }\n\n  formDisabledCallback(disabled: boolean) {\n    this.disabled = disabled;\n  }\n\n  override render() {\n    return html`\n      <div id=\"container\">\n        <svg id=\"toggle\"\n             role=\"presentation\"\n             fill=\"currentColor\"\n             height=\"1em\"\n             width=\"1em\"\n             viewBox=\"0 0 512 512\"\n             ?hidden=${!this.showCheckIcon}>\n          <path d=\"M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z\" />\n        </svg>\n      </div>\n    `;\n  }\n\n  override willUpdate() {\n    this.#internals.ariaChecked = String(!!this.checked);\n    this.#internals.ariaDisabled = String(!!this.disabled);\n  }\n\n  #onClick(event: Event) {\n    // @ts-expect-error: firefox workarounds for double-firing in the case of switch nested in label\n    const { originalTarget, explicitOriginalTarget } = event;\n    if (explicitOriginalTarget) {\n      let labels: HTMLLabelElement[];\n      if (\n        originalTarget === event.target\n        && !(labels = Array.from(this.labels)).includes(explicitOriginalTarget)\n        && labels.includes(this.closest('label') as HTMLLabelElement)\n      ) {\n        return;\n      }\n    }\n    this.#toggle();\n  }\n\n  #onKeyup(event: KeyboardEvent) {\n    if (event.key === ' ' || event.key === 'Enter') {\n      event.preventDefault();\n      event.stopPropagation();\n      this.#toggle();\n    }\n  }\n\n  #onKeyDown(event: KeyboardEvent) {\n    if (event.key === ' ') {\n      event.preventDefault();\n      event.stopPropagation();\n    }\n  }\n\n  #toggle() {\n    if (this.disabled) {\n      return;\n    }\n\n    this.checked = !this.checked;\n    this.#updateLabels();\n    this.dispatchEvent(new Event('change', { bubbles: true }));\n  }\n\n  #updateLabels() {\n    const labelState = this.checked ? 'on' : 'off';\n    this.labels.forEach(label => {\n      const states = label.querySelectorAll<HTMLElement>('[data-state]');\n      states.forEach(state => {\n        if (state) {\n          state.hidden = state.dataset.state !== labelState;\n        }\n      });\n    });\n  }\n}\n"]}

package/pf-tabs/BaseTab.css

@@ -1,60 +0,0 @@
-:host {
-  display: flex;
-  flex: none;
-}
-
-:host([vertical]) [part="text"] {
-  max-width: 100%;
-  overflow-wrap: break-word;
-}
-
-[hidden] {
-  display: none !important;
-}
-
-slot[name="icon"] {
-  display: block;
-}
-
-button {
-  margin: 0;
-  font-family: inherit;
-  font-size: 100%;
-  border: 0;
-  position: relative;
-  display: flex;
-  flex: 1;
-  text-decoration: none;
-  cursor: pointer;
-}
-
-button::before,
-button::after {
-  position: absolute;
-  top: 0;
-  right: 0;
-  bottom: 0;
-  left: 0;
-  content: "";
-  border-style: solid;
-  padding: 0;
-  margin: 0;
-  background-color: transparent;
-}
-
-button::before {
-  pointer-events: none;
-}
-
-:host([fill]) button {
-  flex-basis: 100%;
-  justify-content: center;
-}
-
-:host(:disabled) button {
-  pointer-events: none;
-}
-
-:host([aria-disabled="true"]) button {
-  cursor: default;
-}

package/pf-tabs/BaseTab.d.ts

@@ -1,32 +0,0 @@
-import type { PropertyValues } from 'lit';
-import { LitElement } from 'lit';
-import { ComposedEvent } from '@patternfly/pfe-core';
-export declare class TabExpandEvent extends ComposedEvent {
-    active: boolean;
-    tab: BaseTab;
-    constructor(active: boolean, tab: BaseTab);
-}
-/**
- * @fires {TabExpandEvent} expand - when a tab is selected
- */
-export declare abstract class BaseTab extends LitElement {
-    #private;
-    static readonly styles: CSSStyleSheet[];
-    static readonly shadowRootOptions: {
-        delegatesFocus: boolean;
-        mode: ShadowRootMode;
-        slotAssignment?: SlotAssignmentMode | undefined;
-        customElements?: CustomElementRegistry | undefined;
-        registry?: CustomElementRegistry | undefined;
-    };
-    private icons;
-    private button;
-    /** `active` should be observed, and true when the tab is selected */
-    abstract active: boolean;
-    /** `active` should be observed, and true when the tab is disabled */
-    abstract disabled: boolean;
-    connectedCallback(): void;
-    render(): import("lit-html").TemplateResult<1>;
-    updated(changed: PropertyValues<this>): void;
-    focus(): void;
-}

package/pf-tabs/BaseTab.js

@@ -1,83 +0,0 @@
-var _BaseTab_instances, _BaseTab_internals, _BaseTab_clickHandler, _BaseTab_activeChanged, _BaseTab_disabledChanged;
-import { __classPrivateFieldGet, __decorate } from "tslib";
-import { LitElement, html } from 'lit';
-import { queryAssignedElements } from 'lit/decorators/query-assigned-elements.js';
-import { query } from 'lit/decorators/query.js';
-import { getRandomId } from '@patternfly/pfe-core/functions/random.js';
-import { ComposedEvent } from '@patternfly/pfe-core';
-import { css } from "lit";
-const style = css `:host {\n  display: flex;\n  flex: none;\n}\n\n:host([vertical]) [part="text"] {\n  max-width: 100%;\n  overflow-wrap: break-word;\n}\n\n[hidden] {\n  display: none !important;\n}\n\nslot[name="icon"] {\n  display: block;\n}\n\nbutton {\n  margin: 0;\n  font-family: inherit;\n  font-size: 100%;\n  border: 0;\n  position: relative;\n  display: flex;\n  flex: 1;\n  text-decoration: none;\n  cursor: pointer;\n}\n\nbutton::before,\nbutton::after {\n  position: absolute;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  content: "";\n  border-style: solid;\n  padding: 0;\n  margin: 0;\n  background-color: transparent;\n}\n\nbutton::before {\n  pointer-events: none;\n}\n\n:host([fill]) button {\n  flex-basis: 100%;\n  justify-content: center;\n}\n\n:host(:disabled) button {\n  pointer-events: none;\n}\n\n:host([aria-disabled="true"]) button {\n  cursor: default;\n}\n`;
-export class TabExpandEvent extends ComposedEvent {
-    constructor(active, tab) {
-        super('expand');
-        this.active = active;
-        this.tab = tab;
-    }
-}
-/**
- * @fires {TabExpandEvent} expand - when a tab is selected
- */
-export class BaseTab extends LitElement {
-    constructor() {
-        super(...arguments);
-        _BaseTab_instances.add(this);
-        _BaseTab_internals.set(this, this.attachInternals());
-    }
-    connectedCallback() {
-        super.connectedCallback();
-        this.id || (this.id = getRandomId(this.localName));
-        this.addEventListener('click', __classPrivateFieldGet(this, _BaseTab_instances, "m", _BaseTab_clickHandler));
-        __classPrivateFieldGet(this, _BaseTab_internals, "f").role = 'tab';
-    }
-    render() {
-        return html `
-      <button part="button" ?disabled="${this.disabled}">
-        <slot name="icon"
-              part="icon"
-              ?hidden="${!this.icons.length}"
-              @slotchange="${() => this.requestUpdate()}"></slot>
-        <slot part="text"></slot>
-      </button>
-    `;
-    }
-    updated(changed) {
-        __classPrivateFieldGet(this, _BaseTab_internals, "f").ariaSelected = String(this.ariaSelected);
-        if (changed.has('active')) {
-            __classPrivateFieldGet(this, _BaseTab_instances, "m", _BaseTab_activeChanged).call(this);
-        }
-        if (changed.has('disabled')) {
-            __classPrivateFieldGet(this, _BaseTab_instances, "m", _BaseTab_disabledChanged).call(this);
-        }
-    }
-    focus() {
-        this.button.focus();
-    }
-}
-_BaseTab_internals = new WeakMap(), _BaseTab_instances = new WeakSet(), _BaseTab_clickHandler = function _BaseTab_clickHandler() {
-    if (!this.disabled && __classPrivateFieldGet(this, _BaseTab_internals, "f").ariaDisabled !== 'true' && this.ariaDisabled !== 'true') {
-        this.active = true;
-        this.focus(); // safari fix
-    }
-}, _BaseTab_activeChanged = function _BaseTab_activeChanged() {
-    if (this.active && !this.disabled) {
-        __classPrivateFieldGet(this, _BaseTab_internals, "f").ariaSelected = 'true';
-    }
-    else {
-        __classPrivateFieldGet(this, _BaseTab_internals, "f").ariaSelected = 'false';
-    }
-    this.dispatchEvent(new TabExpandEvent(this.active, this));
-}, _BaseTab_disabledChanged = function _BaseTab_disabledChanged() {
-    __classPrivateFieldGet(this, _BaseTab_internals, "f").ariaDisabled = String(!!this.disabled);
-};
-BaseTab.styles = [style];
-BaseTab.shadowRootOptions = {
-    ...LitElement.shadowRootOptions,
-    delegatesFocus: true,
-};
-__decorate([
-    queryAssignedElements({ slot: 'icon', flatten: true })
-], BaseTab.prototype, "icons", void 0);
-__decorate([
-    query('button')
-], BaseTab.prototype, "button", void 0);
-//# sourceMappingURL=BaseTab.js.map

package/pf-tabs/BaseTab.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"BaseTab.js","sourceRoot":"","sources":["BaseTab.ts"],"names":[],"mappings":"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","sourcesContent":["import type { PropertyValues } from 'lit';\n\nimport { LitElement, html } from 'lit';\nimport { queryAssignedElements } from 'lit/decorators/query-assigned-elements.js';\nimport { query } from 'lit/decorators/query.js';\n\nimport { getRandomId } from '@patternfly/pfe-core/functions/random.js';\nimport { ComposedEvent } from '@patternfly/pfe-core';\n\nimport style from './BaseTab.css';\n\nexport class TabExpandEvent extends ComposedEvent {\n  constructor(\n    public active: boolean,\n    public tab: BaseTab,\n  ) {\n    super('expand');\n  }\n}\n\n/**\n * @fires {TabExpandEvent} expand - when a tab is selected\n */\nexport abstract class BaseTab extends LitElement {\n  static readonly styles = [style];\n\n  static override readonly shadowRootOptions = {\n    ...LitElement.shadowRootOptions,\n    delegatesFocus: true,\n  };\n\n  @queryAssignedElements({ slot: 'icon', flatten: true })\n  private icons!: HTMLElement[];\n\n  @query('button') private button!: HTMLButtonElement;\n\n  /** `active` should be observed, and true when the tab is selected */\n  abstract active: boolean;\n\n  /** `active` should be observed, and true when the tab is disabled */\n  abstract disabled: boolean;\n\n  #internals = this.attachInternals();\n\n  connectedCallback() {\n    super.connectedCallback();\n    this.id ||= getRandomId(this.localName);\n    this.addEventListener('click', this.#clickHandler);\n    this.#internals.role = 'tab';\n  }\n\n  render() {\n    return html`\n      <button part=\"button\" ?disabled=\"${this.disabled}\">\n        <slot name=\"icon\"\n              part=\"icon\"\n              ?hidden=\"${!this.icons.length}\"\n              @slotchange=\"${() => this.requestUpdate()}\"></slot>\n        <slot part=\"text\"></slot>\n      </button>\n    `;\n  }\n\n  updated(changed: PropertyValues<this>) {\n    this.#internals.ariaSelected = String(this.ariaSelected);\n    if (changed.has('active')) {\n      this.#activeChanged();\n    }\n    if (changed.has('disabled')) {\n      this.#disabledChanged();\n    }\n  }\n\n  focus() {\n    this.button.focus();\n  }\n\n  #clickHandler() {\n    if (!this.disabled && this.#internals.ariaDisabled !== 'true' && this.ariaDisabled !== 'true') {\n      this.active = true;\n      this.focus(); // safari fix\n    }\n  }\n\n  #activeChanged() {\n    if (this.active && !this.disabled) {\n      this.#internals.ariaSelected = 'true';\n    } else {\n      this.#internals.ariaSelected = 'false';\n    }\n    this.dispatchEvent(new TabExpandEvent(this.active, this));\n  }\n\n  /**\n   * if a tab is disabled, then it is also aria-disabled\n   * if a tab is removed from disabled its not necessarily\n   * not still aria-disabled so we don't remove the aria-disabled\n   */\n  #disabledChanged() {\n    this.#internals.ariaDisabled = String(!!this.disabled);\n  }\n}\n"]}

package/pf-tabs/BaseTabPanel.css

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

package/pf-tabs/BaseTabPanel.d.ts

@@ -1,7 +0,0 @@
-import { LitElement } from 'lit';
-export declare abstract class BaseTabPanel extends LitElement {
-    #private;
-    static readonly styles: CSSStyleSheet[];
-    render(): import("lit-html").TemplateResult<1>;
-    connectedCallback(): void;
-}

package/pf-tabs/BaseTabPanel.js

@@ -1,36 +0,0 @@
-var _BaseTabPanel_internals;
-import { __classPrivateFieldGet } from "tslib";
-import { LitElement, html } from 'lit';
-import { css } from "lit";
-const style = css `:host {\n  display: block;\n}\n\n:host([hidden]) {\n  display: none;\n}\n`;
-import { getRandomId } from '@patternfly/pfe-core/functions/random.js';
-export class BaseTabPanel extends LitElement {
-    constructor() {
-        super(...arguments);
-        _BaseTabPanel_internals.set(this, this.attachInternals());
-    }
-    render() {
-        return html `
-      <slot></slot>
-    `;
-    }
-    connectedCallback() {
-        super.connectedCallback();
-        this.id || (this.id = getRandomId('pf-tab-panel'));
-        this.hidden ?? (this.hidden = true);
-        __classPrivateFieldGet(this, _BaseTabPanel_internals, "f").role = 'tabpanel';
-        /*
-         To make it easy for screen reader users to navigate from a tab
-         to the beginning of content in the active tabpanel, the tabpanel
-         element has tabindex="0" to include the panel in the page Tab sequence.
-         It is recommended that all tabpanel elements in a tab set are focusable
-         if there are any panels in the set that contain content where the first
-         element in the panel is not focusable.
-         https://www.w3.org/WAI/ARIA/apg/example-index/tabs/tabs-automatic
-        */
-        this.tabIndex = 0;
-    }
-}
-_BaseTabPanel_internals = new WeakMap();
-BaseTabPanel.styles = [style];
-//# sourceMappingURL=BaseTabPanel.js.map

package/pf-tabs/BaseTabPanel.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"BaseTabPanel.js","sourceRoot":"","sources":["BaseTabPanel.ts"],"names":[],"mappings":";;AAAA,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,MAAM,KAAK,CAAC;;;AAIvC,OAAO,EAAE,WAAW,EAAE,MAAM,0CAA0C,CAAC;AAEvE,MAAM,OAAgB,YAAa,SAAQ,UAAU;IAArD;;QAGE,kCAAa,IAAI,CAAC,eAAe,EAAE,EAAC;IAyBtC,CAAC;IAvBC,MAAM;QACJ,OAAO,IAAI,CAAA;;KAEV,CAAC;IACJ,CAAC;IAED,iBAAiB;QACf,KAAK,CAAC,iBAAiB,EAAE,CAAC;QAC1B,IAAI,CAAC,EAAE,KAAP,IAAI,CAAC,EAAE,GAAK,WAAW,CAAC,cAAc,CAAC,EAAC;QACxC,IAAI,CAAC,MAAM,KAAX,IAAI,CAAC,MAAM,GAAK,IAAI,EAAC;QACrB,uBAAA,IAAI,+BAAW,CAAC,IAAI,GAAG,UAAU,CAAC;QAElC;;;;;;;;UAQE;QACF,IAAI,CAAC,QAAQ,GAAG,CAAC,CAAC;IACpB,CAAC;;;AA1Be,mBAAM,GAAG,CAAC,KAAK,CAAC,AAAV,CAAW","sourcesContent":["import { LitElement, html } from 'lit';\n\nimport style from './BaseTabPanel.css';\n\nimport { getRandomId } from '@patternfly/pfe-core/functions/random.js';\n\nexport abstract class BaseTabPanel extends LitElement {\n  static readonly styles = [style];\n\n  #internals = this.attachInternals();\n\n  render() {\n    return html`\n      <slot></slot>\n    `;\n  }\n\n  connectedCallback() {\n    super.connectedCallback();\n    this.id ||= getRandomId('pf-tab-panel');\n    this.hidden ??= true;\n    this.#internals.role = 'tabpanel';\n\n    /*\n     To make it easy for screen reader users to navigate from a tab\n     to the beginning of content in the active tabpanel, the tabpanel\n     element has tabindex=\"0\" to include the panel in the page Tab sequence.\n     It is recommended that all tabpanel elements in a tab set are focusable\n     if there are any panels in the set that contain content where the first\n     element in the panel is not focusable.\n     https://www.w3.org/WAI/ARIA/apg/example-index/tabs/tabs-automatic\n    */\n    this.tabIndex = 0;\n  }\n}\n"]}

package/pf-tabs/BaseTabs.css

@@ -1,86 +0,0 @@
-:host {
-  display: block;
-}
-
-[part="tabs-container"] {
-  position: relative;
-  display: flex;
-  overflow: hidden;
-}
-
-[part="tabs-container"]::before {
-  position: absolute;
-  right: 0;
-  bottom: 0;
-  left: 0;
-  border-style: solid;
-}
-
-:host button {
-  opacity: 1;
-}
-
-:host button:nth-of-type(1) {
-  margin-inline-end: 0;
-  translate: 0 0;
-}
-
-:host button:nth-of-type(2) {
-  margin-inline-start: 0;
-  translate: 0 0;
-}
-
-[part="tabs"],
-[part="panels"] {
-  display: block;
-}
-
-[part="tabs"] {
-  scrollbar-width: none;
-  position: relative;
-  max-width: 100%;
-  overflow-x: auto;
-}
-
-[part="tabs-container"]::before,
-[part="tabs"]::before,
-button::before {
-  position: absolute;
-  right: 0;
-  bottom: 0;
-  left: 0;
-  content: "";
-  border-style: solid;
-}
-
-[part="tabs"]::before,
-button::before {
-  top: 0;
-}
-
-button,
-[part="tabs"]::before {
-  border: 0;
-}
-
-button {
-  flex: none;
-  line-height: 1;
-  opacity: 0;
-}
-
-button::before {
-  border-block-start-width: 0;
-}
-
-button:nth-of-type(1) {
-  translate: -100% 0;
-}
-
-button:nth-of-type(2) {
-  translate: 100% 0;
-}
-
-button:disabled {
-  pointer-events: none;
-}

package/pf-tabs/BaseTabs.d.ts

@@ -1,38 +0,0 @@
-import { LitElement } from 'lit';
-import { BaseTab } from './BaseTab.js';
-import { BaseTabPanel } from './BaseTabPanel.js';
-/**
- * BaseTabs
- * @attr [label-scroll-left="Scroll left"] - accessible label for the tab panel's scroll left button.
- * @attr [label-scroll-right="Scroll right"] - accessible label for the tab panel's scroll right button.
- */
-export declare abstract class BaseTabs extends LitElement {
-    #private;
-    static readonly styles: CSSStyleSheet[];
-    static isTab(element: BaseTab): element is BaseTab;
-    static isPanel(element: BaseTabPanel): element is BaseTabPanel;
-    /** Time in milliseconds to debounce between scroll events and updating scroll button state */
-    protected static readonly scrollTimeoutDelay: number;
-    /** Icon name to use for the scroll left button */
-    protected static readonly scrollIconLeft: string;
-    /** Icon name to use for the scroll right button */
-    protected static readonly scrollIconRight: string;
-    /** Icon set to use for the scroll buttons */
-    protected static readonly scrollIconSet: string;
-    private tabs;
-    private panels;
-    private tabList;
-    /**
-     * Tab activation
-     * Tabs can be either [automatic](https://w3c.github.io/aria-practices/examples/tabs/tabs-automatic.html) activated
-     * or [manual](https://w3c.github.io/aria-practices/examples/tabs/tabs-manual.html)
-     */
-    manual: boolean;
-    get activeIndex(): number;
-    set activeIndex(index: number);
-    connectedCallback(): void;
-    disconnectedCallback(): void;
-    willUpdate(): void;
-    firstUpdated(): Promise<void>;
-    render(): import("lit-html").TemplateResult<1>;
-}