@krollins/blueprint 0.2.3 → 0.3.0

package/dist/components/table.js

@@ -1,646 +1,2 @@
-import { css as y, LitElement as g, nothing as h, html as c } from "lit";
-import { property as n, state as m, customElement as w } from "lit/decorators.js";
-import { classMap as u } from "lit/directives/class-map.js";
-import { ifDefined as k } from "lit/directives/if-defined.js";
-import { repeat as f } from "lit/directives/repeat.js";
-import { m as S } from "../shared/memoize-DlOFy-92.js";
-import { b as x } from "../shared/boolean-converter-XDGfS9LC.js";
-import { chevronUpSvg as v } from "../icons/chevron-up.js";
-import { chevronDownSvg as R } from "../icons/chevron-down.js";
-import { BpIcon as $ } from "./icon.js";
-const C = y`
-  /* Base styles */
-  :host {
-    display: block;
-  }
-
-  .table-wrapper {
-    overflow-x: auto;
-    border-radius: var(--bp-border-radius);
-  }
-
-  .table {
-    width: 100%;
-    border-collapse: collapse;
-    font-family: var(--bp-font-family);
-    font-size: var(--bp-font-size-sm);
-    color: var(--bp-color-text);
-    background: var(--bp-color-surface);
-  }
-
-  /* Header styles */
-  .header-row {
-    background: var(--bp-color-surface-subdued);
-    border-bottom: var(--bp-border-width) solid var(--bp-color-border);
-  }
-
-  .header-cell {
-    font-weight: var(--bp-font-weight-semibold);
-    text-align: left;
-    color: var(--bp-color-text);
-  }
-
-  .header-cell--sortable {
-    cursor: pointer;
-    user-select: none;
-    transition: background-color var(--bp-transition-fast);
-    position: relative;
-  }
-
-  .header-cell--sortable::after {
-    content: '';
-    position: absolute;
-    bottom: 0;
-    left: 0;
-    right: 0;
-    height: 2px;
-    background: transparent;
-    transition: background var(--bp-transition-fast);
-  }
-
-  .header-cell--sortable:hover::after {
-    background: var(--bp-color-primary);
-    opacity: 0.3;
-  }
-
-  .header-cell--sortable:hover {
-    background: var(--bp-color-surface);
-  }
-
-  .header-cell--sortable:active {
-    background: var(--bp-color-surface-subdued);
-    transform: translateY(1px);
-  }
-
-  .header-cell__content {
-    display: flex;
-    align-items: center;
-    gap: var(--bp-spacing-1);
-  }
-
-  .header-cell__label {
-    flex: 1;
-  }
-
-  /* Sort icon */
-  .sort-icon {
-    display: flex;
-    align-items: center;
-    color: var(--bp-color-text-muted);
-    transition: color var(--bp-transition-fast);
-  }
-
-  .sort-icon--active {
-    color: var(--bp-color-primary);
-  }
-
-  /* Cell styles */
-  .cell {
-    padding: var(--bp-spacing-3) var(--bp-spacing-4);
-    border-bottom: var(--bp-border-width) solid var(--bp-color-border);
-    vertical-align: middle;
-  }
-
-  .cell--checkbox {
-    width: var(--bp-spacing-10);
-    text-align: center;
-    padding-left: var(--bp-spacing-3);
-    padding-right: 0;
-  }
-
-  .cell--checkbox input[type='checkbox'] {
-    width: var(--bp-spacing-6);
-    height: var(--bp-spacing-6);
-    cursor: pointer;
-  }
-
-  /* Row styles */
-  .row {
-    transition: background-color var(--bp-transition-fast);
-    content-visibility: auto;
-    contain-intrinsic-size: auto 48px;
-  }
-
-  .row--hoverable:hover {
-    background: var(--bp-color-surface-subdued);
-  }
-
-  .row--selected {
-    background: oklch(from var(--bp-color-primary) l c h / 0.15);
-  }
-
-  .row--selected:hover {
-    background: oklch(from var(--bp-color-primary) l c h / 0.2);
-  }
-
-  /* Remove border from last row */
-  tbody tr:last-child .cell {
-    border-bottom: none;
-  }
-
-  /* Variants */
-  .table--striped tbody tr:nth-child(even) {
-    background: var(--bp-color-surface-subdued);
-  }
-
-  .table--striped tbody tr:nth-child(even):hover {
-    background: var(--bp-color-surface);
-  }
-
-  .table--striped .row--selected {
-    background: oklch(from var(--bp-color-primary) l c h / 0.15) !important;
-  }
-
-  .table--striped .row--selected:hover {
-    background: oklch(from var(--bp-color-primary) l c h / 0.2) !important;
-  }
-
-  .table--bordered {
-    border: var(--bp-border-width) solid var(--bp-color-border);
-  }
-
-  .table--bordered .cell {
-    border: var(--bp-border-width) solid var(--bp-color-border);
-  }
-
-  /* Sizes */
-  .table--sm .cell {
-    padding: var(--bp-spacing-1) var(--bp-spacing-3);
-    font-size: var(--bp-font-size-xs);
-  }
-
-  .table--sm .row {
-    contain-intrinsic-size: auto 36px;
-  }
-
-  .table--md .cell {
-    padding: var(--bp-spacing-3) var(--bp-spacing-4);
-    font-size: var(--bp-font-size-sm);
-  }
-
-  .table--md .row {
-    contain-intrinsic-size: auto 48px;
-  }
-
-  .table--lg .cell {
-    padding: var(--bp-spacing-4) var(--bp-spacing-5);
-    font-size: var(--bp-font-size-base);
-  }
-
-  .table--lg .row {
-    contain-intrinsic-size: auto 56px;
-  }
-
-  /* Sticky header */
-  .table--sticky-header thead {
-    position: sticky;
-    top: 0;
-    z-index: 1;
-  }
-
-  .table--sticky-header .header-row {
-    box-shadow: var(--bp-shadow-sm);
-  }
-
-  /* Selectable - add pointer cursor */
-  .table--selectable .row {
-    cursor: pointer;
-  }
-
-  /* Loading state */
-  .table--loading {
-    opacity: var(--bp-opacity-disabled);
-    pointer-events: none;
-  }
-
-  /* Empty state */
-  .empty-state {
-    text-align: center;
-    padding: var(--bp-spacing-10);
-    color: var(--bp-color-text-muted);
-    background: var(--bp-color-surface-subdued);
-  }
-
-  .state-content {
-    display: flex;
-    flex-direction: column;
-    align-items: center;
-    justify-content: center;
-    gap: var(--bp-spacing-3);
-    padding: var(--bp-spacing-5);
-  }
-
-  .sort-icon--inactive {
-    opacity: 0.4;
-  }
-
-  /* Focus styles for keyboard navigation */
-  .header-cell--sortable:focus-visible {
-    outline: var(--bp-focus-width) var(--bp-focus-style) var(--bp-color-focus);
-    outline-offset: var(--bp-focus-offset);
-  }
-
-  .row:focus-visible {
-    outline: var(--bp-focus-width) var(--bp-focus-style) var(--bp-color-focus);
-    outline-offset: calc(-1 * var(--bp-focus-offset));
-  }
-
-  .cell--checkbox input[type='checkbox']:focus-visible {
-    outline: var(--bp-focus-width) var(--bp-focus-style) var(--bp-color-focus);
-    outline-offset: var(--bp-focus-offset);
-  }
-
-  /* Reduced motion */
-  @media (prefers-reduced-motion: reduce) {
-    .row,
-    .header-cell--sortable,
-    .sort-icon {
-      transition: none;
-    }
-
-    .header-cell--sortable:active {
-      transform: none;
-    }
-
-    .header-cell--sortable::after {
-      transition: none;
-    }
-  }
-`;
-var z = Object.defineProperty, E = Object.getOwnPropertyDescriptor, i = (e, t, o, l) => {
-  for (var r = l > 1 ? void 0 : l ? E(t, o) : t, d = e.length - 1, a; d >= 0; d--)
-    (a = e[d]) && (r = (l ? a(t, o, r) : a(r)) || r);
-  return l && r && z(t, o, r), r;
-};
-let s = class extends g {
-  constructor() {
-    super(), this.allSelected = !1, this.computeSortedRows = S(
-      (e, t) => {
-        if (!t || t.direction === "none")
-          return e;
-        const { column: o, direction: l } = t;
-        return [...e].sort((r, d) => {
-          const a = r[o], p = d[o];
-          if (a === p) return 0;
-          if (a == null) return 1;
-          if (p == null) return -1;
-          let b = 0;
-          return typeof a == "string" && typeof p == "string" ? b = a.localeCompare(p) : typeof a == "number" && typeof p == "number" ? b = a - p : b = String(a).localeCompare(String(p)), l === "desc" ? -b : b;
-        });
-      }
-    ), this.columns = [], this.rows = [], this.variant = "default", this.size = "md", this.selectable = !1, this.multiSelect = !1, this.selectedRows = [], this.sortState = null, this.stickyHeader = !1, this.hoverable = !0, this.loading = !1;
-  }
-  shouldUpdate(e) {
-    for (const t of e.keys())
-      if (!s.VISUAL_ONLY_PROPS.has(t))
-        return !0;
-    return !0;
-  }
-  updated(e) {
-    (e.has("selectedRows") || e.has("rows")) && (this.allSelected = this.rows.length > 0 && this.selectedRows.length === this.rows.length);
-  }
-  /**
-   * Get sorted rows based on current sort state (memoized).
-   */
-  get sortedRows() {
-    return this.computeSortedRows(this.rows, this.sortState);
-  }
-  /**
-   * Handles click on sortable column header.
-   * Cycles through sort directions: asc → desc → none.
-   * Manages focus on header after sort completes.
-   */
-  handleHeaderClick(e, t) {
-    if (!e.sortable) return;
-    let o = "asc";
-    this.sortState?.column === e.key && (this.sortState.direction === "asc" ? o = "desc" : this.sortState.direction === "desc" && (o = "none")), this.sortState = { column: e.key, direction: o }, this.dispatchEvent(
-      new CustomEvent("bp-sort", {
-        detail: { column: e.key, direction: o },
-        bubbles: !0,
-        composed: !0
-      })
-    ), this.updateComplete.then(() => {
-      t.target?.focus();
-    });
-  }
-  /**
-   * Handles click events on table rows.
-   * Dispatches bp-row-click event and toggles selection if selectable.
-   */
-  handleRowClick(e, t) {
-    this.dispatchEvent(
-      new CustomEvent("bp-row-click", {
-        detail: { row: e, originalEvent: t },
-        bubbles: !0,
-        composed: !0
-      })
-    ), this.selectable && this.toggleRowSelection(e);
-  }
-  /**
-   * Handles keyboard events on table rows.
-   * Triggers selection on Enter or Space key press when selectable.
-   */
-  handleRowKeyDown(e, t) {
-    this.selectable && (t.key === "Enter" || t.key === " ") && (t.preventDefault(), this.toggleRowSelection(e));
-  }
-  /**
-   * Toggles selection state for a row.
-   * Respects multiSelect setting for single vs multiple selection.
-   */
-  toggleRowSelection(e) {
-    const t = e.id, o = this.selectedRows.includes(t);
-    let l;
-    this.multiSelect ? l = o ? this.selectedRows.filter((r) => r !== t) : [...this.selectedRows, t] : l = o ? [] : [t], this.selectedRows = l, this.dispatchEvent(
-      new CustomEvent("bp-select", {
-        detail: { selectedRows: l, row: e, selected: !o },
-        bubbles: !0,
-        composed: !0
-      })
-    );
-  }
-  /**
-   * Handles select all checkbox toggle.
-   * Selects or deselects all rows based on current state.
-   */
-  handleSelectAll() {
-    this.allSelected ? this.selectedRows = [] : this.selectedRows = this.rows.map((e) => e.id), this.dispatchEvent(
-      new CustomEvent("bp-select", {
-        detail: {
-          selectedRows: this.selectedRows,
-          selectAll: !this.allSelected
-        },
-        bubbles: !0,
-        composed: !0
-      })
-    );
-  }
-  /**
-   * Handles checkbox click events.
-   * Stops propagation only on the checkbox itself to prevent row click.
-   */
-  handleCheckboxClick(e, t) {
-    e.target instanceof HTMLInputElement && e.stopPropagation(), t ? this.toggleRowSelection(t) : this.handleSelectAll();
-  }
-  /** Select all rows */
-  selectAll() {
-    this.selectedRows = this.rows.map((e) => e.id), this.dispatchEvent(
-      new CustomEvent("bp-select", {
-        detail: { selectedRows: this.selectedRows, selectAll: !0 },
-        bubbles: !0,
-        composed: !0
-      })
-    );
-  }
-  /** Deselect all rows */
-  deselectAll() {
-    this.selectedRows = [], this.dispatchEvent(
-      new CustomEvent("bp-select", {
-        detail: { selectedRows: [], selectAll: !1 },
-        bubbles: !0,
-        composed: !0
-      })
-    );
-  }
-  /** Clear sort state */
-  clearSort() {
-    this.sortState = null;
-  }
-  /**
-   * Renders the sort icon for sortable columns.
-   * Shows chevron-up for ascending, chevron-down for descending, unsorted icon otherwise.
-   */
-  renderSortIcon(e) {
-    if (!e.sortable) return h;
-    const t = this.sortState?.column === e.key, o = t ? this.sortState?.direction : "none", l = o === "asc" ? v : o === "desc" ? R : v;
-    return c`
-      <span class=${u({
-      "sort-icon": !0,
-      "sort-icon--active": t && o !== "none",
-      "sort-icon--inactive": o === "none"
-    })} part="sort-icon" aria-hidden="true">
-        <bp-icon .svg=${l} size="sm"></bp-icon>
-      </span>
-    `;
-  }
-  /**
-   * Renders the table header with column labels and sort icons.
-   */
-  renderHeader() {
-    return c`
-      <thead part="thead">
-        <tr class="header-row" part="header-row">
-          ${this.selectable && this.multiSelect ? c`
-                <th class="cell cell--checkbox" part="header-cell">
-                  <input
-                    type="checkbox"
-                    part="checkbox"
-                    .checked=${this.allSelected}
-                    .indeterminate=${this.selectedRows.length > 0 && !this.allSelected}
-                    @click=${(e) => this.handleCheckboxClick(e)}
-                    aria-label="Select all rows"
-                  />
-                </th>
-              ` : this.selectable ? c`<th class="cell cell--checkbox" part="header-cell"></th>` : h}
-          ${f(
-      this.columns,
-      (e) => e.key,
-      (e) => c`
-              <th
-                class="cell header-cell ${e.sortable ? "header-cell--sortable" : ""}"
-                part="header-cell"
-                style=${e.width ? `width: ${e.width}` : ""}
-                @click=${(t) => this.handleHeaderClick(e, t)}
-                tabindex=${e.sortable ? 0 : -1}
-                @keydown=${(t) => {
-        e.sortable && (t.key === "Enter" || t.key === " ") && (t.preventDefault(), this.handleHeaderClick(e, t));
-      }}
-                aria-sort=${this.sortState?.column === e.key ? this.sortState.direction === "asc" ? "ascending" : this.sortState.direction === "desc" ? "descending" : "none" : "none"}
-              >
-                <span
-                  class="header-cell__content"
-                  style="justify-content: ${e.align === "center" ? "center" : e.align === "right" ? "flex-end" : "flex-start"}"
-                >
-                  <span class="header-cell__label">${e.label}</span>
-                  ${this.renderSortIcon(e)}
-                </span>
-              </th>
-            `
-    )}
-        </tr>
-      </thead>
-    `;
-  }
-  /**
-   * Renders the table body with rows and cells.
-   * Handles loading and empty states.
-   */
-  renderBody() {
-    const e = this.sortedRows;
-    return this.loading ? c`
-        <tbody part="tbody">
-          <tr>
-            <td
-              colspan=${this.columns.length + (this.selectable ? 1 : 0)}
-              class="empty-state"
-              part="empty-state"
-            >
-              <slot name="loading">
-                <div class="state-content">Loading...</div>
-              </slot>
-            </td>
-          </tr>
-        </tbody>
-      ` : e.length === 0 ? c`
-        <tbody part="tbody">
-          <tr>
-            <td
-              colspan=${this.columns.length + (this.selectable ? 1 : 0)}
-              class="empty-state"
-              part="empty-state"
-            >
-              <slot name="empty">
-                <div class="state-content">No data available</div>
-              </slot>
-            </td>
-          </tr>
-        </tbody>
-      ` : c`
-      <tbody part="tbody">
-        ${f(
-      e,
-      (t) => t.id,
-      (t) => {
-        const o = this.selectedRows.includes(t.id), l = {
-          row: !0,
-          "row--selected": o,
-          "row--hoverable": this.hoverable
-        };
-        return c`
-              <tr
-                class=${u(l)}
-                part="row"
-                @click=${(r) => this.handleRowClick(t, r)}
-                @keydown=${(r) => this.handleRowKeyDown(t, r)}
-                tabindex=${this.selectable ? 0 : -1}
-                aria-selected=${k(
-          this.selectable ? o ? "true" : "false" : void 0
-        )}
-              >
-                ${this.selectable ? c`
-                      <td class="cell cell--checkbox" part="cell">
-                        <input
-                          type="checkbox"
-                          part="checkbox"
-                          .checked=${o}
-                          @click=${(r) => this.handleCheckboxClick(r, t)}
-                          aria-label="Select row"
-                        />
-                      </td>
-                    ` : h}
-                ${f(
-          this.columns,
-          (r) => r.key,
-          (r) => {
-            const d = t[r.key], a = r.render ? r.render(d, t) : d;
-            return c`
-                      <td
-                        class="cell"
-                        part="cell"
-                        style="text-align: ${r.align || "left"}"
-                      >
-                        ${a}
-                      </td>
-                    `;
-          }
-        )}
-              </tr>
-            `;
-      }
-    )}
-      </tbody>
-    `;
-  }
-  render() {
-    const e = {
-      table: !0,
-      [`table--${this.variant}`]: !0,
-      [`table--${this.size}`]: !0,
-      "table--sticky-header": this.stickyHeader,
-      "table--selectable": this.selectable,
-      "table--loading": this.loading
-    };
-    return c`
-      <div class="table-wrapper">
-        <table
-          class=${u(e)}
-          part="table"
-          role="grid"
-          aria-busy=${this.loading}
-        >
-          ${this.renderHeader()} ${this.renderBody()}
-        </table>
-      </div>
-    `;
-  }
-};
-s.dependencies = [$];
-s.VISUAL_ONLY_PROPS = /* @__PURE__ */ new Set([
-  "hoverable",
-  "stickyHeader"
-]);
-s.styles = [C];
-i([
-  n({ type: Array })
-], s.prototype, "columns", 2);
-i([
-  n({ type: Array })
-], s.prototype, "rows", 2);
-i([
-  n({
-    type: String,
-    reflect: !0,
-    converter: {
-      fromAttribute: (e) => e && ["default", "striped", "bordered"].includes(e) ? e : "default"
-    }
-  })
-], s.prototype, "variant", 2);
-i([
-  n({
-    type: String,
-    reflect: !0,
-    converter: {
-      fromAttribute: (e) => e && ["sm", "md", "lg"].includes(e) ? e : "md"
-    }
-  })
-], s.prototype, "size", 2);
-i([
-  n({ type: Boolean, reflect: !0 })
-], s.prototype, "selectable", 2);
-i([
-  n({ type: Boolean, reflect: !0 })
-], s.prototype, "multiSelect", 2);
-i([
-  n({ type: Array })
-], s.prototype, "selectedRows", 2);
-i([
-  n({ type: Object })
-], s.prototype, "sortState", 2);
-i([
-  n({ type: Boolean, reflect: !0, attribute: "sticky-header" })
-], s.prototype, "stickyHeader", 2);
-i([
-  n({ converter: x, reflect: !0 })
-], s.prototype, "hoverable", 2);
-i([
-  n({ type: Boolean, reflect: !0 })
-], s.prototype, "loading", 2);
-i([
-  m()
-], s.prototype, "allSelected", 2);
-s = i([
-  w("bp-table")
-], s);
-export {
-  s as BpTable
-};
-//# sourceMappingURL=table.js.map
+import { t as e } from "../shared/table-D2qrSuqf.js";
+export { e as BpTable };

