@wix/editor-react-components 1.2153.0

package/dist/site/components/Slideshow/manifest.js

@@ -0,0 +1,898 @@
+import { E as ELEMENTS, C as CSS_PROPERTIES, D as DATA, a as ACTIONS, I as INTERACTIONS, b as DISPLAY_GROUPS, L as LAYOUT, c as ContainerType, A as Archetype } from "../chunks/chunk-JPMZBG44.js";
+import { g as getSelector } from "../chunks/manifest.js";
+import { D as DisplayNames, s as semanticClassNames, b as slideshowCssCustomPropertiesDefaults, c as slideshowCssPropertiesDefaults, a as slideshowDataDefaults } from "../chunks/Slideshow.semanticClassNames.js";
+import { a as manifestMouseHover, b as manifestClickable, c as manifestChangeable } from "../chunks/manifestSdkMixins.js";
+const navigationButtons = {
+  elementType: ELEMENTS.ELEMENT_TYPE.refElement,
+  refElement: {
+    selector: getSelector(semanticClassNames.navigationButtons),
+    type: "wixEditorElements.Button",
+    displayName: DisplayNames.navigationButtons.elementDisplayName,
+    displayFilters: {
+      elements: {
+        hide: ["label"]
+      },
+      data: {
+        hide: ["a11y", "link", "label", "iconCollapsed", "disabled"]
+      },
+      cssProperties: {
+        hide: ["rowGap", "columnGap"]
+      },
+      cssCustomProperties: {
+        hide: ["icon-position", "content-horizontal-alignment"]
+      }
+    },
+    behaviors: {
+      selectable: false
+    },
+    data: {
+      link: { disableEditing: true },
+      label: { disableEditing: true },
+      iconCollapsed: { disableEditing: true },
+      disabled: { disableEditing: true }
+    },
+    cssProperties: {
+      rowGap: { disableEditing: true },
+      columnGap: { disableEditing: true }
+    },
+    cssCustomProperties: {
+      "icon-position": { disableEditing: true },
+      "content-horizontal-alignment": { disableEditing: true }
+    }
+  }
+};
+const slideIndicators = {
+  elementType: ELEMENTS.ELEMENT_TYPE.inlineElement,
+  inlineElement: {
+    selector: getSelector(semanticClassNames.pagination),
+    displayName: DisplayNames.slideIndicators.elementDisplayName,
+    data: {
+      indicatorMode: {
+        dataType: DATA.DATA_TYPE.textEnum,
+        displayName: DisplayNames.slideIndicators.data.indicatorMode,
+        textEnum: {
+          options: [
+            {
+              value: "max-5",
+              displayName: DisplayNames.indicatorMode.options.max5
+            },
+            {
+              value: "all",
+              displayName: DisplayNames.indicatorMode.options.all
+            }
+          ]
+        },
+        defaultValue: "max-5"
+      },
+      direction: {
+        dataType: DATA.DATA_TYPE.direction
+      }
+    },
+    cssProperties: {
+      display: {
+        defaultValue: "flex",
+        display: {
+          displayValues: [
+            CSS_PROPERTIES.DISPLAY_VALUE.none,
+            CSS_PROPERTIES.DISPLAY_VALUE.flex
+          ]
+        }
+      }
+    },
+    cssCustomProperties: {
+      "dot-shadow": {
+        cssPropertyType: CSS_PROPERTIES.CSS_PROPERTY_TYPE.boxShadow
+      },
+      "dot-height": {
+        cssPropertyType: CSS_PROPERTIES.CSS_PROPERTY_TYPE.height,
+        defaultValue: "10px"
+      },
+      "dot-width": {
+        displayName: DisplayNames.slideIndicators.cssCustomProperties["dot-width"],
+        cssPropertyType: CSS_PROPERTIES.CSS_PROPERTY_TYPE.length,
+        defaultValue: "10px"
+      },
+      "dot-border": {
+        cssPropertyType: CSS_PROPERTIES.CSS_PROPERTY_TYPE.border,
+        defaultValue: "1px solid rgb(1, 1, 1)"
+      },
+      "dot-border-radius": {
+        cssPropertyType: CSS_PROPERTIES.CSS_PROPERTY_TYPE.borderRadius,
+        defaultValue: "50px"
+      },
+      "dot-gap": {
+        displayName: DisplayNames.slideIndicators.cssCustomProperties["dot-gap"],
+        cssPropertyType: CSS_PROPERTIES.CSS_PROPERTY_TYPE.columnGap,
+        defaultValue: "8px"
+      },
+      "dot-bg-color": {
+        cssPropertyType: CSS_PROPERTIES.CSS_PROPERTY_TYPE.backgroundColor,
+        defaultValue: "rgba(0, 0, 0, 0.4)"
+      }
+    }
+  }
+};
+const basePresetName = "base";
+const manifest = {
+  id: "4bd21d9e-bbe1-4097-a519-9561b42f3578",
+  type: "wixEditorElements.Slideshow",
+  description: "A carousel of customizable slides, where each slide is a container for any content from the Add Panel, with controls to",
+  installation: {
+    presets: {
+      small: basePresetName,
+      large: basePresetName
+    },
+    initialSize: {
+      width: {
+        sizingType: LAYOUT.SIZING_TYPE.pixels,
+        pixels: 600
+      },
+      height: {
+        sizingType: LAYOUT.SIZING_TYPE.content
+      }
+    }
+  },
+  editorElement: {
+    selector: getSelector(semanticClassNames.root),
+    displayName: DisplayNames.root.elementDisplayName,
+    archetype: Archetype.Carousel,
+    presets: {
+      [basePresetName]: {
+        presetCssUrl: `./site/components/Slideshow/presets/${basePresetName}.css`,
+        displayName: basePresetName
+      }
+    },
+    layout: {
+      resizeDirection: LAYOUT.RESIZE_DIRECTION.horizontalAndVertical,
+      contentResizeDirection: LAYOUT.CONTENT_RESIZE_DIRECTION.vertical,
+      disableStretching: false,
+      disablePositioning: false,
+      contentFill: {
+        dataItemKey: "slides.content"
+      }
+    },
+    data: {
+      autoplay: {
+        dataType: DATA.DATA_TYPE.booleanValue,
+        displayName: DisplayNames.root.data.autoplay,
+        defaultValue: slideshowDataDefaults.autoplay
+      },
+      loop: {
+        dataType: DATA.DATA_TYPE.booleanValue,
+        displayName: DisplayNames.root.data.loop,
+        defaultValue: slideshowDataDefaults.loop
+      },
+      autoplayDelay: {
+        dataType: DATA.DATA_TYPE.number,
+        displayName: DisplayNames.root.data.autoplayDelay,
+        defaultValue: slideshowDataDefaults.autoplayDelay,
+        [DATA.DATA_TYPE.number]: {
+          max: "30",
+          min: "0.5",
+          multiplier: "0.5"
+        }
+      },
+      pauseOnHover: {
+        dataType: DATA.DATA_TYPE.booleanValue,
+        displayName: DisplayNames.root.data.pauseOnHover,
+        defaultValue: slideshowDataDefaults.pauseOnHover
+      },
+      transitionType: {
+        dataType: DATA.DATA_TYPE.textEnum,
+        displayName: DisplayNames.root.data.transitionType,
+        [DATA.DATA_TYPE.textEnum]: {
+          options: [
+            {
+              value: "none",
+              displayName: DisplayNames.transitionType.options.none
+            },
+            {
+              value: "slide",
+              displayName: DisplayNames.transitionType.options.slide
+            },
+            {
+              value: "cross-fade",
+              displayName: DisplayNames.transitionType.options.crossFade
+            },
+            {
+              value: "in-out",
+              displayName: DisplayNames.transitionType.options.inOut
+            }
+          ]
+        },
+        defaultValue: slideshowDataDefaults.transitionType
+      },
+      a11y: {
+        dataType: DATA.DATA_TYPE.a11y,
+        [DATA.DATA_TYPE.a11y]: {
+          attributes: [DATA.A11Y_ATTRIBUTES.ariaLabel]
+        }
+      },
+      transitionDirection: {
+        dataType: DATA.DATA_TYPE.textEnum,
+        displayName: DisplayNames.root.data.transitionDirection,
+        [DATA.DATA_TYPE.textEnum]: {
+          options: [
+            {
+              value: "rtl",
+              displayName: DisplayNames.transitionDirection.options.rtl
+            },
+            {
+              value: "ltr",
+              displayName: DisplayNames.transitionDirection.options.ltr
+            },
+            {
+              value: "ttb",
+              displayName: DisplayNames.transitionDirection.options.ttb
+            },
+            {
+              value: "btt",
+              displayName: DisplayNames.transitionDirection.options.btt
+            }
+          ]
+        },
+        defaultValue: slideshowDataDefaults.transitionDirection
+      },
+      slides: {
+        dataType: DATA.DATA_TYPE.arrayItems,
+        displayName: DisplayNames.root.data.slides,
+        [DATA.DATA_TYPE.arrayItems]: {
+          data: {
+            items: {
+              name: {
+                dataType: DATA.DATA_TYPE.text
+              },
+              content: {
+                dataType: DATA.DATA_TYPE.container,
+                [DATA.DATA_TYPE.container]: {
+                  selector: getSelector(semanticClassNames.slide),
+                  containerType: ContainerType.simple,
+                  simple: {
+                    displayName: DisplayNames.root.data.content,
+                    layout: {
+                      resizeDirection: LAYOUT.RESIZE_DIRECTION.none
+                    },
+                    behaviors: {
+                      selectable: false
+                    },
+                    style: {
+                      shadow: { disableEditing: true },
+                      border: { disableEditing: true },
+                      borderRadius: { disableEditing: true }
+                    }
+                  }
+                }
+              }
+            }
+          }
+        }
+      },
+      activeSlide: {
+        displayName: DisplayNames.root.data.activeSlide,
+        dataType: DATA.DATA_TYPE.number,
+        defaultValue: slideshowDataDefaults.activeSlide
+      },
+      transitionDuration: {
+        displayName: DisplayNames.root.data.transitionDuration,
+        dataType: DATA.DATA_TYPE.number,
+        defaultValue: slideshowDataDefaults.transitionDuration
+      },
+      direction: {
+        dataType: DATA.DATA_TYPE.direction
+      },
+      showPauseButton: {
+        dataType: DATA.DATA_TYPE.booleanValue,
+        displayName: DisplayNames.root.data.showPauseButton,
+        defaultValue: slideshowDataDefaults.showPauseButton
+      },
+      ...manifestChangeable(),
+      onPlay: {
+        dataType: DATA.DATA_TYPE.function,
+        [DATA.DATA_TYPE.function]: {}
+      },
+      onPause: {
+        dataType: DATA.DATA_TYPE.function,
+        [DATA.DATA_TYPE.function]: {}
+      },
+      ...manifestClickable(),
+      ...manifestMouseHover()
+    },
+    displayGroups: {
+      defaultGroup: {
+        groupType: DISPLAY_GROUPS.GROUP_TYPE.data,
+        data: {
+          items: [
+            "autoplay",
+            "loop",
+            "autoplayDelay",
+            "pauseOnHover",
+            "showPauseButton",
+            "transitionType",
+            "transitionDirection",
+            "slides",
+            "direction"
+          ]
+        }
+      },
+      slides: {
+        displayName: DisplayNames.root.displayGroups.slides,
+        groupType: DISPLAY_GROUPS.GROUP_TYPE.arrayItems,
+        arrayItems: {
+          arrayItems: "slides",
+          selectedItemIndex: "activeSlide"
+        }
+      },
+      layoutCssOrder: {
+        groupType: DISPLAY_GROUPS.GROUP_TYPE.cssDataType,
+        cssDataType: {
+          items: [
+            "orientation",
+            "navigation-buttons-arrangement",
+            "navigation-buttons-position-together-horizontal",
+            "navigation-buttons-position-together-vertical",
+            "navigation-buttons-position-separated-horizontal",
+            "navigation-buttons-position-separated-vertical",
+            "navigation-buttons-alignment",
+            "slide-indicators-position-horizontal",
+            "slide-indicators-position-vertical"
+          ]
+        }
+      }
+    },
+    cssProperties: {
+      borderTop: { defaultValue: slideshowCssPropertiesDefaults.border },
+      borderInlineStart: {
+        defaultValue: slideshowCssPropertiesDefaults.border
+      },
+      borderInlineEnd: { defaultValue: slideshowCssPropertiesDefaults.border },
+      borderBottom: { defaultValue: slideshowCssPropertiesDefaults.border },
+      borderRadius: {
+        defaultValue: slideshowCssPropertiesDefaults.borderRadius
+      },
+      boxShadow: {
+        defaultValue: slideshowCssPropertiesDefaults.boxShadow
+      }
+    },
+    cssCustomProperties: {
+      "animation-duration": {
+        cssPropertyType: CSS_PROPERTIES.CSS_PROPERTY_TYPE.time,
+        displayName: DisplayNames.root.cssCustomProperties["animation-duration"],
+        defaultValue: slideshowCssCustomPropertiesDefaults["animation-duration"]
+      },
+      orientation: {
+        displayName: DisplayNames.root.cssCustomProperties.orientation,
+        cssPropertyType: CSS_PROPERTIES.CSS_PROPERTY_TYPE.customEnum,
+        defaultValue: slideshowCssCustomPropertiesDefaults.orientation,
+        customEnum: {
+          cssPropertyType: CSS_PROPERTIES.CSS_PROPERTY_TYPE.string,
+          options: [
+            {
+              value: "horizontal",
+              displayName: DisplayNames.orientation.options.horizontal,
+              appliedStyles: [
+                {
+                  property: "--navigation-flex-direction",
+                  value: "row"
+                },
+                {
+                  property: "--pagination-flex-direction",
+                  value: "row"
+                },
+                {
+                  property: "--visible-dots-wrapper-height",
+                  value: "auto"
+                },
+                {
+                  property: "--dot-list-transform-y-factor",
+                  value: "0"
+                },
+                { property: "--navigation-width", value: "100%" },
+                { property: "--navigation-height", value: "auto" },
+                { property: "--container-flex-direction", value: "row" },
+                {
+                  property: "--container-rtl-flex-direction",
+                  value: "row-reverse"
+                },
+                {
+                  property: "--prev-container-flex-direction",
+                  value: "row-reverse"
+                },
+                {
+                  property: "--prev-container-rtl-flex-direction",
+                  value: "row"
+                },
+                {
+                  property: "--container-justify-content",
+                  value: "end"
+                },
+                { property: "--container-align-items", value: "center" },
+                { property: "--icon-orientation-offset", value: "0deg" },
+                { property: "--icon-orientation-scale", value: "scaleX(-1)" },
+                { property: "--icon-rtl-offset", value: "180deg" },
+                {
+                  property: "--slide-indicators-separated-align-self",
+                  value: "var(--slide-indicators-horizontal-align-self)"
+                },
+                {
+                  property: "--slide-indicators-separated-justify-self",
+                  value: "var(--slide-indicators-horizontal-justify-self)"
+                },
+                {
+                  property: "--slide-indicators-together-align-self",
+                  value: "var(--slide-indicators-together-horizontal-align-self)"
+                },
+                {
+                  property: "--slide-indicators-together-justify-self",
+                  value: "var(--slide-indicators-together-horizontal-justify-self)"
+                }
+              ]
+            },
+            {
+              value: "vertical",
+              displayName: DisplayNames.orientation.options.vertical,
+              appliedStyles: [
+                {
+                  property: "--navigation-flex-direction",
+                  value: "column"
+                },
+                {
+                  property: "--pagination-flex-direction",
+                  value: "column"
+                },
+                {
+                  property: "--visible-dots-wrapper-width",
+                  value: "auto"
+                },
+                {
+                  property: "--dot-list-transform-x-factor",
+                  value: "0"
+                },
+                { property: "--navigation-width", value: "auto" },
+                { property: "--navigation-height", value: "100%" },
+                { property: "--container-flex-direction", value: "column" },
+                { property: "--container-rtl-flex-direction", value: "column" },
+                {
+                  property: "--prev-container-flex-direction",
+                  value: "column-reverse"
+                },
+                {
+                  property: "--prev-container-rtl-flex-direction",
+                  value: "column-reverse"
+                },
+                { property: "--container-justify-content", value: "center" },
+                {
+                  property: "--container-align-items",
+                  value: "center"
+                },
+                { property: "--icon-orientation-offset", value: "90deg" },
+                { property: "--icon-orientation-scale", value: "scaleY(-1)" },
+                { property: "--icon-rtl-offset", value: "0deg" },
+                {
+                  property: "--slide-indicators-separated-align-self",
+                  value: "var(--slide-indicators-vertical-align-self)"
+                },
+                {
+                  property: "--slide-indicators-separated-justify-self",
+                  value: "var(--slide-indicators-vertical-justify-self)"
+                },
+                {
+                  property: "--slide-indicators-together-align-self",
+                  value: "var(--slide-indicators-together-vertical-align-self)"
+                },
+                {
+                  property: "--slide-indicators-together-justify-self",
+                  value: "var(--slide-indicators-together-vertical-justify-self)"
+                }
+              ]
+            }
+          ]
+        }
+      },
+      "navigation-buttons-position-together-horizontal": {
+        cssPropertyType: CSS_PROPERTIES.CSS_PROPERTY_TYPE.customEnum,
+        displayName: DisplayNames.root.cssCustomProperties["navigation-buttons-position"],
+        defaultValue: "top",
+        customEnum: {
+          cssPropertyType: CSS_PROPERTIES.CSS_PROPERTY_TYPE.string,
+          options: [
+            {
+              value: "top",
+              displayName: DisplayNames.position.options.top,
+              appliedStyles: [
+                {
+                  property: "--navigation-buttons-together-align-self",
+                  value: "start"
+                },
+                {
+                  property: "--slide-indicators-together-horizontal-align-self",
+                  value: "end"
+                }
+              ]
+            },
+            {
+              value: "bottom",
+              displayName: DisplayNames.position.options.bottom,
+              appliedStyles: [
+                {
+                  property: "--navigation-buttons-together-align-self",
+                  value: "end"
+                },
+                {
+                  property: "--slide-indicators-together-horizontal-align-self",
+                  value: "start"
+                }
+              ]
+            }
+          ]
+        }
+      },
+      "navigation-buttons-position-together-vertical": {
+        cssPropertyType: CSS_PROPERTIES.CSS_PROPERTY_TYPE.customEnum,
+        displayName: DisplayNames.root.cssCustomProperties["navigation-buttons-position"],
+        defaultValue: "start",
+        customEnum: {
+          cssPropertyType: CSS_PROPERTIES.CSS_PROPERTY_TYPE.string,
+          options: [
+            {
+              value: "start",
+              displayName: DisplayNames.position.options.start,
+              appliedStyles: [
+                {
+                  property: "--navigation-buttons-together-justify-self",
+                  value: "start"
+                },
+                {
+                  property: "--slide-indicators-together-vertical-justify-self",
+                  value: "end"
+                }
+              ]
+            },
+            {
+              value: "end",
+              displayName: DisplayNames.position.options.end,
+              appliedStyles: [
+                {
+                  property: "--navigation-buttons-together-justify-self",
+                  value: "end"
+                },
+                {
+                  property: "--slide-indicators-together-vertical-justify-self",
+                  value: "start"
+                }
+              ]
+            }
+          ]
+        }
+      },
+      "navigation-buttons-position-separated-horizontal": {
+        cssPropertyType: CSS_PROPERTIES.CSS_PROPERTY_TYPE.customEnum,
+        displayName: DisplayNames.root.cssCustomProperties["navigation-buttons-position"],
+        defaultValue: "center",
+        customEnum: {
+          cssPropertyType: CSS_PROPERTIES.CSS_PROPERTY_TYPE.string,
+          options: [
+            {
+              value: "top",
+              displayName: DisplayNames.position.options.top,
+              appliedStyles: [
+                {
+                  property: "--navigation-buttons-separated-align-self",
+                  value: "start"
+                }
+              ]
+            },
+            {
+              value: "center",
+              displayName: DisplayNames.position.options.center,
+              appliedStyles: [
+                {
+                  property: "--navigation-buttons-separated-align-self",
+                  value: "center"
+                }
+              ]
+            },
+            {
+              value: "bottom",
+              displayName: DisplayNames.position.options.bottom,
+              appliedStyles: [
+                {
+                  property: "--navigation-buttons-separated-align-self",
+                  value: "end"
+                }
+              ]
+            }
+          ]
+        }
+      },
+      "navigation-buttons-position-separated-vertical": {
+        cssPropertyType: CSS_PROPERTIES.CSS_PROPERTY_TYPE.customEnum,
+        displayName: DisplayNames.root.cssCustomProperties["navigation-buttons-position"],
+        defaultValue: "middle",
+        customEnum: {
+          cssPropertyType: CSS_PROPERTIES.CSS_PROPERTY_TYPE.string,
+          options: [
+            {
+              value: "start",
+              displayName: DisplayNames.position.options.start,
+              appliedStyles: [
+                {
+                  property: "--navigation-buttons-separated-justify-self",
+                  value: "start"
+                }
+              ]
+            },
+            {
+              value: "middle",
+              displayName: DisplayNames.position.options.middle,
+              appliedStyles: [
+                {
+                  property: "--navigation-buttons-separated-justify-self",
+                  value: "center"
+                }
+              ]
+            },
+            {
+              value: "end",
+              displayName: DisplayNames.position.options.end,
+              appliedStyles: [
+                {
+                  property: "--navigation-buttons-separated-justify-self",
+                  value: "end"
+                }
+              ]
+            }
+          ]
+        }
+      },
+      "navigation-buttons-arrangement": {
+        cssPropertyType: CSS_PROPERTIES.CSS_PROPERTY_TYPE.customEnum,
+        displayName: DisplayNames.root.cssCustomProperties["navigation-buttons-arrangement"],
+        defaultValue: slideshowCssCustomPropertiesDefaults["navigation-buttons-arrangement"],
+        customEnum: {
+          cssPropertyType: CSS_PROPERTIES.CSS_PROPERTY_TYPE.string,
+          options: [
+            {
+              value: "separated",
+              displayName: DisplayNames.arrangement.options.separated,
+              appliedStyles: [
+                {
+                  property: "--navigation-justify-content",
+                  value: "space-between"
+                },
+                {
+                  property: "--navigation-buttons-justify-self",
+                  value: "var(--navigation-buttons-separated-justify-self)"
+                },
+                {
+                  property: "--navigation-buttons-align-self",
+                  value: "var(--navigation-buttons-separated-align-self)"
+                },
+                {
+                  property: "--slide-indicators-justify-self",
+                  value: "var(--slide-indicators-separated-justify-self)"
+                },
+                {
+                  property: "--slide-indicators-align-self",
+                  value: "var(--slide-indicators-separated-align-self)"
+                }
+              ]
+            },
+            {
+              value: "together",
+              displayName: DisplayNames.arrangement.options.together,
+              appliedStyles: [
+                {
+                  property: "--navigation-justify-content",
+                  value: "var(--navigation-justify-content-together)"
+                },
+                {
+                  property: "--navigation-buttons-justify-self",
+                  value: "var(--navigation-buttons-together-justify-self)"
+                },
+                {
+                  property: "--navigation-buttons-align-self",
+                  value: "var(--navigation-buttons-together-align-self)"
+                },
+                {
+                  property: "--slide-indicators-justify-self",
+                  value: "var(--slide-indicators-together-justify-self)"
+                },
+                {
+                  property: "--slide-indicators-align-self",
+                  value: "var(--slide-indicators-together-align-self)"
+                }
+              ]
+            }
+          ]
+        }
+      },
+      "navigation-buttons-alignment": {
+        cssPropertyType: CSS_PROPERTIES.CSS_PROPERTY_TYPE.customEnum,
+        displayName: DisplayNames.root.cssCustomProperties["navigation-buttons-alignment"],
+        defaultValue: slideshowCssCustomPropertiesDefaults["navigation-buttons-alignment"],
+        customEnum: {
+          cssPropertyType: CSS_PROPERTIES.CSS_PROPERTY_TYPE.string,
+          options: [
+            {
+              value: "start",
+              displayName: DisplayNames.position.options.start,
+              appliedStyles: [
+                {
+                  property: "--navigation-justify-content-together",
+                  value: "flex-start"
+                }
+              ]
+            },
+            {
+              value: "center",
+              displayName: DisplayNames.position.options.center,
+              appliedStyles: [
+                {
+                  property: "--navigation-justify-content-together",
+                  value: "center"
+                }
+              ]
+            },
+            {
+              value: "end",
+              displayName: DisplayNames.position.options.end,
+              appliedStyles: [
+                {
+                  property: "--navigation-justify-content-together",
+                  value: "flex-end"
+                }
+              ]
+            }
+          ]
+        }
+      },
+      "slide-indicators-position-horizontal": {
+        cssPropertyType: CSS_PROPERTIES.CSS_PROPERTY_TYPE.customEnum,
+        displayName: DisplayNames.root.cssCustomProperties["slide-indicators-position"],
+        defaultValue: "top",
+        customEnum: {
+          cssPropertyType: CSS_PROPERTIES.CSS_PROPERTY_TYPE.string,
+          options: [
+            {
+              value: "top",
+              displayName: DisplayNames.position.options.top,
+              appliedStyles: [
+                {
+                  property: "--slide-indicators-horizontal-align-self",
+                  value: "start"
+                },
+                {
+                  property: "--slide-indicators-horizontal-justify-self",
+                  value: "center"
+                }
+              ]
+            },
+            {
+              value: "bottom",
+              displayName: DisplayNames.position.options.bottom,
+              appliedStyles: [
+                {
+                  property: "--slide-indicators-horizontal-align-self",
+                  value: "end"
+                },
+                {
+                  property: "--slide-indicators-horizontal-justify-self",
+                  value: "center"
+                }
+              ]
+            }
+          ]
+        }
+      },
+      "slide-indicators-position-vertical": {
+        cssPropertyType: CSS_PROPERTIES.CSS_PROPERTY_TYPE.customEnum,
+        displayName: DisplayNames.root.cssCustomProperties["slide-indicators-position"],
+        defaultValue: "end",
+        customEnum: {
+          cssPropertyType: CSS_PROPERTIES.CSS_PROPERTY_TYPE.string,
+          options: [
+            {
+              value: "start",
+              displayName: DisplayNames.position.options.start,
+              appliedStyles: [
+                {
+                  property: "--slide-indicators-vertical-align-self",
+                  value: "center"
+                },
+                {
+                  property: "--slide-indicators-vertical-justify-self",
+                  value: "start"
+                }
+              ]
+            },
+            {
+              value: "end",
+              displayName: DisplayNames.position.options.end,
+              appliedStyles: [
+                {
+                  property: "--slide-indicators-vertical-align-self",
+                  value: "center"
+                },
+                {
+                  property: "--slide-indicators-vertical-justify-self",
+                  value: "end"
+                }
+              ]
+            }
+          ]
+        }
+      },
+      "controls-padding": {
+        cssPropertyType: CSS_PROPERTIES.CSS_PROPERTY_TYPE.padding,
+        displayName: DisplayNames.root.cssCustomProperties["controls-padding"],
+        defaultValue: slideshowCssCustomPropertiesDefaults["controls-padding"]
+      }
+    },
+    interactions: {
+      triggers: [
+        INTERACTIONS.TRIGGER_TYPE.viewEnter,
+        INTERACTIONS.TRIGGER_TYPE.viewProgress,
+        INTERACTIONS.TRIGGER_TYPE.pointerMove
+      ],
+      effectGroups: [INTERACTIONS.EFFECT_GROUP.UNKNOWN_EFFECT_GROUP]
+    },
+    elements: {
+      navigationButtons,
+      slideIndicators
+    },
+    actions: {
+      manageItems: {
+        displayName: DisplayNames.root.actions.manageItems,
+        execution: {
+          actionType: ACTIONS.ACTION_TYPE.data,
+          data: {
+            dataItemKey: "slides"
+          }
+        }
+      },
+      container: {
+        execution: {
+          actionType: ACTIONS.ACTION_TYPE.data,
+          data: {
+            dataItemKey: "slides.content"
+          }
+        }
+      }
+    },
+    customActions: {
+      animatedIcon: {
+        displayName: DisplayNames.root.customActions.animatedIcon,
+        execution: {
+          actionType: ACTIONS.ACTION_TYPE.forward,
+          forward: {
+            elementPath: `.self.navigationButtons.animatedIcon`,
+            actionName: ACTIONS.ACTION_NAME.custom,
+            custom: "animatedIcon"
+          }
+        }
+      }
+    },
+    helpArticle: {
+      kbId: "38ff1bc7-335f-4113-a0fa-0cdc47a1dfc2"
+    }
+  },
+  resources: {
+    client: {
+      componentUrl: "./site/components/Slideshow/component.tsx",
+      moduleSpecifier: "@wix/editor-react-components/Slideshow",
+      serviceDependencies: ["@wix/viewer-service-environment"],
+      dependencies: {
+        serviceDependencies: ["@wix/viewer-service-environment"]
+      }
+    },
+    editor: {
+      componentUrl: "./site/components/Slideshow/component.preview.tsx"
+    },
+    sdk: {
+      url: "./site/components/Slideshow/sdk.ts"
+    }
+  }
+};
+export {
+  manifest as default
+};