@redvars/peacock 3.5.0 → 3.6.0

package/dist/fab-C5Nzxk0E.js

@@ -1,497 +0,0 @@
-import { A, a as i, _ as __decorate, I as IndividualComponent, i as i$1, c as __classPrivateFieldGet, b } from './IndividualComponent-DUINtMGK.js';
-import { n } from './property-1psGvXOq.js';
-import { r } from './state-DwbEjqVk.js';
-import { e } from './query-QBcUV-L_.js';
-import { e as e$1 } from './class-map-YU7g0o3B.js';
-import { i as isActivationClick, d as dispatchActivationClick } from './dispatch-event-utils-CuEqjlPT.js';
-import { t as throttle } from './throttle-C7ZAPqtu.js';
-import { s as spread } from './spread-B5cgadZl.js';
-
-/**
- * @license
- * Copyright 2018 Google LLC
- * SPDX-License-Identifier: BSD-3-Clause
- */const o=o=>o??A;
-
-var css_248z$2 = i`* {
-  box-sizing: border-box;
-}
-
-.screen-reader-only {
-  display: none !important;
-}
-
-:host {
-  display: inline-flex;
-  --fab-container-shape: var(--shape-corner-large);
-  --fab-container-elevation-level: 3;
-}
-
-/*
-  * Reset native button/link styles
-  */
-.fab-element {
-  background: transparent;
-  border: none;
-  appearance: none;
-  margin: 0;
-  outline: none;
-  text-decoration: none;
-  cursor: pointer;
-}
-
-.fab {
-  position: relative;
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-  border-radius: var(--fab-container-shape);
-  font-family: var(--font-family-sans) !important;
-}
-.fab .fab-content {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  pointer-events: none;
-  z-index: 0;
-  gap: 0.75rem;
-  color: var(--_fab-label-text-color);
-  --icon-size: var(--_fab-icon-size);
-  --icon-color: var(--_fab-label-text-color);
-}
-.fab .fab-label {
-  font-size: 0.875rem;
-  font-weight: var(--font-weight-medium);
-  line-height: 1.25rem;
-  letter-spacing: 0.00625em;
-  white-space: nowrap;
-}
-.fab.disabled {
-  cursor: not-allowed;
-}
-.fab {
-  /*
-    Background layers
-   */
-}
-.fab .focus-ring {
-  z-index: 2;
-  --focus-ring-container-shape-start-start: var(--fab-container-shape);
-  --focus-ring-container-shape-start-end: var(--fab-container-shape);
-  --focus-ring-container-shape-end-start: var(--fab-container-shape);
-  --focus-ring-container-shape-end-end: var(--fab-container-shape);
-}
-.fab .ripple {
-  border-radius: var(--fab-container-shape);
-  --ripple-state-opacity: var(--_fab-container-state-opacity, 0);
-  --ripple-pressed-color: var(--_fab-label-text-color);
-}
-.fab .background {
-  display: block;
-  position: absolute;
-  inset: 0;
-  background-color: var(--_fab-container-color);
-  opacity: var(--_fab-container-opacity, 1);
-  border-radius: var(--fab-container-shape);
-  pointer-events: none;
-}
-.fab .elevation {
-  --elevation-level: var(--_fab-container-elevation-level, var(--fab-container-elevation-level));
-  transition-duration: 280ms;
-  --elevation-container-shape-start-start: var(--fab-container-shape);
-  --elevation-container-shape-start-end: var(--fab-container-shape);
-  --elevation-container-shape-end-start: var(--fab-container-shape);
-  --elevation-container-shape-end-end: var(--fab-container-shape);
-}
-.fab:hover:not(.disabled) {
-  --_fab-container-elevation-level: 4;
-  --_fab-container-state-opacity: 0.08;
-}
-.fab.pressed:not(.disabled) {
-  --_fab-container-elevation-level: 3;
-  --_fab-container-state-opacity: 0.12;
-}
-.fab.lowered {
-  --fab-container-elevation-level: 1;
-}
-.fab.lowered:hover:not(.disabled) {
-  --_fab-container-elevation-level: 2;
-}
-.fab.lowered.pressed:not(.disabled) {
-  --_fab-container-elevation-level: 1;
-}
-.fab.disabled {
-  --_fab-container-color: var(--color-on-surface);
-  --_fab-container-opacity: 0.12;
-  --_fab-label-text-color: var(--color-on-surface);
-  --_fab-label-text-opacity: 0.38;
-  --_fab-container-elevation-level: 0;
-}
-.fab.disabled .ripple {
-  display: none;
-}
-.fab.disabled .fab-content {
-  opacity: 0.38;
-}
-
-/* Extended FAB */
-.fab.extended {
-  padding: 0 1rem;
-  border-radius: var(--fab-container-shape);
-}`;
-
-var css_248z$1 = i`:host {
-  --tonal-fab-container-color: var(--color-surface-container-high);
-  --tonal-fab-label-text-color: var(--color-on-surface);
-  --filled-fab-container-color: var(--color-surface);
-  --filled-fab-label-text-color: var(--color-on-surface);
-}
-
-:host([color=surface]) {
-  --tonal-fab-container-color: var(--color-surface-container-high);
-  --tonal-fab-label-text-color: var(--color-on-surface);
-  --filled-fab-container-color: var(--color-surface);
-  --filled-fab-label-text-color: var(--color-on-surface);
-}
-
-:host([color=primary]) {
-  --tonal-fab-container-color: var(--color-primary-container);
-  --tonal-fab-label-text-color: var(--color-on-primary-container);
-  --filled-fab-container-color: var(--color-primary);
-  --filled-fab-label-text-color: var(--color-on-primary);
-}
-
-:host([color=secondary]) {
-  --tonal-fab-container-color: var(--color-secondary-container);
-  --tonal-fab-label-text-color: var(--color-on-secondary-container);
-  --filled-fab-container-color: var(--color-secondary);
-  --filled-fab-label-text-color: var(--color-on-secondary);
-}
-
-:host([color=tertiary]) {
-  --tonal-fab-container-color: var(--color-tertiary-container);
-  --tonal-fab-label-text-color: var(--color-on-tertiary-container);
-  --filled-fab-container-color: var(--color-tertiary);
-  --filled-fab-label-text-color: var(--color-on-tertiary);
-}
-
-.fab.variant-tonal {
-  --_fab-container-color: var(--tonal-fab-container-color);
-  --_fab-label-text-color: var(--tonal-fab-label-text-color);
-}
-
-.fab.variant-filled {
-  --_fab-container-color: var(--filled-fab-container-color);
-  --_fab-label-text-color: var(--filled-fab-label-text-color);
-}`;
-
-var css_248z = i`/* Small FAB: 40x40dp, shape-corner-medium */
-:host([size=sm]) {
-  --fab-container-shape: var(--shape-corner-medium);
-}
-
-:host([size=sm]) .fab {
-  width: 2.5rem;
-  height: 2.5rem;
-  --_fab-icon-size: 1.5rem;
-}
-
-/* Standard/Medium FAB: 56x56dp, shape-corner-large (default) */
-:host([size=md]) .fab {
-  width: 3.5rem;
-  height: 3.5rem;
-  --_fab-icon-size: 1.5rem;
-}
-
-/* Large FAB: 96x96dp, shape-corner-extra-large */
-:host([size=lg]) {
-  --fab-container-shape: var(--shape-corner-extra-large);
-}
-
-:host([size=lg]) .fab {
-  width: 6rem;
-  height: 6rem;
-  --_fab-icon-size: 2.25rem;
-}
-
-/* Extended FAB overrides (height fixed, width auto) */
-:host([size=sm]) .fab.extended {
-  width: auto;
-  min-width: 4rem;
-  height: 2.5rem;
-}
-
-:host([size=md]) .fab.extended {
-  width: auto;
-  min-width: 5rem;
-  height: 3.5rem;
-}
-
-:host([size=lg]) .fab.extended {
-  width: auto;
-  min-width: 6rem;
-  height: 6rem;
-}`;
-
-var _Fab_id, _Fab_tabindex;
-/**
- * @label FAB
- * @tag wc-fab
- * @rawTag fab
- *
- * @summary The FAB (Floating Action Button) represents the primary action on a screen.
- * @overview
- * <p>A Floating Action Button (FAB) is a circular button that represents the primary action on a screen. It follows the Material Design 3 specification and supports four color roles and two variants.</p>
- *
- * @cssprop --fab-container-color: Background color of the FAB container.
- * @cssprop --fab-label-text-color: Text and icon color of the FAB label.
- * @cssprop --fab-container-shape: Corner radius of the FAB. Defaults to var(--shape-corner-large).
- * @cssprop --fab-container-elevation-level: Elevation level of the FAB. Defaults to 3.
- *
- * @fires {MouseEvent} click - Dispatched when the FAB is clicked.
- *
- * @example
- * ```html
- * <wc-fab name="add"></wc-fab>
- * ```
- * @tags controls
- */
-let Fab = class Fab extends i$1 {
-    constructor() {
-        super(...arguments);
-        _Fab_id.set(this, crypto.randomUUID());
-        _Fab_tabindex.set(this, 0);
-        /**
-         * Icon provider. Defaults to `"material-symbols"`.
-         */
-        this.provider = 'material-symbols';
-        /**
-         * The color role of the FAB.
-         * `"surface"` uses the surface color role.
-         * `"primary"` uses the primary color role.
-         * `"secondary"` uses the secondary color role.
-         * `"tertiary"` uses the tertiary color role.
-         */
-        this.color = 'surface';
-        /**
-         * The style variant of the FAB.
-         * `"tonal"` uses container colors.
-         * `"filled"` uses solid role colors.
-         */
-        this.variant = 'tonal';
-        /**
-         * The size of the FAB.
-         * `"sm"` renders a small FAB (40×40dp).
-         * `"md"` renders a standard FAB (56×56dp). This is the default.
-         * `"lg"` renders a large FAB (96×96dp).
-         */
-        this.size = 'md';
-        /**
-         * If `true`, the FAB is in a lowered (resting) state with reduced elevation.
-         */
-        this.lowered = false;
-        /**
-         * If `true`, the user cannot interact with the FAB.
-         */
-        this.disabled = false;
-        /**
-         * Sets or retrieves the window or frame at which to target content.
-         */
-        this.target = '_self';
-        /**
-         * Sets the delay for throttle in milliseconds. Defaults to 200 milliseconds.
-         */
-        this.throttleDelay = 200;
-        this.isPressed = false;
-        this.__handlePress = (event) => {
-            if (this.disabled)
-                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;
-            }
-        };
-        this.__dispatchClickWithThrottle = event => {
-            this.__dispatchClick(event);
-        };
-        this.__dispatchClick = (event) => {
-            if (this.disabled && this.href) {
-                event.stopImmediatePropagation();
-                event.preventDefault();
-                return;
-            }
-            if (!isActivationClick(event) || !this.fabElement) {
-                return;
-            }
-            this.focus();
-            dispatchActivationClick(this.fabElement);
-        };
-    }
-    focus() {
-        this.fabElement?.focus();
-    }
-    blur() {
-        this.fabElement?.blur();
-    }
-    connectedCallback() {
-        super.connectedCallback();
-        this.addEventListener('click', this.__dispatchClickWithThrottle);
-        window.addEventListener('mouseup', this.__handlePress);
-    }
-    disconnectedCallback() {
-        window.removeEventListener('mouseup', this.__handlePress);
-        this.removeEventListener('click', this.__dispatchClickWithThrottle);
-        super.disconnectedCallback();
-    }
-    firstUpdated() {
-        this.__dispatchClickWithThrottle = throttle(this.__dispatchClick, this.throttleDelay);
-    }
-    __isLink() {
-        return !!this.href;
-    }
-    __getDisabledReasonID() {
-        return this.disabled ? `disabled-reason-${__classPrivateFieldGet(this, _Fab_id, "f")}` : A;
-    }
-    render() {
-        const isLink = this.__isLink();
-        const isExtended = !!this.label;
-        const cssClasses = {
-            fab: true,
-            'fab-element': true,
-            [`size-${this.size}`]: true,
-            [`color-${this.color}`]: true,
-            [`variant-${this.variant}`]: true,
-            extended: isExtended,
-            lowered: this.lowered,
-            disabled: this.disabled,
-            pressed: this.isPressed,
-        };
-        if (!isLink) {
-            return b `<button
-          class=${e$1(cssClasses)}
-          id="fab"
-          tabindex=${__classPrivateFieldGet(this, _Fab_tabindex, "f")}
-          type="button"
-          @click=${this.__dispatchClickWithThrottle}
-          @mousedown=${this.__handlePress}
-          @keydown=${this.__handlePress}
-          @keyup=${this.__handlePress}
-          aria-label=${this.label ?? this.name ?? A}
-          aria-disabled=${`${this.disabled}`}
-          ?disabled=${this.disabled}
-          ${spread(this.configAria)}
-        >
-          ${this.__renderFabContent(isExtended)}
-        </button>
-        ${this.__renderTooltip()}`;
-        }
-        return b `<a
-        class=${e$1(cssClasses)}
-        id="fab"
-        tabindex=${__classPrivateFieldGet(this, _Fab_tabindex, "f")}
-        href=${o(this.href)}
-        target=${this.target}
-        @click=${this.__dispatchClickWithThrottle}
-        @mousedown=${this.__handlePress}
-        @keydown=${this.__handlePress}
-        @keyup=${this.__handlePress}
-        role="button"
-        aria-label=${this.label ?? this.name ?? A}
-        aria-disabled=${`${this.disabled}`}
-        ${spread(this.configAria)}
-      >
-        ${this.__renderFabContent(isExtended)}
-      </a>
-      ${this.__renderTooltip()}`;
-    }
-    __renderFabContent(isExtended) {
-        return b `
-      <wc-focus-ring class="focus-ring" .control=${this} .forElement=${this.fabElement}></wc-focus-ring>
-      <wc-elevation class="elevation"></wc-elevation>
-      <div class="background"></div>
-      <wc-ripple class="ripple"></wc-ripple>
-
-      <div class="fab-content">
-        <wc-icon
-          class="fab-icon"
-          name=${o(this.name)}
-          src=${o(this.src)}
-          provider=${this.provider}
-        ></wc-icon>
-        ${isExtended
-            ? b `<span class="fab-label">${this.label}</span>`
-            : A}
-      </div>
-    `;
-    }
-    __renderTooltip() {
-        if (this.tooltip) {
-            return b `<wc-tooltip for="fab">${this.tooltip}</wc-tooltip>`;
-        }
-        return A;
-    }
-};
-_Fab_id = new WeakMap();
-_Fab_tabindex = new WeakMap();
-Fab.styles = [css_248z$2, css_248z$1, css_248z];
-__decorate([
-    n({ type: String, reflect: true })
-], Fab.prototype, "name", void 0);
-__decorate([
-    n({ type: String, reflect: true })
-], Fab.prototype, "src", void 0);
-__decorate([
-    n({ type: String })
-], Fab.prototype, "provider", void 0);
-__decorate([
-    n({ type: String })
-], Fab.prototype, "label", void 0);
-__decorate([
-    n({ reflect: true })
-], Fab.prototype, "color", void 0);
-__decorate([
-    n({ reflect: true })
-], Fab.prototype, "variant", void 0);
-__decorate([
-    n({ reflect: true })
-], Fab.prototype, "size", void 0);
-__decorate([
-    n({ type: Boolean, reflect: true })
-], Fab.prototype, "lowered", void 0);
-__decorate([
-    n({ type: Boolean, reflect: true })
-], Fab.prototype, "disabled", void 0);
-__decorate([
-    n({ reflect: true })
-], Fab.prototype, "href", void 0);
-__decorate([
-    n()
-], Fab.prototype, "target", void 0);
-__decorate([
-    n({ reflect: true })
-], Fab.prototype, "configAria", void 0);
-__decorate([
-    n()
-], Fab.prototype, "throttleDelay", void 0);
-__decorate([
-    n()
-], Fab.prototype, "tooltip", void 0);
-__decorate([
-    r()
-], Fab.prototype, "isPressed", void 0);
-__decorate([
-    e('.fab')
-], Fab.prototype, "fabElement", void 0);
-Fab = __decorate([
-    IndividualComponent
-], Fab);
-
-export { Fab as F, o };
-//# sourceMappingURL=fab-C5Nzxk0E.js.map

