@wix/patterns 1.356.0 → 1.358.0

package/dist/cjs/state/CollectionPage/CollectionPageHeader.st.css.js.map

@@ -1 +1 @@
-{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../src/state/CollectionPage/CollectionPageHeader.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"CollectionPageHeader1261547672\";\nvar _style_ = classesRuntime.bind(null, _namespace_);\n\nexport var cssStates = statesRuntime.bind(null, _namespace_);\nexport var style = _style_;\nexport var st: import(\"@stylable/runtime\").STFunction = _style_;\n\nexport var namespace = _namespace_;\nexport var classes = {\"root\":\"CollectionPageHeader1261547672__root\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,gCAAgC;AAClD,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC;AAAsC,CAAC;AAC7D,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../src/state/CollectionPage/CollectionPageHeader.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"CollectionPageHeader626711544\";\nvar _style_ = classesRuntime.bind(null, _namespace_);\n\nexport var cssStates = statesRuntime.bind(null, _namespace_);\nexport var style = _style_;\nexport var st: import(\"@stylable/runtime\").STFunction = _style_;\n\nexport var namespace = _namespace_;\nexport var classes = {\"root\":\"CollectionPageHeader626711544__root\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,+BAA+B;AACjD,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC;AAAqC,CAAC;AAC5D,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG,CAAC,CAAC","ignoreList":[]}

package/dist/cjs/state/FormPage/FormPageHeader.st.css.js

@@ -5,14 +5,14 @@ exports.vars = exports.style = exports.stVars = exports.st = exports.namespace =
 var _stylableEsmRuntime = require("../../stylable-esm-runtime.js");
 // @ts-nocheck
 
