@redvars/peacock 3.6.2 → 3.7.0

package/dist/observe-slot-change-BGJfgg2E.js

@@ -1,31 +0,0 @@
-function hasMeaningfulContent(slotElement) {
-    const nodes = slotElement?.assignedNodes({ flatten: true }) || [];
-    for (const node of nodes) {
-        if (node.nodeType === Node.ELEMENT_NODE) {
-            return true;
-        }
-        if (node.nodeType === Node.TEXT_NODE &&
-            (node.textContent?.trim().length || 0) > 0) {
-            return true;
-        }
-    }
-    return false;
-}
-function observerSlotChangesWithCallback(slot, callback) {
-    const observer = new MutationObserver(() => {
-        callback(hasMeaningfulContent(slot));
-    });
-    const assignedNodes = slot?.assignedNodes({ flatten: true }) || [];
-    assignedNodes.forEach(node => {
-        observer.observe(node, {
-            attributes: true,
-            childList: true,
-            characterData: true,
-            subtree: true,
-        });
-    });
-    callback(hasMeaningfulContent(slot));
-}
-
-export { observerSlotChangesWithCallback as o };
-//# sourceMappingURL=observe-slot-change-BGJfgg2E.js.map

package/dist/observe-slot-change-BGJfgg2E.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"observe-slot-change-BGJfgg2E.js","sources":["../../src/__utils/observe-slot-change.ts"],"sourcesContent":["function hasMeaningfulContent(slotElement: HTMLSlotElement | null) {\n  const nodes = slotElement?.assignedNodes({ flatten: true }) || [];\n\n  for (const node of nodes) {\n    if (node.nodeType === Node.ELEMENT_NODE) {\n      return true;\n    }\n    if (\n      node.nodeType === Node.TEXT_NODE &&\n      (node.textContent?.trim().length || 0) > 0\n    ) {\n      return true;\n    }\n  }\n\n  return false;\n}\n\nexport function observerSlotChangesWithCallback(\n  slot: HTMLSlotElement | null,\n  callback: (hasContent: boolean) => void,\n) {\n  const observer = new MutationObserver(() => {\n    callback(hasMeaningfulContent(slot));\n  });\n\n  const assignedNodes = slot?.assignedNodes({ flatten: true }) || [];\n  assignedNodes.forEach(node => {\n    observer.observe(node, {\n      attributes: true,\n      childList: true,\n      characterData: true,\n      subtree: true,\n    });\n  });\n\n  callback(hasMeaningfulContent(slot));\n}"],"names":[],"mappings":"AAAA,SAAS,oBAAoB,CAAC,WAAmC,EAAA;AAC/D,IAAA,MAAM,KAAK,GAAG,WAAW,EAAE,aAAa,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC,IAAI,EAAE;AAEjE,IAAA,KAAK,MAAM,IAAI,IAAI,KAAK,EAAE;QACxB,IAAI,IAAI,CAAC,QAAQ,KAAK,IAAI,CAAC,YAAY,EAAE;AACvC,YAAA,OAAO,IAAI;QACb;AACA,QAAA,IACE,IAAI,CAAC,QAAQ,KAAK,IAAI,CAAC,SAAS;AAChC,YAAA,CAAC,IAAI,CAAC,WAAW,EAAE,IAAI,EAAE,CAAC,MAAM,IAAI,CAAC,IAAI,CAAC,EAC1C;AACA,YAAA,OAAO,IAAI;QACb;IACF;AAEA,IAAA,OAAO,KAAK;AACd;AAEM,SAAU,+BAA+B,CAC7C,IAA4B,EAC5B,QAAuC,EAAA;AAEvC,IAAA,MAAM,QAAQ,GAAG,IAAI,gBAAgB,CAAC,MAAK;AACzC,QAAA,QAAQ,CAAC,oBAAoB,CAAC,IAAI,CAAC,CAAC;AACtC,IAAA,CAAC,CAAC;AAEF,IAAA,MAAM,aAAa,GAAG,IAAI,EAAE,aAAa,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC,IAAI,EAAE;AAClE,IAAA,aAAa,CAAC,OAAO,CAAC,IAAI,IAAG;AAC3B,QAAA,QAAQ,CAAC,OAAO,CAAC,IAAI,EAAE;AACrB,YAAA,UAAU,EAAE,IAAI;AAChB,YAAA,SAAS,EAAE,IAAI;AACf,YAAA,aAAa,EAAE,IAAI;AACnB,YAAA,OAAO,EAAE,IAAI;AACd,SAAA,CAAC;AACJ,IAAA,CAAC,CAAC;AAEF,IAAA,QAAQ,CAAC,oBAAoB,CAAC,IAAI,CAAC,CAAC;AACtC;;;;"}

package/dist/src/button/BaseButton.d.ts

