@wix/ricos 10.114.0 → 10.115.0

package/dist/es/plugin-gallery/editor.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/plugin-gallery/editor.ts"],
-  "sourcesContent": ["import { RicosPluginToolbarNames } from './../ricos-types';\nimport type { EditorPluginCreator } from './../wix-rich-content-common';\n\nimport { DEFAULTS } from './defaults';\nimport { galleryConverter } from './gallery-converter';\nimport { getAddButtons } from './getAddButtons';\nimport { getToolbarButtons } from './getToolbarButtons';\nimport { GallerySettingsModal } from './modals/settings';\nimport { MediaSettingsForm } from './modals/settings/media-settings/media-settings-form';\nimport { tiptapExtensions } from './tiptap/tiptap';\nimport { GalleryPluginService } from './toolbar/galleryPluginService';\nimport type { GalleryPluginEditorConfig } from './types';\nimport { GALLERY_TYPE } from './types';\n\nconst galleryPluginService = new GalleryPluginService();\n\nexport const pluginGallery: EditorPluginCreator<\n  GalleryPluginEditorConfig,\n  {\n    SettingsModal: typeof GallerySettingsModal;\n    SettingsModalMediaForm: typeof MediaSettingsForm;\n  }\n> = config => {\n  const pluginConfig: GalleryPluginEditorConfig = { ...DEFAULTS.containerData, ...config };\n  return {\n    config: pluginConfig,\n    type: GALLERY_TYPE,\n    pmMarkConverters: [],\n    pmNodeConverters: [galleryConverter],\n    tiptapExtensions,\n    getAddButtons: (config, services) => getAddButtons(config, galleryPluginService, services),\n    toolbar: {\n      names: [RicosPluginToolbarNames.GALLERY],\n      getButtons: (config, services) => getToolbarButtons(config, galleryPluginService, services),\n    },\n    __exports: {\n      SettingsModal: GallerySettingsModal,\n      SettingsModalMediaForm: MediaSettingsForm,\n    },\n  };\n};\n"],
-  "mappings": "AAAA,SAAS,+BAA+B;AAGxC,SAAS,gBAAgB;AACzB,SAAS,wBAAwB;AACjC,SAAS,qBAAqB;AAC9B,SAAS,yBAAyB;AAClC,SAAS,4BAA4B;AACrC,SAAS,yBAAyB;AAClC,SAAS,wBAAwB;AACjC,SAAS,4BAA4B;AAErC,SAAS,oBAAoB;AAE7B,MAAM,uBAAuB,IAAI,qBAAqB;AAE/C,MAAM,gBAMT,YAAU;AACZ,QAAM,eAA0C,EAAE,GAAG,SAAS,eAAe,GAAG,OAAO;AACvF,SAAO;AAAA,IACL,QAAQ;AAAA,IACR,MAAM;AAAA,IACN,kBAAkB,CAAC;AAAA,IACnB,kBAAkB,CAAC,gBAAgB;AAAA,IACnC;AAAA,IACA,eAAe,CAACA,SAAQ,aAAa,cAAcA,SAAQ,sBAAsB,QAAQ;AAAA,IACzF,SAAS;AAAA,MACP,OAAO,CAAC,wBAAwB,OAAO;AAAA,MACvC,YAAY,CAACA,SAAQ,aAAa,kBAAkBA,SAAQ,sBAAsB,QAAQ;AAAA,IAC5F;AAAA,IACA,WAAW;AAAA,MACT,eAAe;AAAA,MACf,wBAAwB;AAAA,IAC1B;AAAA,EACF;AACF;",
+  "sourcesContent": ["import { ProGalleriesSmall } from '@wix/wix-ui-icons-common';\n\nimport { quickActionsModalSections, RicosPluginToolbarNames } from './../ricos-types';\nimport {\n  changeSelectionToEndOfTextBlock,\n  type EditorPluginCreator,\n} from './../wix-rich-content-common';\n\nimport { DEFAULTS } from './defaults';\nimport { galleryConverter } from './gallery-converter';\nimport { getAddButtons } from './getAddButtons';\nimport { getToolbarButtons } from './getToolbarButtons';\nimport { handleFileSelect } from './handle-file-select';\nimport { GallerySettingsModal } from './modals/settings';\nimport { MediaSettingsForm } from './modals/settings/media-settings/media-settings-form';\nimport { tiptapExtensions } from './tiptap/tiptap';\nimport { GalleryPluginService } from './toolbar/galleryPluginService';\nimport type { GalleryPluginEditorConfig } from './types';\nimport { GALLERY_TYPE } from './types';\n\nconst galleryPluginService = new GalleryPluginService();\n\nexport const pluginGallery: EditorPluginCreator<\n  GalleryPluginEditorConfig,\n  {\n    SettingsModal: typeof GallerySettingsModal;\n    SettingsModalMediaForm: typeof MediaSettingsForm;\n  }\n> = config => {\n  const pluginConfig: GalleryPluginEditorConfig = { ...DEFAULTS.containerData, ...config };\n  return {\n    config: pluginConfig,\n    type: GALLERY_TYPE,\n    pmMarkConverters: [],\n    pmNodeConverters: [galleryConverter],\n    tiptapExtensions,\n    getAddButtons: (config, services) => getAddButtons(config, galleryPluginService, services),\n    toolbar: {\n      names: [RicosPluginToolbarNames.GALLERY],\n      getButtons: (config, services) => getToolbarButtons(config, galleryPluginService, services),\n    },\n    getQuickActions: ({ pluginServices, config }) => [\n      {\n        id: 'gallery',\n        title: 'QuickActionsPlugin_ActionTitle_Gallery',\n        icon: ProGalleriesSmall,\n        section: quickActionsModalSections.Media,\n        command: ({ editorCommands, editor }) => {\n          changeSelectionToEndOfTextBlock(editor);\n          handleFileSelect(editorCommands, galleryPluginService, pluginServices, config);\n        },\n      },\n    ],\n    __exports: {\n      SettingsModal: GallerySettingsModal,\n      SettingsModalMediaForm: MediaSettingsForm,\n    },\n  };\n};\n"],
+  "mappings": "AAAA,SAAS,yBAAyB;AAElC,SAAS,2BAA2B,+BAA+B;AACnE;AAAA,EACE;AAAA,OAEK;AAEP,SAAS,gBAAgB;AACzB,SAAS,wBAAwB;AACjC,SAAS,qBAAqB;AAC9B,SAAS,yBAAyB;AAClC,SAAS,wBAAwB;AACjC,SAAS,4BAA4B;AACrC,SAAS,yBAAyB;AAClC,SAAS,wBAAwB;AACjC,SAAS,4BAA4B;AAErC,SAAS,oBAAoB;AAE7B,MAAM,uBAAuB,IAAI,qBAAqB;AAE/C,MAAM,gBAMT,YAAU;AACZ,QAAM,eAA0C,EAAE,GAAG,SAAS,eAAe,GAAG,OAAO;AACvF,SAAO;AAAA,IACL,QAAQ;AAAA,IACR,MAAM;AAAA,IACN,kBAAkB,CAAC;AAAA,IACnB,kBAAkB,CAAC,gBAAgB;AAAA,IACnC;AAAA,IACA,eAAe,CAACA,SAAQ,aAAa,cAAcA,SAAQ,sBAAsB,QAAQ;AAAA,IACzF,SAAS;AAAA,MACP,OAAO,CAAC,wBAAwB,OAAO;AAAA,MACvC,YAAY,CAACA,SAAQ,aAAa,kBAAkBA,SAAQ,sBAAsB,QAAQ;AAAA,IAC5F;AAAA,IACA,iBAAiB,CAAC,EAAE,gBAAgB,QAAAA,QAAO,MAAM;AAAA,MAC/C;AAAA,QACE,IAAI;AAAA,QACJ,OAAO;AAAA,QACP,MAAM;AAAA,QACN,SAAS,0BAA0B;AAAA,QACnC,SAAS,CAAC,EAAE,gBAAgB,OAAO,MAAM;AACvC,0CAAgC,MAAM;AACtC,2BAAiB,gBAAgB,sBAAsB,gBAAgBA,OAAM;AAAA,QAC/E;AAAA,MACF;AAAA,IACF;AAAA,IACA,WAAW;AAAA,MACT,eAAe;AAAA,MACf,wBAAwB;AAAA,IAC1B;AAAA,EACF;AACF;",
   "names": ["config"]
 }

package/dist/es/plugin-gallery/gallery-converter.js

@@ -19,7 +19,9 @@ const galleryConverter = {
         id,
         nodes: [],
         galleryData: {
-          ...data
+          ...data,
+          disableExpand: data.disableExpand || void 0,
+          disableDownload: data.disableDownload || void 0
         }
       };
     }

