@wix/ricos 11.20.2 → 11.20.4

package/dist/cjs/plugin-table/tiptap/plugins/table-scss.js

@@ -22,38 +22,38 @@ __export(table_exports, {
 });
 module.exports = __toCommonJS(table_exports);
 var table_default = {
-  "resizer": "-e5ZU",
-  "horizonResizer": "QEZJl",
-  "verticalResizer": "iGKFU",
-  "highlightOnly": "o3CYa",
-  "resizeOverlay": "YUPgI",
-  "columnResizeHitZone": "z3AQo",
-  "peerHovered": "_9Rhdc",
-  "active": "-ZCjw",
-  "rowResizeHitZone": "_6WRva",
-  "columnResizeHandle": "x6SHD",
-  "resizeHandleFadeIn": "nFX1R",
-  "rowResizeHandle": "Or4GT",
-  "measuringRowHeight": "h-YEX",
-  "reorderCursorCol": "E4e9b",
-  "reorderCursorRow": "K2LsV",
-  "columnDropIndicator": "q8xui",
-  "rowDropIndicator": "l07lx",
-  "dragGhost": "_3dMhc",
-  "tableContainer": "dKmQ7",
-  "tableViewport": "NjIrZ",
-  "addColBar": "-Fq82",
-  "addRowBar": "xrUsx",
-  "tableSelectorBar": "ehF77",
-  "tableContainerFocused": "pcpgd",
-  "tableWrapper": "aHbW3",
-  "cell": "_9Z6sf",
-  "backgroundColorPreview": "-Ju6e",
-  "selectedCells": "fFlVE",
-  "selectedCell": "GiCyl",
-  "borderTop": "n-auo",
-  "borderBottom": "_9T9Kd",
-  "borderLeft": "PfXwL",
-  "borderRight": "iEFe7"
+  "resizer": "cFq-4",
+  "horizonResizer": "AbV0q",
+  "verticalResizer": "_4dSAh",
+  "highlightOnly": "_7i6o-",
+  "resizeOverlay": "py-QH",
+  "columnResizeHitZone": "_0lIm0",
+  "peerHovered": "ceoSA",
+  "active": "xbHwY",
+  "rowResizeHitZone": "_4-4qn",
+  "columnResizeHandle": "_4G5-S",
+  "resizeHandleFadeIn": "kp-pV",
+  "rowResizeHandle": "H-Vpr",
+  "measuringRowHeight": "x9igc",
+  "reorderCursorCol": "Gv8im",
+  "reorderCursorRow": "cCvA2",
+  "columnDropIndicator": "TAG3A",
+  "rowDropIndicator": "xSl9T",
+  "dragGhost": "lQj71",
+  "tableContainer": "_5m-DB",
+  "tableViewport": "-gQGS",
+  "addColBar": "_4ZuI6",
+  "addRowBar": "bVobJ",
+  "tableSelectorBar": "erGfI",
+  "tableContainerFocused": "iHpO-",
+  "tableWrapper": "WxVLI",
+  "cell": "mEBNX",
+  "backgroundColorPreview": "g5dsM",
+  "selectedCells": "_3kcgF",
+  "selectedCell": "oFWWq",
+  "borderTop": "sne13",
+  "borderBottom": "T64F5",
+  "borderLeft": "j8r6T",
+  "borderRight": "D96Yi"
 };
 //# sourceMappingURL=table-scss.js.map

package/dist/cjs/plugin-table/tiptap/plugins/table-scss.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/plugin-table/tiptap/plugins/table.scss"],
-  "sourcesContent": ["export default {\n  \"resizer\": \"-e5ZU\",\n  \"horizonResizer\": \"QEZJl\",\n  \"verticalResizer\": \"iGKFU\",\n  \"highlightOnly\": \"o3CYa\",\n  \"resizeOverlay\": \"YUPgI\",\n  \"columnResizeHitZone\": \"z3AQo\",\n  \"peerHovered\": \"_9Rhdc\",\n  \"active\": \"-ZCjw\",\n  \"rowResizeHitZone\": \"_6WRva\",\n  \"columnResizeHandle\": \"x6SHD\",\n  \"resizeHandleFadeIn\": \"nFX1R\",\n  \"rowResizeHandle\": \"Or4GT\",\n  \"measuringRowHeight\": \"h-YEX\",\n  \"reorderCursorCol\": \"E4e9b\",\n  \"reorderCursorRow\": \"K2LsV\",\n  \"columnDropIndicator\": \"q8xui\",\n  \"rowDropIndicator\": \"l07lx\",\n  \"dragGhost\": \"_3dMhc\",\n  \"tableContainer\": \"dKmQ7\",\n  \"tableViewport\": \"NjIrZ\",\n  \"addColBar\": \"-Fq82\",\n  \"addRowBar\": \"xrUsx\",\n  \"tableSelectorBar\": \"ehF77\",\n  \"tableContainerFocused\": \"pcpgd\",\n  \"tableWrapper\": \"aHbW3\",\n  \"cell\": \"_9Z6sf\",\n  \"backgroundColorPreview\": \"-Ju6e\",\n  \"selectedCells\": \"fFlVE\",\n  \"selectedCell\": \"GiCyl\",\n  \"borderTop\": \"n-auo\",\n  \"borderBottom\": \"_9T9Kd\",\n  \"borderLeft\": \"PfXwL\",\n  \"borderRight\": \"iEFe7\"\n};"],
+  "sourcesContent": ["export default {\n  \"resizer\": \"cFq-4\",\n  \"horizonResizer\": \"AbV0q\",\n  \"verticalResizer\": \"_4dSAh\",\n  \"highlightOnly\": \"_7i6o-\",\n  \"resizeOverlay\": \"py-QH\",\n  \"columnResizeHitZone\": \"_0lIm0\",\n  \"peerHovered\": \"ceoSA\",\n  \"active\": \"xbHwY\",\n  \"rowResizeHitZone\": \"_4-4qn\",\n  \"columnResizeHandle\": \"_4G5-S\",\n  \"resizeHandleFadeIn\": \"kp-pV\",\n  \"rowResizeHandle\": \"H-Vpr\",\n  \"measuringRowHeight\": \"x9igc\",\n  \"reorderCursorCol\": \"Gv8im\",\n  \"reorderCursorRow\": \"cCvA2\",\n  \"columnDropIndicator\": \"TAG3A\",\n  \"rowDropIndicator\": \"xSl9T\",\n  \"dragGhost\": \"lQj71\",\n  \"tableContainer\": \"_5m-DB\",\n  \"tableViewport\": \"-gQGS\",\n  \"addColBar\": \"_4ZuI6\",\n  \"addRowBar\": \"bVobJ\",\n  \"tableSelectorBar\": \"erGfI\",\n  \"tableContainerFocused\": \"iHpO-\",\n  \"tableWrapper\": \"WxVLI\",\n  \"cell\": \"mEBNX\",\n  \"backgroundColorPreview\": \"g5dsM\",\n  \"selectedCells\": \"_3kcgF\",\n  \"selectedCell\": \"oFWWq\",\n  \"borderTop\": \"sne13\",\n  \"borderBottom\": \"T64F5\",\n  \"borderLeft\": \"j8r6T\",\n  \"borderRight\": \"D96Yi\"\n};"],
   "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAAO,gBAAQ;AAAA,EACb,WAAW;AAAA,EACX,kBAAkB;AAAA,EAClB,mBAAmB;AAAA,EACnB,iBAAiB;AAAA,EACjB,iBAAiB;AAAA,EACjB,uBAAuB;AAAA,EACvB,eAAe;AAAA,EACf,UAAU;AAAA,EACV,oBAAoB;AAAA,EACpB,sBAAsB;AAAA,EACtB,sBAAsB;AAAA,EACtB,mBAAmB;AAAA,EACnB,sBAAsB;AAAA,EACtB,oBAAoB;AAAA,EACpB,oBAAoB;AAAA,EACpB,uBAAuB;AAAA,EACvB,oBAAoB;AAAA,EACpB,aAAa;AAAA,EACb,kBAAkB;AAAA,EAClB,iBAAiB;AAAA,EACjB,aAAa;AAAA,EACb,aAAa;AAAA,EACb,oBAAoB;AAAA,EACpB,yBAAyB;AAAA,EACzB,gBAAgB;AAAA,EAChB,QAAQ;AAAA,EACR,0BAA0B;AAAA,EAC1B,iBAAiB;AAAA,EACjB,gBAAgB;AAAA,EAChB,aAAa;AAAA,EACb,gBAAgB;AAAA,EAChB,cAAc;AAAA,EACd,eAAe;AACjB;",
   "names": []
 }

