@wix/patterns-fields 1.118.0 → 1.121.0

package/dist/cjs/components/image/thumbnail-replace-overlay.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_ = "thumbnailreplaceoverlay1457233069";
+var _namespace_ = "thumbnailreplaceoverlay4253664154";
 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": "thumbnailreplaceoverlay1457233069__root",
-  "icon": "thumbnailreplaceoverlay1457233069__icon"
+  "root": "thumbnailreplaceoverlay4253664154__root",
+  "icon": "thumbnailreplaceoverlay4253664154__icon"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/image/thumbnail-replace-overlay.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/image/thumbnail-replace-overlay.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"thumbnailreplaceoverlay1457233069\";\nvar _style_ = classesRuntime.bind(null, _namespace_);\n\nexport var cssStates = statesRuntime.bind(null, _namespace_);\nexport var style: import(\"@stylable/runtime\").STFunction = _style_;\nexport var st: import(\"@stylable/runtime\").STFunction = _style_;\n\nexport var namespace = _namespace_;\nexport var classes = {\"root\":\"thumbnailreplaceoverlay1457233069__root\",\"icon\":\"thumbnailreplaceoverlay1457233069__icon\"};\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,mCAAmC;AACrD,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,KAA6C,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AAC3D,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,yCAAyC;EAAC,MAAM,EAAC;AAAyC,CAAC;AACjH,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/image/thumbnail-replace-overlay.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"thumbnailreplaceoverlay4253664154\";\nvar _style_ = classesRuntime.bind(null, _namespace_);\n\nexport var cssStates = statesRuntime.bind(null, _namespace_);\nexport var style: import(\"@stylable/runtime\").STFunction = _style_;\nexport var st: import(\"@stylable/runtime\").STFunction = _style_;\n\nexport var namespace = _namespace_;\nexport var classes = {\"root\":\"thumbnailreplaceoverlay4253664154__root\",\"icon\":\"thumbnailreplaceoverlay4253664154__icon\"};\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,mCAAmC;AACrD,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,KAA6C,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AAC3D,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,yCAAyC;EAAC,MAAM,EAAC;AAAyC,CAAC;AACjH,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/media-control/cell-media-edit-shell.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_ = "cellmediaeditshell2558708225";
+var _namespace_ = "cellmediaeditshell2310000275";
 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": "cellmediaeditshell2558708225__root"
+  "root": "cellmediaeditshell2310000275__root"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/media-control/cell-media-edit-shell.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/media-control/cell-media-edit-shell.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"cellmediaeditshell2558708225\";\nvar _style_ = classesRuntime.bind(null, _namespace_);\n\nexport var cssStates = statesRuntime.bind(null, _namespace_);\nexport var style: import(\"@stylable/runtime\").STFunction = _style_;\nexport var st: import(\"@stylable/runtime\").STFunction = _style_;\n\nexport var namespace = _namespace_;\nexport var classes = {\"root\":\"cellmediaeditshell2558708225__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,8BAA8B;AAChD,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,KAA6C,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AAC3D,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;AAAoC,CAAC;AAC3D,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/media-control/cell-media-edit-shell.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"cellmediaeditshell2310000275\";\nvar _style_ = classesRuntime.bind(null, _namespace_);\n\nexport var cssStates = statesRuntime.bind(null, _namespace_);\nexport var style: import(\"@stylable/runtime\").STFunction = _style_;\nexport var st: import(\"@stylable/runtime\").STFunction = _style_;\n\nexport var namespace = _namespace_;\nexport var classes = {\"root\":\"cellmediaeditshell2310000275__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,8BAA8B;AAChD,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,KAA6C,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AAC3D,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;AAAoC,CAAC;AAC3D,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/media-control/paste-url-button.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_ = "pasteurlbutton3407064295";
+var _namespace_ = "pasteurlbutton577192407";
 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": "pasteurlbutton3407064295__root",
-  "iconButtonTooltip": "pasteurlbutton3407064295__iconButtonTooltip",
-  "iconButton": "pasteurlbutton3407064295__iconButton"
+  "root": "pasteurlbutton577192407__root",
+  "iconButtonTooltip": "pasteurlbutton577192407__iconButtonTooltip",
+  "iconButton": "pasteurlbutton577192407__iconButton"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/media-control/paste-url-button.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/media-control/paste-url-button.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"pasteurlbutton3407064295\";\nvar _style_ = classesRuntime.bind(null, _namespace_);\n\nexport var cssStates = statesRuntime.bind(null, _namespace_);\nexport var style: import(\"@stylable/runtime\").STFunction = _style_;\nexport var st: import(\"@stylable/runtime\").STFunction = _style_;\n\nexport var namespace = _namespace_;\nexport var classes = {\"root\":\"pasteurlbutton3407064295__root\",\"iconButtonTooltip\":\"pasteurlbutton3407064295__iconButtonTooltip\",\"iconButton\":\"pasteurlbutton3407064295__iconButton\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,0BAA0B;AAC5C,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAA6C,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AAC3D,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,gCAAgC;EAAC,mBAAmB,EAAC,6CAA6C;EAAC,YAAY,EAAC;AAAsC,CAAC;AAC7K,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/media-control/paste-url-button.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"pasteurlbutton577192407\";\nvar _style_ = classesRuntime.bind(null, _namespace_);\n\nexport var cssStates = statesRuntime.bind(null, _namespace_);\nexport var style: import(\"@stylable/runtime\").STFunction = _style_;\nexport var st: import(\"@stylable/runtime\").STFunction = _style_;\n\nexport var namespace = _namespace_;\nexport var classes = {\"root\":\"pasteurlbutton577192407__root\",\"iconButtonTooltip\":\"pasteurlbutton577192407__iconButtonTooltip\",\"iconButton\":\"pasteurlbutton577192407__iconButton\"};\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,KAA6C,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AAC3D,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,+BAA+B;EAAC,mBAAmB,EAAC,4CAA4C;EAAC,YAAY,EAAC;AAAqC,CAAC;AAC1K,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/media-gallery/form-media-gallery-field.st.css.js

@@ -5,22 +5,22 @@ exports.vars = exports.style = exports.stVars = exports.st = exports.namespace =
 var _stylableEsmRuntime = require("../../stylable-esm-runtime.js");
 // @ts-nocheck
 
-var _namespace_ = "formmediagalleryfield2708325978";
+var _namespace_ = "formmediagalleryfield2807419625";
 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": "formmediagalleryfield2708325978__root",
-  "container": "formmediagalleryfield2708325978__container",
-  "viewBox": "formmediagalleryfield2708325978__viewBox",
-  "addItemWrapper": "formmediagalleryfield2708325978__addItemWrapper",
-  "addItem": "formmediagalleryfield2708325978__addItem",
-  "overlay": "formmediagalleryfield2708325978__overlay",
-  "image": "formmediagalleryfield2708325978__image",
-  "previewImage": "formmediagalleryfield2708325978__previewImage",
-  "previewVideo": "formmediagalleryfield2708325978__previewVideo"
+  "root": "formmediagalleryfield2807419625__root",
+  "container": "formmediagalleryfield2807419625__container",
+  "viewBox": "formmediagalleryfield2807419625__viewBox",
+  "addItemWrapper": "formmediagalleryfield2807419625__addItemWrapper",
+  "addItem": "formmediagalleryfield2807419625__addItem",
+  "overlay": "formmediagalleryfield2807419625__overlay",
+  "image": "formmediagalleryfield2807419625__image",
+  "previewImage": "formmediagalleryfield2807419625__previewImage",
+  "previewVideo": "formmediagalleryfield2807419625__previewVideo"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/media-gallery/form-media-gallery-field.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/media-gallery/form-media-gallery-field.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"formmediagalleryfield2708325978\";\nvar _style_ = classesRuntime.bind(null, _namespace_);\n\nexport var cssStates = statesRuntime.bind(null, _namespace_);\nexport var style: import(\"@stylable/runtime\").STFunction = _style_;\nexport var st: import(\"@stylable/runtime\").STFunction = _style_;\n\nexport var namespace = _namespace_;\nexport var classes = {\"root\":\"formmediagalleryfield2708325978__root\",\"container\":\"formmediagalleryfield2708325978__container\",\"viewBox\":\"formmediagalleryfield2708325978__viewBox\",\"addItemWrapper\":\"formmediagalleryfield2708325978__addItemWrapper\",\"addItem\":\"formmediagalleryfield2708325978__addItem\",\"overlay\":\"formmediagalleryfield2708325978__overlay\",\"image\":\"formmediagalleryfield2708325978__image\",\"previewImage\":\"formmediagalleryfield2708325978__previewImage\",\"previewVideo\":\"formmediagalleryfield2708325978__previewVideo\"};\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,iCAAiC;AACnD,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,KAA6C,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AAC3D,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,uCAAuC;EAAC,WAAW,EAAC,4CAA4C;EAAC,SAAS,EAAC,0CAA0C;EAAC,gBAAgB,EAAC,iDAAiD;EAAC,SAAS,EAAC,0CAA0C;EAAC,SAAS,EAAC,0CAA0C;EAAC,OAAO,EAAC,wCAAwC;EAAC,cAAc,EAAC,+CAA+C;EAAC,cAAc,EAAC;AAA+C,CAAC;AACxgB,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/media-gallery/form-media-gallery-field.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"formmediagalleryfield2807419625\";\nvar _style_ = classesRuntime.bind(null, _namespace_);\n\nexport var cssStates = statesRuntime.bind(null, _namespace_);\nexport var style: import(\"@stylable/runtime\").STFunction = _style_;\nexport var st: import(\"@stylable/runtime\").STFunction = _style_;\n\nexport var namespace = _namespace_;\nexport var classes = {\"root\":\"formmediagalleryfield2807419625__root\",\"container\":\"formmediagalleryfield2807419625__container\",\"viewBox\":\"formmediagalleryfield2807419625__viewBox\",\"addItemWrapper\":\"formmediagalleryfield2807419625__addItemWrapper\",\"addItem\":\"formmediagalleryfield2807419625__addItem\",\"overlay\":\"formmediagalleryfield2807419625__overlay\",\"image\":\"formmediagalleryfield2807419625__image\",\"previewImage\":\"formmediagalleryfield2807419625__previewImage\",\"previewVideo\":\"formmediagalleryfield2807419625__previewVideo\"};\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,iCAAiC;AACnD,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,KAA6C,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AAC3D,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,uCAAuC;EAAC,WAAW,EAAC,4CAA4C;EAAC,SAAS,EAAC,0CAA0C;EAAC,gBAAgB,EAAC,iDAAiD;EAAC,SAAS,EAAC,0CAA0C;EAAC,SAAS,EAAC,0CAA0C;EAAC,OAAO,EAAC,wCAAwC;EAAC,cAAc,EAAC,+CAA+C;EAAC,cAAc,EAAC;AAA+C,CAAC;AACxgB,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/media-image/media-image.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_ = "mediaimage2609312527";
+var _namespace_ = "mediaimage3834455885";
 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": "mediaimage2609312527__root"