package/dist/es/plugin-gallery/gallery-converter.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/plugin-gallery/gallery-converter.ts"],
-  "sourcesContent": ["import type { PmNodeConverter, PmNodeJson } from './../pm-converters/types';\nimport type { GalleryData } from './../ricos-schema/legacy/wix/rich_content/v1';\nimport { Node_Type } from './../ricos-schema/legacy/wix/rich_content/v1';\nimport type { GalleryNode } from './../ricos-types';\n\nexport const galleryConverter: PmNodeConverter = {\n  toPm: {\n    types: [Node_Type.GALLERY],\n    convert: (node: GalleryNode) => ({\n      type: Node_Type.GALLERY,\n      attrs: {\n        ...node.galleryData,\n        id: node.id,\n      },\n    }),\n  },\n  fromPm: {\n    types: [Node_Type.GALLERY],\n    convert: (node: PmNodeJson) => {\n      const { id, ...data } = node.attrs || {};\n      return {\n        type: Node_Type.GALLERY,\n        id,\n        nodes: [],\n        galleryData: {\n          ...(data as GalleryData),\n        },\n      };\n    },\n  },\n};\n"],
-  "mappings": "AAEA,SAAS,iBAAiB;AAGnB,MAAM,mBAAoC;AAAA,EAC/C,MAAM;AAAA,IACJ,OAAO,CAAC,UAAU,OAAO;AAAA,IACzB,SAAS,CAAC,UAAuB;AAAA,MAC/B,MAAM,UAAU;AAAA,MAChB,OAAO;AAAA,QACL,GAAG,KAAK;AAAA,QACR,IAAI,KAAK;AAAA,MACX;AAAA,IACF;AAAA,EACF;AAAA,EACA,QAAQ;AAAA,IACN,OAAO,CAAC,UAAU,OAAO;AAAA,IACzB,SAAS,CAAC,SAAqB;AAC7B,YAAM,EAAE,IAAI,GAAG,KAAK,IAAI,KAAK,SAAS,CAAC;AACvC,aAAO;AAAA,QACL,MAAM,UAAU;AAAA,QAChB;AAAA,QACA,OAAO,CAAC;AAAA,QACR,aAAa;AAAA,UACX,GAAI;AAAA,QACN;AAAA,MACF;AAAA,IACF;AAAA,EACF;AACF;",
+  "sourcesContent": ["import type { PmNodeConverter, PmNodeJson } from './../pm-converters/types';\nimport type { GalleryData } from './../ricos-schema/legacy/wix/rich_content/v1';\nimport { Node_Type } from './../ricos-schema/legacy/wix/rich_content/v1';\nimport type { GalleryNode } from './../ricos-types';\n\nexport const galleryConverter: PmNodeConverter = {\n  toPm: {\n    types: [Node_Type.GALLERY],\n    convert: (node: GalleryNode) => ({\n      type: Node_Type.GALLERY,\n      attrs: {\n        ...node.galleryData,\n        id: node.id,\n      },\n    }),\n  },\n  fromPm: {\n    types: [Node_Type.GALLERY],\n    convert: (node: PmNodeJson) => {\n      const { id, ...data } = node.attrs || {};\n      return {\n        type: Node_Type.GALLERY,\n        id,\n        nodes: [],\n        galleryData: {\n          ...(data as GalleryData),\n          disableExpand: data.disableExpand || undefined,\n          disableDownload: data.disableDownload || undefined,\n        },\n      };\n    },\n  },\n};\n"],
+  "mappings": "AAEA,SAAS,iBAAiB;AAGnB,MAAM,mBAAoC;AAAA,EAC/C,MAAM;AAAA,IACJ,OAAO,CAAC,UAAU,OAAO;AAAA,IACzB,SAAS,CAAC,UAAuB;AAAA,MAC/B,MAAM,UAAU;AAAA,MAChB,OAAO;AAAA,QACL,GAAG,KAAK;AAAA,QACR,IAAI,KAAK;AAAA,MACX;AAAA,IACF;AAAA,EACF;AAAA,EACA,QAAQ;AAAA,IACN,OAAO,CAAC,UAAU,OAAO;AAAA,IACzB,SAAS,CAAC,SAAqB;AAC7B,YAAM,EAAE,IAAI,GAAG,KAAK,IAAI,KAAK,SAAS,CAAC;AACvC,aAAO;AAAA,QACL,MAAM,UAAU;AAAA,QAChB;AAAA,QACA,OAAO,CAAC;AAAA,QACR,aAAa;AAAA,UACX,GAAI;AAAA,UACJ,eAAe,KAAK,iBAAiB;AAAA,UACrC,iBAAiB,KAAK,mBAAmB;AAAA,QAC3C;AAAA,MACF;AAAA,IACF;AAAA,EACF;AACF;",
   "names": []
 }

package/dist/es/plugin-gallery/getAddButtons.js

@@ -1,41 +1,7 @@
-import defaultData from "./../ricos-schema/legacy/statics/gallery.defaults.json";
 import { Node_Type } from "./../ricos-types";
 import { INSERT_PLUGIN_BUTTONS, TOOLBARS } from "./../editor-common";
-import { Uploader } from "./../plugin-commons";
-import { fileInputAccept } from "./consts";
+import { handleFileSelect } from "./handle-file-select";
 import { InsertPluginIcon } from "./icons";
