@wix/patterns 1.356.0 → 1.358.0

package/dist/esm/components/common.st.css.js

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../stylable-esm-runtime.js";
-var _namespace_ = "common362520394";
+var _namespace_ = "common1880788563";
 var _style_ = classesRuntime.bind(null, _namespace_);
 export var cssStates = statesRuntime.bind(null, _namespace_);
 export var style = _style_;
 export var st = _style_;
 export var namespace = _namespace_;
-export var classes = { "root": "common362520394__root", "column": "common362520394__column", "fullHeight": "common362520394__fullHeight" };
+export var classes = { "root": "common1880788563__root", "column": "common1880788563__column", "fullHeight": "common1880788563__fullHeight" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

package/dist/esm/components/common.st.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"common.st.css.js","sourceRoot":"","sources":["../../../src/components/common.st.css.ts"],"names":[],"mappings":"AAAA,cAAc;AAGd,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,4BAA4B,CAAC;AAI3E,IAAI,WAAW,GAAG,iBAAiB,CAAC;AACpC,IAAI,OAAO,GAAG,cAAc,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAErD,MAAM,CAAC,IAAI,SAAS,GAAG,aAAa,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAC7D,MAAM,CAAC,IAAI,KAAK,GAAG,OAAO,CAAC;AAC3B,MAAM,CAAC,IAAI,EAAE,GAA2C,OAAO,CAAC;AAEhE,MAAM,CAAC,IAAI,SAAS,GAAG,WAAW,CAAC;AACnC,MAAM,CAAC,IAAI,OAAO,GAAG,EAAC,MAAM,EAAC,uBAAuB,EAAC,QAAQ,EAAC,yBAAyB,EAAC,YAAY,EAAC,6BAA6B,EAAC,CAAC;AACpI,MAAM,CAAC,IAAI,SAAS,GAAG,EAAE,CAAC;AAC1B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,UAAU,GAAG,EAAE,CAAC;AAC3B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,IAAI,GAAG,EAAE,CAAC"}
+{"version":3,"file":"common.st.css.js","sourceRoot":"","sources":["../../../src/components/common.st.css.ts"],"names":[],"mappings":"AAAA,cAAc;AAGd,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,4BAA4B,CAAC;AAI3E,IAAI,WAAW,GAAG,kBAAkB,CAAC;AACrC,IAAI,OAAO,GAAG,cAAc,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAErD,MAAM,CAAC,IAAI,SAAS,GAAG,aAAa,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAC7D,MAAM,CAAC,IAAI,KAAK,GAAG,OAAO,CAAC;AAC3B,MAAM,CAAC,IAAI,EAAE,GAA2C,OAAO,CAAC;AAEhE,MAAM,CAAC,IAAI,SAAS,GAAG,WAAW,CAAC;AACnC,MAAM,CAAC,IAAI,OAAO,GAAG,EAAC,MAAM,EAAC,wBAAwB,EAAC,QAAQ,EAAC,0BAA0B,EAAC,YAAY,EAAC,8BAA8B,EAAC,CAAC;AACvI,MAAM,CAAC,IAAI,SAAS,GAAG,EAAE,CAAC;AAC1B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,UAAU,GAAG,EAAE,CAAC;AAC3B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,IAAI,GAAG,EAAE,CAAC"}

package/dist/esm/exports/bi.js

@@ -1,4 +1,2 @@
 export * from '@wix/bex-utils/@wix/bi-logger-os-data/v2';
-export * from '@wix/bex-utils/@wix/bi-logger-os-data/testkit/client';
-export { default as biTestkit } from '@wix/bex-utils/@wix/bi-logger-os-data/testkit/client';
 //# sourceMappingURL=bi.js.map

package/dist/esm/exports/bi.js.map

@@ -1 +1 @@
-{"version":3,"file":"bi.js","sourceRoot":"","sources":["../../../src/exports/bi.ts"],"names":[],"mappings":"AAAA,cAAc,0CAA0C,CAAC;AACzD,cAAc,sDAAsD,CAAC;AACrE,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,sDAAsD,CAAC"}
+{"version":3,"file":"bi.js","sourceRoot":"","sources":["../../../src/exports/bi.ts"],"names":[],"mappings":"AAAA,cAAc,0CAA0C,CAAC"}

package/dist/esm/exports/testkit/bi.js

@@ -0,0 +1,3 @@
+export * from '@wix/bex-utils/@wix/bi-logger-os-data/testkit/client';
+export { default as biTestkit } from '@wix/bex-utils/@wix/bi-logger-os-data/testkit/client';
+//# sourceMappingURL=bi.js.map

package/dist/esm/exports/testkit/bi.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"bi.js","sourceRoot":"","sources":["../../../../src/exports/testkit/bi.ts"],"names":[],"mappings":"AAAA,cAAc,sDAAsD,CAAC;AACrE,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,sDAAsD,CAAC"}

package/dist/esm/state/CollectionPage/CollectionPageHeader.st.css.js

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
-var _namespace_ = "CollectionPageHeader1261547672";
+var _namespace_ = "CollectionPageHeader626711544";
 var _style_ = classesRuntime.bind(null, _namespace_);
 export var cssStates = statesRuntime.bind(null, _namespace_);
 export var style = _style_;
 export var st = _style_;
 export var namespace = _namespace_;