package/dist/fab-C5Nzxk0E.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"fab-C5Nzxk0E.js","sources":["../node_modules/lit-html/directives/if-defined.js","../../src/fab/fab.ts"],"sourcesContent":["import{nothing as t}from\"../lit-html.js\";\n/**\n * @license\n * Copyright 2018 Google LLC\n * SPDX-License-Identifier: BSD-3-Clause\n */const o=o=>o??t;export{o as ifDefined};\n//# sourceMappingURL=if-defined.js.map\n","import { html, LitElement, nothing } from 'lit';\nimport { property, query, state } from 'lit/decorators.js';\nimport { classMap } from 'lit/directives/class-map.js';\nimport { ifDefined } from 'lit/directives/if-defined.js';\n\nimport IndividualComponent from '@/IndividualComponent.js';\nimport { dispatchActivationClick, isActivationClick } from '@/__utils/dispatch-event-utils.js';\nimport { throttle } from '@/__utils/throttle.js';\nimport { spread } from '@/__directive/spread.js';\n\nimport { IconProvider } from '../icon/icon.js';\nimport styles from './fab.scss';\nimport colorStyles from './fab-colors.scss';\nimport sizeStyles from './fab-sizes.scss';\n\n/**\n * @label FAB\n * @tag wc-fab\n * @rawTag fab\n *\n * @summary The FAB (Floating Action Button) represents the primary action on a screen.\n * @overview\n * <p>A Floating Action Button (FAB) is a circular button that represents the primary action on a screen. It follows the Material Design 3 specification and supports four color roles and two variants.</p>\n *\n * @cssprop --fab-container-color: Background color of the FAB container.\n * @cssprop --fab-label-text-color: Text and icon color of the FAB label.\n * @cssprop --fab-container-shape: Corner radius of the FAB. Defaults to var(--shape-corner-large).\n * @cssprop --fab-container-elevation-level: Elevation level of the FAB. Defaults to 3.\n *\n * @fires {MouseEvent} click - Dispatched when the FAB is clicked.\n *\n * @example\n * ```html\n * <wc-fab name=\"add\"></wc-fab>\n * ```\n * @tags controls\n */\n@IndividualComponent\nexport class Fab extends LitElement {\n  static override styles = [styles, colorStyles, sizeStyles];\n\n  #id = crypto.randomUUID();\n\n  #tabindex?: number = 0;\n\n  /**\n   * Name of the icon to display inside the FAB.\n   */\n  @property({ type: String, reflect: true }) name?: string;\n\n  /**\n   * Source URL for a custom icon.\n   */\n  @property({ type: String, reflect: true }) src?: string;\n\n  /**\n   * Icon provider. Defaults to `\"material-symbols\"`.\n   */\n  @property({ type: String }) provider: IconProvider = 'material-symbols';\n\n  /**\n   * Optional label text for the extended FAB variant.\n   * When set, the FAB displays both the icon and a text label.\n   */\n  @property({ type: String }) label?: string;\n\n  /**\n   * The color role of the FAB.\n   * `\"surface\"` uses the surface color role.\n   * `\"primary\"` uses the primary color role.\n   * `\"secondary\"` uses the secondary color role.\n   * `\"tertiary\"` uses the tertiary color role.\n   */\n  @property({ reflect: true }) color: 'surface' | 'primary' | 'secondary' | 'tertiary' = 'surface';\n\n  /**\n   * The style variant of the FAB.\n   * `\"tonal\"` uses container colors.\n   * `\"filled\"` uses solid role colors.\n   */\n  @property({ reflect: true }) variant: 'tonal' | 'filled' = 'tonal';\n\n  /**\n   * The size of the FAB.\n   * `\"sm\"` renders a small FAB (40×40dp).\n   * `\"md\"` renders a standard FAB (56×56dp). This is the default.\n   * `\"lg\"` renders a large FAB (96×96dp).\n   */\n  @property({ reflect: true }) size: 'sm' | 'md' | 'lg' = 'md';\n\n  /**\n   * If `true`, the FAB is in a lowered (resting) state with reduced elevation.\n   */\n  @property({ type: Boolean, reflect: true }) lowered: boolean = false;\n\n  /**\n   * If `true`, the user cannot interact with the FAB.\n   */\n  @property({ type: Boolean, reflect: true }) disabled: boolean = false;\n\n  /**\n   * Hyperlink to navigate to on click.\n   */\n  @property({ reflect: true }) href?: string;\n\n  /**\n   * Sets or retrieves the window or frame at which to target content.\n   */\n  @property() target: string = '_self';\n\n  /**\n   * Additional ARIA attributes to pass to the inner button/anchor element.\n   */\n  @property({ reflect: true })\n  configAria?: { [key: string]: any };\n\n  /**\n   * Sets the delay for throttle in milliseconds. Defaults to 200 milliseconds.\n   */\n  @property() throttleDelay = 200;\n\n  /**\n   * Tooltip text shown on hover.\n   */\n  @property() tooltip?: string;\n\n  @state()\n  isPressed = false;\n\n  @query('.fab') readonly fabElement!: HTMLElement | null;\n\n  override focus() {\n    this.fabElement?.focus();\n  }\n\n  override blur() {\n    this.fabElement?.blur();\n  }\n\n  override connectedCallback() {\n    super.connectedCallback();\n    this.addEventListener('click', this.__dispatchClickWithThrottle);\n    window.addEventListener('mouseup', this.__handlePress);\n  }\n\n  override disconnectedCallback() {\n    window.removeEventListener('mouseup', this.__handlePress);\n    this.removeEventListener('click', this.__dispatchClickWithThrottle);\n    super.disconnectedCallback();\n  }\n\n  override firstUpdated() {\n    this.__dispatchClickWithThrottle = throttle(\n      this.__dispatchClick,\n      this.throttleDelay,\n    );\n  }\n\n  __handlePress = (event: KeyboardEvent | MouseEvent) => {\n    if (this.disabled) return;\n    if (\n      event instanceof KeyboardEvent &&\n      event.type === 'keydown' &&\n      (event.key === 'Enter' || event.key === ' ')\n    ) {\n      this.isPressed = true;\n    } else if (event.type === 'mousedown') {\n      this.isPressed = true;\n    } else {\n      this.isPressed = false;\n    }\n  };\n\n  __isLink() {\n    return !!this.href;\n  }\n\n  __dispatchClickWithThrottle: (event: MouseEvent | KeyboardEvent) => void =\n    event => {\n      this.__dispatchClick(event);\n    };\n\n  __dispatchClick = (event: MouseEvent | KeyboardEvent) => {\n    if (this.disabled && this.href) {\n      event.stopImmediatePropagation();\n      event.preventDefault();\n      return;\n    }\n\n    if (!isActivationClick(event) || !this.fabElement) {\n      return;\n    }\n\n    this.focus();\n    dispatchActivationClick(this.fabElement);\n  };\n\n  __getDisabledReasonID() {\n    return this.disabled ? `disabled-reason-${this.#id}` : nothing;\n  }\n\n  override render() {\n    const isLink = this.__isLink();\n    const isExtended = !!this.label;\n\n    const cssClasses = {\n      fab: true,\n      'fab-element': true,\n      [`size-${this.size}`]: true,\n      [`color-${this.color}`]: true,\n      [`variant-${this.variant}`]: true,\n      extended: isExtended,\n      lowered: this.lowered,\n      disabled: this.disabled,\n      pressed: this.isPressed,\n    };\n\n    if (!isLink) {\n      return html`<button\n          class=${classMap(cssClasses)}\n          id=\"fab\"\n          tabindex=${this.#tabindex}\n          type=\"button\"\n          @click=${this.__dispatchClickWithThrottle}\n          @mousedown=${this.__handlePress}\n          @keydown=${this.__handlePress}\n          @keyup=${this.__handlePress}\n          aria-label=${this.label ?? this.name ?? nothing}\n          aria-disabled=${`${this.disabled}`}\n          ?disabled=${this.disabled}\n          ${spread(this.configAria)}\n        >\n          ${this.__renderFabContent(isExtended)}\n        </button>\n        ${this.__renderTooltip()}`;\n    }\n\n    return html`<a\n        class=${classMap(cssClasses)}\n        id=\"fab\"\n        tabindex=${this.#tabindex}\n        href=${ifDefined(this.href)}\n        target=${this.target}\n        @click=${this.__dispatchClickWithThrottle}\n        @mousedown=${this.__handlePress}\n        @keydown=${this.__handlePress}\n        @keyup=${this.__handlePress}\n        role=\"button\"\n        aria-label=${this.label ?? this.name ?? nothing}\n        aria-disabled=${`${this.disabled}`}\n        ${spread(this.configAria)}\n      >\n        ${this.__renderFabContent(isExtended)}\n      </a>\n      ${this.__renderTooltip()}`;\n  }\n\n  __renderFabContent(isExtended: boolean) {\n    return html`\n      <wc-focus-ring class=\"focus-ring\" .control=${this} .forElement=${this.fabElement}></wc-focus-ring>\n      <wc-elevation class=\"elevation\"></wc-elevation>\n      <div class=\"background\"></div>\n      <wc-ripple class=\"ripple\"></wc-ripple>\n\n      <div class=\"fab-content\">\n        <wc-icon\n          class=\"fab-icon\"\n          name=${ifDefined(this.name)}\n          src=${ifDefined(this.src)}\n          provider=${this.provider}\n        ></wc-icon>\n        ${isExtended\n          ? html`<span class=\"fab-label\">${this.label}</span>`\n          : nothing}\n      </div>\n    `;\n  }\n\n  __renderTooltip() {\n    if (this.tooltip) {\n      return html`<wc-tooltip for=\"fab\">${this.tooltip}</wc-tooltip>`;\n    }\n    return nothing;\n  }\n}\n"],"names":["t","LitElement","nothing","html","classMap","ifDefined","styles","colorStyles","sizeStyles","property","state","query"],"mappings":"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","x_google_ignoreList":[0]}