@@ -1,28 +0,0 @@
-import { LitElement, nothing } from 'lit';
-declare const BaseButton_base: typeof LitElement & import("../__mixins/MixinConstructor.js").MixinConstructor<import("@/__mixins/BaseHyperlinkMixin.js").BaseHyperlinkInterface> & import("../__mixins/MixinConstructor.js").MixinConstructor<import("@/__mixins/BaseButtonMixin.js").BaseButtonInterface>;
-export declare class BaseButton extends BaseButton_base {
-    protected static readonly DISABLED_REASON_ID = "disabled-reason";
-    color?: string;
-    variant?: string;
-    skeleton: boolean;
-    toggle: boolean;
-    selected: boolean;
-    /**
-     * Sets the delay for throttle in milliseconds. Defaults to 200 milliseconds.
-     */
-    throttleDelay: number;
-    tooltip?: string;
-    /**
-     * States
-     */
-    isPressed: boolean;
-    readonly buttonElement: HTMLElement | null;
-    connectedCallback(): void;
-    disconnectedCallback(): void;
-    __handlePress: (event: KeyboardEvent | MouseEvent) => void;
-    __dispatchClickWithThrottle: (event: MouseEvent | KeyboardEvent) => void;
-    __dispatchClick: (event: MouseEvent | KeyboardEvent) => void;
-    __renderDisabledReason(softDisabled: boolean): typeof nothing | import("lit-html").TemplateResult<1>;
-    __renderTooltip(): typeof nothing | import("lit-html").TemplateResult<1>;
-}
-export {};

package/dist/src/focus-ring/FocusAttachableController.d.ts

@@ -1,8 +0,0 @@
-import { ReactiveController, ReactiveControllerHost } from 'lit';
-export declare class FocusAttachableController implements ReactiveController {
-    host: ReactiveControllerHost;
-    getControlElement: () => HTMLElement;
-    visible: boolean;
-    constructor(host: ReactiveControllerHost, getControlElement: () => HTMLElement);
-    hostConnected(): void;
-}

package/src/__mixins/BaseButtonMixin.ts

@@ -1,83 +0,0 @@
-import { LitElement } from 'lit';
-import { property } from 'lit/decorators.js';
-import type { MixinConstructor } from './MixinConstructor.js';
-
-
-/**
- * 1. Define an interface for the members the mixin adds.
- * This makes the type annotation much cleaner.
- */
-export interface BaseButtonInterface {
-    htmlType: 'button' | 'submit' | 'reset';
-    disabled: boolean;
-    softDisabled: boolean;
-    disabledReason: string;
-    form: string;
-    name: string;
-    value: string;
-}
-
-/**
- * 2. Apply the type annotation to the variable.
- */
-const BaseButtonMixin: <T extends MixinConstructor<LitElement>>(superclass: T) => T & MixinConstructor<BaseButtonInterface> = <T extends MixinConstructor<LitElement>>(superclass: T) => {
-    // Naming the class (BaseButtonElement) instead of using 'Mixin' or anonymous 
-    // prevents the "__childPart" visibility error.
-    class BaseButtonElement extends superclass implements BaseButtonInterface {
-
-        /**
-         * The type of the underlying `<button>` element. Maps to the native `type` attribute.
-         * Possible values are `"button"`, `"submit"`, `"reset"`. Defaults to `"button"`.
-         */
-        @property({ type: String }) htmlType: 'button' | 'submit' | 'reset' =
-            'button';
-
-        /**
-         * When `true`, the button is disabled and cannot be interacted with. Reflects to the `disabled` attribute. Defaults to `false`.
-         */
-        @property({ type: Boolean, reflect: true })
-        disabled: boolean = false;
-
-        /**
-         * When `true`, the button is visually styled as disabled and cannot be interacted with, but remains focusable.
-         * Use this in combination with `disabledReason` to communicate why the button is unavailable.
-         * Reflects to the `soft-disabled` attribute. Defaults to `false`.
-         */
-        @property({ type: Boolean, reflect: true, attribute: 'soft-disabled' })
-        softDisabled: boolean = false;
-
-        /**
-         * A human-readable explanation of why the button is disabled or soft-disabled.
-         * Rendered as a visually hidden tooltip and linked via `aria-describedby` for accessibility.
-         * Maps to the `disabled-reason` attribute.
-         */
-        @property({ attribute: 'disabled-reason' })
-        disabledReason: string = '';
-
-        /**
-         * The `id` of the `<form>` element to associate the button with.
-         * If omitted, the button is associated with its nearest ancestor form.
-         * Maps to the native `form` attribute.
-         */
-        @property()
-        form: string = '';
-
-        /**
-         * The name of the button, submitted as part of a name/value pair when the associated form is submitted.
-         * Maps to the native `name` attribute.
-         */
-        @property()
-        name: string = '';
-
-        /**
-         * The value of the button, submitted as part of a name/value pair when the associated form is submitted.
-         * Maps to the native `value` attribute.
-         */
-        @property()
-        value: string = '';
-    }
-
-    return BaseButtonElement as T & MixinConstructor<BaseButtonInterface>;
-};
-
-export default BaseButtonMixin;

package/src/button/BaseButton.ts

