@redvars/peacock 3.8.0 → 3.8.2

package/dist/{event-manager-D-QCmUgR.js.map → event-manager-DTyX2uYD.js.map}

@@ -1 +1 @@
-{"version":3,"file":"event-manager-D-QCmUgR.js","sources":["../../src/calendar/event-manager.ts"],"sourcesContent":["import { CalendarEvent } from './calendar-event.js';\n\nexport class ColumnEvent extends CalendarEvent {\n  width: number = 1;\n\n  constructor(event: CalendarEvent) {\n    super(event.start, event.end, event.title, event.color, event.data);\n  }\n}\n\nexport class EventManager {\n  #events: ColumnEvent[] = [];\n  columns: ColumnEvent[][] = [];\n\n  addEvents(events: CalendarEvent[]): void {\n    events.forEach(event => {\n      this.#events.push(new ColumnEvent(event));\n    });\n  }\n\n  process(): void {\n    this.columns = [];\n    let events = this.#events.sort((a, b) => {\n      return a.start.valueOf() - b.start.valueOf() || b.length() - a.length();\n    });\n\n    let oldLength: number | null = null;\n    /* Bucketing: group non-overlapping events into columns */\n    while (events.length) {\n      if (oldLength === events.length) {\n        throw new Error(\n          'Events not processed in previous run, breaking infinite loop',\n        );\n      }\n      oldLength = events.length;\n\n      const column: ColumnEvent[] = [];\n      for (let i = 0; i < events.length; i++) {\n        if (i === 0) {\n          column.push(events[i]);\n        } else if (events[i].start.valueOf() >= column[column.length - 1].end.valueOf()) {\n          column.push(events[i]);\n        }\n      }\n      this.columns.push(column);\n      events = events.filter(e => !column.find(ce => ce.gid === e.gid));\n    }\n\n    /* Calculate widths for events that span multiple columns */\n    for (let i = 0; i < this.columns.length - 1; i++) {\n      this.columns[i].forEach(event => {\n        for (let j = i + 1; j < this.columns.length; j++) {\n          if (this.columns[j].find(colEvent => event.isOverlapping(colEvent))) {\n            break;\n          }\n          event.width++;\n        }\n      });\n    }\n  }\n}\n\nexport class MonthEventManager {\n  #events: ColumnEvent[] = [];\n  columns: ColumnEvent[][] = [];\n\n  addEvents(events: CalendarEvent[]): void {\n    events.forEach(event => {\n      this.#events.push(new ColumnEvent(event));\n    });\n  }\n\n  process(): void {\n    this.columns = [];\n    let events = this.#events.sort((a, b) => {\n      return a.start.valueOf() - b.start.valueOf() || b.length() - a.length();\n    });\n\n    let oldLength: number | null = null;\n    while (events.length) {\n      if (oldLength === events.length) {\n        throw new Error(\n          'Events not processed in previous run, breaking infinite loop',\n        );\n      }\n      oldLength = events.length;\n\n      const column: ColumnEvent[] = [];\n      for (let i = 0; i < events.length; i++) {\n        if (i === 0) {\n          column.push(events[i]);\n        } else {\n          const lastEnd = new Date(column[column.length - 1].end);\n          lastEnd.setHours(23, 59, 59, 999);\n          const nextStart = new Date(events[i].start);\n          nextStart.setHours(0, 0, 0, 0);\n          if (nextStart.valueOf() > lastEnd.valueOf()) {\n            column.push(events[i]);\n          }\n        }\n      }\n      this.columns.push(column);\n      events = events.filter(e => !column.find(ce => ce.gid === e.gid));\n    }\n\n    for (let i = 0; i < this.columns.length - 1; i++) {\n      this.columns[i].forEach(event => {\n        for (let j = i + 1; j < this.columns.length; j++) {\n          if (this.columns[j].find(colEvent => event.isOverlapping(colEvent))) {\n            break;\n          }\n          event.width++;\n        }\n      });\n    }\n  }\n}\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"event-manager-DTyX2uYD.js","sources":["../../src/calendar/event-manager.ts"],"sourcesContent":["import { CalendarEvent } from './calendar-event.js';\n\nexport class ColumnEvent extends CalendarEvent {\n  width: number = 1;\n\n  constructor(event: CalendarEvent) {\n    super(event.start, event.end, event.title, event.color, event.data);\n  }\n}\n\nexport class EventManager {\n  #events: ColumnEvent[] = [];\n  columns: ColumnEvent[][] = [];\n\n  addEvents(events: CalendarEvent[]): void {\n    events.forEach(event => {\n      this.#events.push(new ColumnEvent(event));\n    });\n  }\n\n  process(): void {\n    this.columns = [];\n    let events = this.#events.sort((a, b) => {\n      return a.start.valueOf() - b.start.valueOf() || b.length() - a.length();\n    });\n\n    let oldLength: number | null = null;\n    /* Bucketing: group non-overlapping events into columns */\n    while (events.length) {\n      if (oldLength === events.length) {\n        throw new Error(\n          'Events not processed in previous run, breaking infinite loop',\n        );\n      }\n      oldLength = events.length;\n\n      const column: ColumnEvent[] = [];\n      for (let i = 0; i < events.length; i++) {\n        if (i === 0) {\n          column.push(events[i]);\n        } else if (events[i].start.valueOf() >= column[column.length - 1].end.valueOf()) {\n          column.push(events[i]);\n        }\n      }\n      this.columns.push(column);\n      events = events.filter(e => !column.find(ce => ce.gid === e.gid));\n    }\n\n    /* Calculate widths for events that span multiple columns */\n    for (let i = 0; i < this.columns.length - 1; i++) {\n      this.columns[i].forEach(event => {\n        for (let j = i + 1; j < this.columns.length; j++) {\n          if (this.columns[j].find(colEvent => event.isOverlapping(colEvent))) {\n            break;\n          }\n          event.width++;\n        }\n      });\n    }\n  }\n}\n\nexport class MonthEventManager {\n  #events: ColumnEvent[] = [];\n  columns: ColumnEvent[][] = [];\n\n  addEvents(events: CalendarEvent[]): void {\n    events.forEach(event => {\n      this.#events.push(new ColumnEvent(event));\n    });\n  }\n\n  process(): void {\n    this.columns = [];\n    let events = this.#events.sort((a, b) => {\n      return a.start.valueOf() - b.start.valueOf() || b.length() - a.length();\n    });\n\n    let oldLength: number | null = null;\n    while (events.length) {\n      if (oldLength === events.length) {\n        throw new Error(\n          'Events not processed in previous run, breaking infinite loop',\n        );\n      }\n      oldLength = events.length;\n\n      const column: ColumnEvent[] = [];\n      for (let i = 0; i < events.length; i++) {\n        if (i === 0) {\n          column.push(events[i]);\n        } else {\n          const lastEnd = new Date(column[column.length - 1].end);\n          lastEnd.setHours(23, 59, 59, 999);\n          const nextStart = new Date(events[i].start);\n          nextStart.setHours(0, 0, 0, 0);\n          if (nextStart.valueOf() > lastEnd.valueOf()) {\n            column.push(events[i]);\n          }\n        }\n      }\n      this.columns.push(column);\n      events = events.filter(e => !column.find(ce => ce.gid === e.gid));\n    }\n\n    for (let i = 0; i < this.columns.length - 1; i++) {\n      this.columns[i].forEach(event => {\n        for (let j = i + 1; j < this.columns.length; j++) {\n          if (this.columns[j].find(colEvent => event.isOverlapping(colEvent))) {\n            break;\n          }\n          event.width++;\n        }\n      });\n    }\n  }\n}\n"],"names":[],"mappings":"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"}

package/dist/fab.js

@@ -1,11 +1,17 @@
-import { a as i, i as i$1, b, A, _ as __decorate, I as IndividualComponent } from './IndividualComponent-DUINtMGK.js';
-import { n } from './property-1psGvXOq.js';
-import { e as e$1 } from './query-QBcUV-L_.js';
-import { e } from './class-map-YU7g0o3B.js';
-import { N as NativeButtonMixin, D as DISABLED_REASON_ID, o, s as spread } from './ButtonConstants-D06bY4uy.js';
+import { i, a as i$1, b, A, _ as __decorate, I as IndividualComponent } from './IndividualComponent-Bdwyrvd6.js';
+import { n } from './property-B49QQ8pS.js';
+import { e as e$1 } from './query-CHb9Ft_d.js';
+import { e } from './class-map-DG7CA1et.js';
+import { o } from './if-defined-BXZpRQ4P.js';
 import { i as isActivationClick, d as dispatchActivationClick } from './dispatch-event-utils-CuEqjlPT.js';
-import { N as NativeHyperlinkMixin, t as throttle, i as isLink } from './NativeHyperlinkMixin-DrYXyfMQ.js';
+import { i as isLink } from './is-link-Dk2OV3PM.js';
+import { D as DISABLED_REASON_ID } from './ButtonConstants-CahP2_NA.js';
+import { m as mixinBaseButton, a as mixinHyperlink } from './hyperlink-DLvb6MXE.js';
+import { m as mixinDelegatesAria, a as mixinElementInternals } from './element-internals-2CMts_0M.js';
+import { m as mixinFormSubmitter, a as mixinFormAssociated } from './form-associated-BXADnjOB.js';
+import './base-Cl6v8-BZ.js';
 import './directive-ZPhl09Yt.js';
+import './throttle-C7ZAPqtu.js';
 
 var css_248z$2 = i`* {
   box-sizing: border-box;
@@ -15,11 +21,42 @@ var css_248z$2 = i`* {
   display: none !important;
 }
 
+[hidden] {
+  display: none !important;
+}
+
 :host {
   position: relative;
   display: inline-flex;
   --fab-container-shape: var(--shape-corner-large);
   --fab-container-elevation-level: 3;
+  --private-button-container-shape-start-start: var(--fab-container-shape);
+  --private-button-container-shape-start-end: var(--fab-container-shape);
+  --private-button-container-shape-end-start: var(--fab-container-shape);
+  --private-button-container-shape-end-end: var(--fab-container-shape);
+  --private-button-container-shape-variant: var(--fab-container-shape-variant);
+}
+
+/*
+  * Reset native button/link styles
+  */
+.native-button {
+  background: transparent;
+  border: none;
+  appearance: none;
+  margin: 0;
+  outline: none;
+  padding: 0;
+}
+
+.native-link {
+  text-decoration: none;
+  color: inherit;
+  cursor: pointer;
+}
+.native-link:link, .native-link:visited, .native-link:hover, .native-link:active {
+  text-decoration: none;
+  color: inherit;
 }
 
 /*
@@ -52,15 +89,15 @@ var css_248z$2 = i`* {
   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);
+  color: var(--private-button-label-text-color);
+  --icon-size: var(--private-button-icon-size);
+  --icon-color: var(--private-button-label-text-color);
 }
 .fab .fab-label {
-  font-size: var(--_fab-font-size) !important;
-  font-weight: var(--_fab-font-weight) !important;
-  line-height: var(--_fab-line-height) !important;
-  letter-spacing: var(--_fab-letter-spacing) !important;
+  font-size: var(--private-button-font-size) !important;
+  font-weight: var(--private-button-font-weight) !important;
+  line-height: var(--private-button-line-height) !important;
+  letter-spacing: var(--private-button-letter-spacing) !important;
   white-space: nowrap;
 }
 .fab.disabled {
@@ -88,22 +125,25 @@ var css_248z$2 = i`* {
 
 .ripple {
   border-radius: var(--fab-container-shape);
-  --ripple-state-opacity: var(--_fab-container-state-opacity, 0);
-  --ripple-pressed-color: var(--_fab-label-text-color);
+  --ripple-state-opacity: var(--private-button-container-state-opacity, 0);
+  --ripple-pressed-color: var(--private-button-label-text-color);
 }
 
 .background {
   display: block;
   position: absolute;
   inset: 0;
-  background-color: var(--_fab-container-color);
-  opacity: var(--_fab-container-opacity, 1);
+  background-color: var(--private-button-container-color);
+  opacity: var(--private-button-container-opacity, 1);
   border-radius: var(--fab-container-shape);
   pointer-events: none;
 }
 
 .elevation {
-  --elevation-level: var(--_fab-container-elevation-level, var(--fab-container-elevation-level));
+  --elevation-level: var(
+    --private-button-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);
@@ -113,37 +153,47 @@ var css_248z$2 = i`* {
 
 /* State management */
 :host:hover:not([disabled]) {
-  --_fab-container-elevation-level: 4;
-  --_fab-container-state-opacity: 0.08;
+  --private-button-container-elevation-level: 4;
+  --private-button-container-state-opacity: 0.08;
 }
 
-:host([pressed]):not([disabled]) {
-  --_fab-container-elevation-level: 3;
-  --_fab-container-state-opacity: 0.12;
+:host(:active):not([disabled]) {
+  --private-button-container-elevation-level: 3;
+  --private-button-container-state-opacity: 0.12;
 }
 
 :host([lowered]) {
   --fab-container-elevation-level: 1;
 }
 :host([lowered]):hover:not([disabled]) {
-  --_fab-container-elevation-level: 2;
+  --private-button-container-elevation-level: 2;
 }
-:host([lowered])[pressed]:not([disabled]) {
-  --_fab-container-elevation-level: 1;
+:host([lowered]):active:not([disabled]) {
+  --private-button-container-elevation-level: 1;
 }
 
 :host([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;
+  --private-button-container-color: var(--color-on-surface);
+  --private-button-container-opacity: 0.12;
+  --private-button-label-text-color: var(--color-on-surface);
+  --private-button-label-text-opacity: 0.38;
+  --private-button-container-elevation-level: 0;
 }
 :host([disabled]) .ripple {
   display: none;
 }
 :host([disabled]) .fab-content {
   opacity: 0.38;
+}
+
+:host([variant=tonal]) {
+  --private-button-container-color: var(--tonal-fab-container-color);
+  --private-button-label-text-color: var(--tonal-fab-label-text-color);
+}
+
+:host([variant=filled]) {
+  --private-button-container-color: var(--filled-fab-container-color);
+  --private-button-label-text-color: var(--filled-fab-label-text-color);
 }`;
 
 var css_248z$1 = i`:host {
@@ -179,16 +229,6 @@ var css_248z$1 = i`:host {
   --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);
-}
-
-:host([variant=tonal]) {
-  --_fab-container-color: var(--tonal-fab-container-color);
-  --_fab-label-text-color: var(--tonal-fab-label-text-color);
-}
-
-:host([variant=filled]) {
-  --_fab-container-color: var(--filled-fab-container-color);
-  --_fab-label-text-color: var(--filled-fab-label-text-color);
 }`;
 
 var css_248z = i`@charset "UTF-8";
@@ -196,38 +236,37 @@ var css_248z = i`@charset "UTF-8";
 :host([size=sm]) {
   --fab-container-shape: var(--shape-corner-medium);
   --fab-container-size: 2.5rem;
-  --_fab-icon-size: 1.5rem;
+  --private-button-icon-size: 1.5rem;
   --fab-extended-min-width: 4rem;
-  --_fab-font-size: 0.875rem;
-  --_fab-font-weight: var(--font-weight-medium);
-  --_fab-line-height: 1.25rem;
-  --_fab-letter-spacing: 0.1px;
+  --private-button-font-size: 0.875rem;
+  --private-button-font-weight: var(--font-weight-medium);
+  --private-button-line-height: 1.25rem;
+  --private-button-letter-spacing: 0.1px;
 }
 
 /* Standard/Medium FAB: 56×56dp, shape-corner-large (default) */
 :host([size=md]) {
   --fab-container-size: 3.5rem;
-  --_fab-icon-size: 1.5rem;
+  --private-button-icon-size: 1.5rem;
   --fab-extended-min-width: 5rem;
-  --_fab-font-size: 0.875rem;
-  --_fab-font-weight: var(--font-weight-medium);
-  --_fab-line-height: 1.25rem;
-  --_fab-letter-spacing: 0.1px;
+  --private-button-font-size: 0.875rem;
+  --private-button-font-weight: var(--font-weight-medium);
+  --private-button-line-height: 1.25rem;
+  --private-button-letter-spacing: 0.1px;
 }
 
 /* Large FAB: 96×96dp, shape-corner-extra-large */
 :host([size=lg]) {
   --fab-container-shape: var(--shape-corner-extra-large);
   --fab-container-size: 6rem;
-  --_fab-icon-size: 2.25rem;
+  --private-button-icon-size: 2.25rem;
   --fab-extended-min-width: 6rem;
-  --_fab-font-size: 1rem;
-  --_fab-font-weight: var(--font-weight-medium);
-  --_fab-line-height: 1.5rem;
-  --_fab-letter-spacing: 0.15px;
+  --private-button-font-size: 1rem;
+  --private-button-font-weight: var(--font-weight-medium);
+  --private-button-line-height: 1.5rem;
+  --private-button-letter-spacing: 0.15px;
 }`;
 
-var _Fab_id;
 /**
  * @label FAB
  * @tag wc-fab
@@ -235,7 +274,7 @@ var _Fab_id;
  *
  * @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>
+ * <p>A Floating Action Button (FAB) is a circular button that represents the primary action on a screen. It follows the 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.
@@ -250,10 +289,9 @@ var _Fab_id;
  * ```
  * @tags controls
  */
-let Fab = class Fab extends NativeButtonMixin(NativeHyperlinkMixin(i$1)) {
+let Fab = class Fab extends mixinBaseButton(mixinHyperlink(mixinDelegatesAria(mixinFormSubmitter(mixinFormAssociated(mixinElementInternals(i$1)))))) {
     constructor() {
-        super(...arguments);
-        _Fab_id.set(this, crypto.randomUUID());
+        super();
         /**
          * The color role of the FAB.
          * `"surface"` uses the surface color role.
@@ -279,35 +317,9 @@ let Fab = class Fab extends NativeButtonMixin(NativeHyperlinkMixin(i$1)) {
          * 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.skeleton = false;
         this.toggle = false;
         this.selected = false;
-        /**
-         * States
-         */
-        this.pressed = false;
-        this.__handlePress = (event) => {
-            if (this.disabled || this.skeleton || this.softDisabled)
-                return;
-            if (event instanceof KeyboardEvent &&
-                event.type === 'keydown' &&
-                (event.key === 'Enter' || event.key === ' ')) {
-                this.pressed = true;
-            }
-            else if (event.type === 'mousedown') {
-                this.pressed = true;
-            }
-            else {
-                this.pressed = false;
-            }
-        };
-        this.__dispatchClickWithThrottle = event => {
-            this.__dispatchClick(event);
-        };
         this.__dispatchClick = (event) => {
             // 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
@@ -326,18 +338,15 @@ let Fab = class Fab extends NativeButtonMixin(NativeHyperlinkMixin(i$1)) {
             this.focus();
             dispatchActivationClick(this.buttonElement);
         };
-    }
-    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();
+    focus() {
+        this.buttonElement?.focus();
+    }
+    blur() {
+        this.buttonElement?.blur();
     }
-    __renderDisabledReason(softDisabled) {
+    renderDisabledReason(softDisabled) {
         if (softDisabled)
             return b `<div
         id=${DISABLED_REASON_ID}
@@ -349,36 +358,16 @@ let Fab = class Fab extends NativeButtonMixin(NativeHyperlinkMixin(i$1)) {
       </div>`;
         return A;
     }
-    __renderTooltip() {
+    renderTooltip() {
         if (this.tooltip) {
-            return b `<wc-tooltip class="tooltip"  for="button"
+            return b `<wc-tooltip class="tooltip" for="button"
         >${this.tooltip}</wc-tooltip
       >`;
         }
         return A;
     }
-    focus() {
-        this.buttonElement?.focus();
-    }
-    blur() {
-        this.buttonElement?.blur();
-    }
-    firstUpdated() {
-        this.__dispatchClickWithThrottle = throttle(this.__dispatchClick, this.throttleDelay);
-    }
-    render() {
-        const isExtended = !!this.label;
-        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" for="button"></wc-ripple>
-      <wc-skeleton class="skeleton"></wc-skeleton>
-
-      ${this.__renderFabElement(isExtended)} ${this.__renderTooltip()}
-    `;
-    }
-    __renderFabElement(isExtended) {
+    renderFabElement(isExtended) {
+        const { ariaLabel, ariaHasPopup, ariaExpanded } = this;
         const cssClasses = {
             button: true,
             fab: true,
@@ -389,23 +378,20 @@ let Fab = class Fab extends NativeButtonMixin(NativeHyperlinkMixin(i$1)) {
             extended: isExtended,
             lowered: this.lowered,
             disabled: this.disabled,
-            pressed: this.pressed,
         };
         if (!isLink(this)) {
             return b `<button
         class=${e(cssClasses)}
         id="button"
         type="button"
-        @click=${this.__dispatchClickWithThrottle}
-        @mousedown=${this.__handlePress}
-        @keydown=${this.__handlePress}
-        @keyup=${this.__handlePress}
+        aria-label="${ariaLabel || A}"
+        aria-haspopup="${ariaHasPopup || A}"
+        aria-expanded="${ariaExpanded || A}"
         aria-describedby=${o(this.softDisabled ? DISABLED_REASON_ID : undefined)}
         ?aria-disabled=${this.softDisabled}
         ?disabled=${this.disabled}
-        ${spread(this.configAria)}
       >
-        ${this.__renderFabContent(isExtended)}
+        ${this.renderFabContent(isExtended)}
       </button>`;
         }
         return b `<a
@@ -414,19 +400,17 @@ let Fab = class Fab extends NativeButtonMixin(NativeHyperlinkMixin(i$1)) {
       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-label="${ariaLabel || A}"
+      aria-haspopup="${ariaHasPopup || A}"
+      aria-expanded="${ariaExpanded || A}"
       aria-describedby=${o(this.softDisabled ? DISABLED_REASON_ID : undefined)}
       ?aria-disabled=${this.softDisabled}
-      ${spread(this.configAria)}
     >
-      ${this.__renderFabContent(isExtended)}
+      ${this.renderFabContent(isExtended)}
     </a>`;
     }
-    __renderFabContent(isExtended) {
+    renderFabContent(isExtended) {
         return b `
       <div class="fab-content">
         <slot></slot>
@@ -434,11 +418,29 @@ let Fab = class Fab extends NativeButtonMixin(NativeHyperlinkMixin(i$1)) {
             ? b `<span class="fab-label">${this.label}</span>`
             : A}
       </div>
-      ${this.__renderDisabledReason(this.softDisabled)}
+      ${this.renderDisabledReason(this.softDisabled)}
+    `;
+    }
+    // ── Render ────────────────────────────────────────────────────────────────
+    render() {
+        const isExtended = !!this.label;
+        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" for="button"></wc-ripple>
+      <wc-skeleton class="skeleton"></wc-skeleton>
+
+      ${this.renderFabElement(isExtended)} ${this.renderTooltip()}
     `;
     }
 };
-_Fab_id = new WeakMap();
+// ── Static ───────────────────────────────────────────────────────────────
+/** @nocollapse */ // eslint-disable-next-line
+Fab.shadowRootOptions = {
+    mode: 'open',
+    delegatesFocus: true,
+};
 Fab.styles = [css_248z$2, css_248z$1, css_248z];
 __decorate([
     n({ type: String })
@@ -455,12 +457,6 @@ __decorate([
 __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);
@@ -473,9 +469,6 @@ __decorate([
 __decorate([
     n({ type: Boolean, reflect: true })
 ], Fab.prototype, "selected", void 0);
-__decorate([
-    n({ type: Boolean, reflect: true })
-], Fab.prototype, "pressed", void 0);
 __decorate([
     e$1('.button')
 ], Fab.prototype, "buttonElement", void 0);

package/dist/fab.js.map

@@ -1 +1 @@
-{"version":3,"file":"fab.js","sources":["../../src/fab/fab.ts"],"sourcesContent":["import { html, LitElement, nothing } from 'lit';\nimport { property, query } 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 {\n  dispatchActivationClick,\n  isActivationClick,\n} from '@/__utils/dispatch-event-utils.js';\nimport { isLink } from '@/__utils/is-link.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 NativeButtonMixin from '@/__mixins/NativeButtonMixin.js';\nimport NativeHyperlinkMixin from '@/__mixins/NativeHyperlinkMixin.js';\nimport { DISABLED_REASON_ID } from '@/button/ButtonConstants.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 NativeButtonMixin(NativeHyperlinkMixin(LitElement)) {\n  static override styles = [styles, colorStyles, sizeStyles];\n\n  #id = crypto.randomUUID();\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:\n    | 'surface'\n    | 'primary'\n    | 'secondary'\n    | '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  @property({ type: Boolean, reflect: true }) skeleton: boolean = false;\n\n  @property({ type: Boolean, reflect: true }) toggle: boolean = false;\n\n  @property({ type: Boolean, reflect: true }) selected: boolean = false;\n\n  /**\n   * States\n   */\n  @property({ type: Boolean, reflect: true })\n  pressed = false;\n\n  @query('.button') readonly buttonElement!: HTMLElement | null;\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  __handlePress = (event: KeyboardEvent | MouseEvent) => {\n    if (this.disabled || this.skeleton || this.softDisabled) return;\n    if (\n      event instanceof KeyboardEvent &&\n      event.type === 'keydown' &&\n      (event.key === 'Enter' || event.key === ' ')\n    ) {\n      this.pressed = true;\n    } else if (event.type === 'mousedown') {\n      this.pressed = true;\n    } else {\n      this.pressed = false;\n    }\n  };\n\n  __dispatchClickWithThrottle: (event: MouseEvent | KeyboardEvent) => void =\n    event => {\n      this.__dispatchClick(event);\n    };\n\n  __dispatchClick = (event: MouseEvent | KeyboardEvent) => {\n    // If the button is soft-disabled or a disabled link, we need to explicitly\n    // prevent the click from propagating to other event listeners as well as\n    // prevent the default action.\n    if (this.softDisabled || (this.disabled && this.href) || this.skeleton) {\n      event.stopImmediatePropagation();\n      event.preventDefault();\n      return;\n    }\n\n    if (!isActivationClick(event) || !this.buttonElement) {\n      return;\n    }\n\n    if (this.toggle) {\n      this.selected = !this.selected;\n    }\n\n    this.focus();\n    dispatchActivationClick(this.buttonElement);\n  };\n\n  __renderDisabledReason(softDisabled: boolean) {\n    if (softDisabled)\n      return html`<div\n        id=${DISABLED_REASON_ID}\n        role=\"tooltip\"\n        aria-label=${this.disabledReason}\n        class=\"screen-reader-only\"\n      >\n        ${this.disabledReason}\n      </div>`;\n    return nothing;\n  }\n\n  __renderTooltip() {\n    if (this.tooltip) {\n      return html`<wc-tooltip class=\"tooltip\"  for=\"button\"\n        >${this.tooltip}</wc-tooltip\n      >`;\n    }\n    return nothing;\n  }\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  override render() {\n    const isExtended = !!this.label;\n\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\" for=\"button\"></wc-ripple>\n      <wc-skeleton class=\"skeleton\"></wc-skeleton>\n\n      ${this.__renderFabElement(isExtended)} ${this.__renderTooltip()}\n    `;\n  }\n\n  __renderFabElement(isExtended: boolean) {\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.pressed,\n    };\n\n    if (!isLink(this)) {\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        aria-describedby=${ifDefined(\n          this.softDisabled ? DISABLED_REASON_ID : undefined,\n        )}\n        ?aria-disabled=${this.softDisabled}\n        ?disabled=${this.disabled}\n        ${spread(this.configAria)}\n      >\n        ${this.__renderFabContent(isExtended)}\n      </button>`;\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      aria-describedby=${ifDefined(\n        this.softDisabled ? DISABLED_REASON_ID : undefined,\n      )}\n      ?aria-disabled=${this.softDisabled}\n      ${spread(this.configAria)}\n    >\n      ${this.__renderFabContent(isExtended)}\n    </a>`;\n  }\n\n  __renderFabContent(isExtended: boolean) {\n    return html`\n      <div class=\"fab-content\">\n        <slot></slot>\n        ${isExtended\n          ? html`<span class=\"fab-label\">${this.label}</span>`\n          : nothing}\n      </div>\n      ${this.__renderDisabledReason(this.softDisabled)}\n    `;\n  }\n}\n"],"names":["LitElement","html","nothing","classMap","ifDefined","styles","colorStyles","sizeStyles","property","query"],"mappings":"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"}
+{"version":3,"file":"fab.js","sources":["../../src/button/fab/fab.ts"],"sourcesContent":["import { html, LitElement, nothing } from 'lit';\nimport { property, query } 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 {\n  dispatchActivationClick,\n  isActivationClick,\n} from '@/__internal/utils/dispatch-event-utils.js';\nimport { isLink } from '@/__internal/utils/is-link.js';\nimport styles from './fab.scss';\nimport colorStyles from './fab-colors.scss';\nimport sizeStyles from './fab-sizes.scss';\nimport { DISABLED_REASON_ID } from '@/button/ButtonConstants.js';\nimport { mixinBaseButton } from '../base-button/base-button.js';\nimport { mixinDelegatesAria } from '@/__internal/aria/delegate.js';\nimport { mixinFormSubmitter } from '@/__internal/mixins/form-submitter.js';\nimport { mixinHyperlink } from '@/__internal/mixins/hyperlink.js';\nimport { mixinElementInternals } from '@/__internal/mixins/element-internals.js';\nimport { mixinFormAssociated } from '@/__internal/mixins/form-associated.js';\nimport { ARIAMixinStrict } from '@/__internal/aria/aria.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 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 mixinBaseButton(\n  mixinHyperlink(\n    mixinDelegatesAria(\n      mixinFormSubmitter(\n        mixinFormAssociated(mixinElementInternals(LitElement)),\n      ),\n    ),\n  ),\n) {\n  // ── Static ───────────────────────────────────────────────────────────────\n\n  /** @nocollapse */ // eslint-disable-next-line\n  static override shadowRootOptions: ShadowRootInit = {\n    mode: 'open',\n    delegatesFocus: true,\n  };\n\n  static override styles = [styles, colorStyles, sizeStyles];\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:\n    | 'surface'\n    | 'primary'\n    | 'secondary'\n    | '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   * Tooltip text shown on hover.\n   */\n  @property() tooltip?: string;\n\n  @property({ type: Boolean, reflect: true }) skeleton: boolean = false;\n\n  @property({ type: Boolean, reflect: true }) toggle: boolean = false;\n\n  @property({ type: Boolean, reflect: true }) selected: boolean = false;\n\n  @query('.button') readonly buttonElement!: HTMLElement | null;\n\n  constructor() {\n    super();\n    this.addEventListener('click', this.__dispatchClickWithThrottle);\n  }\n\n  __dispatchClick = (event: MouseEvent | KeyboardEvent) => {\n    // If the button is soft-disabled or a disabled link, we need to explicitly\n    // prevent the click from propagating to other event listeners as well as\n    // prevent the default action.\n    if (this.softDisabled || (this.disabled && this.href) || this.skeleton) {\n      event.stopImmediatePropagation();\n      event.preventDefault();\n      return;\n    }\n\n    if (!isActivationClick(event) || !this.buttonElement) {\n      return;\n    }\n\n    if (this.toggle) {\n      this.selected = !this.selected;\n    }\n\n    this.focus();\n    dispatchActivationClick(this.buttonElement);\n  };\n\n  override focus() {\n    this.buttonElement?.focus();\n  }\n\n  override blur() {\n    this.buttonElement?.blur();\n  }\n\n  renderDisabledReason(softDisabled: boolean) {\n    if (softDisabled)\n      return html`<div\n        id=${DISABLED_REASON_ID}\n        role=\"tooltip\"\n        aria-label=${this.disabledReason}\n        class=\"screen-reader-only\"\n      >\n        ${this.disabledReason}\n      </div>`;\n    return nothing;\n  }\n\n  renderTooltip() {\n    if (this.tooltip) {\n      return html`<wc-tooltip class=\"tooltip\" for=\"button\"\n        >${this.tooltip}</wc-tooltip\n      >`;\n    }\n    return nothing;\n  }\n\n  renderFabElement(isExtended: boolean) {\n    const { ariaLabel, ariaHasPopup, ariaExpanded } = this as ARIAMixinStrict;\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    };\n\n    if (!isLink(this)) {\n      return html`<button\n        class=${classMap(cssClasses)}\n        id=\"button\"\n        type=\"button\"\n        aria-label=\"${ariaLabel || nothing}\"\n        aria-haspopup=\"${ariaHasPopup || nothing}\"\n        aria-expanded=\"${ariaExpanded || nothing}\"\n        aria-describedby=${ifDefined(\n          this.softDisabled ? DISABLED_REASON_ID : undefined,\n        )}\n        ?aria-disabled=${this.softDisabled}\n        ?disabled=${this.disabled}\n      >\n        ${this.renderFabContent(isExtended)}\n      </button>`;\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      role=\"button\"\n      aria-label=\"${ariaLabel || nothing}\"\n      aria-haspopup=\"${ariaHasPopup || nothing}\"\n      aria-expanded=\"${ariaExpanded || nothing}\"\n      aria-describedby=${ifDefined(\n        this.softDisabled ? DISABLED_REASON_ID : undefined,\n      )}\n      ?aria-disabled=${this.softDisabled}\n    >\n      ${this.renderFabContent(isExtended)}\n    </a>`;\n  }\n\n  renderFabContent(isExtended: boolean) {\n    return html`\n      <div class=\"fab-content\">\n        <slot></slot>\n        ${isExtended\n          ? html`<span class=\"fab-label\">${this.label}</span>`\n          : nothing}\n      </div>\n      ${this.renderDisabledReason(this.softDisabled)}\n    `;\n  }\n\n  // ── Render ────────────────────────────────────────────────────────────────\n\n  override render() {\n    const isExtended = !!this.label;\n\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\" for=\"button\"></wc-ripple>\n      <wc-skeleton class=\"skeleton\"></wc-skeleton>\n\n      ${this.renderFabElement(isExtended)} ${this.renderTooltip()}\n    `;\n  }\n}\n"],"names":["LitElement","html","nothing","classMap","ifDefined","styles","colorStyles","sizeStyles","property","query"],"mappings":"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"}