+  "root": "mediaimage3834455885__root"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};
@@ -23,7 +23,7 @@ var vars = exports.vars = {
   "wsr-color-R20": "--wsr-color-R20",
   "wds-color-black-550": "--wds-color-black-550",
   "wsr-color-D55": "--wsr-color-D55",
-  "from": "--mediaimage2609312527-from",
-  "to": "--mediaimage2609312527-to"
+  "from": "--mediaimage3834455885-from",
+  "to": "--mediaimage3834455885-to"
 };
 //# sourceMappingURL=media-image.st.css.js.map

package/dist/cjs/components/media-image/media-image.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/media-image/media-image.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"mediaimage2609312527\";\nvar _style_ = classesRuntime.bind(null, _namespace_);\n\nexport var cssStates = statesRuntime.bind(null, _namespace_);\nexport var style: import(\"@stylable/runtime\").STFunction = _style_;\nexport var st: import(\"@stylable/runtime\").STFunction = _style_;\n\nexport var namespace = _namespace_;\nexport var classes = {\"root\":\"mediaimage2609312527__root\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {\"wds-color-red-200\":\"--wds-color-red-200\",\"wsr-color-R20\":\"--wsr-color-R20\",\"wds-color-black-550\":\"--wds-color-black-550\",\"wsr-color-D55\":\"--wsr-color-D55\",\"from\":\"--mediaimage2609312527-from\",\"to\":\"--mediaimage2609312527-to\"}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,sBAAsB;AACxC,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,KAA6C,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AAC3D,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;AAA4B,CAAC;AACnD,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;EAAC,mBAAmB,EAAC,qBAAqB;EAAC,eAAe,EAAC,iBAAiB;EAAC,qBAAqB,EAAC,uBAAuB;EAAC,eAAe,EAAC,iBAAiB;EAAC,MAAM,EAAC,6BAA6B;EAAC,IAAI,EAAC;AAA2B,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/media-image/media-image.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"mediaimage3834455885\";\nvar _style_ = classesRuntime.bind(null, _namespace_);\n\nexport var cssStates = statesRuntime.bind(null, _namespace_);\nexport var style: import(\"@stylable/runtime\").STFunction = _style_;\nexport var st: import(\"@stylable/runtime\").STFunction = _style_;\n\nexport var namespace = _namespace_;\nexport var classes = {\"root\":\"mediaimage3834455885__root\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {\"wds-color-red-200\":\"--wds-color-red-200\",\"wsr-color-R20\":\"--wsr-color-R20\",\"wds-color-black-550\":\"--wds-color-black-550\",\"wsr-color-D55\":\"--wsr-color-D55\",\"from\":\"--mediaimage3834455885-from\",\"to\":\"--mediaimage3834455885-to\"}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,sBAAsB;AACxC,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,KAA6C,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AAC3D,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;AAA4B,CAAC;AACnD,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;EAAC,mBAAmB,EAAC,qBAAqB;EAAC,eAAe,EAAC,iBAAiB;EAAC,qBAAqB,EAAC,uBAAuB;EAAC,eAAe,EAAC,iBAAiB;EAAC,MAAM,EAAC,6BAA6B;EAAC,IAAI,EAAC;AAA2B,CAAC","ignoreList":[]}

package/dist/cjs/components/media-image/overlays/overlay.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_ = "overlay2799147747";
+var _namespace_ = "overlay3003704858";
 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": "overlay2799147747__root",
-  "iconOverlay": "overlay2799147747__iconOverlay"
+  "root": "overlay3003704858__root",
+  "iconOverlay": "overlay3003704858__iconOverlay"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/media-image/overlays/overlay.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/media-image/overlays/overlay.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"overlay2799147747\";\nvar _style_ = classesRuntime.bind(null, _namespace_);\n\nexport var cssStates = statesRuntime.bind(null, _namespace_);\nexport var style: import(\"@stylable/runtime\").STFunction = _style_;\nexport var st: import(\"@stylable/runtime\").STFunction = _style_;\n\nexport var namespace = _namespace_;\nexport var classes = {\"root\":\"overlay2799147747__root\",\"iconOverlay\":\"overlay2799147747__iconOverlay\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {\"iconShadow\":\"drop-shadow(0 1px 1px rgba(22, 45, 61, 0.6))\"}; \nexport var vars = {\"wds-color-white\":\"--wds-color-white\",\"wsr-color-D80\":\"--wsr-color-D80\"}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,mBAAmB;AACrC,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,KAA6C,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AAC3D,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,yBAAyB;EAAC,aAAa,EAAC;AAAgC,CAAC;AAC/F,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;EAAC,YAAY,EAAC;AAA8C,CAAC;AAC1E,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG;EAAC,iBAAiB,EAAC,mBAAmB;EAAC,eAAe,EAAC;AAAiB,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/media-image/overlays/overlay.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"overlay3003704858\";\nvar _style_ = classesRuntime.bind(null, _namespace_);\n\nexport var cssStates = statesRuntime.bind(null, _namespace_);\nexport var style: import(\"@stylable/runtime\").STFunction = _style_;\nexport var st: import(\"@stylable/runtime\").STFunction = _style_;\n\nexport var namespace = _namespace_;\nexport var classes = {\"root\":\"overlay3003704858__root\",\"iconOverlay\":\"overlay3003704858__iconOverlay\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {\"iconShadow\":\"drop-shadow(0 1px 1px rgba(22, 45, 61, 0.6))\"}; \nexport var vars = {\"wds-color-white\":\"--wds-color-white\",\"wsr-color-D80\":\"--wsr-color-D80\"}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,mBAAmB;AACrC,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,KAA6C,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AAC3D,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,yBAAyB;EAAC,aAAa,EAAC;AAAgC,CAAC;AAC/F,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;EAAC,YAAY,EAAC;AAA8C,CAAC;AAC1E,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG;EAAC,iBAAiB,EAAC,mBAAmB;EAAC,eAAe,EAAC;AAAiB,CAAC","ignoreList":[]}

package/dist/cjs/components/media-image-field/cell-media-image-edit.js