-export var classes = { "root": "CollectionPageHeader1261547672__root" };
+export var classes = { "root": "CollectionPageHeader626711544__root" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

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

@@ -1 +1 @@
-{"version":3,"file":"CollectionPageHeader.st.css.js","sourceRoot":"","sources":["../../../../src/state/CollectionPage/CollectionPageHeader.st.css.ts"],"names":[],"mappings":"AAAA,cAAc;AAGd,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAI9E,IAAI,WAAW,GAAG,gCAAgC,CAAC;AACnD,IAAI,OAAO,GAAG,cAAc,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAErD,MAAM,CAAC,IAAI,SAAS,GAAG,aAAa,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAC7D,MAAM,CAAC,IAAI,KAAK,GAAG,OAAO,CAAC;AAC3B,MAAM,CAAC,IAAI,EAAE,GAA2C,OAAO,CAAC;AAEhE,MAAM,CAAC,IAAI,SAAS,GAAG,WAAW,CAAC;AACnC,MAAM,CAAC,IAAI,OAAO,GAAG,EAAC,MAAM,EAAC,sCAAsC,EAAC,CAAC;AACrE,MAAM,CAAC,IAAI,SAAS,GAAG,EAAE,CAAC;AAC1B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,UAAU,GAAG,EAAE,CAAC;AAC3B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,IAAI,GAAG,EAAE,CAAC"}
+{"version":3,"file":"CollectionPageHeader.st.css.js","sourceRoot":"","sources":["../../../../src/state/CollectionPage/CollectionPageHeader.st.css.ts"],"names":[],"mappings":"AAAA,cAAc;AAGd,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAI9E,IAAI,WAAW,GAAG,+BAA+B,CAAC;AAClD,IAAI,OAAO,GAAG,cAAc,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAErD,MAAM,CAAC,IAAI,SAAS,GAAG,aAAa,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAC7D,MAAM,CAAC,IAAI,KAAK,GAAG,OAAO,CAAC;AAC3B,MAAM,CAAC,IAAI,EAAE,GAA2C,OAAO,CAAC;AAEhE,MAAM,CAAC,IAAI,SAAS,GAAG,WAAW,CAAC;AACnC,MAAM,CAAC,IAAI,OAAO,GAAG,EAAC,MAAM,EAAC,qCAAqC,EAAC,CAAC;AACpE,MAAM,CAAC,IAAI,SAAS,GAAG,EAAE,CAAC;AAC1B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,UAAU,GAAG,EAAE,CAAC;AAC3B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,IAAI,GAAG,EAAE,CAAC"}

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

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
-var _namespace_ = "FormPageHeader544963084";
+var _namespace_ = "FormPageHeader2618187567";
 var _style_ = classesRuntime.bind(null, _namespace_);
 export var cssStates = statesRuntime.bind(null, _namespace_);
 export var style = _style_;
 export var st = _style_;
 export var namespace = _namespace_;
-export var classes = { "root": "FormPageHeader544963084__root" };
+export var classes = { "root": "FormPageHeader2618187567__root" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

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

@@ -1 +1 @@
-{"version":3,"file":"FormPageHeader.st.css.js","sourceRoot":"","sources":["../../../../src/state/FormPage/FormPageHeader.st.css.ts"],"names":[],"mappings":"AAAA,cAAc;AAGd,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAI9E,IAAI,WAAW,GAAG,yBAAyB,CAAC;AAC5C,IAAI,OAAO,GAAG,cAAc,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAErD,MAAM,CAAC,IAAI,SAAS,GAAG,aAAa,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAC7D,MAAM,CAAC,IAAI,KAAK,GAAG,OAAO,CAAC;AAC3B,MAAM,CAAC,IAAI,EAAE,GAA2C,OAAO,CAAC;AAEhE,MAAM,CAAC,IAAI,SAAS,GAAG,WAAW,CAAC;AACnC,MAAM,CAAC,IAAI,OAAO,GAAG,EAAC,MAAM,EAAC,+BAA+B,EAAC,CAAC;AAC9D,MAAM,CAAC,IAAI,SAAS,GAAG,EAAE,CAAC;AAC1B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,UAAU,GAAG,EAAE,CAAC;AAC3B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,IAAI,GAAG,EAAE,CAAC"}
+{"version":3,"file":"FormPageHeader.st.css.js","sourceRoot":"","sources":["../../../../src/state/FormPage/FormPageHeader.st.css.ts"],"names":[],"mappings":"AAAA,cAAc;AAGd,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAI9E,IAAI,WAAW,GAAG,0BAA0B,CAAC;AAC7C,IAAI,OAAO,GAAG,cAAc,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAErD,MAAM,CAAC,IAAI,SAAS,GAAG,aAAa,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAC7D,MAAM,CAAC,IAAI,KAAK,GAAG,OAAO,CAAC;AAC3B,MAAM,CAAC,IAAI,EAAE,GAA2C,OAAO,CAAC;AAEhE,MAAM,CAAC,IAAI,SAAS,GAAG,WAAW,CAAC;AACnC,MAAM,CAAC,IAAI,OAAO,GAAG,EAAC,MAAM,EAAC,gCAAgC,EAAC,CAAC;AAC/D,MAAM,CAAC,IAAI,SAAS,GAAG,EAAE,CAAC;AAC1B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,UAAU,GAAG,EAAE,CAAC;AAC3B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,IAAI,GAAG,EAAE,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"file":"TableGridSwitchFoldersState.js","sourceRoot":"","sources":["../../../src/state/TableGridSwitchFoldersState.ts"],"names":[],"mappings":"AAAA,OAAO,EAKL,SAAS,GACV,MAAM,eAAe,CAAC;AACvB,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACtD,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AACxD,OAAO,EAAE,WAAW,EAAE,cAAc,EAAE,QAAQ,EAAE,MAAM,MAAM,CAAC;AAC7D,OAAO,EAAE,sBAAsB,EAAE,MAAM,0BAA0B,CAAC;AAElE,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAehD,MAAM,OAAO,2BAA2B;IAetC,YAAY,MAAyD;QAP5D,aAAQ,GAAG,IAAI,SAAS,EAAE,CAAC;QAQlC,IAAI,CAAC,SAAS,GAAG,MAAM,CAAC,SAAS,CAAC;QAClC,IAAI,CAAC,kBAAkB,GAAG,MAAM,CAAC,kBAAkB,CAAC;QAEpD,IAAI,CAAC,iBAAiB,GAAG,IAAI,iBAAiB,CAAC;YAC7C,KAAK,EAAE,MAAM,CAAC,KAAK;YACnB,OAAO,EAAE,MAAM,CAAC,OAAO;YACvB,SAAS,EAAE,IAAI,CAAC,SAAS;YACzB,OAAO,EAAE,IAAI,sBAAsB,CAAC;gBAClC,aAAa,EAAE,wBAAwB;gBACvC,UAAU,EAAE,MAAM,CAAC,KAGlB;gBACD,SAAS,EAAE,MAAM,CAAC,SAAS;gBAC3B,QAAQ,EAAE,CAAC,QAAQ,EAAE,EAAE,CACrB,IAAI,CAAC,SAAS,CAAC,QAAQ,CAAC;oBACtB,GAAG,QAAQ;oBACX,MAAM,EAAE;wBACN,GAAG,QAAQ,CAAC,MAAM;wBAClB,eAAe,EAAE,IAAI,CAAC,aAAa,CAAC,QAAQ;qBAC7C;iBACF,CAAC;aACL,CAAC;SACH,CAAC,CAAC;QAEH,IAAI,CAAC,gBAAgB,GAAG,IAAI,gBAAgB,CAAC;YAC3C,KAAK,EAAE,MAAM,CAAC,KAAK;YACnB,OAAO,EAAE,MAAM,CAAC,OAAO;YACvB,SAAS,EAAE,IAAI,CAAC,SAAS;YACzB,OAAO,EAAE,IAAI,CAAC,iBAAiB,CAAC,OAAO;YACvC,WAAW,EAAE,IAAI,CAAC,iBAAiB,CAAC,WAAW;SAChD,CAAC,CAAC;QAEH,IAAI,CAAC,aAAa,GAAG,IAAI,aAAa,CAAC;YACrC,SAAS,EAAE,IAAI,CAAC,SAAS;YACzB,WAAW,EAAE,IAAI,CAAC,OAAO,CAAC,WAAW;YACrC,aAAa,EAAE,wBAAwB;SACxC,CAAC,CAAC;QAEH,IAAI,CAAC,OAAO,CAAC,WAAW,GAAG,IAAI,CAAC;QAEhC,cAAc,CAAC,IAAI,EAAE;YACnB,QAAQ,EAAE,QAAQ;SACnB,CAAC,CAAC;IACL,CAAC;IAED,IAAI,QAAQ;QACV,OAAO,IAAI,CAAC,aAAa,CAAC,QAAQ,CAAC;IACrC,CAAC;IAED,IAAI,QAAQ,CAAC,QAAkB;QAC7B,WAAW,CAAC,GAAG,EAAE;YACf,IAAI,CAAC,aAAa,CAAC,QAAQ,GAAG,QAAQ,CAAC;QACzC,CAAC,CAAC,CAAC;IACL,CAAC;IAED,IAAI,OAAO;QACT,OAAO,IAAI,CAAC,iBAAiB,CAAC,OAAO,CAAC;IACxC,CAAC;IAED,IAAI;QACF,IAAI,CAAC,QAAQ,CAAC,OAAO,CAAC,KAAK,IAAI,EAAE;YAC/B,MAAM,IAAI,CAAC,aAAa,CAAC,IAAI,EAAE,CAAC;QAClC,CAAC,CAAC,CAAC;IACL,CAAC;CACF"}
+{"version":3,"file":"TableGridSwitchFoldersState.js","sourceRoot":"","sources":["../../../src/state/TableGridSwitchFoldersState.ts"],"names":[],"mappings":"AAAA,OAAO,EAKL,SAAS,GACV,MAAM,eAAe,CAAC;AACvB,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACtD,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AACxD,OAAO,EAAE,WAAW,EAAE,cAAc,EAAE,QAAQ,EAAE,MAAM,MAAM,CAAC;AAC7D,OAAO,EAAE,sBAAsB,EAAE,MAAM,0BAA0B,CAAC;AAElE,OAAO,EAAE,aAAa,EAAY,MAAM,iBAAiB,CAAC;AAc1D,MAAM,OAAO,2BAA2B;IAetC,YAAY,MAAyD;QAP5D,aAAQ,GAAG,IAAI,SAAS,EAAE,CAAC;QAQlC,IAAI,CAAC,SAAS,GAAG,MAAM,CAAC,SAAS,CAAC;QAClC,IAAI,CAAC,kBAAkB,GAAG,MAAM,CAAC,kBAAkB,CAAC;QAEpD,IAAI,CAAC,iBAAiB,GAAG,IAAI,iBAAiB,CAAC;YAC7C,KAAK,EAAE,MAAM,CAAC,KAAK;YACnB,OAAO,EAAE,MAAM,CAAC,OAAO;YACvB,SAAS,EAAE,IAAI,CAAC,SAAS;YACzB,OAAO,EAAE,IAAI,sBAAsB,CAAC;gBAClC,aAAa,EAAE,wBAAwB;gBACvC,UAAU,EAAE,MAAM,CAAC,KAGlB;gBACD,SAAS,EAAE,MAAM,CAAC,SAAS;gBAC3B,QAAQ,EAAE,CAAC,QAAQ,EAAE,EAAE,CACrB,IAAI,CAAC,SAAS,CAAC,QAAQ,CAAC;oBACtB,GAAG,QAAQ;oBACX,MAAM,EAAE;wBACN,GAAG,QAAQ,CAAC,MAAM;wBAClB,eAAe,EAAE,IAAI,CAAC,aAAa,CAAC,QAAQ;qBAC7C;iBACF,CAAC;aACL,CAAC;SACH,CAAC,CAAC;QAEH,IAAI,CAAC,gBAAgB,GAAG,IAAI,gBAAgB,CAAC;YAC3C,KAAK,EAAE,MAAM,CAAC,KAAK;YACnB,OAAO,EAAE,MAAM,CAAC,OAAO;YACvB,SAAS,EAAE,IAAI,CAAC,SAAS;YACzB,OAAO,EAAE,IAAI,CAAC,iBAAiB,CAAC,OAAO;YACvC,WAAW,EAAE,IAAI,CAAC,iBAAiB,CAAC,WAAW;SAChD,CAAC,CAAC;QAEH,IAAI,CAAC,aAAa,GAAG,IAAI,aAAa,CAAC;YACrC,SAAS,EAAE,IAAI,CAAC,SAAS;YACzB,WAAW,EAAE,IAAI,CAAC,OAAO,CAAC,WAAW;YACrC,aAAa,EAAE,wBAAwB;SACxC,CAAC,CAAC;QAEH,IAAI,CAAC,OAAO,CAAC,WAAW,GAAG,IAAI,CAAC;QAEhC,cAAc,CAAC,IAAI,EAAE;YACnB,QAAQ,EAAE,QAAQ;SACnB,CAAC,CAAC;IACL,CAAC;IAED,IAAI,QAAQ;QACV,OAAO,IAAI,CAAC,aAAa,CAAC,QAAQ,CAAC;IACrC,CAAC;IAED,IAAI,QAAQ,CAAC,QAAkB;QAC7B,WAAW,CAAC,GAAG,EAAE;YACf,IAAI,CAAC,aAAa,CAAC,QAAQ,GAAG,QAAQ,CAAC;QACzC,CAAC,CAAC,CAAC;IACL,CAAC;IAED,IAAI,OAAO;QACT,OAAO,IAAI,CAAC,iBAAiB,CAAC,OAAO,CAAC;IACxC,CAAC;IAED,IAAI;QACF,IAAI,CAAC,QAAQ,CAAC,OAAO,CAAC,KAAK,IAAI,EAAE;YAC/B,MAAM,IAAI,CAAC,aAAa,CAAC,IAAI,EAAE,CAAC;QAClC,CAAC,CAAC,CAAC;IACL,CAAC;CACF"}

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

@@ -1 +1 @@
-{"version":3,"file":"TableGridSwitchState.js","sourceRoot":"","sources":["../../../src/state/TableGridSwitchState.ts"],"names":[],"mappings":"AAAA,OAAO,EAGL,SAAS,GAGV,MAAM,eAAe,CAAC;AACvB,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,EAAE,QAAQ,EAAE,cAAc,EAAE,WAAW,EAAE,MAAM,MAAM,CAAC;AAC7D,OAAO,EAAE,sBAAsB,EAAE,MAAM,0BAA0B,CAAC;AAClE,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAShD,MAAM,aAAa,GAAG,iBAAiB,CAAC;AACxC,MAAM,OAAO,oBAAoB;IAW/B,YAAY,MAAwC;QAL3C,aAAQ,GAAG,IAAI,SAAS,EAAE,CAAC;QAMlC,IAAI,CAAC,SAAS,GAAG,MAAM,CAAC,SAAS,CAAC;QAClC,IAAI,CAAC,kBAAkB,GAAG,MAAM,CAAC,kBAAkB,CAAC;QAEpD,IAAI,CAAC,UAAU,GAAG,MAAM,CAAC,UAAU,CAAC;QAEpC,IAAI,CAAC,UAAU,GAAG,IAAI,UAAU,CAAC;YAC/B,UAAU,EAAE,IAAI,CAAC,UAAU;YAC3B,SAAS,EAAE,IAAI,CAAC,SAAS;YACzB,OAAO,EAAE,IAAI,sBAAsB,CAAC;gBAClC,aAAa;gBACb,UAAU,EAAE,IAAI,CAAC,UAAU;gBAC3B,SAAS,EAAE,IAAI,CAAC,SAAS;gBACzB,QAAQ,EAAE,CAAC,QAAQ,EAAE,EAAE,CACrB,IAAI,CAAC,SAAS,CAAC,QAAQ,CAAC;oBACtB,GAAG,QAAQ;oBACX,MAAM,EAAE;wBACN,GAAG,QAAQ,CAAC,MAAM;wBAClB,eAAe,EAAE,IAAI,CAAC,aAAa,CAAC,QAAQ;qBAC7C;iBACF,CAAC;aACL,CAAC;SACH,CAAC,CAAC;QAEH,IAAI,CAAC,SAAS,GAAG,IAAI,SAAS,CAAC;YAC7B,UAAU,EAAE,IAAI,CAAC,UAAU;YAC3B,SAAS,EAAE,IAAI,CAAC,SAAS;YACzB,OAAO,EAAE,IAAI,CAAC,UAAU,CAAC,OAAO;SACjC,CAAC,CAAC;QAEH,IAAI,CAAC,aAAa,GAAG,IAAI,aAAa,CAAC;YACrC,SAAS,EAAE,IAAI,CAAC,SAAS;YACzB,WAAW,EAAE,IAAI,CAAC,OAAO,CAAC,WAAW;YACrC,aAAa;YACb,UAAU,EAAE,IAAI,CAAC,UAAU;SAC5B,CAAC,CAAC;QAEH,IAAI,CAAC,OAAO,CAAC,WAAW,GAAG,IAAI,CAAC;QAEhC,cAAc,CAAC,IAAI,EAAE;YACnB,QAAQ,EAAE,QAAQ;SACnB,CAAC,CAAC;IACL,CAAC;IAED,IAAI,QAAQ;QACV,OAAO,IAAI,CAAC,aAAa,CAAC,QAAQ,CAAC;IACrC,CAAC;IAED,IAAI,QAAQ,CAAC,QAAkB;QAC7B,WAAW,CAAC,GAAG,EAAE;YACf,IAAI,CAAC,aAAa,CAAC,QAAQ,GAAG,QAAQ,CAAC;QACzC,CAAC,CAAC,CAAC;IACL,CAAC;IAED,IAAI,OAAO;QACT,OAAO,IAAI,CAAC,UAAU,CAAC,OAAO,CAAC;IACjC,CAAC;IAED,IAAI;QACF,MAAM,EAAE,aAAa,EAAE,QAAQ,EAAE,GAAG,IAAI,CAAC;QACzC,aAAa,CAAC,IAAI,EAAE,CAAC;QAErB,QAAQ,CAAC,OAAO,CAAC,KAAK,IAAI,EAAE;YAC1B,aAAa,CAAC,QAAQ,CAAC,OAAO,EAAE,CAAC;YAEjC,MAAM,aAAa,CAAC,QAAQ,CAAC,MAAM,CAAC,OAAO,CAAC;QAC9C,CAAC,CAAC,CAAC;IACL,CAAC;CACF"}
+{"version":3,"file":"TableGridSwitchState.js","sourceRoot":"","sources":["../../../src/state/TableGridSwitchState.ts"],"names":[],"mappings":"AAAA,OAAO,EAGL,SAAS,GAGV,MAAM,eAAe,CAAC;AACvB,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,EAAE,QAAQ,EAAE,cAAc,EAAE,WAAW,EAAE,MAAM,MAAM,CAAC;AAC7D,OAAO,EAAE,sBAAsB,EAAE,MAAM,0BAA0B,CAAC;AAClE,OAAO,EAAE,aAAa,EAAY,MAAM,iBAAiB,CAAC;AAQ1D,MAAM,aAAa,GAAG,iBAAiB,CAAC;AACxC,MAAM,OAAO,oBAAoB;IAW/B,YAAY,MAAwC;QAL3C,aAAQ,GAAG,IAAI,SAAS,EAAE,CAAC;QAMlC,IAAI,CAAC,SAAS,GAAG,MAAM,CAAC,SAAS,CAAC;QAClC,IAAI,CAAC,kBAAkB,GAAG,MAAM,CAAC,kBAAkB,CAAC;QAEpD,IAAI,CAAC,UAAU,GAAG,MAAM,CAAC,UAAU,CAAC;QAEpC,IAAI,CAAC,UAAU,GAAG,IAAI,UAAU,CAAC;YAC/B,UAAU,EAAE,IAAI,CAAC,UAAU;YAC3B,SAAS,EAAE,IAAI,CAAC,SAAS;YACzB,OAAO,EAAE,IAAI,sBAAsB,CAAC;gBAClC,aAAa;gBACb,UAAU,EAAE,IAAI,CAAC,UAAU;gBAC3B,SAAS,EAAE,IAAI,CAAC,SAAS;gBACzB,QAAQ,EAAE,CAAC,QAAQ,EAAE,EAAE,CACrB,IAAI,CAAC,SAAS,CAAC,QAAQ,CAAC;oBACtB,GAAG,QAAQ;oBACX,MAAM,EAAE;wBACN,GAAG,QAAQ,CAAC,MAAM;wBAClB,eAAe,EAAE,IAAI,CAAC,aAAa,CAAC,QAAQ;qBAC7C;iBACF,CAAC;aACL,CAAC;SACH,CAAC,CAAC;QAEH,IAAI,CAAC,SAAS,GAAG,IAAI,SAAS,CAAC;YAC7B,UAAU,EAAE,IAAI,CAAC,UAAU;YAC3B,SAAS,EAAE,IAAI,CAAC,SAAS;YACzB,OAAO,EAAE,IAAI,CAAC,UAAU,CAAC,OAAO;SACjC,CAAC,CAAC;QAEH,IAAI,CAAC,aAAa,GAAG,IAAI,aAAa,CAAC;YACrC,SAAS,EAAE,IAAI,CAAC,SAAS;YACzB,WAAW,EAAE,IAAI,CAAC,OAAO,CAAC,WAAW;YACrC,aAAa;YACb,UAAU,EAAE,IAAI,CAAC,UAAU;SAC5B,CAAC,CAAC;QAEH,IAAI,CAAC,OAAO,CAAC,WAAW,GAAG,IAAI,CAAC;QAEhC,cAAc,CAAC,IAAI,EAAE;YACnB,QAAQ,EAAE,QAAQ;SACnB,CAAC,CAAC;IACL,CAAC;IAED,IAAI,QAAQ;QACV,OAAO,IAAI,CAAC,aAAa,CAAC,QAAQ,CAAC;IACrC,CAAC;IAED,IAAI,QAAQ,CAAC,QAAkB;QAC7B,WAAW,CAAC,GAAG,EAAE;YACf,IAAI,CAAC,aAAa,CAAC,QAAQ,GAAG,QAAQ,CAAC;QACzC,CAAC,CAAC,CAAC;IACL,CAAC;IAED,IAAI,OAAO;QACT,OAAO,IAAI,CAAC,UAAU,CAAC,OAAO,CAAC;IACjC,CAAC;IAED,IAAI;QACF,MAAM,EAAE,aAAa,EAAE,QAAQ,EAAE,GAAG,IAAI,CAAC;QACzC,aAAa,CAAC,IAAI,EAAE,CAAC;QAErB,QAAQ,CAAC,OAAO,CAAC,KAAK,IAAI,EAAE;YAC1B,aAAa,CAAC,QAAQ,CAAC,OAAO,EAAE,CAAC;YAEjC,MAAM,aAAa,CAAC,QAAQ,CAAC,MAAM,CAAC,OAAO,CAAC;QAC9C,CAAC,CAAC,CAAC;IACL,CAAC;CACF"}

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

@@ -2,53 +2,51 @@ import { addResizeObserver } from '@wix/bex-core';
 export class ToolbarLeftGroupState {
     constructor(params) {
         this._element = null;
-        this._prevWidth = 0;
-        this.EXPANSION_THRESHOLD = 20;
+        this._tabsWidthTimeout = null;
         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') {
-                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();
         };
         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 = addResizeObserver(element, this._handleResize);
-        this._handleResize();
         return () => {
             disposer?.();
+            if (this._tabsWidthTimeout) {
+                clearTimeout(this._tabsWidthTimeout);
+                this._tabsWidthTimeout = null;
+            }
             this._element = null;
-            this._prevWidth = 0;
         };
     }
 }

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

@@ -1 +1 @@
-{"version":3,"file":"ToolbarLeftGroupState.js","sourceRoot":"","sources":["../../../../src/state/Toolbar/ToolbarLeftGroupState.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,eAAe,CAAC;AAalD,MAAM,OAAO,qBAAqB;IAehC,YAAY,MAAyC;QAR7C,aAAQ,GAAuB,IAAI,CAAC;QACpC,eAAU,GAAG,CAAC,CAAC;QAKN,wBAAmB,GAAG,EAAE,CAAC;QA4BlC,kBAAa,GAAG,GAAG,EAAE;YAC3B,MAAM,OAAO,GAAG,IAAI,CAAC,QAAQ,CAAC;YAC9B,IAAI,CAAC,OAAO,EAAE;gBACZ,OAAO;aACR;YAED,MAAM,KAAK,GAAG,OAAO,CAAC,WAAW,CAAC;YAClC,MAAM,SAAS,GAAG,IAAI,CAAC,UAAU,CAAC;YAClC,MAAM,YAAY,GAAG,KAAK,IAAI,IAAI,CAAC,QAAQ,GAAG,CAAC,CAAC,CAAC,gBAAgB;YACjE,MAAM,SAAS,GAAG,KAAK,GAAG,SAAS,CAAC;YACpC,MAAM,gBAAgB,GAAG,KAAK,GAAG,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC,mBAAmB,CAAC;YAE1E,IAAI,YAAY,EAAE;gBAChB,IAAI,CAAC,WAAW,CAAC,QAAQ,CAAC,YAAY;oBACpC,IAAI,CAAC,WAAW,CAAC,QAAQ,CAAC,YAAY,GAAG,CAAC,CAAC;gBAC7C,IAAI,CAAC,WAAW,CAAC,aAAa,CAAC,eAAe,EAAE,CAAC;aAClD;iBAAM,IAAI,SAAS,IAAI,gBAAgB,EAAE;gBACxC,MAAM,cAAc,GAAG,KAAK,GAAG,IAAI,CAAC,QAAQ,CAAC;gBAE7C,IAAI,CAAC,WAAW,CAAC,aAAa,CAAC,eAAe,CAAC;oBAC7C,2BAA2B,EAAE,cAAc;iBAC5C,CAAC,CAAC;aACJ;YAED,IAAI,IAAI,CAAC,IAAI,KAAK,MAAM,EAAE;gBACxB,MAAM,SAAS,GAAG,IAAI,CAAC,aAAa,EAAE,EAAE,CAAC;gBACzC,SAAS,EAAE,UAAU,CAAC,iBAAiB,CAAC,KAAK,CAAC,CAAC;aAChD;YAED,IAAI,CAAC,UAAU,GAAG,KAAK,CAAC;QAC1B,CAAC,CAAC;QAvDA,IAAI,CAAC,WAAW,GAAG,MAAM,CAAC,UAAU,CAAC;QACrC,IAAI,CAAC,IAAI,GAAG,MAAM,CAAC,IAAI,CAAC;QACxB,IAAI,CAAC,QAAQ,GAAG,MAAM,CAAC,QAAQ,CAAC;QAChC,IAAI,CAAC,aAAa,GAAG,MAAM,CAAC,YAAY,CAAC;IAC3C,CAAC;IAED,IAAI,CAAC,OAAuC;QAC1C,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC;QACrB,IAAI,CAAC,UAAU,GAAG,CAAC,CAAC;QAEpB,IAAI,CAAC,OAAO,EAAE;YACZ,OAAO,GAAG,EAAE,GAAE,CAAC,CAAC;SACjB;QAED,IAAI,CAAC,QAAQ,GAAG,OAAO,CAAC;QACxB,MAAM,QAAQ,GAAG,iBAAiB,CAAC,OAAO,EAAE,IAAI,CAAC,aAAa,CAAC,CAAC;QAChE,IAAI,CAAC,aAAa,EAAE,CAAC;QAErB,OAAO,GAAG,EAAE;YACV,QAAQ,EAAE,EAAE,CAAC;YACb,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC;YACrB,IAAI,CAAC,UAAU,GAAG,CAAC,CAAC;QACtB,CAAC,CAAC;IACJ,CAAC;CAiCF"}
+{"version":3,"file":"ToolbarLeftGroupState.js","sourceRoot":"","sources":["../../../../src/state/Toolbar/ToolbarLeftGroupState.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,eAAe,CAAC;AAalD,MAAM,OAAO,qBAAqB;IAahC,YAAY,MAAyC;QAN7C,aAAQ,GAAuB,IAAI,CAAC;QACpC,sBAAiB,GAAyC,IAAI,CAAC;QAuC/D,kBAAa,GAAG,GAAG,EAAE;YAC3B,MAAM,OAAO,GAAG,IAAI,CAAC,QAAQ,CAAC;YAC9B,IAAI,CAAC,OAAO,EAAE;gBACZ,OAAO;aACR;YAED,IAAI,IAAI,CAAC,IAAI,KAAK,MAAM,EAAE;gBACxB,IAAI,IAAI,CAAC,iBAAiB,EAAE;oBAC1B,YAAY,CAAC,IAAI,CAAC,iBAAiB,CAAC,CAAC;iBACtC;gBACD,IAAI,CAAC,iBAAiB,GAAG,UAAU,CAAC,GAAG,EAAE;oBACvC,IAAI,CAAC,iBAAiB,GAAG,IAAI,CAAC;oBAC9B,IAAI,CAAC,IAAI,CAAC,QAAQ;wBAAE,OAAO;oBAC3B,MAAM,SAAS,GAAG,IAAI,CAAC,aAAa,EAAE,EAAE,CAAC;oBACzC,SAAS,EAAE,UAAU,CAAC,iBAAiB,CAAC,IAAI,CAAC,QAAQ,CAAC,WAAW,CAAC,CAAC;gBACrE,CAAC,EAAE,GAAG,CAAC,CAAC;aACT;YAED,IAAI,CAAC,WAAW,CAAC,kBAAkB,EAAE,CAAC;QACxC,CAAC,CAAC;QApDA,IAAI,CAAC,WAAW,GAAG,MAAM,CAAC,UAAU,CAAC;QACrC,IAAI,CAAC,IAAI,GAAG,MAAM,CAAC,IAAI,CAAC;QACxB,IAAI,CAAC,QAAQ,GAAG,MAAM,CAAC,QAAQ,CAAC;QAChC,IAAI,CAAC,aAAa,GAAG,MAAM,CAAC,YAAY,CAAC;IAC3C,CAAC;IAED,cAAc;QACZ,IAAI,CAAC,IAAI,CAAC,QAAQ,EAAE;YAClB,OAAO,CAAC,CAAC;SACV;QACD,OAAO,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,CAAC,QAAQ,CAAC,WAAW,GAAG,IAAI,CAAC,QAAQ,CAAC,CAAC;IAChE,CAAC;IAED,IAAI,CAAC,OAAuC;QAC1C,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC;QAErB,IAAI,CAAC,OAAO,EAAE;YACZ,OAAO,GAAG,EAAE,GAAE,CAAC,CAAC;SACjB;QAED,IAAI,CAAC,QAAQ,GAAG,OAAO,CAAC;QACxB,MAAM,QAAQ,GAAG,iBAAiB,CAAC,OAAO,EAAE,IAAI,CAAC,aAAa,CAAC,CAAC;QAEhE,OAAO,GAAG,EAAE;YACV,QAAQ,EAAE,EAAE,CAAC;YACb,IAAI,IAAI,CAAC,iBAAiB,EAAE;gBAC1B,YAAY,CAAC,IAAI,CAAC,iBAAiB,CAAC,CAAC;gBACrC,IAAI,CAAC,iBAAiB,GAAG,IAAI,CAAC;aAC/B;YACD,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC;QACvB,CAAC,CAAC;IACJ,CAAC;CAsBF"}

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

@@ -3,18 +3,12 @@ export class ToolbarResponsivePriorityState {
     constructor(params) {
         this._shouldShrink = false;
         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;
         makeObservable(this, {
-            _minWidth: observable.ref,
             _shouldShrink: observable.ref,
             _syncWidth: action,
-            _expandIfNeeded: action,
-            _shrinkIfNeeded: action,
         });
     }
     _syncWidth() {
@@ -25,57 +19,14 @@ export 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();
     }
 }
 //# sourceMappingURL=ToolbarResponsivePriorityState.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ToolbarResponsivePriorityState.js","sourceRoot":"","sources":["../../../../src/state/Toolbar/ToolbarResponsivePriorityState.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"ToolbarResponsivePriorityState.js","sourceRoot":"","sources":["../../../../src/state/Toolbar/ToolbarResponsivePriorityState.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,MAAM,EAAE,cAAc,EAAE,UAAU,EAAE,MAAM,MAAM,CAAC;AAQ1D,MAAM,OAAO,8BAA8B;IAUzC,YAAY,MAA4C;QAJxD,kBAAa,GAAG,KAAK,CAAC;QAEtB,kBAAa,GAAuB,IAAI,CAAC;QAGvC,IAAI,CAAC,aAAa,GAAG,MAAM,CAAC,aAAa,IAAI,CAAC,CAAC;QAC/C,IAAI,CAAC,cAAc,GAAG,MAAM,CAAC,cAAc,IAAI,CAAC,CAAC;QAEjD,IAAI,CAAC,UAAU,GAAG,MAAM,CAAC,UAAU,CAAC;QAEpC,cAAc,CAAC,IAAI,EAAE;YACnB,aAAa,EAAE,UAAU,CAAC,GAAG;YAC7B,UAAU,EAAE,MAAM;SACnB,CAAC,CAAC;IACL,CAAC;IAED,UAAU;QACR,MAAM,EAAE,aAAa,EAAE,aAAa,EAAE,UAAU,EAAE,GAAG,IAAI,CAAC;QAC1D,IAAI,UAAU,CAAC,kBAAkB,EAAE;YACjC,OAAO;SACR;QACD,IAAI,CAAC,aAAa,EAAE;YAClB,OAAO;SACR;QACD,MAAM,QAAQ,GAAG,aAAa,CAAC,WAAW,CAAC;QAC3C,IAAI,aAAa,EAAE;YACjB,IAAI,CAAC,cAAc,GAAG,QAAQ,CAAC;SAChC;aAAM;YACL,IAAI,CAAC,aAAa,GAAG,QAAQ,CAAC;SAC/B;QACD,UAAU,CAAC,kBAAkB,EAAE,CAAC;IAClC,CAAC;CACF"}

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

@@ -1,47 +1,38 @@
 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 { computeResponsiveTargetState } from './computeResponsiveTargetState';
+import { SEARCH_COLLAPSED_WIDTH, SEARCH_EXPANDED_WIDTH, } from './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;
 export class ToolbarResponsiveState {
     get container() {
         return this.toolbar.toolbar.container;
     }
     constructor(params) {
-        this._expandCooldown = false;
+        this._measurementElement = null;
+        this._contentElement = null;
         this.leftGroupState = null;
+        this._rafId = 0;
         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,
-        });
-        this._nextToShrink = this.actions;
-        this._nextToExpand = this.actions;
-        this.actionsAvailableSpace = new HorizontalSpaceAvailableState({
-            state: this,
+            expandedWidth: SEARCH_EXPANDED_WIDTH,
+            collapsedWidth: SEARCH_COLLAPSED_WIDTH,
         });
+        this._groups = [this.actions, this.filters, this.search];
         makeObservable(this, {
-            _nextToShrink: observable.ref,
-            _nextToExpand: observable.ref,
             responsiveDisabled: computed,
+            _applyTargetState: action,
         });
     }
     get responsiveDisabled() {
@@ -49,30 +40,71 @@ export class ToolbarResponsiveState {
         return (!_syncedProps?.useResponsiveLayout ||
             !internalExperiments?.enabled('specs.cairo.EnableResponsiveToolbar11420'));
     }
+    _scheduleRecompute() {
+        if (this.responsiveDisabled) {
+            return;
+        }
+        this._recomputeThrottled?.();
+    }
+    _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;
+        });
+    }
     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/dist/esm/state/Toolbar/ToolbarResponsiveState.js.map

@@ -1 +1 @@
-{"version":3,"file":"ToolbarResponsiveState.js","sourceRoot":"","sources":["../../../../src/state/Toolbar/ToolbarResponsiveState.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"ToolbarResponsiveState.js","sourceRoot":"","sources":["../../../../src/state/Toolbar/ToolbarResponsiveState.ts"],"names":[],"mappings":"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"}

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

@@ -0,0 +1,41 @@
+export 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/esm/state/Toolbar/computeResponsiveTargetState.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"computeResponsiveTargetState.js","sourceRoot":"","sources":["../../../../src/state/Toolbar/computeResponsiveTargetState.ts"],"names":[],"mappings":"AAgBA,MAAM,UAAU,4BAA4B,CAC1C,MAA0C;IAE1C,MAAM,EAAE,cAAc,EAAE,MAAM,EAAE,qBAAqB,EAAE,GAAG,MAAM,CAAC;IAEjE,IAAI,MAAM,CAAC,MAAM,KAAK,CAAC,EAAE;QACvB,OAAO,EAAE,CAAC;KACX;IAED,MAAM,MAAM,GAA4B,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC;QACzD,YAAY,EAAE,CAAC,CAAC,eAAe;KAChC,CAAC,CAAC,CAAC;IAEJ,MAAM,OAAO,GAAG,CAAC,KAA2B,EAAE,KAAa,EAAE,EAAE,CAC7D,MAAM,CAAC,KAAK,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,KAAK,CAAC,cAAc,CAAC,CAAC,CAAC,KAAK,CAAC,aAAa,CAAC;IAE1E,IAAI,KAAK,GAAG,MAAM,CAAC,MAAM,CAAC,CAAC,GAAG,EAAE,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,GAAG,GAAG,OAAO,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;IAEjE,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,MAAM,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE;QACtC,IAAI,KAAK,IAAI,cAAc,EAAE;YAC3B,MAAM;SACP;QACD,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,YAAY,EAAE;YAC3B,MAAM,OAAO,GAAG,MAAM,CAAC,CAAC,CAAC,CAAC,aAAa,GAAG,MAAM,CAAC,CAAC,CAAC,CAAC,cAAc,CAAC;YACnE,MAAM,CAAC,CAAC,CAAC,CAAC,YAAY,GAAG,IAAI,CAAC;YAC9B,KAAK,IAAI,OAAO,CAAC;SAClB;KACF;IAED,KAAK,IAAI,CAAC,GAAG,MAAM,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC,IAAI,CAAC,EAAE,CAAC,EAAE,EAAE;QAC3C,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,YAAY,EAAE;YAC3B,SAAS;SACV;QAED,MAAM,UAAU,GAAG,MAAM,CAAC,CAAC,CAAC,CAAC,aAAa,GAAG,MAAM,CAAC,CAAC,CAAC,CAAC,cAAc,CAAC;QACtE,IAAI,UAAU,KAAK,CAAC,EAAE;YACpB,SAAS;SACV;QAED,IAAI,KAAK,GAAG,UAAU,GAAG,qBAAqB,IAAI,cAAc,EAAE;YAChE,MAAM,CAAC,CAAC,CAAC,CAAC,YAAY,GAAG,KAAK,CAAC;YAC/B,KAAK,IAAI,UAAU,CAAC;SACrB;aAAM;YACL,2EAA2E;YAC3E,+EAA+E;YAC/E,MAAM;SACP;KACF;IAED,OAAO,MAAM,CAAC;AAChB,CAAC"}

package/dist/esm/state/Toolbar/toolbarResponsiveConstants.js

@@ -0,0 +1,3 @@
+export const SEARCH_EXPANDED_WIDTH = 240;
+export const SEARCH_COLLAPSED_WIDTH = 140;
+//# sourceMappingURL=toolbarResponsiveConstants.js.map

package/dist/esm/state/Toolbar/toolbarResponsiveConstants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"toolbarResponsiveConstants.js","sourceRoot":"","sources":["../../../../src/state/Toolbar/toolbarResponsiveConstants.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,qBAAqB,GAAG,GAAG,CAAC;AACzC,MAAM,CAAC,MAAM,sBAAsB,GAAG,GAAG,CAAC"}

package/dist/esm/state/ViewTypeState.js

@@ -1,5 +1,5 @@
-import { TaskState, } from '@wix/bex-core';
-import { cairoSectionCtaClicked } from '@wix/bex-core/bi';
+import { TaskState, withoutDefaults, } from '@wix/bex-core';
+import { cairoSectionCtaClicked, cairoFiltersPanelUsed, cairoCtaClicked, } from '@wix/bex-core/bi';
 import { action, makeObservable, observable, runInAction } from 'mobx';
 export class ViewTypeState {
     constructor(params) {
@@ -31,17 +31,35 @@ export class ViewTypeState {
         }
     }
     changeViewType(newViewType) {
-        this.container.reportBi(cairoSectionCtaClicked({
-            ctaType: 'More actions',
-            loaction: 'Collection Toolbar',
-            location: 'Collection Toolbar',
-            componentType: this.componentType,
-            sectionType: this.viewType,
-            ctaName: `layout switch to ${newViewType}`,
-            ...this.collection?._commonDynamicBiParams(),
-        }));
+        const isLayoutToggleRedesignEnabled = this.container.experiments.enabled('specs.cairo.layout-toggle.redesign');
+        if (!isLayoutToggleRedesignEnabled) {
+            this.container.reportBi(cairoSectionCtaClicked({
+                ctaType: 'More actions',
+                loaction: 'Collection Toolbar',
+                location: 'Collection Toolbar',
+                componentType: this.componentType,
+                sectionType: this.viewType,
+                ctaName: `layout switch to ${newViewType}`,
+                ...this.collection?._commonDynamicBiParams(),
+            }));
+        }
         this.viewType = newViewType === 'grid' ? 'grid' : 'table';
         this.dataCapsule.setItem('view-type', newViewType);
     }
+    reportLayoutSwitch() {
+        this.container.reportBi(withoutDefaults(cairoFiltersPanelUsed)({
+            ...this.collection?._commonDynamicBiParams(),
+            feature: 'Switch Layout',
+        }));
+    }
+    reportLayoutOptionClicked(option, index) {
+        this.container.reportBi(withoutDefaults(cairoCtaClicked)({
+            ...this.collection?._commonDynamicBiParams(),
+            ctaName: option,
+            location: 'switch_layout_dropdown',
+            itemId: option,
+            itemIndex: index,
+        }));
+    }
 }
 //# sourceMappingURL=ViewTypeState.js.map

package/dist/esm/state/ViewTypeState.js.map

@@ -1 +1 @@
-{"version":3,"file":"ViewTypeState.js","sourceRoot":"","sources":["../../../src/state/ViewTypeState.ts"],"names":[],"mappings":"AAAA,OAAO,EAEL,SAAS,GAEV,MAAM,eAAe,CAAC;AACvB,OAAO,EAAE,sBAAsB,EAAE,MAAM,kBAAkB,CAAC;AAE1D,OAAO,EAAE,MAAM,EAAE,cAAc,EAAE,UAAU,EAAE,WAAW,EAAE,MAAM,MAAM,CAAC;AAUvE,MAAM,OAAO,aAAa;IAOxB,YAAY,MAA2B;QANvC,aAAQ,GAAa,OAAO,CAAC;QAKpB,aAAQ,GAAG,IAAI,SAAS,EAAE,CAAC;QAElC,IAAI,CAAC,SAAS,GAAG,MAAM,CAAC,SAAS,CAAC;QAClC,IAAI,CAAC,WAAW,GAAG,MAAM,CAAC,WAAW,CAAC;QACtC,IAAI,CAAC,aAAa,GAAG,MAAM,CAAC,aAAa,CAAC;QAC1C,IAAI,CAAC,UAAU,GAAG,MAAM,CAAC,UAAU,CAAC;QAEpC,cAAc,CAAC,IAAI,EAAE;YACnB,QAAQ,EAAE,UAAU,CAAC,GAAG;YACxB,cAAc,EAAE,MAAM,CAAC,KAAK;SAC7B,CAAC,CAAC;IACL,CAAC;IAED,IAAI;QACF,IAAI,CAAC,QAAQ,CAAC,OAAO,CAAC,KAAK,IAAI,EAAE;YAC/B,MAAM,IAAI,CAAC,uBAAuB,EAAE,CAAC;QACvC,CAAC,CAAC,CAAC;IACL,CAAC;IAED,KAAK,CAAC,uBAAuB;QAC3B,IAAI;YACF,MAAM,GAAG,GAAG,CAAC,MAAM,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,WAAW,CAAC,CAAa,CAAC;YACtE,WAAW,CAAC,GAAG,EAAE;gBACf,IAAI,CAAC,QAAQ,GAAG,GAAG,IAAI,IAAI,CAAC,QAAQ,CAAC;YACvC,CAAC,CAAC,CAAC;SACJ;QAAC,OAAO,GAAG,EAAE;YACZ,IAAI,CAAC,SAAS,CAAC,YAAY,CAAC,gBAAgB,CAAC,GAAG,CAAC,CAAC;SACnD;IACH,CAAC;IAED,cAAc,CAAC,WAAmB;QAChC,IAAI,CAAC,SAAS,CAAC,QAAQ,CACrB,sBAAsB,CAAC;YACrB,OAAO,EAAE,cAAc;YACvB,QAAQ,EAAE,oBAAoB;YAC9B,QAAQ,EAAE,oBAAoB;YAC9B,aAAa,EAAE,IAAI,CAAC,aAAa;YACjC,WAAW,EAAE,IAAI,CAAC,QAAQ;YAC1B,OAAO,EAAE,oBAAoB,WAAW,EAAE;YAC1C,GAAG,IAAI,CAAC,UAAU,EAAE,sBAAsB,EAAE;SAC7C,CAAC,CACH,CAAC;QAEF,IAAI,CAAC,QAAQ,GAAG,WAAW,KAAK,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO,CAAC;QAC1D,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,WAAW,EAAE,WAAW,CAAC,CAAC;IACrD,CAAC;CACF"}
+{"version":3,"file":"ViewTypeState.js","sourceRoot":"","sources":["../../../src/state/ViewTypeState.ts"],"names":[],"mappings":"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"}