@redvars/peacock 3.5.1 → 3.6.0

package/dist/dropdown-button.js

@@ -0,0 +1,216 @@
+import { a as i, _ as __decorate, I as IndividualComponent, i as i$1, 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 './directive-ZPhl09Yt.js';
+
+var css_248z = i`* {
+  box-sizing: border-box;
+}
+
+.screen-reader-only {
+  display: none !important;
+}
+
+:host {
+  display: inline-flex;
+  position: relative;
+  --dropdown-button-container-shape: var(--shape-corner-medium);
+}
+
+.trigger-button {
+  --button-container-shape: var(--dropdown-button-container-shape);
+}
+
+.dropdown-icon {
+  transition: transform 200ms ease;
+}
+
+.trigger-button.active .dropdown-icon {
+  transform: rotate(180deg);
+}`;
+
+/**
+ * @label Dropdown Button
+ * @tag wc-dropdown-button
+ * @rawTag dropdown-button
+ *
+ * @summary A button that opens a dropdown menu when clicked.
+ * @overview
+ * <p>The dropdown button combines a single button with a dropdown menu. Clicking the button toggles a menu of actions or options. It follows M3 Material Design, keeping a compact control while exposing related actions on demand.</p>
+ *
+ * @cssprop --dropdown-button-container-shape: Defines the border radius of the dropdown button container shape.
+ *
+ * @fires {CustomEvent} toggle-menu - Dispatched when the dropdown menu is opened or closed.
+ *
+ * @example
+ * ```html
+ * <wc-dropdown-button>
+ *   Actions
+ *   <wc-menu-item slot="menu">Edit</wc-menu-item>
+ *   <wc-menu-item slot="menu">Delete</wc-menu-item>
+ * </wc-dropdown-button>
+ * ```
+ * @tags controls
+ */
+let DropdownButton = class DropdownButton extends i$1 {
+    constructor() {
+        super(...arguments);
+        /**
+         * Button size.
+         * Possible values are `"xs"`, `"sm"`, `"md"`, `"lg"`, `"xl"`. Defaults to `"sm"`.
+         */
+        this.size = 'sm';
+        /**
+         * The visual style of the dropdown button.
+         *
+         * Possible variant values:
+         * `"filled"` is a filled button.
+         * `"outlined"` is an outlined button.
+         * `"text"` is a transparent button.
+         * `"tonal"` is a light color button.
+         * `"elevated"` is an elevated button.
+         */
+        this.variant = 'filled';
+        /**
+         * Defines the primary color of the dropdown button.
+         */
+        this.color = 'primary';
+        /**
+         * Whether the dropdown button is disabled.
+         */
+        this.disabled = false;
+        /**
+         * Menu placement relative to the button.
+         * Possible values are `"bottom-start"`, `"bottom-end"`, `"top-start"`, `"top-end"`. Defaults to `"bottom-start"`.
+         */
+        this.placement = 'bottom-start';
+        this._menuOpen = false;
+        this._menuId = `dropdown-menu-${Math.random().toString(36).slice(2, 9)}`;
+        this._onMenuOpened = () => {
+            this._menuOpen = true;
+            this.dispatchEvent(new CustomEvent('toggle-menu', {
+                detail: { open: true },
+                bubbles: true,
+                composed: true,
+            }));
+        };
+        this._onMenuClosed = () => {
+            this._menuOpen = false;
+            this.dispatchEvent(new CustomEvent('toggle-menu', {
+                detail: { open: false },
+                bubbles: true,
+                composed: true,
+            }));
+        };
+        this._onKeyDown = (event) => {
+            if (this.disabled)
+                return;
+            if (event.key === 'ArrowDown' && !this._menuOpen) {
+                event.preventDefault();
+                this._menu.anchorElement = this;
+                this._menu?.show();
+                requestAnimationFrame(() => this._menu?.focus());
+            }
+            if (event.key === 'Escape' && this._menuOpen) {
+                this._menu?.close();
+                this._triggerButton?.focus();
+            }
+        };
+    }
+    focus() {
+        this._triggerButton?.focus();
+    }
+    _onButtonClick(event) {
+        event.stopPropagation();
+        if (this.disabled)
+            return;
+        if (this._menuOpen) {
+            this._menu?.close();
+        }
+        else {
+            this._menu.anchorElement = this;
+            this._menu?.show();
+        }
+    }
+    connectedCallback() {
+        super.connectedCallback();
+        this.addEventListener('keydown', this._onKeyDown);
+    }
+    disconnectedCallback() {
+        this.removeEventListener('keydown', this._onKeyDown);
+        super.disconnectedCallback();
+    }
+    render() {
+        const buttonClasses = {
+            'trigger-button': true,
+            active: this._menuOpen,
+            disabled: this.disabled,
+        };
+        return b `
+      <wc-button
+        class=${e$1(buttonClasses)}
+        size=${this.size}
+        variant=${this.variant}
+        color=${this.color}
+        icon-align="end"
+        ?disabled=${this.disabled}
+        .configAria=${{
+            'aria-haspopup': 'menu',
+            'aria-expanded': String(this._menuOpen),
+            'aria-controls': this._menuId,
+        }}
+        @click=${this._onButtonClick}
+      >
+        <slot></slot>
+        <wc-icon
+          slot="icon"
+          name="arrow_drop_down"
+          class="dropdown-icon"
+          aria-hidden="true"
+        ></wc-icon>
+      </wc-button>
+
+      <wc-menu
+        id=${this._menuId}
+        placement=${this.placement}
+        @opened=${this._onMenuOpened}
+        @closed=${this._onMenuClosed}
+      >
+        <slot name="menu"></slot>
+      </wc-menu>
+    `;
+    }
+};
+DropdownButton.styles = [css_248z];
+__decorate([
+    n({ reflect: true })
+], DropdownButton.prototype, "size", void 0);
+__decorate([
+    n({ reflect: true })
+], DropdownButton.prototype, "variant", void 0);
+__decorate([
+    n({ reflect: true })
+], DropdownButton.prototype, "color", void 0);
+__decorate([
+    n({ type: Boolean, reflect: true })
+], DropdownButton.prototype, "disabled", void 0);
+__decorate([
+    n({ reflect: true })
+], DropdownButton.prototype, "placement", void 0);
+__decorate([
+    r()
+], DropdownButton.prototype, "_menuOpen", void 0);
+__decorate([
+    e('.trigger-button')
+], DropdownButton.prototype, "_triggerButton", void 0);
+__decorate([
+    e('wc-menu')
+], DropdownButton.prototype, "_menu", void 0);
+DropdownButton = __decorate([
+    IndividualComponent
+], DropdownButton);
+
+export { DropdownButton };
+//# sourceMappingURL=dropdown-button.js.map

package/dist/dropdown-button.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dropdown-button.js","sources":["../../src/dropdown-button/dropdown-button.ts"],"sourcesContent":["import { html, LitElement } from 'lit';\nimport { property, query, state } from 'lit/decorators.js';\nimport { classMap } from 'lit/directives/class-map.js';\nimport IndividualComponent from '@/IndividualComponent.js';\nimport styles from './dropdown-button.scss';\n\n/**\n * @label Dropdown Button\n * @tag wc-dropdown-button\n * @rawTag dropdown-button\n *\n * @summary A button that opens a dropdown menu when clicked.\n * @overview\n * <p>The dropdown button combines a single button with a dropdown menu. Clicking the button toggles a menu of actions or options. It follows M3 Material Design, keeping a compact control while exposing related actions on demand.</p>\n *\n * @cssprop --dropdown-button-container-shape: Defines the border radius of the dropdown button container shape.\n *\n * @fires {CustomEvent} toggle-menu - Dispatched when the dropdown menu is opened or closed.\n *\n * @example\n * ```html\n * <wc-dropdown-button>\n *   Actions\n *   <wc-menu-item slot=\"menu\">Edit</wc-menu-item>\n *   <wc-menu-item slot=\"menu\">Delete</wc-menu-item>\n * </wc-dropdown-button>\n * ```\n * @tags controls\n */\n@IndividualComponent\nexport class DropdownButton extends LitElement {\n  static override styles = [styles];\n\n  /**\n   * Button size.\n   * Possible values are `\"xs\"`, `\"sm\"`, `\"md\"`, `\"lg\"`, `\"xl\"`. Defaults to `\"sm\"`.\n   */\n  @property({ reflect: true }) size: 'xs' | 'sm' | 'md' | 'lg' | 'xl' = 'sm';\n\n  /**\n   * The visual style of the dropdown button.\n   *\n   * Possible variant values:\n   * `\"filled\"` is a filled button.\n   * `\"outlined\"` is an outlined button.\n   * `\"text\"` is a transparent button.\n   * `\"tonal\"` is a light color button.\n   * `\"elevated\"` is an elevated button.\n   */\n  @property({ reflect: true }) variant:\n    | 'elevated'\n    | 'filled'\n    | 'tonal'\n    | 'outlined'\n    | 'text' = 'filled';\n\n  /**\n   * Defines the primary color of the dropdown button.\n   */\n  @property({ reflect: true }) color:\n    | 'primary'\n    | 'secondary'\n    | 'tertiary'\n    | 'success'\n    | 'danger'\n    | 'warning'\n    | 'surface'\n    | 'on-surface' = 'primary';\n\n  /**\n   * Whether the dropdown button is disabled.\n   */\n  @property({ type: Boolean, reflect: true }) disabled = false;\n\n  /**\n   * Menu placement relative to the button.\n   * Possible values are `\"bottom-start\"`, `\"bottom-end\"`, `\"top-start\"`, `\"top-end\"`. Defaults to `\"bottom-start\"`.\n   */\n  @property({ reflect: true }) placement:\n    | 'bottom-start'\n    | 'bottom-end'\n    | 'top-start'\n    | 'top-end' = 'bottom-start';\n\n  @state() private _menuOpen = false;\n\n  @query('.trigger-button') private readonly _triggerButton!: HTMLElement & {\n    focus: () => void;\n  };\n\n  @query('wc-menu') private readonly _menu!: HTMLElement & {\n    open: boolean;\n    anchorElement: HTMLElement | null;\n    show: () => void;\n    close: () => void;\n    focus: () => void;\n  };\n\n  private _menuId = `dropdown-menu-${Math.random().toString(36).slice(2, 9)}`;\n\n  override focus() {\n    this._triggerButton?.focus();\n  }\n\n  private _onButtonClick(event: MouseEvent) {\n    event.stopPropagation();\n    if (this.disabled) return;\n\n    if (this._menuOpen) {\n      this._menu?.close();\n    } else {\n      this._menu.anchorElement = this;\n      this._menu?.show();\n    }\n  }\n\n  private _onMenuOpened = () => {\n    this._menuOpen = true;\n    this.dispatchEvent(\n      new CustomEvent('toggle-menu', {\n        detail: { open: true },\n        bubbles: true,\n        composed: true,\n      }),\n    );\n  };\n\n  private _onMenuClosed = () => {\n    this._menuOpen = false;\n    this.dispatchEvent(\n      new CustomEvent('toggle-menu', {\n        detail: { open: false },\n        bubbles: true,\n        composed: true,\n      }),\n    );\n  };\n\n  private _onKeyDown = (event: KeyboardEvent) => {\n    if (this.disabled) return;\n\n    if (event.key === 'ArrowDown' && !this._menuOpen) {\n      event.preventDefault();\n      this._menu.anchorElement = this;\n      this._menu?.show();\n      requestAnimationFrame(() => this._menu?.focus());\n    }\n\n    if (event.key === 'Escape' && this._menuOpen) {\n      this._menu?.close();\n      this._triggerButton?.focus();\n    }\n  };\n\n  override connectedCallback() {\n    super.connectedCallback();\n    this.addEventListener('keydown', this._onKeyDown);\n  }\n\n  override disconnectedCallback() {\n    this.removeEventListener('keydown', this._onKeyDown);\n    super.disconnectedCallback();\n  }\n\n  override render() {\n    const buttonClasses = {\n      'trigger-button': true,\n      active: this._menuOpen,\n      disabled: this.disabled,\n    };\n\n    return html`\n      <wc-button\n        class=${classMap(buttonClasses)}\n        size=${this.size}\n        variant=${this.variant}\n        color=${this.color}\n        icon-align=\"end\"\n        ?disabled=${this.disabled}\n        .configAria=${{\n          'aria-haspopup': 'menu',\n          'aria-expanded': String(this._menuOpen),\n          'aria-controls': this._menuId,\n        }}\n        @click=${this._onButtonClick}\n      >\n        <slot></slot>\n        <wc-icon\n          slot=\"icon\"\n          name=\"arrow_drop_down\"\n          class=\"dropdown-icon\"\n          aria-hidden=\"true\"\n        ></wc-icon>\n      </wc-button>\n\n      <wc-menu\n        id=${this._menuId}\n        placement=${this.placement}\n        @opened=${this._onMenuOpened}\n        @closed=${this._onMenuClosed}\n      >\n        <slot name=\"menu\"></slot>\n      </wc-menu>\n    `;\n  }\n}\n"],"names":["LitElement","html","classMap","styles","property","state","query"],"mappings":"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"}

package/dist/event-manager-D-QCmUgR.js

@@ -0,0 +1,113 @@
+import { c as __classPrivateFieldGet } from './IndividualComponent-DUINtMGK.js';
+import { C as CalendarEvent } from './calendar-event-BrQ_SEKD.js';
+
+var _EventManager_events, _MonthEventManager_events;
+class ColumnEvent extends CalendarEvent {
+    constructor(event) {
+        super(event.start, event.end, event.title, event.color, event.data);
+        this.width = 1;
+    }
+}
+class EventManager {
+    constructor() {
+        _EventManager_events.set(this, []);
+        this.columns = [];
+    }
+    addEvents(events) {
+        events.forEach(event => {
+            __classPrivateFieldGet(this, _EventManager_events, "f").push(new ColumnEvent(event));
+        });
+    }
+    process() {
+        this.columns = [];
+        let events = __classPrivateFieldGet(this, _EventManager_events, "f").sort((a, b) => {
+            return a.start.valueOf() - b.start.valueOf() || b.length() - a.length();
+        });
+        let oldLength = null;
+        /* Bucketing: group non-overlapping events into columns */
+        while (events.length) {
+            if (oldLength === events.length) {
+                throw new Error('Events not processed in previous run, breaking infinite loop');
+            }
+            oldLength = events.length;
+            const column = [];
+            for (let i = 0; i < events.length; i++) {
+                if (i === 0) {
+                    column.push(events[i]);
+                }
+                else if (events[i].start.valueOf() >= column[column.length - 1].end.valueOf()) {
+                    column.push(events[i]);
+                }
+            }
+            this.columns.push(column);
+            events = events.filter(e => !column.find(ce => ce.gid === e.gid));
+        }
+        /* Calculate widths for events that span multiple columns */
+        for (let i = 0; i < this.columns.length - 1; i++) {
+            this.columns[i].forEach(event => {
+                for (let j = i + 1; j < this.columns.length; j++) {
+                    if (this.columns[j].find(colEvent => event.isOverlapping(colEvent))) {
+                        break;
+                    }
+                    event.width++;
+                }
+            });
+        }
+    }
+}
+_EventManager_events = new WeakMap();
+class MonthEventManager {
+    constructor() {
+        _MonthEventManager_events.set(this, []);
+        this.columns = [];
+    }
+    addEvents(events) {
+        events.forEach(event => {
+            __classPrivateFieldGet(this, _MonthEventManager_events, "f").push(new ColumnEvent(event));
+        });
+    }
+    process() {
+        this.columns = [];
+        let events = __classPrivateFieldGet(this, _MonthEventManager_events, "f").sort((a, b) => {
+            return a.start.valueOf() - b.start.valueOf() || b.length() - a.length();
+        });
+        let oldLength = null;
+        while (events.length) {
+            if (oldLength === events.length) {
+                throw new Error('Events not processed in previous run, breaking infinite loop');
+            }
+            oldLength = events.length;
+            const column = [];
+            for (let i = 0; i < events.length; i++) {
+                if (i === 0) {
+                    column.push(events[i]);
+                }
+                else {
+                    const lastEnd = new Date(column[column.length - 1].end);
+                    lastEnd.setHours(23, 59, 59, 999);
+                    const nextStart = new Date(events[i].start);
+                    nextStart.setHours(0, 0, 0, 0);
+                    if (nextStart.valueOf() > lastEnd.valueOf()) {
+                        column.push(events[i]);
+                    }
+                }
+            }
+            this.columns.push(column);
+            events = events.filter(e => !column.find(ce => ce.gid === e.gid));
+        }
+        for (let i = 0; i < this.columns.length - 1; i++) {
+            this.columns[i].forEach(event => {
+                for (let j = i + 1; j < this.columns.length; j++) {
+                    if (this.columns[j].find(colEvent => event.isOverlapping(colEvent))) {
+                        break;
+                    }
+                    event.width++;
+                }
+            });
+        }
+    }
+}
+_MonthEventManager_events = new WeakMap();
+
+export { EventManager as E, MonthEventManager as M };
+//# sourceMappingURL=event-manager-D-QCmUgR.js.map

package/dist/event-manager-D-QCmUgR.js.map

@@ -0,0 +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":";;;;AAEM,MAAO,WAAY,SAAQ,aAAa,CAAA;AAG5C,IAAA,WAAA,CAAY,KAAoB,EAAA;QAC9B,KAAK,CAAC,KAAK,CAAC,KAAK,EAAE,KAAK,CAAC,GAAG,EAAE,KAAK,CAAC,KAAK,EAAE,KAAK,CAAC,KAAK,EAAE,KAAK,CAAC,IAAI,CAAC;QAHrE,IAAA,CAAA,KAAK,GAAW,CAAC;IAIjB;AACD;MAEY,YAAY,CAAA;AAAzB,IAAA,WAAA,GAAA;AACE,QAAA,oBAAA,CAAA,GAAA,CAAA,IAAA,EAAyB,EAAE,CAAA;QAC3B,IAAA,CAAA,OAAO,GAAoB,EAAE;IAgD/B;AA9CE,IAAA,SAAS,CAAC,MAAuB,EAAA;AAC/B,QAAA,MAAM,CAAC,OAAO,CAAC,KAAK,IAAG;YACrB,sBAAA,CAAA,IAAI,EAAA,oBAAA,EAAA,GAAA,CAAQ,CAAC,IAAI,CAAC,IAAI,WAAW,CAAC,KAAK,CAAC,CAAC;AAC3C,QAAA,CAAC,CAAC;IACJ;IAEA,OAAO,GAAA;AACL,QAAA,IAAI,CAAC,OAAO,GAAG,EAAE;AACjB,QAAA,IAAI,MAAM,GAAG,sBAAA,CAAA,IAAI,EAAA,oBAAA,EAAA,GAAA,CAAQ,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,KAAI;YACtC,OAAO,CAAC,CAAC,KAAK,CAAC,OAAO,EAAE,GAAG,CAAC,CAAC,KAAK,CAAC,OAAO,EAAE,IAAI,CAAC,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC,MAAM,EAAE;AACzE,QAAA,CAAC,CAAC;QAEF,IAAI,SAAS,GAAkB,IAAI;;AAEnC,QAAA,OAAO,MAAM,CAAC,MAAM,EAAE;AACpB,YAAA,IAAI,SAAS,KAAK,MAAM,CAAC,MAAM,EAAE;AAC/B,gBAAA,MAAM,IAAI,KAAK,CACb,8DAA8D,CAC/D;YACH;AACA,YAAA,SAAS,GAAG,MAAM,CAAC,MAAM;YAEzB,MAAM,MAAM,GAAkB,EAAE;AAChC,YAAA,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,MAAM,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE;AACtC,gBAAA,IAAI,CAAC,KAAK,CAAC,EAAE;oBACX,MAAM,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC;gBACxB;qBAAO,IAAI,MAAM,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,OAAO,EAAE,IAAI,MAAM,CAAC,MAAM,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,GAAG,CAAC,OAAO,EAAE,EAAE;oBAC/E,MAAM,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC;gBACxB;YACF;AACA,YAAA,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,MAAM,CAAC;YACzB,MAAM,GAAG,MAAM,CAAC,MAAM,CAAC,CAAC,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,EAAE,IAAI,EAAE,CAAC,GAAG,KAAK,CAAC,CAAC,GAAG,CAAC,CAAC;QACnE;;AAGA,QAAA,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,IAAI,CAAC,OAAO,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC,EAAE,EAAE;YAChD,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,KAAK,IAAG;AAC9B,gBAAA,KAAK,IAAI,CAAC,GAAG,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,IAAI,CAAC,OAAO,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE;oBAChD,IAAI,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,QAAQ,IAAI,KAAK,CAAC,aAAa,CAAC,QAAQ,CAAC,CAAC,EAAE;wBACnE;oBACF;oBACA,KAAK,CAAC,KAAK,EAAE;gBACf;AACF,YAAA,CAAC,CAAC;QACJ;IACF;AACD;;MAEY,iBAAiB,CAAA;AAA9B,IAAA,WAAA,GAAA;AACE,QAAA,yBAAA,CAAA,GAAA,CAAA,IAAA,EAAyB,EAAE,CAAA;QAC3B,IAAA,CAAA,OAAO,GAAoB,EAAE;IAoD/B;AAlDE,IAAA,SAAS,CAAC,MAAuB,EAAA;AAC/B,QAAA,MAAM,CAAC,OAAO,CAAC,KAAK,IAAG;YACrB,sBAAA,CAAA,IAAI,EAAA,yBAAA,EAAA,GAAA,CAAQ,CAAC,IAAI,CAAC,IAAI,WAAW,CAAC,KAAK,CAAC,CAAC;AAC3C,QAAA,CAAC,CAAC;IACJ;IAEA,OAAO,GAAA;AACL,QAAA,IAAI,CAAC,OAAO,GAAG,EAAE;AACjB,QAAA,IAAI,MAAM,GAAG,sBAAA,CAAA,IAAI,EAAA,yBAAA,EAAA,GAAA,CAAQ,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,KAAI;YACtC,OAAO,CAAC,CAAC,KAAK,CAAC,OAAO,EAAE,GAAG,CAAC,CAAC,KAAK,CAAC,OAAO,EAAE,IAAI,CAAC,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC,MAAM,EAAE;AACzE,QAAA,CAAC,CAAC;QAEF,IAAI,SAAS,GAAkB,IAAI;AACnC,QAAA,OAAO,MAAM,CAAC,MAAM,EAAE;AACpB,YAAA,IAAI,SAAS,KAAK,MAAM,CAAC,MAAM,EAAE;AAC/B,gBAAA,MAAM,IAAI,KAAK,CACb,8DAA8D,CAC/D;YACH;AACA,YAAA,SAAS,GAAG,MAAM,CAAC,MAAM;YAEzB,MAAM,MAAM,GAAkB,EAAE;AAChC,YAAA,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,MAAM,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE;AACtC,gBAAA,IAAI,CAAC,KAAK,CAAC,EAAE;oBACX,MAAM,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC;gBACxB;qBAAO;AACL,oBAAA,MAAM,OAAO,GAAG,IAAI,IAAI,CAAC,MAAM,CAAC,MAAM,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,GAAG,CAAC;oBACvD,OAAO,CAAC,QAAQ,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,GAAG,CAAC;AACjC,oBAAA,MAAM,SAAS,GAAG,IAAI,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC;oBAC3C,SAAS,CAAC,QAAQ,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC;oBAC9B,IAAI,SAAS,CAAC,OAAO,EAAE,GAAG,OAAO,CAAC,OAAO,EAAE,EAAE;wBAC3C,MAAM,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC;oBACxB;gBACF;YACF;AACA,YAAA,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,MAAM,CAAC;YACzB,MAAM,GAAG,MAAM,CAAC,MAAM,CAAC,CAAC,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,EAAE,IAAI,EAAE,CAAC,GAAG,KAAK,CAAC,CAAC,GAAG,CAAC,CAAC;QACnE;AAEA,QAAA,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,IAAI,CAAC,OAAO,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC,EAAE,EAAE;YAChD,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,KAAK,IAAG;AAC9B,gBAAA,KAAK,IAAI,CAAC,GAAG,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,IAAI,CAAC,OAAO,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE;oBAChD,IAAI,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,QAAQ,IAAI,KAAK,CAAC,aAAa,CAAC,QAAQ,CAAC,CAAC,EAAE;wBACnE;oBACF;oBACA,KAAK,CAAC,KAAK,EAAE;gBACf;AACF,YAAA,CAAC,CAAC;QACJ;IACF;AACD;;;;;"}

package/dist/fab.js

@@ -2,7 +2,7 @@ import { a as i, _ as __decorate, I as IndividualComponent, A, c as __classPriva
 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-DuASuVth.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';