-var _namespace_ = "FormPageHeader544963084";
+var _namespace_ = "FormPageHeader2618187567";
 var _style_ = _stylableEsmRuntime.classesRuntime.bind(null, _namespace_);
 var cssStates = exports.cssStates = _stylableEsmRuntime.statesRuntime.bind(null, _namespace_);
 var style = exports.style = _style_;
 var st = exports.st = _style_;
 var namespace = exports.namespace = _namespace_;
 var classes = exports.classes = {
-  "root": "FormPageHeader544963084__root"
+  "root": "FormPageHeader2618187567__root"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/state/FormPage/FormPageHeader.st.css.js.map

@@ -1 +1 @@
-{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../src/state/FormPage/FormPageHeader.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"FormPageHeader544963084\";\nvar _style_ = classesRuntime.bind(null, _namespace_);\n\nexport var cssStates = statesRuntime.bind(null, _namespace_);\nexport var style = _style_;\nexport var st: import(\"@stylable/runtime\").STFunction = _style_;\n\nexport var namespace = _namespace_;\nexport var classes = {\"root\":\"FormPageHeader544963084__root\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,yBAAyB;AAC3C,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC;AAA+B,CAAC;AACtD,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../src/state/FormPage/FormPageHeader.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"FormPageHeader2618187567\";\nvar _style_ = classesRuntime.bind(null, _namespace_);\n\nexport var cssStates = statesRuntime.bind(null, _namespace_);\nexport var style = _style_;\nexport var st: import(\"@stylable/runtime\").STFunction = _style_;\n\nexport var namespace = _namespace_;\nexport var classes = {\"root\":\"FormPageHeader2618187567__root\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,0BAA0B;AAC5C,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC;AAAgC,CAAC;AACvD,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG,CAAC,CAAC","ignoreList":[]}

package/dist/cjs/state/TableGridSwitchFoldersState.js.map

@@ -1 +1 @@
-{"version":3,"names":["_bexCore","require","_GridFoldersState","_TableFoldersState","_mobx","_ToolbarCollectionState","_ViewTypeState","TableGridSwitchFoldersState","constructor","params","_defineProperty2","default","TaskState","container","containerOverrides","tableFoldersState","TableFoldersState","items","folders","toolbar","ToolbarCollectionState","componentType","collection","reportBi","biParams","componentStatus","viewTypeState","viewType","gridFoldersState","GridFoldersState","collections","ViewTypeState","dataCapsule","layoutState","makeObservable","computed","runInAction","init","initTask","runOnce","exports"],"sources":["../../../src/state/TableGridSwitchFoldersState.ts"],"sourcesContent":["import {\n  WixPatternsContainer,\n  WixPatternsContainerParams,\n  CollectionState,\n  FiltersMap,\n  TaskState,\n} from '@wix/bex-core';\nimport { GridFoldersState } from './GridFoldersState';\nimport { TableFoldersState } from './TableFoldersState';\nimport { runInAction, makeObservable, computed } from 'mobx';\nimport { ToolbarCollectionState } from './ToolbarCollectionState';\nimport { PartialAllFilters } from './FoldersAndItemsCollectionsState';\nimport { ViewTypeState } from './ViewTypeState';\nimport { ICollectionComponentState } from './ICollectionComponentState';\n\nexport interface TableGridSwitchStateFoldersParams<\n  T1,\n  F1 extends FiltersMap,\n  T2,\n  F2 extends FiltersMap,\n> {\n  readonly items: CollectionState<T1, F1>;\n  readonly folders: CollectionState<T2, F2>;\n  readonly container: WixPatternsContainer;\n  readonly containerOverrides: Partial<WixPatternsContainerParams>;\n}\ntype ViewType = 'table' | 'grid';\nexport class TableGridSwitchFoldersState<\n  T1,\n  F1 extends FiltersMap,\n  T2,\n  F2 extends FiltersMap,\n> implements ICollectionComponentState\n{\n  readonly container;\n  readonly initTask = new TaskState();\n  readonly containerOverrides: Partial<WixPatternsContainerParams>;\n\n  readonly gridFoldersState: GridFoldersState<T1, F1, T2, F2>;\n  readonly tableFoldersState: TableFoldersState<T1, F1, T2, F2>;\n  readonly viewTypeState: ViewTypeState;\n\n  constructor(params: TableGridSwitchStateFoldersParams<T1, F1, T2, F2>) {\n    this.container = params.container;\n    this.containerOverrides = params.containerOverrides;\n\n    this.tableFoldersState = new TableFoldersState({\n      items: params.items,\n      folders: params.folders,\n      container: this.container,\n      toolbar: new ToolbarCollectionState({\n        componentType: 'TableGridSwitchFolders',\n        collection: params.items as CollectionState<T1, {}> as CollectionState<\n          T1,\n          PartialAllFilters<F1, F2>\n        >,\n        container: params.container,\n        reportBi: (biParams) =>\n          this.container.reportBi({\n            ...biParams,\n            params: {\n              ...biParams.params,\n              componentStatus: this.viewTypeState.viewType,\n            },\n          }),\n      }),\n    });\n\n    this.gridFoldersState = new GridFoldersState({\n      items: params.items,\n      folders: params.folders,\n      container: this.container,\n      toolbar: this.tableFoldersState.toolbar,\n      collections: this.tableFoldersState.collections,\n    });\n\n    this.viewTypeState = new ViewTypeState({\n      container: this.container,\n      dataCapsule: this.toolbar.dataCapsule,\n      componentType: 'TableGridSwitchFolders',\n    });\n\n    this.toolbar.layoutState = this;\n\n    makeObservable(this, {\n      viewType: computed,\n    });\n  }\n\n  get viewType() {\n    return this.viewTypeState.viewType;\n  }\n\n  set viewType(viewType: ViewType) {\n    runInAction(() => {\n      this.viewTypeState.viewType = viewType;\n    });\n  }\n\n  get toolbar() {\n    return this.tableFoldersState.toolbar;\n  }\n\n  init() {\n    this.initTask.runOnce(async () => {\n      await this.viewTypeState.init();\n    });\n  }\n}\n"],"mappings":";;;;;;AAAA,IAAAA,QAAA,GAAAC,OAAA;AAOA,IAAAC,iBAAA,GAAAD,OAAA;AACA,IAAAE,kBAAA,GAAAF,OAAA;AACA,IAAAG,KAAA,GAAAH,OAAA;AACA,IAAAI,uBAAA,GAAAJ,OAAA;AAEA,IAAAK,cAAA,GAAAL,OAAA;AAeO,MAAMM,2BAA2B,CAMxC;EASEC,WAAWA,CAACC,MAAyD,EAAE;IAAA,IAAAC,gBAAA,CAAAC,OAAA;IAAA,IAAAD,gBAAA,CAAAC,OAAA,oBAPnD,IAAIC,kBAAS,CAAC,CAAC;IAAA,IAAAF,gBAAA,CAAAC,OAAA;IAAA,IAAAD,gBAAA,CAAAC,OAAA;IAAA,IAAAD,gBAAA,CAAAC,OAAA;IAAA,IAAAD,gBAAA,CAAAC,OAAA;IAQjC,IAAI,CAACE,SAAS,GAAGJ,MAAM,CAACI,SAAS;IACjC,IAAI,CAACC,kBAAkB,GAAGL,MAAM,CAACK,kBAAkB;IAEnD,IAAI,CAACC,iBAAiB,GAAG,IAAIC,oCAAiB,CAAC;MAC7CC,KAAK,EAAER,MAAM,CAACQ,KAAK;MACnBC,OAAO,EAAET,MAAM,CAACS,OAAO;MACvBL,SAAS,EAAE,IAAI,CAACA,SAAS;MACzBM,OAAO,EAAE,IAAIC,8CAAsB,CAAC;QAClCC,aAAa,EAAE,wBAAwB;QACvCC,UAAU,EAAEb,MAAM,CAACQ,KAGlB;QACDJ,SAAS,EAAEJ,MAAM,CAACI,SAAS;QAC3BU,QAAQ,EAAGC,QAAQ,IACjB,IAAI,CAACX,SAAS,CAACU,QAAQ,CAAC;UACtB,GAAGC,QAAQ;UACXf,MAAM,EAAE;YACN,GAAGe,QAAQ,CAACf,MAAM;YAClBgB,eAAe,EAAE,IAAI,CAACC,aAAa,CAACC;UACtC;QACF,CAAC;MACL,CAAC;IACH,CAAC,CAAC;IAEF,IAAI,CAACC,gBAAgB,GAAG,IAAIC,kCAAgB,CAAC;MAC3CZ,KAAK,EAAER,MAAM,CAACQ,KAAK;MACnBC,OAAO,EAAET,MAAM,CAACS,OAAO;MACvBL,SAAS,EAAE,IAAI,CAACA,SAAS;MACzBM,OAAO,EAAE,IAAI,CAACJ,iBAAiB,CAACI,OAAO;MACvCW,WAAW,EAAE,IAAI,CAACf,iBAAiB,CAACe;IACtC,CAAC,CAAC;IAEF,IAAI,CAACJ,aAAa,GAAG,IAAIK,4BAAa,CAAC;MACrClB,SAAS,EAAE,IAAI,CAACA,SAAS;MACzBmB,WAAW,EAAE,IAAI,CAACb,OAAO,CAACa,WAAW;MACrCX,aAAa,EAAE;IACjB,CAAC,CAAC;IAEF,IAAI,CAACF,OAAO,CAACc,WAAW,GAAG,IAAI;IAE/B,IAAAC,oBAAc,EAAC,IAAI,EAAE;MACnBP,QAAQ,EAAEQ;IACZ,CAAC,CAAC;EACJ;EAEA,IAAIR,QAAQA,CAAA,EAAG;IACb,OAAO,IAAI,CAACD,aAAa,CAACC,QAAQ;EACpC;EAEA,IAAIA,QAAQA,CAACA,QAAkB,EAAE;IAC/B,IAAAS,iBAAW,EAAC,MAAM;MAChB,IAAI,CAACV,aAAa,CAACC,QAAQ,GAAGA,QAAQ;IACxC,CAAC,CAAC;EACJ;EAEA,IAAIR,OAAOA,CAAA,EAAG;IACZ,OAAO,IAAI,CAACJ,iBAAiB,CAACI,OAAO;EACvC;EAEAkB,IAAIA,CAAA,EAAG;IACL,IAAI,CAACC,QAAQ,CAACC,OAAO,CAAC,YAAY;MAChC,MAAM,IAAI,CAACb,aAAa,CAACW,IAAI,CAAC,CAAC;IACjC,CAAC,CAAC;EACJ;AACF;AAACG,OAAA,CAAAjC,2BAAA,GAAAA,2BAAA","ignoreList":[]}
+{"version":3,"names":["_bexCore","require","_GridFoldersState","_TableFoldersState","_mobx","_ToolbarCollectionState","_ViewTypeState","TableGridSwitchFoldersState","constructor","params","_defineProperty2","default","TaskState","container","containerOverrides","tableFoldersState","TableFoldersState","items","folders","toolbar","ToolbarCollectionState","componentType","collection","reportBi","biParams","componentStatus","viewTypeState","viewType","gridFoldersState","GridFoldersState","collections","ViewTypeState","dataCapsule","layoutState","makeObservable","computed","runInAction","init","initTask","runOnce","exports"],"sources":["../../../src/state/TableGridSwitchFoldersState.ts"],"sourcesContent":["import {\n  WixPatternsContainer,\n  WixPatternsContainerParams,\n  CollectionState,\n  FiltersMap,\n  TaskState,\n} from '@wix/bex-core';\nimport { GridFoldersState } from './GridFoldersState';\nimport { TableFoldersState } from './TableFoldersState';\nimport { runInAction, makeObservable, computed } from 'mobx';\nimport { ToolbarCollectionState } from './ToolbarCollectionState';\nimport { PartialAllFilters } from './FoldersAndItemsCollectionsState';\nimport { ViewTypeState, ViewType } from './ViewTypeState';\nimport { ICollectionComponentState } from './ICollectionComponentState';\n\nexport interface TableGridSwitchStateFoldersParams<\n  T1,\n  F1 extends FiltersMap,\n  T2,\n  F2 extends FiltersMap,\n> {\n  readonly items: CollectionState<T1, F1>;\n  readonly folders: CollectionState<T2, F2>;\n  readonly container: WixPatternsContainer;\n  readonly containerOverrides: Partial<WixPatternsContainerParams>;\n}\nexport class TableGridSwitchFoldersState<\n  T1,\n  F1 extends FiltersMap,\n  T2,\n  F2 extends FiltersMap,\n> implements ICollectionComponentState\n{\n  readonly container;\n  readonly initTask = new TaskState();\n  readonly containerOverrides: Partial<WixPatternsContainerParams>;\n\n  readonly gridFoldersState: GridFoldersState<T1, F1, T2, F2>;\n  readonly tableFoldersState: TableFoldersState<T1, F1, T2, F2>;\n  readonly viewTypeState: ViewTypeState;\n\n  constructor(params: TableGridSwitchStateFoldersParams<T1, F1, T2, F2>) {\n    this.container = params.container;\n    this.containerOverrides = params.containerOverrides;\n\n    this.tableFoldersState = new TableFoldersState({\n      items: params.items,\n      folders: params.folders,\n      container: this.container,\n      toolbar: new ToolbarCollectionState({\n        componentType: 'TableGridSwitchFolders',\n        collection: params.items as CollectionState<T1, {}> as CollectionState<\n          T1,\n          PartialAllFilters<F1, F2>\n        >,\n        container: params.container,\n        reportBi: (biParams) =>\n          this.container.reportBi({\n            ...biParams,\n            params: {\n              ...biParams.params,\n              componentStatus: this.viewTypeState.viewType,\n            },\n          }),\n      }),\n    });\n\n    this.gridFoldersState = new GridFoldersState({\n      items: params.items,\n      folders: params.folders,\n      container: this.container,\n      toolbar: this.tableFoldersState.toolbar,\n      collections: this.tableFoldersState.collections,\n    });\n\n    this.viewTypeState = new ViewTypeState({\n      container: this.container,\n      dataCapsule: this.toolbar.dataCapsule,\n      componentType: 'TableGridSwitchFolders',\n    });\n\n    this.toolbar.layoutState = this;\n\n    makeObservable(this, {\n      viewType: computed,\n    });\n  }\n\n  get viewType() {\n    return this.viewTypeState.viewType;\n  }\n\n  set viewType(viewType: ViewType) {\n    runInAction(() => {\n      this.viewTypeState.viewType = viewType;\n    });\n  }\n\n  get toolbar() {\n    return this.tableFoldersState.toolbar;\n  }\n\n  init() {\n    this.initTask.runOnce(async () => {\n      await this.viewTypeState.init();\n    });\n  }\n}\n"],"mappings":";;;;;;AAAA,IAAAA,QAAA,GAAAC,OAAA;AAOA,IAAAC,iBAAA,GAAAD,OAAA;AACA,IAAAE,kBAAA,GAAAF,OAAA;AACA,IAAAG,KAAA,GAAAH,OAAA;AACA,IAAAI,uBAAA,GAAAJ,OAAA;AAEA,IAAAK,cAAA,GAAAL,OAAA;AAcO,MAAMM,2BAA2B,CAMxC;EASEC,WAAWA,CAACC,MAAyD,EAAE;IAAA,IAAAC,gBAAA,CAAAC,OAAA;IAAA,IAAAD,gBAAA,CAAAC,OAAA,oBAPnD,IAAIC,kBAAS,CAAC,CAAC;IAAA,IAAAF,gBAAA,CAAAC,OAAA;IAAA,IAAAD,gBAAA,CAAAC,OAAA;IAAA,IAAAD,gBAAA,CAAAC,OAAA;IAAA,IAAAD,gBAAA,CAAAC,OAAA;IAQjC,IAAI,CAACE,SAAS,GAAGJ,MAAM,CAACI,SAAS;IACjC,IAAI,CAACC,kBAAkB,GAAGL,MAAM,CAACK,kBAAkB;IAEnD,IAAI,CAACC,iBAAiB,GAAG,IAAIC,oCAAiB,CAAC;MAC7CC,KAAK,EAAER,MAAM,CAACQ,KAAK;MACnBC,OAAO,EAAET,MAAM,CAACS,OAAO;MACvBL,SAAS,EAAE,IAAI,CAACA,SAAS;MACzBM,OAAO,EAAE,IAAIC,8CAAsB,CAAC;QAClCC,aAAa,EAAE,wBAAwB;QACvCC,UAAU,EAAEb,MAAM,CAACQ,KAGlB;QACDJ,SAAS,EAAEJ,MAAM,CAACI,SAAS;QAC3BU,QAAQ,EAAGC,QAAQ,IACjB,IAAI,CAACX,SAAS,CAACU,QAAQ,CAAC;UACtB,GAAGC,QAAQ;UACXf,MAAM,EAAE;YACN,GAAGe,QAAQ,CAACf,MAAM;YAClBgB,eAAe,EAAE,IAAI,CAACC,aAAa,CAACC;UACtC;QACF,CAAC;MACL,CAAC;IACH,CAAC,CAAC;IAEF,IAAI,CAACC,gBAAgB,GAAG,IAAIC,kCAAgB,CAAC;MAC3CZ,KAAK,EAAER,MAAM,CAACQ,KAAK;MACnBC,OAAO,EAAET,MAAM,CAACS,OAAO;MACvBL,SAAS,EAAE,IAAI,CAACA,SAAS;MACzBM,OAAO,EAAE,IAAI,CAACJ,iBAAiB,CAACI,OAAO;MACvCW,WAAW,EAAE,IAAI,CAACf,iBAAiB,CAACe;IACtC,CAAC,CAAC;IAEF,IAAI,CAACJ,aAAa,GAAG,IAAIK,4BAAa,CAAC;MACrClB,SAAS,EAAE,IAAI,CAACA,SAAS;MACzBmB,WAAW,EAAE,IAAI,CAACb,OAAO,CAACa,WAAW;MACrCX,aAAa,EAAE;IACjB,CAAC,CAAC;IAEF,IAAI,CAACF,OAAO,CAACc,WAAW,GAAG,IAAI;IAE/B,IAAAC,oBAAc,EAAC,IAAI,EAAE;MACnBP,QAAQ,EAAEQ;IACZ,CAAC,CAAC;EACJ;EAEA,IAAIR,QAAQA,CAAA,EAAG;IACb,OAAO,IAAI,CAACD,aAAa,CAACC,QAAQ;EACpC;EAEA,IAAIA,QAAQA,CAACA,QAAkB,EAAE;IAC/B,IAAAS,iBAAW,EAAC,MAAM;MAChB,IAAI,CAACV,aAAa,CAACC,QAAQ,GAAGA,QAAQ;IACxC,CAAC,CAAC;EACJ;EAEA,IAAIR,OAAOA,CAAA,EAAG;IACZ,OAAO,IAAI,CAACJ,iBAAiB,CAACI,OAAO;EACvC;EAEAkB,IAAIA,CAAA,EAAG;IACL,IAAI,CAACC,QAAQ,CAACC,OAAO,CAAC,YAAY;MAChC,MAAM,IAAI,CAACb,aAAa,CAACW,IAAI,CAAC,CAAC;IACjC,CAAC,CAAC;EACJ;AACF;AAACG,OAAA,CAAAjC,2BAAA,GAAAA,2BAAA","ignoreList":[]}

package/dist/cjs/state/TableGridSwitchState.js.map

@@ -1 +1 @@
-{"version":3,"names":["_bexCore","require","_TableState","_GridState","_mobx","_ToolbarCollectionState","_ViewTypeState","componentType","TableGridSwitchState","constructor","params","_defineProperty2","default","TaskState","container","containerOverrides","collection","tableState","TableState","toolbar","ToolbarCollectionState","reportBi","biParams","componentStatus","viewTypeState","viewType","gridState","GridState","ViewTypeState","dataCapsule","layoutState","makeObservable","computed","runInAction","init","initTask","runOnce","status","promise","exports"],"sources":["../../../src/state/TableGridSwitchState.ts"],"sourcesContent":["import {\n  CollectionState,\n  FiltersMap,\n  TaskState,\n  WixPatternsContainer,\n  WixPatternsContainerParams,\n} from '@wix/bex-core';\nimport { TableState } from './TableState';\nimport { GridState } from './GridState';\nimport { computed, makeObservable, runInAction } from 'mobx';\nimport { ToolbarCollectionState } from './ToolbarCollectionState';\nimport { ViewTypeState } from './ViewTypeState';\nimport { ICollectionComponentState } from './ICollectionComponentState';\n\nexport interface TableGridSwitchStateParams<T, F extends FiltersMap> {\n  readonly collection: CollectionState<T, F>;\n  readonly container: WixPatternsContainer;\n  readonly containerOverrides: Partial<WixPatternsContainerParams>;\n}\ntype ViewType = 'table' | 'grid';\nconst componentType = 'TableGridSwitch';\nexport class TableGridSwitchState<T, F extends FiltersMap>\n  implements ICollectionComponentState\n{\n  collection: CollectionState<T, F>;\n  readonly container;\n  readonly containerOverrides: Partial<WixPatternsContainerParams>;\n  readonly initTask = new TaskState();\n  readonly gridState: GridState<T, F>;\n  readonly tableState: TableState<T, F>;\n  readonly viewTypeState: ViewTypeState;\n\n  constructor(params: TableGridSwitchStateParams<T, F>) {\n    this.container = params.container;\n    this.containerOverrides = params.containerOverrides;\n\n    this.collection = params.collection;\n\n    this.tableState = new TableState({\n      collection: this.collection,\n      container: this.container,\n      toolbar: new ToolbarCollectionState({\n        componentType,\n        collection: this.collection,\n        container: this.container,\n        reportBi: (biParams) =>\n          this.container.reportBi({\n            ...biParams,\n            params: {\n              ...biParams.params,\n              componentStatus: this.viewTypeState.viewType,\n            },\n          }),\n      }),\n    });\n\n    this.gridState = new GridState({\n      collection: this.collection,\n      container: this.container,\n      toolbar: this.tableState.toolbar,\n    });\n\n    this.viewTypeState = new ViewTypeState({\n      container: this.container,\n      dataCapsule: this.toolbar.dataCapsule,\n      componentType,\n      collection: this.collection,\n    });\n\n    this.toolbar.layoutState = this;\n\n    makeObservable(this, {\n      viewType: computed,\n    });\n  }\n\n  get viewType() {\n    return this.viewTypeState.viewType;\n  }\n\n  set viewType(viewType: ViewType) {\n    runInAction(() => {\n      this.viewTypeState.viewType = viewType;\n    });\n  }\n\n  get toolbar() {\n    return this.tableState.toolbar;\n  }\n\n  init() {\n    const { viewTypeState, initTask } = this;\n    viewTypeState.init();\n\n    initTask.runOnce(async () => {\n      viewTypeState.initTask.runOnce();\n\n      await viewTypeState.initTask.status.promise;\n    });\n  }\n}\n"],"mappings":";;;;;;AAAA,IAAAA,QAAA,GAAAC,OAAA;AAOA,IAAAC,WAAA,GAAAD,OAAA;AACA,IAAAE,UAAA,GAAAF,OAAA;AACA,IAAAG,KAAA,GAAAH,OAAA;AACA,IAAAI,uBAAA,GAAAJ,OAAA;AACA,IAAAK,cAAA,GAAAL,OAAA;AASA,MAAMM,aAAa,GAAG,iBAAiB;AAChC,MAAMC,oBAAoB,CAEjC;EASEC,WAAWA,CAACC,MAAwC,EAAE;IAAA,IAAAC,gBAAA,CAAAC,OAAA;IAAA,IAAAD,gBAAA,CAAAC,OAAA;IAAA,IAAAD,gBAAA,CAAAC,OAAA;IAAA,IAAAD,gBAAA,CAAAC,OAAA,oBALlC,IAAIC,kBAAS,CAAC,CAAC;IAAA,IAAAF,gBAAA,CAAAC,OAAA;IAAA,IAAAD,gBAAA,CAAAC,OAAA;IAAA,IAAAD,gBAAA,CAAAC,OAAA;IAMjC,IAAI,CAACE,SAAS,GAAGJ,MAAM,CAACI,SAAS;IACjC,IAAI,CAACC,kBAAkB,GAAGL,MAAM,CAACK,kBAAkB;IAEnD,IAAI,CAACC,UAAU,GAAGN,MAAM,CAACM,UAAU;IAEnC,IAAI,CAACC,UAAU,GAAG,IAAIC,sBAAU,CAAC;MAC/BF,UAAU,EAAE,IAAI,CAACA,UAAU;MAC3BF,SAAS,EAAE,IAAI,CAACA,SAAS;MACzBK,OAAO,EAAE,IAAIC,8CAAsB,CAAC;QAClCb,aAAa;QACbS,UAAU,EAAE,IAAI,CAACA,UAAU;QAC3BF,SAAS,EAAE,IAAI,CAACA,SAAS;QACzBO,QAAQ,EAAGC,QAAQ,IACjB,IAAI,CAACR,SAAS,CAACO,QAAQ,CAAC;UACtB,GAAGC,QAAQ;UACXZ,MAAM,EAAE;YACN,GAAGY,QAAQ,CAACZ,MAAM;YAClBa,eAAe,EAAE,IAAI,CAACC,aAAa,CAACC;UACtC;QACF,CAAC;MACL,CAAC;IACH,CAAC,CAAC;IAEF,IAAI,CAACC,SAAS,GAAG,IAAIC,oBAAS,CAAC;MAC7BX,UAAU,EAAE,IAAI,CAACA,UAAU;MAC3BF,SAAS,EAAE,IAAI,CAACA,SAAS;MACzBK,OAAO,EAAE,IAAI,CAACF,UAAU,CAACE;IAC3B,CAAC,CAAC;IAEF,IAAI,CAACK,aAAa,GAAG,IAAII,4BAAa,CAAC;MACrCd,SAAS,EAAE,IAAI,CAACA,SAAS;MACzBe,WAAW,EAAE,IAAI,CAACV,OAAO,CAACU,WAAW;MACrCtB,aAAa;MACbS,UAAU,EAAE,IAAI,CAACA;IACnB,CAAC,CAAC;IAEF,IAAI,CAACG,OAAO,CAACW,WAAW,GAAG,IAAI;IAE/B,IAAAC,oBAAc,EAAC,IAAI,EAAE;MACnBN,QAAQ,EAAEO;IACZ,CAAC,CAAC;EACJ;EAEA,IAAIP,QAAQA,CAAA,EAAG;IACb,OAAO,IAAI,CAACD,aAAa,CAACC,QAAQ;EACpC;EAEA,IAAIA,QAAQA,CAACA,QAAkB,EAAE;IAC/B,IAAAQ,iBAAW,EAAC,MAAM;MAChB,IAAI,CAACT,aAAa,CAACC,QAAQ,GAAGA,QAAQ;IACxC,CAAC,CAAC;EACJ;EAEA,IAAIN,OAAOA,CAAA,EAAG;IACZ,OAAO,IAAI,CAACF,UAAU,CAACE,OAAO;EAChC;EAEAe,IAAIA,CAAA,EAAG;IACL,MAAM;MAAEV,aAAa;MAAEW;IAAS,CAAC,GAAG,IAAI;IACxCX,aAAa,CAACU,IAAI,CAAC,CAAC;IAEpBC,QAAQ,CAACC,OAAO,CAAC,YAAY;MAC3BZ,aAAa,CAACW,QAAQ,CAACC,OAAO,CAAC,CAAC;MAEhC,MAAMZ,aAAa,CAACW,QAAQ,CAACE,MAAM,CAACC,OAAO;IAC7C,CAAC,CAAC;EACJ;AACF;AAACC,OAAA,CAAA/B,oBAAA,GAAAA,oBAAA","ignoreList":[]}
+{"version":3,"names":["_bexCore","require","_TableState","_GridState","_mobx","_ToolbarCollectionState","_ViewTypeState","componentType","TableGridSwitchState","constructor","params","_defineProperty2","default","TaskState","container","containerOverrides","collection","tableState","TableState","toolbar","ToolbarCollectionState","reportBi","biParams","componentStatus","viewTypeState","viewType","gridState","GridState","ViewTypeState","dataCapsule","layoutState","makeObservable","computed","runInAction","init","initTask","runOnce","status","promise","exports"],"sources":["../../../src/state/TableGridSwitchState.ts"],"sourcesContent":["import {\n  CollectionState,\n  FiltersMap,\n  TaskState,\n  WixPatternsContainer,\n  WixPatternsContainerParams,\n} from '@wix/bex-core';\nimport { TableState } from './TableState';\nimport { GridState } from './GridState';\nimport { computed, makeObservable, runInAction } from 'mobx';\nimport { ToolbarCollectionState } from './ToolbarCollectionState';\nimport { ViewTypeState, ViewType } from './ViewTypeState';\nimport { ICollectionComponentState } from './ICollectionComponentState';\n\nexport interface TableGridSwitchStateParams<T, F extends FiltersMap> {\n  readonly collection: CollectionState<T, F>;\n  readonly container: WixPatternsContainer;\n  readonly containerOverrides: Partial<WixPatternsContainerParams>;\n}\nconst componentType = 'TableGridSwitch';\nexport class TableGridSwitchState<T, F extends FiltersMap>\n  implements ICollectionComponentState\n{\n  collection: CollectionState<T, F>;\n  readonly container;\n  readonly containerOverrides: Partial<WixPatternsContainerParams>;\n  readonly initTask = new TaskState();\n  readonly gridState: GridState<T, F>;\n  readonly tableState: TableState<T, F>;\n  readonly viewTypeState: ViewTypeState;\n\n  constructor(params: TableGridSwitchStateParams<T, F>) {\n    this.container = params.container;\n    this.containerOverrides = params.containerOverrides;\n\n    this.collection = params.collection;\n\n    this.tableState = new TableState({\n      collection: this.collection,\n      container: this.container,\n      toolbar: new ToolbarCollectionState({\n        componentType,\n        collection: this.collection,\n        container: this.container,\n        reportBi: (biParams) =>\n          this.container.reportBi({\n            ...biParams,\n            params: {\n              ...biParams.params,\n              componentStatus: this.viewTypeState.viewType,\n            },\n          }),\n      }),\n    });\n\n    this.gridState = new GridState({\n      collection: this.collection,\n      container: this.container,\n      toolbar: this.tableState.toolbar,\n    });\n\n    this.viewTypeState = new ViewTypeState({\n      container: this.container,\n      dataCapsule: this.toolbar.dataCapsule,\n      componentType,\n      collection: this.collection,\n    });\n\n    this.toolbar.layoutState = this;\n\n    makeObservable(this, {\n      viewType: computed,\n    });\n  }\n\n  get viewType() {\n    return this.viewTypeState.viewType;\n  }\n\n  set viewType(viewType: ViewType) {\n    runInAction(() => {\n      this.viewTypeState.viewType = viewType;\n    });\n  }\n\n  get toolbar() {\n    return this.tableState.toolbar;\n  }\n\n  init() {\n    const { viewTypeState, initTask } = this;\n    viewTypeState.init();\n\n    initTask.runOnce(async () => {\n      viewTypeState.initTask.runOnce();\n\n      await viewTypeState.initTask.status.promise;\n    });\n  }\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/state/Toolbar/ToolbarLeftGroupState.js

@@ -10,54 +10,53 @@ class ToolbarLeftGroupState {
     (0, _defineProperty2.default)(this, "_responsive", void 0);
     (0, _defineProperty2.default)(this, "_getTabsState", void 0);
     (0, _defineProperty2.default)(this, "_element", null);
-    (0, _defineProperty2.default)(this, "_prevWidth", 0);
+    (0, _defineProperty2.default)(this, "_tabsWidthTimeout", null);
     (0, _defineProperty2.default)(this, "mode", void 0);
     (0, _defineProperty2.default)(this, "minWidth", void 0);
-    (0, _defineProperty2.default)(this, "EXPANSION_THRESHOLD", 20);
     (0, _defineProperty2.default)(this, "_handleResize", () => {
       const element = this._element;
       if (!element) {
         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') {
-        var _this$_getTabsState;
-        const tabsState = (_this$_getTabsState = this._getTabsState) == null ? void 0 : _this$_getTabsState.call(this);
-        tabsState == null || tabsState.responsive.setAvailableWidth(width);
+        if (this._tabsWidthTimeout) {
+          clearTimeout(this._tabsWidthTimeout);
+        }
+        this._tabsWidthTimeout = setTimeout(() => {
+          var _this$_getTabsState;
+          this._tabsWidthTimeout = null;
+          if (!this._element) return;
+          const tabsState = (_this$_getTabsState = this._getTabsState) == null ? void 0 : _this$_getTabsState.call(this);
+          tabsState == null || tabsState.responsive.setAvailableWidth(this._element.clientWidth);
+        }, 300);
       }
-      this._prevWidth = width;
+      this._responsive._scheduleRecompute();
     });
     this._responsive = params.responsive;
     this.mode = params.mode;
     this.minWidth = params.minWidth;
     this._getTabsState = params.getTabsState;
   }
+  getExcessWidth() {
+    if (!this._element) {
+      return 0;
+    }
+    return Math.max(0, this._element.clientWidth - this.minWidth);
+  }
   init(element) {
     this._element = null;
-    this._prevWidth = 0;
     if (!element) {
       return () => {};
     }
     this._element = element;
     const disposer = (0, _bexCore.addResizeObserver)(element, this._handleResize);
-    this._handleResize();
     return () => {
       disposer == null || disposer();
+      if (this._tabsWidthTimeout) {
+        clearTimeout(this._tabsWidthTimeout);
+        this._tabsWidthTimeout = null;
+      }
       this._element = null;
-      this._prevWidth = 0;
     };
   }
 }

package/dist/cjs/state/Toolbar/ToolbarLeftGroupState.js.map

@@ -1 +1 @@
-{"version":3,"names":["_bexCore","require","ToolbarLeftGroupState","constructor","params","_defineProperty2","default","element","_element","width","clientWidth","prevWidth","_prevWidth","isAtMinWidth","minWidth","isGrowing","hasSpaceToExpand","EXPANSION_THRESHOLD","_responsive","overflow","_scrollWidth","_clientWidth","_nextToShrink","_shrinkIfNeeded","availableSpace","_nextToExpand","_expandIfNeeded","preCalculatedAvailableSpace","mode","_this$_getTabsState","tabsState","_getTabsState","call","responsive","setAvailableWidth","getTabsState","init","disposer","addResizeObserver","_handleResize","exports"],"sources":["../../../../src/state/Toolbar/ToolbarLeftGroupState.ts"],"sourcesContent":["import { addResizeObserver } from '@wix/bex-core';\nimport type { ToolbarResponsiveState } from './ToolbarResponsiveState';\nimport type { TabsFilterState } from '../../components/TabsFilter/TabsFilterState';\nimport type { FiltersMap } from '@wix/bex-core';\nimport { ToolbarMode } from '../../components/CollectionToolbar/toolbarModeUtils';\n\nexport interface ToolbarLeftGroupStateParams<T, F extends FiltersMap> {\n  readonly responsive: ToolbarResponsiveState;\n  readonly mode: ToolbarMode;\n  readonly minWidth: number;\n  readonly getTabsState?: () => TabsFilterState<T, F> | null | undefined;\n}\n\nexport class ToolbarLeftGroupState<T, F extends FiltersMap> {\n  private readonly _responsive: ToolbarResponsiveState;\n  private readonly _getTabsState?: () =>\n    | TabsFilterState<T, F>\n    | null\n    | undefined;\n\n  private _element: HTMLElement | null = null;\n  private _prevWidth = 0;\n\n  readonly mode: ToolbarMode;\n  readonly minWidth: number;\n\n  private readonly EXPANSION_THRESHOLD = 20;\n\n  constructor(params: ToolbarLeftGroupStateParams<T, F>) {\n    this._responsive = params.responsive;\n    this.mode = params.mode;\n    this.minWidth = params.minWidth;\n    this._getTabsState = params.getTabsState;\n  }\n\n  init(element: HTMLElement | null | undefined): () => void {\n    this._element = null;\n    this._prevWidth = 0;\n\n    if (!element) {\n      return () => {};\n    }\n\n    this._element = element;\n    const disposer = addResizeObserver(element, this._handleResize);\n    this._handleResize();\n\n    return () => {\n      disposer?.();\n      this._element = null;\n      this._prevWidth = 0;\n    };\n  }\n\n  private _handleResize = () => {\n    const element = this._element;\n    if (!element) {\n      return;\n    }\n\n    const width = element.clientWidth;\n    const prevWidth = this._prevWidth;\n    const isAtMinWidth = width <= this.minWidth + 2; // 2px tolerance\n    const isGrowing = width > prevWidth;\n    const hasSpaceToExpand = width > this.minWidth + this.EXPANSION_THRESHOLD;\n\n    if (isAtMinWidth) {\n      this._responsive.overflow._scrollWidth =\n        this._responsive.overflow._clientWidth + 1;\n      this._responsive._nextToShrink._shrinkIfNeeded();\n    } else if (isGrowing && hasSpaceToExpand) {\n      const availableSpace = width - this.minWidth;\n\n      this._responsive._nextToExpand._expandIfNeeded({\n        preCalculatedAvailableSpace: availableSpace,\n      });\n    }\n\n    if (this.mode === 'tabs') {\n      const tabsState = this._getTabsState?.();\n      tabsState?.responsive.setAvailableWidth(width);\n    }\n\n    this._prevWidth = width;\n  };\n}\n"],"mappings":";;;;;;AAAA,IAAAA,QAAA,GAAAC,OAAA;AAaO,MAAMC,qBAAqB,CAA0B;EAe1DC,WAAWA,CAACC,MAAyC,EAAE;IAAA,IAAAC,gBAAA,CAAAC,OAAA;IAAA,IAAAD,gBAAA,CAAAC,OAAA;IAAA,IAAAD,gBAAA,CAAAC,OAAA,oBARhB,IAAI;IAAA,IAAAD,gBAAA,CAAAC,OAAA,sBACtB,CAAC;IAAA,IAAAD,gBAAA,CAAAC,OAAA;IAAA,IAAAD,gBAAA,CAAAC,OAAA;IAAA,IAAAD,gBAAA,CAAAC,OAAA,+BAKiB,EAAE;IAAA,IAAAD,gBAAA,CAAAC,OAAA,yBA4BjB,MAAM;MAC5B,MAAMC,OAAO,GAAG,IAAI,CAACC,QAAQ;MAC7B,IAAI,CAACD,OAAO,EAAE;QACZ;MACF;MAEA,MAAME,KAAK,GAAGF,OAAO,CAACG,WAAW;MACjC,MAAMC,SAAS,GAAG,IAAI,CAACC,UAAU;MACjC,MAAMC,YAAY,GAAGJ,KAAK,IAAI,IAAI,CAACK,QAAQ,GAAG,CAAC,CAAC,CAAC;MACjD,MAAMC,SAAS,GAAGN,KAAK,GAAGE,SAAS;MACnC,MAAMK,gBAAgB,GAAGP,KAAK,GAAG,IAAI,CAACK,QAAQ,GAAG,IAAI,CAACG,mBAAmB;MAEzE,IAAIJ,YAAY,EAAE;QAChB,IAAI,CAACK,WAAW,CAACC,QAAQ,CAACC,YAAY,GACpC,IAAI,CAACF,WAAW,CAACC,QAAQ,CAACE,YAAY,GAAG,CAAC;QAC5C,IAAI,CAACH,WAAW,CAACI,aAAa,CAACC,eAAe,CAAC,CAAC;MAClD,CAAC,MAAM,IAAIR,SAAS,IAAIC,gBAAgB,EAAE;QACxC,MAAMQ,cAAc,GAAGf,KAAK,GAAG,IAAI,CAACK,QAAQ;QAE5C,IAAI,CAACI,WAAW,CAACO,aAAa,CAACC,eAAe,CAAC;UAC7CC,2BAA2B,EAAEH;QAC/B,CAAC,CAAC;MACJ;MAEA,IAAI,IAAI,CAACI,IAAI,KAAK,MAAM,EAAE;QAAA,IAAAC,mBAAA;QACxB,MAAMC,SAAS,IAAAD,mBAAA,GAAG,IAAI,CAACE,aAAa,qBAAlBF,mBAAA,CAAAG,IAAA,KAAqB,CAAC;QACxCF,SAAS,YAATA,SAAS,CAAEG,UAAU,CAACC,iBAAiB,CAACzB,KAAK,CAAC;MAChD;MAEA,IAAI,CAACG,UAAU,GAAGH,KAAK;IACzB,CAAC;IAvDC,IAAI,CAACS,WAAW,GAAGd,MAAM,CAAC6B,UAAU;IACpC,IAAI,CAACL,IAAI,GAAGxB,MAAM,CAACwB,IAAI;IACvB,IAAI,CAACd,QAAQ,GAAGV,MAAM,CAACU,QAAQ;IAC/B,IAAI,CAACiB,aAAa,GAAG3B,MAAM,CAAC+B,YAAY;EAC1C;EAEAC,IAAIA,CAAC7B,OAAuC,EAAc;IACxD,IAAI,CAACC,QAAQ,GAAG,IAAI;IACpB,IAAI,CAACI,UAAU,GAAG,CAAC;IAEnB,IAAI,CAACL,OAAO,EAAE;MACZ,OAAO,MAAM,CAAC,CAAC;IACjB;IAEA,IAAI,CAACC,QAAQ,GAAGD,OAAO;IACvB,MAAM8B,QAAQ,GAAG,IAAAC,0BAAiB,EAAC/B,OAAO,EAAE,IAAI,CAACgC,aAAa,CAAC;IAC/D,IAAI,CAACA,aAAa,CAAC,CAAC;IAEpB,OAAO,MAAM;MACXF,QAAQ,YAARA,QAAQ,CAAG,CAAC;MACZ,IAAI,CAAC7B,QAAQ,GAAG,IAAI;MACpB,IAAI,CAACI,UAAU,GAAG,CAAC;IACrB,CAAC;EACH;AAiCF;AAAC4B,OAAA,CAAAtC,qBAAA,GAAAA,qBAAA","ignoreList":[]}
+{"version":3,"names":["_bexCore","require","ToolbarLeftGroupState","constructor","params","_defineProperty2","default","element","_element","mode","_tabsWidthTimeout","clearTimeout","setTimeout","_this$_getTabsState","tabsState","_getTabsState","call","responsive","setAvailableWidth","clientWidth","_responsive","_scheduleRecompute","minWidth","getTabsState","getExcessWidth","Math","max","init","disposer","addResizeObserver","_handleResize","exports"],"sources":["../../../../src/state/Toolbar/ToolbarLeftGroupState.ts"],"sourcesContent":["import { addResizeObserver } from '@wix/bex-core';\nimport type { ToolbarResponsiveState } from './ToolbarResponsiveState';\nimport type { TabsFilterState } from '../../components/TabsFilter/TabsFilterState';\nimport type { FiltersMap } from '@wix/bex-core';\nimport { ToolbarMode } from '../../components/CollectionToolbar/toolbarModeUtils';\n\nexport interface ToolbarLeftGroupStateParams<T, F extends FiltersMap> {\n  readonly responsive: ToolbarResponsiveState;\n  readonly mode: ToolbarMode;\n  readonly minWidth: number;\n  readonly getTabsState?: () => TabsFilterState<T, F> | null | undefined;\n}\n\nexport class ToolbarLeftGroupState<T, F extends FiltersMap> {\n  private readonly _responsive: ToolbarResponsiveState;\n  private readonly _getTabsState?: () =>\n    | TabsFilterState<T, F>\n    | null\n    | undefined;\n\n  private _element: HTMLElement | null = null;\n  private _tabsWidthTimeout: ReturnType<typeof setTimeout> | null = null;\n\n  readonly mode: ToolbarMode;\n  readonly minWidth: number;\n\n  constructor(params: ToolbarLeftGroupStateParams<T, F>) {\n    this._responsive = params.responsive;\n    this.mode = params.mode;\n    this.minWidth = params.minWidth;\n    this._getTabsState = params.getTabsState;\n  }\n\n  getExcessWidth(): number {\n    if (!this._element) {\n      return 0;\n    }\n    return Math.max(0, this._element.clientWidth - this.minWidth);\n  }\n\n  init(element: HTMLElement | null | undefined): () => void {\n    this._element = null;\n\n    if (!element) {\n      return () => {};\n    }\n\n    this._element = element;\n    const disposer = addResizeObserver(element, this._handleResize);\n\n    return () => {\n      disposer?.();\n      if (this._tabsWidthTimeout) {\n        clearTimeout(this._tabsWidthTimeout);\n        this._tabsWidthTimeout = null;\n      }\n      this._element = null;\n    };\n  }\n\n  private _handleResize = () => {\n    const element = this._element;\n    if (!element) {\n      return;\n    }\n\n    if (this.mode === 'tabs') {\n      if (this._tabsWidthTimeout) {\n        clearTimeout(this._tabsWidthTimeout);\n      }\n      this._tabsWidthTimeout = setTimeout(() => {\n        this._tabsWidthTimeout = null;\n        if (!this._element) return;\n        const tabsState = this._getTabsState?.();\n        tabsState?.responsive.setAvailableWidth(this._element.clientWidth);\n      }, 300);\n    }\n\n    this._responsive._scheduleRecompute();\n  };\n}\n"],"mappings":";;;;;;AAAA,IAAAA,QAAA,GAAAC,OAAA;AAaO,MAAMC,qBAAqB,CAA0B;EAa1DC,WAAWA,CAACC,MAAyC,EAAE;IAAA,IAAAC,gBAAA,CAAAC,OAAA;IAAA,IAAAD,gBAAA,CAAAC,OAAA;IAAA,IAAAD,gBAAA,CAAAC,OAAA,oBANhB,IAAI;IAAA,IAAAD,gBAAA,CAAAC,OAAA,6BACuB,IAAI;IAAA,IAAAD,gBAAA,CAAAC,OAAA;IAAA,IAAAD,gBAAA,CAAAC,OAAA;IAAA,IAAAD,gBAAA,CAAAC,OAAA,yBAuC9C,MAAM;MAC5B,MAAMC,OAAO,GAAG,IAAI,CAACC,QAAQ;MAC7B,IAAI,CAACD,OAAO,EAAE;QACZ;MACF;MAEA,IAAI,IAAI,CAACE,IAAI,KAAK,MAAM,EAAE;QACxB,IAAI,IAAI,CAACC,iBAAiB,EAAE;UAC1BC,YAAY,CAAC,IAAI,CAACD,iBAAiB,CAAC;QACtC;QACA,IAAI,CAACA,iBAAiB,GAAGE,UAAU,CAAC,MAAM;UAAA,IAAAC,mBAAA;UACxC,IAAI,CAACH,iBAAiB,GAAG,IAAI;UAC7B,IAAI,CAAC,IAAI,CAACF,QAAQ,EAAE;UACpB,MAAMM,SAAS,IAAAD,mBAAA,GAAG,IAAI,CAACE,aAAa,qBAAlBF,mBAAA,CAAAG,IAAA,KAAqB,CAAC;UACxCF,SAAS,YAATA,SAAS,CAAEG,UAAU,CAACC,iBAAiB,CAAC,IAAI,CAACV,QAAQ,CAACW,WAAW,CAAC;QACpE,CAAC,EAAE,GAAG,CAAC;MACT;MAEA,IAAI,CAACC,WAAW,CAACC,kBAAkB,CAAC,CAAC;IACvC,CAAC;IApDC,IAAI,CAACD,WAAW,GAAGhB,MAAM,CAACa,UAAU;IACpC,IAAI,CAACR,IAAI,GAAGL,MAAM,CAACK,IAAI;IACvB,IAAI,CAACa,QAAQ,GAAGlB,MAAM,CAACkB,QAAQ;IAC/B,IAAI,CAACP,aAAa,GAAGX,MAAM,CAACmB,YAAY;EAC1C;EAEAC,cAAcA,CAAA,EAAW;IACvB,IAAI,CAAC,IAAI,CAAChB,QAAQ,EAAE;MAClB,OAAO,CAAC;IACV;IACA,OAAOiB,IAAI,CAACC,GAAG,CAAC,CAAC,EAAE,IAAI,CAAClB,QAAQ,CAACW,WAAW,GAAG,IAAI,CAACG,QAAQ,CAAC;EAC/D;EAEAK,IAAIA,CAACpB,OAAuC,EAAc;IACxD,IAAI,CAACC,QAAQ,GAAG,IAAI;IAEpB,IAAI,CAACD,OAAO,EAAE;MACZ,OAAO,MAAM,CAAC,CAAC;IACjB;IAEA,IAAI,CAACC,QAAQ,GAAGD,OAAO;IACvB,MAAMqB,QAAQ,GAAG,IAAAC,0BAAiB,EAACtB,OAAO,EAAE,IAAI,CAACuB,aAAa,CAAC;IAE/D,OAAO,MAAM;MACXF,QAAQ,YAARA,QAAQ,CAAG,CAAC;MACZ,IAAI,IAAI,CAAClB,iBAAiB,EAAE;QAC1BC,YAAY,CAAC,IAAI,CAACD,iBAAiB,CAAC;QACpC,IAAI,CAACA,iBAAiB,GAAG,IAAI;MAC/B;MACA,IAAI,CAACF,QAAQ,GAAG,IAAI;IACtB,CAAC;EACH;AAsBF;AAACuB,OAAA,CAAA7B,qBAAA,GAAAA,qBAAA","ignoreList":[]}

package/dist/cjs/state/Toolbar/ToolbarResponsivePriorityState.js

@@ -8,25 +8,16 @@ var _mobx = require("mobx");
 class ToolbarResponsivePriorityState {
   constructor(params) {
     (0, _defineProperty2.default)(this, "responsive", void 0);
-    (0, _defineProperty2.default)(this, "getNextToShrink", void 0);
-    (0, _defineProperty2.default)(this, "getNextToExpand", void 0);
-    (0, _defineProperty2.default)(this, "_count", void 0);
-    (0, _defineProperty2.default)(this, "_minWidth", void 0);
-    (0, _defineProperty2.default)(this, "_collapsedWidth", void 0);
+    (0, _defineProperty2.default)(this, "expandedWidth", void 0);
+    (0, _defineProperty2.default)(this, "collapsedWidth", void 0);
     (0, _defineProperty2.default)(this, "_shouldShrink", false);
     (0, _defineProperty2.default)(this, "_groupElement", null);
-    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;
     (0, _mobx.makeObservable)(this, {
-      _minWidth: _mobx.observable.ref,
       _shouldShrink: _mobx.observable.ref,
-      _syncWidth: _mobx.action,
-      _expandIfNeeded: _mobx.action,
-      _shrinkIfNeeded: _mobx.action
+      _syncWidth: _mobx.action
     });
   }
   _syncWidth() {
@@ -41,67 +32,13 @@ class ToolbarResponsivePriorityState {
     if (!_groupElement) {
       return;
     }
+    const measured = _groupElement.scrollWidth;
     if (_shouldShrink) {
-      this._collapsedWidth = _groupElement.scrollWidth;
+      this.collapsedWidth = measured;
     } else {
-      this._minWidth = _groupElement.scrollWidth;
+      this.expandedWidth = measured;
     }
-  }
-  _expandIfNeeded({
-    preCalculatedAvailableSpace
-  } = {}) {
-    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._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();
   }
 }
 exports.ToolbarResponsivePriorityState = ToolbarResponsivePriorityState;

package/dist/cjs/state/Toolbar/ToolbarResponsivePriorityState.js.map

@@ -1 +1 @@
-{"version":3,"names":["_mobx","require","ToolbarResponsivePriorityState","constructor","params","_defineProperty2","default","_count","count","_minWidth","minWidth","_collapsedWidth","responsive","getNextToShrink","getNextToExpand","makeObservable","observable","ref","_shouldShrink","_syncWidth","action","_expandIfNeeded","_shrinkIfNeeded","_groupElement","responsiveDisabled","scrollWidth","preCalculatedAvailableSpace","_nextToExpand","actionsAvailableSpace","available","_expandCooldown","_nextToShrink","_syncThrottled","spaceUsed","availableAfterExpand","overflow","_isOverflowing","window","requestAnimationFrame","exports"],"sources":["../../../../src/state/Toolbar/ToolbarResponsivePriorityState.ts"],"sourcesContent":["import { ToolbarResponsiveState } from './ToolbarResponsiveState';\nimport { action, makeObservable, observable } from 'mobx';\n\nexport interface ToolbarResponsivePriorityStateParams {\n  responsive: ToolbarResponsiveState;\n  getNextToShrink: () => ToolbarResponsivePriorityState;\n  getNextToExpand: () => ToolbarResponsivePriorityState;\n  count: number;\n  minWidth?: number;\n}\n\nexport class ToolbarResponsivePriorityState {\n  readonly responsive: ToolbarResponsiveState;\n  getNextToShrink: () => ToolbarResponsivePriorityState;\n  getNextToExpand: () => ToolbarResponsivePriorityState;\n  readonly _count: number;\n\n  _minWidth: number;\n  _collapsedWidth: number;\n\n  _shouldShrink = false;\n\n  _groupElement: HTMLElement | null = null;\n\n  constructor(params: ToolbarResponsivePriorityStateParams) {\n    this._count = params.count;\n\n    this._minWidth = params.minWidth ?? 0;\n    this._collapsedWidth = params.minWidth ?? 0;\n\n    this.responsive = params.responsive;\n    this.getNextToShrink = params.getNextToShrink;\n    this.getNextToExpand = params.getNextToExpand;\n\n    makeObservable(this, {\n      _minWidth: observable.ref,\n      _shouldShrink: observable.ref,\n      _syncWidth: action,\n      _expandIfNeeded: action,\n      _shrinkIfNeeded: action,\n    });\n  }\n\n  _syncWidth() {\n    const { _groupElement, _shouldShrink, responsive } = this;\n    if (responsive.responsiveDisabled) {\n      return;\n    }\n    if (!_groupElement) {\n      return;\n    }\n    if (_shouldShrink) {\n      this._collapsedWidth = _groupElement.scrollWidth;\n    } else {\n      this._minWidth = _groupElement.scrollWidth;\n    }\n  }\n\n  _expandIfNeeded({\n    preCalculatedAvailableSpace,\n  }: {\n    preCalculatedAvailableSpace?: number;\n  } = {}) {\n    const { responsive, _collapsedWidth } = this;\n\n    const {\n      _nextToExpand,\n      actionsAvailableSpace: { available },\n    } = responsive;\n\n    if (responsive._expandCooldown) {\n      return;\n    }\n\n    if (\n      _nextToExpand !== this ||\n      (preCalculatedAvailableSpace ?? available) + _collapsedWidth <=\n        this._minWidth ||\n      !this._shouldShrink\n    ) {\n      return;\n    }\n\n    this._shouldShrink = false;\n    responsive._nextToExpand = _nextToExpand.getNextToExpand();\n    responsive._nextToShrink = this;\n    responsive.actionsAvailableSpace._syncThrottled();\n\n    const spaceUsed = this._minWidth - _collapsedWidth;\n    const availableAfterExpand =\n      (preCalculatedAvailableSpace ?? available) - spaceUsed;\n    if (availableAfterExpand > 0) {\n      responsive._nextToExpand._expandIfNeeded({\n        preCalculatedAvailableSpace: availableAfterExpand,\n      });\n    }\n  }\n\n  _shrinkIfNeeded() {\n    const { responsive } = this;\n\n    const { _nextToShrink, overflow } = responsive;\n\n    if (\n      _nextToShrink !== this ||\n      !overflow._isOverflowing ||\n      this._shouldShrink\n    ) {\n      return;\n    }\n\n    this._shouldShrink = true;\n    responsive._nextToShrink = _nextToShrink.getNextToShrink();\n    responsive._nextToExpand = this;\n\n    // Double rAF ensures the shrink is fully painted before allowing expansion.\n    // Single rAF can cause flickering because layout may not be settled yet.\n    responsive._expandCooldown = true;\n    window.requestAnimationFrame(() => {\n      window.requestAnimationFrame(() => {\n        responsive._expandCooldown = false;\n      });\n    });\n\n    responsive.overflow._syncThrottled();\n  }\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_mobx","require","ToolbarResponsivePriorityState","constructor","params","_defineProperty2","default","expandedWidth","collapsedWidth","responsive","makeObservable","_shouldShrink","observable","ref","_syncWidth","action","_groupElement","responsiveDisabled","measured","scrollWidth","_scheduleRecompute","exports"],"sources":["../../../../src/state/Toolbar/ToolbarResponsivePriorityState.ts"],"sourcesContent":["import { ToolbarResponsiveState } from './ToolbarResponsiveState';\nimport { action, makeObservable, observable } from 'mobx';\n\nexport interface ToolbarResponsivePriorityStateParams {\n  responsive: ToolbarResponsiveState;\n  expandedWidth?: number;\n  collapsedWidth?: number;\n}\n\nexport class ToolbarResponsivePriorityState {\n  readonly responsive: ToolbarResponsiveState;\n\n  expandedWidth: number;\n  collapsedWidth: number;\n\n  _shouldShrink = false;\n\n  _groupElement: HTMLElement | null = null;\n\n  constructor(params: ToolbarResponsivePriorityStateParams) {\n    this.expandedWidth = params.expandedWidth ?? 0;\n    this.collapsedWidth = params.collapsedWidth ?? 0;\n\n    this.responsive = params.responsive;\n\n    makeObservable(this, {\n      _shouldShrink: observable.ref,\n      _syncWidth: action,\n    });\n  }\n\n  _syncWidth() {\n    const { _groupElement, _shouldShrink, responsive } = this;\n    if (responsive.responsiveDisabled) {\n      return;\n    }\n    if (!_groupElement) {\n      return;\n    }\n    const measured = _groupElement.scrollWidth;\n    if (_shouldShrink) {\n      this.collapsedWidth = measured;\n    } else {\n      this.expandedWidth = measured;\n    }\n    responsive._scheduleRecompute();\n  }\n}\n"],"mappings":";;;;;;AACA,IAAAA,KAAA,GAAAC,OAAA;AAQO,MAAMC,8BAA8B,CAAC;EAU1CC,WAAWA,CAACC,MAA4C,EAAE;IAAA,IAAAC,gBAAA,CAAAC,OAAA;IAAA,IAAAD,gBAAA,CAAAC,OAAA;IAAA,IAAAD,gBAAA,CAAAC,OAAA;IAAA,IAAAD,gBAAA,CAAAC,OAAA,yBAJ1C,KAAK;IAAA,IAAAD,gBAAA,CAAAC,OAAA,yBAEe,IAAI;IAGtC,IAAI,CAACC,aAAa,GAAGH,MAAM,CAACG,aAAa,IAAI,CAAC;IAC9C,IAAI,CAACC,cAAc,GAAGJ,MAAM,CAACI,cAAc,IAAI,CAAC;IAEhD,IAAI,CAACC,UAAU,GAAGL,MAAM,CAACK,UAAU;IAEnC,IAAAC,oBAAc,EAAC,IAAI,EAAE;MACnBC,aAAa,EAAEC,gBAAU,CAACC,GAAG;MAC7BC,UAAU,EAAEC;IACd,CAAC,CAAC;EACJ;EAEAD,UAAUA,CAAA,EAAG;IACX,MAAM;MAAEE,aAAa;MAAEL,aAAa;MAAEF;IAAW,CAAC,GAAG,IAAI;IACzD,IAAIA,UAAU,CAACQ,kBAAkB,EAAE;MACjC;IACF;IACA,IAAI,CAACD,aAAa,EAAE;MAClB;IACF;IACA,MAAME,QAAQ,GAAGF,aAAa,CAACG,WAAW;IAC1C,IAAIR,aAAa,EAAE;MACjB,IAAI,CAACH,cAAc,GAAGU,QAAQ;IAChC,CAAC,MAAM;MACL,IAAI,CAACX,aAAa,GAAGW,QAAQ;IAC/B;IACAT,UAAU,CAACW,kBAAkB,CAAC,CAAC;EACjC;AACF;AAACC,OAAA,CAAAnB,8BAAA,GAAAA,8BAAA","ignoreList":[]}

package/dist/cjs/state/Toolbar/ToolbarResponsiveState.js

@@ -6,9 +6,14 @@ exports.ToolbarResponsiveState = void 0;
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _bexCore = require("@wix/bex-core");
 var _mobx = require("mobx");
-var _HorizontalSpaceAvailableState = require("../Responsive/HorizontalSpaceAvailableState");
 var _ToolbarResponsivePriorityState = require("./ToolbarResponsivePriorityState");
-var _HorizontalOverflowState = require("../Responsive/HorizontalOverflowState");
+var _computeResponsiveTargetState = require("./computeResponsiveTargetState");
+var _toolbarResponsiveConstants = require("./toolbarResponsiveConstants");
+// 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;
 class ToolbarResponsiveState {
   get container() {
     return this.toolbar.toolbar.container;
@@ -17,45 +22,29 @@ class ToolbarResponsiveState {
     (0, _defineProperty2.default)(this, "actions", void 0);
     (0, _defineProperty2.default)(this, "search", void 0);
     (0, _defineProperty2.default)(this, "filters", void 0);
-    (0, _defineProperty2.default)(this, "_nextToShrink", void 0);
-    (0, _defineProperty2.default)(this, "_nextToExpand", void 0);
-    (0, _defineProperty2.default)(this, "_expandCooldown", false);
-    (0, _defineProperty2.default)(this, "actionsAvailableSpace", void 0);
-    (0, _defineProperty2.default)(this, "overflow", void 0);
+    (0, _defineProperty2.default)(this, "_groups", void 0);
+    (0, _defineProperty2.default)(this, "_measurementElement", null);
+    (0, _defineProperty2.default)(this, "_contentElement", null);
     (0, _defineProperty2.default)(this, "toolbar", void 0);
     (0, _defineProperty2.default)(this, "leftGroupState", null);
+    (0, _defineProperty2.default)(this, "_recomputeThrottled", void 0);
+    (0, _defineProperty2.default)(this, "_rafId", 0);
     this.toolbar = params.toolbar;
-    this.overflow = new _HorizontalOverflowState.HorizontalOverflowState({
-      state: this
-    });
     this.actions = new _ToolbarResponsivePriorityState.ToolbarResponsivePriorityState({
-      responsive: this,
-      getNextToShrink: () => this.filters,
-      getNextToExpand: () => this.actions,
-      count: 1
+      responsive: this
     });
     this.filters = new _ToolbarResponsivePriorityState.ToolbarResponsivePriorityState({
-      responsive: this,
-      getNextToShrink: () => this.search,
-      getNextToExpand: () => this.actions,
-      count: 2
+      responsive: this
     });
     this.search = new _ToolbarResponsivePriorityState.ToolbarResponsivePriorityState({
       responsive: this,
-      getNextToShrink: () => this.search,
-      getNextToExpand: () => this.filters,
-      count: 3,
-      minWidth: 140
-    });
-    this._nextToShrink = this.actions;
-    this._nextToExpand = this.actions;
-    this.actionsAvailableSpace = new _HorizontalSpaceAvailableState.HorizontalSpaceAvailableState({
-      state: this
+      expandedWidth: _toolbarResponsiveConstants.SEARCH_EXPANDED_WIDTH,
+      collapsedWidth: _toolbarResponsiveConstants.SEARCH_COLLAPSED_WIDTH
     });
+    this._groups = [this.actions, this.filters, this.search];
     (0, _mobx.makeObservable)(this, {
-      _nextToShrink: _mobx.observable.ref,
-      _nextToExpand: _mobx.observable.ref,
-      responsiveDisabled: _mobx.computed
+      responsiveDisabled: _mobx.computed,
+      _applyTargetState: _mobx.action
     });
   }
   get responsiveDisabled() {
@@ -71,33 +60,76 @@ class ToolbarResponsiveState {
     } = this;
     return !(_syncedProps != null && _syncedProps.useResponsiveLayout) || !(internalExperiments != null && internalExperiments.enabled('specs.cairo.EnableResponsiveToolbar11420'));
   }
+  _scheduleRecompute() {
+    var _this$_recomputeThrot;
+    if (this.responsiveDisabled) {
+      return;
+    }
+    (_this$_recomputeThrot = this._recomputeThrottled) == null || _this$_recomputeThrot.call(this);
+  }
+  _computeResponsiveInput() {
+    var _this$leftGroupState;
+    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 = this.leftGroupState) == null ? void 0 : _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 = (0, _computeResponsiveTargetState.computeResponsiveTargetState)({
+      ...input,
+      expandThresholdBuffer: EXPAND_THRESHOLD_BUFFER
+    });
+    this._groups.forEach((g, i) => {
+      g._shouldShrink = result[i].shouldShrink;
+    });
+  }
   init() {
     const {
-      toolbar: {
-        toolbar
-      },
-      overflow,
-      actionsAvailableSpace,
       responsiveDisabled
     } = this;
     if (responsiveDisabled) {
-      return;
+      return () => {};
+    }
+    this._recomputeThrottled = this.container.lodash.throttle(() => {
+      this._rafId = window.requestAnimationFrame(() => {
+        (0, _mobx.runInAction)(() => this._applyTargetState());
+      });
+    }, 200);
+    const containerEl = this.toolbar.toolbar.toolbarRect.element;
+    if (!containerEl) {
+      return () => {
+        var _this$_recomputeThrot2;
+        (_this$_recomputeThrot2 = this._recomputeThrottled) == null || _this$_recomputeThrot2.cancel();
+      };
     }
-    const disposers = [(0, _bexCore.addResizeObserver)(toolbar.toolbarRect.element, actionsAvailableSpace._syncThrottled), (0, _mobx.reaction)(() => ({
-      _isOverflowing: overflow._isOverflowing,
-      _scrollWidth: overflow._scrollWidth,
-      _clientWidth: overflow._clientWidth
-    }), () => {
-      this._nextToShrink._shrinkIfNeeded();
-    }, {
-      fireImmediately: true
-    }), (0, _mobx.reaction)(() => actionsAvailableSpace.available, () => {
-      this._nextToExpand._expandIfNeeded();
-    }, {
-      fireImmediately: true
-    })];
+    const disposers = [(0, _bexCore.addResizeObserver)(containerEl, this._recomputeThrottled)];
     return () => {
+      var _this$_recomputeThrot3;
       disposers.forEach(d => d == null ? void 0 : d());
+      (_this$_recomputeThrot3 = this._recomputeThrottled) == null || _this$_recomputeThrot3.cancel();
+      cancelAnimationFrame(this._rafId);
     };
   }
 }

package/dist/cjs/state/Toolbar/ToolbarResponsiveState.js.map

@@ -1 +1 @@
-{"version":3,"names":["_bexCore","require","_mobx","_HorizontalSpaceAvailableState","_ToolbarResponsivePriorityState","_HorizontalOverflowState","ToolbarResponsiveState","container","toolbar","constructor","params","_defineProperty2","default","overflow","HorizontalOverflowState","state","actions","ToolbarResponsivePriorityState","responsive","getNextToShrink","filters","getNextToExpand","count","search","minWidth","_nextToShrink","_nextToExpand","actionsAvailableSpace","HorizontalSpaceAvailableState","makeObservable","observable","ref","responsiveDisabled","computed","_syncedProps","internalExperiments","useResponsiveLayout","enabled","init","disposers","addResizeObserver","toolbarRect","element","_syncThrottled","reaction","_isOverflowing","_scrollWidth","_clientWidth","_shrinkIfNeeded","fireImmediately","available","_expandIfNeeded","forEach","d","exports"],"sources":["../../../../src/state/Toolbar/ToolbarResponsiveState.ts"],"sourcesContent":["import { addResizeObserver } from '@wix/bex-core';\nimport { computed, makeObservable, observable, reaction } from 'mobx';\nimport { HorizontalSpaceAvailableState } from '../Responsive/HorizontalSpaceAvailableState';\nimport { ToolbarResponsivePriorityState } from './ToolbarResponsivePriorityState';\nimport { HorizontalOverflowState } from '../Responsive/HorizontalOverflowState';\nimport { ToolbarState } from '../../components/CollectionToolbars/ToolbarState';\nimport { ToolbarLeftGroupState } from './ToolbarLeftGroupState';\n\nexport interface ToolbarResponsiveStateParams {\n  readonly toolbar: ToolbarState<any, any>;\n}\n\nexport class ToolbarResponsiveState {\n  readonly actions: ToolbarResponsivePriorityState;\n  readonly search: ToolbarResponsivePriorityState;\n  readonly filters: ToolbarResponsivePriorityState;\n\n  _nextToShrink: ToolbarResponsivePriorityState;\n  _nextToExpand: ToolbarResponsivePriorityState;\n\n  _expandCooldown = false;\n\n  readonly actionsAvailableSpace: HorizontalSpaceAvailableState;\n  readonly overflow: HorizontalOverflowState;\n\n  readonly toolbar: ToolbarState<any, any>;\n\n  leftGroupState: ToolbarLeftGroupState<any, any> | null = null;\n\n  get container() {\n    return this.toolbar.toolbar.container;\n  }\n\n  constructor(params: ToolbarResponsiveStateParams) {\n    this.toolbar = params.toolbar;\n\n    this.overflow = new HorizontalOverflowState({\n      state: this,\n    });\n\n    this.actions = new ToolbarResponsivePriorityState({\n      responsive: this,\n      getNextToShrink: () => this.filters,\n      getNextToExpand: () => this.actions,\n      count: 1,\n    });\n\n    this.filters = new ToolbarResponsivePriorityState({\n      responsive: this,\n      getNextToShrink: () => this.search,\n      getNextToExpand: () => this.actions,\n      count: 2,\n    });\n\n    this.search = new ToolbarResponsivePriorityState({\n      responsive: this,\n      getNextToShrink: () => this.search,\n      getNextToExpand: () => this.filters,\n      count: 3,\n      minWidth: 140,\n    });\n\n    this._nextToShrink = this.actions;\n    this._nextToExpand = this.actions;\n\n    this.actionsAvailableSpace = new HorizontalSpaceAvailableState({\n      state: this,\n    });\n\n    makeObservable(this, {\n      _nextToShrink: observable.ref,\n      _nextToExpand: observable.ref,\n      responsiveDisabled: computed,\n    });\n  }\n\n  get responsiveDisabled() {\n    const {\n      toolbar: {\n        toolbar: { _syncedProps },\n      },\n      container: { internalExperiments },\n    } = this;\n\n    return (\n      !_syncedProps?.useResponsiveLayout ||\n      !internalExperiments?.enabled('specs.cairo.EnableResponsiveToolbar11420')\n    );\n  }\n\n  init() {\n    const {\n      toolbar: { toolbar },\n      overflow,\n      actionsAvailableSpace,\n      responsiveDisabled,\n    } = this;\n\n    if (responsiveDisabled) {\n      return;\n    }\n\n    const disposers = [\n      addResizeObserver(\n        toolbar.toolbarRect.element,\n        actionsAvailableSpace._syncThrottled,\n      ),\n      reaction(\n        () => ({\n          _isOverflowing: overflow._isOverflowing,\n          _scrollWidth: overflow._scrollWidth,\n          _clientWidth: overflow._clientWidth,\n        }),\n        () => {\n          this._nextToShrink._shrinkIfNeeded();\n        },\n        {\n          fireImmediately: true,\n        },\n      ),\n      reaction(\n        () => actionsAvailableSpace.available,\n        () => {\n          this._nextToExpand._expandIfNeeded();\n        },\n        {\n          fireImmediately: true,\n        },\n      ),\n    ];\n\n    return () => {\n      disposers.forEach((d) => d?.());\n    };\n  }\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_bexCore","require","_mobx","_ToolbarResponsivePriorityState","_computeResponsiveTargetState","_toolbarResponsiveConstants","EXPAND_THRESHOLD_BUFFER","ToolbarResponsiveState","container","toolbar","constructor","params","_defineProperty2","default","actions","ToolbarResponsivePriorityState","responsive","filters","search","expandedWidth","SEARCH_EXPANDED_WIDTH","collapsedWidth","SEARCH_COLLAPSED_WIDTH","_groups","makeObservable","responsiveDisabled","computed","_applyTargetState","action","_syncedProps","internalExperiments","useResponsiveLayout","enabled","_scheduleRecompute","_this$_recomputeThrot","_recomputeThrottled","call","_computeResponsiveInput","_this$leftGroupState","el","_measurementElement","contentEl","_contentElement","leftGroupExcess","leftGroupState","getExcessWidth","containerWidth","clientWidth","contentWidth","scrollWidth","groups","map","g","currentlyShrunk","_shouldShrink","groupsTotal","reduce","sum","availableWidth","input","result","computeResponsiveTargetState","expandThresholdBuffer","forEach","i","shouldShrink","init","lodash","throttle","_rafId","window","requestAnimationFrame","runInAction","containerEl","toolbarRect","element","_this$_recomputeThrot2","cancel","disposers","addResizeObserver","_this$_recomputeThrot3","d","cancelAnimationFrame","exports"],"sources":["../../../../src/state/Toolbar/ToolbarResponsiveState.ts"],"sourcesContent":["import { addResizeObserver } from '@wix/bex-core';\nimport { action, computed, makeObservable, runInAction } from 'mobx';\nimport { ToolbarResponsivePriorityState } from './ToolbarResponsivePriorityState';\nimport { ToolbarState } from '../../components/CollectionToolbars/ToolbarState';\nimport { ToolbarLeftGroupState } from './ToolbarLeftGroupState';\nimport { computeResponsiveTargetState } from './computeResponsiveTargetState';\nimport {\n  SEARCH_COLLAPSED_WIDTH,\n  SEARCH_EXPANDED_WIDTH,\n} from './toolbarResponsiveConstants';\n\nexport interface ToolbarResponsiveStateParams {\n  readonly toolbar: ToolbarState<any, any>;\n}\n\n// Buffer (in px) added to the expand threshold to prevent flickering near the\n// expand/collapse boundary. Tuned to ~2-3x the inter-element gap (SP2 = 12px) --\n// large enough to absorb measurement rounding and flex reflow, small enough that\n// the dead zone per group isn't visually noticeable during gradual resizing.\nconst EXPAND_THRESHOLD_BUFFER = 30;\n\nexport class ToolbarResponsiveState {\n  readonly actions: ToolbarResponsivePriorityState;\n  readonly search: ToolbarResponsivePriorityState;\n  readonly filters: ToolbarResponsivePriorityState;\n\n  private readonly _groups: ToolbarResponsivePriorityState[];\n\n  _measurementElement: Element | null = null;\n  _contentElement: Element | null = null;\n\n  readonly toolbar: ToolbarState<any, any>;\n\n  leftGroupState: ToolbarLeftGroupState<any, any> | null = null;\n\n  get container() {\n    return this.toolbar.toolbar.container;\n  }\n\n  constructor(params: ToolbarResponsiveStateParams) {\n    this.toolbar = params.toolbar;\n\n    this.actions = new ToolbarResponsivePriorityState({\n      responsive: this,\n    });\n\n    this.filters = new ToolbarResponsivePriorityState({\n      responsive: this,\n    });\n\n    this.search = new ToolbarResponsivePriorityState({\n      responsive: this,\n      expandedWidth: SEARCH_EXPANDED_WIDTH,\n      collapsedWidth: SEARCH_COLLAPSED_WIDTH,\n    });\n\n    this._groups = [this.actions, this.filters, this.search];\n\n    makeObservable(this, {\n      responsiveDisabled: computed,\n      _applyTargetState: action,\n    });\n  }\n\n  get responsiveDisabled() {\n    const {\n      toolbar: {\n        toolbar: { _syncedProps },\n      },\n      container: { internalExperiments },\n    } = this;\n\n    return (\n      !_syncedProps?.useResponsiveLayout ||\n      !internalExperiments?.enabled('specs.cairo.EnableResponsiveToolbar11420')\n    );\n  }\n\n  _scheduleRecompute() {\n    if (this.responsiveDisabled) {\n      return;\n    }\n    this._recomputeThrottled?.();\n  }\n\n  private _computeResponsiveInput() {\n    const el = this._measurementElement;\n    const contentEl = this._contentElement;\n    if (!el || !contentEl) {\n      return null;\n    }\n\n    // The left group (title/tabs/views) has flex:1 and absorbs freed space when\n    // right-side items shrink. Account for its excess width so the algorithm sees\n    // the true available space and can expand items back when the container grows.\n    const leftGroupExcess = this.leftGroupState?.getExcessWidth() ?? 0;\n    const containerWidth = el.clientWidth + leftGroupExcess;\n    const contentWidth = contentEl.scrollWidth;\n\n    const groups = this._groups.map((g) => ({\n      expandedWidth: g.expandedWidth,\n      collapsedWidth: g.collapsedWidth,\n      currentlyShrunk: g._shouldShrink,\n    }));\n\n    const groupsTotal = groups.reduce(\n      (sum, g) => sum + (g.currentlyShrunk ? g.collapsedWidth : g.expandedWidth),\n      0,\n    );\n\n    return {\n      availableWidth: containerWidth - (contentWidth - groupsTotal),\n      groups,\n    };\n  }\n\n  _applyTargetState() {\n    const input = this._computeResponsiveInput();\n    if (!input) {\n      return;\n    }\n\n    const result = computeResponsiveTargetState({\n      ...input,\n      expandThresholdBuffer: EXPAND_THRESHOLD_BUFFER,\n    });\n\n    this._groups.forEach((g, i) => {\n      g._shouldShrink = result[i].shouldShrink;\n    });\n  }\n\n  private _recomputeThrottled?: ReturnType<typeof this.container.lodash.throttle>;\n  private _rafId = 0;\n\n  init() {\n    const { responsiveDisabled } = this;\n\n    if (responsiveDisabled) {\n      return () => {};\n    }\n\n    this._recomputeThrottled = this.container.lodash.throttle(() => {\n      this._rafId = window.requestAnimationFrame(() => {\n        runInAction(() => this._applyTargetState());\n      });\n    }, 200);\n\n    const containerEl =\n      this.toolbar.toolbar.toolbarRect.element;\n    if (!containerEl) {\n      return () => {\n        this._recomputeThrottled?.cancel();\n      };\n    }\n\n    const disposers = [\n      addResizeObserver(containerEl, this._recomputeThrottled),\n    ];\n\n    return () => {\n      disposers.forEach((d) => d?.());\n      this._recomputeThrottled?.cancel();\n      cancelAnimationFrame(this._rafId);\n    };\n  }\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/state/Toolbar/computeResponsiveTargetState.js

@@ -0,0 +1,48 @@
+"use strict";
+
+exports.__esModule = true;
+exports.computeResponsiveTargetState = computeResponsiveTargetState;
+function computeResponsiveTargetState(params) {
+  const {
+    availableWidth,
+    groups,
+    expandThresholdBuffer
+  } = params;
+  if (groups.length === 0) {
+    return [];
+  }
+  const result = groups.map(g => ({
+    shouldShrink: g.currentlyShrunk
+  }));
+  const widthOf = (group, index) => 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;
+}
+//# sourceMappingURL=computeResponsiveTargetState.js.map

package/dist/cjs/state/Toolbar/computeResponsiveTargetState.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["computeResponsiveTargetState","params","availableWidth","groups","expandThresholdBuffer","length","result","map","g","shouldShrink","currentlyShrunk","widthOf","group","index","collapsedWidth","expandedWidth","total","reduce","sum","i","savings","expandCost"],"sources":["../../../../src/state/Toolbar/computeResponsiveTargetState.ts"],"sourcesContent":["export interface ResponsiveGroupInput {\n  expandedWidth: number;\n  collapsedWidth: number;\n  currentlyShrunk: boolean;\n}\n\nexport interface ComputeResponsiveTargetStateParams {\n  availableWidth: number;\n  groups: ResponsiveGroupInput[];\n  expandThresholdBuffer: number;\n}\n\nexport interface ResponsiveGroupOutput {\n  shouldShrink: boolean;\n}\n\nexport function computeResponsiveTargetState(\n  params: ComputeResponsiveTargetStateParams,\n): ResponsiveGroupOutput[] {\n  const { availableWidth, groups, expandThresholdBuffer } = params;\n\n  if (groups.length === 0) {\n    return [];\n  }\n\n  const result: ResponsiveGroupOutput[] = groups.map((g) => ({\n    shouldShrink: g.currentlyShrunk,\n  }));\n\n  const widthOf = (group: ResponsiveGroupInput, index: number) =>\n    result[index].shouldShrink ? group.collapsedWidth : group.expandedWidth;\n\n  let total = groups.reduce((sum, g, i) => sum + widthOf(g, i), 0);\n\n  for (let i = 0; i < groups.length; i++) {\n    if (total <= availableWidth) {\n      break;\n    }\n    if (!result[i].shouldShrink) {\n      const savings = groups[i].expandedWidth - groups[i].collapsedWidth;\n      result[i].shouldShrink = true;\n      total -= savings;\n    }\n  }\n\n  for (let i = groups.length - 1; i >= 0; i--) {\n    if (!result[i].shouldShrink) {\n      continue;\n    }\n\n    const expandCost = groups[i].expandedWidth - groups[i].collapsedWidth;\n    if (expandCost === 0) {\n      continue;\n    }\n\n    if (total + expandCost + expandThresholdBuffer <= availableWidth) {\n      result[i].shouldShrink = false;\n      total += expandCost;\n    } else {\n      // Strict priority: if a higher-priority group (lower index) cannot expand,\n      // no lower-priority groups should expand either to avoid visual inconsistency.\n      break;\n    }\n  }\n\n  return result;\n}\n"],"mappings":";;;;AAgBO,SAASA,4BAA4BA,CAC1CC,MAA0C,EACjB;EACzB,MAAM;IAAEC,cAAc;IAAEC,MAAM;IAAEC;EAAsB,CAAC,GAAGH,MAAM;EAEhE,IAAIE,MAAM,CAACE,MAAM,KAAK,CAAC,EAAE;IACvB,OAAO,EAAE;EACX;EAEA,MAAMC,MAA+B,GAAGH,MAAM,CAACI,GAAG,CAAEC,CAAC,KAAM;IACzDC,YAAY,EAAED,CAAC,CAACE;EAClB,CAAC,CAAC,CAAC;EAEH,MAAMC,OAAO,GAAGA,CAACC,KAA2B,EAAEC,KAAa,KACzDP,MAAM,CAACO,KAAK,CAAC,CAACJ,YAAY,GAAGG,KAAK,CAACE,cAAc,GAAGF,KAAK,CAACG,aAAa;EAEzE,IAAIC,KAAK,GAAGb,MAAM,CAACc,MAAM,CAAC,CAACC,GAAG,EAAEV,CAAC,EAAEW,CAAC,KAAKD,GAAG,GAAGP,OAAO,CAACH,CAAC,EAAEW,CAAC,CAAC,EAAE,CAAC,CAAC;EAEhE,KAAK,IAAIA,CAAC,GAAG,CAAC,EAAEA,CAAC,GAAGhB,MAAM,CAACE,MAAM,EAAEc,CAAC,EAAE,EAAE;IACtC,IAAIH,KAAK,IAAId,cAAc,EAAE;MAC3B;IACF;IACA,IAAI,CAACI,MAAM,CAACa,CAAC,CAAC,CAACV,YAAY,EAAE;MAC3B,MAAMW,OAAO,GAAGjB,MAAM,CAACgB,CAAC,CAAC,CAACJ,aAAa,GAAGZ,MAAM,CAACgB,CAAC,CAAC,CAACL,cAAc;MAClER,MAAM,CAACa,CAAC,CAAC,CAACV,YAAY,GAAG,IAAI;MAC7BO,KAAK,IAAII,OAAO;IAClB;EACF;EAEA,KAAK,IAAID,CAAC,GAAGhB,MAAM,CAACE,MAAM,GAAG,CAAC,EAAEc,CAAC,IAAI,CAAC,EAAEA,CAAC,EAAE,EAAE;IAC3C,IAAI,CAACb,MAAM,CAACa,CAAC,CAAC,CAACV,YAAY,EAAE;MAC3B;IACF;IAEA,MAAMY,UAAU,GAAGlB,MAAM,CAACgB,CAAC,CAAC,CAACJ,aAAa,GAAGZ,MAAM,CAACgB,CAAC,CAAC,CAACL,cAAc;IACrE,IAAIO,UAAU,KAAK,CAAC,EAAE;MACpB;IACF;IAEA,IAAIL,KAAK,GAAGK,UAAU,GAAGjB,qBAAqB,IAAIF,cAAc,EAAE;MAChEI,MAAM,CAACa,CAAC,CAAC,CAACV,YAAY,GAAG,KAAK;MAC9BO,KAAK,IAAIK,UAAU;IACrB,CAAC,MAAM;MACL;MACA;MACA;IACF;EACF;EAEA,OAAOf,MAAM;AACf","ignoreList":[]}