@elementor/editor-global-classes 0.14.1 → 0.15.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (13) hide show
  1. package/CHANGELOG.md +48 -0
  2. package/dist/index.js +76 -54
  3. package/dist/index.js.map +1 -1
  4. package/dist/index.mjs +80 -62
  5. package/dist/index.mjs.map +1 -1
  6. package/package.json +6 -6
  7. package/src/components/class-manager/class-manager-button.tsx +3 -6
  8. package/src/components/class-manager/class-manager-introduction.tsx +6 -6
  9. package/src/components/class-manager/class-manager-panel.tsx +80 -93
  10. package/src/components/class-manager/delete-class.ts +34 -0
  11. package/src/components/class-manager/delete-confirmation-dialog.tsx +4 -4
  12. package/src/components/class-manager/global-classes-list.tsx +2 -2
  13. package/src/global-classes-styles-provider.ts +2 -2
package/CHANGELOG.md CHANGED
@@ -1,5 +1,53 @@
1
1
  # @elementor/editor-global-classes
2
2
 
3
+ ## 0.15.3
4
+
5
+ ### Patch Changes
6
+
7
+ - Updated dependencies [02fd724]
8
+ - Updated dependencies [9b5e475]
9
+ - Updated dependencies [94aa98c]
10
+ - Updated dependencies [13cc0d0]
11
+ - Updated dependencies [c6937f8]
12
+ - Updated dependencies [f644084]
13
+ - @elementor/editor-styles-repository@0.8.3
14
+ - @elementor/editor-editing-panel@1.27.0
15
+ - @elementor/editor-ui@0.7.0
16
+ - @elementor/editor-styles@0.6.5
17
+
18
+ ## 0.15.2
19
+
20
+ ### Patch Changes
21
+
22
+ - 5a3e47f: Fix global classes header text.
23
+ - Updated dependencies [8b40d87]
24
+ - @elementor/editor-editing-panel@1.26.1
25
+
26
+ ## 0.15.1
27
+
28
+ ### Patch Changes
29
+
30
+ - Updated dependencies [b31a032]
31
+ - @elementor/editor-editing-panel@1.26.0
32
+
33
+ ## 0.15.0
34
+
35
+ ### Minor Changes
36
+
37
+ - fdfc87a: Classes and selector UI updates.
38
+ - b30b8c4: Reload documents when deleting a global class.
39
+
40
+ ### Patch Changes
41
+
42
+ - Updated dependencies [fdfc87a]
43
+ - Updated dependencies [33bc54d]
44
+ - Updated dependencies [b30b8c4]
45
+ - Updated dependencies [548209b]
46
+ - @elementor/editor-editing-panel@1.25.0
47
+ - @elementor/editor-ui@0.6.0
48
+ - @elementor/editor-documents@0.13.0
49
+ - @elementor/editor-styles-repository@0.8.2
50
+
3
51
  ## 0.14.1
4
52
 
5
53
  ### Patch Changes
package/dist/index.js CHANGED
@@ -27,22 +27,22 @@ var import_editor = require("@elementor/editor");
27
27
  var import_editor_editing_panel = require("@elementor/editor-editing-panel");
28
28
  var import_editor_panels2 = require("@elementor/editor-panels");
29
29
  var import_editor_styles_repository2 = require("@elementor/editor-styles-repository");
30
- var import_editor_v1_adapters3 = require("@elementor/editor-v1-adapters");
30
+ var import_editor_v1_adapters4 = require("@elementor/editor-v1-adapters");
31
31
  var import_store16 = require("@elementor/store");
32
32
 
33
33
  // src/components/class-manager/class-manager-button.tsx
34
34
  var React8 = __toESM(require("react"));
35
- var import_editor_documents2 = require("@elementor/editor-documents");
35
+ var import_editor_documents3 = require("@elementor/editor-documents");
36
36
  var import_ui7 = require("@elementor/ui");
37
37
  var import_i18n6 = require("@wordpress/i18n");
38
38
 
39
39
  // src/components/class-manager/class-manager-panel.tsx
40
40
  var React7 = __toESM(require("react"));
41
41
  var import_react4 = require("react");
42
- var import_editor_documents = require("@elementor/editor-documents");
42
+ var import_editor_documents2 = require("@elementor/editor-documents");
43
43
  var import_editor_panels = require("@elementor/editor-panels");
44
44
  var import_editor_ui3 = require("@elementor/editor-ui");
