@wix/ricos 11.19.0 → 11.20.0

package/dist/es/plugin-file-upload/statics/styles/file-upload-viewer-scss.js

@@ -1,19 +1,19 @@
 var file_upload_viewer_default = {
-  "fontElementMap": "kdBmM",
-  "file_upload_container": "rSu9O",
-  "file_upload_link": "ZTHJB",
-  "file_upload_error_container": "_8EsR0",
-  "file_upload_file_info": "Vb5CC",
-  "file_upload_type_icon": "IkJ-v",
-  "file_upload_status_icon_container": "_42yV0",
-  "file_upload_status_icon": "zkNFi",
-  "file_upload_description": "jj4hi",
-  "file_upload_name_container": "me-8D",
-  "file_upload_name": "KDizP",
-  "file_upload_extension": "_3L3ME",
-  "file_loader_icon": "LgBcy",
-  "file_upload_icon_frame": "O1auQ",
-  "file_upload_icon_background": "wysUM"
+  "fontElementMap": "QrGEc",
+  "file_upload_container": "Q5q25",
+  "file_upload_link": "iVv-H",
+  "file_upload_error_container": "VyqzH",
+  "file_upload_file_info": "HqGGr",
+  "file_upload_type_icon": "KVuD3",
+  "file_upload_status_icon_container": "TxgCj",
+  "file_upload_status_icon": "RcaUX",
+  "file_upload_description": "j6iZz",
+  "file_upload_name_container": "kg-r8",
+  "file_upload_name": "sX1Lz",
+  "file_upload_extension": "kw1Ma",
+  "file_loader_icon": "CK5QR",
+  "file_upload_icon_frame": "cpxfe",
+  "file_upload_icon_background": "ZCjxm"
 };
 export {
   file_upload_viewer_default as default

package/dist/es/plugin-file-upload/statics/styles/file-upload-viewer-scss.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/plugin-file-upload/statics/styles/file-upload-viewer.scss"],
-  "sourcesContent": ["export default {\n  \"fontElementMap\": \"kdBmM\",\n  \"file_upload_container\": \"rSu9O\",\n  \"file_upload_link\": \"ZTHJB\",\n  \"file_upload_error_container\": \"_8EsR0\",\n  \"file_upload_file_info\": \"Vb5CC\",\n  \"file_upload_type_icon\": \"IkJ-v\",\n  \"file_upload_status_icon_container\": \"_42yV0\",\n  \"file_upload_status_icon\": \"zkNFi\",\n  \"file_upload_description\": \"jj4hi\",\n  \"file_upload_name_container\": \"me-8D\",\n  \"file_upload_name\": \"KDizP\",\n  \"file_upload_extension\": \"_3L3ME\",\n  \"file_loader_icon\": \"LgBcy\",\n  \"file_upload_icon_frame\": \"O1auQ\",\n  \"file_upload_icon_background\": \"wysUM\"\n};"],
+  "sourcesContent": ["export default {\n  \"fontElementMap\": \"QrGEc\",\n  \"file_upload_container\": \"Q5q25\",\n  \"file_upload_link\": \"iVv-H\",\n  \"file_upload_error_container\": \"VyqzH\",\n  \"file_upload_file_info\": \"HqGGr\",\n  \"file_upload_type_icon\": \"KVuD3\",\n  \"file_upload_status_icon_container\": \"TxgCj\",\n  \"file_upload_status_icon\": \"RcaUX\",\n  \"file_upload_description\": \"j6iZz\",\n  \"file_upload_name_container\": \"kg-r8\",\n  \"file_upload_name\": \"sX1Lz\",\n  \"file_upload_extension\": \"kw1Ma\",\n  \"file_loader_icon\": \"CK5QR\",\n  \"file_upload_icon_frame\": \"cpxfe\",\n  \"file_upload_icon_background\": \"ZCjxm\"\n};"],
   "mappings": "AAAA,IAAO,6BAAQ;AAAA,EACb,kBAAkB;AAAA,EAClB,yBAAyB;AAAA,EACzB,oBAAoB;AAAA,EACpB,+BAA+B;AAAA,EAC/B,yBAAyB;AAAA,EACzB,yBAAyB;AAAA,EACzB,qCAAqC;AAAA,EACrC,2BAA2B;AAAA,EAC3B,2BAA2B;AAAA,EAC3B,8BAA8B;AAAA,EAC9B,oBAAoB;AAAA,EACpB,yBAAyB;AAAA,EACzB,oBAAoB;AAAA,EACpB,0BAA0B;AAAA,EAC1B,+BAA+B;AACjC;",
   "names": []
 }

package/dist/es/plugin-file-upload/viewer-styles-inject.js

