@redvars/peacock 3.5.0 → 3.6.0

package/dist/fab.js

@@ -1,11 +1,423 @@
-import './IndividualComponent-DUINtMGK.js';
-import './property-1psGvXOq.js';
-import './state-DwbEjqVk.js';
-import './query-QBcUV-L_.js';
-import './class-map-YU7g0o3B.js';
-export { F as Fab } from './fab-C5Nzxk0E.js';
-import './dispatch-event-utils-CuEqjlPT.js';
-import './throttle-C7ZAPqtu.js';
-import './spread-B5cgadZl.js';
+import { a as i, _ as __decorate, I as IndividualComponent, A, c as __classPrivateFieldGet, b } from './IndividualComponent-DUINtMGK.js';
+import { n } from './property-1psGvXOq.js';
+import { r } from './state-DwbEjqVk.js';
+import { e } from './class-map-YU7g0o3B.js';
+import { B as BaseButton, o, s as spread } from './BaseButton-BNFAYn-S.js';
+import { i as isActivationClick, d as dispatchActivationClick } from './dispatch-event-utils-CuEqjlPT.js';
+import { t as throttle } from './BaseHyperlinkMixin-BNuwbiEf.js';
 import './directive-ZPhl09Yt.js';
+import './query-QBcUV-L_.js';
+
+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;
+/**
+ * @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><wc-icon name="add"></wc-icon></wc-fab>
+ * ```
+ * @tags controls
+ */
+let Fab = class Fab extends BaseButton {
+    constructor() {
+        super(...arguments);
+        _Fab_id.set(this, crypto.randomUUID());
+        /**
+         * 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;
+        /**
+         * Sets the delay for throttle in milliseconds. Defaults to 200 milliseconds.
+         */
+        this.throttleDelay = 200;
+        this.isPressed = false;
+        this.__dispatchClick = (event) => {
+            if (this.disabled && this.href) {
+                event.stopImmediatePropagation();
+                event.preventDefault();
+                return;
+            }
+            if (!isActivationClick(event) || !this.buttonElement) {
+                return;
+            }
+            this.focus();
+            dispatchActivationClick(this.buttonElement);
+        };
+    }
+    focus() {
+        this.buttonElement?.focus();
+    }
+    blur() {
+        this.buttonElement?.blur();
+    }
+    firstUpdated() {
+        this.__dispatchClickWithThrottle = throttle(this.__dispatchClick, this.throttleDelay);
+    }
+    __getDisabledReasonID() {
+        return this.disabled ? `disabled-reason-${__classPrivateFieldGet(this, _Fab_id, "f")}` : A;
+    }
+    render() {
+        const isLink = this.__isLink();
+        const isExtended = !!this.label;
+        const cssClasses = {
+            button: true,
+            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(cssClasses)}
+          id="button"
+          type="button"
+          @click=${this.__dispatchClickWithThrottle}
+          @mousedown=${this.__handlePress}
+          @keydown=${this.__handlePress}
+          @keyup=${this.__handlePress}
+          
+          aria-describedby=${o(this.softDisabled ? BaseButton.DISABLED_REASON_ID : undefined)}
+          ?aria-disabled=${this.softDisabled}
+
+          ?disabled=${this.disabled}
+          ${spread(this.configAria)}
+        >
+          ${this.__renderFabContent(isExtended)}
+        </button>
+        ${this.__renderTooltip()}`;
+        }
+        return b `<a
+        class=${e(cssClasses)}
+        id="button"
+        tabindex=${this.disabled ? '-1' : '0'}
+        href=${o(this.href)}
+        target=${this.target}
+        @click=${this.__dispatchClick}
+        @mousedown=${this.__handlePress}
+        @keydown=${this.__handlePress}
+        @keyup=${this.__handlePress}
+        role="button"
+
+        aria-describedby=${o(this.softDisabled ? BaseButton.DISABLED_REASON_ID : undefined)}
+        ?aria-disabled=${this.softDisabled}
+
+        ${spread(this.configAria)}
+      >
+        ${this.__renderFabContent(isExtended)}
+      </a>
+      ${this.__renderTooltip()}`;
+    }
+    __renderFabContent(isExtended) {
+        return b `
+      <wc-focus-ring class="focus-ring" for='button'></wc-focus-ring>
+      <wc-elevation class="elevation"></wc-elevation>
+      <div class="background"></div>
+      <wc-ripple class="ripple"></wc-ripple>
+      <wc-skeleton class="skeleton"></wc-skeleton>
+
+      <div class="fab-content">
+
+        <slot></slot>
+        ${isExtended
+            ? b `<span class="fab-label">${this.label}</span>`
+            : A}
+      </div>
+
+      ${this.__renderDisabledReason(this.softDisabled)}
+    `;
+    }
+};
+_Fab_id = new WeakMap();
+Fab.styles = [css_248z$2, css_248z$1, css_248z];
+__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({ 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);
+Fab = __decorate([
+    IndividualComponent
+], Fab);
+
+export { Fab };
 //# sourceMappingURL=fab.js.map

package/dist/fab.js.map

@@ -1 +1 @@
-{"version":3,"file":"fab.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;"}
+{"version":3,"file":"fab.js","sources":["../../src/fab/fab.ts"],"sourcesContent":["import { html, nothing } from 'lit';\nimport { property, 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 styles from './fab.scss';\nimport colorStyles from './fab-colors.scss';\nimport sizeStyles from './fab-sizes.scss';\nimport { BaseButton } from '@/button/BaseButton.js';\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><wc-icon name=\"add\"></wc-icon></wc-fab>\n * ```\n * @tags controls\n */\n@IndividualComponent\nexport class Fab extends BaseButton {\n  static override styles = [styles, colorStyles, sizeStyles];\n\n  #id = crypto.randomUUID();\n  \n\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   * 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  override focus() {\n    this.buttonElement?.focus();\n  }\n\n  override blur() {\n    this.buttonElement?.blur();\n  }\n\n  override firstUpdated() {\n    this.__dispatchClickWithThrottle = throttle(\n      this.__dispatchClick,\n      this.throttleDelay,\n    );\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.buttonElement) {\n      return;\n    }\n\n    this.focus();\n    dispatchActivationClick(this.buttonElement);\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      button: true,\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=\"button\"\n          type=\"button\"\n          @click=${this.__dispatchClickWithThrottle}\n          @mousedown=${this.__handlePress}\n          @keydown=${this.__handlePress}\n          @keyup=${this.__handlePress}\n          \n          aria-describedby=${ifDefined(this.softDisabled ? BaseButton.DISABLED_REASON_ID : undefined)}\n          ?aria-disabled=${this.softDisabled}\n\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=\"button\"\n        tabindex=${this.disabled ? '-1' : '0'}\n        href=${ifDefined(this.href)}\n        target=${this.target}\n        @click=${this.__dispatchClick}\n        @mousedown=${this.__handlePress}\n        @keydown=${this.__handlePress}\n        @keyup=${this.__handlePress}\n        role=\"button\"\n\n        aria-describedby=${ifDefined(this.softDisabled ? BaseButton.DISABLED_REASON_ID : undefined)}\n        ?aria-disabled=${this.softDisabled}\n\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\" for='button'></wc-focus-ring>\n      <wc-elevation class=\"elevation\"></wc-elevation>\n      <div class=\"background\"></div>\n      <wc-ripple class=\"ripple\"></wc-ripple>\n      <wc-skeleton class=\"skeleton\"></wc-skeleton>\n\n      <div class=\"fab-content\">\n\n        <slot></slot>\n        ${isExtended\n          ? html`<span class=\"fab-label\">${this.label}</span>`\n          : nothing}\n      </div>\n\n      ${this.__renderDisabledReason(this.softDisabled)}\n    `;\n  }\n\n}\n"],"names":["nothing","html","classMap","ifDefined","styles","colorStyles","sizeStyles","property","state"],"mappings":"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"}