package/dist/cjs/plugin-table/toolbar/modals/border-scope-selector-scss.js

@@ -22,7 +22,7 @@ __export(border_scope_selector_exports, {
 });
 module.exports = __toCommonJS(border_scope_selector_exports);
 var border_scope_selector_default = {
-  "cellBordersIconBase": "_4wVMh",
-  "cellBordersIconOverlay": "_7bXbQ"
+  "cellBordersIconBase": "vj89I",
+  "cellBordersIconOverlay": "N4jfN"
 };
 //# sourceMappingURL=border-scope-selector-scss.js.map

package/dist/cjs/plugin-table/toolbar/modals/border-scope-selector-scss.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/plugin-table/toolbar/modals/border-scope-selector.scss"],
-  "sourcesContent": ["export default {\n  \"cellBordersIconBase\": \"_4wVMh\",\n  \"cellBordersIconOverlay\": \"_7bXbQ\"\n};"],
+  "sourcesContent": ["export default {\n  \"cellBordersIconBase\": \"vj89I\",\n  \"cellBordersIconOverlay\": \"N4jfN\"\n};"],
   "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAAO,gCAAQ;AAAA,EACb,uBAAuB;AAAA,EACvB,0BAA0B;AAC5B;",
   "names": []
 }

package/dist/cjs/plugin-text-color/get-text-color-text-buttons.js

@@ -35,6 +35,8 @@ module.exports = __toCommonJS(get_text_color_text_buttons_exports);
 var import_lazy = require("@wix/wix-ui-icons-common/lazy");
 var import_react = __toESM(require("react"));
 var import_ricos_types = require("./../ricos-types/index.js");
+var import_memo_last = require("./../_shared/memo-last.js");
+var import_resolve_css_color = require("./../_shared/resolve-css-color.js");
 var import_get_text_color_in_selection = require("./../_shared/resolvers/get-text-color-in-selection.js");
 var import_is_always_visible = require("./../_shared/resolvers/is-always-visible.js");
 var import_is_node_selected = require("./../_shared/resolvers/is-node-selected.js");