package/dist/components/tabs/tabs.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"tabs.d.ts","sourceRoot":"","sources":["../../../source/components/tabs/tabs.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAiB,MAAM,KAAK,CAAC;AAUhD,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,sCAAsC,CAAC;AACrE,OAAO,EAAE,MAAM,EAAE,MAAM,iBAAiB,CAAC;AAEzC,MAAM,MAAM,QAAQ,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAC1C,MAAM,MAAM,WAAW,GAAG,SAAS,GAAG,OAAO,GAAG,WAAW,CAAC;AAC5D,MAAM,MAAM,aAAa,GAAG,KAAK,GAAG,QAAQ,GAAG,OAAO,GAAG,KAAK,CAAC;AAE/D;;GAEG;AACH,MAAM,WAAW,OAAO;IACtB,oCAAoC;IACpC,EAAE,EAAE,MAAM,CAAC;IACX,gCAAgC;IAChC,KAAK,EAAE,MAAM,CAAC;IACd,kCAAkC;IAClC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,4CAA4C;IAC5C,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB,qCAAqC;IACrC,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;GA0BG;AACH,qBACa,MAAO,SAAQ,UAAU;IACpC;;;OAGG;IACH,MAAM,CAAC,YAAY,oBAAY;IAE/B;;OAEG;IACgD,KAAK,EAAE,MAAM,CAAC;IAEjE;;OAEG;IACgC,IAAI,EAAE,OAAO,EAAE,CAAC;IAEnD;;OAEG;IACgD,IAAI,EAAE,QAAQ,CAAC;IAElE;;OAEG;IACgD,OAAO,EAAE,WAAW,CAAC;IAExE;;OAEG;IACgD,SAAS,EAAE,aAAa,CAAC;IAE5E;;OAEG;IACiD,QAAQ,EAAE,OAAO,CAAC;IAEtE;;OAEG;IACiD,MAAM,EAAE,OAAO,CAAC;IAE3D,OAAO,CAAC,YAAY,CAAuB;IAGpD,OAAO,CAAC,aAAa,CAAiB;IAEtC,MAAM,CAAC,MAAM,4BAAgB;;IAa7B,iBAAiB,IAAI,IAAI;IAKzB,OAAO,CAAC,iBAAiB,EAAE,GAAG,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,IAAI;IAQtD,OAAO,CAAC,gBAAgB,CAgBtB;IAEF,OAAO,CAAC,SAAS;IAMjB,OAAO,CAAC,cAAc;IAItB,OAAO,CAAC,qBAAqB;IAe7B,OAAO,CAAC,cAAc,CAIpB;IAEF,OAAO,CAAC,gBAAgB,CAqEtB;IAEF,OAAO,CAAC,QAAQ;IAOhB,OAAO,CAAC,SAAS;IAmBjB,OAAO,CAAC,cAAc,CAoBpB;IAEF,OAAO,CAAC,cAAc,CAEpB;IAEF,OAAO,CAAC,aAAa,CAEnB;IAEF,OAAO,CAAC,SAAS;IAyDjB,MAAM;CA8BP;AAED;;;;;;;;;;GAUG;AACH,qBACa,UAAW,SAAQ,UAAU;IACxC;;OAEG;IAEK,KAAK,EAAE,MAAM,CAAC;;IAOtB,iBAAiB,IAAI,IAAI;IAMzB,OAAO,CAAC,iBAAiB,EAAE,GAAG,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,IAAI;IAStD,MAAM;CAGP;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,SAAS,EAAE,MAAM,CAAC;QAClB,cAAc,EAAE,UAAU,CAAC;KAC5B;CACF"}
+{"version":3,"file":"tabs.d.ts","sourceRoot":"","sources":["../../../source/components/tabs/tabs.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAiB,MAAM,KAAK,CAAC;AAUhD,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,sCAAsC,CAAC;AACrE,OAAO,EAAE,MAAM,EAAE,MAAM,iBAAiB,CAAC;AAEzC,MAAM,MAAM,QAAQ,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAC1C,MAAM,MAAM,WAAW,GAAG,SAAS,GAAG,OAAO,GAAG,WAAW,CAAC;AAC5D,MAAM,MAAM,aAAa,GAAG,KAAK,GAAG,QAAQ,GAAG,OAAO,GAAG,KAAK,CAAC;AAE/D;;GAEG;AACH,MAAM,WAAW,OAAO;IACtB,oCAAoC;IACpC,EAAE,EAAE,MAAM,CAAC;IACX,gCAAgC;IAChC,KAAK,EAAE,MAAM,CAAC;IACd,kCAAkC;IAClC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,4CAA4C;IAC5C,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB,qCAAqC;IACrC,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;GA0BG;AACH,qBACa,MAAO,SAAQ,UAAU;IACpC;;;OAGG;IACH,MAAM,CAAC,YAAY,oBAAY;IAE/B;;OAEG;IACgD,KAAK,EAAE,MAAM,CAAC;IAEjE;;OAEG;IACgC,IAAI,EAAE,OAAO,EAAE,CAAC;IAEnD;;OAEG;IACgD,IAAI,EAAE,QAAQ,CAAC;IAElE;;OAEG;IACgD,OAAO,EAAE,WAAW,CAAC;IAExE;;OAEG;IACgD,SAAS,EAAE,aAAa,CAAC;IAE5E;;OAEG;IACiD,QAAQ,EAAE,OAAO,CAAC;IAEtE;;OAEG;IACiD,MAAM,EAAE,OAAO,CAAC;IAE3D,OAAO,CAAC,YAAY,CAAuB;IAGpD,OAAO,CAAC,aAAa,CAAiB;IAEtC,MAAM,CAAC,MAAM,4BAAgB;IAE7B,cASC;IAED,iBAAiB,IAAI,IAAI,CAGxB;IAED,OAAO,CAAC,iBAAiB,EAAE,GAAG,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,IAAI,CAMrD;IAED,OAAO,CAAC,gBAAgB,CAgBtB;IAEF,OAAO,CAAC,SAAS;IAMjB,OAAO,CAAC,cAAc;IAItB,OAAO,CAAC,qBAAqB;IAe7B,OAAO,CAAC,cAAc,CAIpB;IAEF,OAAO,CAAC,gBAAgB,CAqEtB;IAEF,OAAO,CAAC,QAAQ;IAOhB,OAAO,CAAC,SAAS;IAmBjB,OAAO,CAAC,cAAc,CAoBpB;IAEF,OAAO,CAAC,cAAc,CAEpB;IAEF,OAAO,CAAC,aAAa,CAEnB;IAEF,OAAO,CAAC,SAAS;IA6DjB,MAAM,yCA6BL;CACF;AAED;;;;;;;;;;GAUG;AACH,qBACa,UAAW,SAAQ,UAAU;IACxC;;OAEG;IAEK,KAAK,EAAE,MAAM,CAAC;IAEtB,cAGC;IAED,iBAAiB,IAAI,IAAI,CAIxB;IAED,OAAO,CAAC,iBAAiB,EAAE,GAAG,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,IAAI,CAOrD;IAED,MAAM,yCAEL;CACF;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,SAAS,EAAE,MAAM,CAAC;QAClB,cAAc,EAAE,UAAU,CAAC;KAC5B;CACF"}