package/dist/is-dark-mode-DicqGkCJ.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"is-dark-mode-DicqGkCJ.js","sources":["../../src/input/BaseInput.ts","../../src/__utils/observe-theme-change.ts","../../src/__utils/is-dark-mode.ts"],"sourcesContent":["import { LitElement } from 'lit';\nimport { property } from 'lit/decorators.js';\n\nexport default abstract class BaseInput extends LitElement {\n  value?: any;\n\n  @property({ type: Boolean, reflect: true })\n  disabled: boolean = false;\n\n  @property({ type: Boolean, reflect: true })\n  readonly: boolean = false;\n\n  @property({ type: Boolean, reflect: true })\n  required: boolean = false;\n\n  @property({ type: Boolean, reflect: true })\n  skeleton = false;\n}\n","type ThemeChangeCallback = () => void;\n\nexport const observeThemeChange = (() => {\n  const callbacks = new Set<ThemeChangeCallback>();\n\n  const observer = new MutationObserver((records) => {\n    const changed = records.some(\n      (r) => r.type === \"attributes\" && r.attributeName === \"data-theme\"\n    );\n    if (!changed) return;\n\n    for (const callback of callbacks) {\n      try {\n        callback();\n      } catch (err) {\n        console.error(\"[observeThemeChange] callback threw:\", err);\n      }\n    }\n  });\n\n  observer.observe(document.documentElement, {\n    attributes: true,\n    attributeFilter: [\"data-theme\"],\n  });\n\n  return (callback: ThemeChangeCallback): (() => void) => {\n    callbacks.add(callback);\n    return () => callbacks.delete(callback);\n  };\n})();","export function isDarkMode() {\n  return document.documentElement.dataset.theme === 'dark';\n}"],"names":["LitElement","property"],"mappings":";;;AAGc,MAAgB,SAAU,SAAQA,CAAU,CAAA;AAA1D,IAAA,WAAA,GAAA;;QAIE,IAAA,CAAA,QAAQ,GAAY,KAAK;QAGzB,IAAA,CAAA,QAAQ,GAAY,KAAK;QAGzB,IAAA,CAAA,QAAQ,GAAY,KAAK;QAGzB,IAAA,CAAA,QAAQ,GAAG,KAAK;IAClB;AAAC;AAVC,UAAA,CAAA;IADCC,CAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE;AAChB,CAAA,EAAA,SAAA,CAAA,SAAA,EAAA,UAAA,EAAA,MAAA,CAAA;AAG1B,UAAA,CAAA;IADCA,CAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE;AAChB,CAAA,EAAA,SAAA,CAAA,SAAA,EAAA,UAAA,EAAA,MAAA,CAAA;AAG1B,UAAA,CAAA;IADCA,CAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE;AAChB,CAAA,EAAA,SAAA,CAAA,SAAA,EAAA,UAAA,EAAA,MAAA,CAAA;AAG1B,UAAA,CAAA;IADCA,CAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE;AACzB,CAAA,EAAA,SAAA,CAAA,SAAA,EAAA,UAAA,EAAA,MAAA,CAAA;;ACdZ,MAAM,kBAAkB,GAAG,CAAC,MAAK;AACtC,IAAA,MAAM,SAAS,GAAG,IAAI,GAAG,EAAuB;IAEhD,MAAM,QAAQ,GAAG,IAAI,gBAAgB,CAAC,CAAC,OAAO,KAAI;QAChD,MAAM,OAAO,GAAG,OAAO,CAAC,IAAI,CAC1B,CAAC,CAAC,KAAK,CAAC,CAAC,IAAI,KAAK,YAAY,IAAI,CAAC,CAAC,aAAa,KAAK,YAAY,CACnE;AACD,QAAA,IAAI,CAAC,OAAO;YAAE;AAEd,QAAA,KAAK,MAAM,QAAQ,IAAI,SAAS,EAAE;AAChC,YAAA,IAAI;AACF,gBAAA,QAAQ,EAAE;YACZ;YAAE,OAAO,GAAG,EAAE;AACZ,gBAAA,OAAO,CAAC,KAAK,CAAC,sCAAsC,EAAE,GAAG,CAAC;YAC5D;QACF;AACF,IAAA,CAAC,CAAC;AAEF,IAAA,QAAQ,CAAC,OAAO,CAAC,QAAQ,CAAC,eAAe,EAAE;AACzC,QAAA,UAAU,EAAE,IAAI;QAChB,eAAe,EAAE,CAAC,YAAY,CAAC;AAChC,KAAA,CAAC;IAEF,OAAO,CAAC,QAA6B,KAAkB;AACrD,QAAA,SAAS,CAAC,GAAG,CAAC,QAAQ,CAAC;QACvB,OAAO,MAAM,SAAS,CAAC,MAAM,CAAC,QAAQ,CAAC;AACzC,IAAA,CAAC;AACH,CAAC;;SC7Be,UAAU,GAAA;IACxB,OAAO,QAAQ,CAAC,eAAe,CAAC,OAAO,CAAC,KAAK,KAAK,MAAM;AAC1D;;;;"}