@wix/ricos 11.20.6 → 11.21.1

package/dist/es/plugin-audio/statics/styles/audio-embed-scss.js

@@ -1,6 +1,6 @@
-var styleDataHash = "29d78b1e";
+var styleDataHash = "1c8edf68";
 const injectCss = (() => {
-  var css = `.qOFut{--wds-input-value-font-size-medium:14px}`;
+  var css = `.LXNeG{--wds-input-value-font-size-medium:14px}`;
   var isTest = typeof process !== "undefined" && process.env && false;
   if (isTest || !css || typeof document === "undefined") {
     return;
@@ -21,7 +21,7 @@ const injectCss = (() => {
 });
 injectCss();
 var audio_embed_default = {
-  "input": "qOFut"
+  "input": "LXNeG"
 };
 export {
   audio_embed_default as default,

package/dist/es/plugin-audio/statics/styles/audio-embed-scss.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/plugin-audio/statics/styles/audio-embed.scss"],
-  "sourcesContent": ["var styleDataHash = '29d78b1e';  \nexport const injectCss = (() => {\n  var css = `.qOFut{--wds-input-value-font-size-medium:14px}`;\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  \"input\": \"qOFut\"\n};"],
+  "sourcesContent": ["var styleDataHash = '1c8edf68';  \nexport const injectCss = (() => {\n  var css = `.LXNeG{--wds-input-value-font-size-medium:14px}`;\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  \"input\": \"LXNeG\"\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,sBAAQ;AAAA,EACb,SAAS;AACX;",
   "names": []
 }

package/dist/es/plugin-audio/statics/styles/audio-scss.js

@@ -1,25 +1,25 @@
 var audio_default = {
-  "fontElementMap": "Z4oHb",
-  "container": "Lg8Uq",
-  "coverImageContainer": "k6FK2",
-  "customPlayer": "JH0PI",
-  "slim": "e9zfl",
-  "playPauseButton": "EIM-g",
-  "coverImage": "UoXZ5",
-  "trackDetailsContainer": "i7ViQ",
-  "controlsContainer": "ULjRI",
-  "controlsGroup": "_9saxF",
-  "sliderContainer": "TnI3k",
-  "audioDuration": "_2aKP0",
-  "isLoading": "HG0-l",
-  "audioDetails": "UH-ml",
-  "authorName": "Uc0ev",
-  "title": "Bqa9N",
-  "dropdownMenuWrapper": "DHg1u",
-  "dropdownSelectedButton": "Ah3CK",
-  "dropdownContent": "_0GDAA",
-  "dropdownContentWithIcon": "_47m1w",
-  "audioLoader": "O1yIc"
+  "fontElementMap": "YDpaO",
+  "container": "hB4Wh",
+  "coverImageContainer": "FkxWd",
+  "customPlayer": "ptns-",
+  "slim": "lDug9",
+  "playPauseButton": "yKvP-",
+  "coverImage": "q0AFu",
+  "trackDetailsContainer": "X7lbW",
+  "controlsContainer": "H8iH8",
+  "controlsGroup": "dX5aR",
+  "sliderContainer": "qHwTZ",
+  "audioDuration": "FmJNF",
+  "isLoading": "dKqIu",
+  "audioDetails": "gilqA",
+  "authorName": "VJ7RW",
+  "title": "NINL2",
+  "dropdownMenuWrapper": "Qjqq5",
+  "dropdownSelectedButton": "oeYbQ",
+  "dropdownContent": "_9vP6Y",
+  "dropdownContentWithIcon": "_6fHgF",
+  "audioLoader": "_2Yzgn"
 };
 export {
   audio_default as default

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/plugin-audio/statics/styles/audio.scss"],
-  "sourcesContent": ["export default {\n  \"fontElementMap\": \"Z4oHb\",\n  \"container\": \"Lg8Uq\",\n  \"coverImageContainer\": \"k6FK2\",\n  \"customPlayer\": \"JH0PI\",\n  \"slim\": \"e9zfl\",\n  \"playPauseButton\": \"EIM-g\",\n  \"coverImage\": \"UoXZ5\",\n  \"trackDetailsContainer\": \"i7ViQ\",\n  \"controlsContainer\": \"ULjRI\",\n  \"controlsGroup\": \"_9saxF\",\n  \"sliderContainer\": \"TnI3k\",\n  \"audioDuration\": \"_2aKP0\",\n  \"isLoading\": \"HG0-l\",\n  \"audioDetails\": \"UH-ml\",\n  \"authorName\": \"Uc0ev\",\n  \"title\": \"Bqa9N\",\n  \"dropdownMenuWrapper\": \"DHg1u\",\n  \"dropdownSelectedButton\": \"Ah3CK\",\n  \"dropdownContent\": \"_0GDAA\",\n  \"dropdownContentWithIcon\": \"_47m1w\",\n  \"audioLoader\": \"O1yIc\"\n};"],
+  "sourcesContent": ["export default {\n  \"fontElementMap\": \"YDpaO\",\n  \"container\": \"hB4Wh\",\n  \"coverImageContainer\": \"FkxWd\",\n  \"customPlayer\": \"ptns-\",\n  \"slim\": \"lDug9\",\n  \"playPauseButton\": \"yKvP-\",\n  \"coverImage\": \"q0AFu\",\n  \"trackDetailsContainer\": \"X7lbW\",\n  \"controlsContainer\": \"H8iH8\",\n  \"controlsGroup\": \"dX5aR\",\n  \"sliderContainer\": \"qHwTZ\",\n  \"audioDuration\": \"FmJNF\",\n  \"isLoading\": \"dKqIu\",\n  \"audioDetails\": \"gilqA\",\n  \"authorName\": \"VJ7RW\",\n  \"title\": \"NINL2\",\n  \"dropdownMenuWrapper\": \"Qjqq5\",\n  \"dropdownSelectedButton\": \"oeYbQ\",\n  \"dropdownContent\": \"_9vP6Y\",\n  \"dropdownContentWithIcon\": \"_6fHgF\",\n  \"audioLoader\": \"_2Yzgn\"\n};"],
   "mappings": "AAAA,IAAO,gBAAQ;AAAA,EACb,kBAAkB;AAAA,EAClB,aAAa;AAAA,EACb,uBAAuB;AAAA,EACvB,gBAAgB;AAAA,EAChB,QAAQ;AAAA,EACR,mBAAmB;AAAA,EACnB,cAAc;AAAA,EACd,yBAAyB;AAAA,EACzB,qBAAqB;AAAA,EACrB,iBAAiB;AAAA,EACjB,mBAAmB;AAAA,EACnB,iBAAiB;AAAA,EACjB,aAAa;AAAA,EACb,gBAAgB;AAAA,EAChB,cAAc;AAAA,EACd,SAAS;AAAA,EACT,uBAAuB;AAAA,EACvB,0BAA0B;AAAA,EAC1B,mBAAmB;AAAA,EACnB,2BAA2B;AAAA,EAC3B,eAAe;AACjB;",
   "names": []
 }

package/dist/es/plugin-audio/statics/styles/icon-button-scss.js

@@ -1,5 +1,5 @@
 var icon_button_default = {
-  "audioIconButton": "qCjZG"
+  "audioIconButton": "oXV95"
 };
 export {
   icon_button_default as default

package/dist/es/plugin-audio/statics/styles/icon-button-scss.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/plugin-audio/statics/styles/icon-button.scss"],
-  "sourcesContent": ["export default {\n  \"audioIconButton\": \"qCjZG\"\n};"],
+  "sourcesContent": ["export default {\n  \"audioIconButton\": \"oXV95\"\n};"],
   "mappings": "AAAA,IAAO,sBAAQ;AAAA,EACb,mBAAmB;AACrB;",
   "names": []
 }

package/dist/es/plugin-audio/statics/styles/settings-modal-scss.js

@@ -1,6 +1,6 @@
-var styleDataHash = "197773be";
+var styleDataHash = "f18296cc";
 const injectCss = (() => {
-  var css = `.ohjuf{background-color:unset;--wsr-color-D10-66:rgba(0,0,0,.5)}`;
+  var css = `.YTOm8{background-color:unset;--wsr-color-D10-66:rgba(0,0,0,.5)}`;
   var isTest = typeof process !== "undefined" && process.env && false;
   if (isTest || !css || typeof document === "undefined") {
     return;
@@ -21,7 +21,7 @@ const injectCss = (() => {
 });
 injectCss();
 var settings_modal_default = {
-  "imageViewer": "ohjuf"
+  "imageViewer": "YTOm8"
 };
 export {
   settings_modal_default as default,

package/dist/es/plugin-audio/statics/styles/settings-modal-scss.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/plugin-audio/statics/styles/settings-modal.scss"],
-  "sourcesContent": ["var styleDataHash = '197773be';  \nexport const injectCss = (() => {\n  var css = `.ohjuf{background-color:unset;--wsr-color-D10-66:rgba(0,0,0,.5)}`;\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  \"imageViewer\": \"ohjuf\"\n};"],
+  "sourcesContent": ["var styleDataHash = 'f18296cc';  \nexport const injectCss = (() => {\n  var css = `.YTOm8{background-color:unset;--wsr-color-D10-66:rgba(0,0,0,.5)}`;\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  \"imageViewer\": \"YTOm8\"\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,yBAAQ;AAAA,EACb,eAAe;AACjB;",
   "names": []
 }

package/dist/es/plugin-audio/statics/styles/sound-control-scss.js

@@ -1,6 +1,6 @@
 var sound_control_default = {
-  "root": "ZhTqi",
-  "sliderContainer": "RUUBX"
+  "root": "-EUrW",
+  "sliderContainer": "EuGzY"
 };
 export {
   sound_control_default as default

package/dist/es/plugin-audio/statics/styles/sound-control-scss.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/plugin-audio/statics/styles/sound-control.scss"],
-  "sourcesContent": ["export default {\n  \"root\": \"ZhTqi\",\n  \"sliderContainer\": \"RUUBX\"\n};"],
+  "sourcesContent": ["export default {\n  \"root\": \"-EUrW\",\n  \"sliderContainer\": \"EuGzY\"\n};"],
   "mappings": "AAAA,IAAO,wBAAQ;AAAA,EACb,QAAQ;AAAA,EACR,mBAAmB;AACrB;",
   "names": []
 }

package/dist/es/plugin-audio/viewer-styles-inject.js

@@ -1,14 +1,14 @@
-var styleDataHash = 'b8652ad9';  
+var styleDataHash = '013886ac';  
 export const injectCss = (() => {
-  var css = `.gB2Hi{border:0;height:100%;overflow:hidden;width:100%}.FCyow{height:100%;max-width:100%;position:relative;width:100%}.tvMjK{background:rgba(51,51,51,.05);bottom:0;left:0;position:absolute;right:0;top:0}.ZhTqi{display:flex;justify-content:center;position:relative}.ZhTqi .RUUBX{--ricos-slider-unfilled-color:var(
+  var css = `.vmxEd{border:0;height:100%;overflow:hidden;width:100%}.ARqJw{height:100%;max-width:100%;position:relative;width:100%}.p83dq{background:rgba(51,51,51,.05);bottom:0;left:0;position:absolute;right:0;top:0}.-EUrW{display:flex;justify-content:center;position:relative}.-EUrW .EuGzY{--ricos-slider-unfilled-color:var(
     --ricos-custom-audio-slider-color,var(
       --ricos-native-secondary-bg-color-background-color,rgba(var(--ricos-text-color-low-tuple,150,150,150),0.2)
     )
-  );align-items:center;background-color:var(--ricos-custom-audio-background-color,#fff);border:1px solid var(--ricos-custom-audio-border-color,#ededed);border-radius:var(--ricos-native-whitebox-border-radius,0);bottom:62px;box-shadow:0 4px 8px 0 rgba(0,0,0,.1),0 0 4px 0 rgba(0,0,0,.1);clip-path:inset(50%);display:flex;justify-content:center;max-height:32px;min-height:32px;position:absolute;transform:rotate(270deg);width:116px}.ZhTqi .RUUBX input[type=range]{outline:none;width:100px}.ZhTqi .RUUBX:has(input[type=range]:focus-visible){clip-path:none;outline:5px auto Highlight!important;outline:5px auto -webkit-focus-ring-color!important}.ZhTqi:hover .RUUBX{clip-path:none}.ZhTqi:has(button:focus-visible) .RUUBX{clip-path:none}.qCjZG{align-items:center;background:transparent;border-color:var(--ricos-custom-audio-component-border-color,rgba(var(--ricos-action-color-tuple,2,97,255),.2));border-radius:50%;border-style:solid;border-width:1px;color:var(--ricos-custom-audio-action-color,var(--ricos-action-color,#116dff));cursor:pointer;display:flex;height:30px;justify-content:center;min-width:30px;padding:0;width:30px}@supports (color:rgb(from #000 r g b/0.1)){.qCjZG{border-color:var(--ricos-custom-audio-component-border-color,rgb(from var(--ricos-action-color,#116dff) r g b/.2))}}.qCjZG[disabled]{border-color:rgba(var(--ricos-text-color-tuple,33,33,33),.2);color:rgba(var(--ricos-text-color-tuple,33,33,33),.2)}@supports (color:rgb(from #000 r g b/0.1)){.qCjZG[disabled]{border-color:rgb(from var(--ricos-text-color,#212121) r g b/.2);color:rgb(from var(--ricos-text-color,#212121) r g b/.2)}}.Z4oHb{font-family:var(--ricos-font-family,unset)}.glob_fontElementMap{font-family:var(--ricos-font-family,unset)}.Lg8Uq{container-type:inline-size;print-color-adjust:exact}.Lg8Uq:where([data-ricos-responsive=viewport]),:where([data-ricos-responsive=viewport]) .Lg8Uq{container-type:normal}.k6FK2{flex:0 0 auto}.JH0PI{background-color:var(--ricos-custom-audio-background-color);border-color:var(--ricos-custom-audio-component-border-color,var(--ricos-custom-audio-border-color,rgba(var(--ricos-text-color-tuple,33,33,33),.2)));border-style:solid;border-width:1px;direction:ltr!important;display:flex;height:120px;min-width:320px;position:relative;width:100%}@supports (color:rgb(from #000 r g b/0.1)){.JH0PI{border-color:var(--ricos-custom-audio-component-border-color,rgb(from var(--ricos-custom-audio-border-color,var(--ricos-text-color,#212121)) r g b/.2))}}.JH0PI.e9zfl{height:66px}@supports not (contain:inline-size){@media only screen and (max-width:350px){.JH0PI{flex-direction:column;height:auto;min-width:90px}.JH0PI.e9zfl{flex-direction:column;height:auto;min-width:90px}}}@container (width < 350px){.JH0PI:where(:not([data-ricos-responsive=viewport],[data-ricos-responsive=viewport] *)){flex-direction:column;height:auto;min-width:90px}.JH0PI:where(:not([data-ricos-responsive=viewport],[data-ricos-responsive=viewport] *)).e9zfl{flex-direction:column;height:auto;min-width:90px}}@media (width < 350px){.JH0PI:where([data-ricos-responsive=viewport]),:where([data-ricos-responsive=viewport]) .JH0PI{flex-direction:column;height:auto;min-width:90px}.JH0PI:where([data-ricos-responsive=viewport]).e9zfl,:where([data-ricos-responsive=viewport]) .JH0PI.e9zfl{flex-direction:column;height:auto;min-width:90px}}.EIM-g{align-items:center;background-color:var(--ricos-custom-audio-action-color,var(--ricos-action-color,#116dff));border:none;border-radius:50%;color:var(--ricos-custom-audio-action-text-color,var(--ricos-text-on-action-color,var(--ricos-background-color,#fff)));cursor:pointer;display:flex;flex-shrink:0;height:30px;justify-content:center;width:30px}.EIM-g:active{filter:brightness(.9)}.UoXZ5{--ricos-audio-player-image-size:118px;height:var(--ricos-audio-player-image-size);max-height:var(--ricos-audio-player-image-size);max-width:var(--ricos-audio-player-image-size);overflow:hidden;width:var(--ricos-audio-player-image-size)}.e9zfl .UoXZ5{--ricos-audio-player-image-size:64px}@supports not (contain:inline-size){@media only screen and (max-width:350px){.UoXZ5{--ricos-audio-player-image-size:190px;max-height:190px;max-width:100%;width:100%}.e9zfl .UoXZ5{--ricos-audio-player-image-size:190px}}}@container (width < 350px){.UoXZ5:where(:not([data-ricos-responsive=viewport],[data-ricos-responsive=viewport] *)){--ricos-audio-player-image-size:190px;max-height:190px;max-width:100%;width:100%}.e9zfl .UoXZ5:where(:not([data-ricos-responsive=viewport],[data-ricos-responsive=viewport] *)){--ricos-audio-player-image-size:190px}}@media (width < 350px){.UoXZ5:where([data-ricos-responsive=viewport]),:where([data-ricos-responsive=viewport]) .UoXZ5{--ricos-audio-player-image-size:190px;max-height:190px;max-width:100%;width:100%}.e9zfl .UoXZ5:where([data-ricos-responsive=viewport]),.e9zfl :where([data-ricos-responsive=viewport]) .UoXZ5{--ricos-audio-player-image-size:190px}}.i7ViQ{align-items:flex-start;display:flex;flex-direction:column;gap:12px;justify-content:space-between;padding:18px;width:100%}.ULjRI{align-items:center;display:flex;gap:12px;justify-content:center;position:relative;width:100%}@supports not (contain:inline-size){@media only screen and (max-width:250px){.ULjRI{flex-direction:column}}}@container (width < 250px){.ULjRI:where(:not([data-ricos-responsive=viewport],[data-ricos-responsive=viewport] *)){flex-direction:column}}@media (width < 250px){.ULjRI:where([data-ricos-responsive=viewport]),:where([data-ricos-responsive=viewport]) .ULjRI{flex-direction:column}}._9saxF{align-items:center;display:flex;gap:12px;justify-content:center;position:relative}@supports not (contain:inline-size){@media only screen and (max-width:250px){._9saxF{justify-content:space-between;width:100%}}}@container (width < 250px){._9saxF:where(:not([data-ricos-responsive=viewport],[data-ricos-responsive=viewport] *)){justify-content:space-between;width:100%}}@media (width < 250px){._9saxF:where([data-ricos-responsive=viewport]),:where([data-ricos-responsive=viewport]) ._9saxF{justify-content:space-between;width:100%}}@supports not (contain:inline-size){@media only screen and (max-width:120px){._9saxF{flex-direction:column}}}@container (width < 120px){._9saxF:where(:not([data-ricos-responsive=viewport],[data-ricos-responsive=viewport] *)){flex-direction:column}}@media (width < 120px){._9saxF:where([data-ricos-responsive=viewport]),:where([data-ricos-responsive=viewport]) ._9saxF{flex-direction:column}}.TnI3k{flex-grow:1;--ricos-slider-unfilled-color:var(
+  );align-items:center;background-color:var(--ricos-custom-audio-background-color,#fff);border:1px solid var(--ricos-custom-audio-border-color,#ededed);border-radius:var(--ricos-native-whitebox-border-radius,0);bottom:62px;box-shadow:0 4px 8px 0 rgba(0,0,0,.1),0 0 4px 0 rgba(0,0,0,.1);clip-path:inset(50%);display:flex;justify-content:center;max-height:32px;min-height:32px;position:absolute;transform:rotate(270deg);width:116px}.-EUrW .EuGzY input[type=range]{outline:none;width:100px}.-EUrW .EuGzY:has(input[type=range]:focus-visible){clip-path:none;outline:5px auto Highlight!important;outline:5px auto -webkit-focus-ring-color!important}.-EUrW:hover .EuGzY{clip-path:none}.-EUrW:has(button:focus-visible) .EuGzY{clip-path:none}.oXV95{align-items:center;background:transparent;border-color:var(--ricos-custom-audio-component-border-color,rgba(var(--ricos-action-color-tuple,2,97,255),.2));border-radius:50%;border-style:solid;border-width:1px;color:var(--ricos-custom-audio-action-color,var(--ricos-action-color,#116dff));cursor:pointer;display:flex;height:30px;justify-content:center;min-width:30px;padding:0;width:30px}@supports (color:rgb(from #000 r g b/0.1)){.oXV95{border-color:var(--ricos-custom-audio-component-border-color,rgb(from var(--ricos-action-color,#116dff) r g b/.2))}}.oXV95[disabled]{border-color:rgba(var(--ricos-text-color-tuple,33,33,33),.2);color:rgba(var(--ricos-text-color-tuple,33,33,33),.2)}@supports (color:rgb(from #000 r g b/0.1)){.oXV95[disabled]{border-color:rgb(from var(--ricos-text-color,#212121) r g b/.2);color:rgb(from var(--ricos-text-color,#212121) r g b/.2)}}.YDpaO{font-family:var(--ricos-font-family,unset)}.glob_fontElementMap{font-family:var(--ricos-font-family,unset)}.hB4Wh{container-type:inline-size;print-color-adjust:exact}.hB4Wh:where([data-ricos-responsive=viewport]),:where([data-ricos-responsive=viewport]) .hB4Wh{container-type:normal}.FkxWd{flex:0 0 auto}.ptns-{background-color:var(--ricos-custom-audio-background-color);border-color:var(--ricos-custom-audio-component-border-color,var(--ricos-custom-audio-border-color,rgba(var(--ricos-text-color-tuple,33,33,33),.2)));border-style:solid;border-width:1px;direction:ltr!important;display:flex;height:120px;min-width:320px;position:relative;width:100%}@supports (color:rgb(from #000 r g b/0.1)){.ptns-{border-color:var(--ricos-custom-audio-component-border-color,rgb(from var(--ricos-custom-audio-border-color,var(--ricos-text-color,#212121)) r g b/.2))}}.ptns-.lDug9{height:66px}@supports not (contain:inline-size){@media only screen and (max-width:350px){.ptns-{flex-direction:column;height:auto;min-width:90px}.ptns-.lDug9{flex-direction:column;height:auto;min-width:90px}}}@container (width < 350px){.ptns-:where(:not([data-ricos-responsive=viewport],[data-ricos-responsive=viewport] *)){flex-direction:column;height:auto;min-width:90px}.ptns-:where(:not([data-ricos-responsive=viewport],[data-ricos-responsive=viewport] *)).lDug9{flex-direction:column;height:auto;min-width:90px}}@media (width < 350px){.ptns-:where([data-ricos-responsive=viewport]),:where([data-ricos-responsive=viewport]) .ptns-{flex-direction:column;height:auto;min-width:90px}.ptns-:where([data-ricos-responsive=viewport]).lDug9,:where([data-ricos-responsive=viewport]) .ptns-.lDug9{flex-direction:column;height:auto;min-width:90px}}.yKvP-{align-items:center;background-color:var(--ricos-custom-audio-action-color,var(--ricos-action-color,#116dff));border:none;border-radius:50%;color:var(--ricos-custom-audio-action-text-color,var(--ricos-text-on-action-color,var(--ricos-background-color,#fff)));cursor:pointer;display:flex;flex-shrink:0;height:30px;justify-content:center;width:30px}.yKvP-:active{filter:brightness(.9)}.q0AFu{--ricos-audio-player-image-size:118px;height:var(--ricos-audio-player-image-size);max-height:var(--ricos-audio-player-image-size);max-width:var(--ricos-audio-player-image-size);overflow:hidden;width:var(--ricos-audio-player-image-size)}.lDug9 .q0AFu{--ricos-audio-player-image-size:64px}@supports not (contain:inline-size){@media only screen and (max-width:350px){.q0AFu{--ricos-audio-player-image-size:190px;max-height:190px;max-width:100%;width:100%}.lDug9 .q0AFu{--ricos-audio-player-image-size:190px}}}@container (width < 350px){.q0AFu:where(:not([data-ricos-responsive=viewport],[data-ricos-responsive=viewport] *)){--ricos-audio-player-image-size:190px;max-height:190px;max-width:100%;width:100%}.lDug9 .q0AFu:where(:not([data-ricos-responsive=viewport],[data-ricos-responsive=viewport] *)){--ricos-audio-player-image-size:190px}}@media (width < 350px){.q0AFu:where([data-ricos-responsive=viewport]),:where([data-ricos-responsive=viewport]) .q0AFu{--ricos-audio-player-image-size:190px;max-height:190px;max-width:100%;width:100%}.lDug9 .q0AFu:where([data-ricos-responsive=viewport]),.lDug9 :where([data-ricos-responsive=viewport]) .q0AFu{--ricos-audio-player-image-size:190px}}.X7lbW{align-items:flex-start;display:flex;flex-direction:column;gap:12px;justify-content:space-between;padding:18px;width:100%}.H8iH8{align-items:center;display:flex;gap:12px;justify-content:center;position:relative;width:100%}@supports not (contain:inline-size){@media only screen and (max-width:250px){.H8iH8{flex-direction:column}}}@container (width < 250px){.H8iH8:where(:not([data-ricos-responsive=viewport],[data-ricos-responsive=viewport] *)){flex-direction:column}}@media (width < 250px){.H8iH8:where([data-ricos-responsive=viewport]),:where([data-ricos-responsive=viewport]) .H8iH8{flex-direction:column}}.dX5aR{align-items:center;display:flex;gap:12px;justify-content:center;position:relative}@supports not (contain:inline-size){@media only screen and (max-width:250px){.dX5aR{justify-content:space-between;width:100%}}}@container (width < 250px){.dX5aR:where(:not([data-ricos-responsive=viewport],[data-ricos-responsive=viewport] *)){justify-content:space-between;width:100%}}@media (width < 250px){.dX5aR:where([data-ricos-responsive=viewport]),:where([data-ricos-responsive=viewport]) .dX5aR{justify-content:space-between;width:100%}}@supports not (contain:inline-size){@media only screen and (max-width:120px){.dX5aR{flex-direction:column}}}@container (width < 120px){.dX5aR:where(:not([data-ricos-responsive=viewport],[data-ricos-responsive=viewport] *)){flex-direction:column}}@media (width < 120px){.dX5aR:where([data-ricos-responsive=viewport]),:where([data-ricos-responsive=viewport]) .dX5aR{flex-direction:column}}.qHwTZ{flex-grow:1;--ricos-slider-unfilled-color:var(
     --ricos-custom-audio-slider-color,var(
       --ricos-native-secondary-bg-color-background-color,rgba(var(--ricos-text-color-low-tuple,150,150,150),0.2)
     )
-  )}._2aKP0{color:var(--ricos-custom-audio-title-color,var(--ricos-native-text-color,var(--ricos-text-color,#212121)));font-size:15px;min-width:fit-content}._2aKP0.HG0-l{color:rgba(var(--ricos-text-color-tuple,33,33,33),.2)}@supports (color:rgb(from #000 r g b/0.1)){._2aKP0.HG0-l{color:rgb(from var(--ricos-text-color,#212121) r g b/.2)}}.UH-ml{display:flex;flex-direction:column;font-family:var(--ricos-custom-p-font-family,unset);width:100%}[data-ricos-font~=p] .UH-ml{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}.UH-ml .Uc0ev{color:var(--ricos-custom-audio-subtitle-color,var(--ricos-native-text-color,var(--ricos-text-color-low,#646464)));font-size:14px;font-weight:400;line-height:1.28;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@supports not (contain:inline-size){@media only screen and (max-width:120px){.UH-ml .Uc0ev{overflow:hidden;white-space:normal}}}@container (width < 120px){.UH-ml .Uc0ev:where(:not([data-ricos-responsive=viewport],[data-ricos-responsive=viewport] *)){overflow:hidden;white-space:normal}}@media (width < 120px){.UH-ml .Uc0ev:where([data-ricos-responsive=viewport]),:where([data-ricos-responsive=viewport]) .UH-ml .Uc0ev{overflow:hidden;white-space:normal}}.UH-ml .Bqa9N{color:var(--ricos-custom-audio-title-color,var(--ricos-native-text-color,var(--ricos-text-color,#212121)));font-size:16px;font-weight:400;line-height:1.5;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@supports not (contain:inline-size){@media only screen and (max-width:120px){.UH-ml .Bqa9N{overflow:hidden;white-space:normal}}}@container (width < 120px){.UH-ml .Bqa9N:where(:not([data-ricos-responsive=viewport],[data-ricos-responsive=viewport] *)){overflow:hidden;white-space:normal}}@media (width < 120px){.UH-ml .Bqa9N:where([data-ricos-responsive=viewport]),:where([data-ricos-responsive=viewport]) .UH-ml .Bqa9N{overflow:hidden;white-space:normal}}.DHg1u{align-items:flex-start;background-color:var(--ricos-custom-audio-background-color,#fff);border:1px solid var(--ricos-custom-audio-border-color,#ededed);border-radius:var(--ricos-native-whitebox-border-radius,0);bottom:30px;box-shadow:0 4px 8px 0 rgba(0,0,0,.1),0 0 4px 0 rgba(0,0,0,.1);display:flex;flex-direction:column;max-height:160px;overflow:scroll;padding:8px 0;position:absolute;right:0;width:160px;-ms-overflow-style:none;scrollbar-width:none}.DHg1u::-webkit-scrollbar{display:none}.DHg1u button{background-color:var(--ricos-custom-audio-background-color,#fff);border:none;cursor:pointer;height:36px;min-height:36px;padding-left:10px;text-align:left;width:100%}.DHg1u button:hover{background-color:rgba(var(--ricos-text-color-tuple,0,0,0),.06)}@supports (color:rgb(from #000 r g b/0.1)){.DHg1u button:hover{background-color:rgb(from var(--ricos-text-color,#000) r g b/.06)}}.DHg1u button svg{color:#000;fill:#000}.DHg1u .Ah3CK{background-color:rgba(var(--ricos-action-color-fallback-tuple,2,97,255),.1);color:var(--ricos-action-color-fallback,#0261ff)}@supports (color:rgb(from #000 r g b/0.1)){.DHg1u .Ah3CK{background-color:rgb(from var(--ricos-action-color,#116dff) min(r,150) min(g,150) min(b,150)/.1);color:rgb(from var(--ricos-action-color,#116dff) min(r,150) min(g,150) min(b,150))}}._0GDAA,._47m1w{align-items:center;display:flex;font-size:14px;justify-content:start}._47m1w{gap:8px}._47m1w svg{height:16px;width:16px}.O1yIc{align-items:center;background-color:var(--ricos-custom-audio-action-color,var(--ricos-action-color,#116dff));border-radius:50%;color:var(--ricos-custom-audio-action-text-color,var(--ricos-text-on-action-color,var(--ricos-background-color,#fff)));display:flex;height:30px;justify-content:center;min-width:30px;width:30px}`;
+  )}.FmJNF{color:var(--ricos-custom-audio-title-color,var(--ricos-native-text-color,var(--ricos-text-color,#212121)));font-size:15px;min-width:fit-content}.FmJNF.dKqIu{color:rgba(var(--ricos-text-color-tuple,33,33,33),.2)}@supports (color:rgb(from #000 r g b/0.1)){.FmJNF.dKqIu{color:rgb(from var(--ricos-text-color,#212121) r g b/.2)}}.gilqA{display:flex;flex-direction:column;font-family:var(--ricos-custom-p-font-family,unset);width:100%}[data-ricos-font~=p] .gilqA{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}.gilqA .VJ7RW{color:var(--ricos-custom-audio-subtitle-color,var(--ricos-native-text-color,var(--ricos-text-color-low,#646464)));font-size:14px;font-weight:400;line-height:1.28;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@supports not (contain:inline-size){@media only screen and (max-width:120px){.gilqA .VJ7RW{overflow:hidden;white-space:normal}}}@container (width < 120px){.gilqA .VJ7RW:where(:not([data-ricos-responsive=viewport],[data-ricos-responsive=viewport] *)){overflow:hidden;white-space:normal}}@media (width < 120px){.gilqA .VJ7RW:where([data-ricos-responsive=viewport]),:where([data-ricos-responsive=viewport]) .gilqA .VJ7RW{overflow:hidden;white-space:normal}}.gilqA .NINL2{color:var(--ricos-custom-audio-title-color,var(--ricos-native-text-color,var(--ricos-text-color,#212121)));font-size:16px;font-weight:400;line-height:1.5;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@supports not (contain:inline-size){@media only screen and (max-width:120px){.gilqA .NINL2{overflow:hidden;white-space:normal}}}@container (width < 120px){.gilqA .NINL2:where(:not([data-ricos-responsive=viewport],[data-ricos-responsive=viewport] *)){overflow:hidden;white-space:normal}}@media (width < 120px){.gilqA .NINL2:where([data-ricos-responsive=viewport]),:where([data-ricos-responsive=viewport]) .gilqA .NINL2{overflow:hidden;white-space:normal}}.Qjqq5{align-items:flex-start;background-color:var(--ricos-custom-audio-background-color,#fff);border:1px solid var(--ricos-custom-audio-border-color,#ededed);border-radius:var(--ricos-native-whitebox-border-radius,0);bottom:30px;box-shadow:0 4px 8px 0 rgba(0,0,0,.1),0 0 4px 0 rgba(0,0,0,.1);display:flex;flex-direction:column;max-height:160px;overflow:scroll;padding:8px 0;position:absolute;right:0;width:160px;-ms-overflow-style:none;scrollbar-width:none}.Qjqq5::-webkit-scrollbar{display:none}.Qjqq5 button{background-color:var(--ricos-custom-audio-background-color,#fff);border:none;cursor:pointer;height:36px;min-height:36px;padding-left:10px;text-align:left;width:100%}.Qjqq5 button:hover{background-color:rgba(var(--ricos-text-color-tuple,0,0,0),.06)}@supports (color:rgb(from #000 r g b/0.1)){.Qjqq5 button:hover{background-color:rgb(from var(--ricos-text-color,#000) r g b/.06)}}.Qjqq5 button svg{color:#000;fill:#000}.Qjqq5 .oeYbQ{background-color:rgba(var(--ricos-action-color-fallback-tuple,2,97,255),.1);color:var(--ricos-action-color-fallback,#0261ff)}@supports (color:rgb(from #000 r g b/0.1)){.Qjqq5 .oeYbQ{background-color:rgb(from var(--ricos-action-color,#116dff) min(r,150) min(g,150) min(b,150)/.1);color:rgb(from var(--ricos-action-color,#116dff) min(r,150) min(g,150) min(b,150))}}._6fHgF,._9vP6Y{align-items:center;display:flex;font-size:14px;justify-content:start}._6fHgF{gap:8px}._6fHgF svg{height:16px;width:16px}._2Yzgn{align-items:center;background-color:var(--ricos-custom-audio-action-color,var(--ricos-action-color,#116dff));border-radius:50%;color:var(--ricos-custom-audio-action-text-color,var(--ricos-text-on-action-color,var(--ricos-background-color,#fff)));display:flex;height:30px;justify-content:center;min-width:30px;width:30px}`;
   var isTest = typeof process !== 'undefined' && process.env && process.env['NODE_ENV'] === 'test';
 
   if (isTest || !css || typeof document === 'undefined') { return; }

package/dist/es/plugin-block-drag-handle/styles-scss.js

@@ -1,6 +1,6 @@
-var styleDataHash = "c305b0a5";
+var styleDataHash = "9ab4b17b";
 const injectCss = (() => {
-  var css = `.JzFmq:not(:is(p,h1,h2,h3,h4,h5,h6,blockquote,pre,ul,ol)):not([data-breakout]){border-radius:var(--ricos-native-whitebox-border-radius,0);box-shadow:0 0 0 1.5px #116dff;cursor:default}.JzFmq:is(p,h1,h2,h3,h4,h5,h6,blockquote,pre,ul,ol),.JzFmq[data-breakout]{cursor:default;position:relative}.JzFmq:is(p,h1,h2,h3,h4,h5,h6,blockquote,pre,ul,ol):before,.JzFmq[data-breakout]:before{border-radius:var(--ricos-native-whitebox-border-radius,0);bottom:0;box-shadow:0 0 0 1.5px #116dff;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.JzFmq:is(p,h1,h2,h3,h4,h5,h6,blockquote,pre,ul,ol)[data-breakout=normal]:before,.JzFmq[data-breakout][data-breakout=normal]:before{left:var(--ricos-breakout-normal-padding-start,0);right:var(--ricos-breakout-normal-padding-end,0)}.JzFmq:is(p,h1,h2,h3,h4,h5,h6,blockquote,pre,ul,ol)[data-breakout=fullWidth]:before,.JzFmq[data-breakout][data-breakout=fullWidth]:before{left:var(--ricos-breakout-full-width-padding-start,0);right:var(--ricos-breakout-full-width-padding-end,0)}.ProseMirror .ProseMirror-selectednode ::selection,.ProseMirror .ProseMirror-selectednode::selection{background:transparent}[data-layout-wrapper].JzFmq,[data-layout-wrapper].JzFmq:before,[data-layout-wrapper].JzFmq:hover{box-shadow:none!important;outline-color:transparent}[data-layout-wrapper].JzFmq [data-resize-container]{border-radius:var(--ricos-native-whitebox-border-radius,0);outline:2px solid #116dff;outline-offset:0}.kYmTA{opacity:.4;transform:scale(.97);transform-origin:top left;transition:opacity .15s ease,transform .15s ease}[dir=rtl] .kYmTA{transform-origin:top right}.kKYJp{animation:NhXzW .2s ease-out;transform-origin:top left}[dir=rtl] .kKYJp{transform-origin:top right}@keyframes NhXzW{0%{opacity:.5;transform:scale(.97)}to{opacity:1;transform:scale(1)}}@media (prefers-reduced-motion:reduce){.kYmTA{transform:none;transition:none}.kKYJp{animation:none}}.hQqzM{cursor:grab;display:flex;opacity:0;position:absolute;transition:opacity .15s;z-index:1000000}.hQqzM:after{content:"";inline-size:var(--ricos-block-drag-handle-gutter);inset-block:0;inset-inline-start:100%;pointer-events:none;position:absolute}.hQqzM.wXcLz{opacity:1}.hQqzM:active{cursor:grabbing}.lfWgs{align-items:center;background:#fff;border:1px solid #dfe5eb;border-radius:999px;box-shadow:0 2px 4px 0 rgba(23,25,28,.1);color:#000624;cursor:inherit;display:flex;height:24px;justify-content:center;padding:0;transform-origin:left center;transition:scale .12s ease;width:24px}.lfWgs:hover{background:#f0f3f5}.lfWgs:active{background:#e4e8eb}.lfWgs:focus-visible{outline:2px solid #116dff;outline-offset:1px}.hQqzM[dir=rtl] .lfWgs{transform-origin:right center}.hQqzM[data-handle-collision]:not(:hover) .lfWgs{scale:.7}[data-hook=row-handle]{transition:transform .12s ease}[data-hook=row-handle][data-handle-collision]:not(:hover){transform:translate(-50%,-50%) scale(.7)}[data-hook=row-handle][data-handle-collision=yield]:not(:hover){transform:translate(-50%,-50%) scale(.5)}.d6slT{background:rgba(17,109,255,.08);border:1px solid #116dff;border-radius:2px;pointer-events:none;position:fixed;z-index:1000001}`;
+  var css = `.NIONQ:not(:is(p,h1,h2,h3,h4,h5,h6,blockquote,pre,ul,ol)):not([data-breakout]){border-radius:var(--ricos-native-whitebox-border-radius,0);box-shadow:0 0 0 1.5px #116dff;cursor:default}.NIONQ:is(p,h1,h2,h3,h4,h5,h6,blockquote,pre,ul,ol),.NIONQ[data-breakout]{cursor:default;position:relative}.NIONQ:is(p,h1,h2,h3,h4,h5,h6,blockquote,pre,ul,ol):before,.NIONQ[data-breakout]:before{border-radius:var(--ricos-native-whitebox-border-radius,0);bottom:0;box-shadow:0 0 0 1.5px #116dff;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.NIONQ:is(p,h1,h2,h3,h4,h5,h6,blockquote,pre,ul,ol)[data-breakout=normal]:before,.NIONQ[data-breakout][data-breakout=normal]:before{left:var(--ricos-breakout-normal-padding-start,0);right:var(--ricos-breakout-normal-padding-end,0)}.NIONQ:is(p,h1,h2,h3,h4,h5,h6,blockquote,pre,ul,ol)[data-breakout=fullWidth]:before,.NIONQ[data-breakout][data-breakout=fullWidth]:before{left:var(--ricos-breakout-full-width-padding-start,0);right:var(--ricos-breakout-full-width-padding-end,0)}.ProseMirror .ProseMirror-selectednode ::selection,.ProseMirror .ProseMirror-selectednode::selection{background:transparent}[data-layout-wrapper].NIONQ,[data-layout-wrapper].NIONQ:before,[data-layout-wrapper].NIONQ:hover{box-shadow:none!important;outline-color:transparent}[data-layout-wrapper].NIONQ [data-resize-container]{border-radius:var(--ricos-native-whitebox-border-radius,0);outline:2px solid #116dff;outline-offset:0}.HAvJK{opacity:.4;transform:scale(.97);transform-origin:top left;transition:opacity .15s ease,transform .15s ease}[dir=rtl] .HAvJK{transform-origin:top right}._1-qlH{animation:_1Y0bP .2s ease-out;transform-origin:top left}[dir=rtl] ._1-qlH{transform-origin:top right}@keyframes _1Y0bP{0%{opacity:.5;transform:scale(.97)}to{opacity:1;transform:scale(1)}}@media (prefers-reduced-motion:reduce){.HAvJK{transform:none;transition:none}._1-qlH{animation:none}}.Jwjwy{cursor:grab;display:flex;opacity:0;position:absolute;transition:opacity .15s;z-index:1000000}.Jwjwy:after{content:"";inline-size:var(--ricos-block-drag-handle-gutter);inset-block:0;inset-inline-start:100%;pointer-events:none;position:absolute}.Jwjwy.tY1Sv{opacity:1}.Jwjwy:active{cursor:grabbing}.Oajr7{align-items:center;background:#fff;border:1px solid #dfe5eb;border-radius:999px;box-shadow:0 2px 4px 0 rgba(23,25,28,.1);color:#000624;cursor:inherit;display:flex;height:24px;justify-content:center;padding:0;transform-origin:left center;transition:scale .12s ease;width:24px}.Oajr7:hover{background:#f0f3f5}.Oajr7:active{background:#e4e8eb}.Oajr7:focus-visible{outline:2px solid #116dff;outline-offset:1px}.Jwjwy[dir=rtl] .Oajr7{transform-origin:right center}.Jwjwy[data-handle-collision]:not(:hover) .Oajr7{scale:.7}[data-hook=row-handle]{transition:transform .12s ease}[data-hook=row-handle][data-handle-collision]:not(:hover){transform:translate(-50%,-50%) scale(.7)}[data-hook=row-handle][data-handle-collision=yield]:not(:hover){transform:translate(-50%,-50%) scale(.5)}.HVPgb{background:rgba(17,109,255,.08);border:1px solid #116dff;border-radius:2px;pointer-events:none;position:fixed;z-index:1000001}`;
   var isTest = typeof process !== "undefined" && process.env && false;
   if (isTest || !css || typeof document === "undefined") {
     return;
@@ -21,14 +21,14 @@ const injectCss = (() => {
 });
 injectCss();
 var styles_default = {
-  "blockSelected": "JzFmq",
-  "blockDragSource": "kYmTA",
-  "blockDropSettle": "kKYJp",
-  "block-drop-settle": "NhXzW",
-  "blockDragHandle": "hQqzM",
-  "visible": "wXcLz",
-  "blockDragHandleButton": "lfWgs",
-  "blockSelectMarquee": "d6slT"
+  "blockSelected": "NIONQ",
+  "blockDragSource": "HAvJK",
+  "blockDropSettle": "_1-qlH",
+  "block-drop-settle": "_1Y0bP",
+  "blockDragHandle": "Jwjwy",
+  "visible": "tY1Sv",
+  "blockDragHandleButton": "Oajr7",
+  "blockSelectMarquee": "HVPgb"
 };
 export {
   styles_default as default,

package/dist/es/plugin-block-drag-handle/styles-scss.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/plugin-block-drag-handle/styles.scss"],
-  "sourcesContent": ["var styleDataHash = 'c305b0a5';  \nexport const injectCss = (() => {\n  var css = `.JzFmq:not(:is(p,h1,h2,h3,h4,h5,h6,blockquote,pre,ul,ol)):not([data-breakout]){border-radius:var(--ricos-native-whitebox-border-radius,0);box-shadow:0 0 0 1.5px #116dff;cursor:default}.JzFmq:is(p,h1,h2,h3,h4,h5,h6,blockquote,pre,ul,ol),.JzFmq[data-breakout]{cursor:default;position:relative}.JzFmq:is(p,h1,h2,h3,h4,h5,h6,blockquote,pre,ul,ol):before,.JzFmq[data-breakout]:before{border-radius:var(--ricos-native-whitebox-border-radius,0);bottom:0;box-shadow:0 0 0 1.5px #116dff;content:\"\";left:0;pointer-events:none;position:absolute;right:0;top:0}.JzFmq:is(p,h1,h2,h3,h4,h5,h6,blockquote,pre,ul,ol)[data-breakout=normal]:before,.JzFmq[data-breakout][data-breakout=normal]:before{left:var(--ricos-breakout-normal-padding-start,0);right:var(--ricos-breakout-normal-padding-end,0)}.JzFmq:is(p,h1,h2,h3,h4,h5,h6,blockquote,pre,ul,ol)[data-breakout=fullWidth]:before,.JzFmq[data-breakout][data-breakout=fullWidth]:before{left:var(--ricos-breakout-full-width-padding-start,0);right:var(--ricos-breakout-full-width-padding-end,0)}.ProseMirror .ProseMirror-selectednode ::selection,.ProseMirror .ProseMirror-selectednode::selection{background:transparent}[data-layout-wrapper].JzFmq,[data-layout-wrapper].JzFmq:before,[data-layout-wrapper].JzFmq:hover{box-shadow:none!important;outline-color:transparent}[data-layout-wrapper].JzFmq [data-resize-container]{border-radius:var(--ricos-native-whitebox-border-radius,0);outline:2px solid #116dff;outline-offset:0}.kYmTA{opacity:.4;transform:scale(.97);transform-origin:top left;transition:opacity .15s ease,transform .15s ease}[dir=rtl] .kYmTA{transform-origin:top right}.kKYJp{animation:NhXzW .2s ease-out;transform-origin:top left}[dir=rtl] .kKYJp{transform-origin:top right}@keyframes NhXzW{0%{opacity:.5;transform:scale(.97)}to{opacity:1;transform:scale(1)}}@media (prefers-reduced-motion:reduce){.kYmTA{transform:none;transition:none}.kKYJp{animation:none}}.hQqzM{cursor:grab;display:flex;opacity:0;position:absolute;transition:opacity .15s;z-index:1000000}.hQqzM:after{content:\"\";inline-size:var(--ricos-block-drag-handle-gutter);inset-block:0;inset-inline-start:100%;pointer-events:none;position:absolute}.hQqzM.wXcLz{opacity:1}.hQqzM:active{cursor:grabbing}.lfWgs{align-items:center;background:#fff;border:1px solid #dfe5eb;border-radius:999px;box-shadow:0 2px 4px 0 rgba(23,25,28,.1);color:#000624;cursor:inherit;display:flex;height:24px;justify-content:center;padding:0;transform-origin:left center;transition:scale .12s ease;width:24px}.lfWgs:hover{background:#f0f3f5}.lfWgs:active{background:#e4e8eb}.lfWgs:focus-visible{outline:2px solid #116dff;outline-offset:1px}.hQqzM[dir=rtl] .lfWgs{transform-origin:right center}.hQqzM[data-handle-collision]:not(:hover) .lfWgs{scale:.7}[data-hook=row-handle]{transition:transform .12s ease}[data-hook=row-handle][data-handle-collision]:not(:hover){transform:translate(-50%,-50%) scale(.7)}[data-hook=row-handle][data-handle-collision=yield]:not(:hover){transform:translate(-50%,-50%) scale(.5)}.d6slT{background:rgba(17,109,255,.08);border:1px solid #116dff;border-radius:2px;pointer-events:none;position:fixed;z-index:1000001}`;\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  \"blockSelected\": \"JzFmq\",\n  \"blockDragSource\": \"kYmTA\",\n  \"blockDropSettle\": \"kKYJp\",\n  \"block-drop-settle\": \"NhXzW\",\n  \"blockDragHandle\": \"hQqzM\",\n  \"visible\": \"wXcLz\",\n  \"blockDragHandleButton\": \"lfWgs\",\n  \"blockSelectMarquee\": \"d6slT\"\n};"],
+  "sourcesContent": ["var styleDataHash = '9ab4b17b';  \nexport const injectCss = (() => {\n  var css = `.NIONQ:not(:is(p,h1,h2,h3,h4,h5,h6,blockquote,pre,ul,ol)):not([data-breakout]){border-radius:var(--ricos-native-whitebox-border-radius,0);box-shadow:0 0 0 1.5px #116dff;cursor:default}.NIONQ:is(p,h1,h2,h3,h4,h5,h6,blockquote,pre,ul,ol),.NIONQ[data-breakout]{cursor:default;position:relative}.NIONQ:is(p,h1,h2,h3,h4,h5,h6,blockquote,pre,ul,ol):before,.NIONQ[data-breakout]:before{border-radius:var(--ricos-native-whitebox-border-radius,0);bottom:0;box-shadow:0 0 0 1.5px #116dff;content:\"\";left:0;pointer-events:none;position:absolute;right:0;top:0}.NIONQ:is(p,h1,h2,h3,h4,h5,h6,blockquote,pre,ul,ol)[data-breakout=normal]:before,.NIONQ[data-breakout][data-breakout=normal]:before{left:var(--ricos-breakout-normal-padding-start,0);right:var(--ricos-breakout-normal-padding-end,0)}.NIONQ:is(p,h1,h2,h3,h4,h5,h6,blockquote,pre,ul,ol)[data-breakout=fullWidth]:before,.NIONQ[data-breakout][data-breakout=fullWidth]:before{left:var(--ricos-breakout-full-width-padding-start,0);right:var(--ricos-breakout-full-width-padding-end,0)}.ProseMirror .ProseMirror-selectednode ::selection,.ProseMirror .ProseMirror-selectednode::selection{background:transparent}[data-layout-wrapper].NIONQ,[data-layout-wrapper].NIONQ:before,[data-layout-wrapper].NIONQ:hover{box-shadow:none!important;outline-color:transparent}[data-layout-wrapper].NIONQ [data-resize-container]{border-radius:var(--ricos-native-whitebox-border-radius,0);outline:2px solid #116dff;outline-offset:0}.HAvJK{opacity:.4;transform:scale(.97);transform-origin:top left;transition:opacity .15s ease,transform .15s ease}[dir=rtl] .HAvJK{transform-origin:top right}._1-qlH{animation:_1Y0bP .2s ease-out;transform-origin:top left}[dir=rtl] ._1-qlH{transform-origin:top right}@keyframes _1Y0bP{0%{opacity:.5;transform:scale(.97)}to{opacity:1;transform:scale(1)}}@media (prefers-reduced-motion:reduce){.HAvJK{transform:none;transition:none}._1-qlH{animation:none}}.Jwjwy{cursor:grab;display:flex;opacity:0;position:absolute;transition:opacity .15s;z-index:1000000}.Jwjwy:after{content:\"\";inline-size:var(--ricos-block-drag-handle-gutter);inset-block:0;inset-inline-start:100%;pointer-events:none;position:absolute}.Jwjwy.tY1Sv{opacity:1}.Jwjwy:active{cursor:grabbing}.Oajr7{align-items:center;background:#fff;border:1px solid #dfe5eb;border-radius:999px;box-shadow:0 2px 4px 0 rgba(23,25,28,.1);color:#000624;cursor:inherit;display:flex;height:24px;justify-content:center;padding:0;transform-origin:left center;transition:scale .12s ease;width:24px}.Oajr7:hover{background:#f0f3f5}.Oajr7:active{background:#e4e8eb}.Oajr7:focus-visible{outline:2px solid #116dff;outline-offset:1px}.Jwjwy[dir=rtl] .Oajr7{transform-origin:right center}.Jwjwy[data-handle-collision]:not(:hover) .Oajr7{scale:.7}[data-hook=row-handle]{transition:transform .12s ease}[data-hook=row-handle][data-handle-collision]:not(:hover){transform:translate(-50%,-50%) scale(.7)}[data-hook=row-handle][data-handle-collision=yield]:not(:hover){transform:translate(-50%,-50%) scale(.5)}.HVPgb{background:rgba(17,109,255,.08);border:1px solid #116dff;border-radius:2px;pointer-events:none;position:fixed;z-index:1000001}`;\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  \"blockSelected\": \"NIONQ\",\n  \"blockDragSource\": \"HAvJK\",\n  \"blockDropSettle\": \"_1-qlH\",\n  \"block-drop-settle\": \"_1Y0bP\",\n  \"blockDragHandle\": \"Jwjwy\",\n  \"visible\": \"tY1Sv\",\n  \"blockDragHandleButton\": \"Oajr7\",\n  \"blockSelectMarquee\": \"HVPgb\"\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,iBAAQ;AAAA,EACb,iBAAiB;AAAA,EACjB,mBAAmB;AAAA,EACnB,mBAAmB;AAAA,EACnB,qBAAqB;AAAA,EACrB,mBAAmB;AAAA,EACnB,WAAW;AAAA,EACX,yBAAyB;AAAA,EACzB,sBAAsB;AACxB;",
   "names": []
 }

package/dist/es/plugin-button/components/button-text-field.js

@@ -0,0 +1,40 @@
+import { Box, FieldSet, Input } from "@wix/design-system";
+import React, { useContext } from "react";
+import { RicosContext } from "./../../ricos-context/index.js";
+import { useBiNext } from "./../../_shared/bi-context-provider/bi-context-provider.js";
+import { LINK_MODAL_ID } from "./../../_shared/link-modal/constants.js";
+import { useNodeAttrs } from "./../../_shared/use-node-attrs.js";
+import { GENERAL_SETTINGS_BUTTON_TEXT_INPUT } from "../data-hooks.js";
+import classes from "../statics/styles/button-text-field-scss.js";
+const ButtonTextField = ({
+  buttonData,
+  onChange,
+  logBi
+}) => {
+  const { t } = useContext(RicosContext);
+  return /* @__PURE__ */ React.createElement(Box, { direction: "vertical", width: "100%", className: classes.formField }, /* @__PURE__ */ React.createElement(FieldSet, { legend: t("ButtonModal_Button_Text") }, /* @__PURE__ */ React.createElement(
+    Input,
+    {
+      type: "text",
+      onChange: (e) => {
+        onChange({ ...buttonData, text: e.target.value });
+        logBi({ dataHook: GENERAL_SETTINGS_BUTTON_TEXT_INPUT, value: e.target.value });
+      },
+      value: buttonData.text ?? void 0,
+      dataHook: GENERAL_SETTINGS_BUTTON_TEXT_INPUT,
+      placeholder: t("ButtonModal_InputName_Placeholder"),
+      size: "small",
+      textOverflow: "ellipsis"
+    }
+  )));
+};
+const LinkModalButtonTextField = ({ nodeId }) => {
+  const { pmNodeAttrs, patchPmNodeAttrs } = useNodeAttrs(nodeId, "LINK_BUTTON");
+  const logBi = useBiNext({ modalId: LINK_MODAL_ID, pluginId: "linkButton", nodeId });
+  return pmNodeAttrs ? /* @__PURE__ */ React.createElement(ButtonTextField, { buttonData: pmNodeAttrs, onChange: patchPmNodeAttrs, logBi }) : null;
+};
+export {
+  ButtonTextField,
+  LinkModalButtonTextField
+};
+//# sourceMappingURL=button-text-field.js.map

package/dist/es/plugin-button/components/button-text-field.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/plugin-button/components/button-text-field.tsx"],
+  "sourcesContent": ["import { Box, FieldSet, Input } from '@wix/design-system';\nimport React, { useContext } from 'react';\n\nimport { RicosContext } from './../../ricos-context/index.js';\nimport type { LogBiFn } from './../../_shared/bi-context-provider/bi-context-provider.js';\nimport { useBiNext } from './../../_shared/bi-context-provider/bi-context-provider.js';\nimport { LINK_MODAL_ID } from './../../_shared/link-modal/constants.js';\nimport type { PmActionButtonNode, PmLinkButtonNode } from './../../_shared/pm-node-types.js';\nimport { useNodeAttrs } from './../../_shared/use-node-attrs.js';\n\nimport { GENERAL_SETTINGS_BUTTON_TEXT_INPUT } from '../data-hooks.js';\nimport classes from '../statics/styles/button-text-field-scss.js';\n\ntype ButtonTextFieldProps = {\n  buttonData: (PmLinkButtonNode | PmActionButtonNode)['attrs'];\n  onChange: (data: Partial<(PmLinkButtonNode | PmActionButtonNode)['attrs']>) => void;\n  logBi: LogBiFn;\n};\n\nexport const ButtonTextField: React.FC<ButtonTextFieldProps> = ({\n  buttonData,\n  onChange,\n  logBi,\n}) => {\n  const { t } = useContext(RicosContext);\n\n  return (\n    <Box direction=\"vertical\" width=\"100%\" className={classes.formField}>\n      <FieldSet legend={t('ButtonModal_Button_Text')}>\n        <Input\n          type=\"text\"\n          onChange={e => {\n            onChange({ ...buttonData, text: e.target.value });\n            logBi({ dataHook: GENERAL_SETTINGS_BUTTON_TEXT_INPUT, value: e.target.value });\n          }}\n          value={buttonData.text ?? undefined}\n          dataHook={GENERAL_SETTINGS_BUTTON_TEXT_INPUT}\n          placeholder={t('ButtonModal_InputName_Placeholder')}\n          size=\"small\"\n          textOverflow=\"ellipsis\"\n        />\n      </FieldSet>\n    </Box>\n  );\n};\n\n/** The link modal doesn't own the button's attrs, so this field applies its changes itself. */\nexport const LinkModalButtonTextField: React.FC<{ nodeId: string }> = ({ nodeId }) => {\n  const { pmNodeAttrs, patchPmNodeAttrs } = useNodeAttrs(nodeId, 'LINK_BUTTON');\n  const logBi = useBiNext({ modalId: LINK_MODAL_ID, pluginId: 'linkButton', nodeId });\n\n  return pmNodeAttrs ? (\n    <ButtonTextField buttonData={pmNodeAttrs} onChange={patchPmNodeAttrs} logBi={logBi} />\n  ) : null;\n};\n"],
+  "mappings": "AAAA,SAAS,KAAK,UAAU,aAAa;AACrC,OAAO,SAAS,kBAAkB;AAElC,SAAS,oBAAoB;AAE7B,SAAS,iBAAiB;AAC1B,SAAS,qBAAqB;AAE9B,SAAS,oBAAoB;AAE7B,SAAS,0CAA0C;AACnD,OAAO,aAAa;AAQb,MAAM,kBAAkD,CAAC;AAAA,EAC9D;AAAA,EACA;AAAA,EACA;AACF,MAAM;AACJ,QAAM,EAAE,EAAE,IAAI,WAAW,YAAY;AAErC,SACE,oCAAC,OAAI,WAAU,YAAW,OAAM,QAAO,WAAW,QAAQ,aACxD,oCAAC,YAAS,QAAQ,EAAE,yBAAyB,KAC3C;AAAA,IAAC;AAAA;AAAA,MACC,MAAK;AAAA,MACL,UAAU,OAAK;AACb,iBAAS,EAAE,GAAG,YAAY,MAAM,EAAE,OAAO,MAAM,CAAC;AAChD,cAAM,EAAE,UAAU,oCAAoC,OAAO,EAAE,OAAO,MAAM,CAAC;AAAA,MAC/E;AAAA,MACA,OAAO,WAAW,QAAQ;AAAA,MAC1B,UAAU;AAAA,MACV,aAAa,EAAE,mCAAmC;AAAA,MAClD,MAAK;AAAA,MACL,cAAa;AAAA;AAAA,EACf,CACF,CACF;AAEJ;AAGO,MAAM,2BAAyD,CAAC,EAAE,OAAO,MAAM;AACpF,QAAM,EAAE,aAAa,iBAAiB,IAAI,aAAa,QAAQ,aAAa;AAC5E,QAAM,QAAQ,UAAU,EAAE,SAAS,eAAe,UAAU,cAAc,OAAO,CAAC;AAElF,SAAO,cACL,oCAAC,mBAAgB,YAAY,aAAa,UAAU,kBAAkB,OAAc,IAClF;AACN;",
+  "names": []
+}

package/dist/es/plugin-button/constants.js

@@ -1,10 +1,6 @@
 import { ButtonData_Type, Node_Type } from "./../ricos-schema/legacy/wix/rich_content/v1/index.js";
 import { ACTION_BUTTON_TYPE, LINK_BUTTON_TYPE } from "./types.js";
 const ALIGN_CENTER = "center";
-const SETTINGS_TAB = {
-  SETTINGS: "SETTINGS",
-  DESIGN: "DESIGN"
-};
 const DEFAULT_CONFIG = {
   alignment: ALIGN_CENTER,
   size: "small",
@@ -15,6 +11,10 @@ const buttonsModals = {
     [ACTION_BUTTON_TYPE]: `${Node_Type.BUTTON}.actionButtonSettings`,
     [LINK_BUTTON_TYPE]: `${Node_Type.BUTTON}.linkButtonSettings`
   },
+  // Link buttons edit their text in the link modal.
+  text: {
+    [ACTION_BUTTON_TYPE]: `${Node_Type.BUTTON}.actionButtonText`
+  },
   alignment: {
     [ACTION_BUTTON_TYPE]: `${Node_Type.BUTTON}.actionButtonAlignment`,
     [LINK_BUTTON_TYPE]: `${Node_Type.BUTTON}.linkButtonAlignment`
@@ -28,7 +28,6 @@ const BUTTONS_TYPE_TO_TIPTAP_ATTR = {
 export {
   BUTTONS_TYPE_TO_TIPTAP_ATTR,
   DEFAULT_CONFIG,
-  SETTINGS_TAB,
   buttonsModals
 };
 //# sourceMappingURL=constants.js.map

package/dist/es/plugin-button/constants.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/plugin-button/constants.ts"],
-  "sourcesContent": ["import { ButtonData_Type, Node_Type } from './../ricos-schema/legacy/wix/rich_content/v1/index.js';\n\nimport { ACTION_BUTTON_TYPE, LINK_BUTTON_TYPE } from './types.js';\n\n/* oxlint-disable camelcase */\nconst ALIGN_CENTER = 'center';\n\nexport const SETTINGS_TAB = {\n  SETTINGS: 'SETTINGS',\n  DESIGN: 'DESIGN',\n} as const;\nexport type SettingsTab = (typeof SETTINGS_TAB)[keyof typeof SETTINGS_TAB];\n\nexport const DEFAULT_CONFIG = {\n  alignment: ALIGN_CENTER,\n  size: 'small',\n  width: 'fit-content',\n};\n\nexport const buttonsModals = {\n  settings: {\n    [ACTION_BUTTON_TYPE]: `${Node_Type.BUTTON}.actionButtonSettings`,\n    [LINK_BUTTON_TYPE]: `${Node_Type.BUTTON}.linkButtonSettings`,\n  },\n  alignment: {\n    [ACTION_BUTTON_TYPE]: `${Node_Type.BUTTON}.actionButtonAlignment`,\n    [LINK_BUTTON_TYPE]: `${Node_Type.BUTTON}.linkButtonAlignment`,\n  },\n  colorPicker: `${Node_Type.BUTTON}.colorPicker`,\n} as const;\n\nexport const BUTTONS_TYPE_TO_TIPTAP_ATTR = {\n  [ACTION_BUTTON_TYPE]: ButtonData_Type.ACTION,\n  [LINK_BUTTON_TYPE]: ButtonData_Type.LINK,\n};\n"],
-  "mappings": "AAAA,SAAS,iBAAiB,iBAAiB;AAE3C,SAAS,oBAAoB,wBAAwB;AAGrD,MAAM,eAAe;AAEd,MAAM,eAAe;AAAA,EAC1B,UAAU;AAAA,EACV,QAAQ;AACV;AAGO,MAAM,iBAAiB;AAAA,EAC5B,WAAW;AAAA,EACX,MAAM;AAAA,EACN,OAAO;AACT;AAEO,MAAM,gBAAgB;AAAA,EAC3B,UAAU;AAAA,IACR,CAAC,kBAAkB,GAAG,GAAG,UAAU,MAAM;AAAA,IACzC,CAAC,gBAAgB,GAAG,GAAG,UAAU,MAAM;AAAA,EACzC;AAAA,EACA,WAAW;AAAA,IACT,CAAC,kBAAkB,GAAG,GAAG,UAAU,MAAM;AAAA,IACzC,CAAC,gBAAgB,GAAG,GAAG,UAAU,MAAM;AAAA,EACzC;AAAA,EACA,aAAa,GAAG,UAAU,MAAM;AAClC;AAEO,MAAM,8BAA8B;AAAA,EACzC,CAAC,kBAAkB,GAAG,gBAAgB;AAAA,EACtC,CAAC,gBAAgB,GAAG,gBAAgB;AACtC;",
+  "sourcesContent": ["import { ButtonData_Type, Node_Type } from './../ricos-schema/legacy/wix/rich_content/v1/index.js';\n\nimport { ACTION_BUTTON_TYPE, LINK_BUTTON_TYPE } from './types.js';\n\n/* oxlint-disable camelcase */\nconst ALIGN_CENTER = 'center';\n\nexport const DEFAULT_CONFIG = {\n  alignment: ALIGN_CENTER,\n  size: 'small',\n  width: 'fit-content',\n};\n\nexport const buttonsModals = {\n  settings: {\n    [ACTION_BUTTON_TYPE]: `${Node_Type.BUTTON}.actionButtonSettings`,\n    [LINK_BUTTON_TYPE]: `${Node_Type.BUTTON}.linkButtonSettings`,\n  },\n  // Link buttons edit their text in the link modal.\n  text: {\n    [ACTION_BUTTON_TYPE]: `${Node_Type.BUTTON}.actionButtonText`,\n  },\n  alignment: {\n    [ACTION_BUTTON_TYPE]: `${Node_Type.BUTTON}.actionButtonAlignment`,\n    [LINK_BUTTON_TYPE]: `${Node_Type.BUTTON}.linkButtonAlignment`,\n  },\n  colorPicker: `${Node_Type.BUTTON}.colorPicker`,\n} as const;\n\nexport const BUTTONS_TYPE_TO_TIPTAP_ATTR = {\n  [ACTION_BUTTON_TYPE]: ButtonData_Type.ACTION,\n  [LINK_BUTTON_TYPE]: ButtonData_Type.LINK,\n};\n"],
+  "mappings": "AAAA,SAAS,iBAAiB,iBAAiB;AAE3C,SAAS,oBAAoB,wBAAwB;AAGrD,MAAM,eAAe;AAEd,MAAM,iBAAiB;AAAA,EAC5B,WAAW;AAAA,EACX,MAAM;AAAA,EACN,OAAO;AACT;AAEO,MAAM,gBAAgB;AAAA,EAC3B,UAAU;AAAA,IACR,CAAC,kBAAkB,GAAG,GAAG,UAAU,MAAM;AAAA,IACzC,CAAC,gBAAgB,GAAG,GAAG,UAAU,MAAM;AAAA,EACzC;AAAA;AAAA,EAEA,MAAM;AAAA,IACJ,CAAC,kBAAkB,GAAG,GAAG,UAAU,MAAM;AAAA,EAC3C;AAAA,EACA,WAAW;AAAA,IACT,CAAC,kBAAkB,GAAG,GAAG,UAAU,MAAM;AAAA,IACzC,CAAC,gBAAgB,GAAG,GAAG,UAAU,MAAM;AAAA,EACzC;AAAA,EACA,aAAa,GAAG,UAAU,MAAM;AAClC;AAEO,MAAM,8BAA8B;AAAA,EACzC,CAAC,kBAAkB,GAAG,gBAAgB;AAAA,EACtC,CAAC,gBAAgB,GAAG,gBAAgB;AACtC;",
   "names": []
 }

package/dist/es/plugin-button/data-hooks.js

@@ -1,9 +1,9 @@
 const INSERT_BUTTON_BUTTON = "insert-button-button";
 const ROOT = "button-viewer";
+const INLINE_TEXT_INPUT = "button-inline-text-input";
 const SETTINGS_MODAL = "button-settings-modal";
-const SETTINGS_TABS = "settings-tabs";
-const SETTINGS_GENERAL_TAB = "settings-general-tab";
-const SETTINGS_DESIGN_TAB = "settings-design-tab";
+const TEXT_MODAL = "button-text-modal";
+const PLUGIN_TOOLBAR_TEXT_BUTTON = "plugin-toolbar-text-button";
 const DESIGN_SETTINGS_BORDER_WIDTH_INPUT = "design-settings-border-width-input";
 const DESIGN_SETTINGS_CORNER_RADIUS_INPUT = "design-settings-corner-radius-input";
 const DESIGN_SETTINGS_BACKGROUND_COLOR_INPUT = "design-settings-background-color-input";
@@ -17,11 +17,11 @@ export {
   DESIGN_SETTINGS_CORNER_RADIUS_INPUT,
   DESIGN_SETTINGS_TEXT_COLOR_INPUT,
   GENERAL_SETTINGS_BUTTON_TEXT_INPUT,
+  INLINE_TEXT_INPUT,
   INSERT_BUTTON_BUTTON,
+  PLUGIN_TOOLBAR_TEXT_BUTTON,
   ROOT,
-  SETTINGS_DESIGN_TAB,
-  SETTINGS_GENERAL_TAB,
   SETTINGS_MODAL,
-  SETTINGS_TABS
+  TEXT_MODAL
 };
 //# sourceMappingURL=data-hooks.js.map

package/dist/es/plugin-button/data-hooks.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/plugin-button/data-hooks.ts"],
-  "sourcesContent": ["export const INSERT_BUTTON_BUTTON = 'insert-button-button';\n\nexport const ROOT = 'button-viewer';\n\nexport const SETTINGS_MODAL = 'button-settings-modal';\nexport const SETTINGS_TABS = 'settings-tabs';\nexport const SETTINGS_GENERAL_TAB = 'settings-general-tab';\nexport const SETTINGS_DESIGN_TAB = 'settings-design-tab';\n\nexport const DESIGN_SETTINGS_BORDER_WIDTH_INPUT = 'design-settings-border-width-input';\nexport const DESIGN_SETTINGS_CORNER_RADIUS_INPUT = 'design-settings-corner-radius-input';\nexport const DESIGN_SETTINGS_BACKGROUND_COLOR_INPUT = 'design-settings-background-color-input';\nexport const DESIGN_SETTINGS_TEXT_COLOR_INPUT = 'design-settings-text-color-input';\nexport const DESIGN_SETTINGS_BORDER_COLOR_INPUT = 'design-settings-border-color-input';\n\nexport const GENERAL_SETTINGS_BUTTON_TEXT_INPUT = 'general-settings-button-text-input';\n"],
-  "mappings": "AAAO,MAAM,uBAAuB;AAE7B,MAAM,OAAO;AAEb,MAAM,iBAAiB;AACvB,MAAM,gBAAgB;AACtB,MAAM,uBAAuB;AAC7B,MAAM,sBAAsB;AAE5B,MAAM,qCAAqC;AAC3C,MAAM,sCAAsC;AAC5C,MAAM,yCAAyC;AAC/C,MAAM,mCAAmC;AACzC,MAAM,qCAAqC;AAE3C,MAAM,qCAAqC;",
+  "sourcesContent": ["export const INSERT_BUTTON_BUTTON = 'insert-button-button';\n\nexport const ROOT = 'button-viewer';\nexport const INLINE_TEXT_INPUT = 'button-inline-text-input';\n\nexport const SETTINGS_MODAL = 'button-settings-modal';\nexport const TEXT_MODAL = 'button-text-modal';\nexport const PLUGIN_TOOLBAR_TEXT_BUTTON = 'plugin-toolbar-text-button';\n\nexport const DESIGN_SETTINGS_BORDER_WIDTH_INPUT = 'design-settings-border-width-input';\nexport const DESIGN_SETTINGS_CORNER_RADIUS_INPUT = 'design-settings-corner-radius-input';\nexport const DESIGN_SETTINGS_BACKGROUND_COLOR_INPUT = 'design-settings-background-color-input';\nexport const DESIGN_SETTINGS_TEXT_COLOR_INPUT = 'design-settings-text-color-input';\nexport const DESIGN_SETTINGS_BORDER_COLOR_INPUT = 'design-settings-border-color-input';\n\nexport const GENERAL_SETTINGS_BUTTON_TEXT_INPUT = 'general-settings-button-text-input';\n"],
+  "mappings": "AAAO,MAAM,uBAAuB;AAE7B,MAAM,OAAO;AACb,MAAM,oBAAoB;AAE1B,MAAM,iBAAiB;AACvB,MAAM,aAAa;AACnB,MAAM,6BAA6B;AAEnC,MAAM,qCAAqC;AAC3C,MAAM,sCAAsC;AAC5C,MAAM,yCAAyC;AAC/C,MAAM,mCAAmC;AACzC,MAAM,qCAAqC;AAE3C,MAAM,qCAAqC;",
   "names": []
 }

package/dist/es/plugin-button/get-toolbar-buttons.js

@@ -1,3 +1,4 @@
+import { TextSmall } from "@wix/wix-ui-icons-common/lazy";
 import { PAYWALL_EXTENSION_NAME } from "./../_shared/paywall/paywall-extension-name.js";
 import { isPaywallSelection } from "./../_shared/paywall/paywall-selection.js";
 import { createAnimationButton } from "./../_shared/plugin-toolbar/create-animation-button.js";
@@ -5,11 +6,15 @@ import { createDeleteButton } from "./../_shared/plugin-toolbar/create-delete-bu
 import { createLinkButton } from "./../_shared/plugin-toolbar/create-link-button.js";
 import { createNodeAlignmentButton } from "./../_shared/plugin-toolbar/create-node-alignment-button.js";
 import { createSettingsButton } from "./../_shared/plugin-toolbar/create-settings-button.js";
+import { PLUGIN_TOOLBAR_BUTTON_ID } from "./../_shared/plugin-toolbar/plugin-toolbar-buttons-ids.js";
 import { createSeparator } from "./../_shared/plugin-toolbar/separator/create-separator.js";
+import { LinkModalButtonTextField } from "./components/button-text-field.js";
 import { buttonsModals } from "./constants.js";
+import { PLUGIN_TOOLBAR_TEXT_BUTTON } from "./data-hooks.js";
 import { isLastPaywallButton } from "./is-last-paywall-button.js";
+import { ActionButtonTextModal } from "./modals/action-button-text-modal.js";
 import { ButtonSettingsModal } from "./modals/settings-modal.js";
-import { LINK_BUTTON_TYPE } from "./types.js";
+import { ACTION_BUTTON_TYPE, LINK_BUTTON_TYPE } from "./types.js";
 const hasPaywallPlugin = (editor) => editor.extensionManager.extensions.some((extension) => extension.name === PAYWALL_EXTENSION_NAME);
 const getToolbarButtons = ({
   config,
@@ -19,40 +24,55 @@ const getToolbarButtons = ({
   const alignmentModalId = buttonsModals.alignment[type];
   const settingsModalId = buttonsModals.settings[type];
   const alignmentButton = createNodeAlignmentButton({ services, modalId: alignmentModalId });
-  const linkButton = createLinkButton(services);
+  const linkButton = createLinkButton(
+    services,
+    type === LINK_BUTTON_TYPE ? { ExtraField: LinkModalButtonTextField } : {}
+  );
   linkButton.attributes = {
     ...linkButton.attributes,
     // A subscribe button's target is the paywall's viewer config rather than an authored
     // link, so inside a paywall a link editor writes a value nothing reads.
     visible: (_content, _resolverServices, editor) => type === LINK_BUTTON_TYPE || !editor?.state || !hasPaywallPlugin(editor) || !isPaywallSelection(editor.state.selection)
   };
+  const togglePanel = (modalId, Component) => ({ modals, referenceElement, attributes }) => {
+    modals.togglePluginPanel({
+      id: modalId,
+      isMobile: services.context.isMobile,
+      Component,
+      componentProps: {
+        nodeId: attributes.selectedNode?.attrs.id,
+        settings: config,
+        type,
+        modalId,
+        referenceElement
+      },
+      positioning: {
+        referenceElement: referenceElement?.closest("[data-hook~=floating-plugin-toolbar]") ?? referenceElement,
+        placement: "right-start"
+      },
+      onClickOutside: {
+        on: "pointerup",
+        handler: () => {
+        }
+      },
+      focusReturnElement: referenceElement
+    });
+  };
   const settingsButton = createSettingsButton({
     modalId: settingsModalId,
-    command: ({ modals, referenceElement, attributes }) => {
-      modals.togglePluginPanel({
-        id: settingsModalId,
-        isMobile: services.context.isMobile,
-        Component: ButtonSettingsModal,
-        componentProps: {
-          nodeId: attributes.selectedNode?.attrs.id,
-          settings: config,
-          type,
-          modalId: settingsModalId,
-          referenceElement
-        },
-        positioning: {
-          referenceElement: referenceElement?.closest("[data-hook~=floating-plugin-toolbar]") ?? referenceElement,
-          placement: "right-start"
-        },
-        onClickOutside: {
-          on: "pointerup",
-          handler: () => {
-          }
-        },
-        focusReturnElement: referenceElement
-      });
-    }
+    command: togglePanel(settingsModalId, ButtonSettingsModal)
   });
+  const textModalId = buttonsModals.text[ACTION_BUTTON_TYPE];
+  const textButtons = type === ACTION_BUTTON_TYPE ? [
+    createSettingsButton({
+      modalId: textModalId,
+      command: togglePanel(textModalId, ActionButtonTextModal),
+      buttonId: PLUGIN_TOOLBAR_BUTTON_ID.TEXT,
+      dataHook: PLUGIN_TOOLBAR_TEXT_BUTTON,
+      icon: TextSmall,
+      tooltip: "ButtonPlugin_EditText_Tooltip"
+    })
+  ] : [];
   const separator = createSeparator();
   const animation = createAnimationButton(services);
   const deleteButton = createDeleteButton({
@@ -62,7 +82,15 @@ const getToolbarButtons = ({
       visible: (_content, _resolverServices, editor) => !editor || !hasPaywallPlugin(editor) || !isLastPaywallButton(editor)
     }
   });
-  return services.context.environment === "wixel" ? [settingsButton, linkButton, alignmentButton, animation, deleteButton] : [alignmentButton, linkButton, settingsButton, animation, separator, deleteButton];
+  return services.context.environment === "wixel" ? [...textButtons, settingsButton, linkButton, alignmentButton, animation, deleteButton] : [
+    alignmentButton,
+    linkButton,
+    ...textButtons,
+    settingsButton,
+    animation,
+    separator,
+    deleteButton
+  ];
 };
 export {
   getToolbarButtons