@wix/patterns 1.355.0 → 1.357.0

package/src/state/Toolbar/ToolbarLeftGroupState.ts

@@ -19,13 +19,11 @@ export class ToolbarLeftGroupState<T, F extends FiltersMap> {
     | undefined;
 
   private _element: HTMLElement | null = null;
-  private _prevWidth = 0;
+  private _tabsWidthTimeout: ReturnType<typeof setTimeout> | null = null;
 
   readonly mode: ToolbarMode;
   readonly minWidth: number;
 
-  private readonly EXPANSION_THRESHOLD = 20;
-
   constructor(params: ToolbarLeftGroupStateParams<T, F>) {
     this._responsive = params.responsive;
     this.mode = params.mode;
@@ -33,9 +31,15 @@ export class ToolbarLeftGroupState<T, F extends FiltersMap> {
     this._getTabsState = params.getTabsState;
   }
 
+  getExcessWidth(): number {
+    if (!this._element) {
+      return 0;
+    }
+    return Math.max(0, this._element.clientWidth - this.minWidth);
+  }
+
   init(element: HTMLElement | null | undefined): () => void {
     this._element = null;
-    this._prevWidth = 0;
 
     if (!element) {
       return () => {};
@@ -43,12 +47,14 @@ export class ToolbarLeftGroupState<T, F extends FiltersMap> {
 
     this._element = element;
     const disposer = addResizeObserver(element, this._handleResize);
-    this._handleResize();
 
     return () => {
       disposer?.();
+      if (this._tabsWidthTimeout) {
+        clearTimeout(this._tabsWidthTimeout);
+        this._tabsWidthTimeout = null;
+      }
       this._element = null;
-      this._prevWidth = 0;
     };
   }
 
@@ -58,29 +64,18 @@ export class ToolbarLeftGroupState<T, F extends FiltersMap> {
       return;
     }
 
-    const width = element.clientWidth;
-    const prevWidth = this._prevWidth;
-    const isAtMinWidth = width <= this.minWidth + 2; // 2px tolerance
-    const isGrowing = width > prevWidth;
-    const hasSpaceToExpand = width > this.minWidth + this.EXPANSION_THRESHOLD;
-
-    if (isAtMinWidth) {
-      this._responsive.overflow._scrollWidth =
-        this._responsive.overflow._clientWidth + 1;
-      this._responsive._nextToShrink._shrinkIfNeeded();
-    } else if (isGrowing && hasSpaceToExpand) {
-      const availableSpace = width - this.minWidth;
-
-      this._responsive._nextToExpand._expandIfNeeded({
-        preCalculatedAvailableSpace: availableSpace,
-      });
-    }
-
     if (this.mode === 'tabs') {
-      const tabsState = this._getTabsState?.();
-      tabsState?.responsive.setAvailableWidth(width);
+      if (this._tabsWidthTimeout) {
+        clearTimeout(this._tabsWidthTimeout);
+      }
+      this._tabsWidthTimeout = setTimeout(() => {
+        this._tabsWidthTimeout = null;
+        if (!this._element) return;
+        const tabsState = this._getTabsState?.();
+        tabsState?.responsive.setAvailableWidth(this._element.clientWidth);
+      }, 300);
     }
 
-    this._prevWidth = width;
+    this._responsive._scheduleRecompute();
   };
 }

package/src/state/Toolbar/ToolbarResponsivePriorityState.ts

@@ -3,41 +3,29 @@ import { action, makeObservable, observable } from 'mobx';
 
 export interface ToolbarResponsivePriorityStateParams {
   responsive: ToolbarResponsiveState;
-  getNextToShrink: () => ToolbarResponsivePriorityState;
-  getNextToExpand: () => ToolbarResponsivePriorityState;
-  count: number;
-  minWidth?: number;
+  expandedWidth?: number;
+  collapsedWidth?: number;
 }
 
 export class ToolbarResponsivePriorityState {
   readonly responsive: ToolbarResponsiveState;
-  getNextToShrink: () => ToolbarResponsivePriorityState;
-  getNextToExpand: () => ToolbarResponsivePriorityState;
-  readonly _count: number;
 
-  _minWidth: number;
-  _collapsedWidth: number;
+  expandedWidth: number;
+  collapsedWidth: number;
 
   _shouldShrink = false;
 
   _groupElement: HTMLElement | null = null;
 
   constructor(params: ToolbarResponsivePriorityStateParams) {
-    this._count = params.count;
-
-    this._minWidth = params.minWidth ?? 0;
-    this._collapsedWidth = params.minWidth ?? 0;
+    this.expandedWidth = params.expandedWidth ?? 0;
+    this.collapsedWidth = params.collapsedWidth ?? 0;
 
     this.responsive = params.responsive;
-    this.getNextToShrink = params.getNextToShrink;
-    this.getNextToExpand = params.getNextToExpand;
 
     makeObservable(this, {
-      _minWidth: observable.ref,
       _shouldShrink: observable.ref,
       _syncWidth: action,
-      _expandIfNeeded: action,
-      _shrinkIfNeeded: action,
     });
   }
 
@@ -49,79 +37,12 @@ export class ToolbarResponsivePriorityState {
     if (!_groupElement) {
       return;
     }
+    const measured = _groupElement.scrollWidth;
     if (_shouldShrink) {
-      this._collapsedWidth = _groupElement.scrollWidth;
+      this.collapsedWidth = measured;
     } else {
-      this._minWidth = _groupElement.scrollWidth;
-    }
-  }
-
-  _expandIfNeeded({
-    preCalculatedAvailableSpace,
-  }: {
-    preCalculatedAvailableSpace?: number;
-  } = {}) {
-    const { responsive, _collapsedWidth } = this;
-
-    const {
-      _nextToExpand,
-      actionsAvailableSpace: { available },
-    } = responsive;
-
-    if (responsive._expandCooldown) {
-      return;
-    }
-
-    if (
-      _nextToExpand !== this ||
-      (preCalculatedAvailableSpace ?? available) + _collapsedWidth <=
-        this._minWidth ||
-      !this._shouldShrink
-    ) {
-      return;
+      this.expandedWidth = measured;
     }
-
-    this._shouldShrink = false;
-    responsive._nextToExpand = _nextToExpand.getNextToExpand();
-    responsive._nextToShrink = this;
-    responsive.actionsAvailableSpace._syncThrottled();
-
-    const spaceUsed = this._minWidth - _collapsedWidth;
-    const availableAfterExpand =
-      (preCalculatedAvailableSpace ?? available) - spaceUsed;
-    if (availableAfterExpand > 0) {
-      responsive._nextToExpand._expandIfNeeded({
-        preCalculatedAvailableSpace: availableAfterExpand,
-      });
-    }
-  }
-
-  _shrinkIfNeeded() {
-    const { responsive } = this;
-
-    const { _nextToShrink, overflow } = responsive;
-
-    if (
-      _nextToShrink !== this ||
-      !overflow._isOverflowing ||
-      this._shouldShrink
-    ) {
-      return;
-    }
-
-    this._shouldShrink = true;
-    responsive._nextToShrink = _nextToShrink.getNextToShrink();
-    responsive._nextToExpand = this;
-
-    // Double rAF ensures the shrink is fully painted before allowing expansion.
-    // Single rAF can cause flickering because layout may not be settled yet.
-    responsive._expandCooldown = true;
-    window.requestAnimationFrame(() => {
-      window.requestAnimationFrame(() => {
-        responsive._expandCooldown = false;
-      });
-    });
-
-    responsive.overflow._syncThrottled();
+    responsive._scheduleRecompute();
   }
 }

package/src/state/Toolbar/ToolbarResponsiveState.ts

@@ -1,27 +1,33 @@
 import { addResizeObserver } from '@wix/bex-core';
-import { computed, makeObservable, observable, reaction } from 'mobx';
-import { HorizontalSpaceAvailableState } from '../Responsive/HorizontalSpaceAvailableState';
+import { action, computed, makeObservable, runInAction } from 'mobx';
 import { ToolbarResponsivePriorityState } from './ToolbarResponsivePriorityState';
-import { HorizontalOverflowState } from '../Responsive/HorizontalOverflowState';
 import { ToolbarState } from '../../components/CollectionToolbars/ToolbarState';
 import { ToolbarLeftGroupState } from './ToolbarLeftGroupState';
+import { computeResponsiveTargetState } from './computeResponsiveTargetState';
+import {
+  SEARCH_COLLAPSED_WIDTH,
+  SEARCH_EXPANDED_WIDTH,
+} from './toolbarResponsiveConstants';
 
 export interface ToolbarResponsiveStateParams {
   readonly toolbar: ToolbarState<any, any>;
 }
 
+// Buffer (in px) added to the expand threshold to prevent flickering near the
+// expand/collapse boundary. Tuned to ~2-3x the inter-element gap (SP2 = 12px) --
+// large enough to absorb measurement rounding and flex reflow, small enough that
+// the dead zone per group isn't visually noticeable during gradual resizing.
+const EXPAND_THRESHOLD_BUFFER = 30;
+
 export class ToolbarResponsiveState {
   readonly actions: ToolbarResponsivePriorityState;
   readonly search: ToolbarResponsivePriorityState;
   readonly filters: ToolbarResponsivePriorityState;
 
-  _nextToShrink: ToolbarResponsivePriorityState;
-  _nextToExpand: ToolbarResponsivePriorityState;
-
-  _expandCooldown = false;
+  private readonly _groups: ToolbarResponsivePriorityState[];
 
-  readonly actionsAvailableSpace: HorizontalSpaceAvailableState;
-  readonly overflow: HorizontalOverflowState;
+  _measurementElement: Element | null = null;
+  _contentElement: Element | null = null;
 
   readonly toolbar: ToolbarState<any, any>;
 
@@ -34,43 +40,25 @@ export class ToolbarResponsiveState {
   constructor(params: ToolbarResponsiveStateParams) {
     this.toolbar = params.toolbar;
 
-    this.overflow = new HorizontalOverflowState({
-      state: this,
-    });
-
     this.actions = new ToolbarResponsivePriorityState({
       responsive: this,
-      getNextToShrink: () => this.filters,
-      getNextToExpand: () => this.actions,
-      count: 1,
     });
 
     this.filters = new ToolbarResponsivePriorityState({
       responsive: this,
-      getNextToShrink: () => this.search,
-      getNextToExpand: () => this.actions,
-      count: 2,
     });
 
     this.search = new ToolbarResponsivePriorityState({
       responsive: this,
-      getNextToShrink: () => this.search,
-      getNextToExpand: () => this.filters,
-      count: 3,
-      minWidth: 140,
+      expandedWidth: SEARCH_EXPANDED_WIDTH,
+      collapsedWidth: SEARCH_COLLAPSED_WIDTH,
     });
 
-    this._nextToShrink = this.actions;
-    this._nextToExpand = this.actions;
-
-    this.actionsAvailableSpace = new HorizontalSpaceAvailableState({
-      state: this,
-    });
+    this._groups = [this.actions, this.filters, this.search];
 
     makeObservable(this, {
-      _nextToShrink: observable.ref,
-      _nextToExpand: observable.ref,
       responsiveDisabled: computed,
+      _applyTargetState: action,
     });
   }
 
@@ -88,49 +76,92 @@ export class ToolbarResponsiveState {
     );
   }
 
+  _scheduleRecompute() {
+    if (this.responsiveDisabled) {
+      return;
+    }
+    this._recomputeThrottled?.();
+  }
+
+  private _computeResponsiveInput() {
+    const el = this._measurementElement;
+    const contentEl = this._contentElement;
+    if (!el || !contentEl) {
+      return null;
+    }
+
+    // The left group (title/tabs/views) has flex:1 and absorbs freed space when
+    // right-side items shrink. Account for its excess width so the algorithm sees
+    // the true available space and can expand items back when the container grows.
+    const leftGroupExcess = this.leftGroupState?.getExcessWidth() ?? 0;
+    const containerWidth = el.clientWidth + leftGroupExcess;
+    const contentWidth = contentEl.scrollWidth;
+
+    const groups = this._groups.map((g) => ({
+      expandedWidth: g.expandedWidth,
+      collapsedWidth: g.collapsedWidth,
+      currentlyShrunk: g._shouldShrink,
+    }));
+
+    const groupsTotal = groups.reduce(
+      (sum, g) => sum + (g.currentlyShrunk ? g.collapsedWidth : g.expandedWidth),
+      0,
+    );
+
+    return {
+      availableWidth: containerWidth - (contentWidth - groupsTotal),
+      groups,
+    };
+  }
+
+  _applyTargetState() {
+    const input = this._computeResponsiveInput();
+    if (!input) {
+      return;
+    }
+
+    const result = computeResponsiveTargetState({
+      ...input,
+      expandThresholdBuffer: EXPAND_THRESHOLD_BUFFER,
+    });
+
+    this._groups.forEach((g, i) => {
+      g._shouldShrink = result[i].shouldShrink;
+    });
+  }
+
+  private _recomputeThrottled?: ReturnType<typeof this.container.lodash.throttle>;
+  private _rafId = 0;
+
   init() {
-    const {
-      toolbar: { toolbar },
-      overflow,
-      actionsAvailableSpace,
-      responsiveDisabled,
-    } = this;
+    const { responsiveDisabled } = this;
 
     if (responsiveDisabled) {
-      return;
+      return () => {};
+    }
+
+    this._recomputeThrottled = this.container.lodash.throttle(() => {
+      this._rafId = window.requestAnimationFrame(() => {
+        runInAction(() => this._applyTargetState());
+      });
+    }, 200);
+
+    const containerEl =
+      this.toolbar.toolbar.toolbarRect.element;
+    if (!containerEl) {
+      return () => {
+        this._recomputeThrottled?.cancel();
+      };
     }
 
     const disposers = [
-      addResizeObserver(
-        toolbar.toolbarRect.element,
-        actionsAvailableSpace._syncThrottled,
-      ),
-      reaction(
-        () => ({
-          _isOverflowing: overflow._isOverflowing,
-          _scrollWidth: overflow._scrollWidth,
-          _clientWidth: overflow._clientWidth,
-        }),
-        () => {
-          this._nextToShrink._shrinkIfNeeded();
-        },
-        {
-          fireImmediately: true,
-        },
-      ),
-      reaction(
-        () => actionsAvailableSpace.available,
-        () => {
-          this._nextToExpand._expandIfNeeded();
-        },
-        {
-          fireImmediately: true,
-        },
-      ),
+      addResizeObserver(containerEl, this._recomputeThrottled),
     ];
 
     return () => {
       disposers.forEach((d) => d?.());
+      this._recomputeThrottled?.cancel();
+      cancelAnimationFrame(this._rafId);
     };
   }
 }

package/src/state/Toolbar/computeResponsiveTargetState.ts

@@ -0,0 +1,67 @@
+export interface ResponsiveGroupInput {
+  expandedWidth: number;
+  collapsedWidth: number;
+  currentlyShrunk: boolean;
+}
+
+export interface ComputeResponsiveTargetStateParams {
+  availableWidth: number;
+  groups: ResponsiveGroupInput[];
+  expandThresholdBuffer: number;
+}
+
+export interface ResponsiveGroupOutput {
+  shouldShrink: boolean;
+}
+
+export function computeResponsiveTargetState(
+  params: ComputeResponsiveTargetStateParams,
+): ResponsiveGroupOutput[] {
+  const { availableWidth, groups, expandThresholdBuffer } = params;
+
+  if (groups.length === 0) {
+    return [];
+  }
+
+  const result: ResponsiveGroupOutput[] = groups.map((g) => ({
+    shouldShrink: g.currentlyShrunk,
+  }));
+
+  const widthOf = (group: ResponsiveGroupInput, index: number) =>
+    result[index].shouldShrink ? group.collapsedWidth : group.expandedWidth;
+
+  let total = groups.reduce((sum, g, i) => sum + widthOf(g, i), 0);
+
+  for (let i = 0; i < groups.length; i++) {
+    if (total <= availableWidth) {
+      break;
+    }
+    if (!result[i].shouldShrink) {
+      const savings = groups[i].expandedWidth - groups[i].collapsedWidth;
+      result[i].shouldShrink = true;
+      total -= savings;
+    }
+  }
+
+  for (let i = groups.length - 1; i >= 0; i--) {
+    if (!result[i].shouldShrink) {
+      continue;
+    }
+
+    const expandCost = groups[i].expandedWidth - groups[i].collapsedWidth;
+    if (expandCost === 0) {
+      continue;
+    }
+
+    if (total + expandCost + expandThresholdBuffer <= availableWidth) {
+      result[i].shouldShrink = false;
+      total += expandCost;
+    } else {
+      // Strict priority: if a higher-priority group (lower index) cannot expand,
+      // no lower-priority groups should expand either to avoid visual inconsistency.
+      break;
+    }
+  }
+
+  return result;
+}

package/src/state/Toolbar/toolbarResponsiveConstants.ts

@@ -0,0 +1,2 @@
+export const SEARCH_EXPANDED_WIDTH = 240;
+export const SEARCH_COLLAPSED_WIDTH = 140;

package/src/styles.global.css

@@ -1 +1 @@
-.CardContainer3405799465__root.CardContainer3405799465--mobile{border-radius:0}.Collapse2581039888__root{transition-property:height;transition-timing-function:cubic-bezier(.4,0,.2,1)}.Collapse2581039888__exit{height:0}.CollectionPage1689186506__root [data-hook=page-header-wrapper]{--wds-space-300:18px}.CollectionPage1689186506__root.CollectionPage1689186506--mobile{--wds-page-header-padding-horizontal:0;--wds-page-header-padding-horizontal-small:0;--wds-color-fill-surface-sunken:#ffffff}.CollectionPage1689186506__root.CollectionPage1689186506--panel{overflow:hidden;position:relative}.CollectionSectionHeader2112064717__summaryIcon{display:flex;color:var(--wds-color-text-standard-secondary)}.CollectionTable2554404887__root td{vertical-align:middle}.CollectionTable2554404887__root.CollectionTable2554404887--mobile td:first-child{padding-left:18px}.CollectionTable2554404887__root.CollectionTable2554404887--mobile td:last-child{padding-right:18px}.CollectionToolbar2266091173__left{min-width:0}.CollectionToolbar2266091173__left.CollectionToolbar2266091173--expandable{flex:auto}.CollectionToolbar2266091173__left.CollectionToolbar2266091173--title>*{width:100%}.CollectionToolbar2266091173__root.CollectionToolbar2266091173---responsiveMode-5-title .CollectionToolbar2266091173__left{flex:1 100;min-width:50px}.CollectionToolbar2266091173__root.CollectionToolbar2266091173---responsiveMode-4-tabs .CollectionToolbar2266091173__left,.CollectionToolbar2266091173__root.CollectionToolbar2266091173---responsiveMode-4-tabs .CollectionToolbar2266091173__left.CollectionToolbar2266091173--expandable{flex:1 100 auto;min-width:140px}.CollectionToolbar2266091173__root.CollectionToolbar2266091173---responsiveMode-4-tabs .CollectionToolbar2266091173__left>*{flex-shrink:1;min-width:0}.CollectionToolbar2266091173__root .CollectionToolbar2266091173__right{justify-content:flex-end!important;flex-grow:1;flex-shrink:1;flex-basis:auto}.CollectionToolbar2266091173__root.CollectionToolbar2266091173--views .CollectionToolbar2266091173__right{min-width:0;flex-grow:1;flex-shrink:0;flex-basis:0}.CollectionToolbar2266091173__root.CollectionToolbar2266091173---responsiveMode-4-tabs .CollectionToolbar2266091173__right,.CollectionToolbar2266091173__root.CollectionToolbar2266091173---responsiveMode-5-title .CollectionToolbar2266091173__right{flex:0 1 auto;min-width:0}.CollectionToolbar2266091173__root .CollectionToolbar2266091173__right.CollectionToolbar2266091173__fullWidth{margin-inline-start:0!important}.CollectionToolbar2266091173__root.CollectionToolbar2266091173--mobile{padding-right:18px;padding-left:18px}.SearchOrCustomFilter1165476069__search{min-width:140px;max-width:240px;flex:1 0}.SearchOrCustomFilter1165476069__searchMobile{justify-content:flex-end;position:absolute;right:18px}.SearchOrCustomFilter1165476069__searchMobile:not(.SearchOrCustomFilter1165476069--expandable){left:18px}.SearchOrCustomFilter1165476069__searchMobile.SearchOrCustomFilter1165476069--expandable.SearchOrCustomFilter1165476069--expanded{left:18px}.AutoCompleteReadonly3148335618__root.AutoCompleteReadonly3148335618--disableEditing{cursor:pointer}.AutoCompleteReadonly3148335618__root.AutoCompleteReadonly3148335618--disableEditing input{cursor:pointer}.ViewsDropdown3089491910__root{width:200px}.DragHandle2191261823__root{display:flex;align-items:center}.DragHandle2191261823__root:not(.DragHandle2191261823--disabled){cursor:grab;color:#a8caff}.DragHandle2191261823__root.DragHandle2191261823--disabled{color:#acafc4}.DragHandle2191261823__root:focus-visible:not(.DragHandle2191261823--disabled){outline:0;box-shadow:0 0 0 3px #a6d0ff}.DragHandle2191261823__root.DragHandle2191261823--disabled{pointer-events:none}.DragHandle2191261823__root.DragHandle2191261823--dragging:not(.DragHandle2191261823--disabled){cursor:grabbing}.EntityPagePlain2781968927__root.EntityPagePlain2781968927--mobile{--wds-page-header-padding-horizontal:0}.Fade399282970__root{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);opacity:1}.Fade399282970__root.Fade399282970--exit{opacity:0}.Heading3533303979__root{visibility:visible}.Heading3533303979__root.Heading3533303979--appearanceH2{font-size:28px!important;line-height:36px!important}.InputOverflow1583143864__root.InputOverflow1583143864--selected:not(.InputOverflow1583143864--focused) input::placeholder{color:#000624}@keyframes LoadingRow232979932__gradientSwoosh{0%{background-position:50% 50%;background-size:150% 125%}15%{background-position:75% 40%;background-size:130% 115%}30%{background-position:50% 50%;background-size:120% 135%}60%{background-position:30% 50%;background-size:120% 135%}80%{background-position:10% 30%;background-size:130% 155%}to{background-position:40% 45%;background-size:125% 135%}}.LoadingRow232979932__root{background-image:linear-gradient(60deg,rgba(255,255,255,.15)0,rgba(255,255,255,.15) 50%,rgba(95,242,174,.15) 100%),linear-gradient(284.81deg,#fff 67.18%,#91bbff 158.87%),linear-gradient(29deg,rgba(145,187,255,.6)0,#fff 40%,rgba(95,242,174,.6) 100%);height:100%;background-size:150% 125%;background-repeat:no-repeat;animation:LoadingRow232979932__gradientSwoosh 2s ease-out infinite alternate}.MaxHeightText1332070745__root{opacity:1}.MaxHeightText1332070745__root.MaxHeightText1332070745--height24{line-height:24px}.MaxLines3599357708__root{overflow:hidden}.MaxLines3599357708__root.MaxLines3599357708--clamp{-webkit-box-orient:vertical;display:-webkit-box}.MultiBulkActionToolbar588766161__root{min-width:0}.MultiBulkActionToolbar588766161__leftGroupWrapper{padding-right:12px;min-width:0;flex-wrap:nowrap;align-items:center}.MultiBulkActionToolbar588766161__selectedCountItem{min-width:0;flex-shrink:1;white-space:nowrap;overflow:hidden}.MultiBulkActionToolbar588766161__selectedCountText{display:block;width:100%}.NestedTablePlaceholderStatesRow1687101870__root td{padding:0!important;width:100%}.NestedTableRow364668283__firstLevel td{padding-top:18px!important;padding-bottom:18px!important}.NestedTableRow364668283__root:hover{background-color:#e7f0ff!important}.NestedTableRow364668283__root.NestedTableRow364668283--expandable{cursor:pointer}.NestedTableRow364668283__placeholder td{padding:0!important;width:100%}.NestedTableRow364668283__root:hover td:first-of-type::before,.NestedTableRow364668283__parentHovered td:first-of-type::before{content:"";position:absolute;top:0;bottom:0;left:0;width:2px;background-color:#5999ff}.MultipleDragOverlayEffect4261246819__root{position:absolute;transform:translate(6px,6px);background-color:#fff;box-shadow:0 2px 4px 0 rgba(0,6,36,.12),0 0 6px 0 rgba(0,6,36,.12)}.NestedTableDragAndDropRow2674054095__root.NestedTableDragAndDropRow2674054095--draggingInto td{background-color:#e7f0ff!important}.PickerContent485154672__root{display:flex}.PickerContentAdditionalStep2098613398__titles{display:flex;justify-content:center;flex:1 1 auto;overflow:hidden;flex-direction:column}.PickerContentAdditionalStep2098613398__suffix{display:flex;align-items:center;flex:0 0 auto;overflow:hidden}.PickerTableListItem3838836186__root{box-sizing:border-box}.ScrollableContent847120716__root.ScrollableContent847120716--overflowY{overflow-y:auto}.ScrollableContent847120716__root.ScrollableContent847120716--overflowX{overflow-x:auto}.ScrollableContent847120716__root.ScrollableContent847120716--smooth{scroll-behavior:smooth}.SkeletonCard89223222__headerLoading{display:block!important}.SlidingModal2713679544__root{transition:transform .4s ease 0s;position:fixed;z-index:1}.SlidingModal2713679544__root.SlidingModal2713679544--overlay{transition:transform 0s ease 0s}.SlidingModal2713679544__root.SlidingModal2713679544---appendTo-6-parent{position:absolute}.SlidingModal2713679544__root:not(.SlidingModal2713679544--exited){box-shadow:0 3px 24px 0 rgba(22,45,61,.18),0 8px 8px 0 rgba(22,45,61,.12)}.TabsFilter2340373808__root .TabsFilter2340373808__title{color:var(--wds-tabs-label-fill, var(--wds-color-text-standard-primary, var(--wsr-color-D10, #000624)))}.TabsFilter2340373808__root.TabsFilter2340373808--selected .TabsFilter2340373808__title,.TabsFilter2340373808__root:hover .TabsFilter2340373808__title{color:var(--wds-tabs-label-fill-active, var(--wsr-color-B10, #116DFF))}.ManageTagsModal3988193485__root{display:flex}.ToolbarItem501613990__root{min-width:0}.ToolbarItemBox1974553640__root{min-width:0}.ToolbarItemBox1974553640__root.ToolbarItemBox1974553640--removeStartPadding{margin-left:-24px}.ToolbarItemBox1974553640__root.ToolbarItemBox1974553640--expandable{flex:1 0}.common1456808948__column{display:flex;flex-direction:column}.common1456808948__fullHeight{height:100%;min-height:0}.CollectionPageHeader998675131__root:not(.CollectionPageHeader998675131--mobile){gap:12px}.CollectionPageHeader998675131__root.CollectionPageHeader998675131--mobile{flex-direction:column;padding-right:18px;padding-left:18px}.CollectionPageHeader998675131__root.CollectionPageHeader998675131--mobile>*{margin-left:0;margin-top:6px!important;height:auto}.FormPageHeader3976611179__root.FormPageHeader3976611179--mobile{flex-direction:column;padding-right:18px;padding-left:18px}.FormPageHeader3976611179__root.FormPageHeader3976611179--mobile>*{margin-left:0;margin-top:6px!important;height:auto}
+.CardContainer3159177067__root.CardContainer3159177067--mobile{border-radius:0}.Collapse349658766__root{transition-property:height;transition-timing-function:cubic-bezier(.4,0,.2,1)}.Collapse349658766__exit{height:0}.CollectionPage2970541410__root [data-hook=page-header-wrapper]{--wds-space-300:18px}.CollectionPage2970541410__root.CollectionPage2970541410--mobile{--wds-page-header-padding-horizontal:0;--wds-page-header-padding-horizontal-small:0;--wds-color-fill-surface-sunken:#ffffff}.CollectionPage2970541410__root.CollectionPage2970541410--panel{overflow:hidden;position:relative}.CollectionSectionHeader2855512574__summaryIcon{display:flex;color:var(--wds-color-text-standard-secondary)}.CollectionTable1473924420__root td{vertical-align:middle}.CollectionTable1473924420__root.CollectionTable1473924420--mobile td:first-child{padding-left:18px}.CollectionTable1473924420__root.CollectionTable1473924420--mobile td:last-child{padding-right:18px}.CollectionToolbar269385832__left{min-width:0}.CollectionToolbar269385832__left.CollectionToolbar269385832--expandable{flex:auto}.CollectionToolbar269385832__left.CollectionToolbar269385832--title>*{width:100%}.CollectionToolbar269385832__root.CollectionToolbar269385832---responsiveMode-5-title .CollectionToolbar269385832__left{flex:1 100;min-width:50px}.CollectionToolbar269385832__root.CollectionToolbar269385832---responsiveMode-4-tabs .CollectionToolbar269385832__left,.CollectionToolbar269385832__root.CollectionToolbar269385832---responsiveMode-4-tabs .CollectionToolbar269385832__left.CollectionToolbar269385832--expandable{flex:1 100 auto;min-width:140px}.CollectionToolbar269385832__root.CollectionToolbar269385832---responsiveMode-4-tabs .CollectionToolbar269385832__left>*{flex-shrink:1;min-width:0}.CollectionToolbar269385832__root .CollectionToolbar269385832__right{justify-content:flex-end!important;flex-grow:1;flex-shrink:1;flex-basis:auto}.CollectionToolbar269385832__root.CollectionToolbar269385832--views .CollectionToolbar269385832__right{min-width:0;flex-grow:1;flex-shrink:0;flex-basis:0}.CollectionToolbar269385832__root.CollectionToolbar269385832---responsiveMode-4-tabs .CollectionToolbar269385832__right,.CollectionToolbar269385832__root.CollectionToolbar269385832---responsiveMode-5-title .CollectionToolbar269385832__right{flex:0 1 auto;min-width:0}.CollectionToolbar269385832__root .CollectionToolbar269385832__right.CollectionToolbar269385832__fullWidth{margin-inline-start:0!important}.CollectionToolbar269385832__root.CollectionToolbar269385832--mobile{padding-right:18px;padding-left:18px}.SearchOrCustomFilter2632176424__search{min-width:140px;max-width:240px;flex:1 0}.SearchOrCustomFilter2632176424__searchMobile{justify-content:flex-end;position:absolute;right:18px}.SearchOrCustomFilter2632176424__searchMobile:not(.SearchOrCustomFilter2632176424--expandable){left:18px}.SearchOrCustomFilter2632176424__searchMobile.SearchOrCustomFilter2632176424--expandable.SearchOrCustomFilter2632176424--expanded{left:18px}.AutoCompleteReadonly4060538635__root.AutoCompleteReadonly4060538635--disableEditing{cursor:pointer}.AutoCompleteReadonly4060538635__root.AutoCompleteReadonly4060538635--disableEditing input{cursor:pointer}.ViewsDropdown65557832__root{width:200px}.DragHandle3778857946__root{display:flex;align-items:center}.DragHandle3778857946__root:not(.DragHandle3778857946--disabled){cursor:grab;color:#a8caff}.DragHandle3778857946__root.DragHandle3778857946--disabled{color:#acafc4}.DragHandle3778857946__root:focus-visible:not(.DragHandle3778857946--disabled){outline:0;box-shadow:0 0 0 3px #a6d0ff}.DragHandle3778857946__root.DragHandle3778857946--disabled{pointer-events:none}.DragHandle3778857946__root.DragHandle3778857946--dragging:not(.DragHandle3778857946--disabled){cursor:grabbing}.EntityPagePlain1610818731__root.EntityPagePlain1610818731--mobile{--wds-page-header-padding-horizontal:0}.Fade3639909523__root{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);opacity:1}.Fade3639909523__root.Fade3639909523--exit{opacity:0}.Heading888883112__root{visibility:visible}.Heading888883112__root.Heading888883112--appearanceH2{font-size:28px!important;line-height:36px!important}.InputOverflow959630330__root.InputOverflow959630330--selected:not(.InputOverflow959630330--focused) input::placeholder{color:#000624}@keyframes LoadingRow3996135550__gradientSwoosh{0%{background-position:50% 50%;background-size:150% 125%}15%{background-position:75% 40%;background-size:130% 115%}30%{background-position:50% 50%;background-size:120% 135%}60%{background-position:30% 50%;background-size:120% 135%}80%{background-position:10% 30%;background-size:130% 155%}to{background-position:40% 45%;background-size:125% 135%}}.LoadingRow3996135550__root{background-image:linear-gradient(60deg,rgba(255,255,255,.15)0,rgba(255,255,255,.15) 50%,rgba(95,242,174,.15) 100%),linear-gradient(284.81deg,#fff 67.18%,#91bbff 158.87%),linear-gradient(29deg,rgba(145,187,255,.6)0,#fff 40%,rgba(95,242,174,.6) 100%);height:100%;background-size:150% 125%;background-repeat:no-repeat;animation:LoadingRow3996135550__gradientSwoosh 2s ease-out infinite alternate}.MaxHeightText1555679920__root{opacity:1}.MaxHeightText1555679920__root.MaxHeightText1555679920--height24{line-height:24px}.MaxLines3184399640__root{overflow:hidden}.MaxLines3184399640__root.MaxLines3184399640--clamp{-webkit-box-orient:vertical;display:-webkit-box}.MultiBulkActionToolbar3816017489__root{min-width:0}.MultiBulkActionToolbar3816017489__leftGroupWrapper{padding-right:12px;min-width:0;flex-wrap:nowrap;align-items:center}.MultiBulkActionToolbar3816017489__selectedCountItem{min-width:0;flex-shrink:1;white-space:nowrap;overflow:hidden}.MultiBulkActionToolbar3816017489__selectedCountText{display:block;width:100%}.NestedTablePlaceholderStatesRow708142473__root td{padding:0!important;width:100%}.NestedTableRow1442655286__firstLevel td{padding-top:18px!important;padding-bottom:18px!important}.NestedTableRow1442655286__root:hover{background-color:#e7f0ff!important}.NestedTableRow1442655286__root.NestedTableRow1442655286--expandable{cursor:pointer}.NestedTableRow1442655286__placeholder td{padding:0!important;width:100%}.NestedTableRow1442655286__root:hover td:first-of-type::before,.NestedTableRow1442655286__parentHovered td:first-of-type::before{content:"";position:absolute;top:0;bottom:0;left:0;width:2px;background-color:#5999ff}.MultipleDragOverlayEffect1040243224__root{position:absolute;transform:translate(6px,6px);background-color:#fff;box-shadow:0 2px 4px 0 rgba(0,6,36,.12),0 0 6px 0 rgba(0,6,36,.12)}.NestedTableDragAndDropRow1144129987__root.NestedTableDragAndDropRow1144129987--draggingInto td{background-color:#e7f0ff!important}.PickerContent1823450895__root{display:flex}.PickerContentAdditionalStep3632134261__titles{display:flex;justify-content:center;flex:1 1 auto;overflow:hidden;flex-direction:column}.PickerContentAdditionalStep3632134261__suffix{display:flex;align-items:center;flex:0 0 auto;overflow:hidden}.PickerTableListItem4115973826__root{box-sizing:border-box}.ScrollableContent102279133__root.ScrollableContent102279133--overflowY{overflow-y:auto}.ScrollableContent102279133__root.ScrollableContent102279133--overflowX{overflow-x:auto}.ScrollableContent102279133__root.ScrollableContent102279133--smooth{scroll-behavior:smooth}.SkeletonCard753207785__headerLoading{display:block!important}.SlidingModal2858094398__root{transition:transform .4s ease 0s;position:fixed;z-index:1}.SlidingModal2858094398__root.SlidingModal2858094398--overlay{transition:transform 0s ease 0s}.SlidingModal2858094398__root.SlidingModal2858094398---appendTo-6-parent{position:absolute}.SlidingModal2858094398__root:not(.SlidingModal2858094398--exited){box-shadow:0 3px 24px 0 rgba(22,45,61,.18),0 8px 8px 0 rgba(22,45,61,.12)}.TabsFilter2131627215__root .TabsFilter2131627215__title{color:var(--wds-tabs-label-fill, var(--wds-color-text-standard-primary, var(--wsr-color-D10, #000624)))}.TabsFilter2131627215__root.TabsFilter2131627215--selected .TabsFilter2131627215__title,.TabsFilter2131627215__root:hover .TabsFilter2131627215__title{color:var(--wds-tabs-label-fill-active, var(--wsr-color-B10, #116DFF))}.ManageTagsModal1153576203__root{display:flex}.ToolbarItem1217629815__root{min-width:0}.ToolbarItemBox2033015283__root{min-width:0}.ToolbarItemBox2033015283__root.ToolbarItemBox2033015283--removeStartPadding{margin-left:-24px}.ToolbarItemBox2033015283__root.ToolbarItemBox2033015283--expandable{flex:1 0}.common1299980458__column{display:flex;flex-direction:column}.common1299980458__fullHeight{height:100%;min-height:0}.CollectionPageHeader3858757992__root:not(.CollectionPageHeader3858757992--mobile){gap:12px}.CollectionPageHeader3858757992__root.CollectionPageHeader3858757992--mobile{flex-direction:column;padding-right:18px;padding-left:18px}.CollectionPageHeader3858757992__root.CollectionPageHeader3858757992--mobile>*{margin-left:0;margin-top:6px!important;height:auto}.FormPageHeader2044109156__root.FormPageHeader2044109156--mobile{flex-direction:column;padding-right:18px;padding-left:18px}.FormPageHeader2044109156__root.FormPageHeader2044109156--mobile>*{margin-left:0;margin-top:6px!important;height:auto}

package/src/version.ts

@@ -1 +1 @@
-export const version = 'patterns@1.355.0';
+export const version = 'patterns@1.357.0';

package/dist/cjs/components/Responsive/HorizontalAvailableSpaceBox.js

@@ -1,37 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-exports.__esModule = true;
-exports.HorizontalAvailableSpaceBox = HorizontalAvailableSpaceBox;
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var _designSystem = require("@wix/design-system");
-var _react = _interopRequireWildcard(require("react"));
-var _jsxFileName = "/home/builduser/work/843658b9f44192f0/packages/cairo/dist/cjs/components/Responsive/HorizontalAvailableSpaceBox.tsx";
-function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
-function HorizontalAvailableSpaceBox(props) {
-  const {
-    state,
-    children,
-    ...rest
-  } = props;
-  (0, _react.useLayoutEffect)(() => state.initLayout(), []);
-  (0, _react.useEffect)(() => state.init(), []);
-  return /*#__PURE__*/_react.default.createElement(_designSystem.Box, (0, _extends2.default)({
-    ref: element => {
-      state._element = element;
-      state._child = element == null ? void 0 : element.firstElementChild;
-    },
-    minWidth: 0,
-    flex: 1,
-    align: "right",
-    direction: "horizontal"
-  }, rest, {
-    __self: this,
-    __source: {
-      fileName: _jsxFileName,
-      lineNumber: 18,
-      columnNumber: 5
-    }
-  }), children);
-}
-//# sourceMappingURL=HorizontalAvailableSpaceBox.js.map

package/dist/cjs/components/Responsive/HorizontalAvailableSpaceBox.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["_designSystem","require","_react","_interopRequireWildcard","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","HorizontalAvailableSpaceBox","props","state","children","rest","useLayoutEffect","initLayout","useEffect","init","createElement","Box","_extends2","ref","element","_element","_child","firstElementChild","minWidth","flex","align","direction","__self","__source","fileName","lineNumber","columnNumber"],"sources":["../../../../src/components/Responsive/HorizontalAvailableSpaceBox.tsx"],"sourcesContent":["import { Box, BoxProps } from '@wix/design-system';\nimport React, { useEffect, useLayoutEffect } from 'react';\nimport { HorizontalSpaceAvailableState } from '../../state/Responsive/HorizontalSpaceAvailableState';\n\nexport interface HorizontalAvailableSpaceBoxProps extends Partial<BoxProps> {\n  state: HorizontalSpaceAvailableState;\n}\n\nexport function HorizontalAvailableSpaceBox(\n  props: HorizontalAvailableSpaceBoxProps,\n) {\n  const { state, children, ...rest } = props;\n\n  useLayoutEffect(() => state.initLayout(), []);\n  useEffect(() => state.init(), []);\n\n  return (\n    <Box\n      ref={(element) => {\n        state._element = element;\n        state._child = element?.firstElementChild as Element | null;\n      }}\n      minWidth={0}\n      flex={1}\n      align=\"right\"\n      direction=\"horizontal\"\n      {...rest}\n    >\n      {children}\n    </Box>\n  );\n}\n"],"mappings":";;;;;;AAAA,IAAAA,aAAA,GAAAC,OAAA;AACA,IAAAC,MAAA,GAAAC,uBAAA,CAAAF,OAAA;AAA0D,IAAAG,YAAA;AAAA,SAAAD,wBAAAE,CAAA,EAAAC,CAAA,6BAAAC,OAAA,MAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAJ,uBAAA,YAAAA,CAAAE,CAAA,EAAAC,CAAA,SAAAA,CAAA,IAAAD,CAAA,IAAAA,CAAA,CAAAK,UAAA,SAAAL,CAAA,MAAAM,CAAA,EAAAC,CAAA,EAAAC,CAAA,KAAAC,SAAA,QAAAC,OAAA,EAAAV,CAAA,iBAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,SAAAQ,CAAA,MAAAF,CAAA,GAAAL,CAAA,GAAAG,CAAA,GAAAD,CAAA,QAAAG,CAAA,CAAAK,GAAA,CAAAX,CAAA,UAAAM,CAAA,CAAAM,GAAA,CAAAZ,CAAA,GAAAM,CAAA,CAAAO,GAAA,CAAAb,CAAA,EAAAQ,CAAA,gBAAAP,CAAA,IAAAD,CAAA,gBAAAC,CAAA,OAAAa,cAAA,CAAAC,IAAA,CAAAf,CAAA,EAAAC,CAAA,OAAAM,CAAA,IAAAD,CAAA,GAAAU,MAAA,CAAAC,cAAA,KAAAD,MAAA,CAAAE,wBAAA,CAAAlB,CAAA,EAAAC,CAAA,OAAAM,CAAA,CAAAK,GAAA,IAAAL,CAAA,CAAAM,GAAA,IAAAP,CAAA,CAAAE,CAAA,EAAAP,CAAA,EAAAM,CAAA,IAAAC,CAAA,CAAAP,CAAA,IAAAD,CAAA,CAAAC,CAAA,WAAAO,CAAA,KAAAR,CAAA,EAAAC,CAAA;AAOnD,SAASkB,2BAA2BA,CACzCC,KAAuC,EACvC;EACA,MAAM;IAAEC,KAAK;IAAEC,QAAQ;IAAE,GAAGC;EAAK,CAAC,GAAGH,KAAK;EAE1C,IAAAI,sBAAe,EAAC,MAAMH,KAAK,CAACI,UAAU,CAAC,CAAC,EAAE,EAAE,CAAC;EAC7C,IAAAC,gBAAS,EAAC,MAAML,KAAK,CAACM,IAAI,CAAC,CAAC,EAAE,EAAE,CAAC;EAEjC,oBACE9B,MAAA,CAAAa,OAAA,CAAAkB,aAAA,CAACjC,aAAA,CAAAkC,GAAG,MAAAC,SAAA,CAAApB,OAAA;IACFqB,GAAG,EAAGC,OAAO,IAAK;MAChBX,KAAK,CAACY,QAAQ,GAAGD,OAAO;MACxBX,KAAK,CAACa,MAAM,GAAGF,OAAO,oBAAPA,OAAO,CAAEG,iBAAmC;IAC7D,CAAE;IACFC,QAAQ,EAAE,CAAE;IACZC,IAAI,EAAE,CAAE;IACRC,KAAK,EAAC,OAAO;IACbC,SAAS,EAAC;EAAY,GAClBhB,IAAI;IAAAiB,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAA3C,YAAA;MAAA4C,UAAA;MAAAC,YAAA;IAAA;EAAA,IAEPtB,QACE,CAAC;AAEV","ignoreList":[]}

package/dist/cjs/components/Responsive/HorizontalOverflowBox.js

@@ -1,34 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-exports.__esModule = true;
-exports.HorizontalOverflowBox = HorizontalOverflowBox;
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var _designSystem = require("@wix/design-system");
-var _react = _interopRequireWildcard(require("react"));
-var _jsxFileName = "/home/builduser/work/843658b9f44192f0/packages/cairo/dist/cjs/components/Responsive/HorizontalOverflowBox.tsx";
-function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
-function HorizontalOverflowBox(props) {
-  const {
-    state,
-    ...rest
-  } = props;
-  (0, _react.useLayoutEffect)(() => state.initLayout(), []);
-  (0, _react.useEffect)(() => state.init(), []);
-  return /*#__PURE__*/_react.default.createElement(_designSystem.Box, (0, _extends2.default)({
-    dataHook: "horizontal-overflow-box",
-    ref: element => {
-      state._element = element;
-    },
-    minWidth: 0,
-    direction: "horizontal"
-  }, rest, {
-    __self: this,
-    __source: {
-      fileName: _jsxFileName,
-      lineNumber: 16,
-      columnNumber: 5
-    }
-  }));
-}
-//# sourceMappingURL=HorizontalOverflowBox.js.map

package/dist/cjs/components/Responsive/HorizontalOverflowBox.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["_designSystem","require","_react","_interopRequireWildcard","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","HorizontalOverflowBox","props","state","rest","useLayoutEffect","initLayout","useEffect","init","createElement","Box","_extends2","dataHook","ref","element","_element","minWidth","direction","__self","__source","fileName","lineNumber","columnNumber"],"sources":["../../../../src/components/Responsive/HorizontalOverflowBox.tsx"],"sourcesContent":["import { Box, BoxProps } from '@wix/design-system';\nimport { HorizontalOverflowState } from '../../state/Responsive/HorizontalOverflowState';\nimport React, { useEffect, useLayoutEffect } from 'react';\n\nexport interface HorizontalOverflowBoxProps extends Partial<BoxProps> {\n  state: HorizontalOverflowState;\n}\n\nexport function HorizontalOverflowBox(props: HorizontalOverflowBoxProps) {\n  const { state, ...rest } = props;\n\n  useLayoutEffect(() => state.initLayout(), []);\n  useEffect(() => state.init(), []);\n\n  return (\n    <Box\n      dataHook=\"horizontal-overflow-box\"\n      ref={(element) => {\n        state._element = element;\n      }}\n      minWidth={0}\n      direction=\"horizontal\"\n      {...rest}\n    />\n  );\n}\n"],"mappings":";;;;;;AAAA,IAAAA,aAAA,GAAAC,OAAA;AAEA,IAAAC,MAAA,GAAAC,uBAAA,CAAAF,OAAA;AAA0D,IAAAG,YAAA;AAAA,SAAAD,wBAAAE,CAAA,EAAAC,CAAA,6BAAAC,OAAA,MAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAJ,uBAAA,YAAAA,CAAAE,CAAA,EAAAC,CAAA,SAAAA,CAAA,IAAAD,CAAA,IAAAA,CAAA,CAAAK,UAAA,SAAAL,CAAA,MAAAM,CAAA,EAAAC,CAAA,EAAAC,CAAA,KAAAC,SAAA,QAAAC,OAAA,EAAAV,CAAA,iBAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,SAAAQ,CAAA,MAAAF,CAAA,GAAAL,CAAA,GAAAG,CAAA,GAAAD,CAAA,QAAAG,CAAA,CAAAK,GAAA,CAAAX,CAAA,UAAAM,CAAA,CAAAM,GAAA,CAAAZ,CAAA,GAAAM,CAAA,CAAAO,GAAA,CAAAb,CAAA,EAAAQ,CAAA,gBAAAP,CAAA,IAAAD,CAAA,gBAAAC,CAAA,OAAAa,cAAA,CAAAC,IAAA,CAAAf,CAAA,EAAAC,CAAA,OAAAM,CAAA,IAAAD,CAAA,GAAAU,MAAA,CAAAC,cAAA,KAAAD,MAAA,CAAAE,wBAAA,CAAAlB,CAAA,EAAAC,CAAA,OAAAM,CAAA,CAAAK,GAAA,IAAAL,CAAA,CAAAM,GAAA,IAAAP,CAAA,CAAAE,CAAA,EAAAP,CAAA,EAAAM,CAAA,IAAAC,CAAA,CAAAP,CAAA,IAAAD,CAAA,CAAAC,CAAA,WAAAO,CAAA,KAAAR,CAAA,EAAAC,CAAA;AAMnD,SAASkB,qBAAqBA,CAACC,KAAiC,EAAE;EACvE,MAAM;IAAEC,KAAK;IAAE,GAAGC;EAAK,CAAC,GAAGF,KAAK;EAEhC,IAAAG,sBAAe,EAAC,MAAMF,KAAK,CAACG,UAAU,CAAC,CAAC,EAAE,EAAE,CAAC;EAC7C,IAAAC,gBAAS,EAAC,MAAMJ,KAAK,CAACK,IAAI,CAAC,CAAC,EAAE,EAAE,CAAC;EAEjC,oBACE7B,MAAA,CAAAa,OAAA,CAAAiB,aAAA,CAAChC,aAAA,CAAAiC,GAAG,MAAAC,SAAA,CAAAnB,OAAA;IACFoB,QAAQ,EAAC,yBAAyB;IAClCC,GAAG,EAAGC,OAAO,IAAK;MAChBX,KAAK,CAACY,QAAQ,GAAGD,OAAO;IAC1B,CAAE;IACFE,QAAQ,EAAE,CAAE;IACZC,SAAS,EAAC;EAAY,GAClBb,IAAI;IAAAc,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAvC,YAAA;MAAAwC,UAAA;MAAAC,YAAA;IAAA;EAAA,EACT,CAAC;AAEN","ignoreList":[]}