45
- var import_editor_v1_adapters = require("@elementor/editor-v1-adapters");
45
+ var import_editor_v1_adapters2 = require("@elementor/editor-v1-adapters");
46
46
  var import_icons6 = require("@elementor/icons");
47
47
  var import_query = require("@elementor/query");
48
48
  var import_ui6 = require("@elementor/ui");
@@ -195,12 +195,12 @@ var ClassManagerIntroduction = () => {
195
195
  import_editor_ui.IntroductionModal,
196
196
  {
197
197
  open: shouldShowIntroduction,
198
- title: (0, import_i18n.__)("CSS Class manager", "elementor"),
198
+ title: (0, import_i18n.__)("Class Manager", "elementor"),
199
+ content: /* @__PURE__ */ React.createElement(IntroductionContent, null),
199
200
  image: {
200
201
  src: "https://assets.elementor.com/packages/v1/images/class-manager-intro.svg",
201
- alt: (0, import_i18n.__)("Class manager screenshot", "elementor")
202
+ alt: ""
202
203
  },
203
- content: /* @__PURE__ */ React.createElement(IntroductionContent, null),
204
204
  handleClose: (shouldShowAgain) => {
205
205
  if (!shouldShowAgain) {
206
206
  suppressMessage();
@@ -211,27 +211,18 @@ var ClassManagerIntroduction = () => {
211
211
  );
212
212
  };
213
213
  var IntroductionContent = () => {
214
- return /* @__PURE__ */ React.createElement(import_ui.Box, { padding: 3 }, /* @__PURE__ */ React.createElement(import_ui.Typography, { variant: "body2" }, (0, import_i18n.__)(
215
- "The CSS Class Manager allows you to manage and organize your site's CSS classes efficiently. You can reorder classes to adjust their priority, rename them to maintain clarity in your design system, and delete unused classes to keep your CSS structured.",
214
+ return /* @__PURE__ */ React.createElement(import_ui.Box, { p: 3 }, /* @__PURE__ */ React.createElement(import_ui.Typography, { variant: "body2" }, (0, import_i18n.__)(
215
+ "The Class Manager lets you see all the classes you've created, plus adjust their priority, rename them, and delete unused classes to keep your CSS structured.",
216
216
  "elementor"
217
217
  )), /* @__PURE__ */ React.createElement("br", null), /* @__PURE__ */ React.createElement(import_ui.Typography, { variant: "body2" }, (0, import_i18n.__)(
218
- "Changes apply globally\u2014any modifications will affect all elements using the class, impacting the class order and priority across your site.",
218
+ "Remember, when editing an item within a specific class, any changes you make will apply across all elements in that class.",
219
219
  "elementor"
220
220
  )));
221
221
  };
222
222
 
223
- // src/components/class-manager/flipped-color-swatch-icon.tsx
224
- var React2 = __toESM(require("react"));
225
- var import_icons = require("@elementor/icons");
226
- var FlippedColorSwatchIcon = ({ sx, ...props }) => /* @__PURE__ */ React2.createElement(import_icons.ColorSwatchIcon, { sx: { transform: "rotate(90deg)", ...sx }, ...props });
227
-
228
- // src/components/class-manager/global-classes-list.tsx
229
- var React5 = __toESM(require("react"));
230
- var import_editor_styles_repository = require("@elementor/editor-styles-repository");
231
- var import_editor_ui2 = require("@elementor/editor-ui");
232
- var import_icons4 = require("@elementor/icons");
233
- var import_ui4 = require("@elementor/ui");
234
- var import_i18n4 = require("@wordpress/i18n");
223
+ // src/components/class-manager/delete-class.ts
224
+ var import_editor_documents = require("@elementor/editor-documents");
225
+ var import_editor_v1_adapters = require("@elementor/editor-v1-adapters");
235
226
 
236
227
  // src/global-classes-styles-provider.ts
237
228
  var import_editor_styles2 = require("@elementor/editor-styles");
@@ -288,11 +279,46 @@ var globalClassesStylesProvider = {
288
279
  },
289
280
  subscribe: (cb) => (0, import_store6.__subscribeWithSelector)((state) => state.globalClasses, cb),
290
281
  labels: {
291
- singular: (0, import_i18n2.__)("Global class", "elementor"),
292
- plural: (0, import_i18n2.__)("Global CSS classes", "elementor")
282
+ singular: (0, import_i18n2.__)("class", "elementor"),
283
+ plural: (0, import_i18n2.__)("classes", "elementor")
293
284
  }
294
285
  };
295
286
 
287
+ // src/components/class-manager/delete-class.ts
288
+ var isDeleted = false;
289
+ var deleteClass = (id2) => {
290
+ globalClassesStylesProvider.actions.delete(id2);
291
+ isDeleted = true;
292
+ };
293
+ var onDelete = async () => {
294
+ await reloadDocument();
295
+ isDeleted = false;
296
+ };
297
+ var hasDeletedItems = () => isDeleted;
298
+ var reloadDocument = () => {
299
+ const currentDocument = (0, import_editor_documents.getCurrentDocument)();
300
+ const documentsManager = (0, import_editor_documents.getV1DocumentsManager)();
301
+ documentsManager.invalidateCache();
302
+ return (0, import_editor_v1_adapters.__privateRunCommand)("editor/documents/switch", {
303
+ id: currentDocument?.id,
304
+ shouldScroll: false,
305
+ shouldNavigateToDefaultRoute: false
306
+ });
307
+ };
308
+
309
+ // src/components/class-manager/flipped-color-swatch-icon.tsx
310
+ var React2 = __toESM(require("react"));
311
+ var import_icons = require("@elementor/icons");
312
+ var FlippedColorSwatchIcon = ({ sx, ...props }) => /* @__PURE__ */ React2.createElement(import_icons.ColorSwatchIcon, { sx: { transform: "rotate(90deg)", ...sx }, ...props });
313
+
314
+ // src/components/class-manager/global-classes-list.tsx
315
+ var React5 = __toESM(require("react"));
316
+ var import_editor_styles_repository = require("@elementor/editor-styles-repository");
317
+ var import_editor_ui2 = require("@elementor/editor-ui");
318
+ var import_icons4 = require("@elementor/icons");
319
+ var import_ui4 = require("@elementor/ui");
320
+ var import_i18n4 = require("@wordpress/i18n");
321
+
296
322
  // src/hooks/use-classes-order.ts
297
323
  var import_store8 = require("@elementor/store");
298
324
  var useClassesOrder = () => {
@@ -326,13 +352,13 @@ var TITLE_ID = "delete-class-dialog";
326
352
  var DeleteConfirmationDialog = ({ label, id: id2 }) => {
327
353
  const { closeDialog } = useDeleteConfirmation();
328
354
  const onConfirm = () => {
329
- globalClassesStylesProvider.actions.delete(id2);
355
+ deleteClass(id2);
330
356
  closeDialog();
331
357
  };
332
- return /* @__PURE__ */ React3.createElement(import_ui2.Dialog, { open: true, onClose: closeDialog, "aria-labelledby": TITLE_ID, maxWidth: "xs" }, /* @__PURE__ */ React3.createElement(import_ui2.DialogTitle, { id: TITLE_ID, display: "flex", alignItems: "center", gap: 1, sx: { lineHeight: 1 } }, /* @__PURE__ */ React3.createElement(import_icons2.AlertOctagonFilledIcon, { color: "error" }), (0, import_i18n3.__)("Delete global class", "elementor")), /* @__PURE__ */ React3.createElement(import_ui2.DialogContent, null, /* @__PURE__ */ React3.createElement(import_ui2.DialogContentText, { variant: "body2", color: "textPrimary" }, (0, import_i18n3.__)("Deleting", "elementor"), /* @__PURE__ */ React3.createElement(import_ui2.Typography, { variant: "subtitle2", component: "span" }, "\xA0", label, "\xA0"), (0, import_i18n3.__)(
358
+ return /* @__PURE__ */ React3.createElement(import_ui2.Dialog, { open: true, onClose: closeDialog, "aria-labelledby": TITLE_ID, maxWidth: "xs" }, /* @__PURE__ */ React3.createElement(import_ui2.DialogTitle, { id: TITLE_ID, display: "flex", alignItems: "center", gap: 1, sx: { lineHeight: 1 } }, /* @__PURE__ */ React3.createElement(import_icons2.AlertOctagonFilledIcon, { color: "error" }), (0, import_i18n3.__)("Delete this class?", "elementor")), /* @__PURE__ */ React3.createElement(import_ui2.DialogContent, null, /* @__PURE__ */ React3.createElement(import_ui2.DialogContentText, { variant: "body2", color: "textPrimary" }, (0, import_i18n3.__)("Deleting", "elementor"), /* @__PURE__ */ React3.createElement(import_ui2.Typography, { variant: "subtitle2", component: "span" }, "\xA0", label, "\xA0"), (0, import_i18n3.__)(
333
359
  "will permanently remove it from your project and may affect the design across all elements using it. This action cannot be undone.",
334
360
  "elementor"
335
- ))), /* @__PURE__ */ React3.createElement(import_ui2.DialogActions, null, /* @__PURE__ */ React3.createElement(import_ui2.Button, { color: "secondary", onClick: closeDialog }, (0, import_i18n3.__)("Cancel", "elementor")), /* @__PURE__ */ React3.createElement(import_ui2.Button, { variant: "contained", color: "error", onClick: onConfirm }, (0, import_i18n3.__)("Delete", "elementor"))));
361
+ ))), /* @__PURE__ */ React3.createElement(import_ui2.DialogActions, null, /* @__PURE__ */ React3.createElement(import_ui2.Button, { color: "secondary", onClick: closeDialog }, (0, import_i18n3.__)("Not now", "elementor")), /* @__PURE__ */ React3.createElement(import_ui2.Button, { variant: "contained", color: "error", onClick: onConfirm }, (0, import_i18n3.__)("Delete", "elementor"))));
336
362
  };
337
363
  var useDeleteConfirmation = () => {
338
364
  const contextValue = (0, import_react2.useContext)(context);
@@ -577,10 +603,10 @@ var getIndicatorBorder = ({ isActive, isError, theme }) => {
577
603
  };
578
604
  var validateLabel = (newLabel) => {
579
605
  if (!import_editor_styles_repository.stylesRepository.isLabelValid(newLabel)) {
580
- return (0, import_i18n4.__)("Format is not valid", "elementor");
606
+ return (0, import_i18n4.__)("Invalid format", "elementor");
581
607
  }
582
608
  if (import_editor_styles_repository.stylesRepository.isLabelExist(newLabel)) {
583
- return (0, import_i18n4.__)("Existing name", "elementor");
609
+ return (0, import_i18n4.__)("Name exists", "elementor");
584
610
  }
585
611
  return null;
586
612
  };
@@ -623,14 +649,10 @@ var { panel, usePanelActions } = (0, import_editor_panels.__createPanel)({
623
649
  component: ClassManagerPanel,
624
650
  allowedEditModes: ["edit", id],
625
651
  onOpen: () => {
626
- (0, import_editor_v1_adapters.changeEditMode)(id);
627
- return (0, import_editor_documents.getDocumentModifiedStatus)();
652
+ (0, import_editor_v1_adapters2.changeEditMode)(id);
628
653
  },
629
- onClose: (documentModifiedState) => {
630
- (0, import_editor_v1_adapters.changeEditMode)("edit");
631
- if ((0, import_editor_documents.getDocumentModifiedStatus)() !== documentModifiedState) {
632
- (0, import_editor_documents.setDocumentModifiedStatus)(documentModifiedState);
633
- }
654
+ onClose: () => {
655
+ (0, import_editor_v1_adapters2.changeEditMode)("edit");
634
656
  }
635
657
  });
636
658
  function ClassManagerPanel() {
@@ -639,10 +661,11 @@ function ClassManagerPanel() {
639
661
  const { open: openSaveChangesDialog, close: closeSaveChangesDialog, isOpen: isSaveChangesDialogOpen } = useDialog();
640
662
  const { mutateAsync: publish, isPending: isPublishing } = usePublish();
641
663
  usePreventUnload();
642
- return /* @__PURE__ */ React7.createElement(React7.Fragment, null, /* @__PURE__ */ React7.createElement(import_editor_ui3.ThemeProvider, null, /* @__PURE__ */ React7.createElement(import_ui6.ErrorBoundary, { fallback: /* @__PURE__ */ React7.createElement(ErrorBoundaryFallback, null) }, /* @__PURE__ */ React7.createElement(import_editor_panels.Panel, null, /* @__PURE__ */ React7.createElement(import_editor_panels.PanelHeader, null, /* @__PURE__ */ React7.createElement(import_ui6.Stack, { p: 1, pl: 2, width: "100%", direction: "row", alignItems: "center" }, /* @__PURE__ */ React7.createElement(import_editor_panels.PanelHeaderTitle, { sx: { display: "flex", alignItems: "center", gap: 0.5 } }, /* @__PURE__ */ React7.createElement(FlippedColorSwatchIcon, { fontSize: "inherit" }), (0, import_i18n5.__)("CSS Class manager", "elementor")), /* @__PURE__ */ React7.createElement(
664
+ return /* @__PURE__ */ React7.createElement(import_editor_ui3.ThemeProvider, null, /* @__PURE__ */ React7.createElement(import_ui6.ErrorBoundary, { fallback: /* @__PURE__ */ React7.createElement(ErrorBoundaryFallback, null) }, /* @__PURE__ */ React7.createElement(import_editor_panels.Panel, null, /* @__PURE__ */ React7.createElement(import_editor_panels.PanelHeader, null, /* @__PURE__ */ React7.createElement(import_ui6.Stack, { p: 1, pl: 2, width: "100%", direction: "row", alignItems: "center" }, /* @__PURE__ */ React7.createElement(import_editor_panels.PanelHeaderTitle, { sx: { display: "flex", alignItems: "center", gap: 0.5 } }, /* @__PURE__ */ React7.createElement(FlippedColorSwatchIcon, { fontSize: "inherit" }), (0, import_i18n5.__)("Class Manager", "elementor")), /* @__PURE__ */ React7.createElement(
643
665
  CloseButton,
644
666
  {
645
667
  sx: { marginLeft: "auto" },
668
+ disabled: isPublishing,
646
669
  onClose: () => {
647
670
  if (isDirty2) {
648
671
  openSaveChangesDialog();
@@ -681,7 +704,7 @@ function ClassManagerPanel() {
681
704
  }
682
705
  }
683
706
  }
684
- ))));
707
+ )));
685
708
  }
686
709
  var CloseButton = ({ onClose, ...props }) => /* @__PURE__ */ React7.createElement(import_ui6.IconButton, { size: "small", color: "secondary", onClick: onClose, "aria-label": "Close", ...props }, /* @__PURE__ */ React7.createElement(import_icons6.XIcon, { fontSize: "small" }));
687
710
  var ErrorBoundaryFallback = () => /* @__PURE__ */ React7.createElement(import_ui6.Box, { role: "alert", sx: { minHeight: "100%", p: 2 } }, /* @__PURE__ */ React7.createElement(import_ui6.Alert, { severity: "error", sx: { mb: 2, maxWidth: 400, textAlign: "center" } }, /* @__PURE__ */ React7.createElement("strong", null, (0, import_i18n5.__)("Something went wrong", "elementor"))));
@@ -700,13 +723,12 @@ var usePreventUnload = () => {
700
723
  }, [isDirty2]);
701
724
  };
702
725
  var usePublish = () => {
703
- const document = (0, import_editor_documents.__useActiveDocument)();
704
- const [initialDocumentStatus] = (0, import_react4.useState)(document?.isDirty ?? false);
705
726
  return (0, import_query.useMutation)({
706
727
  mutationFn: () => saveGlobalClasses({ context: "frontend" }),
707
- onSuccess: () => {
708
- if (initialDocumentStatus !== document?.isDirty) {
709
- (0, import_editor_documents.setDocumentModifiedStatus)(initialDocumentStatus);
728
+ onSuccess: async () => {
729
+ (0, import_editor_documents2.setDocumentModifiedStatus)(false);
730
+ if (hasDeletedItems()) {
731
+ await onDelete();
710
732
  }
711
733
  }
712
734
  });
@@ -714,9 +736,9 @@ var usePublish = () => {
714
736
 
715
737
  // src/components/class-manager/class-manager-button.tsx
716
738
  var ClassManagerButton = () => {
717
- const document = (0, import_editor_documents2.__useActiveDocument)();
739
+ const document = (0, import_editor_documents3.__useActiveDocument)();
718
740
  const { open: openPanel } = usePanelActions();
719
- const { save: saveDocument } = (0, import_editor_documents2.__useActiveDocumentActions)();
741
+ const { save: saveDocument } = (0, import_editor_documents3.__useActiveDocumentActions)();
720
742
  const { open: openSaveChangesDialog, close: closeSaveChangesDialog, isOpen: isSaveChangesDialogOpen } = useDialog();
721
743
  const handleOpenPanel = () => {
722
744
  if (document?.isDirty) {
@@ -725,15 +747,15 @@ var ClassManagerButton = () => {
725
747
  }
726
748
  openPanel();
727
749
  };
728
- return /* @__PURE__ */ React8.createElement(React8.Fragment, null, /* @__PURE__ */ React8.createElement(import_ui7.Tooltip, { title: (0, import_i18n6.__)("Class manager", "elementor"), placement: "top" }, /* @__PURE__ */ React8.createElement(import_ui7.IconButton, { onClick: handleOpenPanel }, /* @__PURE__ */ React8.createElement(FlippedColorSwatchIcon, { fontSize: "tiny" }))), isSaveChangesDialogOpen && /* @__PURE__ */ React8.createElement(SaveChangesDialog, null, /* @__PURE__ */ React8.createElement(SaveChangesDialog.Title, null, (0, import_i18n6.__)("You have unsaved changes", "elementor")), /* @__PURE__ */ React8.createElement(SaveChangesDialog.Content, null, /* @__PURE__ */ React8.createElement(SaveChangesDialog.ContentText, { sx: { mb: 2 } }, (0, import_i18n6.__)(
729
- "Save your changes before moving to the class manager to ensure all updates are applied and saved.",
750
+ return /* @__PURE__ */ React8.createElement(React8.Fragment, null, /* @__PURE__ */ React8.createElement(import_ui7.Tooltip, { title: (0, import_i18n6.__)("Class Manager", "elementor"), placement: "top" }, /* @__PURE__ */ React8.createElement(import_ui7.IconButton, { onClick: handleOpenPanel }, /* @__PURE__ */ React8.createElement(FlippedColorSwatchIcon, { fontSize: "tiny" }))), isSaveChangesDialogOpen && /* @__PURE__ */ React8.createElement(SaveChangesDialog, null, /* @__PURE__ */ React8.createElement(SaveChangesDialog.Title, null, (0, import_i18n6.__)("You have unsaved changes", "elementor")), /* @__PURE__ */ React8.createElement(SaveChangesDialog.Content, null, /* @__PURE__ */ React8.createElement(SaveChangesDialog.ContentText, { sx: { mb: 2 } }, (0, import_i18n6.__)(
751
+ "To open the Class Manager, save your page first. You can't continue without saving.",
730
752
  "elementor"
731
- )), /* @__PURE__ */ React8.createElement(SaveChangesDialog.ContentText, null, (0, import_i18n6.__)("If you leave without saving, all changes will be discarded.", "elementor"))), /* @__PURE__ */ React8.createElement(
753
+ ))), /* @__PURE__ */ React8.createElement(
732
754
  SaveChangesDialog.Actions,
733
755
  {
734
756
  actions: {
735
757
  cancel: {
736
- label: (0, import_i18n6.__)("Keep editing", "elementor"),
758
+ label: (0, import_i18n6.__)("Stay here", "elementor"),
737
759
  action: closeSaveChangesDialog
738
760
  },
739
761
  confirm: {
@@ -764,8 +786,8 @@ function PopulateStore() {
764
786
  }
765
787
 
766
788
  // src/sync-with-document-save.ts
767
- var import_editor_documents3 = require("@elementor/editor-documents");
768
- var import_editor_v1_adapters2 = require("@elementor/editor-v1-adapters");
789
+ var import_editor_documents4 = require("@elementor/editor-documents");
790
+ var import_editor_v1_adapters3 = require("@elementor/editor-v1-adapters");
769
791
  var import_store14 = require("@elementor/store");
770
792
  function syncWithDocumentSave() {
771
793
  const unsubscribe = syncDirtyState();
@@ -777,11 +799,11 @@ function syncDirtyState() {
777
799
  if (!isDirty()) {
778
800
  return;
779
801
  }
780
- (0, import_editor_documents3.setDocumentModifiedStatus)(true);
802
+ (0, import_editor_documents4.setDocumentModifiedStatus)(true);
781
803
  });
782
804
  }
783
805
  function bindSaveAction() {
784
- (0, import_editor_v1_adapters2.registerDataHook)("after", "document/save/save", (args) => {
806
+ (0, import_editor_v1_adapters3.registerDataHook)("after", "document/save/save", (args) => {
785
807
  return saveGlobalClasses({
786
808
  context: args.status === "publish" ? "frontend" : "preview"
787
809
  });
@@ -804,7 +826,7 @@ function init() {
804
826
  id: "global-classes-manager-button",
805
827
  component: ClassManagerButton
806
828
  });
807
- (0, import_editor_v1_adapters3.__privateListenTo)((0, import_editor_v1_adapters3.v1ReadyEvent)(), () => {
829
+ (0, import_editor_v1_adapters4.__privateListenTo)((0, import_editor_v1_adapters4.v1ReadyEvent)(), () => {
808
830
  syncWithDocumentSave();
809
831
  });
810
832
  }