@wix/patterns 1.378.0 → 1.381.0

package/dist/cjs/components/NestedTableDragAndDrop/NestedTableDragAndDropRow.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/components/NestedTableDragAndDrop/NestedTableDragAndDropRow.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"NestedTableDragAndDropRow748604090\";\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\":\"NestedTableDragAndDropRow748604090__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,oCAAoC;AACtD,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;AAA0C,CAAC;AACjE,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/components/NestedTableDragAndDrop/NestedTableDragAndDropRow.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"NestedTableDragAndDropRow2849287231\";\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\":\"NestedTableDragAndDropRow2849287231__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,qCAAqC;AACvD,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;AAA2C,CAAC;AAClE,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/components/PickerContent/PickerContent.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_ = "PickerContent2145700135";
+var _namespace_ = "PickerContent1098415796";
 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": "PickerContent2145700135__root"
+  "root": "PickerContent1098415796__root"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/PickerContent/PickerContent.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/components/PickerContent/PickerContent.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"PickerContent2145700135\";\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\":\"PickerContent2145700135__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/components/PickerContent/PickerContent.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"PickerContent1098415796\";\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\":\"PickerContent1098415796__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":[]}

package/dist/cjs/components/PickerContent/PickerContentAdditionalStep.st.css.js

@@ -5,16 +5,16 @@ exports.vars = exports.style = exports.stVars = exports.st = exports.namespace =
 var _stylableEsmRuntime = require("../../stylable-esm-runtime.js");
 // @ts-nocheck
 
-var _namespace_ = "PickerContentAdditionalStep1252550532";
+var _namespace_ = "PickerContentAdditionalStep2163690254";
 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": "PickerContentAdditionalStep1252550532__root",
-  "titles": "PickerContentAdditionalStep1252550532__titles",
-  "suffix": "PickerContentAdditionalStep1252550532__suffix"
+  "root": "PickerContentAdditionalStep2163690254__root",
+  "titles": "PickerContentAdditionalStep2163690254__titles",
+  "suffix": "PickerContentAdditionalStep2163690254__suffix"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/PickerContent/PickerContentAdditionalStep.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/components/PickerContent/PickerContentAdditionalStep.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"PickerContentAdditionalStep1252550532\";\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\":\"PickerContentAdditionalStep1252550532__root\",\"titles\":\"PickerContentAdditionalStep1252550532__titles\",\"suffix\":\"PickerContentAdditionalStep1252550532__suffix\"};\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,uCAAuC;AACzD,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,6CAA6C;EAAC,QAAQ,EAAC,+CAA+C;EAAC,QAAQ,EAAC;AAA+C,CAAC;AACtL,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/components/PickerContent/PickerContentAdditionalStep.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"PickerContentAdditionalStep2163690254\";\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\":\"PickerContentAdditionalStep2163690254__root\",\"titles\":\"PickerContentAdditionalStep2163690254__titles\",\"suffix\":\"PickerContentAdditionalStep2163690254__suffix\"};\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,uCAAuC;AACzD,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,6CAA6C;EAAC,QAAQ,EAAC,+CAA+C;EAAC,QAAQ,EAAC;AAA+C,CAAC;AACtL,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/components/PickerTableListItem/PickerTableListItem.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_ = "PickerTableListItem2660550529";
+var _namespace_ = "PickerTableListItem3936469485";
 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": "PickerTableListItem2660550529__root"