-import { GALLERY_TYPE } from "./types";
-const handleExternalFileChange = (editorCommands, updateService, galleryPluginService) => ({ data }) => {
-  const nodeId = editorCommands.insertBlockWithBlankLines(GALLERY_TYPE, defaultData);
-  if (data instanceof Array) {
-    data.forEach((file) => {
-      setTimeout(() => {
-        updateService.updatePluginData(
-          { data: file },
-          nodeId,
-          GALLERY_TYPE,
-          galleryPluginService
-        );
-      });
-    });
-  } else {
-    updateService.updatePluginData({ data }, nodeId, GALLERY_TYPE, galleryPluginService);
-  }
-};
-const handleNativeFileChange = (editorCommands, uploadService, uploader, galleryPluginService) => (files) => {
-  const nodeId = editorCommands.insertBlockWithBlankLines(GALLERY_TYPE, defaultData);
-  files.forEach((file) => {
-    setTimeout(() => {
-      uploadService.uploadFile(
-        new File([file], file.name, { type: file.type }),
-        nodeId,
-        uploader,
-        GALLERY_TYPE,
-        galleryPluginService
-      );
-    }, 0);
-  });
-};
 const toolbarsToAddIn = [
   TOOLBARS.FOOTER,
   TOOLBARS.SIDE,
@@ -51,31 +17,14 @@ const getAddButtons = (config, galleryPluginService, services) => {
       tooltip: "GalleryPlugin_InsertButton_Tooltip",
       toolbars: toolbarsToAddIn,
       command: ({ editorCommands }) => {
-        const { uploadService, updateService } = services || {};
+        const { updateService } = services || {};
         if (updateService === void 0) {
           return true;
         }
-        if (config?.handleFileSelection) {
-          config.handleFileSelection(
-            void 0,
-            true,
-            handleExternalFileChange(editorCommands, updateService, galleryPluginService),
-            void 0,
-            defaultData
-          );
-        } else {
-          const { accept = fileInputAccept, multi = true } = config ?? {};
-          uploadService?.selectFiles(
-            accept,
-            multi,
-            handleNativeFileChange(
-              editorCommands,
-              uploadService,
-              new Uploader(config?.handleFileUpload),
-              galleryPluginService
-            )
-          );
+        if (!services) {
+          return false;
         }
+        handleFileSelect(editorCommands, galleryPluginService, services, config);
         return true;
       },
       menuConfig: {

package/dist/es/plugin-gallery/getAddButtons.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/plugin-gallery/getAddButtons.tsx"],
-  "sourcesContent": ["import defaultData from './../ricos-schema/legacy/statics/gallery.defaults.json';\nimport type {\n  AddButton,\n  EditorCommands,\n  IFileUploader,\n  IMediaPluginService,\n  IUpdateService,\n  IUploadService,\n  RicosServices,\n} from './../ricos-types';\nimport { Node_Type } from './../ricos-types';\nimport { INSERT_PLUGIN_BUTTONS, TOOLBARS } from './../editor-common';\nimport { Uploader } from './../plugin-commons';\n\nimport { fileInputAccept } from './consts';\nimport { InsertPluginIcon } from './icons';\nimport type { GalleryPluginEditorConfig } from './types';\nimport { GALLERY_TYPE } from './types';\n\nconst handleExternalFileChange =\n  (\n    editorCommands: EditorCommands,\n    updateService: IUpdateService,\n    galleryPluginService: IMediaPluginService\n  ) =>\n  ({ data }) => {\n    const nodeId = editorCommands.insertBlockWithBlankLines(GALLERY_TYPE, defaultData);\n    if (data instanceof Array) {\n      data.forEach(file => {\n        setTimeout(() => {\n          updateService.updatePluginData(\n            { data: file },\n            nodeId,\n            GALLERY_TYPE,\n            galleryPluginService\n          );\n        });\n      });\n    } else {\n      updateService.updatePluginData({ data }, nodeId, GALLERY_TYPE, galleryPluginService);\n    }\n  };\n\nconst handleNativeFileChange =\n  (\n    editorCommands: EditorCommands,\n    uploadService: IUploadService,\n    uploader: IFileUploader,\n    galleryPluginService: IMediaPluginService\n  ) =>\n  (files: File[]) => {\n    const nodeId = editorCommands.insertBlockWithBlankLines(GALLERY_TYPE, defaultData);\n    files.forEach(file => {\n      setTimeout(() => {\n        uploadService.uploadFile(\n          new File([file], file.name, { type: file.type }),\n          nodeId,\n          uploader,\n          GALLERY_TYPE,\n          galleryPluginService\n        );\n      }, 0);\n    });\n  };\n\nexport const toolbarsToAddIn: (TOOLBARS.MOBILE | TOOLBARS.FOOTER | TOOLBARS.SIDE)[] = [\n  TOOLBARS.FOOTER,\n  TOOLBARS.SIDE,\n  TOOLBARS.MOBILE,\n];\n\nexport const getAddButtons = (\n  config: GalleryPluginEditorConfig | undefined,\n  galleryPluginService: IMediaPluginService,\n  services?: RicosServices\n): AddButton[] => {\n  return [\n    {\n      id: Node_Type.GALLERY,\n      label: INSERT_PLUGIN_BUTTONS.GALLERY,\n      dataHook: INSERT_PLUGIN_BUTTONS.GALLERY,\n      icon: InsertPluginIcon,\n      tooltip: 'GalleryPlugin_InsertButton_Tooltip',\n      toolbars: toolbarsToAddIn,\n      command: ({ editorCommands }) => {\n        const { uploadService, updateService } = services || {};\n\n        if (updateService === undefined) {\n          return true;\n        }\n\n        if (config?.handleFileSelection) {\n          config.handleFileSelection(\n            undefined,\n            true,\n            handleExternalFileChange(editorCommands, updateService, galleryPluginService),\n            undefined,\n            defaultData\n          );\n        } else {\n          const { accept = fileInputAccept, multi = true } = config ?? {};\n          uploadService?.selectFiles(\n            accept,\n            multi,\n            handleNativeFileChange(\n              editorCommands,\n              uploadService,\n              new Uploader(config?.handleFileUpload),\n              galleryPluginService\n            )\n          );\n        }\n        return true;\n      },\n      menuConfig: {\n        tags: 'Gallery_plugin_search_tags',\n      },\n    },\n  ];\n};\n"],
-  "mappings": "AAAA,OAAO,iBAAiB;AAUxB,SAAS,iBAAiB;AAC1B,SAAS,uBAAuB,gBAAgB;AAChD,SAAS,gBAAgB;AAEzB,SAAS,uBAAuB;AAChC,SAAS,wBAAwB;AAEjC,SAAS,oBAAoB;AAE7B,MAAM,2BACJ,CACE,gBACA,eACA,yBAEF,CAAC,EAAE,KAAK,MAAM;AACZ,QAAM,SAAS,eAAe,0BAA0B,cAAc,WAAW;AACjF,MAAI,gBAAgB,OAAO;AACzB,SAAK,QAAQ,UAAQ;AACnB,iBAAW,MAAM;AACf,sBAAc;AAAA,UACZ,EAAE,MAAM,KAAK;AAAA,UACb;AAAA,UACA;AAAA,UACA;AAAA,QACF;AAAA,MACF,CAAC;AAAA,IACH,CAAC;AAAA,EACH,OAAO;AACL,kBAAc,iBAAiB,EAAE,KAAK,GAAG,QAAQ,cAAc,oBAAoB;AAAA,EACrF;AACF;AAEF,MAAM,yBACJ,CACE,gBACA,eACA,UACA,yBAEF,CAAC,UAAkB;AACjB,QAAM,SAAS,eAAe,0BAA0B,cAAc,WAAW;AACjF,QAAM,QAAQ,UAAQ;AACpB,eAAW,MAAM;AACf,oBAAc;AAAA,QACZ,IAAI,KAAK,CAAC,IAAI,GAAG,KAAK,MAAM,EAAE,MAAM,KAAK,KAAK,CAAC;AAAA,QAC/C;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,MACF;AAAA,IACF,GAAG,CAAC;AAAA,EACN,CAAC;AACH;AAEK,MAAM,kBAAyE;AAAA,EACpF,SAAS;AAAA,EACT,SAAS;AAAA,EACT,SAAS;AACX;AAEO,MAAM,gBAAgB,CAC3B,QACA,sBACA,aACgB;AAChB,SAAO;AAAA,IACL;AAAA,MACE,IAAI,UAAU;AAAA,MACd,OAAO,sBAAsB;AAAA,MAC7B,UAAU,sBAAsB;AAAA,MAChC,MAAM;AAAA,MACN,SAAS;AAAA,MACT,UAAU;AAAA,MACV,SAAS,CAAC,EAAE,eAAe,MAAM;AAC/B,cAAM,EAAE,eAAe,cAAc,IAAI,YAAY,CAAC;AAEtD,YAAI,kBAAkB,QAAW;AAC/B,iBAAO;AAAA,QACT;AAEA,YAAI,QAAQ,qBAAqB;AAC/B,iBAAO;AAAA,YACL;AAAA,YACA;AAAA,YACA,yBAAyB,gBAAgB,eAAe,oBAAoB;AAAA,YAC5E;AAAA,YACA;AAAA,UACF;AAAA,QACF,OAAO;AACL,gBAAM,EAAE,SAAS,iBAAiB,QAAQ,KAAK,IAAI,UAAU,CAAC;AAC9D,yBAAe;AAAA,YACb;AAAA,YACA;AAAA,YACA;AAAA,cACE;AAAA,cACA;AAAA,cACA,IAAI,SAAS,QAAQ,gBAAgB;AAAA,cACrC;AAAA,YACF;AAAA,UACF;AAAA,QACF;AACA,eAAO;AAAA,MACT;AAAA,MACA,YAAY;AAAA,QACV,MAAM;AAAA,MACR;AAAA,IACF;AAAA,EACF;AACF;",
+  "sourcesContent": ["import type { AddButton, IMediaPluginService, RicosServices } from './../ricos-types';\nimport { Node_Type } from './../ricos-types';\nimport { INSERT_PLUGIN_BUTTONS, TOOLBARS } from './../editor-common';\n\nimport { handleFileSelect } from './handle-file-select';\nimport { InsertPluginIcon } from './icons';\nimport type { GalleryPluginEditorConfig } from './types';\n\nexport const toolbarsToAddIn: (TOOLBARS.MOBILE | TOOLBARS.FOOTER | TOOLBARS.SIDE)[] = [\n  TOOLBARS.FOOTER,\n  TOOLBARS.SIDE,\n  TOOLBARS.MOBILE,\n];\n\nexport const getAddButtons = (\n  config: GalleryPluginEditorConfig | undefined,\n  galleryPluginService: IMediaPluginService,\n  services?: RicosServices\n): AddButton[] => {\n  return [\n    {\n      id: Node_Type.GALLERY,\n      label: INSERT_PLUGIN_BUTTONS.GALLERY,\n      dataHook: INSERT_PLUGIN_BUTTONS.GALLERY,\n      icon: InsertPluginIcon,\n      tooltip: 'GalleryPlugin_InsertButton_Tooltip',\n      toolbars: toolbarsToAddIn,\n      command: ({ editorCommands }) => {\n        const { updateService } = services || {};\n\n        if (updateService === undefined) {\n          return true;\n        }\n\n        if (!services) {\n          return false;\n        }\n\n        handleFileSelect(editorCommands, galleryPluginService, services, config);\n        return true;\n      },\n      menuConfig: {\n        tags: 'Gallery_plugin_search_tags',\n      },\n    },\n  ];\n};\n"],
+  "mappings": "AACA,SAAS,iBAAiB;AAC1B,SAAS,uBAAuB,gBAAgB;AAEhD,SAAS,wBAAwB;AACjC,SAAS,wBAAwB;AAG1B,MAAM,kBAAyE;AAAA,EACpF,SAAS;AAAA,EACT,SAAS;AAAA,EACT,SAAS;AACX;AAEO,MAAM,gBAAgB,CAC3B,QACA,sBACA,aACgB;AAChB,SAAO;AAAA,IACL;AAAA,MACE,IAAI,UAAU;AAAA,MACd,OAAO,sBAAsB;AAAA,MAC7B,UAAU,sBAAsB;AAAA,MAChC,MAAM;AAAA,MACN,SAAS;AAAA,MACT,UAAU;AAAA,MACV,SAAS,CAAC,EAAE,eAAe,MAAM;AAC/B,cAAM,EAAE,cAAc,IAAI,YAAY,CAAC;AAEvC,YAAI,kBAAkB,QAAW;AAC/B,iBAAO;AAAA,QACT;AAEA,YAAI,CAAC,UAAU;AACb,iBAAO;AAAA,QACT;AAEA,yBAAiB,gBAAgB,sBAAsB,UAAU,MAAM;AACvE,eAAO;AAAA,MACT;AAAA,MACA,YAAY;AAAA,QACV,MAAM;AAAA,MACR;AAAA,IACF;AAAA,EACF;AACF;",
   "names": []
 }

package/dist/es/plugin-gallery/handle-file-select.js

@@ -0,0 +1,63 @@
+import defaultData from "./../ricos-schema/legacy/statics/gallery.defaults.json";
+import { Uploader } from "./../plugin-commons";
+import { fileInputAccept } from "./consts";
+import { GALLERY_TYPE } from "./types";
+const handleExternalFileChange = (editorCommands, updateService, galleryPluginService) => ({ data }) => {
+  const nodeId = editorCommands.insertBlockWithBlankLines(GALLERY_TYPE, defaultData);
+  if (data instanceof Array) {
+    data.forEach((file) => {
+      setTimeout(() => {
+        updateService.updatePluginData(
+          { data: file },
+          nodeId,
+          GALLERY_TYPE,
+          galleryPluginService
+        );
+      });
+    });
+  } else {
+    updateService.updatePluginData({ data }, nodeId, GALLERY_TYPE, galleryPluginService);
+  }
+};
+const handleNativeFileChange = (editorCommands, uploadService, uploader, galleryPluginService) => (files) => {
+  const nodeId = editorCommands.insertBlockWithBlankLines(GALLERY_TYPE, defaultData);
+  files.forEach((file) => {
+    setTimeout(() => {
+      uploadService.uploadFile(
+        new File([file], file.name, { type: file.type }),
+        nodeId,
+        uploader,
+        GALLERY_TYPE,
+        galleryPluginService
+      );
+    }, 0);
+  });
+};
+const handleFileSelect = (editorCommands, galleryPluginService, services, config) => {
+  const { uploadService, updateService } = services || {};
+  if (config?.handleFileSelection) {
+    config.handleFileSelection(
+      void 0,
+      true,
+      handleExternalFileChange(editorCommands, updateService, galleryPluginService),
+      void 0,
+      defaultData
+    );
+  } else {
+    const { accept = fileInputAccept, multi = true, handleFileUpload } = config ?? {};
+    uploadService?.selectFiles(
+      accept,
+      multi,
+      handleNativeFileChange(
+        editorCommands,
+        uploadService,
+        new Uploader(handleFileUpload),
+        galleryPluginService
+      )
+    );
+  }
+};
+export {
+  handleFileSelect
+};
+//# sourceMappingURL=handle-file-select.js.map

package/dist/es/plugin-gallery/handle-file-select.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/plugin-gallery/handle-file-select.ts"],
+  "sourcesContent": ["import type { PluginServices } from './../ricos-plugins/editorPlugins';\nimport defaultData from './../ricos-schema/legacy/statics/gallery.defaults.json';\nimport type {\n  EditorCommands,\n  IFileUploader,\n  IMediaPluginService,\n  IUpdateService,\n  IUploadService,\n} from './../ricos-types';\nimport { Uploader } from './../plugin-commons';\n\nimport { fileInputAccept } from './consts';\nimport type { GalleryPluginEditorConfig } from './types';\nimport { GALLERY_TYPE } from './types';\n\nconst handleExternalFileChange =\n  (\n    editorCommands: EditorCommands,\n    updateService: IUpdateService,\n    galleryPluginService: IMediaPluginService\n  ) =>\n  ({ data }) => {\n    const nodeId = editorCommands.insertBlockWithBlankLines(GALLERY_TYPE, defaultData);\n    if (data instanceof Array) {\n      data.forEach(file => {\n        setTimeout(() => {\n          updateService.updatePluginData(\n            { data: file },\n            nodeId,\n            GALLERY_TYPE,\n            galleryPluginService\n          );\n        });\n      });\n    } else {\n      updateService.updatePluginData({ data }, nodeId, GALLERY_TYPE, galleryPluginService);\n    }\n  };\n\nconst handleNativeFileChange =\n  (\n    editorCommands: EditorCommands,\n    uploadService: IUploadService,\n    uploader: IFileUploader,\n    galleryPluginService: IMediaPluginService\n  ) =>\n  (files: File[]) => {\n    const nodeId = editorCommands.insertBlockWithBlankLines(GALLERY_TYPE, defaultData);\n    files.forEach(file => {\n      setTimeout(() => {\n        uploadService.uploadFile(\n          new File([file], file.name, { type: file.type }),\n          nodeId,\n          uploader,\n          GALLERY_TYPE,\n          galleryPluginService\n        );\n      }, 0);\n    });\n  };\n\nexport const handleFileSelect = (\n  editorCommands: EditorCommands,\n  galleryPluginService: IMediaPluginService,\n  services: PluginServices,\n  config?: GalleryPluginEditorConfig\n) => {\n  const { uploadService, updateService } = services || {};\n\n  if (config?.handleFileSelection) {\n    config.handleFileSelection(\n      undefined,\n      true,\n      handleExternalFileChange(editorCommands, updateService, galleryPluginService),\n      undefined,\n      defaultData\n    );\n  } else {\n    const { accept = fileInputAccept, multi = true, handleFileUpload } = config ?? {};\n    uploadService?.selectFiles(\n      accept,\n      multi,\n      handleNativeFileChange(\n        editorCommands,\n        uploadService,\n        new Uploader(handleFileUpload),\n        galleryPluginService\n      )\n    );\n  }\n};\n"],
+  "mappings": "AACA,OAAO,iBAAiB;AAQxB,SAAS,gBAAgB;AAEzB,SAAS,uBAAuB;AAEhC,SAAS,oBAAoB;AAE7B,MAAM,2BACJ,CACE,gBACA,eACA,yBAEF,CAAC,EAAE,KAAK,MAAM;AACZ,QAAM,SAAS,eAAe,0BAA0B,cAAc,WAAW;AACjF,MAAI,gBAAgB,OAAO;AACzB,SAAK,QAAQ,UAAQ;AACnB,iBAAW,MAAM;AACf,sBAAc;AAAA,UACZ,EAAE,MAAM,KAAK;AAAA,UACb;AAAA,UACA;AAAA,UACA;AAAA,QACF;AAAA,MACF,CAAC;AAAA,IACH,CAAC;AAAA,EACH,OAAO;AACL,kBAAc,iBAAiB,EAAE,KAAK,GAAG,QAAQ,cAAc,oBAAoB;AAAA,EACrF;AACF;AAEF,MAAM,yBACJ,CACE,gBACA,eACA,UACA,yBAEF,CAAC,UAAkB;AACjB,QAAM,SAAS,eAAe,0BAA0B,cAAc,WAAW;AACjF,QAAM,QAAQ,UAAQ;AACpB,eAAW,MAAM;AACf,oBAAc;AAAA,QACZ,IAAI,KAAK,CAAC,IAAI,GAAG,KAAK,MAAM,EAAE,MAAM,KAAK,KAAK,CAAC;AAAA,QAC/C;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,MACF;AAAA,IACF,GAAG,CAAC;AAAA,EACN,CAAC;AACH;AAEK,MAAM,mBAAmB,CAC9B,gBACA,sBACA,UACA,WACG;AACH,QAAM,EAAE,eAAe,cAAc,IAAI,YAAY,CAAC;AAEtD,MAAI,QAAQ,qBAAqB;AAC/B,WAAO;AAAA,MACL;AAAA,MACA;AAAA,MACA,yBAAyB,gBAAgB,eAAe,oBAAoB;AAAA,MAC5E;AAAA,MACA;AAAA,IACF;AAAA,EACF,OAAO;AACL,UAAM,EAAE,SAAS,iBAAiB,QAAQ,MAAM,iBAAiB,IAAI,UAAU,CAAC;AAChF,mBAAe;AAAA,MACb;AAAA,MACA;AAAA,MACA;AAAA,QACE;AAAA,QACA;AAAA,QACA,IAAI,SAAS,gBAAgB;AAAA,QAC7B;AAAA,MACF;AAAA,IACF;AAAA,EACF;AACF;",
+  "names": []
+}

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

@@ -3,6 +3,7 @@ import React, { useContext, useMemo, useState } from "react";
 import { isValidUrl } from "./../../../ricos-content";
 import { EditorContext, ModalServiceContext, RicosContext } from "./../../../ricos-context";
 import { Link_Target } from "./../../../ricos-schema/legacy/wix/rich_content/v1";
+import { useSpoilerPlugin } from "./../../../_shared/use-spoiler-plugin";
 import { createThrottle } from "./../../../wix-rich-content-common";
 import { unreachable } from "./../../../editor-common";
 import { FooterActions, SidePanelLayout } from "./../../../ui-components";
@@ -15,7 +16,6 @@ import { LayoutSettings } from "./layout-settings/layout-settings";
 import { MediaList } from "./media-settings/media-list/media-list";
 import { MediaSettingsForm } from "./media-settings/media-settings-form";
 import { TabNavigation } from "./tab-navigation";
-import { useSpoilerPlugin } from "./use-spoiler-plugin";
 const GallerySettingsModal = ({
   nodeId,
   onFileSelect,
@@ -48,7 +48,7 @@ const GallerySettingsModal = ({
     ...item,
     selected: state.tab === "manage_media" && state.selectedItemIndexes.includes(index)
   }));
-  const shouldShowSpoiler = useSpoilerPlugin();
+  const shouldShowSpoiler = useSpoilerPlugin(GALLERY_TYPE);
   const updateRicosDocument = useMemo(
     () => (
       // to avoid the "flushSync was called from inside a lifecycle method" error:

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/plugin-gallery/modals/settings/gallery-settings-modal.tsx"],
-  "sourcesContent": ["import { Divider } from '@wix/design-system';\nimport type { FC } from 'react';\nimport React, { useContext, useMemo, useState } from 'react';\n\nimport { isValidUrl } from './../../../ricos-content';\nimport { EditorContext, ModalServiceContext, RicosContext } from './../../../ricos-context';\nimport { type GalleryData, Link_Target } from './../../../ricos-schema/legacy/wix/rich_content/v1';\nimport { createThrottle } from './../../../wix-rich-content-common';\nimport { unreachable } from './../../../editor-common';\nimport { FooterActions, SidePanelLayout } from './../../../ui-components';\n\nimport type { SettingsType } from '../../consts';\nimport { GALLERY_SETTINGS_MODAL_ID } from '../../consts';\nimport { GALLERY_SETTINGS } from '../../dataHooks';\nimport classes from '../../statics/styles/gallery-settings-modal-scss';\nimport { GALLERY_TYPE } from '../../types';\nimport type { GalleryItem, SelectFileFn } from './common-types';\nimport { GeneralSettings } from './general-settings/general-settings';\nimport { LayoutSettings } from './layout-settings/layout-settings';\nimport { MediaList } from './media-settings/media-list/media-list';\nimport { MediaSettingsForm } from './media-settings/media-settings-form';\nimport { TabNavigation } from './tab-navigation';\nimport { useSpoilerPlugin } from './use-spoiler-plugin';\n\nexport type GallerySettingsModalProps = {\n  nodeId: string;\n  onFileSelect: SelectFileFn;\n  accept: string;\n  activeTab: SettingsType;\n};\n\ntype GallerySettingsModalState =\n  | {\n      tab: 'manage_media';\n      isImageSettingsOpened: boolean;\n      selectedItemIndexes: number[];\n    }\n  | {\n      tab: 'settings' | 'layout';\n    };\n\nexport const GallerySettingsModal: FC<GallerySettingsModalProps> = ({\n  nodeId,\n  onFileSelect,\n  activeTab: initialActiveTab,\n  accept,\n}) => {\n  const modalService = useContext(ModalServiceContext) || {};\n  const { getEditorCommands } = useContext(EditorContext);\n  const { t, isMobile } = useContext(RicosContext);\n  const inputRef = React.useRef<HTMLInputElement | null>(null);\n\n  const componentData = getEditorCommands().getBlockComponentData(nodeId) as GalleryData;\n  const [savedComponentData] = useState(componentData);\n\n  const [state, setState] = useState<GallerySettingsModalState>((): GallerySettingsModalState => {\n    if (initialActiveTab === 'manage_media') {\n      return {\n        tab: 'manage_media',\n        isImageSettingsOpened: false,\n        selectedItemIndexes: [],\n      };\n    }\n    return {\n      tab: initialActiveTab,\n    };\n  });\n  const [currentItemLink, setCurrentItemLink] = useState<{ url?: string; index?: number }>({\n    url: undefined,\n    index: undefined,\n  });\n\n  const galleryItems: GalleryItem[] = componentData.items.map((item, index) => ({\n    ...item,\n    selected: state.tab === 'manage_media' && state.selectedItemIndexes.includes(index),\n  }));\n\n  const shouldShowSpoiler = useSpoilerPlugin();\n\n  const updateRicosDocument = useMemo(\n    () =>\n      // to avoid the \"flushSync was called from inside a lifecycle method\" error:\n      createThrottle((data: GalleryData) => {\n        getEditorCommands().setBlock(nodeId, GALLERY_TYPE, {\n          ...data,\n          id: nodeId,\n        });\n      }),\n    []\n  );\n\n  const closeModal = () => {\n    modalService.closeModal(GALLERY_SETTINGS_MODAL_ID);\n  };\n\n  const handleOnClose = () => {\n    updateRicosDocument(savedComponentData);\n\n    closeModal();\n  };\n\n  const handleOnSave = () => {\n    const selectedImageIndex = galleryItems.findIndex(item => item.selected);\n\n    if (\n      selectedImageIndex === currentItemLink.index &&\n      currentItemLink.url &&\n      !isValidUrl(currentItemLink.url, { allowTelLink: true })\n    ) {\n      inputRef.current?.focus();\n      return;\n    }\n    return closeModal();\n  };\n\n  return savedComponentData ? (\n    <SidePanelLayout\n      onCloseButtonClick={handleOnClose}\n      dataHook={GALLERY_SETTINGS}\n      header={{\n        showDivider: false,\n        title: t('GallerySettings_Header'),\n        children: (\n          <>\n            {!isMobile && <Divider />}\n            <TabNavigation\n              activeTab={state.tab}\n              onTabChange={tab => {\n                setState(() => {\n                  if (tab === 'manage_media') {\n                    return {\n                      tab,\n                      isImageSettingsOpened: false,\n                      selectedItemIndexes: [],\n                    };\n                  }\n                  return { tab };\n                });\n              }}\n            />\n          </>\n        ),\n      }}\n      content={{\n        noPadding: true,\n        children: (\n          <>\n            <div className={classes.content}>\n              {(() => {\n                switch (state.tab) {\n                  case 'settings': {\n                    return (\n                      <GeneralSettings\n                        componentData={componentData}\n                        updateData={data => {\n                          updateRicosDocument({ ...componentData, ...data });\n\n                          setState(prevState => ({\n                            ...prevState,\n                            componentData: data,\n                          }));\n                        }}\n                        shouldShowSpoiler={shouldShowSpoiler}\n                      />\n                    );\n                  }\n                  case 'layout': {\n                    return <LayoutSettings data={componentData} updateData={updateRicosDocument} />;\n                  }\n                  case 'manage_media': {\n                    const selectedImageIndex = galleryItems.findIndex(item => item.selected);\n                    const selectedImage = galleryItems[selectedImageIndex];\n\n                    return state.isImageSettingsOpened ? (\n                      <MediaSettingsForm\n                        galleryItems={galleryItems}\n                        activeImageIndex={selectedImageIndex}\n                        accept={accept}\n                        itemKey={`${selectedImageIndex}-${selectedImage.image?.media?.src}-${galleryItems.length}`}\n                        onFileSelect={onFileSelect}\n                        onBackButtonClick={() => {\n                          setState(prev => {\n                            return {\n                              ...prev,\n                              selectedItemIndexes: [],\n                              isImageSettingsOpened: false,\n                            };\n                          });\n                        }}\n                        onImageIndexChange={next => {\n                          setState(prev => {\n                            if (prev.tab === 'manage_media') {\n                              return {\n                                ...prev,\n                                selectedItemIndexes: [next],\n                              };\n                            }\n                            return prev;\n                          });\n                          setCurrentItemLink({ url: undefined, index: next });\n                        }}\n                        onDeleteClick={() => {\n                          setState(prev => {\n                            if (prev.tab === 'manage_media') {\n                              const activeImageIndex = prev.selectedItemIndexes[0];\n                              if (activeImageIndex === undefined) {\n                                throw new Error('No image selected');\n                              }\n\n                              const newSelectedIndex = galleryItems[activeImageIndex + 1]\n                                ? activeImageIndex\n                                : activeImageIndex - 1;\n\n                              const filteredItems = galleryItems.filter(\n                                (_item, index) => index !== activeImageIndex\n                              );\n                              updateRicosDocument({ ...componentData, items: filteredItems });\n                              return {\n                                ...prev,\n                                isImageSettingsOpened: newSelectedIndex !== -1,\n                                selectedItemIndexes:\n                                  newSelectedIndex !== -1 ? [newSelectedIndex] : [],\n                              };\n                            }\n                            return prev;\n                          });\n                        }}\n                        onTitleChange={title => {\n                          updateRicosDocument({\n                            ...componentData,\n                            items: componentData.items.map((item, index) => ({\n                              ...item,\n                              title: index === selectedImageIndex ? title : item.title,\n                            })),\n                          });\n                        }}\n                        onAltTextChange={altText => {\n                          updateRicosDocument({\n                            ...componentData,\n                            items: componentData.items.map((item, index) => ({\n                              ...item,\n                              altText: index === selectedImageIndex ? altText : item.altText,\n                            })),\n                          });\n                        }}\n                        onLinkSettingsChange={(value, status) => {\n                          const linkValue = value.url\n                            ? {\n                                ...selectedImage.image?.link,\n                                url: value.url,\n                                target: value.openInNewTab ? Link_Target.BLANK : Link_Target.TOP,\n                                rel: {\n                                  nofollow: Boolean(value.nofollow),\n                                  sponsored: Boolean(value.sponsored),\n                                  noreferrer: Boolean(value.noreferrer),\n                                },\n                                anchor: undefined,\n                              }\n                            : undefined;\n\n                          setCurrentItemLink({ url: value.url, index: selectedImageIndex });\n                          if ((linkValue && status === 'OK') || !linkValue) {\n                            updateRicosDocument({\n                              ...componentData,\n                              items: componentData.items.map((item, index) => ({\n                                ...item,\n                                image: {\n                                  ...item.image,\n                                  link:\n                                    index === state.selectedItemIndexes[0]\n                                      ? linkValue\n                                      : item.image?.link,\n                                },\n                              })),\n                            });\n                          }\n                        }}\n                        inputRef={inputRef}\n                      />\n                    ) : (\n                      <MediaList\n                        galleryItems={galleryItems}\n                        onChange={({ type, items }) => {\n                          if (type === 'delete' || type === 'sort') {\n                            updateRicosDocument({\n                              ...componentData,\n                              items: items.map(item => {\n                                const { selected: _, ...rest } = item;\n                                return rest;\n                              }),\n                            });\n                          }\n                          setState(prev => {\n                            if (prev.tab === 'manage_media') {\n                              return {\n                                ...prev,\n                                selectedItemIndexes: items\n                                  .map((item, index) => (item.selected ? index : undefined))\n                                  .filter((i): i is number => i !== undefined),\n                              };\n                            }\n                            return prev;\n                          });\n                        }}\n                        accept={accept}\n                        onFileSelect={onFileSelect}\n                        onEditClick={() => {\n                          setState(prev => {\n                            if (prev.tab === 'manage_media') {\n                              const activeImageIndex = prev.selectedItemIndexes[0];\n                              return {\n                                ...prev,\n                                isImageSettingsOpened: true,\n                                selectedItemIndexes: [activeImageIndex],\n                              };\n                            }\n                            return prev;\n                          });\n                        }}\n                        onItemDoubleClick={imageIndex => {\n                          setState(prev => {\n                            if (prev.tab === 'manage_media') {\n                              return {\n                                ...prev,\n                                selectedItemIndexes: [imageIndex],\n                                isImageSettingsOpened: true,\n                              };\n                            }\n                            return prev;\n                          });\n                        }}\n                      />\n                    );\n                  }\n                  default:\n                    unreachable(state);\n                    return null;\n                }\n              })()}\n            </div>\n          </>\n        ),\n      }}\n      footer={{ children: <FooterActions onSave={handleOnSave} onCancel={handleOnClose} /> }}\n    />\n  ) : null;\n};\n"],
-  "mappings": "AAAA,SAAS,eAAe;AAExB,OAAO,SAAS,YAAY,SAAS,gBAAgB;AAErD,SAAS,kBAAkB;AAC3B,SAAS,eAAe,qBAAqB,oBAAoB;AACjE,SAA2B,mBAAmB;AAC9C,SAAS,sBAAsB;AAC/B,SAAS,mBAAmB;AAC5B,SAAS,eAAe,uBAAuB;AAG/C,SAAS,iCAAiC;AAC1C,SAAS,wBAAwB;AACjC,OAAO,aAAa;AACpB,SAAS,oBAAoB;AAE7B,SAAS,uBAAuB;AAChC,SAAS,sBAAsB;AAC/B,SAAS,iBAAiB;AAC1B,SAAS,yBAAyB;AAClC,SAAS,qBAAqB;AAC9B,SAAS,wBAAwB;AAmB1B,MAAM,uBAAsD,CAAC;AAAA,EAClE;AAAA,EACA;AAAA,EACA,WAAW;AAAA,EACX;AACF,MAAM;AACJ,QAAM,eAAe,WAAW,mBAAmB,KAAK,CAAC;AACzD,QAAM,EAAE,kBAAkB,IAAI,WAAW,aAAa;AACtD,QAAM,EAAE,GAAG,SAAS,IAAI,WAAW,YAAY;AAC/C,QAAM,WAAW,MAAM,OAAgC,IAAI;AAE3D,QAAM,gBAAgB,kBAAkB,EAAE,sBAAsB,MAAM;AACtE,QAAM,CAAC,kBAAkB,IAAI,SAAS,aAAa;AAEnD,QAAM,CAAC,OAAO,QAAQ,IAAI,SAAoC,MAAiC;AAC7F,QAAI,qBAAqB,gBAAgB;AACvC,aAAO;AAAA,QACL,KAAK;AAAA,QACL,uBAAuB;AAAA,QACvB,qBAAqB,CAAC;AAAA,MACxB;AAAA,IACF;AACA,WAAO;AAAA,MACL,KAAK;AAAA,IACP;AAAA,EACF,CAAC;AACD,QAAM,CAAC,iBAAiB,kBAAkB,IAAI,SAA2C;AAAA,IACvF,KAAK;AAAA,IACL,OAAO;AAAA,EACT,CAAC;AAED,QAAM,eAA8B,cAAc,MAAM,IAAI,CAAC,MAAM,WAAW;AAAA,IAC5E,GAAG;AAAA,IACH,UAAU,MAAM,QAAQ,kBAAkB,MAAM,oBAAoB,SAAS,KAAK;AAAA,EACpF,EAAE;AAEF,QAAM,oBAAoB,iBAAiB;AAE3C,QAAM,sBAAsB;AAAA,IAC1B;AAAA;AAAA,MAEE,eAAe,CAAC,SAAsB;AACpC,0BAAkB,EAAE,SAAS,QAAQ,cAAc;AAAA,UACjD,GAAG;AAAA,UACH,IAAI;AAAA,QACN,CAAC;AAAA,MACH,CAAC;AAAA;AAAA,IACH,CAAC;AAAA,EACH;AAEA,QAAM,aAAa,MAAM;AACvB,iBAAa,WAAW,yBAAyB;AAAA,EACnD;AAEA,QAAM,gBAAgB,MAAM;AAC1B,wBAAoB,kBAAkB;AAEtC,eAAW;AAAA,EACb;AAEA,QAAM,eAAe,MAAM;AACzB,UAAM,qBAAqB,aAAa,UAAU,UAAQ,KAAK,QAAQ;AAEvE,QACE,uBAAuB,gBAAgB,SACvC,gBAAgB,OAChB,CAAC,WAAW,gBAAgB,KAAK,EAAE,cAAc,KAAK,CAAC,GACvD;AACA,eAAS,SAAS,MAAM;AACxB;AAAA,IACF;AACA,WAAO,WAAW;AAAA,EACpB;AAEA,SAAO,qBACL;AAAA,IAAC;AAAA;AAAA,MACC,oBAAoB;AAAA,MACpB,UAAU;AAAA,MACV,QAAQ;AAAA,QACN,aAAa;AAAA,QACb,OAAO,EAAE,wBAAwB;AAAA,QACjC,UACE,0DACG,CAAC,YAAY,oCAAC,aAAQ,GACvB;AAAA,UAAC;AAAA;AAAA,YACC,WAAW,MAAM;AAAA,YACjB,aAAa,SAAO;AAClB,uBAAS,MAAM;AACb,oBAAI,QAAQ,gBAAgB;AAC1B,yBAAO;AAAA,oBACL;AAAA,oBACA,uBAAuB;AAAA,oBACvB,qBAAqB,CAAC;AAAA,kBACxB;AAAA,gBACF;AACA,uBAAO,EAAE,IAAI;AAAA,cACf,CAAC;AAAA,YACH;AAAA;AAAA,QACF,CACF;AAAA,MAEJ;AAAA,MACA,SAAS;AAAA,QACP,WAAW;AAAA,QACX,UACE,0DACE,oCAAC,SAAI,WAAW,QAAQ,YACpB,MAAM;AACN,kBAAQ,MAAM,KAAK;AAAA,YACjB,KAAK,YAAY;AACf,qBACE;AAAA,gBAAC;AAAA;AAAA,kBACC;AAAA,kBACA,YAAY,UAAQ;AAClB,wCAAoB,EAAE,GAAG,eAAe,GAAG,KAAK,CAAC;AAEjD,6BAAS,gBAAc;AAAA,sBACrB,GAAG;AAAA,sBACH,eAAe;AAAA,oBACjB,EAAE;AAAA,kBACJ;AAAA,kBACA;AAAA;AAAA,cACF;AAAA,YAEJ;AAAA,YACA,KAAK,UAAU;AACb,qBAAO,oCAAC,kBAAe,MAAM,eAAe,YAAY,qBAAqB;AAAA,YAC/E;AAAA,YACA,KAAK,gBAAgB;AACnB,oBAAM,qBAAqB,aAAa,UAAU,UAAQ,KAAK,QAAQ;AACvE,oBAAM,gBAAgB,aAAa,kBAAkB;AAErD,qBAAO,MAAM,wBACX;AAAA,gBAAC;AAAA;AAAA,kBACC;AAAA,kBACA,kBAAkB;AAAA,kBAClB;AAAA,kBACA,SAAS,GAAG,kBAAkB,IAAI,cAAc,OAAO,OAAO,GAAG,IAAI,aAAa,MAAM;AAAA,kBACxF;AAAA,kBACA,mBAAmB,MAAM;AACvB,6BAAS,UAAQ;AACf,6BAAO;AAAA,wBACL,GAAG;AAAA,wBACH,qBAAqB,CAAC;AAAA,wBACtB,uBAAuB;AAAA,sBACzB;AAAA,oBACF,CAAC;AAAA,kBACH;AAAA,kBACA,oBAAoB,UAAQ;AAC1B,6BAAS,UAAQ;AACf,0BAAI,KAAK,QAAQ,gBAAgB;AAC/B,+BAAO;AAAA,0BACL,GAAG;AAAA,0BACH,qBAAqB,CAAC,IAAI;AAAA,wBAC5B;AAAA,sBACF;AACA,6BAAO;AAAA,oBACT,CAAC;AACD,uCAAmB,EAAE,KAAK,QAAW,OAAO,KAAK,CAAC;AAAA,kBACpD;AAAA,kBACA,eAAe,MAAM;AACnB,6BAAS,UAAQ;AACf,0BAAI,KAAK,QAAQ,gBAAgB;AAC/B,8BAAM,mBAAmB,KAAK,oBAAoB,CAAC;AACnD,4BAAI,qBAAqB,QAAW;AAClC,gCAAM,IAAI,MAAM,mBAAmB;AAAA,wBACrC;AAEA,8BAAM,mBAAmB,aAAa,mBAAmB,CAAC,IACtD,mBACA,mBAAmB;AAEvB,8BAAM,gBAAgB,aAAa;AAAA,0BACjC,CAAC,OAAO,UAAU,UAAU;AAAA,wBAC9B;AACA,4CAAoB,EAAE,GAAG,eAAe,OAAO,cAAc,CAAC;AAC9D,+BAAO;AAAA,0BACL,GAAG;AAAA,0BACH,uBAAuB,qBAAqB;AAAA,0BAC5C,qBACE,qBAAqB,KAAK,CAAC,gBAAgB,IAAI,CAAC;AAAA,wBACpD;AAAA,sBACF;AACA,6BAAO;AAAA,oBACT,CAAC;AAAA,kBACH;AAAA,kBACA,eAAe,WAAS;AACtB,wCAAoB;AAAA,sBAClB,GAAG;AAAA,sBACH,OAAO,cAAc,MAAM,IAAI,CAAC,MAAM,WAAW;AAAA,wBAC/C,GAAG;AAAA,wBACH,OAAO,UAAU,qBAAqB,QAAQ,KAAK;AAAA,sBACrD,EAAE;AAAA,oBACJ,CAAC;AAAA,kBACH;AAAA,kBACA,iBAAiB,aAAW;AAC1B,wCAAoB;AAAA,sBAClB,GAAG;AAAA,sBACH,OAAO,cAAc,MAAM,IAAI,CAAC,MAAM,WAAW;AAAA,wBAC/C,GAAG;AAAA,wBACH,SAAS,UAAU,qBAAqB,UAAU,KAAK;AAAA,sBACzD,EAAE;AAAA,oBACJ,CAAC;AAAA,kBACH;AAAA,kBACA,sBAAsB,CAAC,OAAO,WAAW;AACvC,0BAAM,YAAY,MAAM,MACpB;AAAA,sBACE,GAAG,cAAc,OAAO;AAAA,sBACxB,KAAK,MAAM;AAAA,sBACX,QAAQ,MAAM,eAAe,YAAY,QAAQ,YAAY;AAAA,sBAC7D,KAAK;AAAA,wBACH,UAAU,QAAQ,MAAM,QAAQ;AAAA,wBAChC,WAAW,QAAQ,MAAM,SAAS;AAAA,wBAClC,YAAY,QAAQ,MAAM,UAAU;AAAA,sBACtC;AAAA,sBACA,QAAQ;AAAA,oBACV,IACA;AAEJ,uCAAmB,EAAE,KAAK,MAAM,KAAK,OAAO,mBAAmB,CAAC;AAChE,wBAAK,aAAa,WAAW,QAAS,CAAC,WAAW;AAChD,0CAAoB;AAAA,wBAClB,GAAG;AAAA,wBACH,OAAO,cAAc,MAAM,IAAI,CAAC,MAAM,WAAW;AAAA,0BAC/C,GAAG;AAAA,0BACH,OAAO;AAAA,4BACL,GAAG,KAAK;AAAA,4BACR,MACE,UAAU,MAAM,oBAAoB,CAAC,IACjC,YACA,KAAK,OAAO;AAAA,0BACpB;AAAA,wBACF,EAAE;AAAA,sBACJ,CAAC;AAAA,oBACH;AAAA,kBACF;AAAA,kBACA;AAAA;AAAA,cACF,IAEA;AAAA,gBAAC;AAAA;AAAA,kBACC;AAAA,kBACA,UAAU,CAAC,EAAE,MAAM,MAAM,MAAM;AAC7B,wBAAI,SAAS,YAAY,SAAS,QAAQ;AACxC,0CAAoB;AAAA,wBAClB,GAAG;AAAA,wBACH,OAAO,MAAM,IAAI,UAAQ;AACvB,gCAAM,EAAE,UAAU,GAAG,GAAG,KAAK,IAAI;AACjC,iCAAO;AAAA,wBACT,CAAC;AAAA,sBACH,CAAC;AAAA,oBACH;AACA,6BAAS,UAAQ;AACf,0BAAI,KAAK,QAAQ,gBAAgB;AAC/B,+BAAO;AAAA,0BACL,GAAG;AAAA,0BACH,qBAAqB,MAClB,IAAI,CAAC,MAAM,UAAW,KAAK,WAAW,QAAQ,MAAU,EACxD,OAAO,CAAC,MAAmB,MAAM,MAAS;AAAA,wBAC/C;AAAA,sBACF;AACA,6BAAO;AAAA,oBACT,CAAC;AAAA,kBACH;AAAA,kBACA;AAAA,kBACA;AAAA,kBACA,aAAa,MAAM;AACjB,6BAAS,UAAQ;AACf,0BAAI,KAAK,QAAQ,gBAAgB;AAC/B,8BAAM,mBAAmB,KAAK,oBAAoB,CAAC;AACnD,+BAAO;AAAA,0BACL,GAAG;AAAA,0BACH,uBAAuB;AAAA,0BACvB,qBAAqB,CAAC,gBAAgB;AAAA,wBACxC;AAAA,sBACF;AACA,6BAAO;AAAA,oBACT,CAAC;AAAA,kBACH;AAAA,kBACA,mBAAmB,gBAAc;AAC/B,6BAAS,UAAQ;AACf,0BAAI,KAAK,QAAQ,gBAAgB;AAC/B,+BAAO;AAAA,0BACL,GAAG;AAAA,0BACH,qBAAqB,CAAC,UAAU;AAAA,0BAChC,uBAAuB;AAAA,wBACzB;AAAA,sBACF;AACA,6BAAO;AAAA,oBACT,CAAC;AAAA,kBACH;AAAA;AAAA,cACF;AAAA,YAEJ;AAAA,YACA;AACE,0BAAY,KAAK;AACjB,qBAAO;AAAA,UACX;AAAA,QACF,GAAG,CACL,CACF;AAAA,MAEJ;AAAA,MACA,QAAQ,EAAE,UAAU,oCAAC,iBAAc,QAAQ,cAAc,UAAU,eAAe,EAAG;AAAA;AAAA,EACvF,IACE;AACN;",
+  "sourcesContent": ["import { Divider } from '@wix/design-system';\nimport type { FC } from 'react';\nimport React, { useContext, useMemo, useState } from 'react';\n\nimport { isValidUrl } from './../../../ricos-content';\nimport { EditorContext, ModalServiceContext, RicosContext } from './../../../ricos-context';\nimport { type GalleryData, Link_Target } from './../../../ricos-schema/legacy/wix/rich_content/v1';\nimport { useSpoilerPlugin } from './../../../_shared/use-spoiler-plugin';\nimport { createThrottle } from './../../../wix-rich-content-common';\nimport { unreachable } from './../../../editor-common';\nimport { FooterActions, SidePanelLayout } from './../../../ui-components';\n\nimport type { SettingsType } from '../../consts';\nimport { GALLERY_SETTINGS_MODAL_ID } from '../../consts';\nimport { GALLERY_SETTINGS } from '../../dataHooks';\nimport classes from '../../statics/styles/gallery-settings-modal-scss';\nimport { GALLERY_TYPE } from '../../types';\nimport type { GalleryItem, SelectFileFn } from './common-types';\nimport { GeneralSettings } from './general-settings/general-settings';\nimport { LayoutSettings } from './layout-settings/layout-settings';\nimport { MediaList } from './media-settings/media-list/media-list';\nimport { MediaSettingsForm } from './media-settings/media-settings-form';\nimport { TabNavigation } from './tab-navigation';\n\nexport type GallerySettingsModalProps = {\n  nodeId: string;\n  onFileSelect: SelectFileFn;\n  accept: string;\n  activeTab: SettingsType;\n};\n\ntype GallerySettingsModalState =\n  | {\n      tab: 'manage_media';\n      isImageSettingsOpened: boolean;\n      selectedItemIndexes: number[];\n    }\n  | {\n      tab: 'settings' | 'layout';\n    };\n\nexport const GallerySettingsModal: FC<GallerySettingsModalProps> = ({\n  nodeId,\n  onFileSelect,\n  activeTab: initialActiveTab,\n  accept,\n}) => {\n  const modalService = useContext(ModalServiceContext) || {};\n  const { getEditorCommands } = useContext(EditorContext);\n  const { t, isMobile } = useContext(RicosContext);\n  const inputRef = React.useRef<HTMLInputElement | null>(null);\n\n  const componentData = getEditorCommands().getBlockComponentData(nodeId) as GalleryData;\n  const [savedComponentData] = useState(componentData);\n\n  const [state, setState] = useState<GallerySettingsModalState>((): GallerySettingsModalState => {\n    if (initialActiveTab === 'manage_media') {\n      return {\n        tab: 'manage_media',\n        isImageSettingsOpened: false,\n        selectedItemIndexes: [],\n      };\n    }\n    return {\n      tab: initialActiveTab,\n    };\n  });\n  const [currentItemLink, setCurrentItemLink] = useState<{ url?: string; index?: number }>({\n    url: undefined,\n    index: undefined,\n  });\n\n  const galleryItems: GalleryItem[] = componentData.items.map((item, index) => ({\n    ...item,\n    selected: state.tab === 'manage_media' && state.selectedItemIndexes.includes(index),\n  }));\n\n  const shouldShowSpoiler = useSpoilerPlugin(GALLERY_TYPE);\n\n  const updateRicosDocument = useMemo(\n    () =>\n      // to avoid the \"flushSync was called from inside a lifecycle method\" error:\n      createThrottle((data: GalleryData) => {\n        getEditorCommands().setBlock(nodeId, GALLERY_TYPE, {\n          ...data,\n          id: nodeId,\n        });\n      }),\n    []\n  );\n\n  const closeModal = () => {\n    modalService.closeModal(GALLERY_SETTINGS_MODAL_ID);\n  };\n\n  const handleOnClose = () => {\n    updateRicosDocument(savedComponentData);\n\n    closeModal();\n  };\n\n  const handleOnSave = () => {\n    const selectedImageIndex = galleryItems.findIndex(item => item.selected);\n\n    if (\n      selectedImageIndex === currentItemLink.index &&\n      currentItemLink.url &&\n      !isValidUrl(currentItemLink.url, { allowTelLink: true })\n    ) {\n      inputRef.current?.focus();\n      return;\n    }\n    return closeModal();\n  };\n\n  return savedComponentData ? (\n    <SidePanelLayout\n      onCloseButtonClick={handleOnClose}\n      dataHook={GALLERY_SETTINGS}\n      header={{\n        showDivider: false,\n        title: t('GallerySettings_Header'),\n        children: (\n          <>\n            {!isMobile && <Divider />}\n            <TabNavigation\n              activeTab={state.tab}\n              onTabChange={tab => {\n                setState(() => {\n                  if (tab === 'manage_media') {\n                    return {\n                      tab,\n                      isImageSettingsOpened: false,\n                      selectedItemIndexes: [],\n                    };\n                  }\n                  return { tab };\n                });\n              }}\n            />\n          </>\n        ),\n      }}\n      content={{\n        noPadding: true,\n        children: (\n          <>\n            <div className={classes.content}>\n              {(() => {\n                switch (state.tab) {\n                  case 'settings': {\n                    return (\n                      <GeneralSettings\n                        componentData={componentData}\n                        updateData={data => {\n                          updateRicosDocument({ ...componentData, ...data });\n\n                          setState(prevState => ({\n                            ...prevState,\n                            componentData: data,\n                          }));\n                        }}\n                        shouldShowSpoiler={shouldShowSpoiler}\n                      />\n                    );\n                  }\n                  case 'layout': {\n                    return <LayoutSettings data={componentData} updateData={updateRicosDocument} />;\n                  }\n                  case 'manage_media': {\n                    const selectedImageIndex = galleryItems.findIndex(item => item.selected);\n                    const selectedImage = galleryItems[selectedImageIndex];\n\n                    return state.isImageSettingsOpened ? (\n                      <MediaSettingsForm\n                        galleryItems={galleryItems}\n                        activeImageIndex={selectedImageIndex}\n                        accept={accept}\n                        itemKey={`${selectedImageIndex}-${selectedImage.image?.media?.src}-${galleryItems.length}`}\n                        onFileSelect={onFileSelect}\n                        onBackButtonClick={() => {\n                          setState(prev => {\n                            return {\n                              ...prev,\n                              selectedItemIndexes: [],\n                              isImageSettingsOpened: false,\n                            };\n                          });\n                        }}\n                        onImageIndexChange={next => {\n                          setState(prev => {\n                            if (prev.tab === 'manage_media') {\n                              return {\n                                ...prev,\n                                selectedItemIndexes: [next],\n                              };\n                            }\n                            return prev;\n                          });\n                          setCurrentItemLink({ url: undefined, index: next });\n                        }}\n                        onDeleteClick={() => {\n                          setState(prev => {\n                            if (prev.tab === 'manage_media') {\n                              const activeImageIndex = prev.selectedItemIndexes[0];\n                              if (activeImageIndex === undefined) {\n                                throw new Error('No image selected');\n                              }\n\n                              const newSelectedIndex = galleryItems[activeImageIndex + 1]\n                                ? activeImageIndex\n                                : activeImageIndex - 1;\n\n                              const filteredItems = galleryItems.filter(\n                                (_item, index) => index !== activeImageIndex\n                              );\n                              updateRicosDocument({ ...componentData, items: filteredItems });\n                              return {\n                                ...prev,\n                                isImageSettingsOpened: newSelectedIndex !== -1,\n                                selectedItemIndexes:\n                                  newSelectedIndex !== -1 ? [newSelectedIndex] : [],\n                              };\n                            }\n                            return prev;\n                          });\n                        }}\n                        onTitleChange={title => {\n                          updateRicosDocument({\n                            ...componentData,\n                            items: componentData.items.map((item, index) => ({\n                              ...item,\n                              title: index === selectedImageIndex ? title : item.title,\n                            })),\n                          });\n                        }}\n                        onAltTextChange={altText => {\n                          updateRicosDocument({\n                            ...componentData,\n                            items: componentData.items.map((item, index) => ({\n                              ...item,\n                              altText: index === selectedImageIndex ? altText : item.altText,\n                            })),\n                          });\n                        }}\n                        onLinkSettingsChange={(value, status) => {\n                          const linkValue = value.url\n                            ? {\n                                ...selectedImage.image?.link,\n                                url: value.url,\n                                target: value.openInNewTab ? Link_Target.BLANK : Link_Target.TOP,\n                                rel: {\n                                  nofollow: Boolean(value.nofollow),\n                                  sponsored: Boolean(value.sponsored),\n                                  noreferrer: Boolean(value.noreferrer),\n                                },\n                                anchor: undefined,\n                              }\n                            : undefined;\n\n                          setCurrentItemLink({ url: value.url, index: selectedImageIndex });\n                          if ((linkValue && status === 'OK') || !linkValue) {\n                            updateRicosDocument({\n                              ...componentData,\n                              items: componentData.items.map((item, index) => ({\n                                ...item,\n                                image: {\n                                  ...item.image,\n                                  link:\n                                    index === state.selectedItemIndexes[0]\n                                      ? linkValue\n                                      : item.image?.link,\n                                },\n                              })),\n                            });\n                          }\n                        }}\n                        inputRef={inputRef}\n                      />\n                    ) : (\n                      <MediaList\n                        galleryItems={galleryItems}\n                        onChange={({ type, items }) => {\n                          if (type === 'delete' || type === 'sort') {\n                            updateRicosDocument({\n                              ...componentData,\n                              items: items.map(item => {\n                                const { selected: _, ...rest } = item;\n                                return rest;\n                              }),\n                            });\n                          }\n                          setState(prev => {\n                            if (prev.tab === 'manage_media') {\n                              return {\n                                ...prev,\n                                selectedItemIndexes: items\n                                  .map((item, index) => (item.selected ? index : undefined))\n                                  .filter((i): i is number => i !== undefined),\n                              };\n                            }\n                            return prev;\n                          });\n                        }}\n                        accept={accept}\n                        onFileSelect={onFileSelect}\n                        onEditClick={() => {\n                          setState(prev => {\n                            if (prev.tab === 'manage_media') {\n                              const activeImageIndex = prev.selectedItemIndexes[0];\n                              return {\n                                ...prev,\n                                isImageSettingsOpened: true,\n                                selectedItemIndexes: [activeImageIndex],\n                              };\n                            }\n                            return prev;\n                          });\n                        }}\n                        onItemDoubleClick={imageIndex => {\n                          setState(prev => {\n                            if (prev.tab === 'manage_media') {\n                              return {\n                                ...prev,\n                                selectedItemIndexes: [imageIndex],\n                                isImageSettingsOpened: true,\n                              };\n                            }\n                            return prev;\n                          });\n                        }}\n                      />\n                    );\n                  }\n                  default:\n                    unreachable(state);\n                    return null;\n                }\n              })()}\n            </div>\n          </>\n        ),\n      }}\n      footer={{ children: <FooterActions onSave={handleOnSave} onCancel={handleOnClose} /> }}\n    />\n  ) : null;\n};\n"],
+  "mappings": "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",
   "names": []
 }

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

@@ -1,6 +1,6 @@
-var styleDataHash = "1b359446";
+var styleDataHash = "2f33adc2";
 const injectCss = () => {
-  var css = `._87OPt{height:100%;width:100%}[dir] ._87OPt{background-color:#fff}`;
+  var css = `.bkrOU{height:100%;width:100%}[dir] .bkrOU{background-color:#fff}`;
   var isTest = typeof process !== "undefined" && process.env && false;
   if (isTest || !css || typeof document === "undefined") {
     return;
@@ -21,7 +21,7 @@ const injectCss = () => {
 };
 injectCss();
 var gallery_component_default = {
-  "mobileNativeLoaderContainer": "_87OPt"
+  "mobileNativeLoaderContainer": "bkrOU"
 };
 export {
   gallery_component_default as default,

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

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

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

@@ -1,6 +1,6 @@
-var styleDataHash = "4e23d733";
+var styleDataHash = "d613d3aa";
 const injectCss = () => {
-  var css = `.X2WQA{--wds-font-weight-bold:400}[dir] .X2WQA{padding:18px 24px}._8Rpnk{--wsr-color-B10:var(--rcp-color-primary)}._8Rpnk button:hover{--wsr-color-B10:var(--rcp-color-hover)}.ddPAs{--wds-input-value-font-size-medium:14px}`;
+  var css = `._4D2Yq{--wds-font-weight-bold:400}[dir] ._4D2Yq{padding:18px 24px}.-CFsP{--wsr-color-B10:var(--rcp-color-primary)}.-CFsP button:hover{--wsr-color-B10:var(--rcp-color-hover)}.trId2{--wds-input-value-font-size-medium:14px}`;
   var isTest = typeof process !== "undefined" && process.env && false;
   if (isTest || !css || typeof document === "undefined") {
     return;
@@ -21,9 +21,9 @@ const injectCss = () => {
 };
 injectCss();
 var gallery_settings_modal_default = {
-  "content": "X2WQA",
-  "tabs": "_8Rpnk",
-  "input": "ddPAs"
+  "content": "_4D2Yq",
+  "tabs": "-CFsP",
+  "input": "trId2"
 };
 export {
   gallery_settings_modal_default as default,

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/plugin-gallery/statics/styles/gallery-settings-modal.scss"],
-  "sourcesContent": ["var styleDataHash = '4e23d733';  \nexport const injectCss = (() => {\n  var css = `.X2WQA{--wds-font-weight-bold:400}[dir] .X2WQA{padding:18px 24px}._8Rpnk{--wsr-color-B10:var(--rcp-color-primary)}._8Rpnk button:hover{--wsr-color-B10:var(--rcp-color-hover)}.ddPAs{--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  \"content\": \"X2WQA\",\n  \"tabs\": \"_8Rpnk\",\n  \"input\": \"ddPAs\"\n};"],
+  "sourcesContent": ["var styleDataHash = 'd613d3aa';  \nexport const injectCss = (() => {\n  var css = `._4D2Yq{--wds-font-weight-bold:400}[dir] ._4D2Yq{padding:18px 24px}.-CFsP{--wsr-color-B10:var(--rcp-color-primary)}.-CFsP button:hover{--wsr-color-B10:var(--rcp-color-hover)}.trId2{--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  \"content\": \"_4D2Yq\",\n  \"tabs\": \"-CFsP\",\n  \"input\": \"trId2\"\n};"],
   "mappings": "AAAA,IAAI,gBAAgB;AACb,MAAM,YAAa,MAAM;AAC9B,MAAI,MAAM;AACV,MAAI,SAAS,OAAO,YAAY,eAAe,QAAQ,OAAO;AAE9D,MAAI,UAAU,CAAC,OAAO,OAAO,aAAa,aAAa;AAAE;AAAA,EAAQ;AACjE,MAAI,SAAS,cAAc,kCAAkC,gBAAgB,IAAI,GAAG;AAAE;AAAA,EAAQ;AAE9F,MAAI,OAAO,SAAS,QAAQ,SAAS,qBAAqB,MAAM,EAAE,CAAC;AACnE,MAAI,QAAQ,SAAS,cAAc,OAAO;AAC1C,QAAM,aAAa,yBAAyB,aAAa;AACzD,QAAM,OAAO;AAEb,OAAK,YAAY,KAAK;AAEtB,MAAI,MAAM,YAAY;AACpB,UAAM,WAAW,UAAU;AAAA,EAC7B,OAAO;AACL,UAAM,YAAY,SAAS,eAAe,GAAG,CAAC;AAAA,EAChD;AACF;AAEA,UAAU;AAIV,IAAO,iCAAQ;AAAA,EACb,WAAW;AAAA,EACX,QAAQ;AAAA,EACR,SAAS;AACX;",
   "names": []
 }

package/dist/es/plugin-gallery/statics/styles/image-ratio-selector-scss.js

@@ -1,6 +1,6 @@
-var styleDataHash = "c69e9864";
+var styleDataHash = "87bbe094";
 const injectCss = () => {
-  var css = `[dir] .ZCUeJ{border:1px solid #000}.STGSG{height:12px;width:22px}.Sbc6h{height:14px;width:20px}.jK3Vf{height:20px;width:20px}.V0pwy{height:20px;width:14px}._0WSx2{height:22px;width:12px}`;
+  var css = `[dir] ._4N-0E{border:1px solid #000}.O0hy8{height:12px;width:22px}.GLmiP{height:14px;width:20px}.Jynib{height:20px;width:20px}._5TVH5{height:20px;width:14px}.KHw1q{height:22px;width:12px}`;
   var isTest = typeof process !== "undefined" && process.env && false;
   if (isTest || !css || typeof document === "undefined") {
     return;
@@ -21,12 +21,12 @@ const injectCss = () => {
 };
 injectCss();
 var image_ratio_selector_default = {
-  "imageRatioSelector_ratioIcon": "ZCUeJ",
-  "imageRatioSelector_16_9": "STGSG",
-  "imageRatioSelector_4_3": "Sbc6h",
-  "imageRatioSelector_1_1": "jK3Vf",
-  "imageRatioSelector_3_4": "V0pwy",
-  "imageRatioSelector_9_16": "_0WSx2"
+  "imageRatioSelector_ratioIcon": "_4N-0E",
+  "imageRatioSelector_16_9": "O0hy8",
+  "imageRatioSelector_4_3": "GLmiP",
+  "imageRatioSelector_1_1": "Jynib",
+  "imageRatioSelector_3_4": "_5TVH5",
+  "imageRatioSelector_9_16": "KHw1q"
 };
 export {
   image_ratio_selector_default as default,

package/dist/es/plugin-gallery/statics/styles/image-ratio-selector-scss.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/plugin-gallery/statics/styles/image-ratio-selector.scss"],
-  "sourcesContent": ["var styleDataHash = 'c69e9864';  \nexport const injectCss = (() => {\n  var css = `[dir] .ZCUeJ{border:1px solid #000}.STGSG{height:12px;width:22px}.Sbc6h{height:14px;width:20px}.jK3Vf{height:20px;width:20px}.V0pwy{height:20px;width:14px}._0WSx2{height:22px;width:12px}`;\n  var isTest = typeof process !== 'undefined' && process.env && process.env['NODE_ENV'] === 'test';\n\n  if (isTest || !css || typeof document === 'undefined') { return; }\n  if (document.querySelector('style[data-ricos-style-hash=\"' + styleDataHash + '\"]')) { return; }\n\n  var head = document.head || document.getElementsByTagName('head')[0];\n  var style = document.createElement('style');\n  style.setAttribute('data-ricos-style-hash', styleDataHash);\n  style.type = 'text/css';\n\n  head.appendChild(style);\n\n  if (style.styleSheet) {\n    style.styleSheet.cssText = css;\n  } else {\n    style.appendChild(document.createTextNode(css));\n  }\n});\n\ninjectCss();\n\n\n\nexport default {\n  \"imageRatioSelector_ratioIcon\": \"ZCUeJ\",\n  \"imageRatioSelector_16_9\": \"STGSG\",\n  \"imageRatioSelector_4_3\": \"Sbc6h\",\n  \"imageRatioSelector_1_1\": \"jK3Vf\",\n  \"imageRatioSelector_3_4\": \"V0pwy\",\n  \"imageRatioSelector_9_16\": \"_0WSx2\"\n};"],
+  "sourcesContent": ["var styleDataHash = '87bbe094';  \nexport const injectCss = (() => {\n  var css = `[dir] ._4N-0E{border:1px solid #000}.O0hy8{height:12px;width:22px}.GLmiP{height:14px;width:20px}.Jynib{height:20px;width:20px}._5TVH5{height:20px;width:14px}.KHw1q{height:22px;width:12px}`;\n  var isTest = typeof process !== 'undefined' && process.env && process.env['NODE_ENV'] === 'test';\n\n  if (isTest || !css || typeof document === 'undefined') { return; }\n  if (document.querySelector('style[data-ricos-style-hash=\"' + styleDataHash + '\"]')) { return; }\n\n  var head = document.head || document.getElementsByTagName('head')[0];\n  var style = document.createElement('style');\n  style.setAttribute('data-ricos-style-hash', styleDataHash);\n  style.type = 'text/css';\n\n  head.appendChild(style);\n\n  if (style.styleSheet) {\n    style.styleSheet.cssText = css;\n  } else {\n    style.appendChild(document.createTextNode(css));\n  }\n});\n\ninjectCss();\n\n\n\nexport default {\n  \"imageRatioSelector_ratioIcon\": \"_4N-0E\",\n  \"imageRatioSelector_16_9\": \"O0hy8\",\n  \"imageRatioSelector_4_3\": \"GLmiP\",\n  \"imageRatioSelector_1_1\": \"Jynib\",\n  \"imageRatioSelector_3_4\": \"_5TVH5\",\n  \"imageRatioSelector_9_16\": \"KHw1q\"\n};"],
   "mappings": "AAAA,IAAI,gBAAgB;AACb,MAAM,YAAa,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,+BAAQ;AAAA,EACb,gCAAgC;AAAA,EAChC,2BAA2B;AAAA,EAC3B,0BAA0B;AAAA,EAC1B,0BAA0B;AAAA,EAC1B,0BAA0B;AAAA,EAC1B,2BAA2B;AAC7B;",
   "names": []
 }

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

@@ -1,6 +1,6 @@
-var styleDataHash = "b80a0924";
+var styleDataHash = "a9d41445";
 const injectCss = () => {
-  var css = `[dir] .vqBw1{margin:0 8px}`;
+  var css = `[dir] .n22tD{margin:0 8px}`;
   var isTest = typeof process !== "undefined" && process.env && false;
   if (isTest || !css || typeof document === "undefined") {
     return;
@@ -21,7 +21,7 @@ const injectCss = () => {
 };
 injectCss();
 var media_item_action_menu_default = {
-  "separator": "vqBw1"
+  "separator": "n22tD"
 };
 export {
   media_item_action_menu_default as default,

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/plugin-gallery/statics/styles/media-item-action-menu.scss"],
-  "sourcesContent": ["var styleDataHash = 'b80a0924';  \nexport const injectCss = (() => {\n  var css = `[dir] .vqBw1{margin:0 8px}`;\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  \"separator\": \"vqBw1\"\n};"],
+  "sourcesContent": ["var styleDataHash = 'a9d41445';  \nexport const injectCss = (() => {\n  var css = `[dir] .n22tD{margin:0 8px}`;\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  \"separator\": \"n22tD\"\n};"],
   "mappings": "AAAA,IAAI,gBAAgB;AACb,MAAM,YAAa,MAAM;AAC9B,MAAI,MAAM;AACV,MAAI,SAAS,OAAO,YAAY,eAAe,QAAQ,OAAO;AAE9D,MAAI,UAAU,CAAC,OAAO,OAAO,aAAa,aAAa;AAAE;AAAA,EAAQ;AACjE,MAAI,SAAS,cAAc,kCAAkC,gBAAgB,IAAI,GAAG;AAAE;AAAA,EAAQ;AAE9F,MAAI,OAAO,SAAS,QAAQ,SAAS,qBAAqB,MAAM,EAAE,CAAC;AACnE,MAAI,QAAQ,SAAS,cAAc,OAAO;AAC1C,QAAM,aAAa,yBAAyB,aAAa;AACzD,QAAM,OAAO;AAEb,OAAK,YAAY,KAAK;AAEtB,MAAI,MAAM,YAAY;AACpB,UAAM,WAAW,UAAU;AAAA,EAC7B,OAAO;AACL,UAAM,YAAY,SAAS,eAAe,GAAG,CAAC;AAAA,EAChD;AACF;AAEA,UAAU;AAIV,IAAO,iCAAQ;AAAA,EACb,aAAa;AACf;",
   "names": []
 }

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

@@ -1,6 +1,6 @@
-var styleDataHash = "17ad4914";
+var styleDataHash = "8b747a5f";
 const injectCss = () => {
-  var css = `.sortableHelper{z-index:10000!important}._9Hz3I{height:100%}[dir] ._9Hz3I{border-radius:var(--ricos-settings-whitebox-border-radius,0);cursor:grab}[dir] ._9Hz3I:active{cursor:grabbing}._9Hz3I:hover{opacity:.7}`;
+  var css = `.sortableHelper{z-index:10000!important}._-2e2o{height:100%}[dir] ._-2e2o{border-radius:var(--ricos-settings-whitebox-border-radius,0);cursor:grab}[dir] ._-2e2o:active{cursor:grabbing}._-2e2o:hover{opacity:.7}`;
   var isTest = typeof process !== "undefined" && process.env && false;
   if (isTest || !css || typeof document === "undefined") {
     return;
@@ -21,7 +21,7 @@ const injectCss = () => {
 };
 injectCss();
 var sortable_item_default = {
-  "itemImage": "_9Hz3I"
+  "itemImage": "_-2e2o"
 };
 export {
   sortable_item_default as default,

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

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

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

@@ -1,6 +1,6 @@
-var styleDataHash = "caa60b1c";
+var styleDataHash = "c9e5711e";
 const injectCss = () => {
-  var css = `.tn5IR{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:7px}.tn5IR ._68qqF{aspect-ratio:1;height:100%}.tn5IR .FMfoS{aspect-ratio:1;grid-column:1/1}`;
+  var css = `.xeuKV{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:7px}.xeuKV .yQZEp{aspect-ratio:1;height:100%}.xeuKV .kb2q9{aspect-ratio:1;grid-column:1/1}`;
   var isTest = typeof process !== "undefined" && process.env && false;
   if (isTest || !css || typeof document === "undefined") {
     return;
@@ -21,9 +21,9 @@ const injectCss = () => {
 };
 injectCss();
 var sortable_list_default = {
-  "container": "tn5IR",
-  "item": "_68qqF",
-  "fileUpload": "FMfoS"
+  "container": "xeuKV",
+  "item": "yQZEp",
+  "fileUpload": "kb2q9"
 };
 export {
   sortable_list_default as default,

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

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