@@ -1,6 +1,6 @@
-var styleDataHash = 'f91d1719';  
+var styleDataHash = 'dda0011d';  
 export const injectCss = (() => {
-  var css = `.kdBmM{font-family:var(--ricos-font-family,unset)}.glob_fontElementMap{font-family:var(--ricos-font-family,unset)}.rSu9O{background:var(--ricos-custom-file-background-color);container-type:inline-size;display:flex;font-family:var(--ricos-custom-p-font-family,unset);max-width:100%;min-width:90px;overflow:hidden;position:relative;width:100%}.rSu9O:where([data-ricos-responsive=viewport]),:where([data-ricos-responsive=viewport]) .rSu9O{container-type:normal}[data-ricos-font~=p] .rSu9O{font:var(--ricos-custom-p-font);font-feature-settings:inherit;font-kerning:inherit;font-language-override:inherit;font-optical-sizing:inherit;font-size:inherit;font-size-adjust:inherit;font-stretch:inherit;font-style:inherit;font-variant:inherit;font-variation-settings:inherit;font-weight:inherit;line-height:inherit}@supports not (contain:inline-size){@media only screen and (max-width:480px){.rSu9O{border-radius:var(--ricos-native-whitebox-border-radius,0);color:var(--ricos-native-text-color,var(--ricos-text-color,#212121));font-family:var(--ricos-native-text-font-family,var(--ricos-custom-p-font-family,unset))}[data-ricos-font~=native-text-font] .rSu9O{font-family:var(--ricos-native-text-font-family)}}}@container (width < 480px){.rSu9O:where(:not([data-ricos-responsive=viewport],[data-ricos-responsive=viewport] *)){border-radius:var(--ricos-native-whitebox-border-radius,0);color:var(--ricos-native-text-color,var(--ricos-text-color,#212121));font-family:var(--ricos-native-text-font-family,var(--ricos-custom-p-font-family,unset))}[data-ricos-font~=native-text-font] .rSu9O:where(:not([data-ricos-responsive=viewport],[data-ricos-responsive=viewport] *)){font-family:var(--ricos-native-text-font-family)}}@media (width < 480px){.rSu9O:where([data-ricos-responsive=viewport]),:where([data-ricos-responsive=viewport]) .rSu9O{border-radius:var(--ricos-native-whitebox-border-radius,0);color:var(--ricos-native-text-color,var(--ricos-text-color,#212121));font-family:var(--ricos-native-text-font-family,var(--ricos-custom-p-font-family,unset))}[data-ricos-font~=native-text-font] .rSu9O:where([data-ricos-responsive=viewport]),[data-ricos-font~=native-text-font] :where([data-ricos-responsive=viewport]) .rSu9O{font-family:var(--ricos-native-text-font-family)}}.ZTHJB{align-items:center;background:none;box-sizing:border-box;color:inherit;cursor:pointer;display:flex;flex-direction:row;font-family:inherit;gap:12px;max-width:100%;padding:18px;position:relative;text-align:start;text-decoration:none;width:100%}@supports not (contain:inline-size){@media only screen and (max-width:280px){.ZTHJB{align-items:start;flex-direction:column}}}@container (width < 280px){.ZTHJB:where(:not([data-ricos-responsive=viewport],[data-ricos-responsive=viewport] *)){align-items:start;flex-direction:column}}@media (width < 280px){.ZTHJB:where([data-ricos-responsive=viewport]),:where([data-ricos-responsive=viewport]) .ZTHJB{align-items:start;flex-direction:column}}.ZTHJB{border-color:var(--ricos-custom-file-border-color,rgba(var(--ricos-text-color-tuple,33,33,33),.2));border-style:solid;border-width:1px}@supports (color:rgb(from #000 r g b/0.1)){.ZTHJB{border-color:rgb(from var(--ricos-custom-file-border-color,var(--ricos-text-color,#212121)) r g b/var(--ricos-custom-file-border-opacity,.2))}}.ZTHJB:hover{border-color:var(--ricos-custom-file-border-color-hover,var(--ricos-custom-file-border-color,rgba(var(--ricos-text-color-tuple,33,33,33),.6)));border-style:solid;border-width:1px}@supports (color:rgb(from #000 r g b/0.1)){.ZTHJB:hover{border-color:var(--ricos-custom-file-border-color-hover,rgb(from var(--ricos-custom-file-border-color,var(--ricos-text-color,#212121)) r g b/.6))}}.ZTHJB:focus-visible{outline:5px auto Highlight!important;outline:5px auto -webkit-focus-ring-color!important}._8EsR0 .ZTHJB{border:1px solid rgba(246,77,67,.8)}._8EsR0 .ZTHJB:hover{border:1px solid #f64d43}._8EsR0 .ZTHJB .Vb5CC{color:#f64d43;opacity:1}.IkJ-v{color:var(--ricos-custom-file-icon-color,var(--ricos-action-color,#116dff));flex:none}._42yV0{align-items:center;display:flex;flex:none;height:30px}.zkNFi{color:var(--ricos-custom-file-color,inherit);flex:none;height:24px;width:24px}.jj4hi{flex:1 1 auto;max-width:100%;overflow:hidden}.me-8D{color:var(--ricos-custom-file-color,var(--ricos-text-color,#212121));display:flex;flex-direction:row;font-size:16px}.KDizP{flex:0 1 auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}._3L3ME{flex:none;white-space:nowrap}.Vb5CC{color:var(--ricos-custom-file-secondary-color,var(--ricos-custom-file-color,var(--ricos-text-color,#212121)));font-size:14px;letter-spacing:0;line-height:18px;opacity:var(--ricos-custom-file-secondary-color-opacity,.7);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.LgBcy{color:var(--ricos-custom-file-icon-color,var(--ricos-action-color,#116dff))}.O1auQ{stroke:var(--ricos-custom-file-icon-stroke-color,var(--ricos-text-on-action-color,var(--ricos-background-color,#fff)))}.wysUM{fill:var(--ricos-custom-file-icon-stroke-color,var(--ricos-text-on-action-color,var(--ricos-background-color,#fff)))}`;
+  var css = `.QrGEc{font-family:var(--ricos-font-family,unset)}.glob_fontElementMap{font-family:var(--ricos-font-family,unset)}.Q5q25{background:var(--ricos-custom-file-background-color);container-type:inline-size;display:flex;font-family:var(--ricos-custom-p-font-family,unset);max-width:100%;min-width:90px;overflow:hidden;position:relative;width:100%}.Q5q25:where([data-ricos-responsive=viewport]),:where([data-ricos-responsive=viewport]) .Q5q25{container-type:normal}[data-ricos-font~=p] .Q5q25{font:var(--ricos-custom-p-font);font-feature-settings:inherit;font-kerning:inherit;font-language-override:inherit;font-optical-sizing:inherit;font-size:inherit;font-size-adjust:inherit;font-stretch:inherit;font-style:inherit;font-variant:inherit;font-variation-settings:inherit;font-weight:inherit;line-height:inherit}@supports not (contain:inline-size){@media only screen and (max-width:480px){.Q5q25{border-radius:var(--ricos-native-whitebox-border-radius,0);color:var(--ricos-native-text-color,var(--ricos-text-color,#212121));font-family:var(--ricos-native-text-font-family,var(--ricos-custom-p-font-family,unset))}[data-ricos-font~=native-text-font] .Q5q25{font-family:var(--ricos-native-text-font-family)}}}@container (width < 480px){.Q5q25:where(:not([data-ricos-responsive=viewport],[data-ricos-responsive=viewport] *)){border-radius:var(--ricos-native-whitebox-border-radius,0);color:var(--ricos-native-text-color,var(--ricos-text-color,#212121));font-family:var(--ricos-native-text-font-family,var(--ricos-custom-p-font-family,unset))}[data-ricos-font~=native-text-font] .Q5q25:where(:not([data-ricos-responsive=viewport],[data-ricos-responsive=viewport] *)){font-family:var(--ricos-native-text-font-family)}}@media (width < 480px){.Q5q25:where([data-ricos-responsive=viewport]),:where([data-ricos-responsive=viewport]) .Q5q25{border-radius:var(--ricos-native-whitebox-border-radius,0);color:var(--ricos-native-text-color,var(--ricos-text-color,#212121));font-family:var(--ricos-native-text-font-family,var(--ricos-custom-p-font-family,unset))}[data-ricos-font~=native-text-font] .Q5q25:where([data-ricos-responsive=viewport]),[data-ricos-font~=native-text-font] :where([data-ricos-responsive=viewport]) .Q5q25{font-family:var(--ricos-native-text-font-family)}}.iVv-H{align-items:center;background:none;box-sizing:border-box;color:inherit;cursor:pointer;display:flex;flex-direction:row;font-family:inherit;gap:12px;max-width:100%;padding:18px;position:relative;text-align:start;text-decoration:none;width:100%}@supports not (contain:inline-size){@media only screen and (max-width:280px){.iVv-H{align-items:start;flex-direction:column}}}@container (width < 280px){.iVv-H:where(:not([data-ricos-responsive=viewport],[data-ricos-responsive=viewport] *)){align-items:start;flex-direction:column}}@media (width < 280px){.iVv-H:where([data-ricos-responsive=viewport]),:where([data-ricos-responsive=viewport]) .iVv-H{align-items:start;flex-direction:column}}.iVv-H{border-color:var(--ricos-custom-file-border-color,rgba(var(--ricos-text-color-tuple,33,33,33),.2));border-style:solid;border-width:1px}@supports (color:rgb(from #000 r g b/0.1)){.iVv-H{border-color:rgb(from var(--ricos-custom-file-border-color,var(--ricos-text-color,#212121)) r g b/var(--ricos-custom-file-border-opacity,.2))}}.iVv-H:hover{border-color:var(--ricos-custom-file-border-color-hover,var(--ricos-custom-file-border-color,rgba(var(--ricos-text-color-tuple,33,33,33),.6)));border-style:solid;border-width:1px}@supports (color:rgb(from #000 r g b/0.1)){.iVv-H:hover{border-color:var(--ricos-custom-file-border-color-hover,rgb(from var(--ricos-custom-file-border-color,var(--ricos-text-color,#212121)) r g b/.6))}}.iVv-H:focus-visible{outline:5px auto Highlight!important;outline:5px auto -webkit-focus-ring-color!important}.VyqzH .iVv-H{border:1px solid rgba(246,77,67,.8)}.VyqzH .iVv-H:hover{border:1px solid #f64d43}.VyqzH .iVv-H .HqGGr{color:#f64d43;opacity:1}.KVuD3{color:var(--ricos-custom-file-icon-color,var(--ricos-action-color,#116dff));flex:none}.TxgCj{align-items:center;display:flex;flex:none;height:30px}.RcaUX{color:var(--ricos-custom-file-color,inherit);flex:none;height:24px;width:24px}.j6iZz{flex:1 1 auto;max-width:100%;overflow:hidden}.kg-r8{color:var(--ricos-custom-file-color,var(--ricos-text-color,#212121));display:flex;flex-direction:row;font-size:16px}.sX1Lz{flex:0 1 auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.kw1Ma{flex:none;white-space:nowrap}.HqGGr{color:var(--ricos-custom-file-secondary-color,var(--ricos-custom-file-color,var(--ricos-text-color,#212121)));font-size:14px;letter-spacing:0;line-height:18px;opacity:var(--ricos-custom-file-secondary-color-opacity,.7);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.CK5QR{color:var(--ricos-custom-file-icon-color,var(--ricos-action-color,#116dff))}.cpxfe{stroke:var(--ricos-custom-file-icon-stroke-color,var(--ricos-text-on-action-color,var(--ricos-background-color,#fff)))}.ZCjxm{fill:var(--ricos-custom-file-icon-stroke-color,var(--ricos-text-on-action-color,var(--ricos-background-color,#fff)))}`;
   var isTest = typeof process !== 'undefined' && process.env && process.env['NODE_ENV'] === 'test';
 
   if (isTest || !css || typeof document === 'undefined') { return; }

package/dist/es/plugin-gallery/modals/settings/gallery-settings-modal-scss.js

@@ -1,6 +1,6 @@
-var styleDataHash = "69141d13";
+var styleDataHash = "c8bb1568";
 const injectCss = (() => {
-  var css = `.BuS9q{min-height:630px}.TVEmY{--wds-side-panel-floating-header-padding-left:7px}.WeLRG{--wds-form-field-label-gap-small:9px;--wds-field-set-label-gap-small:6px}`;
+  var css = `.Leuwz{min-height:630px}.OnJDi{--wds-side-panel-floating-header-padding-left:7px}.jfGEb{--wds-form-field-label-gap-small:9px;--wds-field-set-label-gap-small:6px}`;
   var isTest = typeof process !== "undefined" && process.env && false;
   if (isTest || !css || typeof document === "undefined") {
     return;
@@ -21,9 +21,9 @@ const injectCss = (() => {
 });
 injectCss();
 var gallery_settings_modal_default = {
-  "modal": "BuS9q",
-  "header": "TVEmY",
-  "content": "WeLRG"
+  "modal": "Leuwz",
+  "header": "OnJDi",
+  "content": "jfGEb"
 };
 export {
   gallery_settings_modal_default as default,

package/dist/es/plugin-gallery/modals/settings/gallery-settings-modal-scss.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/plugin-gallery/modals/settings/gallery-settings-modal.scss"],
-  "sourcesContent": ["var styleDataHash = '69141d13';  \nexport const injectCss = (() => {\n  var css = `.BuS9q{min-height:630px}.TVEmY{--wds-side-panel-floating-header-padding-left:7px}.WeLRG{--wds-form-field-label-gap-small:9px;--wds-field-set-label-gap-small:6px}`;\n  var isTest = typeof process !== 'undefined' && process.env && process.env['NODE_ENV'] === 'test';\n\n  if (isTest || !css || typeof document === 'undefined') { return; }\n  if (document.querySelector('style[data-ricos-style-hash=\"' + styleDataHash + '\"]')) { return; }\n\n  var head = document.head || document.getElementsByTagName('head')[0];\n  var style = document.createElement('style');\n  style.setAttribute('data-ricos-style-hash', styleDataHash);\n  style.type = 'text/css';\n\n  head.appendChild(style);\n\n  if (style.styleSheet) {\n    style.styleSheet.cssText = css;\n  } else {\n    style.appendChild(document.createTextNode(css));\n  }\n});\n\ninjectCss();\n\n\n\nexport default {\n  \"modal\": \"BuS9q\",\n  \"header\": \"TVEmY\",\n  \"content\": \"WeLRG\"\n};"],
+  "sourcesContent": ["var styleDataHash = 'c8bb1568';  \nexport const injectCss = (() => {\n  var css = `.Leuwz{min-height:630px}.OnJDi{--wds-side-panel-floating-header-padding-left:7px}.jfGEb{--wds-form-field-label-gap-small:9px;--wds-field-set-label-gap-small:6px}`;\n  var isTest = typeof process !== 'undefined' && process.env && process.env['NODE_ENV'] === 'test';\n\n  if (isTest || !css || typeof document === 'undefined') { return; }\n  if (document.querySelector('style[data-ricos-style-hash=\"' + styleDataHash + '\"]')) { return; }\n\n  var head = document.head || document.getElementsByTagName('head')[0];\n  var style = document.createElement('style');\n  style.setAttribute('data-ricos-style-hash', styleDataHash);\n  style.type = 'text/css';\n\n  head.appendChild(style);\n\n  if (style.styleSheet) {\n    style.styleSheet.cssText = css;\n  } else {\n    style.appendChild(document.createTextNode(css));\n  }\n});\n\ninjectCss();\n\n\n\nexport default {\n  \"modal\": \"Leuwz\",\n  \"header\": \"OnJDi\",\n  \"content\": \"jfGEb\"\n};"],
   "mappings": "AAAA,IAAI,gBAAgB;AACb,MAAM,aAAa,MAAM;AAC9B,MAAI,MAAM;AACV,MAAI,SAAS,OAAO,YAAY,eAAe,QAAQ,OAAO;AAE9D,MAAI,UAAU,CAAC,OAAO,OAAO,aAAa,aAAa;AAAE;AAAA,EAAQ;AACjE,MAAI,SAAS,cAAc,kCAAkC,gBAAgB,IAAI,GAAG;AAAE;AAAA,EAAQ;AAE9F,MAAI,OAAO,SAAS,QAAQ,SAAS,qBAAqB,MAAM,EAAE,CAAC;AACnE,MAAI,QAAQ,SAAS,cAAc,OAAO;AAC1C,QAAM,aAAa,yBAAyB,aAAa;AACzD,QAAM,OAAO;AAEb,OAAK,YAAY,KAAK;AAEtB,MAAI,MAAM,YAAY;AACpB,UAAM,WAAW,UAAU;AAAA,EAC7B,OAAO;AACL,UAAM,YAAY,SAAS,eAAe,GAAG,CAAC;AAAA,EAChD;AACF;AAEA,UAAU;AAIV,IAAO,iCAAQ;AAAA,EACb,SAAS;AAAA,EACT,UAAU;AAAA,EACV,WAAW;AACb;",
   "names": []
 }

package/dist/es/plugin-gallery/modals/settings/layout-settings/layout-controls-section/image-ratio-control-scss.js

@@ -1,6 +1,6 @@
-var styleDataHash = "62f6d625";
+var styleDataHash = "527053d2";
 const injectCss = (() => {
-  var css = `._3UkxC{border:1px solid #000}._1SbDl{height:33.75%;width:60%}.nZSF-{height:45%;width:60%}.ZDvbN{height:60%;width:60%}.aLKXF{height:60%;width:45%}._2oHZl{height:60%;width:33.75%}`;
+  var css = `.dpeDI{border:1px solid #000}.V5qvp{height:33.75%;width:60%}.EI9ar{height:45%;width:60%}.G5nGN{height:60%;width:60%}.Znecp{height:60%;width:45%}.qhUxW{height:60%;width:33.75%}`;
   var isTest = typeof process !== "undefined" && process.env && false;
   if (isTest || !css || typeof document === "undefined") {
     return;
@@ -21,12 +21,12 @@ const injectCss = (() => {
 });
 injectCss();
 var image_ratio_control_default = {
-  "imageRatioSelector_ratioIcon": "_3UkxC",
-  "imageRatioSelector_16_9": "_1SbDl",
-  "imageRatioSelector_4_3": "nZSF-",
-  "imageRatioSelector_1_1": "ZDvbN",
-  "imageRatioSelector_3_4": "aLKXF",
-  "imageRatioSelector_9_16": "_2oHZl"
+  "imageRatioSelector_ratioIcon": "dpeDI",
+  "imageRatioSelector_16_9": "V5qvp",
+  "imageRatioSelector_4_3": "EI9ar",
+  "imageRatioSelector_1_1": "G5nGN",
+  "imageRatioSelector_3_4": "Znecp",
+  "imageRatioSelector_9_16": "qhUxW"
 };
 export {
   image_ratio_control_default as default,

package/dist/es/plugin-gallery/modals/settings/layout-settings/layout-controls-section/image-ratio-control-scss.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../../src/plugin-gallery/modals/settings/layout-settings/layout-controls-section/image-ratio-control.scss"],
-  "sourcesContent": ["var styleDataHash = '62f6d625';  \nexport const injectCss = (() => {\n  var css = `._3UkxC{border:1px solid #000}._1SbDl{height:33.75%;width:60%}.nZSF-{height:45%;width:60%}.ZDvbN{height:60%;width:60%}.aLKXF{height:60%;width:45%}._2oHZl{height:60%;width:33.75%}`;\n  var isTest = typeof process !== 'undefined' && process.env && process.env['NODE_ENV'] === 'test';\n\n  if (isTest || !css || typeof document === 'undefined') { return; }\n  if (document.querySelector('style[data-ricos-style-hash=\"' + styleDataHash + '\"]')) { return; }\n\n  var head = document.head || document.getElementsByTagName('head')[0];\n  var style = document.createElement('style');\n  style.setAttribute('data-ricos-style-hash', styleDataHash);\n  style.type = 'text/css';\n\n  head.appendChild(style);\n\n  if (style.styleSheet) {\n    style.styleSheet.cssText = css;\n  } else {\n    style.appendChild(document.createTextNode(css));\n  }\n});\n\ninjectCss();\n\n\n\nexport default {\n  \"imageRatioSelector_ratioIcon\": \"_3UkxC\",\n  \"imageRatioSelector_16_9\": \"_1SbDl\",\n  \"imageRatioSelector_4_3\": \"nZSF-\",\n  \"imageRatioSelector_1_1\": \"ZDvbN\",\n  \"imageRatioSelector_3_4\": \"aLKXF\",\n  \"imageRatioSelector_9_16\": \"_2oHZl\"\n};"],
+  "sourcesContent": ["var styleDataHash = '527053d2';  \nexport const injectCss = (() => {\n  var css = `.dpeDI{border:1px solid #000}.V5qvp{height:33.75%;width:60%}.EI9ar{height:45%;width:60%}.G5nGN{height:60%;width:60%}.Znecp{height:60%;width:45%}.qhUxW{height:60%;width:33.75%}`;\n  var isTest = typeof process !== 'undefined' && process.env && process.env['NODE_ENV'] === 'test';\n\n  if (isTest || !css || typeof document === 'undefined') { return; }\n  if (document.querySelector('style[data-ricos-style-hash=\"' + styleDataHash + '\"]')) { return; }\n\n  var head = document.head || document.getElementsByTagName('head')[0];\n  var style = document.createElement('style');\n  style.setAttribute('data-ricos-style-hash', styleDataHash);\n  style.type = 'text/css';\n\n  head.appendChild(style);\n\n  if (style.styleSheet) {\n    style.styleSheet.cssText = css;\n  } else {\n    style.appendChild(document.createTextNode(css));\n  }\n});\n\ninjectCss();\n\n\n\nexport default {\n  \"imageRatioSelector_ratioIcon\": \"dpeDI\",\n  \"imageRatioSelector_16_9\": \"V5qvp\",\n  \"imageRatioSelector_4_3\": \"EI9ar\",\n  \"imageRatioSelector_1_1\": \"G5nGN\",\n  \"imageRatioSelector_3_4\": \"Znecp\",\n  \"imageRatioSelector_9_16\": \"qhUxW\"\n};"],
   "mappings": "AAAA,IAAI,gBAAgB;AACb,MAAM,aAAa,MAAM;AAC9B,MAAI,MAAM;AACV,MAAI,SAAS,OAAO,YAAY,eAAe,QAAQ,OAAO;AAE9D,MAAI,UAAU,CAAC,OAAO,OAAO,aAAa,aAAa;AAAE;AAAA,EAAQ;AACjE,MAAI,SAAS,cAAc,kCAAkC,gBAAgB,IAAI,GAAG;AAAE;AAAA,EAAQ;AAE9F,MAAI,OAAO,SAAS,QAAQ,SAAS,qBAAqB,MAAM,EAAE,CAAC;AACnE,MAAI,QAAQ,SAAS,cAAc,OAAO;AAC1C,QAAM,aAAa,yBAAyB,aAAa;AACzD,QAAM,OAAO;AAEb,OAAK,YAAY,KAAK;AAEtB,MAAI,MAAM,YAAY;AACpB,UAAM,WAAW,UAAU;AAAA,EAC7B,OAAO;AACL,UAAM,YAAY,SAAS,eAAe,GAAG,CAAC;AAAA,EAChD;AACF;AAEA,UAAU;AAIV,IAAO,8BAAQ;AAAA,EACb,gCAAgC;AAAA,EAChC,2BAA2B;AAAA,EAC3B,0BAA0B;AAAA,EAC1B,0BAA0B;AAAA,EAC1B,0BAA0B;AAAA,EAC1B,2BAA2B;AAC7B;",
   "names": []
 }

package/dist/es/plugin-gallery/modals/settings/layout-settings/layout-controls-section/layout-controls-section.js

@@ -40,11 +40,11 @@ const LayoutControlsSection = ({
 }) => {
   const { t } = useContext(RicosContext);
   const containerEl = usePanelContainerElement();
-  const getValueFromOptionsItem = (name) => data.options?.item?.[name];
-  const getValueFromOptionsThumbnails = (name) => data.options?.thumbnails?.[name];
+  const options = data.options ? canonicalizeLegacyCollageOptions(data.options) : data.options;
+  const getValueFromOptionsItem = (name) => options?.item?.[name];
+  const getValueFromOptionsThumbnails = (name) => options?.thumbnails?.[name];
   const getNumericValue = (value, defaultValue) => typeof value === "number" ? value : defaultValue;
   const applyGallerySetting = (setting, key) => {
-    const options = data.options ? canonicalizeLegacyCollageOptions(data.options) : data.options;
     const componentData = {
       ...data,
       options: {
@@ -65,7 +65,7 @@ const LayoutControlsSection = ({
         inputDataHook: LAYOUT_SETTINGS_ITEMS_PER_ROW_INPUT,
         onChange: (value) => applyGallerySetting({ numberOfColumns: value }, "layout"),
         tooltipAppendTo: containerEl,
-        value: data.options?.layout?.numberOfColumns ?? 1,
+        value: options?.layout?.numberOfColumns ?? 1,
         logBi
       }
     ),
@@ -78,7 +78,7 @@ const LayoutControlsSection = ({
         inputDataHook: LAYOUT_SETTINGS_THUMBNAIL_SIZE_INPUT,
         onChange: (value) => applyGallerySetting({ targetSize: value }, "item"),
         value: getNumericValue(getValueFromOptionsItem("targetSize"), 300),
-        label: data.options?.layout?.orientation === "COLUMNS" ? t("GallerySettings_LayoutControlSection_Column") : t("GallerySettings_LayoutControlSection_Row"),
+        label: options?.layout?.orientation === "COLUMNS" ? t("GallerySettings_LayoutControlSection_Column") : t("GallerySettings_LayoutControlSection_Row"),
         tooltipAppendTo: containerEl,
         logBi
       }
@@ -133,7 +133,7 @@ const LayoutControlsSection = ({
       ImageOrientationControl,
       {
         onChange: (value) => applyGallerySetting({ orientation: value }, "layout"),
-        value: data.options?.layout?.orientation ?? GalleryOptions_Layout_Orientation.COLUMNS,
+        value: options?.layout?.orientation ?? GalleryOptions_Layout_Orientation.COLUMNS,
         logBi
       }
     ),

package/dist/es/plugin-gallery/modals/settings/layout-settings/layout-controls-section/layout-controls-section.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../../src/plugin-gallery/modals/settings/layout-settings/layout-controls-section/layout-controls-section.tsx"],
-  "sourcesContent": ["import { Box, Divider, Text } from '@wix/design-system';\nimport React, { useContext } from 'react';\n\nimport { RicosContext } from './../../../../../ricos-context/index.js';\nimport type {\n  GalleryOptions_ItemStyle_Crop,\n  GalleryOptions_Layout_Type,\n  GalleryOptions_Thumbnails_Alignment,\n} from './../../../../../ricos-schema/next-schema/index.js';\nimport { GalleryOptions_Layout_Orientation } from './../../../../../ricos-schema/next-schema/index.js';\nimport type { LogBiFn } from './../../../../../_shared/bi-context-provider/bi-context-provider.js';\nimport type { PmGalleryNode } from './../../../../../_shared/pm-node-types.js';\nimport {\n  SliderWithInput,\n  usePanelContainerElement,\n} from './../../../../../ui-components/index.js';\n\nimport {\n  LAYOUT_SETTINGS_ITEMS_PER_ROW_INPUT,\n  LAYOUT_SETTINGS_ITEMS_PER_ROW_SLIDER,\n  LAYOUT_SETTINGS_SPACING_BETWEEN_ITEMS_INPUT,\n  LAYOUT_SETTINGS_SPACING_BETWEEN_ITEMS_SLIDER,\n  LAYOUT_SETTINGS_SPACING_BETWEEN_THUMBNAILS_INPUT,\n  LAYOUT_SETTINGS_SPACING_BETWEEN_THUMBNAILS_SLIDER,\n  LAYOUT_SETTINGS_THUMBNAIL_SIZE_INPUT,\n  LAYOUT_SETTINGS_THUMBNAIL_SIZE_SLIDER,\n} from '../../../../data-hooks.js';\nimport { canonicalizeLegacyCollageOptions } from '../canonicalize-masonry-settings.js';\nimport { ImageOrientationControl } from './image-orientation-control.js';\nimport { ImageRatioControl } from './image-ratio-control.js';\nimport { ThumbnailAlignmentControl } from './thumbnail-alignment-control.js';\nimport { ThumbnailCropControl } from './thumbnail-crop-control.js';\n\ntype LayoutControlsSectionProps = {\n  layout: GalleryOptions_Layout_Type;\n  data: PmGalleryNode['attrs'];\n  updateData: (data: PmGalleryNode['attrs']) => void;\n  logBi: LogBiFn;\n};\n\ntype SettingControl =\n  | 'imageOrientation'\n  | 'thumbnailSize'\n  | 'spacing'\n  | 'itemsPerRow'\n  | 'thumbnailCrop'\n  | 'imageRatio'\n  | 'thumbnailAlignment'\n  | 'thumbnailSpacing'\n  | 'divider';\n\nconst controlsByLayout: Partial<Record<GalleryOptions_Layout_Type, SettingControl[]>> = {\n  MASONRY: ['imageOrientation', 'divider', 'thumbnailSize', 'spacing'],\n  GRID: ['thumbnailCrop', 'imageRatio', 'divider', 'itemsPerRow', 'spacing'],\n  THUMBNAIL: ['thumbnailAlignment', 'divider', 'thumbnailSpacing'],\n  SLIDER: ['spacing', 'thumbnailCrop', 'imageRatio'],\n  SLIDESHOW: [],\n  PANORAMA: ['spacing'],\n  COLUMN: ['spacing'],\n  MAGIC: [],\n  FULLSIZE: [],\n};\n\nexport const LayoutControlsSection: React.FC<LayoutControlsSectionProps> = ({\n  data,\n  updateData,\n  layout,\n  logBi,\n}) => {\n  const { t } = useContext(RicosContext);\n  const containerEl = usePanelContainerElement();\n\n  const getValueFromOptionsItem = (name: 'targetSize' | 'spacing' | 'crop' | 'ratio') =>\n    data.options?.item?.[name];\n\n  const getValueFromOptionsThumbnails = (name: 'spacing' | 'placement') =>\n    data.options?.thumbnails?.[name];\n\n  const getNumericValue = (value: $TSFixMe, defaultValue: $TSFixMe) =>\n    typeof value === 'number' ? value : defaultValue;\n\n  const applyGallerySetting = (setting: $TSFixMe, key: $TSFixMe) => {\n    const options = data.options ? canonicalizeLegacyCollageOptions(data.options) : data.options;\n    const componentData = {\n      ...data,\n      options: {\n        ...options,\n        [key]: { ...options?.[key as keyof typeof options], ...setting },\n      },\n    };\n    updateData(componentData);\n  };\n\n  const controls: Record<SettingControl, React.ReactNode> = {\n    itemsPerRow: (\n      <SliderWithInput\n        min={1}\n        max={5}\n        label={t('GallerySettings_Sliders_Items_Per_Row')}\n        sliderDataHook={LAYOUT_SETTINGS_ITEMS_PER_ROW_SLIDER}\n        inputDataHook={LAYOUT_SETTINGS_ITEMS_PER_ROW_INPUT}\n        onChange={value => applyGallerySetting({ numberOfColumns: value }, 'layout')}\n        tooltipAppendTo={containerEl}\n        value={data.options?.layout?.numberOfColumns ?? 1}\n        logBi={logBi}\n      />\n    ),\n    thumbnailSize: (\n      <SliderWithInput\n        min={10}\n        max={1000}\n        sliderDataHook={LAYOUT_SETTINGS_THUMBNAIL_SIZE_SLIDER}\n        inputDataHook={LAYOUT_SETTINGS_THUMBNAIL_SIZE_INPUT}\n        onChange={value => applyGallerySetting({ targetSize: value }, 'item')}\n        value={getNumericValue(getValueFromOptionsItem('targetSize'), 300)}\n        label={\n          data.options?.layout?.orientation === 'COLUMNS'\n            ? t('GallerySettings_LayoutControlSection_Column')\n            : t('GallerySettings_LayoutControlSection_Row')\n        }\n        tooltipAppendTo={containerEl}\n        logBi={logBi}\n      />\n    ),\n    spacing: (\n      <SliderWithInput\n        onChange={value => applyGallerySetting({ spacing: value }, 'item')}\n        value={getNumericValue(getValueFromOptionsItem('spacing'), 5)}\n        label={t('GallerySettings_Spacing_Between_Items')}\n        sliderDataHook={LAYOUT_SETTINGS_SPACING_BETWEEN_ITEMS_SLIDER}\n        inputDataHook={LAYOUT_SETTINGS_SPACING_BETWEEN_ITEMS_INPUT}\n        tooltipTextKey={t('GallerySettings_Spacing_Between_Items_Tooltip')}\n        min={0}\n        max={100}\n        tooltipAppendTo={containerEl}\n        logBi={logBi}\n      />\n    ),\n    thumbnailSpacing: (\n      <SliderWithInput\n        onChange={value => applyGallerySetting({ spacing: Math.trunc(value) }, 'thumbnails')}\n        value={getNumericValue(getValueFromOptionsThumbnails('spacing'), 5)}\n        label={t('GallerySettings_Spacing_Between_Items')}\n        sliderDataHook={LAYOUT_SETTINGS_SPACING_BETWEEN_THUMBNAILS_SLIDER}\n        inputDataHook={LAYOUT_SETTINGS_SPACING_BETWEEN_THUMBNAILS_INPUT}\n        tooltipTextKey={t('GallerySettings_Spacing_Between_Items_Tooltip')}\n        min={0}\n        max={100}\n        tooltipAppendTo={containerEl}\n        logBi={logBi}\n      />\n    ),\n    thumbnailCrop: (\n      <ThumbnailCropControl\n        onChange={value => applyGallerySetting({ crop: value }, 'item')}\n        value={getValueFromOptionsItem('crop') as GalleryOptions_ItemStyle_Crop}\n        logBi={logBi}\n      />\n    ),\n    imageRatio: (\n      <ImageRatioControl\n        onChange={value => applyGallerySetting({ ratio: value }, 'item')}\n        value={getValueFromOptionsItem('ratio') as number}\n        logBi={logBi}\n      />\n    ),\n    imageOrientation: (\n      <ImageOrientationControl\n        onChange={value => applyGallerySetting({ orientation: value }, 'layout')}\n        value={data.options?.layout?.orientation ?? GalleryOptions_Layout_Orientation.COLUMNS}\n        logBi={logBi}\n      />\n    ),\n    thumbnailAlignment: (\n      <ThumbnailAlignmentControl\n        onChange={value => applyGallerySetting({ placement: value }, 'thumbnails')}\n        value={getValueFromOptionsThumbnails('placement') as GalleryOptions_Thumbnails_Alignment}\n        logBi={logBi}\n      />\n    ),\n    divider: <Divider />,\n  };\n\n  const layoutControls = controlsByLayout[layout] ?? [];\n  if (layoutControls.length === 0) {\n    return null;\n  }\n\n  return (\n    <>\n      <Box marginTop=\"SP3\" marginBottom=\"SP2\" marginInline=\"-24px\">\n        <Divider />\n      </Box>\n      <Box direction=\"vertical\" gap=\"SP2\">\n        <Text weight=\"bold\" size=\"small\">\n          {t('GalleryPlugin_Layout_Options_Title')}\n        </Text>\n        {layoutControls.map(name => controls[name])}\n      </Box>\n    </>\n  );\n};\n"],
-  "mappings": "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",
+  "sourcesContent": ["import { Box, Divider, Text } from '@wix/design-system';\nimport React, { useContext } from 'react';\n\nimport { RicosContext } from './../../../../../ricos-context/index.js';\nimport type {\n  GalleryOptions_ItemStyle_Crop,\n  GalleryOptions_Layout_Type,\n  GalleryOptions_Thumbnails_Alignment,\n} from './../../../../../ricos-schema/next-schema/index.js';\nimport { GalleryOptions_Layout_Orientation } from './../../../../../ricos-schema/next-schema/index.js';\nimport type { LogBiFn } from './../../../../../_shared/bi-context-provider/bi-context-provider.js';\nimport type { PmGalleryNode } from './../../../../../_shared/pm-node-types.js';\nimport {\n  SliderWithInput,\n  usePanelContainerElement,\n} from './../../../../../ui-components/index.js';\n\nimport {\n  LAYOUT_SETTINGS_ITEMS_PER_ROW_INPUT,\n  LAYOUT_SETTINGS_ITEMS_PER_ROW_SLIDER,\n  LAYOUT_SETTINGS_SPACING_BETWEEN_ITEMS_INPUT,\n  LAYOUT_SETTINGS_SPACING_BETWEEN_ITEMS_SLIDER,\n  LAYOUT_SETTINGS_SPACING_BETWEEN_THUMBNAILS_INPUT,\n  LAYOUT_SETTINGS_SPACING_BETWEEN_THUMBNAILS_SLIDER,\n  LAYOUT_SETTINGS_THUMBNAIL_SIZE_INPUT,\n  LAYOUT_SETTINGS_THUMBNAIL_SIZE_SLIDER,\n} from '../../../../data-hooks.js';\nimport { canonicalizeLegacyCollageOptions } from '../canonicalize-masonry-settings.js';\nimport { ImageOrientationControl } from './image-orientation-control.js';\nimport { ImageRatioControl } from './image-ratio-control.js';\nimport { ThumbnailAlignmentControl } from './thumbnail-alignment-control.js';\nimport { ThumbnailCropControl } from './thumbnail-crop-control.js';\n\ntype LayoutControlsSectionProps = {\n  layout: GalleryOptions_Layout_Type;\n  data: PmGalleryNode['attrs'];\n  updateData: (data: PmGalleryNode['attrs']) => void;\n  logBi: LogBiFn;\n};\n\ntype SettingControl =\n  | 'imageOrientation'\n  | 'thumbnailSize'\n  | 'spacing'\n  | 'itemsPerRow'\n  | 'thumbnailCrop'\n  | 'imageRatio'\n  | 'thumbnailAlignment'\n  | 'thumbnailSpacing'\n  | 'divider';\n\nconst controlsByLayout: Partial<Record<GalleryOptions_Layout_Type, SettingControl[]>> = {\n  MASONRY: ['imageOrientation', 'divider', 'thumbnailSize', 'spacing'],\n  GRID: ['thumbnailCrop', 'imageRatio', 'divider', 'itemsPerRow', 'spacing'],\n  THUMBNAIL: ['thumbnailAlignment', 'divider', 'thumbnailSpacing'],\n  SLIDER: ['spacing', 'thumbnailCrop', 'imageRatio'],\n  SLIDESHOW: [],\n  PANORAMA: ['spacing'],\n  COLUMN: ['spacing'],\n  MAGIC: [],\n  FULLSIZE: [],\n};\n\nexport const LayoutControlsSection: React.FC<LayoutControlsSectionProps> = ({\n  data,\n  updateData,\n  layout,\n  logBi,\n}) => {\n  const { t } = useContext(RicosContext);\n  const containerEl = usePanelContainerElement();\n\n  // A legacy Collage renders with the Masonry defaults, so the controls must\n  // show those values too. They reach the document only once a control changes.\n  const options = data.options ? canonicalizeLegacyCollageOptions(data.options) : data.options;\n\n  const getValueFromOptionsItem = (name: 'targetSize' | 'spacing' | 'crop' | 'ratio') =>\n    options?.item?.[name];\n\n  const getValueFromOptionsThumbnails = (name: 'spacing' | 'placement') =>\n    options?.thumbnails?.[name];\n\n  const getNumericValue = (value: $TSFixMe, defaultValue: $TSFixMe) =>\n    typeof value === 'number' ? value : defaultValue;\n\n  const applyGallerySetting = (setting: $TSFixMe, key: $TSFixMe) => {\n    const componentData = {\n      ...data,\n      options: {\n        ...options,\n        [key]: { ...options?.[key as keyof typeof options], ...setting },\n      },\n    };\n    updateData(componentData);\n  };\n\n  const controls: Record<SettingControl, React.ReactNode> = {\n    itemsPerRow: (\n      <SliderWithInput\n        min={1}\n        max={5}\n        label={t('GallerySettings_Sliders_Items_Per_Row')}\n        sliderDataHook={LAYOUT_SETTINGS_ITEMS_PER_ROW_SLIDER}\n        inputDataHook={LAYOUT_SETTINGS_ITEMS_PER_ROW_INPUT}\n        onChange={value => applyGallerySetting({ numberOfColumns: value }, 'layout')}\n        tooltipAppendTo={containerEl}\n        value={options?.layout?.numberOfColumns ?? 1}\n        logBi={logBi}\n      />\n    ),\n    thumbnailSize: (\n      <SliderWithInput\n        min={10}\n        max={1000}\n        sliderDataHook={LAYOUT_SETTINGS_THUMBNAIL_SIZE_SLIDER}\n        inputDataHook={LAYOUT_SETTINGS_THUMBNAIL_SIZE_INPUT}\n        onChange={value => applyGallerySetting({ targetSize: value }, 'item')}\n        value={getNumericValue(getValueFromOptionsItem('targetSize'), 300)}\n        label={\n          options?.layout?.orientation === 'COLUMNS'\n            ? t('GallerySettings_LayoutControlSection_Column')\n            : t('GallerySettings_LayoutControlSection_Row')\n        }\n        tooltipAppendTo={containerEl}\n        logBi={logBi}\n      />\n    ),\n    spacing: (\n      <SliderWithInput\n        onChange={value => applyGallerySetting({ spacing: value }, 'item')}\n        value={getNumericValue(getValueFromOptionsItem('spacing'), 5)}\n        label={t('GallerySettings_Spacing_Between_Items')}\n        sliderDataHook={LAYOUT_SETTINGS_SPACING_BETWEEN_ITEMS_SLIDER}\n        inputDataHook={LAYOUT_SETTINGS_SPACING_BETWEEN_ITEMS_INPUT}\n        tooltipTextKey={t('GallerySettings_Spacing_Between_Items_Tooltip')}\n        min={0}\n        max={100}\n        tooltipAppendTo={containerEl}\n        logBi={logBi}\n      />\n    ),\n    thumbnailSpacing: (\n      <SliderWithInput\n        onChange={value => applyGallerySetting({ spacing: Math.trunc(value) }, 'thumbnails')}\n        value={getNumericValue(getValueFromOptionsThumbnails('spacing'), 5)}\n        label={t('GallerySettings_Spacing_Between_Items')}\n        sliderDataHook={LAYOUT_SETTINGS_SPACING_BETWEEN_THUMBNAILS_SLIDER}\n        inputDataHook={LAYOUT_SETTINGS_SPACING_BETWEEN_THUMBNAILS_INPUT}\n        tooltipTextKey={t('GallerySettings_Spacing_Between_Items_Tooltip')}\n        min={0}\n        max={100}\n        tooltipAppendTo={containerEl}\n        logBi={logBi}\n      />\n    ),\n    thumbnailCrop: (\n      <ThumbnailCropControl\n        onChange={value => applyGallerySetting({ crop: value }, 'item')}\n        value={getValueFromOptionsItem('crop') as GalleryOptions_ItemStyle_Crop}\n        logBi={logBi}\n      />\n    ),\n    imageRatio: (\n      <ImageRatioControl\n        onChange={value => applyGallerySetting({ ratio: value }, 'item')}\n        value={getValueFromOptionsItem('ratio') as number}\n        logBi={logBi}\n      />\n    ),\n    imageOrientation: (\n      <ImageOrientationControl\n        onChange={value => applyGallerySetting({ orientation: value }, 'layout')}\n        value={options?.layout?.orientation ?? GalleryOptions_Layout_Orientation.COLUMNS}\n        logBi={logBi}\n      />\n    ),\n    thumbnailAlignment: (\n      <ThumbnailAlignmentControl\n        onChange={value => applyGallerySetting({ placement: value }, 'thumbnails')}\n        value={getValueFromOptionsThumbnails('placement') as GalleryOptions_Thumbnails_Alignment}\n        logBi={logBi}\n      />\n    ),\n    divider: <Divider />,\n  };\n\n  const layoutControls = controlsByLayout[layout] ?? [];\n  if (layoutControls.length === 0) {\n    return null;\n  }\n\n  return (\n    <>\n      <Box marginTop=\"SP3\" marginBottom=\"SP2\" marginInline=\"-24px\">\n        <Divider />\n      </Box>\n      <Box direction=\"vertical\" gap=\"SP2\">\n        <Text weight=\"bold\" size=\"small\">\n          {t('GalleryPlugin_Layout_Options_Title')}\n        </Text>\n        {layoutControls.map(name => controls[name])}\n      </Box>\n    </>\n  );\n};\n"],
+  "mappings": "AAAA,SAAS,KAAK,SAAS,YAAY;AACnC,OAAO,SAAS,kBAAkB;AAElC,SAAS,oBAAoB;AAM7B,SAAS,yCAAyC;AAGlD;AAAA,EACE;AAAA,EACA;AAAA,OACK;AAEP;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,wCAAwC;AACjD,SAAS,+BAA+B;AACxC,SAAS,yBAAyB;AAClC,SAAS,iCAAiC;AAC1C,SAAS,4BAA4B;AAoBrC,MAAM,mBAAkF;AAAA,EACtF,SAAS,CAAC,oBAAoB,WAAW,iBAAiB,SAAS;AAAA,EACnE,MAAM,CAAC,iBAAiB,cAAc,WAAW,eAAe,SAAS;AAAA,EACzE,WAAW,CAAC,sBAAsB,WAAW,kBAAkB;AAAA,EAC/D,QAAQ,CAAC,WAAW,iBAAiB,YAAY;AAAA,EACjD,WAAW,CAAC;AAAA,EACZ,UAAU,CAAC,SAAS;AAAA,EACpB,QAAQ,CAAC,SAAS;AAAA,EAClB,OAAO,CAAC;AAAA,EACR,UAAU,CAAC;AACb;AAEO,MAAM,wBAA8D,CAAC;AAAA,EAC1E;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAAM;AACJ,QAAM,EAAE,EAAE,IAAI,WAAW,YAAY;AACrC,QAAM,cAAc,yBAAyB;AAI7C,QAAM,UAAU,KAAK,UAAU,iCAAiC,KAAK,OAAO,IAAI,KAAK;AAErF,QAAM,0BAA0B,CAAC,SAC/B,SAAS,OAAO,IAAI;AAEtB,QAAM,gCAAgC,CAAC,SACrC,SAAS,aAAa,IAAI;AAE5B,QAAM,kBAAkB,CAAC,OAAiB,iBACxC,OAAO,UAAU,WAAW,QAAQ;AAEtC,QAAM,sBAAsB,CAAC,SAAmB,QAAkB;AAChE,UAAM,gBAAgB;AAAA,MACpB,GAAG;AAAA,MACH,SAAS;AAAA,QACP,GAAG;AAAA,QACH,CAAC,GAAG,GAAG,EAAE,GAAG,UAAU,GAA2B,GAAG,GAAG,QAAQ;AAAA,MACjE;AAAA,IACF;AACA,eAAW,aAAa;AAAA,EAC1B;AAEA,QAAM,WAAoD;AAAA,IACxD,aACE;AAAA,MAAC;AAAA;AAAA,QACC,KAAK;AAAA,QACL,KAAK;AAAA,QACL,OAAO,EAAE,uCAAuC;AAAA,QAChD,gBAAgB;AAAA,QAChB,eAAe;AAAA,QACf,UAAU,WAAS,oBAAoB,EAAE,iBAAiB,MAAM,GAAG,QAAQ;AAAA,QAC3E,iBAAiB;AAAA,QACjB,OAAO,SAAS,QAAQ,mBAAmB;AAAA,QAC3C;AAAA;AAAA,IACF;AAAA,IAEF,eACE;AAAA,MAAC;AAAA;AAAA,QACC,KAAK;AAAA,QACL,KAAK;AAAA,QACL,gBAAgB;AAAA,QAChB,eAAe;AAAA,QACf,UAAU,WAAS,oBAAoB,EAAE,YAAY,MAAM,GAAG,MAAM;AAAA,QACpE,OAAO,gBAAgB,wBAAwB,YAAY,GAAG,GAAG;AAAA,QACjE,OACE,SAAS,QAAQ,gBAAgB,YAC7B,EAAE,6CAA6C,IAC/C,EAAE,0CAA0C;AAAA,QAElD,iBAAiB;AAAA,QACjB;AAAA;AAAA,IACF;AAAA,IAEF,SACE;AAAA,MAAC;AAAA;AAAA,QACC,UAAU,WAAS,oBAAoB,EAAE,SAAS,MAAM,GAAG,MAAM;AAAA,QACjE,OAAO,gBAAgB,wBAAwB,SAAS,GAAG,CAAC;AAAA,QAC5D,OAAO,EAAE,uCAAuC;AAAA,QAChD,gBAAgB;AAAA,QAChB,eAAe;AAAA,QACf,gBAAgB,EAAE,+CAA+C;AAAA,QACjE,KAAK;AAAA,QACL,KAAK;AAAA,QACL,iBAAiB;AAAA,QACjB;AAAA;AAAA,IACF;AAAA,IAEF,kBACE;AAAA,MAAC;AAAA;AAAA,QACC,UAAU,WAAS,oBAAoB,EAAE,SAAS,KAAK,MAAM,KAAK,EAAE,GAAG,YAAY;AAAA,QACnF,OAAO,gBAAgB,8BAA8B,SAAS,GAAG,CAAC;AAAA,QAClE,OAAO,EAAE,uCAAuC;AAAA,QAChD,gBAAgB;AAAA,QAChB,eAAe;AAAA,QACf,gBAAgB,EAAE,+CAA+C;AAAA,QACjE,KAAK;AAAA,QACL,KAAK;AAAA,QACL,iBAAiB;AAAA,QACjB;AAAA;AAAA,IACF;AAAA,IAEF,eACE;AAAA,MAAC;AAAA;AAAA,QACC,UAAU,WAAS,oBAAoB,EAAE,MAAM,MAAM,GAAG,MAAM;AAAA,QAC9D,OAAO,wBAAwB,MAAM;AAAA,QACrC;AAAA;AAAA,IACF;AAAA,IAEF,YACE;AAAA,MAAC;AAAA;AAAA,QACC,UAAU,WAAS,oBAAoB,EAAE,OAAO,MAAM,GAAG,MAAM;AAAA,QAC/D,OAAO,wBAAwB,OAAO;AAAA,QACtC;AAAA;AAAA,IACF;AAAA,IAEF,kBACE;AAAA,MAAC;AAAA;AAAA,QACC,UAAU,WAAS,oBAAoB,EAAE,aAAa,MAAM,GAAG,QAAQ;AAAA,QACvE,OAAO,SAAS,QAAQ,eAAe,kCAAkC;AAAA,QACzE;AAAA;AAAA,IACF;AAAA,IAEF,oBACE;AAAA,MAAC;AAAA;AAAA,QACC,UAAU,WAAS,oBAAoB,EAAE,WAAW,MAAM,GAAG,YAAY;AAAA,QACzE,OAAO,8BAA8B,WAAW;AAAA,QAChD;AAAA;AAAA,IACF;AAAA,IAEF,SAAS,oCAAC,aAAQ;AAAA,EACpB;AAEA,QAAM,iBAAiB,iBAAiB,MAAM,KAAK,CAAC;AACpD,MAAI,eAAe,WAAW,GAAG;AAC/B,WAAO;AAAA,EACT;AAEA,SACE,0DACE,oCAAC,OAAI,WAAU,OAAM,cAAa,OAAM,cAAa,WACnD,oCAAC,aAAQ,CACX,GACA,oCAAC,OAAI,WAAU,YAAW,KAAI,SAC5B,oCAAC,QAAK,QAAO,QAAO,MAAK,WACtB,EAAE,oCAAoC,CACzC,GACC,eAAe,IAAI,UAAQ,SAAS,IAAI,CAAC,CAC5C,CACF;AAEJ;",
   "names": []
 }

package/dist/es/plugin-gallery/modals/settings/layout-settings/layout-controls-section/thumbnail-alignment-control-scss.js

@@ -1,6 +1,6 @@
-var styleDataHash = "605ed481";
+var styleDataHash = "ba03d13f";
 const injectCss = (() => {
-  var css = `._07cof{transform:rotate(0)}.LnnrH{transform:rotate(90deg)}.dOiLv{transform:rotate(180deg)}.bAKKH{transform:rotate(270deg)}._3bu9Y{margin:5px}`;
+  var css = `.zuLge{transform:rotate(0)}.KVo5g{transform:rotate(90deg)}.kgXq7{transform:rotate(180deg)}.at3F2{transform:rotate(270deg)}.C6tfP{margin:5px}`;
   var isTest = typeof process !== "undefined" && process.env && false;
   if (isTest || !css || typeof document === "undefined") {
     return;
@@ -21,11 +21,11 @@ const injectCss = (() => {
 });
 injectCss();
 var thumbnail_alignment_control_default = {
-  "thumbnailPlacementSelector_BOTTOM": "_07cof",
-  "thumbnailPlacementSelector_LEFT": "LnnrH",
-  "thumbnailPlacementSelector_TOP": "dOiLv",
-  "thumbnailPlacementSelector_RIGHT": "bAKKH",
-  "thumbnailPlacementSelector": "_3bu9Y"
+  "thumbnailPlacementSelector_BOTTOM": "zuLge",
+  "thumbnailPlacementSelector_LEFT": "KVo5g",
+  "thumbnailPlacementSelector_TOP": "kgXq7",
+  "thumbnailPlacementSelector_RIGHT": "at3F2",
+  "thumbnailPlacementSelector": "C6tfP"
 };
 export {
   thumbnail_alignment_control_default as default,

package/dist/es/plugin-gallery/modals/settings/layout-settings/layout-controls-section/thumbnail-alignment-control-scss.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../../src/plugin-gallery/modals/settings/layout-settings/layout-controls-section/thumbnail-alignment-control.scss"],
-  "sourcesContent": ["var styleDataHash = '605ed481';  \nexport const injectCss = (() => {\n  var css = `._07cof{transform:rotate(0)}.LnnrH{transform:rotate(90deg)}.dOiLv{transform:rotate(180deg)}.bAKKH{transform:rotate(270deg)}._3bu9Y{margin:5px}`;\n  var isTest = typeof process !== 'undefined' && process.env && process.env['NODE_ENV'] === 'test';\n\n  if (isTest || !css || typeof document === 'undefined') { return; }\n  if (document.querySelector('style[data-ricos-style-hash=\"' + styleDataHash + '\"]')) { return; }\n\n  var head = document.head || document.getElementsByTagName('head')[0];\n  var style = document.createElement('style');\n  style.setAttribute('data-ricos-style-hash', styleDataHash);\n  style.type = 'text/css';\n\n  head.appendChild(style);\n\n  if (style.styleSheet) {\n    style.styleSheet.cssText = css;\n  } else {\n    style.appendChild(document.createTextNode(css));\n  }\n});\n\ninjectCss();\n\n\n\nexport default {\n  \"thumbnailPlacementSelector_BOTTOM\": \"_07cof\",\n  \"thumbnailPlacementSelector_LEFT\": \"LnnrH\",\n  \"thumbnailPlacementSelector_TOP\": \"dOiLv\",\n  \"thumbnailPlacementSelector_RIGHT\": \"bAKKH\",\n  \"thumbnailPlacementSelector\": \"_3bu9Y\"\n};"],
+  "sourcesContent": ["var styleDataHash = 'ba03d13f';  \nexport const injectCss = (() => {\n  var css = `.zuLge{transform:rotate(0)}.KVo5g{transform:rotate(90deg)}.kgXq7{transform:rotate(180deg)}.at3F2{transform:rotate(270deg)}.C6tfP{margin:5px}`;\n  var isTest = typeof process !== 'undefined' && process.env && process.env['NODE_ENV'] === 'test';\n\n  if (isTest || !css || typeof document === 'undefined') { return; }\n  if (document.querySelector('style[data-ricos-style-hash=\"' + styleDataHash + '\"]')) { return; }\n\n  var head = document.head || document.getElementsByTagName('head')[0];\n  var style = document.createElement('style');\n  style.setAttribute('data-ricos-style-hash', styleDataHash);\n  style.type = 'text/css';\n\n  head.appendChild(style);\n\n  if (style.styleSheet) {\n    style.styleSheet.cssText = css;\n  } else {\n    style.appendChild(document.createTextNode(css));\n  }\n});\n\ninjectCss();\n\n\n\nexport default {\n  \"thumbnailPlacementSelector_BOTTOM\": \"zuLge\",\n  \"thumbnailPlacementSelector_LEFT\": \"KVo5g\",\n  \"thumbnailPlacementSelector_TOP\": \"kgXq7\",\n  \"thumbnailPlacementSelector_RIGHT\": \"at3F2\",\n  \"thumbnailPlacementSelector\": \"C6tfP\"\n};"],
   "mappings": "AAAA,IAAI,gBAAgB;AACb,MAAM,aAAa,MAAM;AAC9B,MAAI,MAAM;AACV,MAAI,SAAS,OAAO,YAAY,eAAe,QAAQ,OAAO;AAE9D,MAAI,UAAU,CAAC,OAAO,OAAO,aAAa,aAAa;AAAE;AAAA,EAAQ;AACjE,MAAI,SAAS,cAAc,kCAAkC,gBAAgB,IAAI,GAAG;AAAE;AAAA,EAAQ;AAE9F,MAAI,OAAO,SAAS,QAAQ,SAAS,qBAAqB,MAAM,EAAE,CAAC;AACnE,MAAI,QAAQ,SAAS,cAAc,OAAO;AAC1C,QAAM,aAAa,yBAAyB,aAAa;AACzD,QAAM,OAAO;AAEb,OAAK,YAAY,KAAK;AAEtB,MAAI,MAAM,YAAY;AACpB,UAAM,WAAW,UAAU;AAAA,EAC7B,OAAO;AACL,UAAM,YAAY,SAAS,eAAe,GAAG,CAAC;AAAA,EAChD;AACF;AAEA,UAAU;AAIV,IAAO,sCAAQ;AAAA,EACb,qCAAqC;AAAA,EACrC,mCAAmC;AAAA,EACnC,kCAAkC;AAAA,EAClC,oCAAoC;AAAA,EACpC,8BAA8B;AAChC;",
   "names": []
 }

package/dist/es/plugin-gallery/modals/settings/media-settings/media-list/sortable-item-scss.js

@@ -1,6 +1,6 @@
-var styleDataHash = "10e52917";
+var styleDataHash = "8e2b5610";
 const injectCss = (() => {
-  var css = `.Qk51y{border-radius:var(--ricos-settings-whitebox-border-radius,0);cursor:grab;height:100%}.Qk51y:active{cursor:grabbing}.Qk51y:hover{opacity:.7}`;
+  var css = `.DPuMU{border-radius:var(--ricos-settings-whitebox-border-radius,0);cursor:grab;height:100%}.DPuMU:active{cursor:grabbing}.DPuMU:hover{opacity:.7}`;
   var isTest = typeof process !== "undefined" && process.env && false;
   if (isTest || !css || typeof document === "undefined") {
     return;
@@ -21,7 +21,7 @@ const injectCss = (() => {
 });
 injectCss();
 var sortable_item_default = {
-  "itemImage": "Qk51y"
+  "itemImage": "DPuMU"
 };
 export {
   sortable_item_default as default,

package/dist/es/plugin-gallery/modals/settings/media-settings/media-list/sortable-item-scss.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../../src/plugin-gallery/modals/settings/media-settings/media-list/sortable-item.scss"],
-  "sourcesContent": ["var styleDataHash = '10e52917';  \nexport const injectCss = (() => {\n  var css = `.Qk51y{border-radius:var(--ricos-settings-whitebox-border-radius,0);cursor:grab;height:100%}.Qk51y:active{cursor:grabbing}.Qk51y:hover{opacity:.7}`;\n  var isTest = typeof process !== 'undefined' && process.env && process.env['NODE_ENV'] === 'test';\n\n  if (isTest || !css || typeof document === 'undefined') { return; }\n  if (document.querySelector('style[data-ricos-style-hash=\"' + styleDataHash + '\"]')) { return; }\n\n  var head = document.head || document.getElementsByTagName('head')[0];\n  var style = document.createElement('style');\n  style.setAttribute('data-ricos-style-hash', styleDataHash);\n  style.type = 'text/css';\n\n  head.appendChild(style);\n\n  if (style.styleSheet) {\n    style.styleSheet.cssText = css;\n  } else {\n    style.appendChild(document.createTextNode(css));\n  }\n});\n\ninjectCss();\n\n\n\nexport default {\n  \"itemImage\": \"Qk51y\"\n};"],
+  "sourcesContent": ["var styleDataHash = '8e2b5610';  \nexport const injectCss = (() => {\n  var css = `.DPuMU{border-radius:var(--ricos-settings-whitebox-border-radius,0);cursor:grab;height:100%}.DPuMU:active{cursor:grabbing}.DPuMU:hover{opacity:.7}`;\n  var isTest = typeof process !== 'undefined' && process.env && process.env['NODE_ENV'] === 'test';\n\n  if (isTest || !css || typeof document === 'undefined') { return; }\n  if (document.querySelector('style[data-ricos-style-hash=\"' + styleDataHash + '\"]')) { return; }\n\n  var head = document.head || document.getElementsByTagName('head')[0];\n  var style = document.createElement('style');\n  style.setAttribute('data-ricos-style-hash', styleDataHash);\n  style.type = 'text/css';\n\n  head.appendChild(style);\n\n  if (style.styleSheet) {\n    style.styleSheet.cssText = css;\n  } else {\n    style.appendChild(document.createTextNode(css));\n  }\n});\n\ninjectCss();\n\n\n\nexport default {\n  \"itemImage\": \"DPuMU\"\n};"],
   "mappings": "AAAA,IAAI,gBAAgB;AACb,MAAM,aAAa,MAAM;AAC9B,MAAI,MAAM;AACV,MAAI,SAAS,OAAO,YAAY,eAAe,QAAQ,OAAO;AAE9D,MAAI,UAAU,CAAC,OAAO,OAAO,aAAa,aAAa;AAAE;AAAA,EAAQ;AACjE,MAAI,SAAS,cAAc,kCAAkC,gBAAgB,IAAI,GAAG;AAAE;AAAA,EAAQ;AAE9F,MAAI,OAAO,SAAS,QAAQ,SAAS,qBAAqB,MAAM,EAAE,CAAC;AACnE,MAAI,QAAQ,SAAS,cAAc,OAAO;AAC1C,QAAM,aAAa,yBAAyB,aAAa;AACzD,QAAM,OAAO;AAEb,OAAK,YAAY,KAAK;AAEtB,MAAI,MAAM,YAAY;AACpB,UAAM,WAAW,UAAU;AAAA,EAC7B,OAAO;AACL,UAAM,YAAY,SAAS,eAAe,GAAG,CAAC;AAAA,EAChD;AACF;AAEA,UAAU;AAIV,IAAO,wBAAQ;AAAA,EACb,aAAa;AACf;",
   "names": []
 }

package/dist/es/plugin-gallery/modals/settings/media-settings/media-list/sortable-list-scss.js

@@ -1,6 +1,6 @@
-var styleDataHash = "68dbc3d4";
+var styleDataHash = "a689e2e1";
 const injectCss = (() => {
-  var css = `.-egaM{display:grid;grid-template-columns:repeat(3,minmax(72px,1fr));grid-gap:12px}.-egaM .K1xNh{aspect-ratio:1}.-egaM .IYacM{aspect-ratio:1}`;
+  var css = `.LNV9w{display:grid;grid-template-columns:repeat(3,minmax(72px,1fr));grid-gap:12px}.LNV9w .ZRwJX{aspect-ratio:1}.LNV9w .pLAUB{aspect-ratio:1}`;
   var isTest = typeof process !== "undefined" && process.env && false;
   if (isTest || !css || typeof document === "undefined") {
     return;
@@ -21,9 +21,9 @@ const injectCss = (() => {
 });
 injectCss();
 var sortable_list_default = {
-  "container": "-egaM",
-  "item": "K1xNh",
-  "fileUpload": "IYacM"
+  "container": "LNV9w",
+  "item": "ZRwJX",
+  "fileUpload": "pLAUB"
 };
 export {
   sortable_list_default as default,

package/dist/es/plugin-gallery/modals/settings/media-settings/media-list/sortable-list-scss.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../../src/plugin-gallery/modals/settings/media-settings/media-list/sortable-list.scss"],
-  "sourcesContent": ["var styleDataHash = '68dbc3d4';  \nexport const injectCss = (() => {\n  var css = `.-egaM{display:grid;grid-template-columns:repeat(3,minmax(72px,1fr));grid-gap:12px}.-egaM .K1xNh{aspect-ratio:1}.-egaM .IYacM{aspect-ratio:1}`;\n  var isTest = typeof process !== 'undefined' && process.env && process.env['NODE_ENV'] === 'test';\n\n  if (isTest || !css || typeof document === 'undefined') { return; }\n  if (document.querySelector('style[data-ricos-style-hash=\"' + styleDataHash + '\"]')) { return; }\n\n  var head = document.head || document.getElementsByTagName('head')[0];\n  var style = document.createElement('style');\n  style.setAttribute('data-ricos-style-hash', styleDataHash);\n  style.type = 'text/css';\n\n  head.appendChild(style);\n\n  if (style.styleSheet) {\n    style.styleSheet.cssText = css;\n  } else {\n    style.appendChild(document.createTextNode(css));\n  }\n});\n\ninjectCss();\n\n\n\nexport default {\n  \"container\": \"-egaM\",\n  \"item\": \"K1xNh\",\n  \"fileUpload\": \"IYacM\"\n};"],
+  "sourcesContent": ["var styleDataHash = 'a689e2e1';  \nexport const injectCss = (() => {\n  var css = `.LNV9w{display:grid;grid-template-columns:repeat(3,minmax(72px,1fr));grid-gap:12px}.LNV9w .ZRwJX{aspect-ratio:1}.LNV9w .pLAUB{aspect-ratio:1}`;\n  var isTest = typeof process !== 'undefined' && process.env && process.env['NODE_ENV'] === 'test';\n\n  if (isTest || !css || typeof document === 'undefined') { return; }\n  if (document.querySelector('style[data-ricos-style-hash=\"' + styleDataHash + '\"]')) { return; }\n\n  var head = document.head || document.getElementsByTagName('head')[0];\n  var style = document.createElement('style');\n  style.setAttribute('data-ricos-style-hash', styleDataHash);\n  style.type = 'text/css';\n\n  head.appendChild(style);\n\n  if (style.styleSheet) {\n    style.styleSheet.cssText = css;\n  } else {\n    style.appendChild(document.createTextNode(css));\n  }\n});\n\ninjectCss();\n\n\n\nexport default {\n  \"container\": \"LNV9w\",\n  \"item\": \"ZRwJX\",\n  \"fileUpload\": \"pLAUB\"\n};"],
   "mappings": "AAAA,IAAI,gBAAgB;AACb,MAAM,aAAa,MAAM;AAC9B,MAAI,MAAM;AACV,MAAI,SAAS,OAAO,YAAY,eAAe,QAAQ,OAAO;AAE9D,MAAI,UAAU,CAAC,OAAO,OAAO,aAAa,aAAa;AAAE;AAAA,EAAQ;AACjE,MAAI,SAAS,cAAc,kCAAkC,gBAAgB,IAAI,GAAG;AAAE;AAAA,EAAQ;AAE9F,MAAI,OAAO,SAAS,QAAQ,SAAS,qBAAqB,MAAM,EAAE,CAAC;AACnE,MAAI,QAAQ,SAAS,cAAc,OAAO;AAC1C,QAAM,aAAa,yBAAyB,aAAa;AACzD,QAAM,OAAO;AAEb,OAAK,YAAY,KAAK;AAEtB,MAAI,MAAM,YAAY;AACpB,UAAM,WAAW,UAAU;AAAA,EAC7B,OAAO;AACL,UAAM,YAAY,SAAS,eAAe,GAAG,CAAC;AAAA,EAChD;AACF;AAEA,UAAU;AAIV,IAAO,wBAAQ;AAAA,EACb,aAAa;AAAA,EACb,QAAQ;AAAA,EACR,cAAc;AAChB;",
   "names": []
 }

package/dist/es/plugin-gallery/statics/styles/gallery-component-scss.js

@@ -1,6 +1,6 @@
-var styleDataHash = "e86cb2e9";
+var styleDataHash = "7311d0c5";
 const injectCss = (() => {
-  var css = `.IhX2T{background-color:#fff;height:100%;width:100%}`;
+  var css = `._3MoFW{background-color:#fff;height:100%;width:100%}`;
   var isTest = typeof process !== "undefined" && process.env && false;
   if (isTest || !css || typeof document === "undefined") {
     return;
@@ -21,7 +21,7 @@ const injectCss = (() => {
 });
 injectCss();
 var gallery_component_default = {
-  "mobileNativeLoaderContainer": "IhX2T"
+  "mobileNativeLoaderContainer": "_3MoFW"
 };
 export {
   gallery_component_default as default,

package/dist/es/plugin-gallery/statics/styles/gallery-component-scss.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/plugin-gallery/statics/styles/gallery-component.scss"],
-  "sourcesContent": ["var styleDataHash = 'e86cb2e9';  \nexport const injectCss = (() => {\n  var css = `.IhX2T{background-color:#fff;height:100%;width:100%}`;\n  var isTest = typeof process !== 'undefined' && process.env && process.env['NODE_ENV'] === 'test';\n\n  if (isTest || !css || typeof document === 'undefined') { return; }\n  if (document.querySelector('style[data-ricos-style-hash=\"' + styleDataHash + '\"]')) { return; }\n\n  var head = document.head || document.getElementsByTagName('head')[0];\n  var style = document.createElement('style');\n  style.setAttribute('data-ricos-style-hash', styleDataHash);\n  style.type = 'text/css';\n\n  head.appendChild(style);\n\n  if (style.styleSheet) {\n    style.styleSheet.cssText = css;\n  } else {\n    style.appendChild(document.createTextNode(css));\n  }\n});\n\ninjectCss();\n\n\n\nexport default {\n  \"mobileNativeLoaderContainer\": \"IhX2T\"\n};"],
+  "sourcesContent": ["var styleDataHash = '7311d0c5';  \nexport const injectCss = (() => {\n  var css = `._3MoFW{background-color:#fff;height:100%;width:100%}`;\n  var isTest = typeof process !== 'undefined' && process.env && process.env['NODE_ENV'] === 'test';\n\n  if (isTest || !css || typeof document === 'undefined') { return; }\n  if (document.querySelector('style[data-ricos-style-hash=\"' + styleDataHash + '\"]')) { return; }\n\n  var head = document.head || document.getElementsByTagName('head')[0];\n  var style = document.createElement('style');\n  style.setAttribute('data-ricos-style-hash', styleDataHash);\n  style.type = 'text/css';\n\n  head.appendChild(style);\n\n  if (style.styleSheet) {\n    style.styleSheet.cssText = css;\n  } else {\n    style.appendChild(document.createTextNode(css));\n  }\n});\n\ninjectCss();\n\n\n\nexport default {\n  \"mobileNativeLoaderContainer\": \"_3MoFW\"\n};"],
   "mappings": "AAAA,IAAI,gBAAgB;AACb,MAAM,aAAa,MAAM;AAC9B,MAAI,MAAM;AACV,MAAI,SAAS,OAAO,YAAY,eAAe,QAAQ,OAAO;AAE9D,MAAI,UAAU,CAAC,OAAO,OAAO,aAAa,aAAa;AAAE;AAAA,EAAQ;AACjE,MAAI,SAAS,cAAc,kCAAkC,gBAAgB,IAAI,GAAG;AAAE;AAAA,EAAQ;AAE9F,MAAI,OAAO,SAAS,QAAQ,SAAS,qBAAqB,MAAM,EAAE,CAAC;AACnE,MAAI,QAAQ,SAAS,cAAc,OAAO;AAC1C,QAAM,aAAa,yBAAyB,aAAa;AACzD,QAAM,OAAO;AAEb,OAAK,YAAY,KAAK;AAEtB,MAAI,MAAM,YAAY;AACpB,UAAM,WAAW,UAAU;AAAA,EAC7B,OAAO;AACL,UAAM,YAAY,SAAS,eAAe,GAAG,CAAC;AAAA,EAChD;AACF;AAEA,UAAU;AAIV,IAAO,4BAAQ;AAAA,EACb,+BAA+B;AACjC;",
   "names": []
 }

package/dist/es/plugin-gallery/statics/styles/gallery-media-scss.js

@@ -1,25 +1,25 @@
 var gallery_media_default = {
-  "media": "twZCv",
-  "fit": "jxS7j",
-  "failure": "xwQN5",
-  "playButton": "Is04V",
-  "playIcon": "qAuus",
-  "navigationArrow": "faz8T",
-  "arrowStart": "JXeHw",
-  "arrowEnd": "_1t6IG",
-  "arrowIcon": "u0Db7",
-  "fill": "ybBjw",
-  "intrinsic": "pKmBk",
-  "cell": "_7eUxd",
-  "expandButton": "j8QeT",
-  "expandIcon": "fOowC",
-  "expandChrome": "_38GiA",
-  "expandIconGlyph": "dtsr-",
-  "editorOverlay": "u0zV7",
-  "horizontal": "jiAZw",
-  "viewport": "lWEuf",
-  "track": "OT9Sc",
-  "previous": "t7bfa"
+  "media": "BYj-D",
+  "fit": "GYoUx",
+  "failure": "sE4wg",
+  "playButton": "ChIn-",
+  "playIcon": "lO9sz",
+  "navigationArrow": "sKUmG",
+  "arrowStart": "eafcn",
+  "arrowEnd": "ct3mr",
+  "arrowIcon": "_4RIRs",
+  "fill": "h8tgO",
+  "intrinsic": "_5X23C",
+  "cell": "xDt4R",
+  "expandButton": "H-2Qq",
+  "expandIcon": "PI7br",
+  "expandChrome": "hY4vP",
+  "expandIconGlyph": "aLNhD",
+  "editorOverlay": "-salV",
+  "horizontal": "_5djrR",
+  "viewport": "nsMzs",
+  "track": "MpXDY",
+  "previous": "M-BGj"
 };
 export {
   gallery_media_default as default

package/dist/es/plugin-gallery/statics/styles/gallery-media-scss.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/plugin-gallery/statics/styles/gallery-media.scss"],
-  "sourcesContent": ["export default {\n  \"media\": \"twZCv\",\n  \"fit\": \"jxS7j\",\n  \"failure\": \"xwQN5\",\n  \"playButton\": \"Is04V\",\n  \"playIcon\": \"qAuus\",\n  \"navigationArrow\": \"faz8T\",\n  \"arrowStart\": \"JXeHw\",\n  \"arrowEnd\": \"_1t6IG\",\n  \"arrowIcon\": \"u0Db7\",\n  \"fill\": \"ybBjw\",\n  \"intrinsic\": \"pKmBk\",\n  \"cell\": \"_7eUxd\",\n  \"expandButton\": \"j8QeT\",\n  \"expandIcon\": \"fOowC\",\n  \"expandChrome\": \"_38GiA\",\n  \"expandIconGlyph\": \"dtsr-\",\n  \"editorOverlay\": \"u0zV7\",\n  \"horizontal\": \"jiAZw\",\n  \"viewport\": \"lWEuf\",\n  \"track\": \"OT9Sc\",\n  \"previous\": \"t7bfa\"\n};"],
+  "sourcesContent": ["export default {\n  \"media\": \"BYj-D\",\n  \"fit\": \"GYoUx\",\n  \"failure\": \"sE4wg\",\n  \"playButton\": \"ChIn-\",\n  \"playIcon\": \"lO9sz\",\n  \"navigationArrow\": \"sKUmG\",\n  \"arrowStart\": \"eafcn\",\n  \"arrowEnd\": \"ct3mr\",\n  \"arrowIcon\": \"_4RIRs\",\n  \"fill\": \"h8tgO\",\n  \"intrinsic\": \"_5X23C\",\n  \"cell\": \"xDt4R\",\n  \"expandButton\": \"H-2Qq\",\n  \"expandIcon\": \"PI7br\",\n  \"expandChrome\": \"hY4vP\",\n  \"expandIconGlyph\": \"aLNhD\",\n  \"editorOverlay\": \"-salV\",\n  \"horizontal\": \"_5djrR\",\n  \"viewport\": \"nsMzs\",\n  \"track\": \"MpXDY\",\n  \"previous\": \"M-BGj\"\n};"],
   "mappings": "AAAA,IAAO,wBAAQ;AAAA,EACb,SAAS;AAAA,EACT,OAAO;AAAA,EACP,WAAW;AAAA,EACX,cAAc;AAAA,EACd,YAAY;AAAA,EACZ,mBAAmB;AAAA,EACnB,cAAc;AAAA,EACd,YAAY;AAAA,EACZ,aAAa;AAAA,EACb,QAAQ;AAAA,EACR,aAAa;AAAA,EACb,QAAQ;AAAA,EACR,gBAAgB;AAAA,EAChB,cAAc;AAAA,EACd,gBAAgB;AAAA,EAChB,mBAAmB;AAAA,EACnB,iBAAiB;AAAA,EACjB,cAAc;AAAA,EACd,YAAY;AAAA,EACZ,SAAS;AAAA,EACT,YAAY;AACd;",
   "names": []
 }

package/dist/es/plugin-gallery/statics/styles/viewer-scss.js

@@ -1,5 +1,5 @@
 var viewer_default = {
-  "galleryContainer": "ycpW-"
+  "galleryContainer": "k-vVA"
 };
 export {
   viewer_default as default

package/dist/es/plugin-gallery/statics/styles/viewer-scss.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/plugin-gallery/statics/styles/viewer.scss"],
-  "sourcesContent": ["export default {\n  \"galleryContainer\": \"ycpW-\"\n};"],
+  "sourcesContent": ["export default {\n  \"galleryContainer\": \"k-vVA\"\n};"],
   "mappings": "AAAA,IAAO,iBAAQ;AAAA,EACb,oBAAoB;AACtB;",
   "names": []
 }

package/dist/es/plugin-gallery/viewer/layout-column-scss.js

@@ -1,8 +1,8 @@
 var layout_column_default = {
-  "column": "VcN--",
-  "columnViewport": "_-6Tkl",
-  "columnTrack": "_6lffa",
-  "columnCell": "Ux4En"
+  "column": "wW6Z8",
+  "columnViewport": "rqJVY",
+  "columnTrack": "x1FjX",
+  "columnCell": "roVkr"
 };
 export {
   layout_column_default as default

package/dist/es/plugin-gallery/viewer/layout-column-scss.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/plugin-gallery/viewer/layout-column.scss"],
-  "sourcesContent": ["export default {\n  \"column\": \"VcN--\",\n  \"columnViewport\": \"_-6Tkl\",\n  \"columnTrack\": \"_6lffa\",\n  \"columnCell\": \"Ux4En\"\n};"],
+  "sourcesContent": ["export default {\n  \"column\": \"wW6Z8\",\n  \"columnViewport\": \"rqJVY\",\n  \"columnTrack\": \"x1FjX\",\n  \"columnCell\": \"roVkr\"\n};"],
   "mappings": "AAAA,IAAO,wBAAQ;AAAA,EACb,UAAU;AAAA,EACV,kBAAkB;AAAA,EAClB,eAAe;AAAA,EACf,cAAc;AAChB;",
   "names": []
 }

package/dist/es/plugin-gallery/viewer/layout-fullsize-scss.js

@@ -1,8 +1,8 @@
 var layout_fullsize_default = {
-  "fullsize": "UBXjN",
-  "fullsizeViewport": "W5T1Q",
-  "fullsizeTrack": "zH6uQ",
-  "fullsizeCell": "gSF5e"
+  "fullsize": "ZiEiP",
+  "fullsizeViewport": "Doqh7",
+  "fullsizeTrack": "NPdCK",
+  "fullsizeCell": "NQQsY"
 };
 export {
   layout_fullsize_default as default

package/dist/es/plugin-gallery/viewer/layout-fullsize-scss.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/plugin-gallery/viewer/layout-fullsize.scss"],
-  "sourcesContent": ["export default {\n  \"fullsize\": \"UBXjN\",\n  \"fullsizeViewport\": \"W5T1Q\",\n  \"fullsizeTrack\": \"zH6uQ\",\n  \"fullsizeCell\": \"gSF5e\"\n};"],
+  "sourcesContent": ["export default {\n  \"fullsize\": \"ZiEiP\",\n  \"fullsizeViewport\": \"Doqh7\",\n  \"fullsizeTrack\": \"NPdCK\",\n  \"fullsizeCell\": \"NQQsY\"\n};"],
   "mappings": "AAAA,IAAO,0BAAQ;AAAA,EACb,YAAY;AAAA,EACZ,oBAAoB;AAAA,EACpB,iBAAiB;AAAA,EACjB,gBAAgB;AAClB;",
   "names": []
 }

package/dist/es/plugin-gallery/viewer/layout-grid-scss.js

@@ -1,6 +1,6 @@
 var layout_grid_default = {
-  "grid": "liZHW",
-  "gridCell": "NNyfw"
+  "grid": "fQGpc",
+  "gridCell": "xUwF6"
 };
 export {
   layout_grid_default as default

package/dist/es/plugin-gallery/viewer/layout-grid-scss.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/plugin-gallery/viewer/layout-grid.scss"],
-  "sourcesContent": ["export default {\n  \"grid\": \"liZHW\",\n  \"gridCell\": \"NNyfw\"\n};"],
+  "sourcesContent": ["export default {\n  \"grid\": \"fQGpc\",\n  \"gridCell\": \"xUwF6\"\n};"],
   "mappings": "AAAA,IAAO,sBAAQ;AAAA,EACb,QAAQ;AAAA,EACR,YAAY;AACd;",
   "names": []
 }

package/dist/es/plugin-gallery/viewer/layout-masonry-scss.js

@@ -1,11 +1,11 @@
 var layout_masonry_default = {
-  "masonry": "rt9XC",
-  "rows": "cL7Iy",
-  "masonryCell": "RihY6",
-  "columns": "d-Q0N",
-  "horizontalRoot": "tWfDW",
-  "horizontalViewport": "yCXVj",
-  "horizontal": "_16wZQ"
+  "masonry": "WKlfj",
+  "rows": "wci21",
+  "masonryCell": "DOGgo",
+  "columns": "AOvK-",
+  "horizontalRoot": "ksgxY",
+  "horizontalViewport": "uwEJE",
+  "horizontal": "gjA3m"
 };
 export {
   layout_masonry_default as default