@@ -253,8 +253,10 @@ const CellMediaImageEdit = ({
       lineNumber: 262,
       columnNumber: 13
     }
-  }, /*#__PURE__*/_react.default.createElement(_designSystem.Popover, {
-    shown: popoverLayer !== 'none',
+  }, /*#__PURE__*/_react.default.createElement(_designSystem.Popover
+  // Modals open at WDS's z-index 5000, under this popover.
+  , {
+    shown: openLayer === 'popover' || openLayer === 'menu',
     appendTo: "window",
     placement: "bottom-start",
     moveBy: {
@@ -276,7 +278,7 @@ const CellMediaImageEdit = ({
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 274,
+      lineNumber: 275,
       columnNumber: 17
     }
   }, /*#__PURE__*/_react.default.createElement("div", {
@@ -284,14 +286,14 @@ const CellMediaImageEdit = ({
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 275,
+      lineNumber: 276,
       columnNumber: 19
     }
   })), /*#__PURE__*/_react.default.createElement(_designSystem.Popover.Content, {
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 277,
+      lineNumber: 278,
       columnNumber: 17
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
@@ -303,7 +305,7 @@ const CellMediaImageEdit = ({
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 278,
+      lineNumber: 279,
       columnNumber: 19
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.FormField, {
@@ -311,7 +313,7 @@ const CellMediaImageEdit = ({
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 285,
+      lineNumber: 286,
       columnNumber: 21
     }
   }, /*#__PURE__*/_react.default.createElement("div", {
@@ -319,7 +321,7 @@ const CellMediaImageEdit = ({
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 286,
+      lineNumber: 287,
       columnNumber: 23
     }
   }, /*#__PURE__*/_react.default.createElement(_mediaImage.MediaImage, {
@@ -335,7 +337,7 @@ const CellMediaImageEdit = ({
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 287,
+      lineNumber: 288,
       columnNumber: 25
     }
   }), /*#__PURE__*/_react.default.createElement("div", {
@@ -345,7 +347,7 @@ const CellMediaImageEdit = ({
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 298,
+      lineNumber: 299,
       columnNumber: 25
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.Tooltip, {
@@ -354,7 +356,7 @@ const CellMediaImageEdit = ({
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 303,
+      lineNumber: 304,
       columnNumber: 27
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.IconButton, {
@@ -367,14 +369,14 @@ const CellMediaImageEdit = ({
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 307,
+      lineNumber: 308,
       columnNumber: 29
     }
   }, /*#__PURE__*/_react.default.createElement(_lazy.Replace, {
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 315,
+      lineNumber: 316,
       columnNumber: 31
     }
   }))), /*#__PURE__*/_react.default.createElement(_designSystem.PopoverMenu, {
@@ -394,14 +396,14 @@ const CellMediaImageEdit = ({
       __self: void 0,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 323,
+        lineNumber: 324,
         columnNumber: 31
       }
     }),
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 318,
+      lineNumber: 319,
       columnNumber: 27
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.PopoverMenu.MenuItem, {
@@ -411,7 +413,7 @@ const CellMediaImageEdit = ({
       __self: void 0,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 337,
+        lineNumber: 338,
         columnNumber: 43
       }
     }),
@@ -419,7 +421,7 @@ const CellMediaImageEdit = ({
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 334,
+      lineNumber: 335,
       columnNumber: 29
     }
   }), /*#__PURE__*/_react.default.createElement(_designSystem.PopoverMenu.MenuItem, {
@@ -429,7 +431,7 @@ const CellMediaImageEdit = ({
       __self: void 0,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 343,
+        lineNumber: 344,
         columnNumber: 43
       }
     }),
@@ -437,7 +439,7 @@ const CellMediaImageEdit = ({
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 340,
+      lineNumber: 341,
       columnNumber: 29
     }
   }), /*#__PURE__*/_react.default.createElement(_designSystem.PopoverMenu.MenuItem, {
@@ -447,7 +449,7 @@ const CellMediaImageEdit = ({
       __self: void 0,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 349,
+        lineNumber: 350,
         columnNumber: 43
       }
     }),
@@ -455,14 +457,14 @@ const CellMediaImageEdit = ({
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 346,
+      lineNumber: 347,
       columnNumber: 29
     }
   }), /*#__PURE__*/_react.default.createElement(_designSystem.PopoverMenu.Divider, {
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 352,
+      lineNumber: 353,
       columnNumber: 29
     }
   }), /*#__PURE__*/_react.default.createElement(_designSystem.PopoverMenu.MenuItem, {
@@ -473,7 +475,7 @@ const CellMediaImageEdit = ({
       __self: void 0,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 357,
+        lineNumber: 358,
         columnNumber: 43
       }
     }),
@@ -481,7 +483,7 @@ const CellMediaImageEdit = ({
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 353,
+      lineNumber: 354,
       columnNumber: 29
     }
   }))))), /*#__PURE__*/_react.default.createElement(_designSystem.FormField, {
@@ -489,7 +491,7 @@ const CellMediaImageEdit = ({
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 364,
+      lineNumber: 365,
       columnNumber: 21
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.Input, {
@@ -502,7 +504,7 @@ const CellMediaImageEdit = ({
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 365,
+      lineNumber: 366,
       columnNumber: 23
     }
   })))))))), image && /*#__PURE__*/_react.default.createElement(_mediaPreviewModal.MediaPreviewModal, {
@@ -520,7 +522,7 @@ const CellMediaImageEdit = ({
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 384,
+      lineNumber: 385,
       columnNumber: 9
     }
   }));

package/dist/cjs/components/media-image-field/cell-media-image-edit.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_designSystem","_lazy","_autoFieldTypes","_hooks","_getImageSource","_mediaImageValue","_mediaUtils","_mediaControl","_mediaPreviewModal","_mediaImage","_mediaImageView","_cellMediaImageEditStCss","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","imageFromUrl","url","current","replaceImage","fromImageUrl","MenuTrigger","isOpen","toggle","buttonRef","onOpenChange","ariaLabel","useEffect","createElement","IconButton","ref","size","skin","priority","dataHook","onClick","__self","__source","fileName","lineNumber","columnNumber","MoreSmall","CellMediaImageEdit","value","onChange","onCommit","onCancel","onStartEdit","inputRef","useTranslations","image","toMediaImageValue","src","getImageSource","popoverLayer","setPopoverLayer","useState","mediaEdit","useCellMediaEdit","mediaType","MEDIA_TYPES","IMAGE","fromPick","fromMediaManagerPick","fromUrl","commitOnPick","loading","pasteUrlForm","handleCallMedia","handleDelete","downloadMedia","closePasteUrl","handleClose","openLayer","openPasteUrl","startEditAndOpenPasteUrl","title","isExternalMediaImage","undefined","handleDownload","useCallback","executeDownloading","commit","handleMenuOpenChange","layer","handleClickOutside","handleKeyDown","key","stopPropagation","document","addEventListener","removeEventListener","emptyActions","Fragment","Tooltip","content","appendTo","Add","LinkSmall","CellMediaEditShell","fieldType","MediaFieldType","padding","className","classes","view","MediaImageView","anchor","Popover","shown","placement","moveBy","x","y","zIndex","animate","flip","fixed","onClickOutside","Element","anchorBox","Content","Box","popoverContent","direction","gap","FormField","label","MediaImage","alt","fit","transparent","ThumbnailSize","L","width","height","borderRadius","st","imageActions","menuOpen","Replace","PopoverMenu","textSize","triggerElement","MenuItem","text","prefixIcon","Link","Maximize","Download","Divider","Delete","Input","altText","placeholder","withAltText","target","onEnterPressed","MediaPreviewModal","onClose","onRequestMedia","onClearMedia","onDownloadMedia","textKeys","replace","download","delete","exports","displayName"],"sources":["../../../../src/components/media-image-field/cell-media-image-edit.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useState } from 'react';\nimport {\n  Box,\n  FormField,\n  IconButton,\n  Input,\n  Popover,\n  PopoverMenu,\n  Tooltip,\n} from '@wix/design-system';\nimport {\n  Add,\n  Delete,\n  Download,\n  Link,\n  LinkSmall,\n  Maximize,\n  MoreSmall,\n  Replace,\n} from '@wix/wix-ui-icons-common/lazy';\nimport { ThumbnailSize } from '../../auto-field-types';\nimport { useTranslations } from '../../hooks';\nimport type { MediaImageValue } from '../../types/media-image';\nimport { getImageSource } from '../../utils/get-image-source';\nimport {\n  fromImageUrl,\n  fromMediaManagerPick,\n  isExternalMediaImage,\n  replaceImage,\n  toMediaImageValue,\n  withAltText,\n} from '../../utils/media-image-value';\nimport { executeDownloading, MEDIA_TYPES } from '../../utils/media-utils';\nimport {\n  CellMediaEditShell,\n  MediaFieldType,\n  useCellMediaEdit,\n} from '../media-control';\nimport { MediaPreviewModal } from '../media-gallery/media-preview-modal';\nimport { MediaImage } from '../media-image';\nimport { MediaImageView } from './media-image-view';\nimport { st, classes } from './cell-media-image-edit.st.css.js';\n\nexport interface CellMediaImageEditProps {\n  /** A `MEDIA_IMAGE` value. */\n  value: unknown;\n  onChange: (value: MediaImageValue | null) => void;\n  onCommit: () => void;\n  onCancel?: () => void;\n  /**\n   * Called before opening external UI (media manager / paste-URL form) so the\n   * table can set isEditing=true and protect cell focus while the modal is open.\n   */\n  onStartEdit?: () => void;\n  inputRef?: React.MutableRefObject<{ focus: () => void } | null | undefined>;\n  dataHook?: string;\n}\n\ntype PopoverLayer = 'none' | 'popover' | 'menu' | 'preview';\n\n/** What is on top of the editor. Escape and click-outside act on it. */\ntype Layer = PopoverLayer | 'pasteUrl' | 'loading';\n\nconst imageFromUrl = (url: string, current: MediaImageValue | null) =>\n  replaceImage(current, fromImageUrl(url));\n\ninterface MenuTriggerProps {\n  isOpen: boolean;\n  toggle: () => void;\n  /** Lets WDS put focus back here when the menu closes. */\n  buttonRef?: React.RefObject<HTMLElement>;\n  onOpenChange: (isOpen: boolean) => void;\n  ariaLabel: string;\n}\n\n/** WDS shows the menu's open state only to its trigger, so the trigger\n *  reports it. */\nconst MenuTrigger: React.FC<MenuTriggerProps> = ({\n  isOpen,\n  toggle,\n  buttonRef,\n  onOpenChange,\n  ariaLabel,\n}) => {\n  useEffect(() => {\n    onOpenChange(isOpen);\n  }, [isOpen, onOpenChange]);\n\n  return (\n    <IconButton\n      ref={buttonRef}\n      size=\"small\"\n      skin=\"light\"\n      priority=\"secondary\"\n      dataHook=\"media-image-edit-more-button\"\n      ariaLabel={ariaLabel}\n      aria-haspopup=\"menu\"\n      aria-expanded={isOpen}\n      onClick={toggle}\n    >\n      <MoreSmall />\n    </IconButton>\n  );\n};\n\n/**\n * Edits a `MEDIA_IMAGE` cell. An empty cell shows the add and paste-URL\n * buttons. A cell with an image opens a popover with the image and its alt\n * text. Changes go to `onChange` as they happen and are committed once, when\n * the popover closes.\n */\nexport const CellMediaImageEdit: React.FC<CellMediaImageEditProps> = ({\n  value,\n  onChange,\n  onCommit,\n  onCancel,\n  onStartEdit,\n  inputRef,\n  dataHook,\n}) => {\n  const { t } = useTranslations();\n  const image = toMediaImageValue(value);\n  const src = getImageSource(image);\n  // 'none' once committed.\n  const [popoverLayer, setPopoverLayer] = useState<PopoverLayer>('popover');\n\n  const mediaEdit = useCellMediaEdit({\n    mediaType: MEDIA_TYPES.IMAGE,\n    value: image,\n    onChange,\n    onCommit,\n    onCancel,\n    onStartEdit,\n    inputRef,\n    fromPick: fromMediaManagerPick,\n    fromUrl: imageFromUrl,\n    commitOnPick: false,\n  });\n  const {\n    loading,\n    pasteUrlForm,\n    handleCallMedia,\n    handleDelete,\n    downloadMedia,\n  } = mediaEdit;\n  const closePasteUrl = pasteUrlForm.handleClose;\n  // The media manager and the URL form sit above the popover layers.\n  const openLayer: Layer = loading\n    ? 'loading'\n    : pasteUrlForm.isOpen\n    ? 'pasteUrl'\n    : image\n    ? popoverLayer\n    : 'none';\n\n  const openPasteUrl = mediaEdit.startEditAndOpenPasteUrl({\n    title: t('CMS.image.replaceWithUrl.title'),\n    value: isExternalMediaImage(image) ? image.url : undefined,\n  });\n\n  const handleDownload = useCallback(() => {\n    // The Media Manager can't make a download link for an external URL.\n    if (isExternalMediaImage(image)) {\n      executeDownloading(image.url);\n    } else if (src) {\n      downloadMedia(src);\n    }\n  }, [src, image, downloadMedia]);\n\n  const commit = useCallback(() => {\n    setPopoverLayer('none');\n    onCommit();\n  }, [onCommit]);\n\n  // Picking Preview sets its own layer, which closing the menu must not undo.\n  const handleMenuOpenChange = useCallback((isOpen: boolean) => {\n    setPopoverLayer((layer) => {\n      if (isOpen) {\n        return 'menu';\n      }\n      return layer === 'menu' ? 'popover' : layer;\n    });\n  }, []);\n\n  // Fires on mouseup, before the click that closes a menu or a modal, so\n  // `openLayer` still says what was open.\n  const handleClickOutside = useCallback(() => {\n    if (openLayer === 'popover') {\n      commit();\n    }\n  }, [openLayer, commit]);\n\n  useEffect(() => {\n    // WDS closes the menu on Escape and stops the event there.\n    if (\n      openLayer === 'none' ||\n      openLayer === 'loading' ||\n      openLayer === 'menu'\n    ) {\n      return;\n    }\n    // Capture phase, so the table doesn't cancel the edit first.\n    const handleKeyDown = (e: KeyboardEvent) => {\n      if (e.key !== 'Escape') {\n        return;\n      }\n      e.stopPropagation();\n      if (openLayer === 'pasteUrl') {\n        closePasteUrl();\n      } else if (openLayer === 'preview') {\n        setPopoverLayer('popover');\n      } else {\n        commit();\n      }\n    };\n    document.addEventListener('keydown', handleKeyDown, true);\n    return () => document.removeEventListener('keydown', handleKeyDown, true);\n  }, [openLayer, closePasteUrl, commit]);\n\n  const emptyActions = (\n    <>\n      <Tooltip content={t('CMS.image.add')} appendTo=\"window\">\n        <IconButton\n          size=\"tiny\"\n          priority=\"secondary\"\n          dataHook=\"media-image-edit-add-button\"\n          ariaLabel={t('CMS.image.add')}\n          onClick={handleCallMedia}\n        >\n          <Add />\n        </IconButton>\n      </Tooltip>\n      <Tooltip content={t('CMS.image.replaceWithUrl.button')} appendTo=\"window\">\n        <IconButton\n          size=\"tiny\"\n          priority=\"tertiary\"\n          dataHook=\"media-image-edit-paste-url-button\"\n          ariaLabel={t('CMS.image.replaceWithUrl.button')}\n          onClick={openPasteUrl}\n        >\n          <LinkSmall />\n        </IconButton>\n      </Tooltip>\n    </>\n  );\n\n  // One return for both states, so the shell and its container stay mounted\n  // when a pick fills an empty cell.\n  return (\n    <>\n      <CellMediaEditShell\n        dataHook={dataHook}\n        mediaEdit={mediaEdit}\n        fieldType={MediaFieldType.image}\n        padding={image ? '0' : undefined}\n      >\n        {!image ? (\n          emptyActions\n        ) : (\n          <div className={classes.view}>\n            <MediaImageView value={image} />\n            <div className={classes.anchor}>\n              <Popover\n                shown={popoverLayer !== 'none'}\n                appendTo=\"window\"\n                placement=\"bottom-start\"\n                moveBy={{ x: 0, y: 4 }}\n                zIndex={5001}\n                animate\n                flip\n                fixed={false}\n                onClickOutside={handleClickOutside}\n              >\n                <Popover.Element>\n                  <div className={classes.anchorBox} />\n                </Popover.Element>\n                <Popover.Content>\n                  <Box\n                    dataHook=\"media-image-edit-popover\"\n                    className={classes.popoverContent}\n                    direction=\"vertical\"\n                    gap=\"SP3\"\n                    padding=\"SP3\"\n                  >\n                    <FormField label={t('CMS.image.thumbnail.label')}>\n                      <div className={classes.image}>\n                        <MediaImage\n                          dataHook=\"media-image-edit-image\"\n                          src={src}\n                          alt=\"\"\n                          fit=\"cover\"\n                          transparent\n                          size={ThumbnailSize.L}\n                          width=\"180px\"\n                          height=\"180px\"\n                          borderRadius=\"0\"\n                        />\n                        <div\n                          className={st(classes.imageActions, {\n                            menuOpen: popoverLayer === 'menu',\n                          })}\n                        >\n                          <Tooltip\n                            content={t('CMS.image.replace')}\n                            appendTo=\"window\"\n                          >\n                            <IconButton\n                              size=\"small\"\n                              skin=\"light\"\n                              priority=\"secondary\"\n                              dataHook=\"media-image-edit-replace-button\"\n                              ariaLabel={t('CMS.image.replace')}\n                              onClick={handleCallMedia}\n                            >\n                              <Replace />\n                            </IconButton>\n                          </Tooltip>\n                          <PopoverMenu\n                            textSize=\"small\"\n                            appendTo=\"window\"\n                            zIndex={5002}\n                            triggerElement={({ isOpen, toggle, ref }) => (\n                              <MenuTrigger\n                                isOpen={isOpen}\n                                toggle={toggle}\n                                buttonRef={ref}\n                                onOpenChange={handleMenuOpenChange}\n                                ariaLabel={t(\n                                  'auto-patterns.fields.more_actions_tooltip',\n                                )}\n                              />\n                            )}\n                          >\n                            <PopoverMenu.MenuItem\n                              dataHook=\"media-image-edit-action-replace-url\"\n                              text={t('CMS.image.replaceWithUrl.button')}\n                              prefixIcon={<Link />}\n                              onClick={openPasteUrl}\n                            />\n                            <PopoverMenu.MenuItem\n                              dataHook=\"media-image-edit-action-preview\"\n                              text={t('CMS.mediaGallery.preview')}\n                              prefixIcon={<Maximize />}\n                              onClick={() => setPopoverLayer('preview')}\n                            />\n                            <PopoverMenu.MenuItem\n                              dataHook=\"media-image-edit-action-download\"\n                              text={t('CMS.image.download')}\n                              prefixIcon={<Download />}\n                              onClick={handleDownload}\n                            />\n                            <PopoverMenu.Divider />\n                            <PopoverMenu.MenuItem\n                              dataHook=\"media-image-edit-action-delete\"\n                              text={t('CMS.image.clear')}\n                              skin=\"destructive\"\n                              prefixIcon={<Delete />}\n                              onClick={handleDelete}\n                            />\n                          </PopoverMenu>\n                        </div>\n                      </div>\n                    </FormField>\n                    <FormField label={t('CMS.image.altText.label')}>\n                      <Input\n                        dataHook=\"media-image-edit-alt-input\"\n                        size=\"small\"\n                        value={image.altText ?? ''}\n                        placeholder={t('CMS.image.altText.inputPlaceholder')}\n                        onChange={(e) =>\n                          onChange(withAltText(image, e.target.value))\n                        }\n                        onEnterPressed={commit}\n                      />\n                    </FormField>\n                  </Box>\n                </Popover.Content>\n              </Popover>\n            </div>\n          </div>\n        )}\n      </CellMediaEditShell>\n      {image && (\n        <MediaPreviewModal\n          isOpen={popoverLayer === 'preview'}\n          value={src}\n          onClose={() => setPopoverLayer('popover')}\n          onRequestMedia={handleCallMedia}\n          onClearMedia={handleDelete}\n          onDownloadMedia={handleDownload}\n          textKeys={{\n            replace: 'CMS.image.replace',\n            download: 'CMS.image.download',\n            delete: 'CMS.image.clear',\n          }}\n        />\n      )}\n    </>\n  );\n};\n\nCellMediaImageEdit.displayName = 'CellMediaImageEdit';\n"],"mappings":";;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,aAAA,GAAAD,OAAA;AASA,IAAAE,KAAA,GAAAF,OAAA;AAUA,IAAAG,eAAA,GAAAH,OAAA;AACA,IAAAI,MAAA,GAAAJ,OAAA;AAEA,IAAAK,eAAA,GAAAL,OAAA;AACA,IAAAM,gBAAA,GAAAN,OAAA;AAQA,IAAAO,WAAA,GAAAP,OAAA;AACA,IAAAQ,aAAA,GAAAR,OAAA;AAKA,IAAAS,kBAAA,GAAAT,OAAA;AACA,IAAAU,WAAA,GAAAV,OAAA;AACA,IAAAW,eAAA,GAAAX,OAAA;AACA,IAAAY,wBAAA,GAAAZ,OAAA;AAAgE,IAAAa,YAAA;AAAA,SAAAd,wBAAAe,CAAA,EAAAC,CAAA,6BAAAC,OAAA,MAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAjB,uBAAA,YAAAA,CAAAe,CAAA,EAAAC,CAAA,SAAAA,CAAA,IAAAD,CAAA,IAAAA,CAAA,CAAAK,UAAA,SAAAL,CAAA,MAAAM,CAAA,EAAAC,CAAA,EAAAC,CAAA,KAAAC,SAAA,QAAAC,OAAA,EAAAV,CAAA,iBAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,SAAAQ,CAAA,MAAAF,CAAA,GAAAL,CAAA,GAAAG,CAAA,GAAAD,CAAA,QAAAG,CAAA,CAAAK,GAAA,CAAAX,CAAA,UAAAM,CAAA,CAAAM,GAAA,CAAAZ,CAAA,GAAAM,CAAA,CAAAO,GAAA,CAAAb,CAAA,EAAAQ,CAAA,gBAAAP,CAAA,IAAAD,CAAA,gBAAAC,CAAA,OAAAa,cAAA,CAAAC,IAAA,CAAAf,CAAA,EAAAC,CAAA,OAAAM,CAAA,IAAAD,CAAA,GAAAU,MAAA,CAAAC,cAAA,KAAAD,MAAA,CAAAE,wBAAA,CAAAlB,CAAA,EAAAC,CAAA,OAAAM,CAAA,CAAAK,GAAA,IAAAL,CAAA,CAAAM,GAAA,IAAAP,CAAA,CAAAE,CAAA,EAAAP,CAAA,EAAAM,CAAA,IAAAC,CAAA,CAAAP,CAAA,IAAAD,CAAA,CAAAC,CAAA,WAAAO,CAAA,KAAAR,CAAA,EAAAC,CAAA;AAmBhE;;AAGA,MAAMkB,YAAY,GAAGA,CAACC,GAAW,EAAEC,OAA+B,KAChE,IAAAC,6BAAY,EAACD,OAAO,EAAE,IAAAE,6BAAY,EAACH,GAAG,CAAC,CAAC;AAW1C;AACA;AACA,MAAMI,WAAuC,GAAGA,CAAC;EAC/CC,MAAM;EACNC,MAAM;EACNC,SAAS;EACTC,YAAY;EACZC;AACF,CAAC,KAAK;EACJ,IAAAC,gBAAS,EAAC,MAAM;IACdF,YAAY,CAACH,MAAM,CAAC;EACtB,CAAC,EAAE,CAACA,MAAM,EAAEG,YAAY,CAAC,CAAC;EAE1B,oBACE5C,MAAA,CAAA0B,OAAA,CAAAqB,aAAA,CAAC5C,aAAA,CAAA6C,UAAU;IACTC,GAAG,EAAEN,SAAU;IACfO,IAAI,EAAC,OAAO;IACZC,IAAI,EAAC,OAAO;IACZC,QAAQ,EAAC,WAAW;IACpBC,QAAQ,EAAC,8BAA8B;IACvCR,SAAS,EAAEA,SAAU;IACrB,iBAAc,MAAM;IACpB,iBAAeJ,MAAO;IACtBa,OAAO,EAAEZ,MAAO;IAAAa,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAA1C,YAAA;MAAA2C,UAAA;MAAAC,YAAA;IAAA;EAAA,gBAEhB3D,MAAA,CAAA0B,OAAA,CAAAqB,aAAA,CAAC3C,KAAA,CAAAwD,SAAS;IAAAL,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAA1C,YAAA;MAAA2C,UAAA;MAAAC,YAAA;IAAA;EAAA,CAAE,CACF,CAAC;AAEjB,CAAC;;AAED;AACA;AACA;AACA;AACA;AACA;AACO,MAAME,kBAAqD,GAAGA,CAAC;EACpEC,KAAK;EACLC,QAAQ;EACRC,QAAQ;EACRC,QAAQ;EACRC,WAAW;EACXC,QAAQ;EACRd;AACF,CAAC,KAAK;EACJ,MAAM;IAAEpC;EAAE,CAAC,GAAG,IAAAmD,sBAAe,EAAC,CAAC;EAC/B,MAAMC,KAAK,GAAG,IAAAC,kCAAiB,EAACR,KAAK,CAAC;EACtC,MAAMS,GAAG,GAAG,IAAAC,8BAAc,EAACH,KAAK,CAAC;EACjC;EACA,MAAM,CAACI,YAAY,EAAEC,eAAe,CAAC,GAAG,IAAAC,eAAQ,EAAe,SAAS,CAAC;EAEzE,MAAMC,SAAS,GAAG,IAAAC,8BAAgB,EAAC;IACjCC,SAAS,EAAEC,uBAAW,CAACC,KAAK;IAC5BlB,KAAK,EAAEO,KAAK;IACZN,QAAQ;IACRC,QAAQ;IACRC,QAAQ;IACRC,WAAW;IACXC,QAAQ;IACRc,QAAQ,EAAEC,qCAAoB;IAC9BC,OAAO,EAAEhD,YAAY;IACrBiD,YAAY,EAAE;EAChB,CAAC,CAAC;EACF,MAAM;IACJC,OAAO;IACPC,YAAY;IACZC,eAAe;IACfC,YAAY;IACZC;EACF,CAAC,GAAGb,SAAS;EACb,MAAMc,aAAa,GAAGJ,YAAY,CAACK,WAAW;EAC9C;EACA,MAAMC,SAAgB,GAAGP,OAAO,GAC5B,SAAS,GACTC,YAAY,CAAC7C,MAAM,GACnB,UAAU,GACV4B,KAAK,GACLI,YAAY,GACZ,MAAM;EAEV,MAAMoB,YAAY,GAAGjB,SAAS,CAACkB,wBAAwB,CAAC;IACtDC,KAAK,EAAE9E,CAAC,CAAC,gCAAgC,CAAC;IAC1C6C,KAAK,EAAE,IAAAkC,qCAAoB,EAAC3B,KAAK,CAAC,GAAGA,KAAK,CAACjC,GAAG,GAAG6D;EACnD,CAAC,CAAC;EAEF,MAAMC,cAAc,GAAG,IAAAC,kBAAW,EAAC,MAAM;IACvC;IACA,IAAI,IAAAH,qCAAoB,EAAC3B,KAAK,CAAC,EAAE;MAC/B,IAAA+B,8BAAkB,EAAC/B,KAAK,CAACjC,GAAG,CAAC;IAC/B,CAAC,MAAM,IAAImC,GAAG,EAAE;MACdkB,aAAa,CAAClB,GAAG,CAAC;IACpB;EACF,CAAC,EAAE,CAACA,GAAG,EAAEF,KAAK,EAAEoB,aAAa,CAAC,CAAC;EAE/B,MAAMY,MAAM,GAAG,IAAAF,kBAAW,EAAC,MAAM;IAC/BzB,eAAe,CAAC,MAAM,CAAC;IACvBV,QAAQ,CAAC,CAAC;EACZ,CAAC,EAAE,CAACA,QAAQ,CAAC,CAAC;;EAEd;EACA,MAAMsC,oBAAoB,GAAG,IAAAH,kBAAW,EAAE1D,MAAe,IAAK;IAC5DiC,eAAe,CAAE6B,KAAK,IAAK;MACzB,IAAI9D,MAAM,EAAE;QACV,OAAO,MAAM;MACf;MACA,OAAO8D,KAAK,KAAK,MAAM,GAAG,SAAS,GAAGA,KAAK;IAC7C,CAAC,CAAC;EACJ,CAAC,EAAE,EAAE,CAAC;;EAEN;EACA;EACA,MAAMC,kBAAkB,GAAG,IAAAL,kBAAW,EAAC,MAAM;IAC3C,IAAIP,SAAS,KAAK,SAAS,EAAE;MAC3BS,MAAM,CAAC,CAAC;IACV;EACF,CAAC,EAAE,CAACT,SAAS,EAAES,MAAM,CAAC,CAAC;EAEvB,IAAAvD,gBAAS,EAAC,MAAM;IACd;IACA,IACE8C,SAAS,KAAK,MAAM,IACpBA,SAAS,KAAK,SAAS,IACvBA,SAAS,KAAK,MAAM,EACpB;MACA;IACF;IACA;IACA,MAAMa,aAAa,GAAIzF,CAAgB,IAAK;MAC1C,IAAIA,CAAC,CAAC0F,GAAG,KAAK,QAAQ,EAAE;QACtB;MACF;MACA1F,CAAC,CAAC2F,eAAe,CAAC,CAAC;MACnB,IAAIf,SAAS,KAAK,UAAU,EAAE;QAC5BF,aAAa,CAAC,CAAC;MACjB,CAAC,MAAM,IAAIE,SAAS,KAAK,SAAS,EAAE;QAClClB,eAAe,CAAC,SAAS,CAAC;MAC5B,CAAC,MAAM;QACL2B,MAAM,CAAC,CAAC;MACV;IACF,CAAC;IACDO,QAAQ,CAACC,gBAAgB,CAAC,SAAS,EAAEJ,aAAa,EAAE,IAAI,CAAC;IACzD,OAAO,MAAMG,QAAQ,CAACE,mBAAmB,CAAC,SAAS,EAAEL,aAAa,EAAE,IAAI,CAAC;EAC3E,CAAC,EAAE,CAACb,SAAS,EAAEF,aAAa,EAAEW,MAAM,CAAC,CAAC;EAEtC,MAAMU,YAAY,gBAChB/G,MAAA,CAAA0B,OAAA,CAAAqB,aAAA,CAAA/C,MAAA,CAAA0B,OAAA,CAAAsF,QAAA,qBACEhH,MAAA,CAAA0B,OAAA,CAAAqB,aAAA,CAAC5C,aAAA,CAAA8G,OAAO;IAACC,OAAO,EAAEjG,CAAC,CAAC,eAAe,CAAE;IAACkG,QAAQ,EAAC,QAAQ;IAAA5D,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAA1C,YAAA;MAAA2C,UAAA;MAAAC,YAAA;IAAA;EAAA,gBACrD3D,MAAA,CAAA0B,OAAA,CAAAqB,aAAA,CAAC5C,aAAA,CAAA6C,UAAU;IACTE,IAAI,EAAC,MAAM;IACXE,QAAQ,EAAC,WAAW;IACpBC,QAAQ,EAAC,6BAA6B;IACtCR,SAAS,EAAE5B,CAAC,CAAC,eAAe,CAAE;IAC9BqC,OAAO,EAAEiC,eAAgB;IAAAhC,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAA1C,YAAA;MAAA2C,UAAA;MAAAC,YAAA;IAAA;EAAA,gBAEzB3D,MAAA,CAAA0B,OAAA,CAAAqB,aAAA,CAAC3C,KAAA,CAAAgH,GAAG;IAAA7D,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAA1C,YAAA;MAAA2C,UAAA;MAAAC,YAAA;IAAA;EAAA,CAAE,CACI,CACL,CAAC,eACV3D,MAAA,CAAA0B,OAAA,CAAAqB,aAAA,CAAC5C,aAAA,CAAA8G,OAAO;IAACC,OAAO,EAAEjG,CAAC,CAAC,iCAAiC,CAAE;IAACkG,QAAQ,EAAC,QAAQ;IAAA5D,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAA1C,YAAA;MAAA2C,UAAA;MAAAC,YAAA;IAAA;EAAA,gBACvE3D,MAAA,CAAA0B,OAAA,CAAAqB,aAAA,CAAC5C,aAAA,CAAA6C,UAAU;IACTE,IAAI,EAAC,MAAM;IACXE,QAAQ,EAAC,UAAU;IACnBC,QAAQ,EAAC,mCAAmC;IAC5CR,SAAS,EAAE5B,CAAC,CAAC,iCAAiC,CAAE;IAChDqC,OAAO,EAAEuC,YAAa;IAAAtC,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAA1C,YAAA;MAAA2C,UAAA;MAAAC,YAAA;IAAA;EAAA,gBAEtB3D,MAAA,CAAA0B,OAAA,CAAAqB,aAAA,CAAC3C,KAAA,CAAAiH,SAAS;IAAA9D,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAA1C,YAAA;MAAA2C,UAAA;MAAAC,YAAA;IAAA;EAAA,CAAE,CACF,CACL,CACT,CACH;;EAED;EACA;EACA,oBACE3D,MAAA,CAAA0B,OAAA,CAAAqB,aAAA,CAAA/C,MAAA,CAAA0B,OAAA,CAAAsF,QAAA,qBACEhH,MAAA,CAAA0B,OAAA,CAAAqB,aAAA,CAACrC,aAAA,CAAA4G,kBAAkB;IACjBjE,QAAQ,EAAEA,QAAS;IACnBuB,SAAS,EAAEA,SAAU;IACrB2C,SAAS,EAAEC,4BAAc,CAACnD,KAAM;IAChCoD,OAAO,EAAEpD,KAAK,GAAG,GAAG,GAAG4B,SAAU;IAAA1C,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAA1C,YAAA;MAAA2C,UAAA;MAAAC,YAAA;IAAA;EAAA,GAEhC,CAACU,KAAK,GACL0C,YAAY,gBAEZ/G,MAAA,CAAA0B,OAAA,CAAAqB,aAAA;IAAK2E,SAAS,EAAEC,gCAAO,CAACC,IAAK;IAAArE,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAA1C,YAAA;MAAA2C,UAAA;MAAAC,YAAA;IAAA;EAAA,gBAC3B3D,MAAA,CAAA0B,OAAA,CAAAqB,aAAA,CAAClC,eAAA,CAAAgH,cAAc;IAAC/D,KAAK,EAAEO,KAAM;IAAAd,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAA1C,YAAA;MAAA2C,UAAA;MAAAC,YAAA;IAAA;EAAA,CAAE,CAAC,eAChC3D,MAAA,CAAA0B,OAAA,CAAAqB,aAAA;IAAK2E,SAAS,EAAEC,gCAAO,CAACG,MAAO;IAAAvE,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAA1C,YAAA;MAAA2C,UAAA;MAAAC,YAAA;IAAA;EAAA,gBAC7B3D,MAAA,CAAA0B,OAAA,CAAAqB,aAAA,CAAC5C,aAAA,CAAA4H,OAAO;IACNC,KAAK,EAAEvD,YAAY,KAAK,MAAO;IAC/B0C,QAAQ,EAAC,QAAQ;IACjBc,SAAS,EAAC,cAAc;IACxBC,MAAM,EAAE;MAAEC,CAAC,EAAE,CAAC;MAAEC,CAAC,EAAE;IAAE,CAAE;IACvBC,MAAM,EAAE,IAAK;IACbC,OAAO;IACPC,IAAI;IACJC,KAAK,EAAE,KAAM;IACbC,cAAc,EAAEjC,kBAAmB;IAAAjD,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAA1C,YAAA;MAAA2C,UAAA;MAAAC,YAAA;IAAA;EAAA,gBAEnC3D,MAAA,CAAA0B,OAAA,CAAAqB,aAAA,CAAC5C,aAAA,CAAA4H,OAAO,CAACW,OAAO;IAAAnF,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAA1C,YAAA;MAAA2C,UAAA;MAAAC,YAAA;IAAA;EAAA,gBACd3D,MAAA,CAAA0B,OAAA,CAAAqB,aAAA;IAAK2E,SAAS,EAAEC,gCAAO,CAACgB,SAAU;IAAApF,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAA1C,YAAA;MAAA2C,UAAA;MAAAC,YAAA;IAAA;EAAA,CAAE,CACrB,CAAC,eAClB3D,MAAA,CAAA0B,OAAA,CAAAqB,aAAA,CAAC5C,aAAA,CAAA4H,OAAO,CAACa,OAAO;IAAArF,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAA1C,YAAA;MAAA2C,UAAA;MAAAC,YAAA;IAAA;EAAA,gBACd3D,MAAA,CAAA0B,OAAA,CAAAqB,aAAA,CAAC5C,aAAA,CAAA0I,GAAG;IACFxF,QAAQ,EAAC,0BAA0B;IACnCqE,SAAS,EAAEC,gCAAO,CAACmB,cAAe;IAClCC,SAAS,EAAC,UAAU;IACpBC,GAAG,EAAC,KAAK;IACTvB,OAAO,EAAC,KAAK;IAAAlE,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAA1C,YAAA;MAAA2C,UAAA;MAAAC,YAAA;IAAA;EAAA,gBAEb3D,MAAA,CAAA0B,OAAA,CAAAqB,aAAA,CAAC5C,aAAA,CAAA8I,SAAS;IAACC,KAAK,EAAEjI,CAAC,CAAC,2BAA2B,CAAE;IAAAsC,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAA1C,YAAA;MAAA2C,UAAA;MAAAC,YAAA;IAAA;EAAA,gBAC/C3D,MAAA,CAAA0B,OAAA,CAAAqB,aAAA;IAAK2E,SAAS,EAAEC,gCAAO,CAACtD,KAAM;IAAAd,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAA1C,YAAA;MAAA2C,UAAA;MAAAC,YAAA;IAAA;EAAA,gBAC5B3D,MAAA,CAAA0B,OAAA,CAAAqB,aAAA,CAACnC,WAAA,CAAAuI,UAAU;IACT9F,QAAQ,EAAC,wBAAwB;IACjCkB,GAAG,EAAEA,GAAI;IACT6E,GAAG,EAAC,EAAE;IACNC,GAAG,EAAC,OAAO;IACXC,WAAW;IACXpG,IAAI,EAAEqG,6BAAa,CAACC,CAAE;IACtBC,KAAK,EAAC,OAAO;IACbC,MAAM,EAAC,OAAO;IACdC,YAAY,EAAC,GAAG;IAAApG,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAA1C,YAAA;MAAA2C,UAAA;MAAAC,YAAA;IAAA;EAAA,CACjB,CAAC,eACF3D,MAAA,CAAA0B,OAAA,CAAAqB,aAAA;IACE2E,SAAS,EAAE,IAAAkC,2BAAE,EAACjC,gCAAO,CAACkC,YAAY,EAAE;MAClCC,QAAQ,EAAErF,YAAY,KAAK;IAC7B,CAAC,CAAE;IAAAlB,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAA1C,YAAA;MAAA2C,UAAA;MAAAC,YAAA;IAAA;EAAA,gBAEH3D,MAAA,CAAA0B,OAAA,CAAAqB,aAAA,CAAC5C,aAAA,CAAA8G,OAAO;IACNC,OAAO,EAAEjG,CAAC,CAAC,mBAAmB,CAAE;IAChCkG,QAAQ,EAAC,QAAQ;IAAA5D,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAA1C,YAAA;MAAA2C,UAAA;MAAAC,YAAA;IAAA;EAAA,gBAEjB3D,MAAA,CAAA0B,OAAA,CAAAqB,aAAA,CAAC5C,aAAA,CAAA6C,UAAU;IACTE,IAAI,EAAC,OAAO;IACZC,IAAI,EAAC,OAAO;IACZC,QAAQ,EAAC,WAAW;IACpBC,QAAQ,EAAC,iCAAiC;IAC1CR,SAAS,EAAE5B,CAAC,CAAC,mBAAmB,CAAE;IAClCqC,OAAO,EAAEiC,eAAgB;IAAAhC,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAA1C,YAAA;MAAA2C,UAAA;MAAAC,YAAA;IAAA;EAAA,gBAEzB3D,MAAA,CAAA0B,OAAA,CAAAqB,aAAA,CAAC3C,KAAA,CAAA2J,OAAO;IAAAxG,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAA1C,YAAA;MAAA2C,UAAA;MAAAC,YAAA;IAAA;EAAA,CAAE,CACA,CACL,CAAC,eACV3D,MAAA,CAAA0B,OAAA,CAAAqB,aAAA,CAAC5C,aAAA,CAAA6J,WAAW;IACVC,QAAQ,EAAC,OAAO;IAChB9C,QAAQ,EAAC,QAAQ;IACjBkB,MAAM,EAAE,IAAK;IACb6B,cAAc,EAAEA,CAAC;MAAEzH,MAAM;MAAEC,MAAM;MAAEO;IAAI,CAAC,kBACtCjD,MAAA,CAAA0B,OAAA,CAAAqB,aAAA,CAACP,WAAW;MACVC,MAAM,EAAEA,MAAO;MACfC,MAAM,EAAEA,MAAO;MACfC,SAAS,EAAEM,GAAI;MACfL,YAAY,EAAE0D,oBAAqB;MACnCzD,SAAS,EAAE5B,CAAC,CACV,2CACF,CAAE;MAAAsC,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAA1C,YAAA;QAAA2C,UAAA;QAAAC,YAAA;MAAA;IAAA,CACH,CACD;IAAAJ,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAA1C,YAAA;MAAA2C,UAAA;MAAAC,YAAA;IAAA;EAAA,gBAEF3D,MAAA,CAAA0B,OAAA,CAAAqB,aAAA,CAAC5C,aAAA,CAAA6J,WAAW,CAACG,QAAQ;IACnB9G,QAAQ,EAAC,qCAAqC;IAC9C+G,IAAI,EAAEnJ,CAAC,CAAC,iCAAiC,CAAE;IAC3CoJ,UAAU,eAAErK,MAAA,CAAA0B,OAAA,CAAAqB,aAAA,CAAC3C,KAAA,CAAAkK,IAAI;MAAA/G,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAA1C,YAAA;QAAA2C,UAAA;QAAAC,YAAA;MAAA;IAAA,CAAE,CAAE;IACrBL,OAAO,EAAEuC,YAAa;IAAAtC,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAA1C,YAAA;MAAA2C,UAAA;MAAAC,YAAA;IAAA;EAAA,CACvB,CAAC,eACF3D,MAAA,CAAA0B,OAAA,CAAAqB,aAAA,CAAC5C,aAAA,CAAA6J,WAAW,CAACG,QAAQ;IACnB9G,QAAQ,EAAC,iCAAiC;IAC1C+G,IAAI,EAAEnJ,CAAC,CAAC,0BAA0B,CAAE;IACpCoJ,UAAU,eAAErK,MAAA,CAAA0B,OAAA,CAAAqB,aAAA,CAAC3C,KAAA,CAAAmK,QAAQ;MAAAhH,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAA1C,YAAA;QAAA2C,UAAA;QAAAC,YAAA;MAAA;IAAA,CAAE,CAAE;IACzBL,OAAO,EAAEA,CAAA,KAAMoB,eAAe,CAAC,SAAS,CAAE;IAAAnB,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAA1C,YAAA;MAAA2C,UAAA;MAAAC,YAAA;IAAA;EAAA,CAC3C,CAAC,eACF3D,MAAA,CAAA0B,OAAA,CAAAqB,aAAA,CAAC5C,aAAA,CAAA6J,WAAW,CAACG,QAAQ;IACnB9G,QAAQ,EAAC,kCAAkC;IAC3C+G,IAAI,EAAEnJ,CAAC,CAAC,oBAAoB,CAAE;IAC9BoJ,UAAU,eAAErK,MAAA,CAAA0B,OAAA,CAAAqB,aAAA,CAAC3C,KAAA,CAAAoK,QAAQ;MAAAjH,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAA1C,YAAA;QAAA2C,UAAA;QAAAC,YAAA;MAAA;IAAA,CAAE,CAAE;IACzBL,OAAO,EAAE4C,cAAe;IAAA3C,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAA1C,YAAA;MAAA2C,UAAA;MAAAC,YAAA;IAAA;EAAA,CACzB,CAAC,eACF3D,MAAA,CAAA0B,OAAA,CAAAqB,aAAA,CAAC5C,aAAA,CAAA6J,WAAW,CAACS,OAAO;IAAAlH,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAA1C,YAAA;MAAA2C,UAAA;MAAAC,YAAA;IAAA;EAAA,CAAE,CAAC,eACvB3D,MAAA,CAAA0B,OAAA,CAAAqB,aAAA,CAAC5C,aAAA,CAAA6J,WAAW,CAACG,QAAQ;IACnB9G,QAAQ,EAAC,gCAAgC;IACzC+G,IAAI,EAAEnJ,CAAC,CAAC,iBAAiB,CAAE;IAC3BkC,IAAI,EAAC,aAAa;IAClBkH,UAAU,eAAErK,MAAA,CAAA0B,OAAA,CAAAqB,aAAA,CAAC3C,KAAA,CAAAsK,MAAM;MAAAnH,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAA1C,YAAA;QAAA2C,UAAA;QAAAC,YAAA;MAAA;IAAA,CAAE,CAAE;IACvBL,OAAO,EAAEkC,YAAa;IAAAjC,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAA1C,YAAA;MAAA2C,UAAA;MAAAC,YAAA;IAAA;EAAA,CACvB,CACU,CACV,CACF,CACI,CAAC,eACZ3D,MAAA,CAAA0B,OAAA,CAAAqB,aAAA,CAAC5C,aAAA,CAAA8I,SAAS;IAACC,KAAK,EAAEjI,CAAC,CAAC,yBAAyB,CAAE;IAAAsC,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAA1C,YAAA;MAAA2C,UAAA;MAAAC,YAAA;IAAA;EAAA,gBAC7C3D,MAAA,CAAA0B,OAAA,CAAAqB,aAAA,CAAC5C,aAAA,CAAAwK,KAAK;IACJtH,QAAQ,EAAC,4BAA4B;IACrCH,IAAI,EAAC,OAAO;IACZY,KAAK,EAAEO,KAAK,CAACuG,OAAO,IAAI,EAAG;IAC3BC,WAAW,EAAE5J,CAAC,CAAC,oCAAoC,CAAE;IACrD8C,QAAQ,EAAG/C,CAAC,IACV+C,QAAQ,CAAC,IAAA+G,4BAAW,EAACzG,KAAK,EAAErD,CAAC,CAAC+J,MAAM,CAACjH,KAAK,CAAC,CAC5C;IACDkH,cAAc,EAAE3E,MAAO;IAAA9C,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAA1C,YAAA;MAAA2C,UAAA;MAAAC,YAAA;IAAA;EAAA,CACxB,CACQ,CACR,CACU,CACV,CACN,CACF,CAEW,CAAC,EACpBU,KAAK,iBACJrE,MAAA,CAAA0B,OAAA,CAAAqB,aAAA,CAACpC,kBAAA,CAAAsK,iBAAiB;IAChBxI,MAAM,EAAEgC,YAAY,KAAK,SAAU;IACnCX,KAAK,EAAES,GAAI;IACX2G,OAAO,EAAEA,CAAA,KAAMxG,eAAe,CAAC,SAAS,CAAE;IAC1CyG,cAAc,EAAE5F,eAAgB;IAChC6F,YAAY,EAAE5F,YAAa;IAC3B6F,eAAe,EAAEnF,cAAe;IAChCoF,QAAQ,EAAE;MACRC,OAAO,EAAE,mBAAmB;MAC5BC,QAAQ,EAAE,oBAAoB;MAC9BC,MAAM,EAAE;IACV,CAAE;IAAAlI,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAA1C,YAAA;MAAA2C,UAAA;MAAAC,YAAA;IAAA;EAAA,CACH,CAEH,CAAC;AAEP,CAAC;AAAC+H,OAAA,CAAA7H,kBAAA,GAAAA,kBAAA;AAEFA,kBAAkB,CAAC8H,WAAW,GAAG,oBAAoB","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_designSystem","_lazy","_autoFieldTypes","_hooks","_getImageSource","_mediaImageValue","_mediaUtils","_mediaControl","_mediaPreviewModal","_mediaImage","_mediaImageView","_cellMediaImageEditStCss","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","imageFromUrl","url","current","replaceImage","fromImageUrl","MenuTrigger","isOpen","toggle","buttonRef","onOpenChange","ariaLabel","useEffect","createElement","IconButton","ref","size","skin","priority","dataHook","onClick","__self","__source","fileName","lineNumber","columnNumber","MoreSmall","CellMediaImageEdit","value","onChange","onCommit","onCancel","onStartEdit","inputRef","useTranslations","image","toMediaImageValue","src","getImageSource","popoverLayer","setPopoverLayer","useState","mediaEdit","useCellMediaEdit","mediaType","MEDIA_TYPES","IMAGE","fromPick","fromMediaManagerPick","fromUrl","commitOnPick","loading","pasteUrlForm","handleCallMedia","handleDelete","downloadMedia","closePasteUrl","handleClose","openLayer","openPasteUrl","startEditAndOpenPasteUrl","title","isExternalMediaImage","undefined","handleDownload","useCallback","executeDownloading","commit","handleMenuOpenChange","layer","handleClickOutside","handleKeyDown","key","stopPropagation","document","addEventListener","removeEventListener","emptyActions","Fragment","Tooltip","content","appendTo","Add","LinkSmall","CellMediaEditShell","fieldType","MediaFieldType","padding","className","classes","view","MediaImageView","anchor","Popover","shown","placement","moveBy","x","y","zIndex","animate","flip","fixed","onClickOutside","Element","anchorBox","Content","Box","popoverContent","direction","gap","FormField","label","MediaImage","alt","fit","transparent","ThumbnailSize","L","width","height","borderRadius","st","imageActions","menuOpen","Replace","PopoverMenu","textSize","triggerElement","MenuItem","text","prefixIcon","Link","Maximize","Download","Divider","Delete","Input","altText","placeholder","withAltText","target","onEnterPressed","MediaPreviewModal","onClose","onRequestMedia","onClearMedia","onDownloadMedia","textKeys","replace","download","delete","exports","displayName"],"sources":["../../../../src/components/media-image-field/cell-media-image-edit.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useState } from 'react';\nimport {\n  Box,\n  FormField,\n  IconButton,\n  Input,\n  Popover,\n  PopoverMenu,\n  Tooltip,\n} from '@wix/design-system';\nimport {\n  Add,\n  Delete,\n  Download,\n  Link,\n  LinkSmall,\n  Maximize,\n  MoreSmall,\n  Replace,\n} from '@wix/wix-ui-icons-common/lazy';\nimport { ThumbnailSize } from '../../auto-field-types';\nimport { useTranslations } from '../../hooks';\nimport type { MediaImageValue } from '../../types/media-image';\nimport { getImageSource } from '../../utils/get-image-source';\nimport {\n  fromImageUrl,\n  fromMediaManagerPick,\n  isExternalMediaImage,\n  replaceImage,\n  toMediaImageValue,\n  withAltText,\n} from '../../utils/media-image-value';\nimport { executeDownloading, MEDIA_TYPES } from '../../utils/media-utils';\nimport {\n  CellMediaEditShell,\n  MediaFieldType,\n  useCellMediaEdit,\n} from '../media-control';\nimport { MediaPreviewModal } from '../media-gallery/media-preview-modal';\nimport { MediaImage } from '../media-image';\nimport { MediaImageView } from './media-image-view';\nimport { st, classes } from './cell-media-image-edit.st.css.js';\n\nexport interface CellMediaImageEditProps {\n  /** A `MEDIA_IMAGE` value. */\n  value: unknown;\n  onChange: (value: MediaImageValue | null) => void;\n  onCommit: () => void;\n  onCancel?: () => void;\n  /**\n   * Called before opening external UI (media manager / paste-URL form) so the\n   * table can set isEditing=true and protect cell focus while the modal is open.\n   */\n  onStartEdit?: () => void;\n  inputRef?: React.MutableRefObject<{ focus: () => void } | null | undefined>;\n  dataHook?: string;\n}\n\ntype PopoverLayer = 'none' | 'popover' | 'menu' | 'preview';\n\n/** What is on top of the editor. Escape and click-outside act on it. */\ntype Layer = PopoverLayer | 'pasteUrl' | 'loading';\n\nconst imageFromUrl = (url: string, current: MediaImageValue | null) =>\n  replaceImage(current, fromImageUrl(url));\n\ninterface MenuTriggerProps {\n  isOpen: boolean;\n  toggle: () => void;\n  /** Lets WDS put focus back here when the menu closes. */\n  buttonRef?: React.RefObject<HTMLElement>;\n  onOpenChange: (isOpen: boolean) => void;\n  ariaLabel: string;\n}\n\n/** WDS shows the menu's open state only to its trigger, so the trigger\n *  reports it. */\nconst MenuTrigger: React.FC<MenuTriggerProps> = ({\n  isOpen,\n  toggle,\n  buttonRef,\n  onOpenChange,\n  ariaLabel,\n}) => {\n  useEffect(() => {\n    onOpenChange(isOpen);\n  }, [isOpen, onOpenChange]);\n\n  return (\n    <IconButton\n      ref={buttonRef}\n      size=\"small\"\n      skin=\"light\"\n      priority=\"secondary\"\n      dataHook=\"media-image-edit-more-button\"\n      ariaLabel={ariaLabel}\n      aria-haspopup=\"menu\"\n      aria-expanded={isOpen}\n      onClick={toggle}\n    >\n      <MoreSmall />\n    </IconButton>\n  );\n};\n\n/**\n * Edits a `MEDIA_IMAGE` cell. An empty cell shows the add and paste-URL\n * buttons. A cell with an image opens a popover with the image and its alt\n * text. Changes go to `onChange` as they happen and are committed once, when\n * the popover closes.\n */\nexport const CellMediaImageEdit: React.FC<CellMediaImageEditProps> = ({\n  value,\n  onChange,\n  onCommit,\n  onCancel,\n  onStartEdit,\n  inputRef,\n  dataHook,\n}) => {\n  const { t } = useTranslations();\n  const image = toMediaImageValue(value);\n  const src = getImageSource(image);\n  // 'none' once committed.\n  const [popoverLayer, setPopoverLayer] = useState<PopoverLayer>('popover');\n\n  const mediaEdit = useCellMediaEdit({\n    mediaType: MEDIA_TYPES.IMAGE,\n    value: image,\n    onChange,\n    onCommit,\n    onCancel,\n    onStartEdit,\n    inputRef,\n    fromPick: fromMediaManagerPick,\n    fromUrl: imageFromUrl,\n    commitOnPick: false,\n  });\n  const {\n    loading,\n    pasteUrlForm,\n    handleCallMedia,\n    handleDelete,\n    downloadMedia,\n  } = mediaEdit;\n  const closePasteUrl = pasteUrlForm.handleClose;\n  // The media manager and the URL form sit above the popover layers.\n  const openLayer: Layer = loading\n    ? 'loading'\n    : pasteUrlForm.isOpen\n    ? 'pasteUrl'\n    : image\n    ? popoverLayer\n    : 'none';\n\n  const openPasteUrl = mediaEdit.startEditAndOpenPasteUrl({\n    title: t('CMS.image.replaceWithUrl.title'),\n    value: isExternalMediaImage(image) ? image.url : undefined,\n  });\n\n  const handleDownload = useCallback(() => {\n    // The Media Manager can't make a download link for an external URL.\n    if (isExternalMediaImage(image)) {\n      executeDownloading(image.url);\n    } else if (src) {\n      downloadMedia(src);\n    }\n  }, [src, image, downloadMedia]);\n\n  const commit = useCallback(() => {\n    setPopoverLayer('none');\n    onCommit();\n  }, [onCommit]);\n\n  // Picking Preview sets its own layer, which closing the menu must not undo.\n  const handleMenuOpenChange = useCallback((isOpen: boolean) => {\n    setPopoverLayer((layer) => {\n      if (isOpen) {\n        return 'menu';\n      }\n      return layer === 'menu' ? 'popover' : layer;\n    });\n  }, []);\n\n  // Fires on mouseup, before the click that closes a menu or a modal, so\n  // `openLayer` still says what was open.\n  const handleClickOutside = useCallback(() => {\n    if (openLayer === 'popover') {\n      commit();\n    }\n  }, [openLayer, commit]);\n\n  useEffect(() => {\n    // WDS closes the menu on Escape and stops the event there.\n    if (\n      openLayer === 'none' ||\n      openLayer === 'loading' ||\n      openLayer === 'menu'\n    ) {\n      return;\n    }\n    // Capture phase, so the table doesn't cancel the edit first.\n    const handleKeyDown = (e: KeyboardEvent) => {\n      if (e.key !== 'Escape') {\n        return;\n      }\n      e.stopPropagation();\n      if (openLayer === 'pasteUrl') {\n        closePasteUrl();\n      } else if (openLayer === 'preview') {\n        setPopoverLayer('popover');\n      } else {\n        commit();\n      }\n    };\n    document.addEventListener('keydown', handleKeyDown, true);\n    return () => document.removeEventListener('keydown', handleKeyDown, true);\n  }, [openLayer, closePasteUrl, commit]);\n\n  const emptyActions = (\n    <>\n      <Tooltip content={t('CMS.image.add')} appendTo=\"window\">\n        <IconButton\n          size=\"tiny\"\n          priority=\"secondary\"\n          dataHook=\"media-image-edit-add-button\"\n          ariaLabel={t('CMS.image.add')}\n          onClick={handleCallMedia}\n        >\n          <Add />\n        </IconButton>\n      </Tooltip>\n      <Tooltip content={t('CMS.image.replaceWithUrl.button')} appendTo=\"window\">\n        <IconButton\n          size=\"tiny\"\n          priority=\"tertiary\"\n          dataHook=\"media-image-edit-paste-url-button\"\n          ariaLabel={t('CMS.image.replaceWithUrl.button')}\n          onClick={openPasteUrl}\n        >\n          <LinkSmall />\n        </IconButton>\n      </Tooltip>\n    </>\n  );\n\n  // One return for both states, so the shell and its container stay mounted\n  // when a pick fills an empty cell.\n  return (\n    <>\n      <CellMediaEditShell\n        dataHook={dataHook}\n        mediaEdit={mediaEdit}\n        fieldType={MediaFieldType.image}\n        padding={image ? '0' : undefined}\n      >\n        {!image ? (\n          emptyActions\n        ) : (\n          <div className={classes.view}>\n            <MediaImageView value={image} />\n            <div className={classes.anchor}>\n              <Popover\n                // Modals open at WDS's z-index 5000, under this popover.\n                shown={openLayer === 'popover' || openLayer === 'menu'}\n                appendTo=\"window\"\n                placement=\"bottom-start\"\n                moveBy={{ x: 0, y: 4 }}\n                zIndex={5001}\n                animate\n                flip\n                fixed={false}\n                onClickOutside={handleClickOutside}\n              >\n                <Popover.Element>\n                  <div className={classes.anchorBox} />\n                </Popover.Element>\n                <Popover.Content>\n                  <Box\n                    dataHook=\"media-image-edit-popover\"\n                    className={classes.popoverContent}\n                    direction=\"vertical\"\n                    gap=\"SP3\"\n                    padding=\"SP3\"\n                  >\n                    <FormField label={t('CMS.image.thumbnail.label')}>\n                      <div className={classes.image}>\n                        <MediaImage\n                          dataHook=\"media-image-edit-image\"\n                          src={src}\n                          alt=\"\"\n                          fit=\"cover\"\n                          transparent\n                          size={ThumbnailSize.L}\n                          width=\"180px\"\n                          height=\"180px\"\n                          borderRadius=\"0\"\n                        />\n                        <div\n                          className={st(classes.imageActions, {\n                            menuOpen: popoverLayer === 'menu',\n                          })}\n                        >\n                          <Tooltip\n                            content={t('CMS.image.replace')}\n                            appendTo=\"window\"\n                          >\n                            <IconButton\n                              size=\"small\"\n                              skin=\"light\"\n                              priority=\"secondary\"\n                              dataHook=\"media-image-edit-replace-button\"\n                              ariaLabel={t('CMS.image.replace')}\n                              onClick={handleCallMedia}\n                            >\n                              <Replace />\n                            </IconButton>\n                          </Tooltip>\n                          <PopoverMenu\n                            textSize=\"small\"\n                            appendTo=\"window\"\n                            zIndex={5002}\n                            triggerElement={({ isOpen, toggle, ref }) => (\n                              <MenuTrigger\n                                isOpen={isOpen}\n                                toggle={toggle}\n                                buttonRef={ref}\n                                onOpenChange={handleMenuOpenChange}\n                                ariaLabel={t(\n                                  'auto-patterns.fields.more_actions_tooltip',\n                                )}\n                              />\n                            )}\n                          >\n                            <PopoverMenu.MenuItem\n                              dataHook=\"media-image-edit-action-replace-url\"\n                              text={t('CMS.image.replaceWithUrl.button')}\n                              prefixIcon={<Link />}\n                              onClick={openPasteUrl}\n                            />\n                            <PopoverMenu.MenuItem\n                              dataHook=\"media-image-edit-action-preview\"\n                              text={t('CMS.mediaGallery.preview')}\n                              prefixIcon={<Maximize />}\n                              onClick={() => setPopoverLayer('preview')}\n                            />\n                            <PopoverMenu.MenuItem\n                              dataHook=\"media-image-edit-action-download\"\n                              text={t('CMS.image.download')}\n                              prefixIcon={<Download />}\n                              onClick={handleDownload}\n                            />\n                            <PopoverMenu.Divider />\n                            <PopoverMenu.MenuItem\n                              dataHook=\"media-image-edit-action-delete\"\n                              text={t('CMS.image.clear')}\n                              skin=\"destructive\"\n                              prefixIcon={<Delete />}\n                              onClick={handleDelete}\n                            />\n                          </PopoverMenu>\n                        </div>\n                      </div>\n                    </FormField>\n                    <FormField label={t('CMS.image.altText.label')}>\n                      <Input\n                        dataHook=\"media-image-edit-alt-input\"\n                        size=\"small\"\n                        value={image.altText ?? ''}\n                        placeholder={t('CMS.image.altText.inputPlaceholder')}\n                        onChange={(e) =>\n                          onChange(withAltText(image, e.target.value))\n                        }\n                        onEnterPressed={commit}\n                      />\n                    </FormField>\n                  </Box>\n                </Popover.Content>\n              </Popover>\n            </div>\n          </div>\n        )}\n      </CellMediaEditShell>\n      {image && (\n        <MediaPreviewModal\n          isOpen={popoverLayer === 'preview'}\n          value={src}\n          onClose={() => setPopoverLayer('popover')}\n          onRequestMedia={handleCallMedia}\n          onClearMedia={handleDelete}\n          onDownloadMedia={handleDownload}\n          textKeys={{\n            replace: 'CMS.image.replace',\n            download: 'CMS.image.download',\n            delete: 'CMS.image.clear',\n          }}\n        />\n      )}\n    </>\n  );\n};\n\nCellMediaImageEdit.displayName = 'CellMediaImageEdit';\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/components/media-image-field/cell-media-image-edit.st.css

@@ -10,8 +10,10 @@
 }
 
 /* A zero-height strip along the cell's bottom edge, so the popover opens
-   under the cell. */
+   under the cell. Flex, because the WDS Popover root is inline-block: on a
+   text line it would start 14px lower. */
 .anchor {
+  display: flex;
   position: absolute;
   left: 0;
   right: 0;