@@ -1,113 +0,0 @@
-import { html, LitElement, nothing } from 'lit';
-import { property, query, state } from 'lit/decorators.js';
-import { dispatchActivationClick, isActivationClick } from '../__utils/dispatch-event-utils.js';
-import BaseHyperlinkMixin from '@/__mixins/BaseHyperlinkMixin.js';
-import BaseButtonMixin from '@/__mixins/BaseButtonMixin.js';
-
-
-
-export class BaseButton extends BaseButtonMixin(BaseHyperlinkMixin(LitElement)) {
-  protected static readonly DISABLED_REASON_ID = 'disabled-reason';
-
-  
-  color?: string;
-
-  variant?: string;
-
-  @property({ type: Boolean, reflect: true }) skeleton: boolean = false;
-  
-  @property({ type: Boolean, reflect: true }) toggle: boolean = false;
-
-  @property({ type: Boolean, reflect: true }) selected: boolean = false;
-
-  /**
-   * Sets the delay for throttle in milliseconds. Defaults to 200 milliseconds.
-   */
-  @property() throttleDelay = 200;
-
-  @property() tooltip?: string;
-
-  /**
-   * States
-   */
-  @state()
-  isPressed = false;
-
-  @query('.button') readonly buttonElement!: HTMLElement | null;
-
-  override connectedCallback() {
-    super.connectedCallback();
-    this.addEventListener('click', this.__dispatchClickWithThrottle);
-    window.addEventListener('mouseup', this.__handlePress);
-  }
-
-  override disconnectedCallback() {
-    window.removeEventListener('mouseup', this.__handlePress);
-    this.removeEventListener('click', this.__dispatchClickWithThrottle);
-    super.disconnectedCallback();
-  }
-
-  __handlePress = (event: KeyboardEvent | MouseEvent) => {
-    if (this.disabled || this.skeleton || this.softDisabled) return;
-    if (
-      event instanceof KeyboardEvent &&
-      event.type === 'keydown' &&
-      (event.key === 'Enter' || event.key === ' ')
-    ) {
-      this.isPressed = true;
-    } else if (event.type === 'mousedown') {
-      this.isPressed = true;
-    } else {
-      this.isPressed = false;
-    }
-  };
-
-  __dispatchClickWithThrottle: (event: MouseEvent | KeyboardEvent) => void =
-    event => {
-      this.__dispatchClick(event);
-    };
-
-  __dispatchClick = (event: MouseEvent | KeyboardEvent) => {
-    // If the button is soft-disabled or a disabled link, we need to explicitly
-    // prevent the click from propagating to other event listeners as well as
-    // prevent the default action.
-    if (this.softDisabled || (this.disabled && this.href) || this.skeleton) {
-      event.stopImmediatePropagation();
-      event.preventDefault();
-      return;
-    }
-
-    if (!isActivationClick(event) || !this.buttonElement) {
-      return;
-    }
-
-    if (this.toggle) {
-      this.selected = !this.selected;
-    }
-
-    this.focus();
-    dispatchActivationClick(this.buttonElement);
-  };
-
-  
-
-  __renderDisabledReason(softDisabled: boolean) {
-    if (softDisabled)
-      return html`<div
-        id=${BaseButton.DISABLED_REASON_ID}
-        role="tooltip"
-        aria-label=${this.disabledReason}
-        class="screen-reader-only"
-      >
-        ${this.disabledReason}
-      </div>`;
-    return nothing;
-  }
-
-  __renderTooltip() {
-    if (this.tooltip) {
-      return html`<wc-tooltip for="button">${this.tooltip}</wc-tooltip>`;
-    }
-    return nothing;
-  }
-}

package/src/focus-ring/FocusAttachableController.ts

@@ -1,28 +0,0 @@
-import { ReactiveController, ReactiveControllerHost } from 'lit';
-
-export class FocusAttachableController implements ReactiveController {
-  host: ReactiveControllerHost;
-
-  getControlElement: () => HTMLElement;
-
-  visible = false;
-
-  constructor(
-    host: ReactiveControllerHost,
-    getControlElement: () => HTMLElement,
-  ) {
-    (this.host = host).addController(this);
-    this.getControlElement = getControlElement;
-  }
-
-  hostConnected() {
-    if (this.getControlElement) {
-      const element = this.getControlElement();
-      element.addEventListener('focus', () => {
-        // @ts-ignore
-        this.host.handleEvent();
-        this.host.requestUpdate();
-      });
-    }
-  }
-}

package/src/popover/tooltip.css-component.scss

@@ -1,19 +0,0 @@
-@use "../../scss/mixin";
-@use "sass:string";
-
-@include mixin.base-styles;
-
-.tooltip {
-  display: inline-block;
-  @include mixin.get-typography(body-small);
-  max-width: 17.5rem;
-  padding-inline: var(--spacing-100);
-  padding-block: var(--spacing-050);
-  color: var(--color-inverse-on-surface);
-  background-color: var(--color-inverse-surface);
-  border-radius: var(--shape-corner-extra-small);
-}
-
-.tooltip-link {
-  border-bottom: 1px dashed var(--color-on-surface);
-}