+  "root": "PickerTableListItem3936469485__root"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/PickerTableListItem/PickerTableListItem.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/components/PickerTableListItem/PickerTableListItem.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"PickerTableListItem2660550529\";\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\":\"PickerTableListItem2660550529__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":[]}
+{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../src/components/PickerTableListItem/PickerTableListItem.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"PickerTableListItem3936469485\";\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\":\"PickerTableListItem3936469485__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/components/ScrollableContent/ScrollableContent.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_ = "ScrollableContent824867288";
+var _namespace_ = "ScrollableContent2878466261";
 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": "ScrollableContent824867288__root"
+  "root": "ScrollableContent2878466261__root"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/ScrollableContent/ScrollableContent.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/components/ScrollableContent/ScrollableContent.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"ScrollableContent824867288\";\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\":\"ScrollableContent824867288__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,4BAA4B;AAC9C,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;AAAkC,CAAC;AACzD,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/components/ScrollableContent/ScrollableContent.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"ScrollableContent2878466261\";\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\":\"ScrollableContent2878466261__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,6BAA6B;AAC/C,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;AAAmC,CAAC;AAC1D,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/components/SkeletonCard/SkeletonCard.st.css.js

@@ -5,15 +5,15 @@ exports.vars = exports.style = exports.stVars = exports.st = exports.namespace =
 var _stylableEsmRuntime = require("../../stylable-esm-runtime.js");
 // @ts-nocheck
 
-var _namespace_ = "SkeletonCard2455371441";
+var _namespace_ = "SkeletonCard3852981435";
 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": "SkeletonCard2455371441__root",
-  "headerLoading": "SkeletonCard2455371441__headerLoading"
+  "root": "SkeletonCard3852981435__root",
+  "headerLoading": "SkeletonCard3852981435__headerLoading"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/SkeletonCard/SkeletonCard.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/components/SkeletonCard/SkeletonCard.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"SkeletonCard2455371441\";\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\":\"SkeletonCard2455371441__root\",\"headerLoading\":\"SkeletonCard2455371441__headerLoading\"};\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,wBAAwB;AAC1C,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,8BAA8B;EAAC,eAAe,EAAC;AAAuC,CAAC;AAC7G,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/components/SkeletonCard/SkeletonCard.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"SkeletonCard3852981435\";\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\":\"SkeletonCard3852981435__root\",\"headerLoading\":\"SkeletonCard3852981435__headerLoading\"};\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,wBAAwB;AAC1C,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,8BAA8B;EAAC,eAAe,EAAC;AAAuC,CAAC;AAC7G,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/components/SlidingModal/SlidingModal.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_ = "SlidingModal661696003";
+var _namespace_ = "SlidingModal3970925703";
 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": "SlidingModal661696003__root"
+  "root": "SlidingModal3970925703__root"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/SlidingModal/SlidingModal.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/components/SlidingModal/SlidingModal.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"SlidingModal661696003\";\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\":\"SlidingModal661696003__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,uBAAuB;AACzC,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;AAA6B,CAAC;AACpD,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/components/SlidingModal/SlidingModal.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"SlidingModal3970925703\";\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\":\"SlidingModal3970925703__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,wBAAwB;AAC1C,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;AAA8B,CAAC;AACrD,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/components/TableGridSwitch/TableGridSwitch.js

@@ -4,15 +4,10 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 exports.__esModule = true;
 exports.TableGridSwitch = void 0;
 exports._TableGridSwitch = _TableGridSwitch;
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var _react = _interopRequireWildcard(require("react"));
-var _Grid = require("../Grid");
-var _ = require("..");
+var _react = _interopRequireDefault(require("react"));
 var _mobxReactLite = require("mobx-react-lite");
-var _TableGridSwitchButton = require("../TableGridSwitchButton");
-var _InitialLoader = require("../InitialLoader");
+var _LayoutSwitch = require("../LayoutSwitch");
 var _jsxFileName = "/home/builduser/work/843658b9f44192f0/packages/cairo/dist/cjs/components/TableGridSwitch/TableGridSwitch.tsx";
-function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
 function _TableGridSwitch(props) {
   const {
     state,
@@ -20,32 +15,6 @@ function _TableGridSwitch(props) {
     sections,
     ...restProps
   } = props;
-  const {
-    gridState,
-    tableState,
-    toolbar
-  } = state;
-  const tableGridSwitchButton = /*#__PURE__*/_react.default.createElement(_TableGridSwitchButton.TableGridSwitchButton, {
-    state: state.viewTypeState,
-    __self: this,
-    __source: {
-      fileName: _jsxFileName,
-      lineNumber: 66,
-      columnNumber: 5
-    }
-  });
-  (0, _react.useEffect)(() => state.init(), []);
-  const {
-    initTask: {
-      status
-    }
-  } = state;
-  const isLoading = status.isIdle || status.isLoading;
-  const gridSections = sections ? {
-    GridSections: sections.GridSections,
-    groupBy: sections.groupBy,
-    renderSection: sections.renderSection
-  } : undefined;
   const tableSections = sections ? {
     TableSections: sections.TableSections,
     groupBy: sections.groupBy,
@@ -53,39 +22,33 @@ function _TableGridSwitch(props) {
     collapsible: sections.collapsible,
     events: sections.events
   } : undefined;
-  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, isLoading ? /*#__PURE__*/_react.default.createElement(_InitialLoader.InitialLoader, {
-    dataHook: "initial-loader",
-    state: toolbar,
-    __self: this,
-    __source: {
-      fileName: _jsxFileName,
-      lineNumber: 98,
-      columnNumber: 9
-    }
-  }) : state.viewType === 'grid' ? /*#__PURE__*/_react.default.createElement(_Grid.Grid, (0, _extends2.default)({}, restProps, {
-    tableGridSwitchButton: tableGridSwitchButton,
-    state: gridState,
-    dragAndDrop: dragAndDrop == null ? void 0 : dragAndDrop.grid,
-    sections: gridSections,
-    __self: this,
-    __source: {
-      fileName: _jsxFileName,
-      lineNumber: 100,
-      columnNumber: 9
-    }
-  })) : /*#__PURE__*/_react.default.createElement(_.Table, (0, _extends2.default)({}, restProps, {
-    sticky: true,
-    tableGridSwitchButton: tableGridSwitchButton,
-    state: tableState,
-    dragAndDrop: dragAndDrop == null ? void 0 : dragAndDrop.table,
-    sections: tableSections,
+  const gridSections = sections ? {
+    GridSections: sections.GridSections,
+    groupBy: sections.groupBy,
+    renderSection: sections.renderSection
+  } : undefined;
+  return /*#__PURE__*/_react.default.createElement(_LayoutSwitch.LayoutSwitch, {
+    state: state,
+    tableProps: {
+      ...restProps,
+      state: state.tableState,
+      dragAndDrop: dragAndDrop == null ? void 0 : dragAndDrop.table,
+      sections: tableSections,
+      sticky: true
+    },
+    gridProps: {
+      ...restProps,
+      state: state.gridState,
+      dragAndDrop: dragAndDrop == null ? void 0 : dragAndDrop.grid,
+      sections: gridSections
+    },
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 108,
-      columnNumber: 9
+      lineNumber: 82,
+      columnNumber: 5
     }
-  })));
+  });
 }
 const TableGridSwitch = exports.TableGridSwitch = (0, _mobxReactLite.observer)(_TableGridSwitch);
 //# sourceMappingURL=TableGridSwitch.js.map

package/dist/cjs/components/TableGridSwitch/TableGridSwitch.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_Grid","_","_mobxReactLite","_TableGridSwitchButton","_InitialLoader","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_TableGridSwitch","props","state","dragAndDrop","sections","restProps","gridState","tableState","toolbar","tableGridSwitchButton","createElement","TableGridSwitchButton","viewTypeState","__self","__source","fileName","lineNumber","columnNumber","useEffect","init","initTask","status","isLoading","isIdle","gridSections","GridSections","groupBy","renderSection","undefined","tableSections","TableSections","collapsible","events","Fragment","InitialLoader","dataHook","viewType","Grid","_extends2","grid","Table","sticky","table","TableGridSwitch","exports","observer"],"sources":["../../../../src/components/TableGridSwitch/TableGridSwitch.tsx"],"sourcesContent":["import React, { useEffect } from 'react';\nimport { FiltersMap } from '@wix/bex-core';\nimport { Grid, GridBasePropsWithoutPreset } from '../Grid';\nimport { Table, TableProps } from '..';\nimport { observer } from 'mobx-react-lite';\nimport type { TableGridSwitchState } from '../../state/TableGridSwitchState';\nimport { TableGridSwitchButton } from '../TableGridSwitchButton';\nimport { GridPresetProps } from '../Grid/Grid.types';\nimport type { TableGridSwitchDragAndDrop } from './TableGridSwitchDragAndDrop';\nimport { InitialLoader } from '../InitialLoader';\nimport { GridSectionsContent } from '../GridSections/GridSectionsContent';\nimport type {\n  GroupBy,\n  RenderSection,\n  SectionEvents,\n} from '../CollectionSectionHeader';\nimport { TableSections } from '../TableSections';\n\nexport interface TableGridSwitchBaseProps<T, F extends FiltersMap>\n  extends Omit<\n      GridBasePropsWithoutPreset<T, F>,\n      'state' | 'dragAndDrop' | 'tableGridSwitchButton' | 'sticky' | 'sections'\n    >,\n    Omit<\n      TableProps<T, F>,\n      'state' | 'dragAndDrop' | 'tableGridSwitchButton' | 'sticky' | 'sections'\n    > {\n  /**\n   * A `TableGridSwitchState` instance created using [useTableGridSwitch](./?path=/story/base-components-collections-tablegridswitch-usetablegridswitchcollection--usetablegridswitchcollection).\n   */\n  state: TableGridSwitchState<T, F>;\n  /**\n   * Adds functionality to allow visitors to reorder items manually.\n   * For more information, see the [Drag and Drop Overview](./?path=/story/features-sort-drag-and-drop--overview).\n   * @overrideType [TableGridSwitchDragAndDrop](./?path=/story/features-sort-drag-and-drop--tablegridswitchdraganddrop)\n   * @external\n   */\n  dragAndDrop?: typeof TableGridSwitchDragAndDrop;\n  /**\n   * Configuration for rendering sections. When provided, the component will render with section headers\n   * that group related rows together for both Grid and Table views.\n   * @external\n   */\n  sections?: {\n    GridSections: typeof GridSectionsContent;\n    TableSections: typeof TableSections;\n    groupBy: GroupBy<T>;\n    renderSection: RenderSection<T>;\n    collapsible?: boolean;\n    events?: SectionEvents;\n  };\n}\n\nexport type TableGridSwitchProps<T, F extends FiltersMap> = GridPresetProps<\n  T,\n  TableGridSwitchBaseProps<T, F>\n>;\n\nexport function _TableGridSwitch<T, F extends FiltersMap = FiltersMap>(\n  props: TableGridSwitchProps<T, F>,\n) {\n  const { state, dragAndDrop, sections, ...restProps } = props;\n  const { gridState, tableState, toolbar } = state;\n\n  const tableGridSwitchButton = (\n    <TableGridSwitchButton state={state.viewTypeState} />\n  );\n\n  useEffect(() => state.init(), []);\n\n  const {\n    initTask: { status },\n  } = state;\n\n  const isLoading = status.isIdle || status.isLoading;\n\n  const gridSections = sections\n    ? {\n        GridSections: sections.GridSections,\n        groupBy: sections.groupBy,\n        renderSection: sections.renderSection,\n      }\n    : undefined;\n\n  const tableSections = sections\n    ? {\n        TableSections: sections.TableSections,\n        groupBy: sections.groupBy,\n        renderSection: sections.renderSection,\n        collapsible: sections.collapsible,\n        events: sections.events,\n      }\n    : undefined;\n\n  return (\n    <>\n      {isLoading ? (\n        <InitialLoader dataHook=\"initial-loader\" state={toolbar} />\n      ) : state.viewType === 'grid' ? (\n        <Grid\n          {...restProps}\n          tableGridSwitchButton={tableGridSwitchButton}\n          state={gridState}\n          dragAndDrop={dragAndDrop?.grid}\n          sections={gridSections}\n        />\n      ) : (\n        <Table\n          {...restProps}\n          sticky\n          tableGridSwitchButton={tableGridSwitchButton}\n          state={tableState}\n          dragAndDrop={dragAndDrop?.table}\n          sections={tableSections}\n        />\n      )}\n    </>\n  );\n}\n\nexport const TableGridSwitch = observer(_TableGridSwitch);\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_mobxReactLite","_LayoutSwitch","_jsxFileName","_TableGridSwitch","props","state","dragAndDrop","sections","restProps","tableSections","TableSections","groupBy","renderSection","collapsible","events","undefined","gridSections","GridSections","default","createElement","LayoutSwitch","tableProps","tableState","table","sticky","gridProps","gridState","grid","__self","__source","fileName","lineNumber","columnNumber","TableGridSwitch","exports","observer"],"sources":["../../../../src/components/TableGridSwitch/TableGridSwitch.tsx"],"sourcesContent":["import React from 'react';\nimport { FiltersMap } from '@wix/bex-core';\nimport { observer } from 'mobx-react-lite';\nimport type { TableGridSwitchState } from '../../state/TableGridSwitchState';\nimport { GridPresetProps } from '../Grid/Grid.types';\nimport type { TableGridSwitchDragAndDrop } from './TableGridSwitchDragAndDrop';\nimport { GridSectionsContent } from '../GridSections/GridSectionsContent';\nimport type {\n  GroupBy,\n  RenderSection,\n  SectionEvents,\n} from '../CollectionSectionHeader';\nimport { TableSections } from '../TableSections';\nimport { GridBasePropsWithoutPreset } from '../Grid/Grid';\nimport { TableProps } from '..';\nimport { LayoutSwitch } from '../LayoutSwitch';\n\nexport interface TableGridSwitchBaseProps<T, F extends FiltersMap>\n  extends Omit<\n      GridBasePropsWithoutPreset<T, F>,\n      'state' | 'dragAndDrop' | 'tableGridSwitchButton' | 'sticky' | 'sections'\n    >,\n    Omit<\n      TableProps<T, F>,\n      'state' | 'dragAndDrop' | 'tableGridSwitchButton' | 'sticky' | 'sections'\n    > {\n  /**\n   * A `TableGridSwitchState` instance created using [useTableGridSwitch](./?path=/story/base-components-collections-tablegridswitch-usetablegridswitchcollection--usetablegridswitchcollection).\n   */\n  state: TableGridSwitchState<T, F>;\n  /**\n   * Adds functionality to allow visitors to reorder items manually.\n   * For more information, see the [Drag and Drop Overview](./?path=/story/features-sort-drag-and-drop--overview).\n   * @overrideType [TableGridSwitchDragAndDrop](./?path=/story/features-sort-drag-and-drop--tablegridswitchdraganddrop)\n   * @external\n   */\n  dragAndDrop?: typeof TableGridSwitchDragAndDrop;\n  /**\n   * Configuration for rendering sections. When provided, the component will render with section headers\n   * that group related rows together for both Grid and Table views.\n   * @external\n   */\n  sections?: {\n    GridSections: typeof GridSectionsContent;\n    TableSections: typeof TableSections;\n    groupBy: GroupBy<T>;\n    renderSection: RenderSection<T>;\n    collapsible?: boolean;\n    events?: SectionEvents;\n  };\n}\n\nexport type TableGridSwitchProps<T, F extends FiltersMap> = GridPresetProps<\n  T,\n  TableGridSwitchBaseProps<T, F>\n>;\n\nexport function _TableGridSwitch<T, F extends FiltersMap = FiltersMap>(\n  props: TableGridSwitchProps<T, F>,\n) {\n  const { state, dragAndDrop, sections, ...restProps } = props;\n\n  const tableSections = sections\n    ? {\n        TableSections: sections.TableSections,\n        groupBy: sections.groupBy,\n        renderSection: sections.renderSection,\n        collapsible: sections.collapsible,\n        events: sections.events,\n      }\n    : undefined;\n\n  const gridSections = sections\n    ? {\n        GridSections: sections.GridSections,\n        groupBy: sections.groupBy,\n        renderSection: sections.renderSection,\n      }\n    : undefined;\n\n  return (\n    <LayoutSwitch\n      state={state}\n      tableProps={{\n        ...restProps,\n        state: state.tableState,\n        dragAndDrop: dragAndDrop?.table,\n        sections: tableSections,\n        sticky: true,\n      }}\n      gridProps={{\n        ...restProps,\n        state: state.gridState,\n        dragAndDrop: dragAndDrop?.grid,\n        sections: gridSections,\n      }}\n    />\n  );\n}\n\nexport const TableGridSwitch = observer(_TableGridSwitch);\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAEA,IAAAC,cAAA,GAAAD,OAAA;AAaA,IAAAE,aAAA,GAAAF,OAAA;AAA+C,IAAAG,YAAA;AA0CxC,SAASC,gBAAgBA,CAC9BC,KAAiC,EACjC;EACA,MAAM;IAAEC,KAAK;IAAEC,WAAW;IAAEC,QAAQ;IAAE,GAAGC;EAAU,CAAC,GAAGJ,KAAK;EAE5D,MAAMK,aAAa,GAAGF,QAAQ,GAC1B;IACEG,aAAa,EAAEH,QAAQ,CAACG,aAAa;IACrCC,OAAO,EAAEJ,QAAQ,CAACI,OAAO;IACzBC,aAAa,EAAEL,QAAQ,CAACK,aAAa;IACrCC,WAAW,EAAEN,QAAQ,CAACM,WAAW;IACjCC,MAAM,EAAEP,QAAQ,CAACO;EACnB,CAAC,GACDC,SAAS;EAEb,MAAMC,YAAY,GAAGT,QAAQ,GACzB;IACEU,YAAY,EAAEV,QAAQ,CAACU,YAAY;IACnCN,OAAO,EAAEJ,QAAQ,CAACI,OAAO;IACzBC,aAAa,EAAEL,QAAQ,CAACK;EAC1B,CAAC,GACDG,SAAS;EAEb,oBACElB,MAAA,CAAAqB,OAAA,CAAAC,aAAA,CAAClB,aAAA,CAAAmB,YAAY;IACXf,KAAK,EAAEA,KAAM;IACbgB,UAAU,EAAE;MACV,GAAGb,SAAS;MACZH,KAAK,EAAEA,KAAK,CAACiB,UAAU;MACvBhB,WAAW,EAAEA,WAAW,oBAAXA,WAAW,CAAEiB,KAAK;MAC/BhB,QAAQ,EAAEE,aAAa;MACvBe,MAAM,EAAE;IACV,CAAE;IACFC,SAAS,EAAE;MACT,GAAGjB,SAAS;MACZH,KAAK,EAAEA,KAAK,CAACqB,SAAS;MACtBpB,WAAW,EAAEA,WAAW,oBAAXA,WAAW,CAAEqB,IAAI;MAC9BpB,QAAQ,EAAES;IACZ,CAAE;IAAAY,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAA5B,YAAA;MAAA6B,UAAA;MAAAC,YAAA;IAAA;EAAA,CACH,CAAC;AAEN;AAEO,MAAMC,eAAe,GAAAC,OAAA,CAAAD,eAAA,GAAG,IAAAE,uBAAQ,EAAChC,gBAAgB,CAAC","ignoreList":[]}

package/dist/cjs/components/TableGridSwitch/TableGridSwitch.uni.driver.js

@@ -28,8 +28,8 @@ function TableGridSwitchUniDriver(base, body) {
     getTable,
     /** Get Grid driver */
     getGrid,
-    isShowingGrid: () => base.$(`[data-hook="toolbar-collection-content"]`).exists(),
-    isShowingTable: async () => !(await base.$(`[data-hook="toolbar-collection-content"]`).exists()),
+    isShowingGrid: () => body.$(`[data-hook="layout-view-grid"]`).exists(),
+    isShowingTable: () => body.$(`[data-hook="layout-view-table"]`).exists(),
     /**
      * Gets collection summary bar
      */

package/dist/cjs/components/TableGridSwitch/TableGridSwitch.uni.driver.js.map

@@ -1 +1 @@
-{"version":3,"names":["_TableUni","require","_GridUni","_CollectionToolbarUni","_unidriver","_SummaryBarUni","TableGridSwitchUniDriver","base","body","getToolbar","CollectionToolbarUniDriver","$","getTable","TableUniDriver","getGrid","GridUniDriver","getSummaryBar","SummaryBarUniDriver","baseUniDriverFactory","wait","timeout","getSwitchButton","getSwitchButtonDivider","isShowingGrid","exists","isShowingTable","_default","exports","default"],"sources":["../../../../src/components/TableGridSwitch/TableGridSwitch.uni.driver.ts"],"sourcesContent":["import { UniDriver } from '@wix/wix-ui-test-utils/unidriver';\nimport { TableUniDriver } from '../Table/Table.uni.driver';\nimport { GridUniDriver } from '../Grid/Grid.uni.driver';\nimport { CollectionToolbarUniDriver } from '../CollectionToolbar/CollectionToolbar.uni.driver';\nimport { baseUniDriverFactory } from '../../unidriver';\nimport { SummaryBarUniDriver } from '../SummaryBar/SummaryBar.uni.driver';\n\nexport function TableGridSwitchUniDriver(base: UniDriver, body: UniDriver) {\n  const getToolbar = () =>\n    CollectionToolbarUniDriver(\n      base.$('[data-hook=\"collection-toolbar\"]'),\n      body,\n    );\n\n  const getTable = () => TableUniDriver(base, body);\n  const getGrid = () => GridUniDriver(base, body);\n  const getSummaryBar = () => SummaryBarUniDriver(base, body);\n\n  return {\n    ...baseUniDriverFactory(base),\n    /**\n     * Wait until root element to exist\n     * @param timeout - time to wait until bailing\n     */\n    wait: (timeout?: number) => base.wait(timeout),\n    /** Get layout switch button */\n    getSwitchButton: () => getToolbar().getSwitchButton(),\n    /** Get layout switch button divider */\n    getSwitchButtonDivider: () => getToolbar().getSwitchButtonDivider(),\n    /** Get Table driver */\n    getTable,\n    /** Get Grid driver */\n    getGrid,\n    isShowingGrid: () =>\n      base.$(`[data-hook=\"toolbar-collection-content\"]`).exists(),\n    isShowingTable: async () =>\n      !(await base.$(`[data-hook=\"toolbar-collection-content\"]`).exists()),\n    /**\n     * Gets collection summary bar\n     */\n    getSummaryBar,\n  };\n}\n\nexport default TableGridSwitchUniDriver;\n"],"mappings":";;;;;AACA,IAAAA,SAAA,GAAAC,OAAA;AACA,IAAAC,QAAA,GAAAD,OAAA;AACA,IAAAE,qBAAA,GAAAF,OAAA;AACA,IAAAG,UAAA,GAAAH,OAAA;AACA,IAAAI,cAAA,GAAAJ,OAAA;AAEO,SAASK,wBAAwBA,CAACC,IAAe,EAAEC,IAAe,EAAE;EACzE,MAAMC,UAAU,GAAGA,CAAA,KACjB,IAAAC,gDAA0B,EACxBH,IAAI,CAACI,CAAC,CAAC,kCAAkC,CAAC,EAC1CH,IACF,CAAC;EAEH,MAAMI,QAAQ,GAAGA,CAAA,KAAM,IAAAC,wBAAc,EAACN,IAAI,EAAEC,IAAI,CAAC;EACjD,MAAMM,OAAO,GAAGA,CAAA,KAAM,IAAAC,sBAAa,EAACR,IAAI,EAAEC,IAAI,CAAC;EAC/C,MAAMQ,aAAa,GAAGA,CAAA,KAAM,IAAAC,kCAAmB,EAACV,IAAI,EAAEC,IAAI,CAAC;EAE3D,OAAO;IACL,GAAG,IAAAU,+BAAoB,EAACX,IAAI,CAAC;IAC7B;AACJ;AACA;AACA;IACIY,IAAI,EAAGC,OAAgB,IAAKb,IAAI,CAACY,IAAI,CAACC,OAAO,CAAC;IAC9C;IACAC,eAAe,EAAEA,CAAA,KAAMZ,UAAU,CAAC,CAAC,CAACY,eAAe,CAAC,CAAC;IACrD;IACAC,sBAAsB,EAAEA,CAAA,KAAMb,UAAU,CAAC,CAAC,CAACa,sBAAsB,CAAC,CAAC;IACnE;IACAV,QAAQ;IACR;IACAE,OAAO;IACPS,aAAa,EAAEA,CAAA,KACbhB,IAAI,CAACI,CAAC,CAAC,0CAA0C,CAAC,CAACa,MAAM,CAAC,CAAC;IAC7DC,cAAc,EAAE,MAAAA,CAAA,KACd,EAAE,MAAMlB,IAAI,CAACI,CAAC,CAAC,0CAA0C,CAAC,CAACa,MAAM,CAAC,CAAC,CAAC;IACtE;AACJ;AACA;IACIR;EACF,CAAC;AACH;AAAC,IAAAU,QAAA,GAAAC,OAAA,CAAAC,OAAA,GAEctB,wBAAwB","ignoreList":[]}
+{"version":3,"names":["_TableUni","require","_GridUni","_CollectionToolbarUni","_unidriver","_SummaryBarUni","TableGridSwitchUniDriver","base","body","getToolbar","CollectionToolbarUniDriver","$","getTable","TableUniDriver","getGrid","GridUniDriver","getSummaryBar","SummaryBarUniDriver","baseUniDriverFactory","wait","timeout","getSwitchButton","getSwitchButtonDivider","isShowingGrid","exists","isShowingTable","_default","exports","default"],"sources":["../../../../src/components/TableGridSwitch/TableGridSwitch.uni.driver.ts"],"sourcesContent":["import { UniDriver } from '@wix/wix-ui-test-utils/unidriver';\nimport { TableUniDriver } from '../Table/Table.uni.driver';\nimport { GridUniDriver } from '../Grid/Grid.uni.driver';\nimport { CollectionToolbarUniDriver } from '../CollectionToolbar/CollectionToolbar.uni.driver';\nimport { baseUniDriverFactory } from '../../unidriver';\nimport { SummaryBarUniDriver } from '../SummaryBar/SummaryBar.uni.driver';\n\nexport function TableGridSwitchUniDriver(base: UniDriver, body: UniDriver) {\n  const getToolbar = () =>\n    CollectionToolbarUniDriver(\n      base.$('[data-hook=\"collection-toolbar\"]'),\n      body,\n    );\n\n  const getTable = () => TableUniDriver(base, body);\n  const getGrid = () => GridUniDriver(base, body);\n  const getSummaryBar = () => SummaryBarUniDriver(base, body);\n\n  return {\n    ...baseUniDriverFactory(base),\n    /**\n     * Wait until root element to exist\n     * @param timeout - time to wait until bailing\n     */\n    wait: (timeout?: number) => base.wait(timeout),\n    /** Get layout switch button */\n    getSwitchButton: () => getToolbar().getSwitchButton(),\n    /** Get layout switch button divider */\n    getSwitchButtonDivider: () => getToolbar().getSwitchButtonDivider(),\n    /** Get Table driver */\n    getTable,\n    /** Get Grid driver */\n    getGrid,\n    isShowingGrid: () => body.$(`[data-hook=\"layout-view-grid\"]`).exists(),\n    isShowingTable: () => body.$(`[data-hook=\"layout-view-table\"]`).exists(),\n    /**\n     * Gets collection summary bar\n     */\n    getSummaryBar,\n  };\n}\n\nexport default TableGridSwitchUniDriver;\n"],"mappings":";;;;;AACA,IAAAA,SAAA,GAAAC,OAAA;AACA,IAAAC,QAAA,GAAAD,OAAA;AACA,IAAAE,qBAAA,GAAAF,OAAA;AACA,IAAAG,UAAA,GAAAH,OAAA;AACA,IAAAI,cAAA,GAAAJ,OAAA;AAEO,SAASK,wBAAwBA,CAACC,IAAe,EAAEC,IAAe,EAAE;EACzE,MAAMC,UAAU,GAAGA,CAAA,KACjB,IAAAC,gDAA0B,EACxBH,IAAI,CAACI,CAAC,CAAC,kCAAkC,CAAC,EAC1CH,IACF,CAAC;EAEH,MAAMI,QAAQ,GAAGA,CAAA,KAAM,IAAAC,wBAAc,EAACN,IAAI,EAAEC,IAAI,CAAC;EACjD,MAAMM,OAAO,GAAGA,CAAA,KAAM,IAAAC,sBAAa,EAACR,IAAI,EAAEC,IAAI,CAAC;EAC/C,MAAMQ,aAAa,GAAGA,CAAA,KAAM,IAAAC,kCAAmB,EAACV,IAAI,EAAEC,IAAI,CAAC;EAE3D,OAAO;IACL,GAAG,IAAAU,+BAAoB,EAACX,IAAI,CAAC;IAC7B;AACJ;AACA;AACA;IACIY,IAAI,EAAGC,OAAgB,IAAKb,IAAI,CAACY,IAAI,CAACC,OAAO,CAAC;IAC9C;IACAC,eAAe,EAAEA,CAAA,KAAMZ,UAAU,CAAC,CAAC,CAACY,eAAe,CAAC,CAAC;IACrD;IACAC,sBAAsB,EAAEA,CAAA,KAAMb,UAAU,CAAC,CAAC,CAACa,sBAAsB,CAAC,CAAC;IACnE;IACAV,QAAQ;IACR;IACAE,OAAO;IACPS,aAAa,EAAEA,CAAA,KAAMf,IAAI,CAACG,CAAC,CAAC,gCAAgC,CAAC,CAACa,MAAM,CAAC,CAAC;IACtEC,cAAc,EAAEA,CAAA,KAAMjB,IAAI,CAACG,CAAC,CAAC,iCAAiC,CAAC,CAACa,MAAM,CAAC,CAAC;IACxE;AACJ;AACA;IACIR;EACF,CAAC;AACH;AAAC,IAAAU,QAAA,GAAAC,OAAA,CAAAC,OAAA,GAEctB,wBAAwB","ignoreList":[]}

package/dist/cjs/components/TableGridSwitchButton/TableGridSwitchButton.js

@@ -1,132 +1,25 @@
 "use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 exports.__esModule = true;
 exports.TableGridSwitchButton = void 0;
 var _mobxReactLite = require("mobx-react-lite");
-var _react = _interopRequireWildcard(require("react"));
-var _designSystem = require("@wix/design-system");
-var _wixUiIconsCommon = require("@wix/wix-ui-icons-common");
-var _react2 = require("@wix/bex-core/react");
-var _layoutConfig = require("./layoutConfig");
+var _react = _interopRequireDefault(require("react"));
+var _LayoutSwitchButton = require("../LayoutSwitchButton");
 var _jsxFileName = "/home/builduser/work/843658b9f44192f0/packages/cairo/dist/cjs/components/TableGridSwitchButton/TableGridSwitchButton.tsx";
-function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
-function _TableGridSwitchButton(props) {
-  const {
-    translate: t,
-    experiments
-  } = (0, _react2.useWixPatternsContainer)();
-  const {
-    state
-  } = props;
-  const {
-    viewType
-  } = state;
-  const isLayoutToggleRedesignEnabled = experiments.enabled('specs.cairo.layout-toggle.redesign');
-  const options = (0, _react.useMemo)(() => _layoutConfig.layoutOptions.map(option => (0, _designSystem.listItemSelectBuilder)({
-    id: option,
-    title: t(_layoutConfig.layoutConfig[option].translationKey),
-    prefix: _layoutConfig.layoutConfig[option].icon,
-    dataHook: `layout-option-${option}`
-  })), [t]);
-  if (!isLayoutToggleRedesignEnabled) {
-    return /*#__PURE__*/_react.default.createElement(_designSystem.SegmentedToggle, {
-      size: "small",
-      dataHook: "table-grid-switch-toggle-button",
-      selected: viewType,
-      onClick: (_, value) => {
-        if (state.viewType === value) {
-          return;
-        }
-        state.changeViewType(value);
-      },
-      __self: this,
-      __source: {
-        fileName: _jsxFileName,
-        lineNumber: 44,
-        columnNumber: 7
-      }
-    }, /*#__PURE__*/_react.default.createElement(_designSystem.SegmentedToggle.Icon, {
-      value: "grid",
-      dataHook: "toggle-option-grid",
-      tooltipText: t('cairo.table.gridView'),
-      __self: this,
-      __source: {
-        fileName: _jsxFileName,
-        lineNumber: 55,
-        columnNumber: 9
-      }
-    }, /*#__PURE__*/_react.default.createElement(_wixUiIconsCommon.LayoutGallery, {
-      __self: this,
-      __source: {
-        fileName: _jsxFileName,
-        lineNumber: 60,
-        columnNumber: 11
-      }
-    })), /*#__PURE__*/_react.default.createElement(_designSystem.SegmentedToggle.Icon, {
-      value: "table",
-      dataHook: "toggle-option-table",
-      tooltipText: t('cairo.table.listView'),
-      __self: this,
-      __source: {
-        fileName: _jsxFileName,
-        lineNumber: 62,
-        columnNumber: 9
-      }
-    }, /*#__PURE__*/_react.default.createElement(_wixUiIconsCommon.LayoutList, {
-      __self: this,
-      __source: {
-        fileName: _jsxFileName,
-        lineNumber: 67,
-        columnNumber: 11
-      }
-    })));
-  }
-  return /*#__PURE__*/_react.default.createElement(_designSystem.DropdownBase, {
-    dataHook: "layout-switch-popover",
-    options: options,
-    selectedId: viewType,
-    showArrow: true,
-    onSelect: option => {
-      const selectedOption = option.id;
-      const index = _layoutConfig.layoutOptions.indexOf(selectedOption);
-      state.reportLayoutOptionClicked(selectedOption, index);
-      if (viewType !== selectedOption) {
-        state.changeViewType(selectedOption);
-      }
-    },
+function _TableGridSwitchButton({
+  state
+}) {
+  return /*#__PURE__*/_react.default.createElement(_LayoutSwitchButton.LayoutSwitchButton, {
+    state: state,
+    options: ['table', 'grid'],
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 74,
-      columnNumber: 5
+      lineNumber: 11,
+      columnNumber: 10
     }
-  }, ({
-    toggle
-  }) => /*#__PURE__*/_react.default.createElement(_designSystem.Tooltip, {
-    content: t('cairo.table.layout.switchLayout'),
-    size: "medium",
-    __self: this,
-    __source: {
-      fileName: _jsxFileName,
-      lineNumber: 89,
-      columnNumber: 9
-    }
-  }, /*#__PURE__*/_react.default.createElement(_designSystem.IconButton, {
-    dataHook: "layout-switch-button",
-    size: "small",
-    priority: "secondary",
-    "aria-haspopup": "menu",
-    onClick: () => {
-      state.reportLayoutSwitch();
-      toggle();
-    },
-    __self: this,
-    __source: {
-      fileName: _jsxFileName,
-      lineNumber: 93,
-      columnNumber: 11
-    }
-  }, _layoutConfig.layoutConfig[viewType].icon)));
+  });
 }
 const TableGridSwitchButton = exports.TableGridSwitchButton = (0, _mobxReactLite.observer)(_TableGridSwitchButton);
 //# sourceMappingURL=TableGridSwitchButton.js.map

package/dist/cjs/components/TableGridSwitchButton/TableGridSwitchButton.js.map

@@ -1 +1 @@
-{"version":3,"names":["_mobxReactLite","require","_react","_interopRequireWildcard","_designSystem","_wixUiIconsCommon","_react2","_layoutConfig","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_TableGridSwitchButton","props","translate","experiments","useWixPatternsContainer","state","viewType","isLayoutToggleRedesignEnabled","enabled","options","useMemo","layoutOptions","map","option","listItemSelectBuilder","id","title","layoutConfig","translationKey","prefix","icon","dataHook","createElement","SegmentedToggle","size","selected","onClick","_","value","changeViewType","__self","__source","fileName","lineNumber","columnNumber","Icon","tooltipText","LayoutGallery","LayoutList","DropdownBase","selectedId","showArrow","onSelect","selectedOption","index","indexOf","reportLayoutOptionClicked","toggle","Tooltip","content","IconButton","priority","reportLayoutSwitch","TableGridSwitchButton","exports","observer"],"sources":["../../../../src/components/TableGridSwitchButton/TableGridSwitchButton.tsx"],"sourcesContent":["import { observer } from 'mobx-react-lite';\nimport React, { useMemo } from 'react';\nimport {\n  DropdownBase,\n  IconButton,\n  listItemSelectBuilder,\n  SegmentedToggle,\n  Tooltip,\n} from '@wix/design-system';\nimport { LayoutGallery, LayoutList } from '@wix/wix-ui-icons-common';\nimport { useWixPatternsContainer } from '@wix/bex-core/react';\nimport { TranslationsKeys } from '@wix/bex-core';\nimport { ViewType, ViewTypeState } from '../../state/ViewTypeState';\nimport { layoutOptions, layoutConfig } from './layoutConfig';\n\nexport interface TableGridSwitchButtonProps {\n  state: ViewTypeState;\n}\n\nfunction _TableGridSwitchButton(props: TableGridSwitchButtonProps) {\n  const { translate: t, experiments } = useWixPatternsContainer();\n  const { state } = props;\n  const { viewType } = state;\n\n  const isLayoutToggleRedesignEnabled = experiments.enabled(\n    'specs.cairo.layout-toggle.redesign',\n  );\n\n  const options = useMemo(\n    () =>\n      layoutOptions.map((option) =>\n        listItemSelectBuilder({\n          id: option,\n          title: t(layoutConfig[option].translationKey),\n          prefix: layoutConfig[option].icon,\n          dataHook: `layout-option-${option}`,\n        }),\n      ),\n    [t],\n  );\n\n  if (!isLayoutToggleRedesignEnabled) {\n    return (\n      <SegmentedToggle\n        size=\"small\"\n        dataHook=\"table-grid-switch-toggle-button\"\n        selected={viewType}\n        onClick={(_, value) => {\n          if (state.viewType === value) {\n            return;\n          }\n          state.changeViewType(value as ViewType);\n        }}\n      >\n        <SegmentedToggle.Icon\n          value=\"grid\"\n          dataHook=\"toggle-option-grid\"\n          tooltipText={t('cairo.table.gridView' as TranslationsKeys)}\n        >\n          <LayoutGallery />\n        </SegmentedToggle.Icon>\n        <SegmentedToggle.Icon\n          value=\"table\"\n          dataHook=\"toggle-option-table\"\n          tooltipText={t('cairo.table.listView' as TranslationsKeys)}\n        >\n          <LayoutList />\n        </SegmentedToggle.Icon>\n      </SegmentedToggle>\n    );\n  }\n\n  return (\n    <DropdownBase\n      dataHook=\"layout-switch-popover\"\n      options={options}\n      selectedId={viewType}\n      showArrow\n      onSelect={(option) => {\n        const selectedOption = option.id as ViewType;\n        const index = layoutOptions.indexOf(selectedOption);\n        state.reportLayoutOptionClicked(selectedOption, index);\n        if (viewType !== selectedOption) {\n          state.changeViewType(selectedOption);\n        }\n      }}\n    >\n      {({ toggle }) => (\n        <Tooltip\n          content={t('cairo.table.layout.switchLayout' as TranslationsKeys)}\n          size=\"medium\"\n        >\n          <IconButton\n            dataHook=\"layout-switch-button\"\n            size=\"small\"\n            priority=\"secondary\"\n            aria-haspopup=\"menu\"\n            onClick={() => {\n              state.reportLayoutSwitch();\n              toggle();\n            }}\n          >\n            {layoutConfig[viewType].icon}\n          </IconButton>\n        </Tooltip>\n      )}\n    </DropdownBase>\n  );\n}\n\nexport const TableGridSwitchButton = observer(_TableGridSwitchButton);\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_mobxReactLite","require","_react","_interopRequireDefault","_LayoutSwitchButton","_jsxFileName","_TableGridSwitchButton","state","default","createElement","LayoutSwitchButton","options","__self","__source","fileName","lineNumber","columnNumber","TableGridSwitchButton","exports","observer"],"sources":["../../../../src/components/TableGridSwitchButton/TableGridSwitchButton.tsx"],"sourcesContent":["import { observer } from 'mobx-react-lite';\nimport React from 'react';\nimport { ViewTypeState } from '../../state/ViewTypeState';\nimport { LayoutSwitchButton } from '../LayoutSwitchButton';\n\nexport interface TableGridSwitchButtonProps {\n  state: ViewTypeState;\n}\n\nfunction _TableGridSwitchButton({ state }: TableGridSwitchButtonProps) {\n  return <LayoutSwitchButton state={state} options={['table', 'grid']} />;\n}\n\nexport const TableGridSwitchButton = observer(_TableGridSwitchButton);\n"],"mappings":";;;;;AAAA,IAAAA,cAAA,GAAAC,OAAA;AACA,IAAAC,MAAA,GAAAC,sBAAA,CAAAF,OAAA;AAEA,IAAAG,mBAAA,GAAAH,OAAA;AAA2D,IAAAI,YAAA;AAM3D,SAASC,sBAAsBA,CAAC;EAAEC;AAAkC,CAAC,EAAE;EACrE,oBAAOL,MAAA,CAAAM,OAAA,CAAAC,aAAA,CAACL,mBAAA,CAAAM,kBAAkB;IAACH,KAAK,EAAEA,KAAM;IAACI,OAAO,EAAE,CAAC,OAAO,EAAE,MAAM,CAAE;IAAAC,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAT,YAAA;MAAAU,UAAA;MAAAC,YAAA;IAAA;EAAA,CAAE,CAAC;AACzE;AAEO,MAAMC,qBAAqB,GAAAC,OAAA,CAAAD,qBAAA,GAAG,IAAAE,uBAAQ,EAACb,sBAAsB,CAAC","ignoreList":[]}

package/dist/cjs/components/TableGridSwitchButton/TableGridSwitchButton.uni.driver.js

@@ -15,9 +15,9 @@ function TableGridSwitchButtonUniDriver(base, body) {
     /** Check if the SegmentedToggle (old UI) exists */
     exists: () => base.exists(),
     /** Click table button in SegmentedToggle (old UI) */
-    clickTableButton: () => base.$$(`[data-hook="toggle-icon"]`).get(1).click(),
+    clickTableButton: () => base.$(`[data-hook="toggle-option-table"] [data-hook="toggle-icon"]`).click(),
     /** Click grid button in SegmentedToggle (old UI) */
-    clickGridButton: () => base.$$(`[data-hook="toggle-icon"]`).get(0).click(),
+    clickGridButton: () => base.$(`[data-hook="toggle-option-grid"] [data-hook="toggle-icon"]`).click(),
     popoverExists: () => getDropdown().exists(),
     layoutSwitchButtonExists: () => getLayoutSwitchButton().exists(),
     openPopover: () => getLayoutSwitchButton().click(),

package/dist/cjs/components/TableGridSwitchButton/TableGridSwitchButton.uni.driver.js.map

@@ -1 +1 @@
-{"version":3,"names":["_unidriver","require","TableGridSwitchButtonUniDriver","base","body","getSegmented","SegmentedToggleUniDriver","getDropdown","DropdownBaseUniDriver","$","getLayoutSwitchButton","exists","clickTableButton","$$","get","click","clickGridButton","popoverExists","layoutSwitchButtonExists","openPopover","isPopoverOpen","isDropdownShown","clickLayoutOption","option","selectOptionByDataHook","getLayoutOptionsCount","optionsCount","_default","exports","default"],"sources":["../../../../src/components/TableGridSwitchButton/TableGridSwitchButton.uni.driver.ts"],"sourcesContent":["import {\n  DropdownBaseUniDriver,\n  SegmentedToggleUniDriver,\n} from '@wix/design-system/dist/testkit/unidriver';\nimport { UniDriver } from '@wix/wix-ui-test-utils/unidriver';\n\nexport function TableGridSwitchButtonUniDriver(\n  base: UniDriver,\n  body: UniDriver,\n) {\n  const getSegmented = () => SegmentedToggleUniDriver(base, body);\n\n  // New DropdownBase driver (experiment enabled)\n  const getDropdown = () =>\n    DropdownBaseUniDriver(body.$('[data-hook=\"layout-switch-popover\"]'), body);\n\n  const getLayoutSwitchButton = () =>\n    body.$('[data-hook=\"layout-switch-button\"]');\n\n  return {\n    ...getSegmented(),\n    /** Check if the SegmentedToggle (old UI) exists */\n    exists: () => base.exists(),\n    /** Click table button in SegmentedToggle (old UI) */\n    clickTableButton: () => base.$$(`[data-hook=\"toggle-icon\"]`).get(1).click(),\n    /** Click grid button in SegmentedToggle (old UI) */\n    clickGridButton: () => base.$$(`[data-hook=\"toggle-icon\"]`).get(0).click(),\n\n    popoverExists: () => getDropdown().exists(),\n    layoutSwitchButtonExists: () => getLayoutSwitchButton().exists(),\n    openPopover: () => getLayoutSwitchButton().click(),\n    isPopoverOpen: () => getDropdown().isDropdownShown(),\n    clickLayoutOption: (option: 'table' | 'grid') =>\n      getDropdown().selectOptionByDataHook(`layout-option-${option}`),\n    getLayoutOptionsCount: () => getDropdown().optionsCount(),\n  };\n}\n\nexport default TableGridSwitchButtonUniDriver;\n"],"mappings":";;;;;AAAA,IAAAA,UAAA,GAAAC,OAAA;AAMO,SAASC,8BAA8BA,CAC5CC,IAAe,EACfC,IAAe,EACf;EACA,MAAMC,YAAY,GAAGA,CAAA,KAAM,IAAAC,mCAAwB,EAACH,IAAI,EAAEC,IAAI,CAAC;;EAE/D;EACA,MAAMG,WAAW,GAAGA,CAAA,KAClB,IAAAC,gCAAqB,EAACJ,IAAI,CAACK,CAAC,CAAC,qCAAqC,CAAC,EAAEL,IAAI,CAAC;EAE5E,MAAMM,qBAAqB,GAAGA,CAAA,KAC5BN,IAAI,CAACK,CAAC,CAAC,oCAAoC,CAAC;EAE9C,OAAO;IACL,GAAGJ,YAAY,CAAC,CAAC;IACjB;IACAM,MAAM,EAAEA,CAAA,KAAMR,IAAI,CAACQ,MAAM,CAAC,CAAC;IAC3B;IACAC,gBAAgB,EAAEA,CAAA,KAAMT,IAAI,CAACU,EAAE,CAAC,2BAA2B,CAAC,CAACC,GAAG,CAAC,CAAC,CAAC,CAACC,KAAK,CAAC,CAAC;IAC3E;IACAC,eAAe,EAAEA,CAAA,KAAMb,IAAI,CAACU,EAAE,CAAC,2BAA2B,CAAC,CAACC,GAAG,CAAC,CAAC,CAAC,CAACC,KAAK,CAAC,CAAC;IAE1EE,aAAa,EAAEA,CAAA,KAAMV,WAAW,CAAC,CAAC,CAACI,MAAM,CAAC,CAAC;IAC3CO,wBAAwB,EAAEA,CAAA,KAAMR,qBAAqB,CAAC,CAAC,CAACC,MAAM,CAAC,CAAC;IAChEQ,WAAW,EAAEA,CAAA,KAAMT,qBAAqB,CAAC,CAAC,CAACK,KAAK,CAAC,CAAC;IAClDK,aAAa,EAAEA,CAAA,KAAMb,WAAW,CAAC,CAAC,CAACc,eAAe,CAAC,CAAC;IACpDC,iBAAiB,EAAGC,MAAwB,IAC1ChB,WAAW,CAAC,CAAC,CAACiB,sBAAsB,CAAC,iBAAiBD,MAAM,EAAE,CAAC;IACjEE,qBAAqB,EAAEA,CAAA,KAAMlB,WAAW,CAAC,CAAC,CAACmB,YAAY,CAAC;EAC1D,CAAC;AACH;AAAC,IAAAC,QAAA,GAAAC,OAAA,CAAAC,OAAA,GAEc3B,8BAA8B","ignoreList":[]}
+{"version":3,"names":["_unidriver","require","TableGridSwitchButtonUniDriver","base","body","getSegmented","SegmentedToggleUniDriver","getDropdown","DropdownBaseUniDriver","$","getLayoutSwitchButton","exists","clickTableButton","click","clickGridButton","popoverExists","layoutSwitchButtonExists","openPopover","isPopoverOpen","isDropdownShown","clickLayoutOption","option","selectOptionByDataHook","getLayoutOptionsCount","optionsCount","_default","exports","default"],"sources":["../../../../src/components/TableGridSwitchButton/TableGridSwitchButton.uni.driver.ts"],"sourcesContent":["import {\n  DropdownBaseUniDriver,\n  SegmentedToggleUniDriver,\n} from '@wix/design-system/dist/testkit/unidriver';\nimport { UniDriver } from '@wix/wix-ui-test-utils/unidriver';\n\nexport function TableGridSwitchButtonUniDriver(\n  base: UniDriver,\n  body: UniDriver,\n) {\n  const getSegmented = () => SegmentedToggleUniDriver(base, body);\n\n  // New DropdownBase driver (experiment enabled)\n  const getDropdown = () =>\n    DropdownBaseUniDriver(body.$('[data-hook=\"layout-switch-popover\"]'), body);\n\n  const getLayoutSwitchButton = () =>\n    body.$('[data-hook=\"layout-switch-button\"]');\n\n  return {\n    ...getSegmented(),\n    /** Check if the SegmentedToggle (old UI) exists */\n    exists: () => base.exists(),\n    /** Click table button in SegmentedToggle (old UI) */\n    clickTableButton: () =>\n      base\n        .$(`[data-hook=\"toggle-option-table\"] [data-hook=\"toggle-icon\"]`)\n        .click(),\n    /** Click grid button in SegmentedToggle (old UI) */\n    clickGridButton: () =>\n      base\n        .$(`[data-hook=\"toggle-option-grid\"] [data-hook=\"toggle-icon\"]`)\n        .click(),\n\n    popoverExists: () => getDropdown().exists(),\n    layoutSwitchButtonExists: () => getLayoutSwitchButton().exists(),\n    openPopover: () => getLayoutSwitchButton().click(),\n    isPopoverOpen: () => getDropdown().isDropdownShown(),\n    clickLayoutOption: (option: 'table' | 'grid' | 'spreadsheet') =>\n      getDropdown().selectOptionByDataHook(`layout-option-${option}`),\n    getLayoutOptionsCount: () => getDropdown().optionsCount(),\n  };\n}\n\nexport default TableGridSwitchButtonUniDriver;\n"],"mappings":";;;;;AAAA,IAAAA,UAAA,GAAAC,OAAA;AAMO,SAASC,8BAA8BA,CAC5CC,IAAe,EACfC,IAAe,EACf;EACA,MAAMC,YAAY,GAAGA,CAAA,KAAM,IAAAC,mCAAwB,EAACH,IAAI,EAAEC,IAAI,CAAC;;EAE/D;EACA,MAAMG,WAAW,GAAGA,CAAA,KAClB,IAAAC,gCAAqB,EAACJ,IAAI,CAACK,CAAC,CAAC,qCAAqC,CAAC,EAAEL,IAAI,CAAC;EAE5E,MAAMM,qBAAqB,GAAGA,CAAA,KAC5BN,IAAI,CAACK,CAAC,CAAC,oCAAoC,CAAC;EAE9C,OAAO;IACL,GAAGJ,YAAY,CAAC,CAAC;IACjB;IACAM,MAAM,EAAEA,CAAA,KAAMR,IAAI,CAACQ,MAAM,CAAC,CAAC;IAC3B;IACAC,gBAAgB,EAAEA,CAAA,KAChBT,IAAI,CACDM,CAAC,CAAC,6DAA6D,CAAC,CAChEI,KAAK,CAAC,CAAC;IACZ;IACAC,eAAe,EAAEA,CAAA,KACfX,IAAI,CACDM,CAAC,CAAC,4DAA4D,CAAC,CAC/DI,KAAK,CAAC,CAAC;IAEZE,aAAa,EAAEA,CAAA,KAAMR,WAAW,CAAC,CAAC,CAACI,MAAM,CAAC,CAAC;IAC3CK,wBAAwB,EAAEA,CAAA,KAAMN,qBAAqB,CAAC,CAAC,CAACC,MAAM,CAAC,CAAC;IAChEM,WAAW,EAAEA,CAAA,KAAMP,qBAAqB,CAAC,CAAC,CAACG,KAAK,CAAC,CAAC;IAClDK,aAAa,EAAEA,CAAA,KAAMX,WAAW,CAAC,CAAC,CAACY,eAAe,CAAC,CAAC;IACpDC,iBAAiB,EAAGC,MAAwC,IAC1Dd,WAAW,CAAC,CAAC,CAACe,sBAAsB,CAAC,iBAAiBD,MAAM,EAAE,CAAC;IACjEE,qBAAqB,EAAEA,CAAA,KAAMhB,WAAW,CAAC,CAAC,CAACiB,YAAY,CAAC;EAC1D,CAAC;AACH;AAAC,IAAAC,QAAA,GAAAC,OAAA,CAAAC,OAAA,GAEczB,8BAA8B","ignoreList":[]}