@@ -44,6 +46,13 @@ var import_data_hooks = require("./data-hooks.js");
 var import_text_button_color_scss = __toESM(require("./text-button-color-scss.js"));
 var import_text_color_picker = require("./text-color-picker.js");
 const getTextColorTextButtons = (config = { type: "textColor" }) => {
+  const colorIcon = (0, import_memo_last.memoLast)((color) => () => /* @__PURE__ */ import_react.default.createElement(
+    import_lazy.TextColor,
+    {
+      className: import_text_button_color_scss.default.textColorIcon,
+      style: { "--ricos-internal-text-color": color }
+    }
+  ));
   return [
     {
       id: `${import_ricos_types.Decoration_Type.COLOR}.foreground`,
@@ -51,16 +60,8 @@ const getTextColorTextButtons = (config = { type: "textColor" }) => {
       presentation: {
         dataHook: import_data_hooks.TEXT_BUTTON_TEXT_COLOR,
         tooltip: "TextColorButton_Tooltip",
-        getIcon({ publicCommands }) {
-          const color = publicCommands.getColor("ricos-text-color");
-          return () => /* @__PURE__ */ import_react.default.createElement(
-            import_lazy.TextColor,
-            {
-              className: import_text_button_color_scss.default.textColorIcon,
-              style: { "--ricos-internal-text-color": color }
-            }
-          );
-        },
+        // Theme tokens become CSS variables inside the editor, hex in external toolbars.
+        getIcon: ({ publicCommands, resolveColor = import_resolve_css_color.resolveCssColor }) => colorIcon(resolveColor(publicCommands.getColor("ricos-text-color"))),
         renderer: (toolbarItem) => /* @__PURE__ */ import_react.default.createElement(import_text_color_button.ColorPickerButton, { toolbarItem, modalId: import_constants.TEXT_COLOR_MODAL_ID })
       },
       attributes: {

package/dist/cjs/plugin-text-color/get-text-color-text-buttons.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/plugin-text-color/get-text-color-text-buttons.tsx"],
-  "sourcesContent": ["import { TextColor } from '@wix/wix-ui-icons-common/lazy';\nimport React from 'react';\n\nimport type { ModalService } from './../ricos-modals/modal-service.js';\nimport type { Modal, TextButton } from './../ricos-types/index.js';\nimport { Decoration_Type } from './../ricos-types/index.js';\nimport { getTextColorInSelection } from './../_shared/resolvers/get-text-color-in-selection.js';\nimport { isAlwaysVisible } from './../_shared/resolvers/is-always-visible.js';\nimport { isNodeSelected } from './../_shared/resolvers/is-node-selected.js';\nimport { ColorPickerButton } from './../toolbars-v3/components/buttons/TextColorButton/text-color-button.js';\n\nimport { TEXT_COLOR_MODAL_ID } from './constants.js';\nimport { TEXT_BUTTON_TEXT_COLOR } from './data-hooks.js';\nimport classes from './text-button-color-scss.js';\nimport { TextColorPicker } from './text-color-picker.js';\nimport type { TextColorPluginEditorConfig, TextHighlightPluginEditorConfig } from './types.js';\n\nexport const getTextColorTextButtons = (\n  config: TextColorPluginEditorConfig = { type: 'textColor' }\n): TextButton[] => {\n  return [\n    {\n      id: `${Decoration_Type.COLOR}.foreground`,\n      type: 'modal',\n      presentation: {\n        dataHook: TEXT_BUTTON_TEXT_COLOR,\n        tooltip: 'TextColorButton_Tooltip',\n        getIcon({ publicCommands }) {\n          const color = publicCommands.getColor('ricos-text-color');\n          return () => (\n            <TextColor\n              className={classes.textColorIcon}\n              style={{ '--ricos-internal-text-color': color } as React.CSSProperties}\n            />\n          );\n        },\n        renderer: toolbarItem => (\n          <ColorPickerButton toolbarItem={toolbarItem} modalId={TEXT_COLOR_MODAL_ID} />\n        ),\n      },\n      attributes: {\n        visible: isAlwaysVisible,\n        selectedTextColor: getTextColorInSelection,\n        disabled: isNodeSelected,\n      },\n      command:\n        ({ referenceElement, modalService }) =>\n        () => {\n          modalService.isModalOpen(TEXT_COLOR_MODAL_ID)\n            ? modalService.closeModal(TEXT_COLOR_MODAL_ID)\n            : openColorModal({\n                modalId: TEXT_COLOR_MODAL_ID,\n                modalType: 'ricos-text-color',\n                modalService,\n                config,\n                referenceElement,\n              });\n          return true;\n        },\n    },\n  ];\n};\n\nexport const openColorModal = ({\n  modalId,\n  modalType,\n  modalService,\n  referenceElement,\n  config,\n}: {\n  modalId: string;\n  modalService: ModalService;\n  onClickOutside?: Modal['onClickOutside'];\n  referenceElement?: HTMLElement | null;\n  modalType: 'ricos-text-color' | 'ricos-text-highlight';\n  config: TextColorPluginEditorConfig | TextHighlightPluginEditorConfig;\n}) => {\n  modalService.openModal({\n    id: modalId,\n    Component: TextColorPicker,\n    componentProps: {\n      referenceElement: referenceElement as HTMLDivElement,\n      type: modalType,\n      config,\n    },\n    layout: {\n      desktop: referenceElement ? 'floating' : 'dialog',\n      mobile: 'drawer',\n    },\n    noPadding: true,\n    ...(referenceElement && {\n      positioning: { placement: 'bottom', referenceElement },\n    }),\n    onClickOutside: {\n      on: 'pointerup',\n      handler: () => {},\n    },\n    returnFocusToEditor: true,\n    disableArrowNavigation: true,\n    dragHandleSelector: '[data-drag-handler]',\n    enableDrag: true,\n    withTransition: true,\n  });\n};\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,kBAA0B;AAC1B,mBAAkB;AAIlB,yBAAgC;AAChC,yCAAwC;AACxC,+BAAgC;AAChC,8BAA+B;AAC/B,+BAAkC;AAElC,uBAAoC;AACpC,wBAAuC;AACvC,oCAAoB;AACpB,+BAAgC;AAGzB,MAAM,0BAA0B,CACrC,SAAsC,EAAE,MAAM,YAAY,MACzC;AACjB,SAAO;AAAA,IACL;AAAA,MACE,IAAI,GAAG,mCAAgB,KAAK;AAAA,MAC5B,MAAM;AAAA,MACN,cAAc;AAAA,QACZ,UAAU;AAAA,QACV,SAAS;AAAA,QACT,QAAQ,EAAE,eAAe,GAAG;AAC1B,gBAAM,QAAQ,eAAe,SAAS,kBAAkB;AACxD,iBAAO,MACL,6BAAAA,QAAA;AAAA,YAAC;AAAA;AAAA,cACC,WAAW,8BAAAC,QAAQ;AAAA,cACnB,OAAO,EAAE,+BAA+B,MAAM;AAAA;AAAA,UAChD;AAAA,QAEJ;AAAA,QACA,UAAU,iBACR,6BAAAD,QAAA,cAAC,8CAAkB,aAA0B,SAAS,sCAAqB;AAAA,MAE/E;AAAA,MACA,YAAY;AAAA,QACV,SAAS;AAAA,QACT,mBAAmB;AAAA,QACnB,UAAU;AAAA,MACZ;AAAA,MACA,SACE,CAAC,EAAE,kBAAkB,aAAa,MAClC,MAAM;AACJ,qBAAa,YAAY,oCAAmB,IACxC,aAAa,WAAW,oCAAmB,IAC3C,eAAe;AAAA,UACb,SAAS;AAAA,UACT,WAAW;AAAA,UACX;AAAA,UACA;AAAA,UACA;AAAA,QACF,CAAC;AACL,eAAO;AAAA,MACT;AAAA,IACJ;AAAA,EACF;AACF;AAEO,MAAM,iBAAiB,CAAC;AAAA,EAC7B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAOM;AACJ,eAAa,UAAU;AAAA,IACrB,IAAI;AAAA,IACJ,WAAW;AAAA,IACX,gBAAgB;AAAA,MACd;AAAA,MACA,MAAM;AAAA,MACN;AAAA,IACF;AAAA,IACA,QAAQ;AAAA,MACN,SAAS,mBAAmB,aAAa;AAAA,MACzC,QAAQ;AAAA,IACV;AAAA,IACA,WAAW;AAAA,IACX,GAAI,oBAAoB;AAAA,MACtB,aAAa,EAAE,WAAW,UAAU,iBAAiB;AAAA,IACvD;AAAA,IACA,gBAAgB;AAAA,MACd,IAAI;AAAA,MACJ,SAAS,MAAM;AAAA,MAAC;AAAA,IAClB;AAAA,IACA,qBAAqB;AAAA,IACrB,wBAAwB;AAAA,IACxB,oBAAoB;AAAA,IACpB,YAAY;AAAA,IACZ,gBAAgB;AAAA,EAClB,CAAC;AACH;",
+  "sourcesContent": ["import { TextColor } from '@wix/wix-ui-icons-common/lazy';\nimport React from 'react';\n\nimport type { ModalService } from './../ricos-modals/modal-service.js';\nimport type { Modal, TextButton } from './../ricos-types/index.js';\nimport { Decoration_Type } from './../ricos-types/index.js';\nimport { memoLast } from './../_shared/memo-last.js';\nimport { resolveCssColor } from './../_shared/resolve-css-color.js';\nimport { getTextColorInSelection } from './../_shared/resolvers/get-text-color-in-selection.js';\nimport { isAlwaysVisible } from './../_shared/resolvers/is-always-visible.js';\nimport { isNodeSelected } from './../_shared/resolvers/is-node-selected.js';\nimport { ColorPickerButton } from './../toolbars-v3/components/buttons/TextColorButton/text-color-button.js';\n\nimport { TEXT_COLOR_MODAL_ID } from './constants.js';\nimport { TEXT_BUTTON_TEXT_COLOR } from './data-hooks.js';\nimport classes from './text-button-color-scss.js';\nimport { TextColorPicker } from './text-color-picker.js';\nimport type { TextColorPluginEditorConfig, TextHighlightPluginEditorConfig } from './types.js';\n\nexport const getTextColorTextButtons = (\n  config: TextColorPluginEditorConfig = { type: 'textColor' }\n): TextButton[] => {\n  const colorIcon = memoLast((color: string | undefined) => () => (\n    <TextColor\n      className={classes.textColorIcon}\n      style={{ '--ricos-internal-text-color': color } as React.CSSProperties}\n    />\n  ));\n  return [\n    {\n      id: `${Decoration_Type.COLOR}.foreground`,\n      type: 'modal',\n      presentation: {\n        dataHook: TEXT_BUTTON_TEXT_COLOR,\n        tooltip: 'TextColorButton_Tooltip',\n        // Theme tokens become CSS variables inside the editor, hex in external toolbars.\n        getIcon: ({ publicCommands, resolveColor = resolveCssColor }) =>\n          colorIcon(resolveColor(publicCommands.getColor('ricos-text-color'))),\n        renderer: toolbarItem => (\n          <ColorPickerButton toolbarItem={toolbarItem} modalId={TEXT_COLOR_MODAL_ID} />\n        ),\n      },\n      attributes: {\n        visible: isAlwaysVisible,\n        selectedTextColor: getTextColorInSelection,\n        disabled: isNodeSelected,\n      },\n      command:\n        ({ referenceElement, modalService }) =>\n        () => {\n          modalService.isModalOpen(TEXT_COLOR_MODAL_ID)\n            ? modalService.closeModal(TEXT_COLOR_MODAL_ID)\n            : openColorModal({\n                modalId: TEXT_COLOR_MODAL_ID,\n                modalType: 'ricos-text-color',\n                modalService,\n                config,\n                referenceElement,\n              });\n          return true;\n        },\n    },\n  ];\n};\n\nexport const openColorModal = ({\n  modalId,\n  modalType,\n  modalService,\n  referenceElement,\n  config,\n}: {\n  modalId: string;\n  modalService: ModalService;\n  onClickOutside?: Modal['onClickOutside'];\n  referenceElement?: HTMLElement | null;\n  modalType: 'ricos-text-color' | 'ricos-text-highlight';\n  config: TextColorPluginEditorConfig | TextHighlightPluginEditorConfig;\n}) => {\n  modalService.openModal({\n    id: modalId,\n    Component: TextColorPicker,\n    componentProps: {\n      referenceElement: referenceElement as HTMLDivElement,\n      type: modalType,\n      config,\n    },\n    layout: {\n      desktop: referenceElement ? 'floating' : 'dialog',\n      mobile: 'drawer',\n    },\n    noPadding: true,\n    ...(referenceElement && {\n      positioning: { placement: 'bottom', referenceElement },\n    }),\n    onClickOutside: {\n      on: 'pointerup',\n      handler: () => {},\n    },\n    returnFocusToEditor: true,\n    disableArrowNavigation: true,\n    dragHandleSelector: '[data-drag-handler]',\n    enableDrag: true,\n    withTransition: true,\n  });\n};\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,kBAA0B;AAC1B,mBAAkB;AAIlB,yBAAgC;AAChC,uBAAyB;AACzB,+BAAgC;AAChC,yCAAwC;AACxC,+BAAgC;AAChC,8BAA+B;AAC/B,+BAAkC;AAElC,uBAAoC;AACpC,wBAAuC;AACvC,oCAAoB;AACpB,+BAAgC;AAGzB,MAAM,0BAA0B,CACrC,SAAsC,EAAE,MAAM,YAAY,MACzC;AACjB,QAAM,gBAAY,2BAAS,CAAC,UAA8B,MACxD,6BAAAA,QAAA;AAAA,IAAC;AAAA;AAAA,MACC,WAAW,8BAAAC,QAAQ;AAAA,MACnB,OAAO,EAAE,+BAA+B,MAAM;AAAA;AAAA,EAChD,CACD;AACD,SAAO;AAAA,IACL;AAAA,MACE,IAAI,GAAG,mCAAgB,KAAK;AAAA,MAC5B,MAAM;AAAA,MACN,cAAc;AAAA,QACZ,UAAU;AAAA,QACV,SAAS;AAAA;AAAA,QAET,SAAS,CAAC,EAAE,gBAAgB,eAAe,yCAAgB,MACzD,UAAU,aAAa,eAAe,SAAS,kBAAkB,CAAC,CAAC;AAAA,QACrE,UAAU,iBACR,6BAAAD,QAAA,cAAC,8CAAkB,aAA0B,SAAS,sCAAqB;AAAA,MAE/E;AAAA,MACA,YAAY;AAAA,QACV,SAAS;AAAA,QACT,mBAAmB;AAAA,QACnB,UAAU;AAAA,MACZ;AAAA,MACA,SACE,CAAC,EAAE,kBAAkB,aAAa,MAClC,MAAM;AACJ,qBAAa,YAAY,oCAAmB,IACxC,aAAa,WAAW,oCAAmB,IAC3C,eAAe;AAAA,UACb,SAAS;AAAA,UACT,WAAW;AAAA,UACX;AAAA,UACA;AAAA,UACA;AAAA,QACF,CAAC;AACL,eAAO;AAAA,MACT;AAAA,IACJ;AAAA,EACF;AACF;AAEO,MAAM,iBAAiB,CAAC;AAAA,EAC7B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAOM;AACJ,eAAa,UAAU;AAAA,IACrB,IAAI;AAAA,IACJ,WAAW;AAAA,IACX,gBAAgB;AAAA,MACd;AAAA,MACA,MAAM;AAAA,MACN;AAAA,IACF;AAAA,IACA,QAAQ;AAAA,MACN,SAAS,mBAAmB,aAAa;AAAA,MACzC,QAAQ;AAAA,IACV;AAAA,IACA,WAAW;AAAA,IACX,GAAI,oBAAoB;AAAA,MACtB,aAAa,EAAE,WAAW,UAAU,iBAAiB;AAAA,IACvD;AAAA,IACA,gBAAgB;AAAA,MACd,IAAI;AAAA,MACJ,SAAS,MAAM;AAAA,MAAC;AAAA,IAClB;AAAA,IACA,qBAAqB;AAAA,IACrB,wBAAwB;AAAA,IACxB,oBAAoB;AAAA,IACpB,YAAY;AAAA,IACZ,gBAAgB;AAAA,EAClB,CAAC;AACH;",
   "names": ["React", "classes"]
 }

package/dist/cjs/plugin-text-color/sketch/text-highlight-button.js

@@ -36,6 +36,7 @@ var import_react = __toESM(require("react"));
 var import_ricos_context = require("./../../ricos-context/index.js");
 var import_modal_service_provider = require("./../../ricos-modals/modal-service-provider.js");
 var import_ricos_types = require("./../../ricos-types/index.js");
+var import_memo_last = require("./../../_shared/memo-last.js");
 var import_resolve_css_color = require("./../../_shared/resolve-css-color.js");
 var import_is_always_visible = require("./../../_shared/resolvers/is-always-visible.js");
 var import_is_node_selected = require("./../../_shared/resolvers/is-node-selected.js");
@@ -59,6 +60,26 @@ const getMarkColor = (editor, markName) => {
   const cursorMark = editor.state.selection.$from.marks().find((mark) => mark.type.name === markName && mark.attrs.color);
   return cursorMark?.attrs.color;
 };
+const readHighlight = (editor) => {
+  if (editor.isActive(import_ricos_types.Mark_Type.SKETCH)) {
+    return { active: true, color: getMarkColor(editor, import_ricos_types.Mark_Type.SKETCH) ?? import_defaults.DEFAULT_COLOR };
+  }
+  if (editor.isActive(import_ricos_types.Mark_Type.COLOR_BACKGROUND)) {
+    return {
+      active: true,
+      color: getMarkColor(editor, import_ricos_types.Mark_Type.COLOR_BACKGROUND) ?? import_defaults.DEFAULT_COLOR
+    };
+  }
+  return { active: false, color: import_defaults.DEFAULT_COLOR };
+};
+const createHighlightIcon = () => (0, import_memo_last.memoLast)((color) => () => /* @__PURE__ */ import_react.default.createElement(
+  import_lazy.TextHighlightColor,
+  {
+    className: import_text_button_color_scss.default.textHighlightIcon,
+    style: { "--ricos-internal-text-highlight": color }
+  }
+));
+const highlightIcon = createHighlightIcon();
 const TextHighlightDesignButton = ({ toolbarItem, dataHook }) => {
   const { t } = (0, import_react.useContext)(import_ricos_context.RicosContext);
   const { adapter } = (0, import_react.useContext)(import_ricos_context.EditorContext);
@@ -66,21 +87,7 @@ const TextHighlightDesignButton = ({ toolbarItem, dataHook }) => {
   const [referenceElement, setReferenceElement] = (0, import_react.useState)(null);
   const tooltip = t(toolbarItem.presentation?.tooltip);
   const isModalOpen = (0, import_modal_service_provider.useModalState)((0, import_modal_service_provider.getIsModalOpen)(import_data_hooks2.SKETCH_DESIGN_MODAL_ID));
-  const readMarkState = () => {
-    if (editor.isActive(import_ricos_types.Mark_Type.SKETCH)) {
-      return {
-        active: true,
-        color: getMarkColor(editor, import_ricos_types.Mark_Type.SKETCH) ?? import_defaults.DEFAULT_COLOR
-      };
-    }
-    if (editor.isActive(import_ricos_types.Mark_Type.COLOR_BACKGROUND)) {
-      return {
-        active: true,
-        color: getMarkColor(editor, import_ricos_types.Mark_Type.COLOR_BACKGROUND) ?? import_defaults.DEFAULT_COLOR
-      };
-    }
-    return { active: false, color: import_defaults.DEFAULT_COLOR };
-  };
+  const readMarkState = () => readHighlight(editor);
   const [markState, setMarkState] = (0, import_react.useState)(readMarkState);
   (0, import_react.useEffect)(() => {
     const update = () => setMarkState(readMarkState());
@@ -94,15 +101,7 @@ const TextHighlightDesignButton = ({ toolbarItem, dataHook }) => {
   const onClick = (event) => {
     toolbarItem.commands.click({ referenceElement, clickFromKeyboard: !event.detail });
   };
-  const Icon = () => /* @__PURE__ */ import_react.default.createElement(
-    import_lazy.TextHighlightColor,
-    {
-      className: import_text_button_color_scss.default.textHighlightIcon,
-      style: {
-        "--ricos-internal-text-highlight": (0, import_resolve_css_color.resolveCssColor)(markState.color)
-      }
-    }
-  );
+  const Icon = highlightIcon((0, import_resolve_css_color.resolveCssColor)(markState.color));
   return /* @__PURE__ */ import_react.default.createElement(
     import_toolbar_button.ToolbarButton,
     {
@@ -117,55 +116,63 @@ const TextHighlightDesignButton = ({ toolbarItem, dataHook }) => {
     }
   );
 };
-const getSketchHighlightTextButtons = (config) => [
-  {
-    id: `${import_ricos_types.Decoration_Type.COLOR}.background`,
-    type: "modal",
-    presentation: {
-      dataHook: import_data_hooks.TEXT_BUTTON_TEXT_HIGHLIGHT,
-      tooltip: "TextHighlightButton_Tooltip",
-      icon: import_lazy.TextHighlightColor,
-      renderer: (toolbarItem) => /* @__PURE__ */ import_react.default.createElement(
-        TextHighlightDesignButton,
-        {
-          toolbarItem,
-          dataHook: import_data_hooks.TEXT_BUTTON_TEXT_HIGHLIGHT
+const getSketchHighlightTextButtons = (config) => {
+  const externalIcon = createHighlightIcon();
+  return [
+    {
+      id: `${import_ricos_types.Decoration_Type.COLOR}.background`,
+      type: "modal",
+      presentation: {
+        dataHook: import_data_hooks.TEXT_BUTTON_TEXT_HIGHLIGHT,
+        tooltip: "TextHighlightButton_Tooltip",
+        // External toolbars draw this icon, not the renderer. Without an applied highlight the
+        // droplet is left empty, so the theme's default color doesn't read as an active highlight.
+        getIcon: ({ editor, resolveColor = import_resolve_css_color.resolveCssColor }) => {
+          const highlight = editor && readHighlight(editor);
+          return externalIcon(highlight?.active ? resolveColor(highlight.color) : "transparent");
+        },
+        renderer: (toolbarItem) => /* @__PURE__ */ import_react.default.createElement(
+          TextHighlightDesignButton,
+          {
+            toolbarItem,
+            dataHook: import_data_hooks.TEXT_BUTTON_TEXT_HIGHLIGHT
+          }
+        )
+      },
+      attributes: {
+        visible: import_is_always_visible.isAlwaysVisible,
+        disabled: import_is_node_selected.isNodeSelected
+      },
+      command: ({ modalService, referenceElement, isMobile }) => () => {
+        if (!referenceElement) {
+          return false;
         }
-      )
-    },
-    attributes: {
-      visible: import_is_always_visible.isAlwaysVisible,
-      disabled: import_is_node_selected.isNodeSelected
-    },
-    command: ({ modalService, referenceElement, isMobile }) => () => {
-      if (!referenceElement) {
-        return false;
-      }
-      modalService.togglePluginPanel({
-        id: import_data_hooks2.SKETCH_DESIGN_MODAL_ID,
-        Component: import_design_modal.SketchDesignModal,
-        componentProps: { config, referenceElement },
-        isMobile,
-        positioning: { referenceElement, placement: "bottom" },
-        focusReturnElement: referenceElement,
-        type: void 0,
-        // Default click-outside only knows the toolbar button; a click in
-        // the color-picker subpanel (a separately-mounted floating panel)
-        // would close us. Skip closing while the picker is open.
-        onClickOutside: {
-          on: "pointerup",
-          handler: (e) => {
-            if (modalService.isModalOpen(import_data_hooks2.SKETCH_COLOR_PICKER_MODAL_ID)) {
-              return;
-            }
-            if (!referenceElement?.contains?.(e.target)) {
-              modalService.closeModal(import_data_hooks2.SKETCH_DESIGN_MODAL_ID);
+        modalService.togglePluginPanel({
+          id: import_data_hooks2.SKETCH_DESIGN_MODAL_ID,
+          Component: import_design_modal.SketchDesignModal,
+          componentProps: { config, referenceElement },
+          isMobile,
+          positioning: { referenceElement, placement: "bottom" },
+          focusReturnElement: referenceElement,
+          type: void 0,
+          // Default click-outside only knows the toolbar button; a click in
+          // the color-picker subpanel (a separately-mounted floating panel)
+          // would close us. Skip closing while the picker is open.
+          onClickOutside: {
+            on: "pointerup",
+            handler: (e) => {
+              if (modalService.isModalOpen(import_data_hooks2.SKETCH_COLOR_PICKER_MODAL_ID)) {
+                return;
+              }
+              if (!referenceElement?.contains?.(e.target)) {
+                modalService.closeModal(import_data_hooks2.SKETCH_DESIGN_MODAL_ID);
+              }
             }
           }
-        }
-      });
-      return true;
+        });
+        return true;
+      }
     }
-  }
-];
+  ];
+};
 //# sourceMappingURL=text-highlight-button.js.map

package/dist/cjs/plugin-text-color/sketch/text-highlight-button.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/plugin-text-color/sketch/text-highlight-button.tsx"],
-  "sourcesContent": ["import { TextHighlightColor } from '@wix/wix-ui-icons-common/lazy';\nimport React, { useContext, useEffect, useState } from 'react';\n\nimport { EditorContext, RicosContext } from './../../ricos-context/index.js';\nimport { getIsModalOpen, useModalState } from './../../ricos-modals/modal-service-provider.js';\nimport type { IToolbarItem, TextButton } from './../../ricos-types/index.js';\nimport { Decoration_Type, Mark_Type } from './../../ricos-types/index.js';\nimport { resolveCssColor } from './../../_shared/resolve-css-color.js';\nimport { isAlwaysVisible } from './../../_shared/resolvers/is-always-visible.js';\nimport { isNodeSelected } from './../../_shared/resolvers/is-node-selected.js';\nimport { ToolbarButton } from './../../_shared/toolbar-button/toolbar-button.js';\nimport type { Editor } from './../../tiptap/core/index.js';\n\nimport { TEXT_BUTTON_TEXT_HIGHLIGHT } from '../data-hooks.js';\nimport classes from '../text-button-color-scss.js';\nimport type { TextHighlightPluginEditorConfig } from '../types.js';\nimport { SKETCH_COLOR_PICKER_MODAL_ID, SKETCH_DESIGN_MODAL_ID } from './data-hooks.js';\nimport { DEFAULT_COLOR } from './defaults.js';\nimport { SketchDesignModal } from './modals/design-modal.js';\n\nconst getMarkColor = (editor: Editor, markName: string): string | undefined => {\n  const attrs = editor.getAttributes(markName) as { color?: string };\n  if (attrs.color) {\n    return attrs.color;\n  }\n  const storedMark = editor.state.storedMarks?.find(\n    mark => mark.type.name === markName && mark.attrs.color\n  );\n  if (storedMark?.attrs.color) {\n    return storedMark.attrs.color;\n  }\n  const cursorMark = editor.state.selection.$from\n    .marks()\n    .find(mark => mark.type.name === markName && mark.attrs.color);\n  return cursorMark?.attrs.color;\n};\n\n// Icon bar tracks whichever mark currently covers the selection — classic\n// background highlight or sketch — so users see the active colour\n// without opening the design panel. Active state combines two conditions:\n// the design panel is open OR the selection already carries a\n// highlight-family mark.\nconst TextHighlightDesignButton: React.FC<{\n  toolbarItem: IToolbarItem;\n  dataHook?: string;\n}> = ({ toolbarItem, dataHook }) => {\n  const { t } = useContext(RicosContext);\n  const { adapter } = useContext(EditorContext);\n  const editor = adapter.tiptapEditor;\n  const [referenceElement, setReferenceElement] = useState<HTMLButtonElement | null>(null);\n  const tooltip = t(toolbarItem.presentation?.tooltip);\n  const isModalOpen = useModalState(getIsModalOpen(SKETCH_DESIGN_MODAL_ID));\n\n  const readMarkState = () => {\n    if (editor.isActive(Mark_Type.SKETCH)) {\n      return {\n        active: true,\n        color: getMarkColor(editor, Mark_Type.SKETCH) ?? DEFAULT_COLOR,\n      };\n    }\n    if (editor.isActive(Mark_Type.COLOR_BACKGROUND)) {\n      return {\n        active: true,\n        color: getMarkColor(editor, Mark_Type.COLOR_BACKGROUND) ?? DEFAULT_COLOR,\n      };\n    }\n    return { active: false, color: DEFAULT_COLOR };\n  };\n  const [markState, setMarkState] = useState(readMarkState);\n\n  useEffect(() => {\n    const update = () => setMarkState(readMarkState());\n    editor.on('transaction', update);\n    editor.on('selectionUpdate', update);\n    return () => {\n      editor.off('transaction', update);\n      editor.off('selectionUpdate', update);\n    };\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [editor]);\n\n  const onClick = (event: React.MouseEvent | React.KeyboardEvent) => {\n    toolbarItem.commands.click({ referenceElement, clickFromKeyboard: !event.detail });\n  };\n\n  const Icon = () => (\n    <TextHighlightColor\n      className={classes.textHighlightIcon}\n      style={\n        {\n          '--ricos-internal-text-highlight': resolveCssColor(markState.color),\n        } as React.CSSProperties\n      }\n    />\n  );\n\n  return (\n    <ToolbarButton\n      active={isModalOpen || markState.active}\n      ref={setReferenceElement}\n      disabled={toolbarItem.attributes.disabled}\n      tooltip={tooltip}\n      onClick={onClick}\n      prefix={Icon}\n      dataHook={dataHook}\n      tabIndex={toolbarItem.presentation.tabIndex}\n    />\n  );\n};\n\nexport const getSketchHighlightTextButtons = (\n  config: TextHighlightPluginEditorConfig\n): TextButton[] => [\n  {\n    id: `${Decoration_Type.COLOR}.background`,\n    type: 'modal',\n    presentation: {\n      dataHook: TEXT_BUTTON_TEXT_HIGHLIGHT,\n      tooltip: 'TextHighlightButton_Tooltip',\n      icon: TextHighlightColor,\n      renderer: toolbarItem => (\n        <TextHighlightDesignButton\n          toolbarItem={toolbarItem}\n          dataHook={TEXT_BUTTON_TEXT_HIGHLIGHT}\n        />\n      ),\n    },\n    attributes: {\n      visible: isAlwaysVisible,\n      disabled: isNodeSelected,\n    },\n    command:\n      ({ modalService, referenceElement, isMobile }) =>\n      () => {\n        if (!referenceElement) {\n          return false;\n        }\n        modalService.togglePluginPanel({\n          id: SKETCH_DESIGN_MODAL_ID,\n          Component: SketchDesignModal,\n          componentProps: { config, referenceElement: referenceElement as HTMLElement },\n          isMobile,\n          positioning: { referenceElement, placement: 'bottom' },\n          focusReturnElement: referenceElement,\n          type: undefined,\n          // Default click-outside only knows the toolbar button; a click in\n          // the color-picker subpanel (a separately-mounted floating panel)\n          // would close us. Skip closing while the picker is open.\n          onClickOutside: {\n            on: 'pointerup',\n            handler: (e: PointerEvent) => {\n              if (modalService.isModalOpen(SKETCH_COLOR_PICKER_MODAL_ID)) {\n                return;\n              }\n              if (!referenceElement?.contains?.(e.target as Node)) {\n                modalService.closeModal(SKETCH_DESIGN_MODAL_ID);\n              }\n            },\n          },\n        });\n        return true;\n      },\n  },\n];\n"],
-  "mappings": "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",
+  "sourcesContent": ["import { TextHighlightColor } from '@wix/wix-ui-icons-common/lazy';\nimport React, { useContext, useEffect, useState } from 'react';\n\nimport { EditorContext, RicosContext } from './../../ricos-context/index.js';\nimport { getIsModalOpen, useModalState } from './../../ricos-modals/modal-service-provider.js';\nimport type { IToolbarItem, TextButton } from './../../ricos-types/index.js';\nimport { Decoration_Type, Mark_Type } from './../../ricos-types/index.js';\nimport { memoLast } from './../../_shared/memo-last.js';\nimport { resolveCssColor } from './../../_shared/resolve-css-color.js';\nimport { isAlwaysVisible } from './../../_shared/resolvers/is-always-visible.js';\nimport { isNodeSelected } from './../../_shared/resolvers/is-node-selected.js';\nimport { ToolbarButton } from './../../_shared/toolbar-button/toolbar-button.js';\nimport type { Editor } from './../../tiptap/core/index.js';\n\nimport { TEXT_BUTTON_TEXT_HIGHLIGHT } from '../data-hooks.js';\nimport classes from '../text-button-color-scss.js';\nimport type { TextHighlightPluginEditorConfig } from '../types.js';\nimport { SKETCH_COLOR_PICKER_MODAL_ID, SKETCH_DESIGN_MODAL_ID } from './data-hooks.js';\nimport { DEFAULT_COLOR } from './defaults.js';\nimport { SketchDesignModal } from './modals/design-modal.js';\n\nconst getMarkColor = (editor: Editor, markName: string): string | undefined => {\n  const attrs = editor.getAttributes(markName) as { color?: string };\n  if (attrs.color) {\n    return attrs.color;\n  }\n  const storedMark = editor.state.storedMarks?.find(\n    mark => mark.type.name === markName && mark.attrs.color\n  );\n  if (storedMark?.attrs.color) {\n    return storedMark.attrs.color;\n  }\n  const cursorMark = editor.state.selection.$from\n    .marks()\n    .find(mark => mark.type.name === markName && mark.attrs.color);\n  return cursorMark?.attrs.color;\n};\n\n// Icon bar tracks whichever mark currently covers the selection — classic\n// background highlight or sketch — so users see the active colour\n// without opening the design panel. Active state combines two conditions:\n// the design panel is open OR the selection already carries a\n// highlight-family mark.\nconst readHighlight = (editor: Editor) => {\n  if (editor.isActive(Mark_Type.SKETCH)) {\n    return { active: true, color: getMarkColor(editor, Mark_Type.SKETCH) ?? DEFAULT_COLOR };\n  }\n  if (editor.isActive(Mark_Type.COLOR_BACKGROUND)) {\n    return {\n      active: true,\n      color: getMarkColor(editor, Mark_Type.COLOR_BACKGROUND) ?? DEFAULT_COLOR,\n    };\n  }\n  return { active: false, color: DEFAULT_COLOR };\n};\n\nconst createHighlightIcon = () =>\n  memoLast((color: string | undefined) => () => (\n    <TextHighlightColor\n      className={classes.textHighlightIcon}\n      style={{ '--ricos-internal-text-highlight': color } as React.CSSProperties}\n    />\n  ));\n\n/** The design button's own icon: one component per color, so it isn't remounted per render. */\nconst highlightIcon = createHighlightIcon();\n\nconst TextHighlightDesignButton: React.FC<{\n  toolbarItem: IToolbarItem;\n  dataHook?: string;\n}> = ({ toolbarItem, dataHook }) => {\n  const { t } = useContext(RicosContext);\n  const { adapter } = useContext(EditorContext);\n  const editor = adapter.tiptapEditor;\n  const [referenceElement, setReferenceElement] = useState<HTMLButtonElement | null>(null);\n  const tooltip = t(toolbarItem.presentation?.tooltip);\n  const isModalOpen = useModalState(getIsModalOpen(SKETCH_DESIGN_MODAL_ID));\n\n  const readMarkState = () => readHighlight(editor);\n  const [markState, setMarkState] = useState(readMarkState);\n\n  useEffect(() => {\n    const update = () => setMarkState(readMarkState());\n    editor.on('transaction', update);\n    editor.on('selectionUpdate', update);\n    return () => {\n      editor.off('transaction', update);\n      editor.off('selectionUpdate', update);\n    };\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [editor]);\n\n  const onClick = (event: React.MouseEvent | React.KeyboardEvent) => {\n    toolbarItem.commands.click({ referenceElement, clickFromKeyboard: !event.detail });\n  };\n\n  const Icon = highlightIcon(resolveCssColor(markState.color));\n\n  return (\n    <ToolbarButton\n      active={isModalOpen || markState.active}\n      ref={setReferenceElement}\n      disabled={toolbarItem.attributes.disabled}\n      tooltip={tooltip}\n      onClick={onClick}\n      prefix={Icon}\n      dataHook={dataHook}\n      tabIndex={toolbarItem.presentation.tabIndex}\n    />\n  );\n};\n\nexport const getSketchHighlightTextButtons = (\n  config: TextHighlightPluginEditorConfig\n): TextButton[] => {\n  const externalIcon = createHighlightIcon();\n  return [\n    {\n      id: `${Decoration_Type.COLOR}.background`,\n      type: 'modal',\n      presentation: {\n        dataHook: TEXT_BUTTON_TEXT_HIGHLIGHT,\n        tooltip: 'TextHighlightButton_Tooltip',\n        // External toolbars draw this icon, not the renderer. Without an applied highlight the\n        // droplet is left empty, so the theme's default color doesn't read as an active highlight.\n        getIcon: ({ editor, resolveColor = resolveCssColor }) => {\n          const highlight = editor && readHighlight(editor);\n          return externalIcon(highlight?.active ? resolveColor(highlight.color) : 'transparent');\n        },\n        renderer: toolbarItem => (\n          <TextHighlightDesignButton\n            toolbarItem={toolbarItem}\n            dataHook={TEXT_BUTTON_TEXT_HIGHLIGHT}\n          />\n        ),\n      },\n      attributes: {\n        visible: isAlwaysVisible,\n        disabled: isNodeSelected,\n      },\n      command:\n        ({ modalService, referenceElement, isMobile }) =>\n        () => {\n          if (!referenceElement) {\n            return false;\n          }\n          modalService.togglePluginPanel({\n            id: SKETCH_DESIGN_MODAL_ID,\n            Component: SketchDesignModal,\n            componentProps: { config, referenceElement: referenceElement as HTMLElement },\n            isMobile,\n            positioning: { referenceElement, placement: 'bottom' },\n            focusReturnElement: referenceElement,\n            type: undefined,\n            // Default click-outside only knows the toolbar button; a click in\n            // the color-picker subpanel (a separately-mounted floating panel)\n            // would close us. Skip closing while the picker is open.\n            onClickOutside: {\n              on: 'pointerup',\n              handler: (e: PointerEvent) => {\n                if (modalService.isModalOpen(SKETCH_COLOR_PICKER_MODAL_ID)) {\n                  return;\n                }\n                if (!referenceElement?.contains?.(e.target as Node)) {\n                  modalService.closeModal(SKETCH_DESIGN_MODAL_ID);\n                }\n              },\n            },\n          });\n          return true;\n        },\n    },\n  ];\n};\n"],
+  "mappings": "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",
   "names": ["import_data_hooks", "React", "classes"]
 }

package/dist/cjs/plugin-text-color/text-button-color-scss.js

@@ -22,7 +22,7 @@ __export(text_button_color_exports, {
 });
 module.exports = __toCommonJS(text_button_color_exports);
 var text_button_color_default = {
-  "textColorIcon": "MxrVM",
-  "textHighlightIcon": "ORTrQ"
+  "textColorIcon": "_1-yby",
+  "textHighlightIcon": "Z9HAj"
 };
 //# sourceMappingURL=text-button-color-scss.js.map

package/dist/cjs/plugin-text-color/text-button-color-scss.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/plugin-text-color/text-button-color.scss"],
-  "sourcesContent": ["export default {\n  \"textColorIcon\": \"MxrVM\",\n  \"textHighlightIcon\": \"ORTrQ\"\n};"],
+  "sourcesContent": ["export default {\n  \"textColorIcon\": \"_1-yby\",\n  \"textHighlightIcon\": \"Z9HAj\"\n};"],
   "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAAO,4BAAQ;AAAA,EACb,iBAAiB;AAAA,EACjB,qBAAqB;AACvB;",
   "names": []
 }

package/dist/cjs/plugin-toc/toc-view-scss.js

@@ -22,7 +22,7 @@ __export(toc_view_exports, {
 });
 module.exports = __toCommonJS(toc_view_exports);
 var toc_view_default = {
-  "fontElementMap": "DtVmp",
-  "tocLink": "enARL"
+  "fontElementMap": "ZtqwG",
+  "tocLink": "_4bcAi"
 };
 //# sourceMappingURL=toc-view-scss.js.map

package/dist/cjs/plugin-toc/toc-view-scss.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/plugin-toc/toc-view.scss"],
-  "sourcesContent": ["export default {\n  \"fontElementMap\": \"DtVmp\",\n  \"tocLink\": \"enARL\"\n};"],
+  "sourcesContent": ["export default {\n  \"fontElementMap\": \"ZtqwG\",\n  \"tocLink\": \"_4bcAi\"\n};"],
   "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAAO,mBAAQ;AAAA,EACb,kBAAkB;AAAA,EAClB,WAAW;AACb;",
   "names": []
 }

package/dist/cjs/plugin-vertical-embed/components/Ribbon-scss.js

@@ -22,8 +22,8 @@ __export(Ribbon_exports, {
 });
 module.exports = __toCommonJS(Ribbon_exports);
 var Ribbon_default = {
-  "ribbon": "lGIn7",
-  "ribbonText": "BwdZn",
-  "imageRibbon": "A4h8f"
+  "ribbon": "dTys6",
+  "ribbonText": "jyFHw",
+  "imageRibbon": "-dgS4"
 };
 //# sourceMappingURL=Ribbon-scss.js.map

package/dist/cjs/plugin-vertical-embed/components/Ribbon-scss.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/plugin-vertical-embed/components/Ribbon.scss"],
-  "sourcesContent": ["export default {\n  \"ribbon\": \"lGIn7\",\n  \"ribbonText\": \"BwdZn\",\n  \"imageRibbon\": \"A4h8f\"\n};"],
+  "sourcesContent": ["export default {\n  \"ribbon\": \"dTys6\",\n  \"ribbonText\": \"jyFHw\",\n  \"imageRibbon\": \"-dgS4\"\n};"],
   "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAAO,iBAAQ;AAAA,EACb,UAAU;AAAA,EACV,cAAc;AAAA,EACd,eAAe;AACjB;",
   "names": []
 }

package/dist/cjs/plugin-vertical-embed/components/card-content-scss.js

@@ -22,28 +22,28 @@ __export(card_content_exports, {
 });
 module.exports = __toCommonJS(card_content_exports);
 var card_content_default = {
-  "content": "KqI3O",
-  "textStart": "oL73-",
-  "contentText": "Mv4uC",
-  "subtitle": "T4Siq",
-  "pricing": "OrUSt",
-  "titlePriceContainer": "U2LX5",
-  "textCenter": "VrliE",
-  "textEnd": "owzA0",
-  "titlePriceSideBySide": "Glq7Z",
-  "titlePriceStacked": "eVNlA",
-  "title": "FkLp5",
-  "price": "_5uSKF",
-  "priceDiscounted": "OqYHP",
-  "priceOriginal": "yDxiw",
-  "priceStrikethrough": "G-SW8",
-  "ribbon": "yh-Xx",
-  "button": "nxnx-",
-  "button_disabled": "lQJ7L",
-  "buttonText": "CqfpM",
-  "framelessContent": "Kf-7P",
-  "framelessImageTop": "k0zNT",
-  "framelessImageStart": "_0-kZK",
-  "framelessImageEnd": "_01A-A"
+  "content": "_8bW32",
+  "textStart": "YxJsy",
+  "contentText": "MQVYo",
+  "subtitle": "CHnsv",
+  "pricing": "sowQT",
+  "titlePriceContainer": "u3C1e",
+  "textCenter": "_7GXyl",
+  "textEnd": "IDBDx",
+  "titlePriceSideBySide": "qSZp2",
+  "titlePriceStacked": "cuSLG",
+  "title": "qENM5",
+  "price": "C0DdJ",
+  "priceDiscounted": "y-UGS",
+  "priceOriginal": "rjQsL",
+  "priceStrikethrough": "mAjX6",
+  "ribbon": "qoTUN",
+  "button": "cxPAY",
+  "button_disabled": "_2APHY",
+  "buttonText": "sZpM9",
+  "framelessContent": "-ya1j",
+  "framelessImageTop": "-BYvg",
+  "framelessImageStart": "iJzRM",
+  "framelessImageEnd": "LhlDL"
 };
 //# sourceMappingURL=card-content-scss.js.map

package/dist/cjs/plugin-vertical-embed/components/card-content-scss.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/plugin-vertical-embed/components/card-content.scss"],
-  "sourcesContent": ["export default {\n  \"content\": \"KqI3O\",\n  \"textStart\": \"oL73-\",\n  \"contentText\": \"Mv4uC\",\n  \"subtitle\": \"T4Siq\",\n  \"pricing\": \"OrUSt\",\n  \"titlePriceContainer\": \"U2LX5\",\n  \"textCenter\": \"VrliE\",\n  \"textEnd\": \"owzA0\",\n  \"titlePriceSideBySide\": \"Glq7Z\",\n  \"titlePriceStacked\": \"eVNlA\",\n  \"title\": \"FkLp5\",\n  \"price\": \"_5uSKF\",\n  \"priceDiscounted\": \"OqYHP\",\n  \"priceOriginal\": \"yDxiw\",\n  \"priceStrikethrough\": \"G-SW8\",\n  \"ribbon\": \"yh-Xx\",\n  \"button\": \"nxnx-\",\n  \"button_disabled\": \"lQJ7L\",\n  \"buttonText\": \"CqfpM\",\n  \"framelessContent\": \"Kf-7P\",\n  \"framelessImageTop\": \"k0zNT\",\n  \"framelessImageStart\": \"_0-kZK\",\n  \"framelessImageEnd\": \"_01A-A\"\n};"],
+  "sourcesContent": ["export default {\n  \"content\": \"_8bW32\",\n  \"textStart\": \"YxJsy\",\n  \"contentText\": \"MQVYo\",\n  \"subtitle\": \"CHnsv\",\n  \"pricing\": \"sowQT\",\n  \"titlePriceContainer\": \"u3C1e\",\n  \"textCenter\": \"_7GXyl\",\n  \"textEnd\": \"IDBDx\",\n  \"titlePriceSideBySide\": \"qSZp2\",\n  \"titlePriceStacked\": \"cuSLG\",\n  \"title\": \"qENM5\",\n  \"price\": \"C0DdJ\",\n  \"priceDiscounted\": \"y-UGS\",\n  \"priceOriginal\": \"rjQsL\",\n  \"priceStrikethrough\": \"mAjX6\",\n  \"ribbon\": \"qoTUN\",\n  \"button\": \"cxPAY\",\n  \"button_disabled\": \"_2APHY\",\n  \"buttonText\": \"sZpM9\",\n  \"framelessContent\": \"-ya1j\",\n  \"framelessImageTop\": \"-BYvg\",\n  \"framelessImageStart\": \"iJzRM\",\n  \"framelessImageEnd\": \"LhlDL\"\n};"],
   "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAAO,uBAAQ;AAAA,EACb,WAAW;AAAA,EACX,aAAa;AAAA,EACb,eAAe;AAAA,EACf,YAAY;AAAA,EACZ,WAAW;AAAA,EACX,uBAAuB;AAAA,EACvB,cAAc;AAAA,EACd,WAAW;AAAA,EACX,wBAAwB;AAAA,EACxB,qBAAqB;AAAA,EACrB,SAAS;AAAA,EACT,SAAS;AAAA,EACT,mBAAmB;AAAA,EACnB,iBAAiB;AAAA,EACjB,sBAAsB;AAAA,EACtB,UAAU;AAAA,EACV,UAAU;AAAA,EACV,mBAAmB;AAAA,EACnB,cAAc;AAAA,EACd,oBAAoB;AAAA,EACpB,qBAAqB;AAAA,EACrB,uBAAuB;AAAA,EACvB,qBAAqB;AACvB;",
   "names": []
 }

package/dist/cjs/plugin-vertical-embed/components/card-scss.js

@@ -22,24 +22,24 @@ __export(card_exports, {
 });
 module.exports = __toCommonJS(card_exports);
 var card_default = {
-  "link": "Ry0gy",
-  "container": "EbJZj",
-  "cardLayout": "aA3kY",
-  "imageEnd": "WnEFD",
-  "imageStart": "XXfCL",
-  "imageTop": "fkhIi",
-  "right": "w9wzE",
-  "ltr": "QxCrB",
-  "rtl": "bi9jl",
-  "imageContainer": "dh9km",
-  "image": "_5fbSX",
-  "responsiveImage": "_5wQdV",
-  "squareImage": "Ar1Rt",
-  "rectangleImage": "gm2iT",
-  "squareRatio": "a4uXi",
-  "rectangleRatio": "h86xi",
-  "imageFill": "rDD-o",
-  "imageFit": "edwNH",
-  "imageRibbon": "yAZhw"
+  "link": "u-9Bt",
+  "container": "u0EcQ",
+  "cardLayout": "cd-VY",
+  "imageEnd": "z22cc",
+  "imageStart": "-hHiD",
+  "imageTop": "jOhCC",
+  "right": "zzcqb",
+  "ltr": "_0L7hL",
+  "rtl": "eUNFP",
+  "imageContainer": "_7xp9A",
+  "image": "S4d03",
+  "responsiveImage": "ieaw8",
+  "squareImage": "n6oR7",
+  "rectangleImage": "TObcz",
+  "squareRatio": "jiQn1",
+  "rectangleRatio": "G7qZO",
+  "imageFill": "z4gD6",
+  "imageFit": "zAe1q",
+  "imageRibbon": "aXidt"
 };
 //# sourceMappingURL=card-scss.js.map