├── .babelrc.js
├── .editorconfig
├── .eslintignore
├── .eslintrc.json
├── .gitignore
├── .prettierignore
├── .prettierrc.json
├── .wp-env.json
├── changelog.txt
├── core
    ├── admin
    │   ├── admin.js
    │   ├── admin.scss
    │   ├── class-maxi-dashboard.php
    │   └── maxi-allowed-html-tags.php
    ├── blocks
    │   ├── class-accordion-maxi-block.php
    │   ├── class-button-maxi-block.php
    │   ├── class-column-maxi-block.php
    │   ├── class-container-maxi-block.php
    │   ├── class-divider-maxi-block.php
    │   ├── class-group-maxi-block.php
    │   ├── class-image-maxi-block.php
    │   ├── class-map-maxi-block.php
    │   ├── class-maxi-block.php
    │   ├── class-number-counter-maxi-block.php
    │   ├── class-pane-maxi-block.php
    │   ├── class-row-maxi-block.php
    │   ├── class-search-maxi-block.php
    │   ├── class-slide-maxi-block.php
    │   ├── class-slider-maxi-block.php
    │   ├── class-svg-icon-maxi-block.php
    │   ├── class-text-maxi-block.php
    │   ├── class-video-maxi-block.php
    │   ├── style-helpers
    │   │   ├── get_alignment_styles.php
    │   │   ├── get_alignment_text_styles.php
    │   │   ├── get_arrow_styles.php
    │   │   ├── get_aspect_ratio.php
    │   │   ├── get_background_styles.php
    │   │   ├── get_border_styles.php
    │   │   ├── get_box_shadow_styles.php
    │   │   ├── get_button_icon_styles.php
    │   │   ├── get_clip_path_styles.php
    │   │   ├── get_column_size_styles.php
    │   │   ├── get_custom_css.php
    │   │   ├── get_custom_formats_styles.php
    │   │   ├── get_display_styles.php
    │   │   ├── get_divider_styles.php
    │   │   ├── get_flex_styles.php
    │   │   ├── get_hover_effects_background_styles.php
    │   │   ├── get_icon_path_styles.php
    │   │   ├── get_icon_size_styles.php
    │   │   ├── get_icon_styles.php
    │   │   ├── get_image_shape_styles.php
    │   │   ├── get_link_styles.php
    │   │   ├── get_margin_padding_styles.php
    │   │   ├── get_number_counter_styles.php
    │   │   ├── get_opacity_styles.php
    │   │   ├── get_overflow_styles.php
    │   │   ├── get_position_styles.php
    │   │   ├── get_shape_divider_styles.php
    │   │   ├── get_shape_styles.php
    │   │   ├── get_size_styles.php
    │   │   ├── get_svg_styles.php
    │   │   ├── get_transform_styles.php
    │   │   ├── get_transition_styles.php
    │   │   ├── get_typography_styles.php
    │   │   └── get_zindex_styles.php
    │   └── utils
    │   │   ├── create_icon_transitions.php
    │   │   ├── create_selectors.php
    │   │   ├── default-group-attributes.json
    │   │   ├── defaults
    │   │       ├── accordion.json
    │   │       ├── accordionIcon.json
    │   │       ├── accordionLine.json
    │   │       ├── accordionTitle.json
    │   │       ├── alignment.json
    │   │       ├── arrow.json
    │   │       ├── arrowIcon.json
    │   │       ├── arrowIconHover.json
    │   │       ├── background.json
    │   │       ├── backgroundActive.json
    │   │       ├── backgroundColor.json
    │   │       ├── backgroundColorActive.json
    │   │       ├── backgroundColorHover.json
    │   │       ├── backgroundGradient.json
    │   │       ├── backgroundGradientActive.json
    │   │       ├── backgroundGradientHover.json
    │   │       ├── backgroundHover.json
    │   │       ├── backgroundImage.json
    │   │       ├── backgroundImageActive.json
    │   │       ├── backgroundImageHover.json
    │   │       ├── backgroundSVG.json
    │   │       ├── backgroundSVGActive.json
    │   │       ├── backgroundSVGHover.json
    │   │       ├── backgroundVideo.json
    │   │       ├── backgroundVideoActive.json
    │   │       ├── backgroundVideoHover.json
    │   │       ├── blockBackground.json
    │   │       ├── border.json
    │   │       ├── borderActive.json
    │   │       ├── borderHover.json
    │   │       ├── borderRadius.json
    │   │       ├── borderRadiusActive.json
    │   │       ├── borderRadiusHover.json
    │   │       ├── borderWidth.json
    │   │       ├── borderWidthActive.json
    │   │       ├── borderWidthHover.json
    │   │       ├── boxShadow.json
    │   │       ├── boxShadowActive.json
    │   │       ├── boxShadowHover.json
    │   │       ├── breakpoints.json
    │   │       ├── clipPath.json
    │   │       ├── clipPathHover.json
    │   │       ├── columnSize.json
    │   │       ├── contextLoop.json
    │   │       ├── customCss.json
    │   │       ├── display.json
    │   │       ├── displayHover.json
    │   │       ├── divider.json
    │   │       ├── dividerHover.json
    │   │       ├── dotIcon.json
    │   │       ├── dotIconActive.json
    │   │       ├── dotIconHover.json
    │   │       ├── dynamicContent.json
    │   │       ├── flex.json
    │   │       ├── fullWidth.json
    │   │       ├── global.json
    │   │       ├── height.json
    │   │       ├── hover.json
    │   │       ├── hoverBackground.json
    │   │       ├── hoverBackgroundColor.json
    │   │       ├── hoverBackgroundGradient.json
    │   │       ├── hoverBorder.json
    │   │       ├── hoverBorderRadius.json
    │   │       ├── hoverBorderWidth.json
    │   │       ├── hoverContentTypography.json
    │   │       ├── hoverMargin.json
    │   │       ├── hoverPadding.json
    │   │       ├── hoverTitleTypography.json
    │   │       ├── icon.json
    │   │       ├── iconBackground.json
    │   │       ├── iconBackgroundColor.json
    │   │       ├── iconBackgroundColorHover.json
    │   │       ├── iconBackgroundGradient.json
    │   │       ├── iconBackgroundGradientHover.json
    │   │       ├── iconBackgroundHover.json
    │   │       ├── iconBorder.json
    │   │       ├── iconBorderHover.json
    │   │       ├── iconBorderRadius.json
    │   │       ├── iconBorderRadiusHover.json
    │   │       ├── iconBorderWidth.json
    │   │       ├── iconBorderWidthHover.json
    │   │       ├── iconBoxShadow.json
    │   │       ├── iconHover.json
    │   │       ├── iconPadding.json
    │   │       ├── imageShape.json
    │   │       ├── imageShapeHover.json
    │   │       ├── link.json
    │   │       ├── map.json
    │   │       ├── mapInteraction.json
    │   │       ├── mapMarker.json
    │   │       ├── mapPopup.json
    │   │       ├── mapPopupText.json
    │   │       ├── margin.json
    │   │       ├── maxHeight.json
    │   │       ├── maxWidth.json
    │   │       ├── minHeight.json
    │   │       ├── minWidth.json
    │   │       ├── navigation.json
    │   │       ├── numberCounter.json
    │   │       ├── opacity.json
    │   │       ├── opacityHover.json
    │   │       ├── overflow.json
    │   │       ├── padding.json
    │   │       ├── placeholderColor.json
    │   │       ├── position.json
    │   │       ├── rawBackground.json
    │   │       ├── rawBackgroundColor.json
    │   │       ├── rawBackgroundGradient.json
    │   │       ├── rawBackgroundImage.json
    │   │       ├── rawBackgroundSVG.json
    │   │       ├── rawBackgroundVideo.json
    │   │       ├── rawBorder.json
    │   │       ├── rawBorderRadius.json
    │   │       ├── rawBorderWidth.json
    │   │       ├── rawFullWidth.json
    │   │       ├── rawHeight.json
    │   │       ├── rawImageShape.json
    │   │       ├── rawMaxHeight.json
    │   │       ├── rawMaxWidth.json
    │   │       ├── rawMinHeight.json
    │   │       ├── rawMinWidth.json
    │   │       ├── rawSize.json
    │   │       ├── rawTypography.json
    │   │       ├── rawWidth.json
    │   │       ├── rowPattern.json
    │   │       ├── scroll.json
    │   │       ├── searchButton.json
    │   │       ├── shape.json
    │   │       ├── shapeDivider.json
    │   │       ├── size.json
    │   │       ├── slider.json
    │   │       ├── svg.json
    │   │       ├── svgHover.json
    │   │       ├── textAlignment.json
    │   │       ├── transform.json
    │   │       ├── transition.json
    │   │       ├── typography.json
    │   │       ├── typographyAlignment.json
    │   │       ├── typographyHover.json
    │   │       ├── video.json
    │   │       ├── videoOverlay.json
    │   │       ├── videoPopup.json
    │   │       ├── width.json
    │   │       └── zIndex.json
    │   │   ├── frontend_style_generator.php
    │   │   ├── get_all_fonts.php
    │   │   ├── get_attribute_key.php
    │   │   ├── get_attributes_value.php
    │   │   ├── get_block_attributes.php
    │   │   ├── get_color_rgba_string.php
    │   │   ├── get_custom_data.php
    │   │   ├── get_custom_format_value.php
    │   │   ├── get_default_attribute.php
    │   │   ├── get_group_attributes.php
    │   │   ├── get_is_valid.php
    │   │   ├── get_last_breakpoint_attribute.php
    │   │   ├── get_palette_attributes.php
    │   │   ├── get_palette_color.php
    │   │   ├── get_prev_breakpoint.php
    │   │   ├── get_row_gap_attributes.php
    │   │   ├── get_value_from_keys.php
    │   │   ├── style_processor.php
    │   │   └── style_resolver.php
    ├── class-maxi-api.php
    ├── class-maxi-blocks.php
    ├── class-maxi-core.php
    ├── class-maxi-db.php
    ├── class-maxi-dynamic-content.php
    ├── class-maxi-image-crop.php
    ├── class-maxi-local-fonts.php
    ├── class-maxi-page-template.php
    ├── class-maxi-style-cards.php
    ├── class-maxi-styles.php
    ├── defaults
    │   ├── defaultSC.json
    │   ├── sc_defaults.php
    │   └── styles_defaults.php
    └── utils
    │   └── get-last-breakpoint-attribute.php
├── e2e-tests
    ├── .eslintrc.json
    ├── blocks
    │   ├── Divider-maxi
    │   │   ├── __snapshots__
    │   │   │   └── index.spec.js.snap
    │   │   └── index.spec.js
    │   ├── Group-maxi
    │   │   ├── __snapshots__
    │   │   │   └── index.spec.js.snap
    │   │   └── index.spec.js
    │   ├── Image-maxi
    │   │   ├── __snapshots__
    │   │   │   └── index.spec.js.snap
    │   │   └── index.spec.js
    │   ├── button-maxi
    │   │   ├── __snapshots__
    │   │   │   └── index.spec.js.snap
    │   │   └── index.spec.js
    │   ├── column-maxi
    │   │   ├── __snapshots__
    │   │   │   └── index.spec.js.snap
    │   │   └── index.spec.js
    │   ├── container-maxi
    │   │   ├── __snapshots__
    │   │   │   └── index.spec.js.snap
    │   │   └── index.spec.js
    │   ├── map-maxi
    │   │   ├── __snapshots__
    │   │   │   └── index.spec.js.snap
    │   │   ├── components
    │   │   │   └── map-control
    │   │   │   │   ├── __snapshots__
    │   │   │   │       └── index.spec.js.snap
    │   │   │   │   └── index.spec.js
    │   │   ├── index.spec.js
    │   │   └── utils
    │   │   │   ├── getMapContainer.js
    │   │   │   └── roundMarkersCoords.js
    │   ├── maxi-cloud-library
    │   │   └── index.spec.js
    │   ├── number-counter-maxi
    │   │   ├── __snapshots__
    │   │   │   └── index.spec.js.snap
    │   │   └── index.spec.js
    │   ├── row-maxi
    │   │   ├── __snapshots__
    │   │   │   └── index.spec.js.snap
    │   │   └── index.spec.js
    │   ├── svg-icon-maxi
    │   │   ├── __snapshots__
    │   │   │   └── index.spec.js.snap
    │   │   └── index.spec.js
    │   ├── text-maxi
    │   │   ├── __snapshots__
    │   │   │   ├── index.spec.js.snap
    │   │   │   └── list.spec.js.snap
    │   │   ├── index.spec.js
    │   │   ├── list.spec.js
    │   │   └── pasteExamples.js
    │   └── video-maxi
    │   │   ├── __snapshots__
    │   │       └── index.spec.js.snap
    │   │   └── index.spec.js
    ├── components
    │   ├── accordion-control
    │   │   └── index.spec.js
    │   ├── advanced-number-control
    │   │   └── index.spec.js
    │   ├── alignment-control
    │   │   ├── __snapshots__
    │   │   │   └── index.spec.js.snap
    │   │   └── index.spec.js
    │   ├── arrow-control
    │   │   ├── __snapshots__
    │   │   │   └── index.spec.js.snap
    │   │   └── index.spec.js
    │   ├── arrow-displayer
    │   │   └── index.spec.js
    │   ├── axis-control
    │   │   ├── __snapshots__
    │   │   │   └── index.spec.js.snap
    │   │   └── index.spec.js
    │   ├── background
    │   │   ├── SVGIconBackground.spec.js
    │   │   ├── __snapshots__
    │   │   │   ├── SVGIconBackground.spec.js.snap
    │   │   │   ├── colorLayer.spec.js.snap
    │   │   │   ├── gradientLayer.spec.js.snap
    │   │   │   ├── imageLayer.spec.js.snap
    │   │   │   ├── shapeLayer.spec.js.snap
    │   │   │   └── videoLayer.spec.js.snap
    │   │   ├── colorLayer.spec.js
    │   │   ├── gradientLayer.spec.js
    │   │   ├── imageLayer.spec.js
    │   │   ├── shapeLayer.spec.js
    │   │   ├── utils
    │   │   │   └── sizeAndPositionChecker.js
    │   │   └── videoLayer.spec.js
    │   ├── base-control
    │   │   ├── __snapshots__
    │   │   │   └── index.spec.js.snap
    │   │   └── index.spec.js
    │   ├── block-inserter
    │   │   ├── __snapshots__
    │   │   │   └── index.spec.js.snap
    │   │   └── index.spec.js
    │   ├── block-resizer
    │   │   └── index.spec.js
    │   ├── block-styles-control
    │   │   ├── __snapshots__
    │   │   │   └── index.spec.js.snap
    │   │   └── index.spec.js
    │   ├── border-control
    │   │   ├── __snapshots__
    │   │   │   └── index.spec.js.snap
    │   │   └── index.spec.js
    │   ├── box-shadow-control
    │   │   ├── __snapshots__
    │   │   │   └── index.spec.js.snap
    │   │   └── index.spec.js
    │   ├── breadcrumbs
    │   │   └── index.spec.js
    │   ├── button
    │   │   ├── __snapshots__
    │   │   │   └── index.spec.js.snap
    │   │   └── index.spec.js
    │   ├── checkbox-control
    │   │   └── index.spec.js
    │   ├── clip-path-control
    │   │   ├── __snapshots__
    │   │   │   └── index.spec.js.snap
    │   │   └── index.spec.js
    │   ├── color-control
    │   │   └── index.spec.js
    │   ├── column-pattern
    │   │   ├── __snapshots__
    │   │   │   └── index.spec.js.snap
    │   │   └── index.spec.js
    │   ├── context-loop
    │   │   ├── content.js
    │   │   └── index.spec.js
    │   ├── custom-css-control
    │   │   ├── __snapshots__
    │   │   │   └── index.spec.js.snap
    │   │   └── index.spec.js
    │   ├── custom-css
    │   │   ├── __snapshots__
    │   │   │   └── index.spec.js.snap
    │   │   └── index.spec.js
    │   ├── custom-label
    │   │   └── index.spec.js
    │   ├── default-styles-control
    │   │   ├── __snapshots__
    │   │   │   └── index.spec.js.snap
    │   │   └── index.spec.js
    │   ├── display-control
    │   │   ├── __snapshots__
    │   │   │   └── index.spec.js.snap
    │   │   └── index.spec.js
    │   ├── divider-control
    │   │   ├── __snapshots__
    │   │   │   └── index.spec.js.snap
    │   │   └── index.spec.js
    │   ├── dropdown
    │   │   └── index.spec.js
    │   ├── dynamic-content
    │   │   ├── author.spec.js
    │   │   ├── category.spec.js
    │   │   ├── content.js
    │   │   ├── media.spec.js
    │   │   ├── page.spec.js
    │   │   ├── post.spec.js
    │   │   └── site.spec.js
    │   ├── flex-settings-control
    │   │   ├── __snapshots__
    │   │   │   └── index.spec.js.snap
    │   │   └── index.spec.js
    │   ├── font-family-selector
    │   │   ├── __snapshots__
    │   │   │   └── index.spec.js.snap
    │   │   └── index.spec.js
    │   ├── font-level-control
    │   │   ├── __snapshots__
    │   │   │   └── index.spec.js.snap
    │   │   └── index.spec.js
    │   ├── full-size-control
    │   │   ├── __snapshots__
    │   │   │   └── index.spec.js.snap
    │   │   └── index.spec.js
    │   ├── gradient-control
    │   │   └── index.spec.js
    │   ├── icon-control
    │   │   ├── __snapshots__
    │   │   │   └── index.spec.js.snap
    │   │   └── index.spec.js
    │   ├── icon
    │   │   └── index.spec.js
    │   ├── image-url
    │   │   ├── __snapshots__
    │   │   │   └── index.spec.js.snap
    │   │   └── index.spec.js
    │   ├── indicators
    │   │   ├── __snapshots__
    │   │   │   └── index.spec.js.snap
    │   │   └── index.spec.js
    │   ├── info-box
    │   │   ├── __snapshots__
    │   │   │   └── index.spec.js.snap
    │   │   └── index.spec.js
    │   ├── number-counter-control
    │   │   ├── __snapshots__
    │   │   │   └── index.spec.js.snap
    │   │   └── index.spec.js
    │   ├── opacity-control
    │   │   ├── __snapshots__
    │   │   │   └── index.spec.js.snap
    │   │   └── index.spec.js
    │   ├── overflow-control
    │   │   └── index.spec.js
    │   ├── padding-control
    │   │   └── index.spec.js
    │   ├── placeholder
    │   │   ├── __snapshots__
    │   │   │   └── index.spec.js.snap
    │   │   └── index.spec.js
    │   ├── position-control
    │   │   ├── __snapshots__
    │   │   │   └── index.spec.js.snap
    │   │   └── index.spec.js
    │   ├── relation-control
    │   │   ├── __snapshots__
    │   │   │   ├── button-maxi.spec.js.snap
    │   │   │   ├── column-maxi.spec.js.snap
    │   │   │   ├── divider-maxi.spec.js.snap
    │   │   │   ├── image-maxi.spec.js.snap
    │   │   │   └── text-maxi.spec.js.snap
    │   │   ├── button-maxi.spec.js
    │   │   ├── column-maxi.spec.js
    │   │   ├── divider-maxi.spec.js
    │   │   ├── image-maxi.spec.js
    │   │   └── text-maxi.spec.js
    │   ├── repeater
    │   │   ├── __snapshots__
    │   │   │   └── index.spec.js.snap
    │   │   ├── content.js
    │   │   └── index.spec.js
    │   ├── responsive-control
    │   │   └── index.spec.js
    │   ├── select-control
    │   │   └── index.spec.js
    │   ├── setting-tabs-control
    │   │   └── index.spec.js
    │   ├── shape-divider-control
    │   │   ├── __snapshots__
    │   │   │   └── index.spec.js.snap
    │   │   └── index.spec.js
    │   ├── shape-divider
    │   │   └── index.spec.js
    │   ├── svg-color
    │   │   ├── __snapshots__
    │   │   │   └── index.spec.js.snap
    │   │   └── index.spec.js
    │   ├── svg-stroke-width-control
    │   │   ├── __snapshots__
    │   │   │   └── index.spec.js.snap
    │   │   └── index.spec.js
    │   ├── svg-width-control
    │   │   └── index.spec.js
    │   ├── text-control
    │   │   └── index.spec.js
    │   ├── text-shadow-control
    │   │   ├── __snapshots__
    │   │   │   └── index.spec.js.snap
    │   │   └── index.spec.js
    │   ├── textarea-control
    │   │   ├── __snapshots__
    │   │   │   └── index.spec.js.snap
    │   │   └── index.spec.js
    │   ├── toolbar
    │   │   └── components
    │   │   │   ├── alignment
    │   │   │       └── index.spec.js
    │   │   │   ├── background-color
    │   │   │       ├── __snapshots__
    │   │   │       │   └── block-background-color.spec.js.snap
    │   │   │       ├── background-color.spec.js
    │   │   │       └── block-background-color.spec.js
    │   │   │   ├── border
    │   │   │       └── index.spec.js
    │   │   │   ├── box-shadow
    │   │   │       └── index.spec.js
    │   │   │   ├── column-pattern
    │   │   │       └── index.spec.js
    │   │   │   ├── column-size
    │   │   │       └── index.spec.js
    │   │   │   ├── copy-paste
    │   │   │       ├── index.spec.js
    │   │   │       └── utils.js
    │   │   │   ├── delete
    │   │   │       └── index.spec.js
    │   │   │   ├── divider-alignment
    │   │   │       └── index.spec.js
    │   │   │   ├── divider-color
    │   │   │       └── index.spec.js
    │   │   │   ├── divider-line
    │   │   │       └── index.spec.js
    │   │   │   ├── duplicate
    │   │   │       └── index.spec.js
    │   │   │   ├── help
    │   │   │       └── index.spec.js
    │   │   │   ├── icon-background
    │   │   │       └── index.spec.js
    │   │   │   ├── icon-colour
    │   │   │       └── index.spec.js
    │   │   │   ├── icon-position
    │   │   │       └── index.spec.js
    │   │   │   ├── icon-size
    │   │   │       └── index.spec.js
    │   │   │   ├── image-size
    │   │   │       └── index.spec.js
    │   │   │   ├── link
    │   │   │       ├── __snapshots__
    │   │   │       │   └── index.spec.js.snap
    │   │   │       └── index.spec.js
    │   │   │   ├── padding-margin
    │   │   │       └── index.spec.js
    │   │   │   ├── size
    │   │   │       └── index.spec.js
    │   │   │   ├── text-bold
    │   │   │       └── index.spec.js
    │   │   │   ├── text-color
    │   │   │       └── index.spec.js
    │   │   │   ├── text-format-strikethrough
    │   │   │       └── index.spec.js
    │   │   │   ├── text-format-subscript
    │   │   │       └── index.spec.js
    │   │   │   ├── text-format-superscript
    │   │   │       └── index.spec.js
    │   │   │   ├── text-format-underline
    │   │   │       └── index.spec.js
    │   │   │   ├── text-generator
    │   │   │       └── index.spec.js
    │   │   │   ├── text-italic
    │   │   │       └── index.spec.js
    │   │   │   ├── text-level
    │   │   │       └── index.spec.js
    │   │   │   ├── text-link
    │   │   │       ├── __snapshots__
    │   │   │       │   └── index.spec.js.snap
    │   │   │       └── index.spec.js
    │   │   │   ├── text-list-options
    │   │   │       └── index.spec.js
    │   │   │   ├── text-margin
    │   │   │       └── index.spec.js
    │   │   │   ├── text-options
    │   │   │       └── index.spec.js
    │   │   │   └── vertical-align
    │   │   │       └── index.spec.js
    │   ├── transform-control
    │   │   ├── __snapshots__
    │   │   │   └── index.spec.js.snap
    │   │   └── index.spec.js
    │   ├── typography-control
    │   │   ├── __snapshots__
    │   │   │   └── index.spec.js.snap
    │   │   └── index.spec.js
    │   ├── video-control
    │   │   ├── __snapshots__
    │   │   │   └── index.spec.js.snap
    │   │   └── index.spec.js
    │   ├── video-icon-control
    │   │   ├── __snapshots__
    │   │   │   └── index.spec.js.snap
    │   │   └── index.spec.js
    │   ├── video-options-control
    │   │   ├── __snapshots__
    │   │   │   └── index.spec.js.snap
    │   │   └── index.spec.js
    │   ├── video-overlay-control
    │   │   └── index.spec.js
    │   └── zindex-control
    │   │   ├── __snapshots__
    │   │       └── index.spec.js.snap
    │   │   └── index.spec.js
    ├── editor
    │   ├── __snapshots__
    │   │   ├── responsive.spec.js.snap
    │   │   └── sc-variable.spec.js.snap
    │   ├── marginValue.spec.js
    │   ├── responsive.spec.js
    │   ├── sc-variable.spec.js
    │   └── style-cards
    │   │   ├── __snapshots__
    │   │       ├── button.spec.js.snap
    │   │       ├── colorPreset.spec.js.snap
    │   │       ├── divider.spec.js.snap
    │   │       ├── headings.spec.js.snap
    │   │       ├── link.spec.js.snap
    │   │       ├── paragraph.spec.js.snap
    │   │       └── svgIcon.spec.js.snap
    │   │   ├── button.spec.js
    │   │   ├── colorPreset.spec.js
    │   │   ├── constants.js
    │   │   ├── divider.spec.js
    │   │   ├── global.spec.js
    │   │   ├── headings.spec.js
    │   │   ├── link.spec.js
    │   │   ├── paragraph.spec.js
    │   │   └── svgIcon.spec.js
    ├── jest.config.js
    ├── setup-test-framework.js
    └── utils
    │   ├── addBackgroundLayer.js
    │   ├── addBackgroundLayerCanvas.js
    │   ├── addCustomCSS.js
    │   ├── addImageToImageMaxi.js
    │   ├── addImageToLibrary.js
    │   ├── addResponsiveTest.js
    │   ├── addTypographyOptions.js
    │   ├── addTypographyStyle.js
    │   ├── changeResponsive.js
    │   ├── changeUniqueID.js
    │   ├── checkSCResult.js
    │   ├── copySCToEdit.js
    │   ├── deactivatePlugin.js
    │   ├── editAdvancedNumberControl.js
    │   ├── editAxisControl.js
    │   ├── editColorControl.js
    │   ├── editGlobalStyles.js
    │   ├── getAttributes.js
    │   ├── getBlockAttributes.js
    │   ├── getBlockStyle.js
    │   ├── getClientId.js
    │   ├── getEditedPostContent.js
    │   ├── getElementAttribute.js
    │   ├── getStyleCardEditor.js
    │   ├── index.js
    │   ├── insertMaxiBlock.js
    │   ├── modalMock.js
    │   ├── openPreviewPage.js
    │   ├── openSidebarTab.js
    │   ├── removeBackgroundLayers.js
    │   ├── resettingAttributes.js
    │   ├── setAttributes.js
    │   ├── test
    │       ├── __snapshots__
    │       │   └── getBlockAttributes.js.snap
    │       └── getBlockAttributes.js
    │   ├── uniqueIDGenerator.js
    │   ├── updateAllBlockUniqueIds.js
    │   └── waitForAttribute.js
├── img
    ├── block-preview
    │   ├── accordion.png
    │   ├── button.png
    │   ├── container.png
    │   ├── divider.png
    │   ├── group.png
    │   ├── icon.png
    │   ├── image.png
    │   ├── map.png
    │   ├── nc.png
    │   ├── pane.png
    │   ├── row.png
    │   ├── search.png
    │   ├── slide.png
    │   ├── slider.png
    │   ├── templates.png
    │   ├── text.png
    │   └── video.png
    ├── how-to-log-in-1.png
    ├── how-to-log-in-2.png
    ├── maxi-logo-dashboard-white.svg
    ├── maxi-logo-dashboard.svg
    ├── patterns-placeholder.jpeg
    └── placeholder.jpg
├── js
    ├── maxi-accordion.js
    ├── maxi-bg-video.js
    ├── maxi-hover-effects.js
    ├── maxi-map.js
    ├── maxi-number-counter.js
    ├── maxi-parallax.js
    ├── maxi-relations.js
    ├── maxi-scroll-effects.js
    ├── maxi-search.js
    ├── maxi-shape-divider.js
    ├── maxi-slider.js
    ├── maxi-video.js
    ├── mediaFilter.min.js
    └── waypoints.min.js
├── languages
    └── maxi-blocks.pot
├── license.txt
├── package.json
├── plugin.php
├── readme.txt
├── src
    ├── blocks
    │   ├── accordion-maxi
    │   │   ├── accordion-maxi.js
    │   │   ├── attributes.js
    │   │   ├── block.json
    │   │   ├── components
    │   │   │   ├── accordion-icon-control
    │   │   │   │   ├── IconColor.js
    │   │   │   │   └── index.js
    │   │   │   ├── accordion-line-control
    │   │   │   │   └── index.js
    │   │   │   ├── accordion-settings-control
    │   │   │   │   └── index.js
    │   │   │   ├── accordion-title-control
    │   │   │   │   └── index.js
    │   │   │   └── index.js
    │   │   ├── context.js
    │   │   ├── data.js
    │   │   ├── edit.js
    │   │   ├── index.js
    │   │   ├── inspector.js
    │   │   ├── save.js
    │   │   ├── style.scss
    │   │   └── styles.js
    │   ├── button-maxi
    │   │   ├── attributes.js
    │   │   ├── block.json
    │   │   ├── button-maxi.js
    │   │   ├── data.js
    │   │   ├── defaults.js
    │   │   ├── edit.js
    │   │   ├── editor.scss
    │   │   ├── index.js
    │   │   ├── inspector.js
    │   │   ├── save-old.js
    │   │   ├── save.js
    │   │   ├── style.scss
    │   │   ├── styles.js
    │   │   └── utils.js
    │   ├── cloud-maxi
    │   │   ├── cloud-maxi.js
    │   │   ├── edit.js
    │   │   ├── editor.scss
    │   │   ├── index.js
    │   │   └── style.scss
    │   ├── column-maxi
    │   │   ├── attributes.js
    │   │   ├── block.json
    │   │   ├── column-maxi.js
    │   │   ├── components
    │   │   │   ├── column-size-control
    │   │   │   │   └── index.js
    │   │   │   └── index.js
    │   │   ├── data.js
    │   │   ├── edit.js
    │   │   ├── editor.scss
    │   │   ├── index.js
    │   │   ├── inspector.js
    │   │   ├── save.js
    │   │   ├── style.scss
    │   │   ├── styles.js
    │   │   ├── test
    │   │   │   ├── __snapshots__
    │   │   │   │   └── getRowBorderRadius.js.snap
    │   │   │   └── getRowBorderRadius.js
    │   │   └── utils.js
    │   ├── container-maxi
    │   │   ├── attributes.js
    │   │   ├── block.json
    │   │   ├── components
    │   │   │   ├── index.js
    │   │   │   └── shape-divider-control
    │   │   │   │   ├── editor.scss
    │   │   │   │   └── index.js
    │   │   ├── container-maxi.js
    │   │   ├── data.js
    │   │   ├── edit.js
    │   │   ├── editor.scss
    │   │   ├── index.js
    │   │   ├── inspector.js
    │   │   ├── save.js
    │   │   ├── style.scss
    │   │   └── styles.js
    │   ├── data.js
    │   ├── divider-maxi
    │   │   ├── attributes.js
    │   │   ├── block.json
    │   │   ├── data.js
    │   │   ├── divider-maxi.js
    │   │   ├── edit.js
    │   │   ├── index.js
    │   │   ├── inspector.js
    │   │   ├── save.js
    │   │   ├── style.scss
    │   │   └── styles.js
    │   ├── group-maxi
    │   │   ├── attributes.js
    │   │   ├── block.json
    │   │   ├── data.js
    │   │   ├── edit.js
    │   │   ├── editor.scss
    │   │   ├── group-maxi.js
    │   │   ├── index.js
    │   │   ├── inspector.js
    │   │   ├── save.js
    │   │   ├── style.scss
    │   │   └── styles.js
    │   ├── image-maxi
    │   │   ├── attributes.js
    │   │   ├── block.json
    │   │   ├── components
    │   │   │   ├── dimension-tab
    │   │   │   │   └── index.js
    │   │   │   ├── hover-effect-control
    │   │   │   │   └── index.js
    │   │   │   └── index.js
    │   │   ├── data.js
    │   │   ├── edit.js
    │   │   ├── editor.scss
    │   │   ├── image-maxi.js
    │   │   ├── index.js
    │   │   ├── inspector.js
    │   │   ├── save.js
    │   │   ├── style.scss
    │   │   └── styles.js
    │   ├── map-maxi
    │   │   ├── attributes.js
    │   │   ├── block.json
    │   │   ├── components
    │   │   │   ├── drop-marker-alert
    │   │   │   │   └── index.js
    │   │   │   ├── index.js
    │   │   │   ├── map-content
    │   │   │   │   └── index.js
    │   │   │   ├── map-control
    │   │   │   │   └── index.js
    │   │   │   ├── map-events-listener
    │   │   │   │   └── index.js
    │   │   │   ├── map-interaction-control
    │   │   │   │   └── index.js
    │   │   │   ├── map-markers-control
    │   │   │   │   └── index.js
    │   │   │   ├── map-popup-control
    │   │   │   │   └── index.js
    │   │   │   ├── map-popup-text-control
    │   │   │   │   └── index.js
    │   │   │   ├── markers
    │   │   │   │   └── index.js
    │   │   │   └── search-box
    │   │   │   │   └── index.js
    │   │   ├── data.js
    │   │   ├── edit.js
    │   │   ├── editor.scss
    │   │   ├── index.js
    │   │   ├── inspector.js
    │   │   ├── map-maxi.js
    │   │   ├── save.js
    │   │   ├── style.scss
    │   │   ├── styles.js
    │   │   └── utils.js
    │   ├── number-counter-maxi
    │   │   ├── attributes.js
    │   │   ├── block.json
    │   │   ├── components
    │   │   │   ├── index.js
    │   │   │   └── number-counter-control
    │   │   │   │   ├── editor.scss
    │   │   │   │   └── index.js
    │   │   ├── data.js
    │   │   ├── edit.js
    │   │   ├── index.js
    │   │   ├── inspector.js
    │   │   ├── number-counter-maxi.js
    │   │   ├── save.js
    │   │   ├── style.scss
    │   │   └── styles.js
    │   ├── pane-maxi
    │   │   ├── attributes.js
    │   │   ├── block.json
    │   │   ├── data.js
    │   │   ├── edit.js
    │   │   ├── index.js
    │   │   ├── inspector.js
    │   │   ├── pane-maxi.js
    │   │   ├── save.js
    │   │   ├── style.scss
    │   │   └── styles.js
    │   ├── row-maxi
    │   │   ├── attributes.js
    │   │   ├── block.json
    │   │   ├── components
    │   │   │   ├── column-pattern
    │   │   │   │   ├── editor.scss
    │   │   │   │   └── index.js
    │   │   │   ├── index.js
    │   │   │   └── row-block-template
    │   │   │   │   └── index.js
    │   │   ├── context.js
    │   │   ├── data.js
    │   │   ├── edit.js
    │   │   ├── editor.scss
    │   │   ├── index.js
    │   │   ├── inspector.js
    │   │   ├── repeaterContext.js
    │   │   ├── row-maxi.js
    │   │   ├── rowContext.js
    │   │   ├── save.js
    │   │   ├── style.scss
    │   │   └── styles.js
    │   ├── search-maxi
    │   │   ├── attributes.js
    │   │   ├── block.json
    │   │   ├── components
    │   │   │   ├── button-control
    │   │   │   │   └── index.js
    │   │   │   ├── index.js
    │   │   │   ├── placeholder-color-control
    │   │   │   │   └── index.js
    │   │   │   └── skin-control
    │   │   │   │   └── index.js
    │   │   ├── data.js
    │   │   ├── edit.js
    │   │   ├── editor.scss
    │   │   ├── index.js
    │   │   ├── inspector.js
    │   │   ├── save.js
    │   │   ├── search-maxi.js
    │   │   ├── style.scss
    │   │   └── styles.js
    │   ├── slide-maxi
    │   │   ├── attributes.js
    │   │   ├── block.json
    │   │   ├── data.js
    │   │   ├── edit.js
    │   │   ├── editor.scss
    │   │   ├── index.js
    │   │   ├── inspector.js
    │   │   ├── save.js
    │   │   ├── slide-maxi.js
    │   │   ├── style.scss
    │   │   └── styles.js
    │   ├── slider-maxi
    │   │   ├── attributes.js
    │   │   ├── block.json
    │   │   ├── components
    │   │   │   ├── navigation-control
    │   │   │   │   ├── editor.scss
    │   │   │   │   ├── index.js
    │   │   │   │   ├── navigation-control.js
    │   │   │   │   └── navigation-icon-control.js
    │   │   │   └── slider-control
    │   │   │   │   └── index.js
    │   │   ├── context.js
    │   │   ├── data.js
    │   │   ├── edit.js
    │   │   ├── editor.scss
    │   │   ├── index.js
    │   │   ├── inspector.js
    │   │   ├── save.js
    │   │   ├── slider-maxi.js
    │   │   ├── style.scss
    │   │   ├── styles.js
    │   │   └── template.js
    │   ├── svg-icon-maxi
    │   │   ├── attributes.js
    │   │   ├── block.json
    │   │   ├── components
    │   │   │   ├── index.js
    │   │   │   ├── svg-alt-control
    │   │   │   │   └── index.js
    │   │   │   └── svg-color-control
    │   │   │   │   └── index.js
    │   │   ├── data.js
    │   │   ├── edit.js
    │   │   ├── editor.scss
    │   │   ├── index.js
    │   │   ├── inspector.js
    │   │   ├── save.js
    │   │   ├── style.scss
    │   │   ├── styles.js
    │   │   └── svg-icon-maxi.js
    │   ├── text-maxi
    │   │   ├── attributes.js
    │   │   ├── block.json
    │   │   ├── components
    │   │   │   ├── index.js
    │   │   │   └── list-options-control
    │   │   │   │   └── index.js
    │   │   ├── data.js
    │   │   ├── edit.js
    │   │   ├── editor.scss
    │   │   ├── index.js
    │   │   ├── inspector.js
    │   │   ├── save.js
    │   │   ├── style.scss
    │   │   ├── styles.js
    │   │   ├── text-maxi.js
    │   │   ├── transforms.js
    │   │   └── utils.js
    │   └── video-maxi
    │   │   ├── attributes.js
    │   │   ├── block.json
    │   │   ├── components
    │   │       ├── index.js
    │   │       ├── popup-settings-control
    │   │       │   └── index.js
    │   │       ├── video-control
    │   │       │   └── index.js
    │   │       ├── video-icon-control
    │   │       │   └── index.js
    │   │       ├── video-options-control
    │   │       │   └── index.js
    │   │       └── video-overlay-control
    │   │       │   └── index.js
    │   │   ├── data.js
    │   │   ├── edit.js
    │   │   ├── index.js
    │   │   ├── inspector.js
    │   │   ├── save.js
    │   │   ├── style.scss
    │   │   ├── styles.js
    │   │   └── video-maxi.js
    ├── components.js
    ├── components
    │   ├── accordion-control
    │   │   ├── Accordion.js
    │   │   ├── AccordionItem.js
    │   │   ├── AccordionItemButton.js
    │   │   ├── AccordionItemHeading.js
    │   │   ├── AccordionItemPanel.js
    │   │   ├── editor.scss
    │   │   └── index.js
    │   ├── advanced-number-control
    │   │   ├── editor.scss
    │   │   ├── index.js
    │   │   └── utils.js
    │   ├── alignment-control
    │   │   ├── editor.scss
    │   │   └── index.js
    │   ├── arrow-control
    │   │   └── index.js
    │   ├── arrow-displayer
    │   │   ├── index.js
    │   │   └── style.scss
    │   ├── aspect-ratio-control
    │   │   └── index.js
    │   ├── axis-control
    │   │   ├── editor.scss
    │   │   └── index.js
    │   ├── axis-position-control
    │   │   └── index.js
    │   ├── background-control
    │   │   ├── backgroundLayersControl.js
    │   │   ├── blockBackgroundControl.js
    │   │   ├── colorLayer.js
    │   │   ├── editor.scss
    │   │   ├── gradientLayer.js
    │   │   ├── imageLayer.js
    │   │   ├── index.js
    │   │   ├── layers.js
    │   │   ├── sizeAndPositionLayerControl.js
    │   │   ├── svgLayer.js
    │   │   ├── utils.js
    │   │   └── videoLayer.js
    │   ├── background-displayer
    │   │   ├── editor.scss
    │   │   ├── index.js
    │   │   ├── style.scss
    │   │   └── videoLayer.js
    │   ├── base-control
    │   │   ├── editor.scss
    │   │   └── index.js
    │   ├── block-indicators
    │   │   ├── editor.scss
    │   │   └── index.js
    │   ├── block-inserter
    │   │   ├── editor.scss
    │   │   └── index.js
    │   ├── block-resizer
    │   │   ├── editor.scss
    │   │   └── index.js
    │   ├── block-styles-control
    │   │   ├── editor.scss
    │   │   └── index.js
    │   ├── border-control
    │   │   ├── defaults.js
    │   │   └── index.js
    │   ├── box-shadow-control
    │   │   ├── defaults.js
    │   │   ├── editor.scss
    │   │   └── index.js
    │   ├── breadcrumbs
    │   │   ├── editor.scss
    │   │   └── index.js
    │   ├── button
    │   │   └── index.js
    │   ├── checkbox-control
    │   │   ├── editor.scss
    │   │   └── index.js
    │   ├── clip-path-control
    │   │   ├── defaults.js
    │   │   ├── doublePoint.js
    │   │   ├── editor.scss
    │   │   ├── getClipPath.js
    │   │   ├── index.js
    │   │   ├── optionColors.js
    │   │   ├── radiusPoint.js
    │   │   ├── singlePoint.js
    │   │   ├── typeDefaults.js
    │   │   └── visualEditor.js
    │   ├── color-control
    │   │   ├── customColorControl.js
    │   │   ├── editor.scss
    │   │   ├── index.js
    │   │   └── paletteControl.js
    │   ├── content-loader
    │   │   ├── editor.scss
    │   │   ├── img
    │   │   │   ├── 1.svg
    │   │   │   ├── 2.svg
    │   │   │   ├── 3.svg
    │   │   │   ├── 4.svg
    │   │   │   ├── 5.svg
    │   │   │   └── 6.svg
    │   │   └── index.js
    │   ├── context-loop
    │   │   └── index.js
    │   ├── custom-css-control
    │   │   ├── editor.scss
    │   │   ├── index.js
    │   │   └── utils.js
    │   ├── custom-label
    │   │   └── index.js
    │   ├── default-styles-control
    │   │   ├── editor.scss
    │   │   └── index.js
    │   ├── dialog-box
    │   │   ├── editor.scss
    │   │   └── index.js
    │   ├── display-control
    │   │   ├── editor.scss
    │   │   └── index.js
    │   ├── divider-control
    │   │   └── index.js
    │   ├── dropdown
    │   │   └── index.js
    │   ├── dynamic-content
    │   │   ├── acf-settings-control
    │   │   │   └── index.js
    │   │   ├── custom-date-formatting
    │   │   │   ├── constants.js
    │   │   │   ├── editor.scss
    │   │   │   └── index.js
    │   │   ├── editor.scss
    │   │   └── index.js
    │   ├── flex-settings-control
    │   │   ├── editor.scss
    │   │   ├── flex-align-control.js
    │   │   ├── flex-content-align-control.js
    │   │   ├── flex-direction-control.js
    │   │   ├── flex-gap-control.js
    │   │   ├── flex-wrap-control.js
    │   │   ├── index.js
    │   │   └── utils.js
    │   ├── font-family-selector
    │   │   ├── editor.scss
    │   │   └── index.js
    │   ├── font-level-control
    │   │   ├── editor.scss
    │   │   └── index.js
    │   ├── font-weight-control
    │   │   ├── index.js
    │   │   └── utils.js
    │   ├── full-size-control
    │   │   ├── editor.scss
    │   │   └── index.js
    │   ├── gradient-control
    │   │   ├── editor.scss
    │   │   └── index.js
    │   ├── hover-preview
    │   │   └── index.js
    │   ├── icon-control
    │   │   ├── editor.scss
    │   │   └── index.js
    │   ├── icon
    │   │   └── index.js
    │   ├── image-alt-control
    │   │   └── index.js
    │   ├── image-crop-control
    │   │   ├── editor.scss
    │   │   └── index.js
    │   ├── image-shape
    │   │   └── index.js
    │   ├── image-url
    │   │   ├── editor.scss
    │   │   └── index.js
    │   ├── index.js
    │   ├── info-box
    │   │   ├── editor.scss
    │   │   └── index.js
    │   ├── inspector-tabs
    │   │   ├── index.js
    │   │   ├── inspector-alignment.js
    │   │   ├── inspector-anchor.js
    │   │   ├── inspector-background.js
    │   │   ├── inspector-block-background.js
    │   │   ├── inspector-block-settings.js
    │   │   ├── inspector-border.js
    │   │   ├── inspector-box-shadow.js
    │   │   ├── inspector-callout-arrow.js
    │   │   ├── inspector-clip-path.js
    │   │   ├── inspector-context-loop.js
    │   │   ├── inspector-custom-classes.js
    │   │   ├── inspector-custom-css.js
    │   │   ├── inspector-dc.js
    │   │   ├── inspector-display.js
    │   │   ├── inspector-flex.js
    │   │   ├── inspector-icon.js
    │   │   ├── inspector-margin-padding.js
    │   │   ├── inspector-opacity.js
    │   │   ├── inspector-overflow.js
    │   │   ├── inspector-position.js
    │   │   ├── inspector-relation.js
    │   │   ├── inspector-repeater.js
    │   │   ├── inspector-responsive-info-box.js
    │   │   ├── inspector-responsive.js
    │   │   ├── inspector-scroll-effects.js
    │   │   ├── inspector-size.js
    │   │   ├── inspector-transform.js
    │   │   ├── inspector-transition.js
    │   │   ├── inspector-typography.js
    │   │   ├── inspector-zindex.js
    │   │   └── repeater-info-box
    │   │   │   ├── editor.scss
    │   │   │   └── index.js
    │   ├── link-control
    │   │   ├── editor.scss
    │   │   └── index.js
    │   ├── list-control
    │   │   ├── editor.scss
    │   │   ├── index.js
    │   │   └── list-item-control.js
    │   ├── manage-hover-transitions
    │   │   └── index.js
    │   ├── margin-control
    │   │   └── index.js
    │   ├── maxi-block
    │   │   ├── disabledMaxiBlock.js
    │   │   ├── editor.scss
    │   │   ├── getMaxiBlockAttributes.js
    │   │   ├── index.js
    │   │   ├── innerBlocksBlock.js
    │   │   ├── mainMaxiBlock.js
    │   │   └── maxiBlock.js
    │   ├── maxi-popover-button
    │   │   ├── editor.scss
    │   │   └── index.js
    │   ├── media-uploader-control
    │   │   ├── editor.scss
    │   │   └── index.js
    │   ├── motion-preview
    │   │   ├── editor.scss
    │   │   └── index.js
    │   ├── opacity-control
    │   │   └── index.js
    │   ├── overflow-control
    │   │   ├── editor.scss
    │   │   └── index.js
    │   ├── padding-control
    │   │   └── index.js
    │   ├── placeholder
    │   │   ├── editor.scss
    │   │   └── index.js
    │   ├── popover
    │   │   ├── animate.js
    │   │   ├── editor.scss
    │   │   └── index.js
    │   ├── position-control
    │   │   └── index.js
    │   ├── radio-control
    │   │   └── editor.scss
    │   ├── raw-html
    │   │   └── index.js
    │   ├── relation-control
    │   │   ├── editor.scss
    │   │   └── index.js
    │   ├── repeater
    │   │   └── index.js
    │   ├── reset-control
    │   │   ├── editor.scss
    │   │   └── index.js
    │   ├── responsive-control
    │   │   └── index.js
    │   ├── responsive-tabs-control
    │   │   ├── editor.scss
    │   │   └── index.js
    │   ├── scroll-effects-control
    │   │   ├── editor.scss
    │   │   ├── index.js
    │   │   ├── scroll-effect-preview.js
    │   │   ├── scroll-effect-unique-control.js
    │   │   └── shortcuts.js
    │   ├── select-control
    │   │   ├── editor.scss
    │   │   └── index.js
    │   ├── setting-tabs-control
    │   │   ├── editor.scss
    │   │   └── index.js
    │   ├── shape-divider
    │   │   ├── index.js
    │   │   └── style.scss
    │   ├── spinner
    │   │   ├── editor.scss
    │   │   └── index.js
    │   ├── svg-color
    │   │   └── index.js
    │   ├── svg-fill-control
    │   │   └── index.js
    │   ├── svg-stroke-width-control
    │   │   └── index.js
    │   ├── svg-width-control
    │   │   └── index.js
    │   ├── text-control
    │   │   ├── editor.scss
    │   │   └── index.js
    │   ├── text-input
    │   │   ├── editor.scss
    │   │   └── index.js
    │   ├── text-shadow-control
    │   │   ├── editor.scss
    │   │   └── index.js
    │   ├── textarea-control
    │   │   ├── editor.scss
    │   │   └── index.js
    │   ├── toggle-switch
    │   │   ├── editor.scss
    │   │   └── index.js
    │   ├── toolbar
    │   │   ├── captionToolbar.js
    │   │   ├── components
    │   │   │   ├── alignment
    │   │   │   │   ├── editor.scss
    │   │   │   │   └── index.js
    │   │   │   ├── background-color
    │   │   │   │   ├── background-color.js
    │   │   │   │   ├── block-background-color.js
    │   │   │   │   └── editor.scss
    │   │   │   ├── border
    │   │   │   │   ├── editor.scss
    │   │   │   │   └── index.js
    │   │   │   ├── box-shadow
    │   │   │   │   ├── editor.scss
    │   │   │   │   └── index.js
    │   │   │   ├── column-mover
    │   │   │   │   ├── editor.scss
    │   │   │   │   └── index.js
    │   │   │   ├── column-pattern
    │   │   │   │   ├── editor.scss
    │   │   │   │   └── index.js
    │   │   │   ├── column-size
    │   │   │   │   ├── editor.scss
    │   │   │   │   └── index.js
    │   │   │   ├── columns-handlers
    │   │   │   │   ├── editor.scss
    │   │   │   │   └── index.js
    │   │   │   ├── context-loop
    │   │   │   │   ├── editor.scss
    │   │   │   │   └── index.js
    │   │   │   ├── copy-paste
    │   │   │   │   ├── CopyPasteGroup.js
    │   │   │   │   ├── editor.scss
    │   │   │   │   └── index.js
    │   │   │   ├── delete
    │   │   │   │   └── index.js
    │   │   │   ├── divider-alignment
    │   │   │   │   ├── editor.scss
    │   │   │   │   └── index.js
    │   │   │   ├── divider-color
    │   │   │   │   ├── editor.scss
    │   │   │   │   └── index.js
    │   │   │   ├── divider-line
    │   │   │   │   ├── editor.scss
    │   │   │   │   └── index.js
    │   │   │   ├── duplicate
    │   │   │   │   └── index.js
    │   │   │   ├── dynamic-content
    │   │   │   │   ├── editor.scss
    │   │   │   │   └── index.js
    │   │   │   ├── help
    │   │   │   │   ├── editor.scss
    │   │   │   │   └── index.js
    │   │   │   ├── icon-background
    │   │   │   │   ├── editor.scss
    │   │   │   │   └── index.js
    │   │   │   ├── icon-color
    │   │   │   │   ├── editor.scss
    │   │   │   │   └── index.js
    │   │   │   ├── icon-position
    │   │   │   │   ├── editor.scss
    │   │   │   │   └── index.js
    │   │   │   ├── icon-size
    │   │   │   │   ├── editor.scss
    │   │   │   │   └── index.js
    │   │   │   ├── index.js
    │   │   │   ├── link
    │   │   │   │   ├── editor.scss
    │   │   │   │   └── index.js
    │   │   │   ├── media-upload
    │   │   │   │   └── index.js
    │   │   │   ├── more-settings
    │   │   │   │   ├── editor.scss
    │   │   │   │   └── index.js
    │   │   │   ├── mover
    │   │   │   │   ├── editor.scss
    │   │   │   │   └── index.js
    │   │   │   ├── number-counter-replay
    │   │   │   │   └── index.js
    │   │   │   ├── padding-margin
    │   │   │   │   ├── editor.scss
    │   │   │   │   └── index.js
    │   │   │   ├── reusable-blocks
    │   │   │   │   ├── editor.scss
    │   │   │   │   └── index.js
    │   │   │   ├── size
    │   │   │   │   ├── editor.scss
    │   │   │   │   └── index.js
    │   │   │   ├── slider-settings
    │   │   │   │   ├── editor.scss
    │   │   │   │   └── index.js
    │   │   │   ├── slider-slides-settings
    │   │   │   │   ├── editor.scss
    │   │   │   │   └── index.js
    │   │   │   ├── style
    │   │   │   │   └── index.js
    │   │   │   ├── svg-color
    │   │   │   │   ├── editor.scss
    │   │   │   │   └── index.js
    │   │   │   ├── svg-width
    │   │   │   │   ├── editor.scss
    │   │   │   │   └── index.js
    │   │   │   ├── text-bold
    │   │   │   │   ├── editor.scss
    │   │   │   │   └── index.js
    │   │   │   ├── text-color
    │   │   │   │   ├── editor.scss
    │   │   │   │   └── index.js
    │   │   │   ├── text-format-overline
    │   │   │   │   └── index.js
    │   │   │   ├── text-format-strikethrough
    │   │   │   │   └── index.js
    │   │   │   ├── text-format-subscript
    │   │   │   │   └── index.js
    │   │   │   ├── text-format-superscript
    │   │   │   │   └── index.js
    │   │   │   ├── text-format-underline
    │   │   │   │   └── index.js
    │   │   │   ├── text-generator
    │   │   │   │   ├── editor.scss
    │   │   │   │   └── index.js
    │   │   │   ├── text-italic
    │   │   │   │   ├── editor.scss
    │   │   │   │   └── index.js
    │   │   │   ├── text-level
    │   │   │   │   ├── editor.scss
    │   │   │   │   └── index.js
    │   │   │   ├── text-link
    │   │   │   │   ├── editor.scss
    │   │   │   │   ├── index.js
    │   │   │   │   └── utils.js
    │   │   │   ├── text-list-options
    │   │   │   │   ├── editor.scss
    │   │   │   │   └── index.js
    │   │   │   ├── text-margin
    │   │   │   │   ├── editor.scss
    │   │   │   │   └── index.js
    │   │   │   ├── text-options
    │   │   │   │   ├── default.js
    │   │   │   │   ├── editor.scss
    │   │   │   │   └── index.js
    │   │   │   ├── toolbar-popover
    │   │   │   │   ├── editor.scss
    │   │   │   │   ├── index.js
    │   │   │   │   └── toolbarContext.js
    │   │   │   ├── vertical-align
    │   │   │   │   ├── editor.scss
    │   │   │   │   └── index.js
    │   │   │   └── video-url
    │   │   │   │   └── index.js
    │   │   ├── editor.scss
    │   │   ├── iconToolbar.js
    │   │   └── index.js
    │   ├── transform-control
    │   │   ├── editor.scss
    │   │   ├── index.js
    │   │   ├── rotate-control.js
    │   │   ├── square-control.js
    │   │   └── utils.js
    │   ├── transition-control
    │   │   └── index.js
    │   ├── typography-control
    │   │   ├── editor.scss
    │   │   ├── index.js
    │   │   ├── test
    │   │   │   └── utils.spec.js
    │   │   └── utils.js
    │   └── zindex-control
    │   │   └── index.js
    ├── css
    │   ├── backend-variables.scss
    │   ├── editor.scss
    │   ├── index.js
    │   ├── inserter-card.scss
    │   ├── maxi-themes-banner.scss
    │   ├── maxi-themes.scss
    │   ├── native-components.scss
    │   └── style.scss
    ├── editor
    │   ├── auth
    │   │   ├── index.js
    │   │   └── store
    │   │   │   ├── actions.js
    │   │   │   ├── controls.js
    │   │   │   ├── index.js
    │   │   │   ├── reducer.js
    │   │   │   ├── resolvers.js
    │   │   │   └── selectors.js
    │   ├── crisp-chat
    │   │   └── index.js
    │   ├── library
    │   │   ├── InfiniteHits.js
    │   │   ├── MasonryItem.js
    │   │   ├── container.js
    │   │   ├── editor.scss
    │   │   ├── index.js
    │   │   ├── masonryGenerator.js
    │   │   ├── modal.js
    │   │   ├── spinner.js
    │   │   ├── toolbar.js
    │   │   ├── util.js
    │   │   └── utils
    │   │   │   ├── imageUploader.js
    │   │   │   └── onRequestInsertPattern.js
    │   ├── responsive-selector
    │   │   ├── editor.scss
    │   │   └── index.js
    │   ├── saver
    │   │   └── index.js
    │   ├── style-cards
    │   │   ├── editor.scss
    │   │   ├── index.js
    │   │   ├── maxiStyleCardsEditor.js
    │   │   ├── maxiStyleCardsTab.js
    │   │   └── utils.js
    │   └── toolbar-buttons
    │   │   ├── editor.scss
    │   │   └── index.js
    ├── extensions
    │   ├── DC
    │   │   ├── constants.js
    │   │   ├── getACFContentByType.js
    │   │   ├── getACFData.js
    │   │   ├── getCLAttributes.js
    │   │   ├── getDCContent.js
    │   │   ├── getDCEntity.js
    │   │   ├── getDCErrors.js
    │   │   ├── getDCLink.js
    │   │   ├── getDCMedia.js
    │   │   ├── getDCOptions.js
    │   │   ├── getDCValues.js
    │   │   ├── index.js
    │   │   ├── loopContext.js
    │   │   ├── processDCDate.js
    │   │   ├── utils.js
    │   │   ├── withMaxiContextLoop.js
    │   │   ├── withMaxiContextLoopContext.js
    │   │   └── withMaxiDC.js
    │   ├── attributes
    │   │   ├── generateStyleID.js
    │   │   ├── getBlockData.js
    │   │   ├── getClientIdFromUniqueId.js
    │   │   ├── getRowGapProps.js
    │   │   ├── getUpdatedBGLayersWithNewUniqueID.js
    │   │   ├── getUpdatedSVGDataAndElement.js
    │   │   ├── handleOnReset.js
    │   │   ├── index.js
    │   │   ├── uniqueCustomLabelGenerator.js
    │   │   ├── uniqueIDGenerator.js
    │   │   ├── uniqueIDRemover.js
    │   │   └── withAttributes.js
    │   ├── column-templates
    │   │   ├── columnTemplates.js
    │   │   ├── columnsAttributesGenerator.js
    │   │   ├── getColumnDefaultValue.js
    │   │   ├── getColumnTemplate.js
    │   │   ├── getColumnTemplateContent.js
    │   │   ├── getColumnsPosition.js
    │   │   ├── getNumCol.js
    │   │   ├── getTemplateObject.js
    │   │   ├── getTemplates.js
    │   │   ├── index.js
    │   │   └── loadColumnsTemplate.js
    │   ├── copy-paste
    │   │   ├── cleanInnerBlocks.js
    │   │   ├── excludeAttributes.js
    │   │   ├── getOrganizedAttributes.js
    │   │   ├── index.js
    │   │   ├── templates.js
    │   │   └── test
    │   │   │   ├── __snapshots__
    │   │   │       └── copy-paste.js.snap
    │   │   │   └── copy-paste.js
    │   ├── custom-data
    │   │   ├── index.js
    │   │   └── store
    │   │   │   ├── actions.js
    │   │   │   ├── controls.js
    │   │   │   ├── index.js
    │   │   │   ├── reducer.js
    │   │   │   └── selectors.js
    │   ├── dom
    │   │   ├── dom.js
    │   │   ├── getBoundaryElement.js
    │   │   ├── getEditorWrapper.js
    │   │   ├── getViewPortUnitsSize.js
    │   │   ├── getWinBreakpoint.js
    │   │   ├── index.js
    │   │   ├── marginValueCalculator.js
    │   │   ├── openSidebar.js
    │   │   ├── test
    │   │   │   └── getWinBreakpoint.js
    │   │   └── useInterval.js
    │   ├── fse
    │   │   ├── createTemplatePartId.js
    │   │   ├── getIsSiteEditor.js
    │   │   ├── getIsTemplatePart.js
    │   │   ├── getIsTemplatesListOpened.js
    │   │   ├── getSiteEditorIframe.js
    │   │   ├── getSiteEditorIframeBody.js
    │   │   ├── getTemplatePart.js
    │   │   ├── getTemplatePartChooseList.js
    │   │   ├── getTemplatePartSlug.js
    │   │   ├── getTemplatePartTagName.js
    │   │   ├── getTemplatePartsIds.js
    │   │   ├── getTemplateViewIframe.js
    │   │   └── index.js
    │   ├── index.js
    │   ├── indicators
    │   │   ├── getIsActiveTab.js
    │   │   ├── getPropsFromChildren.js
    │   │   └── index.js
    │   ├── inspector
    │   │   ├── index.js
    │   │   ├── inspectorPath.js
    │   │   └── withMaxiInspector.js
    │   ├── maxi-block
    │   │   ├── block-json-abstract
    │   │   │   └── index.js
    │   │   ├── cleanAttributes.js
    │   │   ├── getCustomLabel.js
    │   │   ├── getIsHoverPreview.js
    │   │   ├── getIsIDTrulyUnique.js
    │   │   ├── getIsUniqueCustomLabelRepeated.js
    │   │   ├── getIsUniqueIDRepeated.js
    │   │   ├── getLastChangedBlocks.js
    │   │   ├── goThroughMaxiBlocks.js
    │   │   ├── handleSetAttributes.js
    │   │   ├── index.js
    │   │   ├── inlineStyles.js
    │   │   ├── maxiBlockComponent.js
    │   │   ├── memoChildrenComparator.js
    │   │   ├── propagateNewUniqueID.js
    │   │   ├── propsObjectCleaner.js
    │   │   ├── removeUnmountedBlockFromRelations.js
    │   │   ├── store
    │   │   │   ├── actions.js
    │   │   │   ├── index.js
    │   │   │   ├── reducer.js
    │   │   │   └── selectors.js
    │   │   ├── test
    │   │   │   ├── cleanAttributes.js
    │   │   │   ├── getCustomLabel.js
    │   │   │   ├── getIsIDTrulyUnique.js
    │   │   │   ├── getIsUniqueIDRepeated.js
    │   │   │   └── handleSetAttributes.js
    │   │   ├── uniqueIDStructureChecker.js
    │   │   ├── updateRelationHoverStatus.js
    │   │   ├── updateReusableBlockSize.js
    │   │   ├── utils.js
    │   │   ├── withMaxiLoader.js
    │   │   ├── withMaxiPreview.js
    │   │   ├── withMaxiProps.js
    │   │   └── withRTC.js
    │   ├── relations
    │   │   ├── getAdvancedSettings.js
    │   │   ├── getCanvasSettings.js
    │   │   ├── getCleanDisplayIBAttributes.js
    │   │   ├── getCleanResponseIBAttributes.js
    │   │   ├── getHoverStatus.js
    │   │   ├── getIBOptionsFromBlockData.js
    │   │   ├── getIBStyles.js
    │   │   ├── getIBStylesObj.js
    │   │   ├── getRelatedAttributes.js
    │   │   ├── getTempAttributes.js
    │   │   ├── index.js
    │   │   ├── store
    │   │   │   ├── actions.js
    │   │   │   ├── index.js
    │   │   │   ├── reducer.js
    │   │   │   └── selectors.js
    │   │   ├── test
    │   │   │   ├── getCleanDisplayIBAttributes.js
    │   │   │   └── getIBStyles.js
    │   │   ├── updateRelationsRemotely.js
    │   │   └── utils.js
    │   ├── repeater
    │   │   ├── disallowedBlocks.js
    │   │   ├── handleBlockMove.js
    │   │   ├── index.js
    │   │   ├── insertBlockIntoColumns.js
    │   │   ├── removeBlockFromColumns.js
    │   │   ├── retrieveInnerBlocksPositions.js
    │   │   ├── updateNCLimits.js
    │   │   ├── updateRelationsInColumn.js
    │   │   ├── updateSVG.js
    │   │   ├── utils.js
    │   │   └── validateRowColumnsStructure.js
    │   ├── save
    │   │   ├── index.js
    │   │   └── utils.js
    │   ├── store
    │   │   ├── actions.js
    │   │   ├── controls.js
    │   │   ├── index.js
    │   │   ├── reducer.js
    │   │   ├── resolvers.js
    │   │   └── selectors.js
    │   ├── style-cards
    │   │   ├── getActiveStyleCard.js
    │   │   ├── getDefaultSCValue.js
    │   │   ├── getPaletteColor.js
    │   │   ├── getSCStyles.js
    │   │   ├── getSCVariablesObject.js
    │   │   ├── getTypographyFromSC.js
    │   │   ├── index.js
    │   │   ├── store
    │   │   │   ├── actions.js
    │   │   │   ├── controls.js
    │   │   │   ├── index.js
    │   │   │   ├── reducer.js
    │   │   │   ├── resolvers.js
    │   │   │   └── selectors.js
    │   │   ├── test
    │   │   │   ├── __snapshots__
    │   │   │   │   ├── getSCStyles.js.snap
    │   │   │   │   ├── getSCVariablesObject.js.snap
    │   │   │   │   └── updateSCOnEditor.js.snap
    │   │   │   ├── getActiveStyleCard.js
    │   │   │   ├── getSCStyles.js
    │   │   │   ├── getSCVariablesObject.js
    │   │   │   └── updateSCOnEditor.js
    │   │   └── updateSCOnEditor.js
    │   ├── styles
    │   │   ├── breakpointAttributesCreator.js
    │   │   ├── custom-css
    │   │   │   ├── createSelectors.js
    │   │   │   ├── index.js
    │   │   │   └── test
    │   │   │   │   ├── __snapshots__
    │   │   │   │       └── createSelectors.js.snap
    │   │   │   │   └── createSelectors.js
    │   │   ├── defaults
    │   │   │   ├── accordion.js
    │   │   │   ├── accordionIcon.js
    │   │   │   ├── accordionLine.js
    │   │   │   ├── accordionTitle.js
    │   │   │   ├── alignment.js
    │   │   │   ├── arrow.js
    │   │   │   ├── arrowIcon.js
    │   │   │   ├── arrowIconHover.js
    │   │   │   ├── background.js
    │   │   │   ├── backgroundActive.js
    │   │   │   ├── backgroundHover.js
    │   │   │   ├── border.js
    │   │   │   ├── borderActive.js
    │   │   │   ├── borderHover.js
    │   │   │   ├── boxShadow.js
    │   │   │   ├── boxShadowActive.js
    │   │   │   ├── boxShadowHover.js
    │   │   │   ├── breakpoints.js
    │   │   │   ├── clipPath.js
    │   │   │   ├── clipPathHover.js
    │   │   │   ├── columnSize.js
    │   │   │   ├── contextLoop.js
    │   │   │   ├── customCss.js
    │   │   │   ├── display.js
    │   │   │   ├── displayHover.js
    │   │   │   ├── divider.js
    │   │   │   ├── dividerHover.js
    │   │   │   ├── dotIcon.js
    │   │   │   ├── dotIconActive.js
    │   │   │   ├── dotIconHover.js
    │   │   │   ├── dynamicContent.js
    │   │   │   ├── flex.js
    │   │   │   ├── global.js
    │   │   │   ├── hover.js
    │   │   │   ├── icon.js
    │   │   │   ├── iconBorder.js
    │   │   │   ├── iconBorderHover.js
    │   │   │   ├── iconHover.js
    │   │   │   ├── imageShape.js
    │   │   │   ├── imageShapeHover.js
    │   │   │   ├── index.js
    │   │   │   ├── link.js
    │   │   │   ├── map.js
    │   │   │   ├── mapInteraction.js
    │   │   │   ├── mapMarker.js
    │   │   │   ├── mapPopup.js
    │   │   │   ├── mapPopupText.js
    │   │   │   ├── margin.js
    │   │   │   ├── navigation.js
    │   │   │   ├── numberCounter.js
    │   │   │   ├── opacity.js
    │   │   │   ├── opacityHover.js
    │   │   │   ├── overflow.js
    │   │   │   ├── padding.js
    │   │   │   ├── placeholderColor.js
    │   │   │   ├── position.js
    │   │   │   ├── repeater.js
    │   │   │   ├── rowPattern.js
    │   │   │   ├── scroll.js
    │   │   │   ├── searchButton.js
    │   │   │   ├── shape.js
    │   │   │   ├── shapeDivider.js
    │   │   │   ├── size.js
    │   │   │   ├── slider.js
    │   │   │   ├── svg.js
    │   │   │   ├── textAlignment.js
    │   │   │   ├── transform.js
    │   │   │   ├── transition.js
    │   │   │   ├── typography.js
    │   │   │   ├── typographyHover.js
    │   │   │   ├── video.js
    │   │   │   ├── videoOverlay.js
    │   │   │   ├── videoPopup.js
    │   │   │   └── zIndex.js
    │   │   ├── entityRecordsWrapper.js
    │   │   ├── frontendStyleGenerator.js
    │   │   ├── getAttributeKey.js
    │   │   ├── getAttributeValue.js
    │   │   ├── getBlockStyle.js
    │   │   ├── getBreakpointFromAttribute.js
    │   │   ├── getColorRGBAParts.js
    │   │   ├── getColorRGBAString.js
    │   │   ├── getDefaultAttribute.js
    │   │   ├── getFilteredData.js
    │   │   ├── getGroupAttributes.js
    │   │   ├── getIconPositionClass.js
    │   │   ├── getIconWithColor.js
    │   │   ├── getIsOverflowHidden.js
    │   │   ├── getLastBreakpointAttribute.js
    │   │   ├── getPaletteAttributes.js
    │   │   ├── helpers
    │   │   │   ├── getAlignmentFlexStyles.js
    │   │   │   ├── getAlignmentTextStyles.js
    │   │   │   ├── getArrowStyles.js
    │   │   │   ├── getAspectRatio.js
    │   │   │   ├── getBackgroundStyles.js
    │   │   │   ├── getBorderStyles.js
    │   │   │   ├── getBoxShadowStyles.js
    │   │   │   ├── getBreakpoints.js
    │   │   │   ├── getButtonIconStyles.js
    │   │   │   ├── getClipPathStyles.js
    │   │   │   ├── getColumnSizeStyles.js
    │   │   │   ├── getCustomCss.js
    │   │   │   ├── getCustomFormatsStyles.js
    │   │   │   ├── getDisplayStyles.js
    │   │   │   ├── getDividerStyles.js
    │   │   │   ├── getFlexStyles.js
    │   │   │   ├── getHoverEffectsBackgroundStyles.js
    │   │   │   ├── getIconPathStyles.js
    │   │   │   ├── getIconSize.js
    │   │   │   ├── getIconStyles.js
    │   │   │   ├── getImageShapeStyles.js
    │   │   │   ├── getLinkStyles.js
    │   │   │   ├── getMarginPaddingStyles.js
    │   │   │   ├── getNumberCounterStyles.js
    │   │   │   ├── getOpacityStyles.js
    │   │   │   ├── getOverflowStyles.js
    │   │   │   ├── getPositionStyles.js
    │   │   │   ├── getSVGStyles.js
    │   │   │   ├── getShapeDividerStyles.js
    │   │   │   ├── getShapeStyles.js
    │   │   │   ├── getSizeStyles.js
    │   │   │   ├── getTransformStyles.js
    │   │   │   ├── getTransitionStyles.js
    │   │   │   ├── getTypographyStyles.js
    │   │   │   ├── getZIndexStyles.js
    │   │   │   ├── index.js
    │   │   │   └── test
    │   │   │   │   ├── __snapshots__
    │   │   │   │       ├── getAlignmentFlexStyles.js.snap
    │   │   │   │       ├── getAlignmentTextStyles.js.snap
    │   │   │   │       ├── getArrowStyles.js.snap
    │   │   │   │       ├── getBackgroundStyles.js.snap
    │   │   │   │       ├── getBorderStyles.js.snap
    │   │   │   │       ├── getBoxShadowStyles.js.snap
    │   │   │   │       ├── getBreakpoints.js.snap
    │   │   │   │       ├── getClipPathStyles.js.snap
    │   │   │   │       ├── getColumnSizeStyles.js.snap
    │   │   │   │       ├── getCustomFormatsStyles.js.snap
    │   │   │   │       ├── getDisplayStyles.js.snap
    │   │   │   │       ├── getDividerStyles.js.snap
    │   │   │   │       ├── getHoverEffectsBackgroundStyles.js.snap
    │   │   │   │       ├── getIconSize.js.snap
    │   │   │   │       ├── getImageShapeStyles.js.snap
    │   │   │   │       ├── getLinkStyles.js.snap
    │   │   │   │       ├── getMarginPaddingStyles.js.snap
    │   │   │   │       ├── getNumberCounterStyles.js.snap
    │   │   │   │       ├── getOpacityStyles.js.snap
    │   │   │   │       ├── getOverflowStyles.js.snap
    │   │   │   │       ├── getPositionStyles.js.snap
    │   │   │   │       ├── getSVGStyles.js.snap
    │   │   │   │       ├── getShapeDividerStyles.js.snap
    │   │   │   │       ├── getSizeStyles.js.snap
    │   │   │   │       ├── getTransformStyles.js.snap
    │   │   │   │       ├── getTransitionStyles.js.snap
    │   │   │   │       ├── getTypographyStyles.js.snap
    │   │   │   │       └── getZIndexStyles.js.snap
    │   │   │   │   ├── getAlignmentFlexStyles.js
    │   │   │   │   ├── getAlignmentTextStyles.js
    │   │   │   │   ├── getArrowStyles.js
    │   │   │   │   ├── getBackgroundStyles.js
    │   │   │   │   ├── getBorderStyles.js
    │   │   │   │   ├── getBoxShadowStyles.js
    │   │   │   │   ├── getBreakpoints.js
    │   │   │   │   ├── getClipPathStyles.js
    │   │   │   │   ├── getColumnSizeStyles.js
    │   │   │   │   ├── getCustomFormatsStyles.js
    │   │   │   │   ├── getDisplayStyles.js
    │   │   │   │   ├── getDividerStyles.js
    │   │   │   │   ├── getHoverEffectsBackgroundStyles.js
    │   │   │   │   ├── getIconSize.js
    │   │   │   │   ├── getImageShapeStyles.js
    │   │   │   │   ├── getLinkStyles.js
    │   │   │   │   ├── getMarginPaddingStyles.js
    │   │   │   │   ├── getNumberCounterStyles.js
    │   │   │   │   ├── getOpacityStyles.js
    │   │   │   │   ├── getOverflowStyles.js
    │   │   │   │   ├── getPositionStyles.js
    │   │   │   │   ├── getSVGStyles.js
    │   │   │   │   ├── getShapeDividerStyles.js
    │   │   │   │   ├── getSizeStyles.js
    │   │   │   │   ├── getTransformStyles.js
    │   │   │   │   ├── getTransitionStyles.js
    │   │   │   │   ├── getTypographyStyles.js
    │   │   │   │   └── getZIndexStyles.js
    │   │   ├── hoverAttributesCreator.js
    │   │   ├── index.js
    │   │   ├── migrators
    │   │   │   ├── IBEffectsMigrator.js
    │   │   │   ├── IBLabelToIDMigrator.js
    │   │   │   ├── NCMigrator.js
    │   │   │   ├── SVGIBTargetsMigrator.js
    │   │   │   ├── SVGMarkerSizeMigrator.js
    │   │   │   ├── SVGTransitionMigrator.js
    │   │   │   ├── backgroundPositionMigrator.js
    │   │   │   ├── backgroundSizeMigrator.js
    │   │   │   ├── blockMigrator.js
    │   │   │   ├── bottomGapMigrator.js
    │   │   │   ├── buttonAriaLabelMigrator.js
    │   │   │   ├── buttonIconTransitionMigrator.js
    │   │   │   ├── corruptedHoverAttributesMigrator.js
    │   │   │   ├── disableTransitionIBMigrator.js
    │   │   │   ├── fullWidthAttributeMigrator.js
    │   │   │   ├── fullWidthNonToResponsive.js
    │   │   │   ├── hoverStatusMigrator.js
    │   │   │   ├── index.js
    │   │   │   ├── maxiAttributesMigrator.js
    │   │   │   ├── opacityTransitionMigrator.js
    │   │   │   ├── positionToNumberMigrator.js
    │   │   │   ├── positionUnitsToAxisMigrator.js
    │   │   │   ├── shapeDividerMigrator.js
    │   │   │   ├── test
    │   │   │   │   ├── __snapshots__
    │   │   │   │   │   └── utils.js.snap
    │   │   │   │   └── utils.js
    │   │   │   ├── transformIBMigrator.js
    │   │   │   ├── transformIBTargetMigrator.js
    │   │   │   ├── transformMigrator.js
    │   │   │   ├── transitionMigrator.js
    │   │   │   ├── uniqueIDMigrator.js
    │   │   │   └── utils.js
    │   │   ├── paletteAttributesCreator.js
    │   │   ├── prefixAttributesCreator.js
    │   │   ├── setScreenSize.js
    │   │   ├── store
    │   │   │   ├── actions.js
    │   │   │   ├── controls.js
    │   │   │   ├── index.js
    │   │   │   ├── reducer.js
    │   │   │   └── selectors.js
    │   │   ├── styleCleaner.js
    │   │   ├── styleGenerator.js
    │   │   ├── styleProcessor.js
    │   │   ├── styleResolver.js
    │   │   ├── test
    │   │   │   ├── __snapshots__
    │   │   │   │   ├── breakpointObjectCreator.js.snap
    │   │   │   │   ├── frontendStyleGenerator.js.snap
    │   │   │   │   ├── getGroupAttributes.js.snap
    │   │   │   │   ├── hoverObjectCreator.js.snap
    │   │   │   │   ├── prefixAttributesCreator.js.snap
    │   │   │   │   ├── styleGenerator.js.snap
    │   │   │   │   ├── styleProcessor.js.snap
    │   │   │   │   └── styleResolver.js.snap
    │   │   │   ├── breakpointObjectCreator.js
    │   │   │   ├── frontendStyleGenerator.js
    │   │   │   ├── getBreakpointFromAttribute.js
    │   │   │   ├── getColorRGBAParts.js
    │   │   │   ├── getColorRGBAString.js
    │   │   │   ├── getGroupAttributes.js
    │   │   │   ├── getLastBreakpointAttribute.js
    │   │   │   ├── hoverObjectCreator.js
    │   │   │   ├── prefixAttributesCreator.js
    │   │   │   ├── styleGenerator.js
    │   │   │   ├── styleProcessor.js
    │   │   │   └── styleResolver.js
    │   │   ├── transitions
    │   │   │   ├── createIconTransitions.js
    │   │   │   ├── createTransitionObj.js
    │   │   │   ├── getTransformTransitionData.js
    │   │   │   ├── getTransitionData.js
    │   │   │   ├── setTransitionToSelectors.js
    │   │   │   ├── transitionAttributesCreator.js
    │   │   │   └── transitionDefault.js
    │   │   ├── utils.js
    │   │   └── viewportUnitsProcessor.js
    │   ├── svg
    │   │   ├── getSVGAspectRatio.js
    │   │   ├── getSVGHasImage.js
    │   │   ├── getSVGPosition.js
    │   │   ├── getSVGRatio.js
    │   │   ├── getSVGWidthHeightRatio.js
    │   │   ├── index.js
    │   │   ├── injectImgSVG.js
    │   │   ├── setSVGColor.js
    │   │   ├── setSVGContent.js
    │   │   ├── setSVGContentHover.js
    │   │   ├── setSVGContentWithBlockStyle.js
    │   │   ├── setSVGPosition.js
    │   │   ├── setSVGRatio.js
    │   │   ├── setSVGSize.js
    │   │   ├── setSVGStrokeWidth.js
    │   │   ├── shouldSetPreserveAspectRatio.js
    │   │   ├── test
    │   │   │   ├── __snapshots__
    │   │   │   │   ├── setSVGColor.js.snap
    │   │   │   │   ├── setSVGContent.js.snap
    │   │   │   │   ├── setSVGContentHover.js.snap
    │   │   │   │   └── setSVGRatio.js.snap
    │   │   │   ├── getSVGAspectRatio.js
    │   │   │   ├── getSVGPosition.js
    │   │   │   ├── getSVGRatio.js
    │   │   │   ├── setSVGColor.js
    │   │   │   ├── setSVGContent.js
    │   │   │   ├── setSVGContentHover.js
    │   │   │   └── setSVGRatio.js
    │   │   └── togglePreserveAspectRatio.js
    │   ├── text
    │   │   ├── fonts
    │   │   │   ├── fonts.js
    │   │   │   ├── index.js
    │   │   │   ├── loadFonts.js
    │   │   │   └── utils.js
    │   │   ├── formats
    │   │   │   ├── applyCustomFormat.js
    │   │   │   ├── applyLinkFormat.js
    │   │   │   ├── custom-hover
    │   │   │   │   └── index.js
    │   │   │   ├── custom
    │   │   │   │   └── index.js
    │   │   │   ├── flatFormatsWithClass.js
    │   │   │   ├── formats.js
    │   │   │   ├── generateFormatValue.js
    │   │   │   ├── getCurrentFormatClassName.js
    │   │   │   ├── getCustomFormat.js
    │   │   │   ├── getCustomFormatValue.js
    │   │   │   ├── getFormatPosition.js
    │   │   │   ├── getFormatType.js
    │   │   │   ├── getFormatsOnMerge.js
    │   │   │   ├── getFormattedString.js
    │   │   │   ├── getHasCustomFormat.js
    │   │   │   ├── getHasNativeFormat.js
    │   │   │   ├── getInstancePositions.js
    │   │   │   ├── getIsFullFormat.js
    │   │   │   ├── getMultiFormatObj.js
    │   │   │   ├── getTypographyValue.js
    │   │   │   ├── getUpdatedString.js
    │   │   │   ├── index.js
    │   │   │   ├── isFormatActive.js
    │   │   │   ├── link
    │   │   │   │   └── index.js
    │   │   │   ├── listUtils.js
    │   │   │   ├── onChangeRichText.js
    │   │   │   ├── registerFormats.js
    │   │   │   ├── removeCustomFormat.js
    │   │   │   ├── removeLinkFormat.js
    │   │   │   ├── setCustomFormatsWhenPaste.js
    │   │   │   ├── setFormat.js
    │   │   │   ├── setFormatWithClass.js
    │   │   │   ├── test
    │   │   │   │   ├── __snapshots__
    │   │   │   │   │   └── getFormatsOnMerge.js.snap
    │   │   │   │   ├── flatFormatsWithClass.js
    │   │   │   │   ├── getCustomFormatValue.js
    │   │   │   │   ├── getFormatPosition.js
    │   │   │   │   ├── getFormatsOnMerge.js
    │   │   │   │   ├── getHasCustomFormat.js
    │   │   │   │   ├── getInstancePosition.js
    │   │   │   │   ├── getMultiFormatObj.js
    │   │   │   │   └── setFormatWithClass.js
    │   │   │   ├── textContext.js
    │   │   │   └── updateCustomFormatStyle.js
    │   │   ├── index.js
    │   │   ├── lists
    │   │   │   ├── canIndentListItems.js
    │   │   │   ├── canOutdentListItems.js
    │   │   │   ├── getLastChildIndex.js
    │   │   │   ├── getLineIndex.js
    │   │   │   ├── getParentLineIndex.js
    │   │   │   ├── indentListItems.js
    │   │   │   ├── index.js
    │   │   │   ├── outdentListItems.js
    │   │   │   ├── toHTMLString.js
    │   │   │   ├── toTree.js
    │   │   │   └── utils.js
    │   │   └── store
    │   │   │   ├── actions.js
    │   │   │   ├── index.js
    │   │   │   ├── reducer.js
    │   │   │   └── selectors.js
    │   └── video
    │   │   ├── getParsedVideoUrl.js
    │   │   ├── index.js
    │   │   ├── parseVideo.js
    │   │   ├── videoUrlRegex.js
    │   │   └── videoValidation.js
    ├── icons.js
    ├── icons
    │   ├── block-icons
    │   │   ├── accordion-icon
    │   │   │   ├── accordion-icon.svg
    │   │   │   └── index.js
    │   │   ├── accordion
    │   │   │   ├── accordion.svg
    │   │   │   └── index.js
    │   │   ├── back-to-top
    │   │   │   ├── back-to-top.svg
    │   │   │   └── index.js
    │   │   ├── basic-gallery
    │   │   │   ├── basic-gallery.svg
    │   │   │   └── index.js
    │   │   ├── blog
    │   │   │   ├── blog.svg
    │   │   │   └── index.js
    │   │   ├── button-icon
    │   │   │   ├── button.svg
    │   │   │   └── index.js
    │   │   ├── button
    │   │   │   ├── button.svg
    │   │   │   └── index.js
    │   │   ├── call-to-action
    │   │   │   ├── call-to-action.svg
    │   │   │   └── index.js
    │   │   ├── column
    │   │   │   └── index.js
    │   │   ├── container-icon
    │   │   │   ├── container.svg
    │   │   │   └── index.js
    │   │   ├── container
    │   │   │   ├── container.svg
    │   │   │   └── index.js
    │   │   ├── depecrated
    │   │   │   ├── box-settings-tab
    │   │   │   │   └── icon.js
    │   │   │   ├── button-tab
    │   │   │   │   └── icon.js
    │   │   │   ├── divider-tab
    │   │   │   │   └── icon.js
    │   │   │   ├── image-tab
    │   │   │   │   └── icon.js
    │   │   │   ├── padding-tab
    │   │   │   │   └── icon.js
    │   │   │   ├── typography-tab
    │   │   │   │   └── icon.js
    │   │   │   └── width-tab
    │   │   │   │   └── icon.js
    │   │   ├── divider-icon
    │   │   │   ├── divider.svg
    │   │   │   └── index.js
    │   │   ├── footer
    │   │   │   ├── footer.svg
    │   │   │   └── index.js
    │   │   ├── form
    │   │   │   ├── form.svg
    │   │   │   └── index.js
    │   │   ├── full-screen
    │   │   │   ├── full-screen.svg
    │   │   │   └── index.js
    │   │   ├── google-map
    │   │   │   ├── google-maps.svg
    │   │   │   └── index.js
    │   │   ├── group-icon
    │   │   │   ├── Group.svg
    │   │   │   └── index.js
    │   │   ├── headings
    │   │   │   ├── headings.svg
    │   │   │   └── index.js
    │   │   ├── help
    │   │   │   ├── help.svg
    │   │   │   └── index.js
    │   │   ├── hero
    │   │   │   ├── hero.svg
    │   │   │   └── index.js
    │   │   ├── icon-box
    │   │   │   ├── icon-box.svg
    │   │   │   └── index.js
    │   │   ├── icon-list
    │   │   │   ├── icon-list.svg
    │   │   │   └── index.js
    │   │   ├── image-box
    │   │   │   ├── image-box.svg
    │   │   │   └── index.js
    │   │   ├── index.js
    │   │   ├── library
    │   │   │   ├── index.js
    │   │   │   └── library.svg
    │   │   ├── logo-white
    │   │   │   ├── index.js
    │   │   │   └── logo-white.svg
    │   │   ├── map-icon
    │   │   │   ├── google-map.svg
    │   │   │   └── index.js
    │   │   ├── number-counter-icon
    │   │   │   ├── Number-counter.svg
    │   │   │   └── index.js
    │   │   ├── ordered-list
    │   │   │   ├── index.js
    │   │   │   └── ordered-list.svg
    │   │   ├── price-list
    │   │   │   ├── index.js
    │   │   │   └── price-list.svg
    │   │   ├── pricing-tablets
    │   │   │   ├── index.js
    │   │   │   └── pricing-tablets.svg
    │   │   ├── row-icon
    │   │   │   ├── index.js
    │   │   │   └── row.svg
    │   │   ├── search-icon
    │   │   │   ├── Search.svg
    │   │   │   └── index.js
    │   │   ├── section-icon
    │   │   │   ├── index.js
    │   │   │   └── section.svg
    │   │   ├── select-icon
    │   │   │   ├── index.js
    │   │   │   └── selectIcon.svg
    │   │   ├── shape-icon
    │   │   │   ├── index.js
    │   │   │   └── shape-Maxi.svg
    │   │   ├── slide-icon
    │   │   │   ├── index.js
    │   │   │   └── slide.svg
    │   │   ├── slider-icon
    │   │   │   ├── index.js
    │   │   │   └── slider.svg
    │   │   ├── tabs
    │   │   │   ├── index.js
    │   │   │   └── tabs.svg
    │   │   ├── testimonials
    │   │   │   ├── index.js
    │   │   │   └── testimonials.svg
    │   │   ├── text-box
    │   │   │   ├── index.js
    │   │   │   └── text-box.svg
    │   │   ├── text-icon
    │   │   │   ├── index.js
    │   │   │   └── text.svg
    │   │   ├── title-extra
    │   │   │   ├── index.js
    │   │   │   └── title-extra.svg
    │   │   ├── toggle
    │   │   │   ├── index.js
    │   │   │   └── toggle.svg
    │   │   └── video-icon
    │   │   │   ├── index.js
    │   │   │   └── video.svg
    │   ├── button-presets
    │   │   ├── index.js
    │   │   ├── preset-1
    │   │   │   ├── bt-pre1.svg
    │   │   │   └── index.js
    │   │   ├── preset-10
    │   │   │   ├── bt-pre10.svg
    │   │   │   └── index.js
    │   │   ├── preset-11
    │   │   │   ├── bt-pre11.svg
    │   │   │   └── index.js
    │   │   ├── preset-2
    │   │   │   ├── bt-pre2.svg
    │   │   │   └── index.js
    │   │   ├── preset-3
    │   │   │   ├── bt-pre3.svg
    │   │   │   └── index.js
    │   │   ├── preset-4
    │   │   │   ├── bt-pre4.svg
    │   │   │   └── index.js
    │   │   ├── preset-5
    │   │   │   ├── bt-pre5.svg
    │   │   │   └── index.js
    │   │   ├── preset-6
    │   │   │   ├── bt-pre6.svg
    │   │   │   └── index.js
    │   │   ├── preset-7
    │   │   │   ├── bt-pre7.svg
    │   │   │   └── index.js
    │   │   ├── preset-8
    │   │   │   ├── bt-pre8.svg
    │   │   │   └── index.js
    │   │   └── preset-9
    │   │   │   ├── bt-pre9.svg
    │   │   │   └── index.js
    │   ├── general-icons
    │   │   ├── arrow
    │   │   │   ├── arrow.svg
    │   │   │   └── index.js
    │   │   ├── close-icon
    │   │   │   ├── CloseIcon.svg
    │   │   │   └── index.js
    │   │   ├── cloud-lib-ribbon_free
    │   │   │   ├── RibbonFree.svg
    │   │   │   └── index.js
    │   │   ├── cloud-lib-ribbon_pro
    │   │   │   ├── RibbonPro.svg
    │   │   │   └── index.js
    │   │   ├── cloud_lib
    │   │   │   ├── Download File 2.svg
    │   │   │   └── index.js
    │   │   ├── help-icon
    │   │   │   ├── helpIcon.svg
    │   │   │   └── index.js
    │   │   ├── index.js
    │   │   ├── main
    │   │   │   ├── index.js
    │   │   │   └── main.svg
    │   │   ├── style-cards-menu
    │   │   │   ├── SC.svg
    │   │   │   └── index.js
    │   │   └── style-cards
    │   │   │   ├── SC35x35.svg
    │   │   │   └── index.js
    │   ├── hover-icons
    │   │   ├── align-center-center
    │   │   │   ├── center.svg
    │   │   │   └── index.js
    │   │   ├── align-left-bottom
    │   │   │   └── index.js
    │   │   ├── align-left-top
    │   │   │   └── index.js
    │   │   ├── align-right-bottom
    │   │   │   └── index.js
    │   │   ├── align-right-top
    │   │   │   └── index.js
    │   │   ├── basic
    │   │   │   ├── basic.svg
    │   │   │   └── index.js
    │   │   ├── index.js
    │   │   ├── none
    │   │   │   ├── index.js
    │   │   │   └── none.svg
    │   │   └── text
    │   │   │   ├── index.js
    │   │   │   └── text.svg
    │   ├── index.js
    │   ├── map-icons
    │   │   ├── index.js
    │   │   └── markers
    │   │   │   ├── index.js
    │   │   │   ├── map-marker-1
    │   │   │       ├── index.js
    │   │   │       └── map_marker_1.svg
    │   │   │   ├── map-marker-2
    │   │   │       ├── index.js
    │   │   │       └── map_marker_2.svg
    │   │   │   ├── map-marker-3
    │   │   │       ├── index.js
    │   │   │       └── map_marker_3.svg
    │   │   │   ├── map-marker-4
    │   │   │       ├── index.js
    │   │   │       └── map_marker_4.svg
    │   │   │   └── map-marker-5
    │   │   │       ├── index.js
    │   │   │       └── map_marker_5.svg
    │   ├── move-icons
    │   │   ├── index.js
    │   │   ├── move-down
    │   │   │   ├── down.svg
    │   │   │   └── index.js
    │   │   ├── move-left
    │   │   │   ├── index.js
    │   │   │   └── left.svg
    │   │   ├── move-right
    │   │   │   ├── index.js
    │   │   │   └── right.svg
    │   │   └── move-up
    │   │   │   ├── index.js
    │   │   │   └── up.svg
    │   ├── responsive-icons
    │   │   ├── index.js
    │   │   ├── l-mode
    │   │   │   ├── L.svg
    │   │   │   └── index.js
    │   │   ├── m-mode
    │   │   │   ├── M.svg
    │   │   │   └── index.js
    │   │   ├── s-mode
    │   │   │   ├── S.svg
    │   │   │   └── index.js
    │   │   ├── xl-mode
    │   │   │   ├── index.js
    │   │   │   └── xl.svg
    │   │   ├── xll-mode
    │   │   │   ├── XXLsvg.svg
    │   │   │   └── index.js
    │   │   └── xs-mode
    │   │   │   ├── XS.svg
    │   │   │   └── index.js
    │   ├── sc-icons
    │   │   ├── index.js
    │   │   ├── sc-add-more
    │   │   │   ├── index.js
    │   │   │   └── orange-arrow.svg
    │   │   └── sc-dialog-icon
    │   │   │   ├── dialog-icon.svg
    │   │   │   └── index.js
    │   ├── setting-icons
    │   │   ├── advanced
    │   │   │   ├── advanced.svg
    │   │   │   └── index.js
    │   │   ├── align-center
    │   │   │   ├── align-center.svg
    │   │   │   └── index.js
    │   │   ├── align-justify
    │   │   │   ├── align-justify.svg
    │   │   │   └── index.js
    │   │   ├── align-left
    │   │   │   ├── align-left.svg
    │   │   │   └── index.js
    │   │   ├── align-right
    │   │   │   ├── align-right.svg
    │   │   │   └── index.js
    │   │   ├── background-color
    │   │   │   ├── background-color.svg
    │   │   │   └── index.js
    │   │   ├── background-gradient
    │   │   │   ├── background-gradient.svg
    │   │   │   └── index.js
    │   │   ├── background-image
    │   │   │   ├── background-image.svg
    │   │   │   └── index.js
    │   │   ├── background-video
    │   │   │   ├── background-video.svg
    │   │   │   └── index.js
    │   │   ├── box-settings
    │   │   │   ├── box-settings.svg
    │   │   │   └── index.js
    │   │   ├── box
    │   │   │   ├── box.svg
    │   │   │   └── index.js
    │   │   ├── broken-link
    │   │   │   ├── broken-link.svg
    │   │   │   └── index.js
    │   │   ├── button
    │   │   │   ├── button.svg
    │   │   │   └── index.js
    │   │   ├── checkbox
    │   │   │   ├── checkbox.svg
    │   │   │   └── index.js
    │   │   ├── chevron-down
    │   │   │   ├── chevron-down.svg
    │   │   │   └── index.js
    │   │   ├── color-wheel
    │   │   │   ├── color-wheel.svg
    │   │   │   └── index.js
    │   │   ├── colors
    │   │   │   ├── colors.svg
    │   │   │   └── index.js
    │   │   ├── content
    │   │   │   ├── content.svg
    │   │   │   └── index.js
    │   │   ├── cursor
    │   │   │   ├── cursor.svg
    │   │   │   └── index.js
    │   │   ├── dashed
    │   │   │   ├── dashed.svg
    │   │   │   └── index.js
    │   │   ├── delete
    │   │   │   ├── delete.svg
    │   │   │   └── index.js
    │   │   ├── desktop
    │   │   │   ├── desktop.svg
    │   │   │   └── index.js
    │   │   ├── divider
    │   │   │   ├── divider.svg
    │   │   │   └── index.js
    │   │   ├── dotted
    │   │   │   ├── dotted.svg
    │   │   │   └── index.js
    │   │   ├── edit-tool
    │   │   │   ├── edit-tool.svg
    │   │   │   └── index.js
    │   │   ├── fill
    │   │   │   ├── fill.svg
    │   │   │   └── index.js
    │   │   ├── flex-align-around
    │   │   │   ├── flexAlignAround.svg
    │   │   │   └── index.js
    │   │   ├── flex-align-baseline
    │   │   │   ├── flexAlignBaseline.svg
    │   │   │   └── index.js
    │   │   ├── flex-align-between
    │   │   │   ├── flexAlignBetween.svg
    │   │   │   └── index.js
    │   │   ├── flex-align-center
    │   │   │   ├── flexAlignCenter.svg
    │   │   │   └── index.js
    │   │   ├── flex-align-end
    │   │   │   ├── flexAlignEnd.svg
    │   │   │   └── index.js
    │   │   ├── flex-align-evenly
    │   │   │   ├── flexAlignEvenly.svg
    │   │   │   └── index.js
    │   │   ├── flex-align-start
    │   │   │   ├── flexAlignStart.svg
    │   │   │   └── index.js
    │   │   ├── flex-align-stretch
    │   │   │   ├── flexAlignStretch.svg
    │   │   │   └── index.js
    │   │   ├── flex-align-vertically-baseline
    │   │   │   ├── flexAlignVerticallyBaseline.svg
    │   │   │   └── index.js
    │   │   ├── flex-align-vertically-center
    │   │   │   ├── flexAlignVerticallyCenter.svg
    │   │   │   └── index.js
    │   │   ├── flex-align-vertically-end
    │   │   │   ├── flexAlignVerticallyEnd.svg
    │   │   │   └── index.js
    │   │   ├── flex-align-vertically-start
    │   │   │   ├── fleAalignVerticallyStart.svg
    │   │   │   └── index.js
    │   │   ├── flex-align-vertically-stretch
    │   │   │   ├── flexAlignVerticallyStretch.svg
    │   │   │   └── index.js
    │   │   ├── flex-direction-column-reverse
    │   │   │   ├── flexDirectionColumnReverse.svg
    │   │   │   └── index.js
    │   │   ├── flex-direction-column
    │   │   │   ├── flexDirectionColumn.svg
    │   │   │   └── index.js
    │   │   ├── flex-direction-row-reverse
    │   │   │   ├── flexDirectionRowReverse.svg
    │   │   │   └── index.js
    │   │   ├── flex-direction-row
    │   │   │   ├── flexDirectionRow.svg
    │   │   │   └── index.js
    │   │   ├── flex-justify-center
    │   │   │   ├── flexJustifyCenter.svg
    │   │   │   └── index.js
    │   │   ├── flex-justify-end
    │   │   │   ├── flexJustifyEnd.svg
    │   │   │   └── index.js
    │   │   ├── flex-justify-space-arround
    │   │   │   ├── flexJustifySpaceArround.svg
    │   │   │   └── index.js
    │   │   ├── flex-justify-space-between
    │   │   │   ├── flexJustifySpaceBetween.svg
    │   │   │   └── index.js
    │   │   ├── flex-justify-space-evenly
    │   │   │   ├── flexJustifySpaceEnenly.svg
    │   │   │   └── index.js
    │   │   ├── flex-justify-start
    │   │   │   ├── flexJustifyStart.svg
    │   │   │   └── index.js
    │   │   ├── flex-wrap-nowrap
    │   │   │   ├── flexWrapNowrap.svg
    │   │   │   └── index.js
    │   │   ├── flex-wrap-reverse
    │   │   │   ├── flexWrapReverse.svg
    │   │   │   └── index.js
    │   │   ├── flex-wrap
    │   │   │   ├── flexWrap.svg
    │   │   │   └── index.js
    │   │   ├── gear
    │   │   │   ├── gear.svg
    │   │   │   └── index.js
    │   │   ├── gradient
    │   │   │   ├── gradient.svg
    │   │   │   └── index.js
    │   │   ├── icon-border
    │   │   │   ├── iconBorder.svg
    │   │   │   └── index.js
    │   │   ├── icon-fill
    │   │   │   ├── iconFill.svg
    │   │   │   └── index.js
    │   │   ├── icon-stroke
    │   │   │   ├── iconStroke.svg
    │   │   │   └── index.js
    │   │   ├── image
    │   │   │   ├── image.svg
    │   │   │   └── index.js
    │   │   ├── index.js
    │   │   ├── info-button
    │   │   │   ├── index.js
    │   │   │   └── info-button.svg
    │   │   ├── margin-separate
    │   │   │   ├── index.js
    │   │   │   └── margin_separate.svg
    │   │   ├── margin-sync-all
    │   │   │   ├── index.js
    │   │   │   └── margin_sync_all.svg
    │   │   ├── margin-sync-direction
    │   │   │   ├── index.js
    │   │   │   └── margin_sync_direction.svg
    │   │   ├── mobile
    │   │   │   ├── index.js
    │   │   │   └── mobile.svg
    │   │   ├── motion-blur
    │   │   │   └── index.js
    │   │   ├── motion-fade
    │   │   │   └── index.js
    │   │   ├── motion-horizontal
    │   │   │   └── index.js
    │   │   ├── motion-rotate
    │   │   │   └── index.js
    │   │   ├── motion-scale
    │   │   │   └── index.js
    │   │   ├── motion-vertical
    │   │   │   └── index.js
    │   │   ├── none
    │   │   │   ├── index.js
    │   │   │   └── none.svg
    │   │   ├── not-sync
    │   │   │   ├── index.js
    │   │   │   └── not-sync.svg
    │   │   ├── padding-separate
    │   │   │   ├── index.js
    │   │   │   └── padding_separate.svg
    │   │   ├── padding-sync-all
    │   │   │   ├── index.js
    │   │   │   └── padding_sync_all.svg
    │   │   ├── padding-sync-direction
    │   │   │   ├── index.js
    │   │   │   └── padding_sync_direction.svg
    │   │   ├── padding
    │   │   │   ├── index.js
    │   │   │   └── padding.svg
    │   │   ├── paint-brush
    │   │   │   ├── index.js
    │   │   │   └── paint-brush.svg
    │   │   ├── permanent
    │   │   │   ├── index.js
    │   │   │   └── permanent.svg
    │   │   ├── placeholder-image
    │   │   │   ├── index.js
    │   │   │   └── placeholder-image.svg
    │   │   ├── remove
    │   │   │   ├── index.js
    │   │   │   └── remove.svg
    │   │   ├── replay
    │   │   │   ├── index.js
    │   │   │   └── replay.svg
    │   │   ├── reset
    │   │   │   ├── index.js
    │   │   │   └── reset.svg
    │   │   ├── scale
    │   │   │   ├── index.js
    │   │   │   └── scale.svg
    │   │   ├── search
    │   │   │   ├── index.js
    │   │   │   └── search.svg
    │   │   ├── shape
    │   │   │   ├── index.js
    │   │   │   └── shape.svg
    │   │   ├── smile-icon
    │   │   │   ├── FA-icon.svg
    │   │   │   └── index.js
    │   │   ├── solid
    │   │   │   ├── index.js
    │   │   │   └── solid.svg
    │   │   ├── style
    │   │   │   ├── index.js
    │   │   │   └── style.svg
    │   │   ├── sync
    │   │   │   ├── index.js
    │   │   │   └── sync.svg
    │   │   ├── tablet
    │   │   │   ├── index.js
    │   │   │   └── tablet.svg
    │   │   ├── typography
    │   │   │   ├── index.js
    │   │   │   └── typography.svg
    │   │   ├── ui
    │   │   │   ├── index.js
    │   │   │   └── ui.svg
    │   │   └── width
    │   │   │   ├── index.js
    │   │   │   └── width.svg
    │   ├── shape-divider
    │   │   ├── arrow-bottom-opacity
    │   │   │   ├── arrow-bottom-opacity.svg
    │   │   │   └── index.js
    │   │   ├── arrow-bottom
    │   │   │   ├── arrow-bottom.svg
    │   │   │   └── index.js
    │   │   ├── arrow-top-opacity
    │   │   │   ├── arrow-top-opacity.svg
    │   │   │   └── index.js
    │   │   ├── arrow-top
    │   │   │   ├── arrow-top.svg
    │   │   │   └── index.js
    │   │   ├── asymmetric-bottom-opacity
    │   │   │   ├── asymmetric-bottom-opacity.svg
    │   │   │   └── index.js
    │   │   ├── asymmetric-bottom
    │   │   │   ├── asymmetric-bottom.svg
    │   │   │   └── index.js
    │   │   ├── asymmetric-top-opacity
    │   │   │   ├── asymmetric-top-opacity.svg
    │   │   │   └── index.js
    │   │   ├── asymmetric-top
    │   │   │   ├── asymmetric-top.svg
    │   │   │   └── index.js
    │   │   ├── cloud-bottom-opacity
    │   │   │   ├── cloud-bottom-opacity.svg
    │   │   │   └── index.js
    │   │   ├── cloud-bottom
    │   │   │   ├── cloud-bottom.svg
    │   │   │   └── index.js
    │   │   ├── cloud-top-opacity
    │   │   │   ├── cloud-top-opacity.svg
    │   │   │   └── index.js
    │   │   ├── cloud-top
    │   │   │   ├── cloud-top.svg
    │   │   │   └── index.js
    │   │   ├── curve-bottom-opacity
    │   │   │   ├── curve-bottom-opacity.svg
    │   │   │   └── index.js
    │   │   ├── curve-bottom
    │   │   │   ├── curve-bottom.svg
    │   │   │   └── index.js
    │   │   ├── curve-top-opacity
    │   │   │   ├── curve-top-opacity.svg
    │   │   │   └── index.js
    │   │   ├── curve-top
    │   │   │   ├── curve-top.svg
    │   │   │   └── index.js
    │   │   ├── index.js
    │   │   ├── mountains-bottom-opacity
    │   │   │   ├── index.js
    │   │   │   └── mountains-bottom-opacity.svg
    │   │   ├── mountains-bottom
    │   │   │   ├── index.js
    │   │   │   └── mountains-bottom.svg
    │   │   ├── mountains-top-opacity
    │   │   │   ├── index.js
    │   │   │   └── mountains-top-opacity.svg
    │   │   ├── mountains-top
    │   │   │   ├── index.js
    │   │   │   └── mountains-top.svg
    │   │   ├── peak-bottom
    │   │   │   ├── index.js
    │   │   │   └── peak-bottom.svg
    │   │   ├── peak-top
    │   │   │   ├── index.js
    │   │   │   └── peak-top.svg
    │   │   ├── slant-bottom-opacity
    │   │   │   ├── index.js
    │   │   │   └── slant-bottom-opacity.svg
    │   │   ├── slant-bottom
    │   │   │   ├── index.js
    │   │   │   └── slant-bottom.svg
    │   │   ├── slant-top-opacity
    │   │   │   ├── index.js
    │   │   │   └── slant-top-opacity.svg
    │   │   ├── slant-top
    │   │   │   ├── index.js
    │   │   │   └── slant-top.svg
    │   │   ├── swish-bottom-opacity
    │   │   │   ├── index.js
    │   │   │   └── swish-bottom-opacity.svg
    │   │   ├── swish-bottom
    │   │   │   ├── index.js
    │   │   │   └── swish-bottom.svg
    │   │   ├── swish-top-opacity
    │   │   │   ├── index.js
    │   │   │   └── swish-top-opacity.svg
    │   │   ├── swish-top
    │   │   │   ├── index.js
    │   │   │   └── swish-top.svg
    │   │   ├── triangle-bottom
    │   │   │   ├── index.js
    │   │   │   └── triangle-bottom.svg
    │   │   ├── triangle-top
    │   │   │   ├── index.js
    │   │   │   └── triangle-top.svg
    │   │   ├── wave-bottom-opacity
    │   │   │   ├── index.js
    │   │   │   └── wave-bottom-opacity.svg
    │   │   ├── wave-bottom
    │   │   │   ├── index.js
    │   │   │   └── wave-bottom.svg
    │   │   ├── wave-top-opacity
    │   │   │   ├── index.js
    │   │   │   └── wave-top-opacity.svg
    │   │   ├── wave-top
    │   │   │   ├── index.js
    │   │   │   └── wave-top.svg
    │   │   ├── waves-bottom-opacity
    │   │   │   ├── index.js
    │   │   │   └── waves-bottom-opacity.svg
    │   │   ├── waves-bottom
    │   │   │   ├── index.js
    │   │   │   └── waves-bottom.svg
    │   │   ├── waves-top-opacity
    │   │   │   ├── index.js
    │   │   │   └── waves-top-opacity.svg
    │   │   └── waves-top
    │   │   │   ├── index.js
    │   │   │   └── waves-top.svg
    │   ├── template-icons
    │   │   ├── 1
    │   │   │   ├── 1col.svg
    │   │   │   └── index.js
    │   │   ├── 2
    │   │   │   ├── 2col.svg
    │   │   │   └── index.js
    │   │   ├── 3
    │   │   │   ├── 3col.svg
    │   │   │   └── index.js
    │   │   ├── 4
    │   │   │   ├── 4col.svg
    │   │   │   └── index.js
    │   │   ├── 5
    │   │   │   ├── 5col.svg
    │   │   │   └── index.js
    │   │   ├── 6
    │   │   │   ├── 6col.svg
    │   │   │   └── index.js
    │   │   ├── 7
    │   │   │   ├── 7col.svg
    │   │   │   └── index.js
    │   │   ├── 8
    │   │   │   ├── 8col.svg
    │   │   │   └── index.js
    │   │   ├── 1-1-1-1-1-1-1-1
    │   │   │   ├── 8col8.svg
    │   │   │   └── index.js
    │   │   ├── 1-1-1-1-1-1-1-3
    │   │   │   ├── 7col3.svg
    │   │   │   └── index.js
    │   │   ├── 1-1-1-1-1-1-1
    │   │   │   ├── 7col7.svg
    │   │   │   └── index.js
    │   │   ├── 1-1-1-1-1-1-2
    │   │   │   ├── 7col2.svg
    │   │   │   └── index.js
    │   │   ├── 1-1-1-1-1-1
    │   │   │   ├── 6col2.svg
    │   │   │   └── index.js
    │   │   ├── 1-1-1-1-1
    │   │   │   ├── 5col4.svg
    │   │   │   └── index.js
    │   │   ├── 1-1-1-1-2
    │   │   │   ├── 5col3.svg
    │   │   │   └── index.js
    │   │   ├── 1-1-1-1
    │   │   │   ├── 4col1.svg
    │   │   │   └── index.js
    │   │   ├── 1-1-1
    │   │   │   ├── 3col3.svg
    │   │   │   └── index.js
    │   │   ├── 1-1-2-1-1
    │   │   │   ├── 5col2.svg
    │   │   │   └── index.js
    │   │   ├── 1-1-2-2
    │   │   │   ├── 4col3.svg
    │   │   │   └── index.js
    │   │   ├── 1-1-2
    │   │   │   ├── 3col2.svg
    │   │   │   └── index.js
    │   │   ├── 1-1-3
    │   │   │   ├── 1-1-3.svg
    │   │   │   └── index.js
    │   │   ├── 1-1-4
    │   │   │   ├── 1-1-4col.svg
    │   │   │   └── index.js
    │   │   ├── 1-2-2
    │   │   │   ├── 3col1.svg
    │   │   │   └── index.js
    │   │   ├── 1-3
    │   │   │   ├── 1-3col.svg
    │   │   │   └── index.js
    │   │   ├── 1-4-1
    │   │   │   ├── 1-4-1col.svg
    │   │   │   └── index.js
    │   │   ├── 1-4
    │   │   │   ├── 1-4col.svg
    │   │   │   └── index.js
    │   │   ├── 2-1-1-1-1-1-1
    │   │   │   ├── 7col1.svg
    │   │   │   └── index.js
    │   │   ├── 2-1-1-1-1
    │   │   │   ├── 5col1.svg
    │   │   │   └── index.js
    │   │   ├── 2-1-1-2
    │   │   │   ├── 4col2.svg
    │   │   │   └── index.js
    │   │   ├── 2-2-1-1
    │   │   │   ├── 4col4.svg
    │   │   │   └── index.js
    │   │   ├── 2-2-2-2-2-2-2-2
    │   │   │   ├── 8col2.svg
    │   │   │   └── index.js
    │   │   ├── 2-2-2-2-2-2
    │   │   │   ├── 6col3.svg
    │   │   │   └── index.js
    │   │   ├── 2-2-2-2
    │   │   │   ├── 4col5.svg
    │   │   │   └── index.js
    │   │   ├── 2-2
    │   │   │   ├── 2col.svg
    │   │   │   └── index.js
    │   │   ├── 3-1-1-1-1-1-1-1
    │   │   │   ├── 7col4.svg
    │   │   │   └── index.js
    │   │   ├── 3-1-1
    │   │   │   ├── 3-1-1col.svg
    │   │   │   └── index.js
    │   │   ├── 3-1
    │   │   │   ├── 3-1col.svg
    │   │   │   └── index.js
    │   │   ├── 4-1-1
    │   │   │   ├── 4-1-1col.svg
    │   │   │   └── index.js
    │   │   ├── 4-1
    │   │   │   ├── 4-1col.svg
    │   │   │   └── index.js
    │   │   └── index.js
    │   └── toolbar-icons
    │   │   ├── advanced-settings
    │   │       ├── advanced-settings.svg
    │   │       └── index.js
    │   │   ├── align
    │   │       ├── align.svg
    │   │       └── index.js
    │   │   ├── bold
    │   │       ├── bold.svg
    │   │       └── index.js
    │   │   ├── border-width
    │   │       ├── borderWidth.svg
    │   │       └── index.js
    │   │   ├── border
    │   │       ├── border.svg
    │   │       └── index.js
    │   │   ├── box-shadow
    │   │       ├── boxShadow.svg
    │   │       └── index.js
    │   │   ├── code
    │   │       ├── code.svg
    │   │       └── index.js
    │   │   ├── color-opacity
    │   │       ├── ColorOpacity.svg
    │   │       └── index.js
    │   │   ├── column-pattern
    │   │       ├── column-pattern.svg
    │   │       └── index.js
    │   │   ├── context-loop
    │   │       ├── context-loop.svg
    │   │       └── index.js
    │   │   ├── copy-paste
    │   │       ├── cp.svg
    │   │       └── index.js
    │   │   ├── copy
    │   │       ├── copy.svg
    │   │       └── index.js
    │   │   ├── delete
    │   │       ├── delete.svg
    │   │       └── index.js
    │   │   ├── divider-align
    │   │       ├── divider-align.svg
    │   │       └── index.js
    │   │   ├── divider-setting
    │   │       ├── divider-settigs.svg
    │   │       └── index.js
    │   │   ├── drag
    │   │       ├── Drag.svg
    │   │       └── index.js
    │   │   ├── drop-shadow
    │   │       ├── drop-shadow.svg
    │   │       └── index.js
    │   │   ├── duplicate
    │   │       ├── duplicate.svg
    │   │       └── index.js
    │   │   ├── dynamic-content
    │   │       ├── dynamic-content.svg
    │   │       └── index.js
    │   │   ├── favorite
    │   │       ├── favorite.svg
    │   │       └── index.js
    │   │   ├── global
    │   │       ├── global.svg
    │   │       └── index.js
    │   │   ├── h1
    │   │       ├── H1.svg
    │   │       └── index.js
    │   │   ├── h2
    │   │       ├── H2.svg
    │   │       └── index.js
    │   │   ├── h3
    │   │       ├── H3.svg
    │   │       └── index.js
    │   │   ├── h4
    │   │       ├── H4.svg
    │   │       └── index.js
    │   │   ├── h5
    │   │       ├── H5.svg
    │   │       └── index.js
    │   │   ├── h6
    │   │       ├── H6.svg
    │   │       └── index.js
    │   │   ├── handlers
    │   │       ├── handlers.svg
    │   │       └── index.js
    │   │   ├── headings-level
    │   │       ├── advanced-settings.svg
    │   │       └── index.js
    │   │   ├── help
    │   │       ├── Help.svg
    │   │       └── index.js
    │   │   ├── hide
    │   │       ├── eye.svg
    │   │       └── index.js
    │   │   ├── icon-align
    │   │       ├── icon_align.svg
    │   │       └── index.js
    │   │   ├── icon-size
    │   │       ├── IconSize.svg
    │   │       └── index.js
    │   │   ├── image-link
    │   │       ├── index.js
    │   │       └── url.svg
    │   │   ├── indent-list
    │   │       ├── Indent-list.svg
    │   │       └── index.js
    │   │   ├── index.js
    │   │   ├── italic
    │   │       ├── Italic.svg
    │   │       └── index.js
    │   │   ├── link
    │   │       ├── index.js
    │   │       └── link.svg
    │   │   ├── list
    │   │       ├── index.js
    │   │       └── list.svg
    │   │   ├── lorem-ipsum
    │   │       ├── index.js
    │   │       └── lorem-ipsum.svg
    │   │   ├── more-settings
    │   │       ├── MoreSettings.svg
    │   │       └── index.js
    │   │   ├── move
    │   │       ├── Move.svg
    │   │       └── index.js
    │   │   ├── ordered-list
    │   │       ├── index.js
    │   │       └── ordered-list.svg
    │   │   ├── outdent-list
    │   │       ├── Outdent -list.svg
    │   │       └── index.js
    │   │   ├── overline
    │   │       ├── index.js
    │   │       └── overline.svg
    │   │   ├── p
    │   │       ├── P.svg
    │   │       └── index.js
    │   │   ├── padding
    │   │       ├── index.js
    │   │       └── padding.svg
    │   │   ├── paste
    │   │       ├── index.js
    │   │       └── paste.svg
    │   │   ├── pin
    │   │       ├── index.js
    │   │       ├── pin.svg
    │   │       └── pinned.js
    │   │   ├── remove
    │   │       └── index.js
    │   │   ├── replace-image
    │   │       ├── Replace-img.svg
    │   │       └── index.js
    │   │   ├── reusable-blocks
    │   │       ├── index.js
    │   │       └── reusable_blocks.svg
    │   │   ├── shape-color
    │   │       ├── ShapeColor.svg
    │   │       └── index.js
    │   │   ├── shape-line-color
    │   │       ├── ShapeLineColor.svg
    │   │       └── index.js
    │   │   ├── shape-width
    │   │       ├── 4634432_content_interface_resize_scale_icon.svg
    │   │       └── index.js
    │   │   ├── show
    │   │       ├── eye-hide.svg
    │   │       └── index.js
    │   │   ├── sizing
    │   │       ├── index.js
    │   │       └── sizing.svg
    │   │   ├── slide-settings
    │   │       └── index.js
    │   │   ├── slider-settings
    │   │       └── index.js
    │   │   ├── special-paste
    │   │       ├── index.js
    │   │       └── paste-s.svg
    │   │   ├── strikethrough
    │   │       ├── index.js
    │   │       └── strikethrough.svg
    │   │   ├── style
    │   │       ├── Style.svg
    │   │       └── index.js
    │   │   ├── subscript
    │   │       ├── index.js
    │   │       └── subscript.svg
    │   │   ├── superscript
    │   │       ├── index.js
    │   │       └── superscript.svg
    │   │   ├── text-letter-spacing
    │   │       ├── TextLetterSpacing.svg
    │   │       └── index.js
    │   │   ├── text-line-height
    │   │       ├── TextLineHeight.svg
    │   │       └── index.js
    │   │   ├── text-margin
    │   │       ├── index.js
    │   │       └── text-margin.svg
    │   │   ├── text-size
    │   │       ├── TextSize.svg
    │   │       └── index.js
    │   │   ├── toolbar-align-center
    │   │       ├── ToolbarAlignCenter.svg
    │   │       └── index.js
    │   │   ├── toolbar-align-justify
    │   │       ├── index.js
    │   │       └── toolbarAlignJustify.svg
    │   │   ├── toolbar-align-left
    │   │       ├── ToolbarAlignLeft.svg
    │   │       └── index.js
    │   │   ├── toolbar-align-right
    │   │       ├── ToolbarAlignRight.svg
    │   │       └── index.js
    │   │   ├── type
    │   │       ├── Type.svg
    │   │       └── index.js
    │   │   ├── underline
    │   │       ├── index.js
    │   │       └── underline.svg
    │   │   ├── unordered-list
    │   │       ├── index.js
    │   │       └── ordered-list.svg
    │   │   ├── vertical-align
    │   │       ├── index.js
    │   │       └── vertical-align.svg
    │   │   └── video
    │   │       ├── index.js
    │   │       └── video.svg
    ├── index.js
    └── init.php
├── templates
    └── full-width-template.php
├── uninstall.php
└── webpack.config.js


/.editorconfig:
--------------------------------------------------------------------------------
 1 | # This file is for unifying the coding style for different editors and IDEs
 2 | # editorconfig.org
 3 | 
 4 | # WordPress Coding Standards
 5 | # https://make.wordpress.org/core/handbook/coding-standards/
 6 | 
 7 | root = true
 8 | 
 9 | [*]
10 | charset = utf-8
11 | end_of_line = lf
12 | insert_final_newline = true
13 | trim_trailing_whitespace = true
14 | indent_style = tab
15 | 
16 | [*.yml]
17 | indent_style = space
18 | indent_size = 2
19 | 
20 | [*.md]
21 | trim_trailing_whitespace = false
22 | 


--------------------------------------------------------------------------------
/.eslintignore:
--------------------------------------------------------------------------------
 1 | **/*.min.js
 2 | **/*.build.js
 3 | **/node_modules/**
 4 | build
 5 | node_modules
 6 | jest.config.js
 7 | 
 8 | API
 9 | css
10 | img
11 | src/includes
12 | # js
13 | src/extensions/text/fonts/font.js
14 | 
15 | 


--------------------------------------------------------------------------------
/.prettierignore:
--------------------------------------------------------------------------------
 1 | # Ignore artifacts:
 2 | **/*.min.js
 3 | **/*.build.js
 4 | **/node_modules/**
 5 | build
 6 | node_modules
 7 | 
 8 | API
 9 | /css
10 | img
11 | src/includes
12 | src/extensions/text/fonts/font.js
13 | 


--------------------------------------------------------------------------------
/.prettierrc.json:
--------------------------------------------------------------------------------
 1 | {
 2 | 	"prettier": "@wordpress/prettier-config",
 3 | 	"useTabs": true,
 4 | 	"tabWidth": 4,
 5 | 	"singleQuote": true,
 6 | 	"jsxSingleQuote": true,
 7 | 	"arrowParens": "avoid",
 8 | 	"bracketSpacing": true,
 9 | 	"phpVersion": "7.4",
10 | 	"trailingCommaPHP": true,
11 | 	"braceStyle": "1tbs"
12 | }
13 | 


--------------------------------------------------------------------------------
/.wp-env.json:
--------------------------------------------------------------------------------
 1 | {
 2 | 	"core": "WordPress/WordPress#6.2",
 3 | 	"plugins": ["."],
 4 | 	"env": {
 5 | 		"development": {
 6 | 			"themes": ["../maxi-theme"]
 7 | 		},
 8 | 		"tests": {
 9 | 			"config": {
10 | 				"ALLOW_UNFILTERED_UPLOADS": true
11 | 			}
12 | 		}
13 | 	}
14 | }
15 | 


--------------------------------------------------------------------------------
/core/blocks/style-helpers/get_icon_size_styles.php:
--------------------------------------------------------------------------------
 1 | <?php
 2 | 
 3 | function get_icon_size(
 4 |     $obj,
 5 |     $is_hover = false,
 6 |     $prefix = '',
 7 |     $icon_width_height_ratio = 1
 8 | ) {
 9 |     return get_svg_width_styles([
10 |         'obj' => $obj,
11 |         'is_hover' => $is_hover,
12 |         'prefix' => $prefix.'icon-',
13 |         'iconWidthHeightRatio' => $icon_width_height_ratio,
14 |         'disableHeight' => false,
15 |     ]);
16 | }
17 | 


--------------------------------------------------------------------------------
/core/blocks/style-helpers/get_zindex_styles.php:
--------------------------------------------------------------------------------
 1 | <?php
 2 | 
 3 | function get_zindex_styles($obj)
 4 | {
 5 |     $response = [];
 6 | 
 7 |     $breakpoints = ['general', 'xxl', 'xl', 'l', 'm', 's', 'xs'];
 8 | 
 9 |     foreach ($breakpoints as $breakpoint) {
10 |         if (isset($obj["z-index-$breakpoint"])) {
11 |             $response[$breakpoint] = ['z-index' => $obj["z-index-$breakpoint"]];
12 |         }
13 |     }
14 | 
15 |     return $response;
16 | }
17 | 


--------------------------------------------------------------------------------
/core/blocks/utils/defaults/accordion.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "accordionLayout": {
 3 |     "type": "string",
 4 |     "default": "simple"
 5 |   },
 6 |   "autoPaneClose": {
 7 |     "type": "boolean",
 8 |     "default": true
 9 |   },
10 |   "isCollapsible": {
11 |     "type": "boolean",
12 |     "default": true
13 |   },
14 |   "animationDuration": {
15 |     "type": "number",
16 |     "default": 0.3
17 |   }
18 | }
19 | 


--------------------------------------------------------------------------------
/core/blocks/utils/defaults/alignment.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "alignment-general": {
 3 |     "type": "string",
 4 |     "default": "center"
 5 |   },
 6 |   "alignment-xxl": {
 7 |     "type": "string"
 8 |   },
 9 |   "alignment-xl": {
10 |     "type": "string"
11 |   },
12 |   "alignment-l": {
13 |     "type": "string"
14 |   },
15 |   "alignment-m": {
16 |     "type": "string"
17 |   },
18 |   "alignment-s": {
19 |     "type": "string"
20 |   },
21 |   "alignment-xs": {
22 |     "type": "string"
23 |   }
24 | }
25 | 


--------------------------------------------------------------------------------
/core/blocks/utils/defaults/background.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "background-active-media-general": {
 3 |     "type": "string"
 4 |   },
 5 |   "background-active-media-xxl": {
 6 |     "type": "string"
 7 |   },
 8 |   "background-active-media-xl": {
 9 |     "type": "string"
10 |   },
11 |   "background-active-media-l": {
12 |     "type": "string"
13 |   },
14 |   "background-active-media-m": {
15 |     "type": "string"
16 |   },
17 |   "background-active-media-s": {
18 |     "type": "string"
19 |   },
20 |   "background-active-media-xs": {
21 |     "type": "string"
22 |   }
23 | }
24 | 


--------------------------------------------------------------------------------
/core/blocks/utils/defaults/blockBackground.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "background-layers": {
 3 |     "type": "array"
 4 |   },
 5 |   "background-layers-hover": {
 6 |     "type": "array"
 7 |   },
 8 |   "block-background-status-hover": {
 9 |     "type": "boolean",
10 |     "default": false
11 |   }
12 | }
13 | 


--------------------------------------------------------------------------------
/core/blocks/utils/defaults/breakpoints.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "breakpoints-general": {
 3 |     "type": "number"
 4 |   },
 5 |   "breakpoints-xxl": {
 6 |     "type": "number"
 7 |   },
 8 |   "breakpoints-xl": {
 9 |     "type": "number"
10 |   },
11 |   "breakpoints-l": {
12 |     "type": "number"
13 |   },
14 |   "breakpoints-m": {
15 |     "type": "number"
16 |   },
17 |   "breakpoints-s": {
18 |     "type": "number"
19 |   },
20 |   "breakpoints-xs": {
21 |     "type": "number"
22 |   }
23 | }
24 | 


--------------------------------------------------------------------------------
/core/blocks/utils/defaults/contextLoop.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "cl-status": {
 3 |     "type": "boolean"
 4 |   },
 5 |   "cl-type": {
 6 |     "type": "string"
 7 |   },
 8 |   "cl-relation": {
 9 |     "type": "string"
10 |   },
11 |   "cl-id": {
12 |     "type": "number"
13 |   },
14 |   "cl-author": {
15 |     "type": "number"
16 |   },
17 |   "cl-order": {
18 |     "type": "string"
19 |   },
20 |   "cl-accumulator": {
21 |     "type": "number"
22 |   }
23 | }
24 | 


--------------------------------------------------------------------------------
/core/blocks/utils/defaults/customCss.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "custom-css-general": {
 3 |     "type": "object"
 4 |   },
 5 |   "custom-css-xxl": {
 6 |     "type": "object"
 7 |   },
 8 |   "custom-css-xl": {
 9 |     "type": "object"
10 |   },
11 |   "custom-css-l": {
12 |     "type": "object"
13 |   },
14 |   "custom-css-m": {
15 |     "type": "object"
16 |   },
17 |   "custom-css-s": {
18 |     "type": "object"
19 |   },
20 |   "custom-css-xs": {
21 |     "type": "object"
22 |   }
23 | }
24 | 


--------------------------------------------------------------------------------
/core/blocks/utils/defaults/display.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "display-general": {
 3 |     "type": "string"
 4 |   },
 5 |   "display-xxl": {
 6 |     "type": "string"
 7 |   },
 8 |   "display-xl": {
 9 |     "type": "string"
10 |   },
11 |   "display-l": {
12 |     "type": "string"
13 |   },
14 |   "display-m": {
15 |     "type": "string"
16 |   },
17 |   "display-s": {
18 |     "type": "string"
19 |   },
20 |   "display-xs": {
21 |     "type": "string"
22 |   }
23 | }
24 | 


--------------------------------------------------------------------------------
/core/blocks/utils/defaults/displayHover.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "display-general-hover": {
 3 |     "type": "string"
 4 |   },
 5 |   "display-xxl-hover": {
 6 |     "type": "string"
 7 |   },
 8 |   "display-xl-hover": {
 9 |     "type": "string"
10 |   },
11 |   "display-l-hover": {
12 |     "type": "string"
13 |   },
14 |   "display-m-hover": {
15 |     "type": "string"
16 |   },
17 |   "display-s-hover": {
18 |     "type": "string"
19 |   },
20 |   "display-xs-hover": {
21 |     "type": "string"
22 |   }
23 | }
24 | 


--------------------------------------------------------------------------------
/core/blocks/utils/defaults/fullWidth.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "full-width-general": {
 3 |     "type": "boolean",
 4 |     "default": false
 5 |   },
 6 |   "full-width-xxl": {
 7 |     "type": "boolean"
 8 |   },
 9 |   "full-width-xl": {
10 |     "type": "boolean"
11 |   },
12 |   "full-width-l": {
13 |     "type": "boolean"
14 |   },
15 |   "full-width-m": {
16 |     "type": "boolean"
17 |   },
18 |   "full-width-s": {
19 |     "type": "boolean"
20 |   },
21 |   "full-width-xs": {
22 |     "type": "boolean"
23 |   }
24 | }
25 | 


--------------------------------------------------------------------------------
/core/blocks/utils/defaults/mapInteraction.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "map-dragging": {
 3 |     "type": "boolean",
 4 |     "default": true
 5 |   },
 6 |   "map-touch-zoom": {
 7 |     "type": "boolean",
 8 |     "default": true
 9 |   },
10 |   "map-double-click-zoom": {
11 |     "type": "boolean",
12 |     "default": true
13 |   },
14 |   "map-scroll-wheel-zoom": {
15 |     "type": "boolean",
16 |     "default": true
17 |   }
18 | }
19 | 


--------------------------------------------------------------------------------
/core/blocks/utils/defaults/opacity.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "opacity-general": {
 3 |     "type": "number"
 4 |   },
 5 |   "opacity-xxl": {
 6 |     "type": "number"
 7 |   },
 8 |   "opacity-xl": {
 9 |     "type": "number"
10 |   },
11 |   "opacity-l": {
12 |     "type": "number"
13 |   },
14 |   "opacity-m": {
15 |     "type": "number"
16 |   },
17 |   "opacity-s": {
18 |     "type": "number"
19 |   },
20 |   "opacity-xs": {
21 |     "type": "number"
22 |   }
23 | }
24 | 


--------------------------------------------------------------------------------
/core/blocks/utils/defaults/rawBackground.json:
--------------------------------------------------------------------------------
1 | {
2 |   "background-active-media": {
3 |     "type": "string"
4 |   }
5 | }
6 | 


--------------------------------------------------------------------------------
/core/blocks/utils/defaults/rawBorder.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "border-palette-status": {
 3 |     "type": "boolean",
 4 |     "default": true
 5 |   },
 6 |   "border-palette-sc-status": {
 7 |     "type": "boolean",
 8 |     "default": false
 9 |   },
10 |   "border-palette-color": {
11 |     "type": "number",
12 |     "default": 2
13 |   },
14 |   "border-palette-opacity": {
15 |     "type": "number"
16 |   },
17 |   "border-color": {
18 |     "type": "string"
19 |   },
20 |   "border-style": {
21 |     "type": "string",
22 |     "default": "none"
23 |   }
24 | }
25 | 


--------------------------------------------------------------------------------
/core/blocks/utils/defaults/rawBorderRadius.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "border-top-left-radius": {
 3 |     "type": "number"
 4 |   },
 5 |   "border-top-right-radius": {
 6 |     "type": "number"
 7 |   },
 8 |   "border-bottom-right-radius": {
 9 |     "type": "number"
10 |   },
11 |   "border-bottom-left-radius": {
12 |     "type": "number"
13 |   },
14 |   "border-sync-radius": {
15 |     "type": "string",
16 |     "default": "all"
17 |   },
18 |   "border-unit-radius": {
19 |     "type": "string",
20 |     "default": "px"
21 |   }
22 | }
23 | 


--------------------------------------------------------------------------------
/core/blocks/utils/defaults/rawFullWidth.json:
--------------------------------------------------------------------------------
1 | {
2 |   "full-width": {
3 |     "type": "boolean",
4 |     "default": false
5 |   }
6 | }
7 | 


--------------------------------------------------------------------------------
/core/blocks/utils/defaults/rawHeight.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "height-unit": {
 3 |     "type": "string",
 4 |     "default": "px"
 5 |   },
 6 |   "height": {
 7 |     "type": "string"
 8 |   },
 9 |   "force-aspect-ratio": {
10 |     "type": "boolean"
11 |   }
12 | }
13 | 


--------------------------------------------------------------------------------
/core/blocks/utils/defaults/rawImageShape.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "image-shape-scale": {
 3 |     "type": "number",
 4 |     "default": 100
 5 |   },
 6 |   "image-shape-rotate": {
 7 |     "type": "number"
 8 |   },
 9 |   "image-shape-flip-x": {
10 |     "type": "boolean"
11 |   },
12 |   "image-shape-flip-y": {
13 |     "type": "boolean"
14 |   }
15 | }
16 | 


--------------------------------------------------------------------------------
/core/blocks/utils/defaults/rawMaxHeight.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "max-height-unit": {
 3 |     "type": "string",
 4 |     "default": "px"
 5 |   },
 6 |   "max-height": {
 7 |     "type": "string"
 8 |   }
 9 | }
10 | 


--------------------------------------------------------------------------------
/core/blocks/utils/defaults/rawMaxWidth.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "max-width-unit": {
 3 |     "type": "string",
 4 |     "default": "px"
 5 |   },
 6 |   "max-width": {
 7 |     "type": "string"
 8 |   }
 9 | }
10 | 


--------------------------------------------------------------------------------
/core/blocks/utils/defaults/rawMinHeight.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "min-height-unit": {
 3 |     "type": "string",
 4 |     "default": "px"
 5 |   },
 6 |   "min-height": {
 7 |     "type": "string"
 8 |   }
 9 | }
10 | 


--------------------------------------------------------------------------------
/core/blocks/utils/defaults/rawMinWidth.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "min-width-unit": {
 3 |     "type": "string",
 4 |     "default": "px"
 5 |   },
 6 |   "min-width": {
 7 |     "type": "string"
 8 |   }
 9 | }
10 | 


--------------------------------------------------------------------------------
/core/blocks/utils/defaults/rawSize.json:
--------------------------------------------------------------------------------
1 | {
2 |   "size-advanced-options": {
3 |     "type": "boolean",
4 |     "default": false
5 |   }
6 | }
7 | 


--------------------------------------------------------------------------------
/core/blocks/utils/defaults/rawWidth.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "width-unit": {
 3 |     "type": "string",
 4 |     "default": "px"
 5 |   },
 6 |   "width": {
 7 |     "type": "string"
 8 |   },
 9 |   "width-fit-content": {
10 |     "type": "boolean",
11 |     "default": false
12 |   }
13 | }
14 | 


--------------------------------------------------------------------------------
/core/blocks/utils/defaults/rowPattern.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "row-pattern-general": {
 3 |     "type": "string"
 4 |   },
 5 |   "row-pattern-xxl": {
 6 |     "type": "string"
 7 |   },
 8 |   "row-pattern-xl": {
 9 |     "type": "string"
10 |   },
11 |   "row-pattern-l": {
12 |     "type": "string"
13 |   },
14 |   "row-pattern-m": {
15 |     "type": "string"
16 |   },
17 |   "row-pattern-s": {
18 |     "type": "string"
19 |   },
20 |   "row-pattern-xs": {
21 |     "type": "string"
22 |   }
23 | }
24 | 


--------------------------------------------------------------------------------
/core/blocks/utils/defaults/searchButton.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "buttonSkin": {
 3 |     "type": "string",
 4 |     "default": "icon"
 5 |   },
 6 |   "iconRevealAction": {
 7 |     "type": "string",
 8 |     "default": "click"
 9 |   },
10 |   "buttonContent": {
11 |     "type": "string",
12 |     "default": "Find"
13 |   },
14 |   "buttonContentClose": {
15 |     "type": "string",
16 |     "default": "Close"
17 |   }
18 | }
19 | 


--------------------------------------------------------------------------------
/core/blocks/utils/defaults/textAlignment.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "text-alignment-general": {
 3 |     "type": "string"
 4 |   },
 5 |   "text-alignment-xxl": {
 6 |     "type": "string"
 7 |   },
 8 |   "text-alignment-xl": {
 9 |     "type": "string"
10 |   },
11 |   "text-alignment-l": {
12 |     "type": "string"
13 |   },
14 |   "text-alignment-m": {
15 |     "type": "string"
16 |   },
17 |   "text-alignment-s": {
18 |     "type": "string"
19 |   },
20 |   "text-alignment-xs": {
21 |     "type": "string"
22 |   }
23 | }
24 | 


--------------------------------------------------------------------------------
/core/blocks/utils/defaults/transition.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "transition": {
 3 |     "type": "object"
 4 |   },
 5 |   "transition-change-all": {
 6 |     "type": "boolean",
 7 |     "default": true
 8 |   }
 9 | }
10 | 


--------------------------------------------------------------------------------
/core/blocks/utils/defaults/zIndex.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "z-index-general": {
 3 |     "type": "number"
 4 |   },
 5 |   "z-index-xxl": {
 6 |     "type": "number"
 7 |   },
 8 |   "z-index-xl": {
 9 |     "type": "number"
10 |   },
11 |   "z-index-l": {
12 |     "type": "number"
13 |   },
14 |   "z-index-m": {
15 |     "type": "number"
16 |   },
17 |   "z-index-s": {
18 |     "type": "number"
19 |   },
20 |   "z-index-xs": {
21 |     "type": "number"
22 |   }
23 | }
24 | 


--------------------------------------------------------------------------------
/core/blocks/utils/get_attribute_key.php:
--------------------------------------------------------------------------------
 1 | <?php
 2 | 
 3 | function get_attribute_key(
 4 |     $key, 
 5 |     $isHover = false, 
 6 |     $prefix = '',
 7 |     $breakpoint = false
 8 |     )
 9 |     {
10 |         return $prefix . $key . ($breakpoint ? '-' . $breakpoint : '') 
11 |         . ($isHover ? '-hover' : '');
12 |     }


--------------------------------------------------------------------------------
/core/blocks/utils/get_is_valid.php:
--------------------------------------------------------------------------------
 1 | <?php
 2 | 
 3 | function get_is_valid($val, $cleaned = false)
 4 | {
 5 |     return ($cleaned &&
 6 |         ($val ||
 7 |             is_int($val) ||
 8 |             is_bool($val) ||
 9 |             (empty($val) && isset($val)))) ||
10 |         !$cleaned;
11 | }
12 | 


--------------------------------------------------------------------------------
/core/blocks/utils/get_prev_breakpoint.php:
--------------------------------------------------------------------------------
 1 | <?php
 2 | 
 3 | function get_prev_breakpoint($breakpoint)
 4 | {
 5 |     $breakpoints = ['general', 'xxl', 'xl', 'l', 'm', 's', 'xs'];
 6 | 
 7 |     $index = array_search($breakpoint, $breakpoints);
 8 |     return $index > 0 ? $breakpoints[$index - 1] : 'general';
 9 | }
10 | 


--------------------------------------------------------------------------------
/core/blocks/utils/get_row_gap_attributes.php:
--------------------------------------------------------------------------------
 1 | <?php
 2 | 
 3 | function get_row_gap_attributes($props)
 4 | {
 5 |     $response = get_group_attributes($props, 'flex');
 6 |             
 7 |     foreach (array_keys($response) as $key) {
 8 |         if (!strpos($key, 'gap') !== false) {
 9 |             unset($response[$key]);
10 |         }
11 |     };
12 |     
13 |     return $response;
14 | }
15 | 


--------------------------------------------------------------------------------
/core/blocks/utils/get_value_from_keys.php:
--------------------------------------------------------------------------------
1 | <?php
2 | 
3 | function get_value_from_keys($value, $keys)
4 | {
5 |     return array_reduce($keys, function ($acc, $key) {
6 |         return $acc[$key] ?? null;
7 |     }, $value);
8 | }
9 | 


--------------------------------------------------------------------------------
/e2e-tests/.eslintrc.json:
--------------------------------------------------------------------------------
 1 | {
 2 | 	"extends": ["plugin:jest/recommended"],
 3 | 	"env": {
 4 | 		"browser": true
 5 | 	},
 6 | 	"globals": {
 7 | 		"browser": "readonly",
 8 | 		"page": "readonly",
 9 | 		"wp": "readonly"
10 | 	}
11 | }
12 | 


--------------------------------------------------------------------------------
/e2e-tests/blocks/map-maxi/components/map-control/__snapshots__/index.spec.js.snap:
--------------------------------------------------------------------------------
 1 | // Jest Snapshot v1, https://goo.gl/fbAQLP
 2 | 
 3 | exports[`Map Control Map Maxi custom min/max zoom 1`] = `
 4 | {
 5 |   "map-max-zoom": 5,
 6 |   "map-min-zoom": 3,
 7 | }
 8 | `;
 9 | 
10 | exports[`Map Control Map Maxi custom min/max zoom 2`] = `4`;
11 | 
12 | exports[`Map Control Map Maxi custom min/max zoom 3`] = `3`;
13 | 
14 | exports[`Map Control Map Maxi custom min/max zoom 4`] = `5`;
15 | 


--------------------------------------------------------------------------------
/e2e-tests/blocks/map-maxi/utils/getMapContainer.js:
--------------------------------------------------------------------------------
1 | const getMapContainer = async page =>
2 | 	page.$('.maxi-map-block .maxi-map-block__container .leaflet-container');
3 | 
4 | export default getMapContainer;
5 | 


--------------------------------------------------------------------------------
/e2e-tests/blocks/map-maxi/utils/roundMarkersCoords.js:
--------------------------------------------------------------------------------
 1 | import { round } from 'lodash';
 2 | 
 3 | const roundMarkersCoords = markers => {
 4 | 	return markers.map(marker => {
 5 | 		const { latitude, longitude } = marker;
 6 | 
 7 | 		return {
 8 | 			...marker,
 9 | 			latitude: round(latitude),
10 | 			longitude: round(longitude),
11 | 		};
12 | 	});
13 | };
14 | 
15 | export default roundMarkersCoords;
16 | 


--------------------------------------------------------------------------------
/e2e-tests/blocks/maxi-cloud-library/index.spec.js:
--------------------------------------------------------------------------------
 1 | /**
 2 |  * WordPress dependencies
 3 |  */
 4 | import { createNewPost } from '@wordpress/e2e-test-utils';
 5 | 
 6 | /**
 7 |  * Internal dependencies
 8 |  */
 9 | import { getEditedPostContent, insertMaxiBlock } from '../../utils';
10 | 
11 | describe('Maxi Cloud Library', () => {
12 | 	it('Maxi Cloud Library does not break', async () => {
13 | 		/* await createNewPost();
14 | 		await insertMaxiBlock(page, 'Maxi Cloud Library');
15 | 
16 | 		expect(await getEditedPostContent(page)).toMatchSnapshot(); */
17 | 	});
18 | });
19 | 


--------------------------------------------------------------------------------
/e2e-tests/components/info-box/__snapshots__/index.spec.js.snap:
--------------------------------------------------------------------------------
1 | // Jest Snapshot v1, https://goo.gl/fbAQLP
2 | 
3 | exports[`InfoBox Check Infobox 1`] = `"Responsive mode activated. Edits apply exclusively to selected break points. Return to \"Your size\" for global editing (recommended)."`;
4 | 


--------------------------------------------------------------------------------
/e2e-tests/components/toolbar/components/link/__snapshots__/index.spec.js.snap:
--------------------------------------------------------------------------------
 1 | // Jest Snapshot v1, https://goo.gl/fbAQLP
 2 | 
 3 | exports[`Button link Check button link 1`] = `
 4 | {
 5 |   "noFollow": true,
 6 |   "opensInNewTab": true,
 7 |   "sponsored": true,
 8 |   "ugc": true,
 9 |   "url": "test.com",
10 | }
11 | `;
12 | 


--------------------------------------------------------------------------------
/e2e-tests/components/toolbar/components/text-link/__snapshots__/index.spec.js.snap:
--------------------------------------------------------------------------------
1 | // Jest Snapshot v1, https://goo.gl/fbAQLP
2 | 
3 | exports[`Text link Check text link 1`] = `"<a href=\"https://test.com\" rel=\"noreferrer noopener nofollow sponsored ugc\" target=\"_blank\" title=\"\" class=\"maxi-text-block--link\">Testing Text Maxi</a>"`;
4 | 


--------------------------------------------------------------------------------
/e2e-tests/editor/style-cards/__snapshots__/colorPreset.spec.js.snap:
--------------------------------------------------------------------------------
 1 | // Jest Snapshot v1, https://goo.gl/fbAQLP
 2 | 
 3 | exports[`StyleCards ColorPresets Check Quick Pick Colour Presets 1`] = `
 4 | {
 5 |   "color": {
 6 |     "4": "16,109,60",
 7 |   },
 8 | }
 9 | `;
10 | 
11 | exports[`StyleCards ColorPresets Check Quick Pick Colour Presets 2`] = `
12 | {
13 |   "color": {
14 |     "4": "255,74,23",
15 |   },
16 | }
17 | `;
18 | 


--------------------------------------------------------------------------------
/e2e-tests/editor/style-cards/__snapshots__/divider.spec.js.snap:
--------------------------------------------------------------------------------
 1 | // Jest Snapshot v1, https://goo.gl/fbAQLP
 2 | 
 3 | exports[`SC Divider Checking divider accordion 1`] = `
 4 | {
 5 |   "divider": {
 6 |     "color": "",
 7 |     "color-global": true,
 8 |     "palette-color": 4,
 9 |     "palette-opacity": 1,
10 |     "palette-status": true,
11 |   },
12 | }
13 | `;
14 | 


--------------------------------------------------------------------------------
/e2e-tests/editor/style-cards/__snapshots__/link.spec.js.snap:
--------------------------------------------------------------------------------
 1 | // Jest Snapshot v1, https://goo.gl/fbAQLP
 2 | 
 3 | exports[`SC Link Checking link accordion 1`] = `
 4 | {
 5 |   "link": {
 6 |     "active-color-global": true,
 7 |     "hover-color-global": true,
 8 |     "link-color": "",
 9 |     "link-color-global": true,
10 |     "link-palette-color": 4,
11 |     "link-palette-opacity": 1,
12 |     "link-palette-status": true,
13 |     "visited-color-global": true,
14 |   },
15 | }
16 | `;
17 | 


--------------------------------------------------------------------------------
/e2e-tests/editor/style-cards/__snapshots__/svgIcon.spec.js.snap:
--------------------------------------------------------------------------------
 1 | // Jest Snapshot v1, https://goo.gl/fbAQLP
 2 | 
 3 | exports[`SC svg icon Checking svg icon accordion 1`] = `
 4 | {
 5 |   "icon": {
 6 |     "fill-color-global": true,
 7 |     "line-color": "",
 8 |     "line-color-global": true,
 9 |     "line-palette-color": 5,
10 |     "line-palette-opacity": 1,
11 |     "line-palette-status": true,
12 |   },
13 | }
14 | `;
15 | 


--------------------------------------------------------------------------------
/e2e-tests/jest.config.js:
--------------------------------------------------------------------------------
1 | module.exports = {
2 | 	...require('@wordpress/scripts/config/jest-e2e.config'),
3 | 	setupFilesAfterEnv: [
4 | 		'<rootDir>/setup-test-framework.js',
5 | 		'@wordpress/jest-console',
6 | 	],
7 | };
8 | 


--------------------------------------------------------------------------------
/e2e-tests/utils/addBackgroundLayer.js:
--------------------------------------------------------------------------------
 1 | import openSidebarTab from './openSidebarTab';
 2 | 
 3 | const addBackgroundLayer = async (page, type, isHover = false) => {
 4 | 	const accordion = await openSidebarTab(page, 'style', 'background layer');
 5 | 	await accordion.$$eval(
 6 | 		'.maxi-tabs-control button',
 7 | 		(button, _isHover) => button[+_isHover].click(),
 8 | 		isHover
 9 | 	);
10 | 
11 | 	const selector = await page.$('.maxi-background-control__add-layer select');
12 | 
13 | 	await selector.select(type);
14 | };
15 | 
16 | export default addBackgroundLayer;
17 | 


--------------------------------------------------------------------------------
/e2e-tests/utils/addBackgroundLayerCanvas.js:
--------------------------------------------------------------------------------
 1 | import openSidebarTab from './openSidebarTab';
 2 | 
 3 | const addBackgroundLayerCanvas = async (page, tab, type, isHover = false) => {
 4 | 	const accordion = await openSidebarTab(page, tab, 'background layer');
 5 | 	await accordion.$$eval(
 6 | 		'.maxi-tabs-control button',
 7 | 		(button, _isHover) => button[+_isHover].click(),
 8 | 		isHover
 9 | 	);
10 | 
11 | 	const selector = await page.$('.maxi-background-control select');
12 | 
13 | 	await selector.select(type);
14 | };
15 | 
16 | export default addBackgroundLayerCanvas;
17 | 


--------------------------------------------------------------------------------
/e2e-tests/utils/changeUniqueID.js:
--------------------------------------------------------------------------------
 1 | const changeUniqueID = async (page, id) => {
 2 | 	await page.evaluate(id => {
 3 | 		// Get the client ID of the currently selected block
 4 | 		const clientId = wp.data
 5 | 			.select('core/block-editor')
 6 | 			.getSelectedBlockClientId();
 7 | 
 8 | 		// Check if a block is selected
 9 | 		if (clientId) {
10 | 			// Update the block's uniqueID attribute
11 | 			wp.data
12 | 				.dispatch('core/block-editor')
13 | 				.updateBlockAttributes(clientId, { uniqueID: id });
14 | 		}
15 | 	});
16 | };
17 | export default changeUniqueID;
18 | 


--------------------------------------------------------------------------------
/e2e-tests/utils/checkSCResult.js:
--------------------------------------------------------------------------------
 1 | export const receiveSelectedMaxiStyleCard = async page => {
 2 | 	return page.evaluate(() => {
 3 | 		return wp.data
 4 | 			.select('maxiBlocks/style-cards')
 5 | 			.receiveMaxiSelectedStyleCard();
 6 | 	});
 7 | };
 8 | 
 9 | export const checkSCResult = async page => {
10 | 	const {
11 | 		value: {
12 | 			light: { styleCard: expectPresets },
13 | 		},
14 | 	} = await receiveSelectedMaxiStyleCard(page);
15 | 
16 | 	return expectPresets;
17 | };
18 | 


--------------------------------------------------------------------------------
/e2e-tests/utils/getAttributes.js:
--------------------------------------------------------------------------------
 1 | import getBlockAttributes from './getBlockAttributes';
 2 | 
 3 | const getAttributes = async attrs => {
 4 | 	const attributes = await getBlockAttributes();
 5 | 
 6 | 	if (typeof attrs === 'string') return attributes[attrs];
 7 | 
 8 | 	const response = {};
 9 | 
10 | 	attrs.forEach(attr => {
11 | 		response[attr] = attributes[attr];
12 | 	});
13 | 
14 | 	return response;
15 | };
16 | 
17 | export default getAttributes;
18 | 


--------------------------------------------------------------------------------
/e2e-tests/utils/getBlockStyle.js:
--------------------------------------------------------------------------------
 1 | import getBlockAttributes from './getBlockAttributes';
 2 | 
 3 | const getBlockStyle = async page => {
 4 | 	const { uniqueID } = await getBlockAttributes();
 5 | 
 6 | 	const stylesString = await page.$eval(
 7 | 		`#maxi-blocks__styles--${uniqueID}`,
 8 | 		style => style.innerHTML
 9 | 	);
10 | 
11 | 	return stylesString;
12 | };
13 | 
14 | export default getBlockStyle;
15 | 


--------------------------------------------------------------------------------
/e2e-tests/utils/getClientId.js:
--------------------------------------------------------------------------------
1 | import { wpDataSelect } from '@wordpress/e2e-test-utils';
2 | 
3 | const getClientId = async () =>
4 | 	wpDataSelect('core/block-editor', 'getSelectedBlockClientId');
5 | 
6 | export default getClientId;
7 | 


--------------------------------------------------------------------------------
/e2e-tests/utils/getEditedPostContent.js:
--------------------------------------------------------------------------------
 1 | /**
 2 |  * WordPress dependencies
 3 |  */
 4 | import { getEditedPostContent as getWordPressEditedPostContent } from '@wordpress/e2e-test-utils';
 5 | 
 6 | /**
 7 |  * Internal dependencies
 8 |  */
 9 | import waitForAttribute from './waitForAttribute';
10 | 
11 | const getEditedPostContent = async page => {
12 | 	await waitForAttribute(page, [
13 | 		'maxi-version-current',
14 | 		'maxi-version-origin',
15 | 	]);
16 | 
17 | 	return getWordPressEditedPostContent();
18 | };
19 | 
20 | export default getEditedPostContent;
21 | 


--------------------------------------------------------------------------------
/e2e-tests/utils/getElementAttribute.js:
--------------------------------------------------------------------------------
 1 | /**
 2 |  * Expects element and name of attribute, returns attribute of the html element
 3 |  *
 4 |  * @param {any}    element
 5 |  * @param {string} attribute
 6 |  */
 7 | const getElementAttribute = async (element, attribute) => {
 8 | 	return (await element.getProperty(attribute)).jsonValue();
 9 | };
10 | 
11 | export default getElementAttribute;
12 | 


--------------------------------------------------------------------------------
/e2e-tests/utils/insertMaxiBlock.js:
--------------------------------------------------------------------------------
 1 | import { insertBlock } from '@wordpress/e2e-test-utils';
 2 | 
 3 | const insertMaxiBlock = async (page, blockName) => {
 4 | 	await insertBlock(blockName);
 5 | 
 6 | 	const blockClass = `.maxi-${blockName
 7 | 		.replace(' Maxi', '')
 8 | 		.replace(/ /g, '-')
 9 | 		.replace('Icon', 'svg-icon')
10 | 		.toLowerCase()}-block`;
11 | 
12 | 	await page.waitForSelector(blockClass);
13 | 
14 | 	if (blockClass === '.maxi-container-block')
15 | 		await page.waitForSelector('.maxi-row-block');
16 | };
17 | 
18 | export default insertMaxiBlock;
19 | 


--------------------------------------------------------------------------------
/e2e-tests/utils/removeBackgroundLayers.js:
--------------------------------------------------------------------------------
1 | import setAttributes from './setAttributes';
2 | 
3 | const removeBackgroundLayers = async page =>
4 | 	setAttributes(page, { 'background-layers': [] });
5 | 
6 | export default removeBackgroundLayers;
7 | 


--------------------------------------------------------------------------------
/e2e-tests/utils/setAttributes.js:
--------------------------------------------------------------------------------
 1 | import getClientId from './getClientId';
 2 | 
 3 | const removeBackgroundLayers = async (page, response) => {
 4 | 	const clientId = await getClientId();
 5 | 
 6 | 	await page.evaluate(
 7 | 		(clientId, _response) => {
 8 | 			wp.data
 9 | 				.dispatch('core/block-editor')
10 | 				.updateBlockAttributes(clientId, _response);
11 | 		},
12 | 		clientId,
13 | 		response
14 | 	);
15 | };
16 | 
17 | export default removeBackgroundLayers;
18 | 


--------------------------------------------------------------------------------
/img/block-preview/accordion.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/maxi-blocks/wordpress-plugin/c604f441d24865dcb609f64d5e24570332ec091a/img/block-preview/accordion.png


--------------------------------------------------------------------------------
/img/block-preview/button.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/maxi-blocks/wordpress-plugin/c604f441d24865dcb609f64d5e24570332ec091a/img/block-preview/button.png


--------------------------------------------------------------------------------
/img/block-preview/container.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/maxi-blocks/wordpress-plugin/c604f441d24865dcb609f64d5e24570332ec091a/img/block-preview/container.png


--------------------------------------------------------------------------------
/img/block-preview/divider.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/maxi-blocks/wordpress-plugin/c604f441d24865dcb609f64d5e24570332ec091a/img/block-preview/divider.png


--------------------------------------------------------------------------------
/img/block-preview/group.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/maxi-blocks/wordpress-plugin/c604f441d24865dcb609f64d5e24570332ec091a/img/block-preview/group.png


--------------------------------------------------------------------------------
/img/block-preview/icon.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/maxi-blocks/wordpress-plugin/c604f441d24865dcb609f64d5e24570332ec091a/img/block-preview/icon.png


--------------------------------------------------------------------------------
/img/block-preview/image.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/maxi-blocks/wordpress-plugin/c604f441d24865dcb609f64d5e24570332ec091a/img/block-preview/image.png


--------------------------------------------------------------------------------
/img/block-preview/map.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/maxi-blocks/wordpress-plugin/c604f441d24865dcb609f64d5e24570332ec091a/img/block-preview/map.png


--------------------------------------------------------------------------------
/img/block-preview/nc.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/maxi-blocks/wordpress-plugin/c604f441d24865dcb609f64d5e24570332ec091a/img/block-preview/nc.png


--------------------------------------------------------------------------------
/img/block-preview/pane.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/maxi-blocks/wordpress-plugin/c604f441d24865dcb609f64d5e24570332ec091a/img/block-preview/pane.png


--------------------------------------------------------------------------------
/img/block-preview/row.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/maxi-blocks/wordpress-plugin/c604f441d24865dcb609f64d5e24570332ec091a/img/block-preview/row.png


--------------------------------------------------------------------------------
/img/block-preview/search.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/maxi-blocks/wordpress-plugin/c604f441d24865dcb609f64d5e24570332ec091a/img/block-preview/search.png


--------------------------------------------------------------------------------
/img/block-preview/slide.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/maxi-blocks/wordpress-plugin/c604f441d24865dcb609f64d5e24570332ec091a/img/block-preview/slide.png


--------------------------------------------------------------------------------
/img/block-preview/slider.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/maxi-blocks/wordpress-plugin/c604f441d24865dcb609f64d5e24570332ec091a/img/block-preview/slider.png


--------------------------------------------------------------------------------
/img/block-preview/templates.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/maxi-blocks/wordpress-plugin/c604f441d24865dcb609f64d5e24570332ec091a/img/block-preview/templates.png


--------------------------------------------------------------------------------
/img/block-preview/text.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/maxi-blocks/wordpress-plugin/c604f441d24865dcb609f64d5e24570332ec091a/img/block-preview/text.png


--------------------------------------------------------------------------------
/img/block-preview/video.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/maxi-blocks/wordpress-plugin/c604f441d24865dcb609f64d5e24570332ec091a/img/block-preview/video.png


--------------------------------------------------------------------------------
/img/how-to-log-in-1.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/maxi-blocks/wordpress-plugin/c604f441d24865dcb609f64d5e24570332ec091a/img/how-to-log-in-1.png


--------------------------------------------------------------------------------
/img/how-to-log-in-2.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/maxi-blocks/wordpress-plugin/c604f441d24865dcb609f64d5e24570332ec091a/img/how-to-log-in-2.png


--------------------------------------------------------------------------------
/img/patterns-placeholder.jpeg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/maxi-blocks/wordpress-plugin/c604f441d24865dcb609f64d5e24570332ec091a/img/patterns-placeholder.jpeg


--------------------------------------------------------------------------------
/img/placeholder.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/maxi-blocks/wordpress-plugin/c604f441d24865dcb609f64d5e24570332ec091a/img/placeholder.jpg


--------------------------------------------------------------------------------
/src/blocks/accordion-maxi/components/index.js:
--------------------------------------------------------------------------------
1 | export { default as AccordionIconSettings } from './accordion-icon-control';
2 | export { default as AccordionLineControl } from './accordion-line-control';
3 | export { default as AccordionSettings } from './accordion-settings-control';
4 | export { default as AccordionTitleSettings } from './accordion-title-control';
5 | 


--------------------------------------------------------------------------------
/src/blocks/accordion-maxi/context.js:
--------------------------------------------------------------------------------
1 | /**
2 |  * WordPress dependencies
3 |  */
4 | import { createContext } from '@wordpress/element';
5 | 
6 | const AccordionContext = createContext();
7 | 
8 | export default AccordionContext;
9 | 


--------------------------------------------------------------------------------
/src/blocks/accordion-maxi/save.js:
--------------------------------------------------------------------------------
 1 | /**
 2 |  * Internal dependencies
 3 |  */
 4 | import { getMaxiBlockAttributes, MaxiBlock } from '../../components/maxi-block';
 5 | 
 6 | /**
 7 |  * Save
 8 |  */
 9 | const save = props => {
10 | 	const name = 'maxi-blocks/accordion-maxi';
11 | 
12 | 	return (
13 | 		<MaxiBlock.save
14 | 			{...getMaxiBlockAttributes({ ...props, name })}
15 | 			useInnerBlocks
16 | 		/>
17 | 	);
18 | };
19 | 
20 | export default save;
21 | 


--------------------------------------------------------------------------------
/src/blocks/accordion-maxi/style.scss:
--------------------------------------------------------------------------------
1 | .maxi-accordion-block {
2 | 	display: flex;
3 | 	flex-direction: column;
4 | }
5 | 


--------------------------------------------------------------------------------
/src/blocks/column-maxi/components/index.js:
--------------------------------------------------------------------------------
1 | // eslint-disable-next-line import/prefer-default-export
2 | export { default as ColumnSizeControl } from './column-size-control';
3 | 


--------------------------------------------------------------------------------
/src/blocks/column-maxi/save.js:
--------------------------------------------------------------------------------
 1 | /**
 2 |  * Internal dependencies
 3 |  */
 4 | import { MaxiBlock, getMaxiBlockAttributes } from '../../components/maxi-block';
 5 | 
 6 | /**
 7 |  * Save
 8 |  */
 9 | const save = props => {
10 | 	const name = 'maxi-blocks/column-maxi';
11 | 
12 | 	return (
13 | 		<MaxiBlock.save
14 | 			{...getMaxiBlockAttributes({ ...props, name })}
15 | 			useInnerBlocks
16 | 		/>
17 | 	);
18 | };
19 | 
20 | export default save;
21 | 


--------------------------------------------------------------------------------
/src/blocks/column-maxi/style.scss:
--------------------------------------------------------------------------------
1 | body.maxi-blocks--active div.maxi-column-block {
2 | 	display: inline-flex;
3 | 	flex-direction: column;
4 | 	position: relative;
5 | 	height: auto;
6 | 	margin: 0;
7 | 	box-sizing: border-box;
8 | }
9 | 


--------------------------------------------------------------------------------
/src/blocks/container-maxi/components/index.js:
--------------------------------------------------------------------------------
1 | // eslint-disable-next-line import/prefer-default-export
2 | export { default as ShapeDividerControl } from './shape-divider-control';
3 | 


--------------------------------------------------------------------------------
/src/blocks/container-maxi/editor.scss:
--------------------------------------------------------------------------------
 1 | .maxi-container-block {
 2 | 	margin: auto;
 3 | 
 4 | 	.block-list-appender--show {
 5 | 		.block-editor-button-block-appender {
 6 | 			visibility: visible;
 7 | 			opacity: 1;
 8 | 		}
 9 | 	}
10 | 	&__container {
11 | 		width: 100%;
12 | 	}
13 | }
14 | 
15 | body.maxi-blocks--active {
16 | 	.maxi-container-block {
17 | 		&.wp-block.maxi-block.maxi-block--backend {
18 | 			margin: 0 auto;
19 | 		}
20 | 	}
21 | 	div[data-type='maxi-blocks/container-maxi'] {
22 | 		margin-block-start: 0;
23 | 	}
24 | }
25 | 


--------------------------------------------------------------------------------
/src/blocks/container-maxi/style.scss:
--------------------------------------------------------------------------------
 1 | body.maxi-blocks--active .maxi-container-block {
 2 | 	display: flex;
 3 | 	flex-direction: column;
 4 | 	position: relative;
 5 | 	margin-top: 0;
 6 | 	margin-bottom: 0;
 7 | 	padding: 0;
 8 | }
 9 | 
10 | body.maxi-blocks--active .has-global-padding {
11 | 	padding-left: 0;
12 | 	padding-right: 0;
13 | }
14 | 


--------------------------------------------------------------------------------
/src/blocks/divider-maxi/style.scss:
--------------------------------------------------------------------------------
 1 | body.maxi-blocks--active .maxi-divider-block {
 2 | 	display: flex;
 3 | 	justify-content: center;
 4 | 	width: 100%;
 5 | 
 6 | 	&--horizontal {
 7 | 		hr {
 8 | 			margin: 0.5rem 0;
 9 | 			max-width: unset;
10 | 		}
11 | 	}
12 | 	&--vertical {
13 | 		hr {
14 | 			margin: 0 0.5rem;
15 | 		}
16 | 	}
17 | 	hr {
18 | 		border: 0;
19 | 		position: relative;
20 | 		background: none;
21 | 
22 | 		&:before,
23 | 		&:after {
24 | 			content: none !important;
25 | 		}
26 | 	}
27 | }
28 | 


--------------------------------------------------------------------------------
/src/blocks/group-maxi/editor.scss:
--------------------------------------------------------------------------------
1 | .maxi-group-block {
2 | 	margin: auto;
3 | }
4 | 


--------------------------------------------------------------------------------
/src/blocks/group-maxi/style.scss:
--------------------------------------------------------------------------------
 1 | body.maxi-blocks--active .maxi-group-block {
 2 | 	display: flex;
 3 | 	flex-direction: column;
 4 | 	position: relative;
 5 | 	margin-top: 0;
 6 | 	margin-bottom: 0;
 7 | 	padding: 0;
 8 | 	box-sizing: border-box;
 9 | }
10 | 


--------------------------------------------------------------------------------
/src/blocks/image-maxi/components/index.js:
--------------------------------------------------------------------------------
1 | export { default as HoverEffectControl } from './hover-effect-control';
2 | export { default as DimensionTab } from './dimension-tab';
3 | 


--------------------------------------------------------------------------------
/src/blocks/map-maxi/components/drop-marker-alert/index.js:
--------------------------------------------------------------------------------
 1 | /**
 2 |  * WordPress dependencies
 3 |  */
 4 | import { __ } from '@wordpress/i18n';
 5 | 
 6 | const DropMarkerAlert = ({ isAddingMarker }) =>
 7 | 	isAddingMarker && (
 8 | 		<div className='maxi-map-block__alert'>
 9 | 			{__('Release to drop a marker here', 'maxi-blocks')}
10 | 		</div>
11 | 	);
12 | 
13 | export default DropMarkerAlert;
14 | 


--------------------------------------------------------------------------------
/src/blocks/map-maxi/components/index.js:
--------------------------------------------------------------------------------
1 | export { default as MapContent } from './map-content';
2 | export { default as MapControl } from './map-control';
3 | export { default as MapInteractionControl } from './map-interaction-control';
4 | export { default as MapMarkersControl } from './map-markers-control';
5 | export { default as MapPopupControl } from './map-popup-control';
6 | export { default as MapPopupTextControl } from './map-popup-text-control';
7 | 


--------------------------------------------------------------------------------
/src/blocks/number-counter-maxi/components/index.js:
--------------------------------------------------------------------------------
1 | // eslint-disable-next-line import/prefer-default-export
2 | export { default as NumberCounterControl } from './number-counter-control';
3 | 


--------------------------------------------------------------------------------
/src/blocks/number-counter-maxi/components/number-counter-control/editor.scss:
--------------------------------------------------------------------------------
 1 | .maxi-number-counter-control {
 2 | 	&__alert-warning {
 3 | 		color: #8a6d3b !important;
 4 | 		background-color: #fcf8e3;
 5 | 		border: 1px solid var(--maxi-light-yellow-1-color);
 6 | 		padding: 0.5rem;
 7 | 		margin-bottom: 8px;
 8 | 		font-size: 12px !important;
 9 | 	}
10 | 	.number-counter-control__start-end .maxi-advanced-number-control__value {
11 | 		width: 105px;
12 | 	}
13 | }
14 | 


--------------------------------------------------------------------------------
/src/blocks/row-maxi/components/index.js:
--------------------------------------------------------------------------------
1 | export { default as ColumnPattern } from './column-pattern';
2 | export { default as RowBlockTemplate } from './row-block-template';
3 | 


--------------------------------------------------------------------------------
/src/blocks/row-maxi/context.js:
--------------------------------------------------------------------------------
1 | /**
2 |  * WordPress dependencies
3 |  */
4 | import { createContext } from '@wordpress/element';
5 | 
6 | const RowContext = createContext();
7 | 
8 | export default RowContext;
9 | 


--------------------------------------------------------------------------------
/src/blocks/row-maxi/repeaterContext.js:
--------------------------------------------------------------------------------
1 | /**
2 |  * WordPress dependencies
3 |  */
4 | import { createContext } from '@wordpress/element';
5 | 
6 | const RepeaterContext = createContext();
7 | 
8 | export default RepeaterContext;
9 | 


--------------------------------------------------------------------------------
/src/blocks/row-maxi/rowContext.js:
--------------------------------------------------------------------------------
1 | /**
2 |  * WordPress dependencies
3 |  */
4 | import { createContext } from '@wordpress/element';
5 | 
6 | const RowContext = createContext();
7 | 
8 | export default RowContext;
9 | 


--------------------------------------------------------------------------------
/src/blocks/row-maxi/save.js:
--------------------------------------------------------------------------------
 1 | /**
 2 |  * Internal dependencies
 3 |  */
 4 | import { MaxiBlock, getMaxiBlockAttributes } from '../../components/maxi-block';
 5 | 
 6 | /**
 7 |  * Save
 8 |  */
 9 | const save = props => {
10 | 	const name = 'maxi-blocks/row-maxi';
11 | 
12 | 	return (
13 | 		<MaxiBlock.save
14 | 			{...getMaxiBlockAttributes({ ...props, name })}
15 | 			useInnerBlocks
16 | 		/>
17 | 	);
18 | };
19 | 
20 | export default save;
21 | 


--------------------------------------------------------------------------------
/src/blocks/row-maxi/style.scss:
--------------------------------------------------------------------------------
 1 | body.maxi-blocks--active .maxi-row-block {
 2 | 	position: relative;
 3 | 	display: flex;
 4 | 	flex-direction: row;
 5 | 	justify-content: space-between;
 6 | 
 7 | 	&:focus {
 8 | 		&:after {
 9 | 			box-shadow: none !important;
10 | 		}
11 | 	}
12 | }
13 | 


--------------------------------------------------------------------------------
/src/blocks/search-maxi/components/index.js:
--------------------------------------------------------------------------------
1 | export { default as ButtonControl } from './button-control';
2 | export { default as PlaceholderColorControl } from './placeholder-color-control';
3 | export { default as SkinControl } from './skin-control';
4 | 


--------------------------------------------------------------------------------
/src/blocks/slide-maxi/editor.scss:
--------------------------------------------------------------------------------
1 | .edit-post-visual-editor {
2 | 	.maxi-slide-block.wp-block {
3 | 		max-width: inherit;
4 | 	}
5 | }
6 | 


--------------------------------------------------------------------------------
/src/blocks/slide-maxi/save.js:
--------------------------------------------------------------------------------
 1 | /**
 2 |  * Internal dependencies
 3 |  */
 4 | import { MaxiBlock, getMaxiBlockAttributes } from '../../components/maxi-block';
 5 | 
 6 | /**
 7 |  * Save
 8 |  */
 9 | const save = props => {
10 | 	const name = 'maxi-blocks/slide-maxi';
11 | 
12 | 	return (
13 | 		<MaxiBlock.save
14 | 			{...getMaxiBlockAttributes({ ...props, name })}
15 | 			useInnerBlocks
16 | 		/>
17 | 	);
18 | };
19 | 
20 | export default save;
21 | 


--------------------------------------------------------------------------------
/src/blocks/slide-maxi/style.scss:
--------------------------------------------------------------------------------
 1 | body.maxi-blocks--active .maxi-slide-block {
 2 | 	display: inline-flex;
 3 | 	flex-direction: column;
 4 | 	flex-shrink: 0;
 5 | 	justify-content: stretch;
 6 | 	box-sizing: border-box;
 7 | 	align-items: center;
 8 | 	position: relative;
 9 | 	width: 100%;
10 | 	height: 100%;
11 | 	margin: 0;
12 | }
13 | 


--------------------------------------------------------------------------------
/src/blocks/slider-maxi/components/navigation-control/editor.scss:
--------------------------------------------------------------------------------
 1 | .maxi-icon-styles-control {
 2 | 	.maxi-tabs-control__button {
 3 | 		&--selected {
 4 | 			path {
 5 | 				fill: var(--maxi-secondary-color);
 6 | 				stroke: transparent;
 7 | 			}
 8 | 			&[aria-label='color'] {
 9 | 				path {
10 | 					&:first-child {
11 | 						fill: #f1f1f1;
12 | 					}
13 | 				}
14 | 			}
15 | 			&[aria-label='border'] {
16 | 				path {
17 | 					fill: transparent;
18 | 					stroke: var(--maxi-secondary-color);
19 | 				}
20 | 			}
21 | 		}
22 | 	}
23 | }
24 | 


--------------------------------------------------------------------------------
/src/blocks/slider-maxi/context.js:
--------------------------------------------------------------------------------
1 | /**
2 |  * WordPress dependencies
3 |  */
4 | import { createContext } from '@wordpress/element';
5 | 
6 | const SliderContext = createContext();
7 | 
8 | export default SliderContext;
9 | 


--------------------------------------------------------------------------------
/src/blocks/svg-icon-maxi/components/index.js:
--------------------------------------------------------------------------------
1 | export { default as SvgAltControl } from './svg-alt-control';
2 | export { default as SvgColorControl } from './svg-color-control';
3 | 


--------------------------------------------------------------------------------
/src/blocks/svg-icon-maxi/style.scss:
--------------------------------------------------------------------------------
 1 | body.maxi-blocks--active .maxi-svg-icon-block {
 2 | 	display: flex;
 3 | 
 4 | 	.maxi-svg-icon-block__icon {
 5 | 		display: flex;
 6 | 		z-index: 20;
 7 | 
 8 | 		svg {
 9 | 			position: relative;
10 | 			z-index: 20;
11 | 			display: block;
12 | 			width: 100%;
13 | 			margin: auto;
14 | 			height: 100%;
15 | 		}
16 | 	}
17 | 
18 | 	.maxi-background-displayer {
19 | 		z-index: 10;
20 | 	}
21 | }
22 | 


--------------------------------------------------------------------------------
/src/blocks/text-maxi/components/index.js:
--------------------------------------------------------------------------------
1 | // eslint-disable-next-line import/prefer-default-export
2 | export { default as ListOptionsControl } from './list-options-control';
3 | 


--------------------------------------------------------------------------------
/src/blocks/video-maxi/components/index.js:
--------------------------------------------------------------------------------
1 | export { default as PopupSettingsControl } from './popup-settings-control';
2 | export { default as VideoControl } from './video-control';
3 | export { default as VideoIconControl } from './video-icon-control';
4 | export { default as VideoOptionsControl } from './video-options-control';
5 | export { default as VideoOverlayControl } from './video-overlay-control';
6 | 


--------------------------------------------------------------------------------
/src/components.js:
--------------------------------------------------------------------------------
1 | export * from './components/index';
2 | 


--------------------------------------------------------------------------------
/src/components/accordion-control/AccordionItemHeading.js:
--------------------------------------------------------------------------------
 1 | const AccordionItemHeading = props => {
 2 | 	const { children, className } = props;
 3 | 
 4 | 	return (
 5 | 		<div
 6 | 			className={className}
 7 | 			data-accordion-component='AccordionItemHeading'
 8 | 		>
 9 | 			{children}
10 | 		</div>
11 | 	);
12 | };
13 | 
14 | export default AccordionItemHeading;
15 | 


--------------------------------------------------------------------------------
/src/components/accordion-control/AccordionItemPanel.js:
--------------------------------------------------------------------------------
 1 | const AccordionItemPanel = props => {
 2 | 	const { children, className, isHidden } = props;
 3 | 
 4 | 	return (
 5 | 		<div
 6 | 			className={className}
 7 | 			hidden={isHidden}
 8 | 			data-accordion-component='AccordionItemPanel'
 9 | 		>
10 | 			{!isHidden && children}
11 | 		</div>
12 | 	);
13 | };
14 | 
15 | export default AccordionItemPanel;
16 | 


--------------------------------------------------------------------------------
/src/components/advanced-number-control/utils.js:
--------------------------------------------------------------------------------
 1 | const validateNumberInput = event => {
 2 | 	if (
 3 | 		/[a-zA-Z]/.test(event.key) &&
 4 | 		event.key !== 'e' &&
 5 | 		event.key.length === 1 &&
 6 | 		!event.ctrlKey &&
 7 | 		!event.altKey &&
 8 | 		!event.metaKey
 9 | 	)
10 | 		event.preventDefault();
11 | };
12 | 
13 | export default validateNumberInput;
14 | 


--------------------------------------------------------------------------------
/src/components/alignment-control/editor.scss:
--------------------------------------------------------------------------------
1 | .maxi-alignment-control {
2 | 	.maxi-tabs-control__button--selected svg path {
3 | 		fill: var(--maxi-secondary-color);
4 | 	}
5 | }
6 | 


--------------------------------------------------------------------------------
/src/components/background-displayer/editor.scss:
--------------------------------------------------------------------------------
1 | .maxi-block .maxi-background-displayer {
2 | 	&__parallax {
3 | 		img {
4 | 			position: relative;
5 | 		}
6 | 	}
7 | }
8 | 


--------------------------------------------------------------------------------
/src/components/box-shadow-control/editor.scss:
--------------------------------------------------------------------------------
 1 | .maxi-shadow-control {
 2 | 	&__default {
 3 | 		width: 2rem;
 4 | 		height: 1rem;
 5 | 		background: #fff;
 6 | 		&__total {
 7 | 			box-shadow: 0px 0px 10px 0px #a2a2a2;
 8 | 		}
 9 | 		&__bottom {
10 | 			box-shadow: 0px 7px 15px -2px #a2a2a2;
11 | 		}
12 | 		&__solid {
13 | 			box-shadow: 2.5px 5px 0px 0px #a2a2a2;
14 | 		}
15 | 	}
16 | }
17 | 


--------------------------------------------------------------------------------
/src/components/display-control/editor.scss:
--------------------------------------------------------------------------------
 1 | .maxi-block-display-none {
 2 | 	filter: blur(1px);
 3 | 
 4 | 	&.maxi-block {
 5 | 		display: flex !important;
 6 | 	}
 7 | 
 8 | 	&.maxi-pane-block,
 9 | 	&.maxi-text-block,
10 | 	&.maxi-map-block {
11 | 		display: block !important;
12 | 	}
13 | 
14 | 	& * {
15 | 		pointer-events: none;
16 | 	}
17 | }
18 | 


--------------------------------------------------------------------------------
/src/components/dynamic-content/editor.scss:
--------------------------------------------------------------------------------
1 | body.maxi-blocks--active .maxi-dynamic-content {
2 | 	.maxi-dynamic-content__custom-delimiter .maxi-text-input {
3 | 		padding: 8px;
4 | 	}
5 | }
6 | 


--------------------------------------------------------------------------------
/src/components/flex-settings-control/utils.js:
--------------------------------------------------------------------------------
 1 | /**
 2 |  * WordPress dependencies
 3 |  */
 4 | import { __ } from '@wordpress/i18n';
 5 | 
 6 | /**
 7 |  * External dependencies
 8 |  */
 9 | import { capitalize } from 'lodash';
10 | 
11 | const getOptions = values => {
12 | 	return [
13 | 		{
14 | 			label: __('Choose', 'maxi-blocks'),
15 | 			value: '',
16 | 		},
17 | 		...values.map(value => {
18 | 			return {
19 | 				label: __(capitalize(value), 'maxi-blocks'),
20 | 				value,
21 | 			};
22 | 		}),
23 | 	];
24 | };
25 | 
26 | export default getOptions;
27 | 


--------------------------------------------------------------------------------
/src/components/font-weight-control/utils.js:
--------------------------------------------------------------------------------
 1 | import { loadFontsInEditor } from '../../extensions/text/fonts';
 2 | 
 3 | const onChangeFontWeight = (val, fontName, fontStyle) => {
 4 | 	const objFont = { [fontName]: {} };
 5 | 
 6 | 	objFont[fontName].weight = val.toString();
 7 | 	if (fontStyle) objFont[fontName].style = fontStyle;
 8 | 
 9 | 	loadFontsInEditor(objFont);
10 | };
11 | 
12 | export default onChangeFontWeight;
13 | 


--------------------------------------------------------------------------------
/src/components/full-size-control/editor.scss:
--------------------------------------------------------------------------------
1 | .maxi-full-size-control {
2 | 	.maxi-tabs-control {
3 | 		margin-left: -12px;
4 | 		margin-right: -12px;
5 | 	}
6 | }
7 | 


--------------------------------------------------------------------------------
/src/components/image-crop-control/editor.scss:
--------------------------------------------------------------------------------
 1 | .maxi-image-crop-control {
 2 | 	margin-bottom: 8px;
 3 | 	.ReactCrop__crop-selection {
 4 | 		background: transparent;
 5 | 	}
 6 | 	&__options {
 7 | 		display: flex;
 8 | 		margin: 10px 0;
 9 | 		label {
10 | 			width: 20%;
11 | 			margin-right: 5px;
12 | 			&:last-child {
13 | 				margin-right: 0;
14 | 			}
15 | 			input[type='number'] {
16 | 				width: 100%;
17 | 			}
18 | 		}
19 | 	}
20 | }
21 | 


--------------------------------------------------------------------------------
/src/components/inspector-tabs/repeater-info-box/editor.scss:
--------------------------------------------------------------------------------
 1 | .maxi-repeater-info-box {
 2 | 	background: #7a00df;
 3 | 	color: rgb(var(--maxi-light-color-2)) !important;
 4 | 
 5 | 	a {
 6 | 		&,
 7 | 		&:hover {
 8 | 			color: rgb(var(--maxi-light-color-2)) !important;
 9 | 		}
10 | 	}
11 | }
12 | 


--------------------------------------------------------------------------------
/src/components/maxi-block/disabledMaxiBlock.js:
--------------------------------------------------------------------------------
 1 | /**
 2 |  * WordPress dependencies
 3 |  */
 4 | import { __ } from '@wordpress/i18n';
 5 | 
 6 | const DisabledMaxiBlock = () => (
 7 | 	<div className='maxi-block__disabled'>
 8 | 		<p>
 9 | 			{__(
10 | 				'To edit this block please use a desktop browser',
11 | 				'maxi-blocks'
12 | 			)}
13 | 		</p>
14 | 	</div>
15 | );
16 | 
17 | export default DisabledMaxiBlock;
18 | 


--------------------------------------------------------------------------------
/src/components/maxi-block/editor.scss:
--------------------------------------------------------------------------------
 1 | .maxi-block {
 2 | 	&.maxi-block--backend {
 3 | 		&.maxi-block--is-drag-over:before {
 4 | 			content: '';
 5 | 			position: absolute;
 6 | 			width: 100%;
 7 | 			height: 100%;
 8 | 			box-shadow: 0px 0px 5px 5px rgba(241, 239, 238, 0.75);
 9 | 		}
10 | 	}
11 | }
12 | 


--------------------------------------------------------------------------------
/src/components/maxi-block/index.js:
--------------------------------------------------------------------------------
1 | export { default as MaxiBlock } from './maxiBlock';
2 | export { default as getMaxiBlockAttributes } from './getMaxiBlockAttributes';
3 | 


--------------------------------------------------------------------------------
/src/components/maxi-popover-button/editor.scss:
--------------------------------------------------------------------------------
 1 | body.maxi-blocks--active .components-popover.maxi-popover-button {
 2 | 	.components-popover__content {
 3 | 		margin: auto;
 4 | 		overflow: hidden;
 5 | 		transform: translateY(100%);
 6 | 	}
 7 | 
 8 | 	&--open {
 9 | 		z-index: -1;
10 | 	}
11 | 
12 | 	&--hidden {
13 | 		display: none;
14 | 	}
15 | }
16 | 


--------------------------------------------------------------------------------
/src/components/motion-preview/editor.scss:
--------------------------------------------------------------------------------
1 | .maxi-motion-preview {
2 | 	z-index: 1;
3 | }
4 | 


--------------------------------------------------------------------------------
/src/components/relation-control/editor.scss:
--------------------------------------------------------------------------------
 1 | .maxi-relation-control {
 2 | 	&__button {
 3 | 		display: flex;
 4 | 		width: 100%;
 5 | 		justify-content: center;
 6 | 		margin-bottom: 10px;
 7 | 	}
 8 | 	&__block-access {
 9 | 		margin-bottom: 10px;
10 | 	}
11 | 	.maxi-list-item-control__title__wrapper {
12 | 		overflow: hidden;
13 | 		max-width: 190px;
14 | 		text-overflow: ellipsis;
15 | 		white-space: nowrap;
16 | 	}
17 | }
18 | 


--------------------------------------------------------------------------------
/src/components/shape-divider/style.scss:
--------------------------------------------------------------------------------
 1 | .maxi-shape-divider {
 2 | 	position: relative;
 3 | 	z-index: 1;
 4 | 	transition: all 1s;
 5 | 	overflow: hidden;
 6 | 
 7 | 	svg {
 8 | 		width: 100%;
 9 | 		height: 100%;
10 | 	}
11 | 
12 | 	&__bottom {
13 | 		margin-top: auto;
14 | 	}
15 | }
16 | 


--------------------------------------------------------------------------------
/src/components/spinner/index.js:
--------------------------------------------------------------------------------
 1 | /**
 2 |  * External dependencies
 3 |  */
 4 | import classnames from 'classnames';
 5 | 
 6 | /**
 7 |  * Styles
 8 |  */
 9 | import './editor.scss';
10 | 
11 | const Spinner = ({ className }) => {
12 | 	const classes = classnames('maxi-spinner', className);
13 | 
14 | 	return <span className={classes} />;
15 | };
16 | 
17 | export default Spinner;
18 | 


--------------------------------------------------------------------------------
/src/components/text-input/editor.scss:
--------------------------------------------------------------------------------
 1 | body.maxi-blocks--active {
 2 | 	.maxi-text-input {
 3 | 		border: none;
 4 | 		border-radius: 0;
 5 | 		outline: none;
 6 | 		padding: 0;
 7 | 		margin: 0;
 8 | 		width: 100%;
 9 | 		background-color: transparent;
10 | 
11 | 		&:focus {
12 | 			border: none;
13 | 			outline: none;
14 | 			box-shadow: none;
15 | 		}
16 | 
17 | 		&::placeholder {
18 | 			color: var(--maxi-grey-7-color);
19 | 		}
20 | 	}
21 | }
22 | 


--------------------------------------------------------------------------------
/src/components/text-shadow-control/editor.scss:
--------------------------------------------------------------------------------
 1 | .maxi-textshadow-control {
 2 | 	&__default {
 3 | 		&__total {
 4 | 			text-shadow: 0px 0px 5px #a2a2a2;
 5 | 		}
 6 | 		&__bottom {
 7 | 			text-shadow: 5px 0px 3px #a2a2a2;
 8 | 		}
 9 | 		&__solid {
10 | 			text-shadow: 2px 4px 0px #a2a2a2;
11 | 		}
12 | 	}
13 | }
14 | 


--------------------------------------------------------------------------------
/src/components/toolbar/components/background-color/editor.scss:
--------------------------------------------------------------------------------
 1 | .toolbar-item__background {
 2 | 	&__popover {
 3 | 		min-width: 279px;
 4 | 		.maxi-color-control__wrap{
 5 | 			display: block;
 6 | 		}
 7 | 	}
 8 | 
 9 | 	&-content {
10 | 		.components-color-picker__swatch {
11 | 			background-image: unset;
12 | 		}
13 | 	}
14 | }
15 | 


--------------------------------------------------------------------------------
/src/components/toolbar/components/column-size/editor.scss:
--------------------------------------------------------------------------------
1 | .toolbar-item__column-size__popover {
2 | 	min-width: 300px;
3 | }
4 | 


--------------------------------------------------------------------------------
/src/components/toolbar/components/columns-handlers/editor.scss:
--------------------------------------------------------------------------------
 1 | .toolbar-item__columns-handler {
 2 | 	&[aria-pressed='true'] {
 3 | 		svg {
 4 | 			ellipse,
 5 | 			path {
 6 | 				fill: var(--maxi-primary-color) !important;
 7 | 			}
 8 | 		}
 9 | 	}
10 | }
11 | 


--------------------------------------------------------------------------------
/src/components/toolbar/components/divider-alignment/editor.scss:
--------------------------------------------------------------------------------
 1 | .toolbar-item__popover {
 2 | 	.toolbar-item__divider-alignment__popover {
 3 | 		min-width: 270px;
 4 | 	}
 5 | 
 6 | 	.maxi-alignment-control {
 7 | 		.maxi-tabs-control__button {
 8 | 			border: 1px solid #dbdde6;
 9 | 		}
10 | 
11 | 		.maxi-tabs-control {
12 | 			margin-bottom: 0;
13 | 		}
14 | 	}
15 | }
16 | 


--------------------------------------------------------------------------------
/src/components/toolbar/components/divider-color/editor.scss:
--------------------------------------------------------------------------------
 1 | .toolbar-item__divider-color__popover {
 2 | 	min-width: 300px;
 3 | 	.maxi-opacity-control {
 4 | 		line-height: 100%;
 5 | 	}
 6 | 	.maxi-advanced-number-control__value {
 7 | 		flex: 1 !important;
 8 | 	}
 9 | 	.maxi-color-control {
10 | 		& > .components-maxi-control__reset-button {
11 | 			display: none;
12 | 		}
13 | 	}
14 | }
15 | 


--------------------------------------------------------------------------------
/src/components/toolbar/components/help/editor.scss:
--------------------------------------------------------------------------------
 1 | .toolbar-item {
 2 | 	&__help {
 3 | 		width: auto !important;
 4 | 
 5 | 		.components-button {
 6 | 			padding-left: 8px !important;
 7 | 			padding-right: 8px !important;
 8 | 		}
 9 | 	}
10 | }
11 | 


--------------------------------------------------------------------------------
/src/components/toolbar/components/icon-background/editor.scss:
--------------------------------------------------------------------------------
 1 | .toolbar-item__icon-background__popover {
 2 | 	min-width: 300px;
 3 | 
 4 | 	&__warning {
 5 | 		text-align: left;
 6 | 		font-style: italic;
 7 | 		margin-bottom: 8px;
 8 | 		margin-top: 0;
 9 | 		border-left: 2px solid #ff4a17;
10 | 		padding: 4px 0 4px 9px;
11 | 		border-radius: 0;
12 | 		color: #151617;
13 | 	}
14 | }
15 | 


--------------------------------------------------------------------------------
/src/components/toolbar/components/icon-color/editor.scss:
--------------------------------------------------------------------------------
 1 | .toolbar-item__icon-color__popover {
 2 | 	min-width: 300px;
 3 | 
 4 | 	&__warning {
 5 | 		text-align: left;
 6 | 		font-style: italic;
 7 | 		margin-bottom: 8px;
 8 | 		margin-top: 0;
 9 | 		border-left: 2px solid #ff4a17;
10 | 		padding: 4px 0 4px 9px;
11 | 		border-radius: 0;
12 | 		color: #151617;
13 | 	}
14 | }
15 | 


--------------------------------------------------------------------------------
/src/components/toolbar/components/icon-position/editor.scss:
--------------------------------------------------------------------------------
1 | .toolbar-item__icon-position__popover {
2 | 	min-width: 176px;
3 | 	.maxi-base-control__label {
4 | 		margin-right: 5px;
5 | 	}
6 | }
7 | 


--------------------------------------------------------------------------------
/src/components/toolbar/components/icon-size/editor.scss:
--------------------------------------------------------------------------------
 1 | .toolbar-item__icon-size__popover {
 2 | 	min-width: 216px;
 3 | 	.maxi-advanced-number-control__value {
 4 | 		&[type='number'] {
 5 | 			flex: 1;
 6 | 			width: 64px;
 7 | 		}
 8 | 	}
 9 | }
10 | 


--------------------------------------------------------------------------------
/src/components/toolbar/components/link/editor.scss:
--------------------------------------------------------------------------------
1 | .toolbar-item__link {
2 | 	& > div {
3 | 		display: block;
4 | 		width: 100%;
5 | 		height: 100%;
6 | 	}
7 | }
8 | 


--------------------------------------------------------------------------------
/src/components/toolbar/components/size/editor.scss:
--------------------------------------------------------------------------------
1 | .toolbar-item__size__popover {
2 | 	min-width: 230px;
3 | }
4 | 


--------------------------------------------------------------------------------
/src/components/toolbar/components/slider-settings/editor.scss:
--------------------------------------------------------------------------------
1 | .toolbar-item__size__popover {
2 | 	min-width: 230px;
3 | }
4 | 


--------------------------------------------------------------------------------
/src/components/toolbar/components/style/index.js:
--------------------------------------------------------------------------------
 1 | /**
 2 |  * Internal dependencies
 3 |  */
 4 | import Icon from '../../../icon';
 5 | 
 6 | /**
 7 |  * Icons
 8 |  */
 9 | import { toolbarStyle } from '../../../../icons';
10 | 
11 | /**
12 |  * Style
13 |  */
14 | const Style = props => {
15 | 	return (
16 | 		<div className='toolbar-item toolbar-item__style'>
17 | 			<Icon className='toolbar-item__icon' icon={toolbarStyle} />
18 | 		</div>
19 | 	);
20 | };
21 | 
22 | export default Style;
23 | 


--------------------------------------------------------------------------------
/src/components/toolbar/components/svg-color/editor.scss:
--------------------------------------------------------------------------------
1 | .toolbar-item__svg-color__popover {
2 | 	min-width: 300px;
3 | }
4 | 


--------------------------------------------------------------------------------
/src/components/toolbar/components/svg-width/editor.scss:
--------------------------------------------------------------------------------
1 | .toolbar-item__svg-size__popover {
2 | 	min-width: 300px;
3 | }
4 | 


--------------------------------------------------------------------------------
/src/components/toolbar/components/text-bold/editor.scss:
--------------------------------------------------------------------------------
1 | .toolbar-item__bold {
2 | 	&[aria-pressed='true'] {
3 | 		svg path {
4 | 			fill: #ff4a17;
5 | 		}
6 | 	}
7 | }
8 | 


--------------------------------------------------------------------------------
/src/components/toolbar/components/text-color/editor.scss:
--------------------------------------------------------------------------------
 1 | .toolbar-item__text-color__popover {
 2 | 	min-width: 300px;
 3 | }
 4 | .toolbar-item {
 5 | 	&__text-options {
 6 | 		.toolbar-item__icon {
 7 | 			path {
 8 | 				fill: #fff !important;
 9 | 				stroke: #000 !important;
10 | 				stroke-width: 0.4px;
11 | 				transform: translate(1.2px, 0.75px);
12 | 			}
13 | 		}
14 | 	}
15 | 
16 | 	&__text-color {
17 | 		& > div {
18 | 			width: 100%;
19 | 			height: 100%;
20 | 		}
21 | 	}
22 | }
23 | 


--------------------------------------------------------------------------------
/src/components/toolbar/components/text-italic/editor.scss:
--------------------------------------------------------------------------------
1 | .toolbar-item__italic {
2 | 	&[aria-pressed='true'] {
3 | 		svg path {
4 | 			fill: #ff4a17;
5 | 		}
6 | 	}
7 | }
8 | 


--------------------------------------------------------------------------------
/src/components/toolbar/components/text-level/editor.scss:
--------------------------------------------------------------------------------
 1 | .toolbar-item__popover .maxi-font-level-control {
 2 | 	margin: -8px -8px 0;
 3 | 	&__button {
 4 | 		&:hover,
 5 | 		&[aria-pressed='true'] {
 6 | 			color: var(--maxi-secondary-color);
 7 | 		}
 8 | 	}
 9 | }
10 | 


--------------------------------------------------------------------------------
/src/components/toolbar/components/toolbar-popover/toolbarContext.js:
--------------------------------------------------------------------------------
1 | /**
2 |  * WordPress dependencies
3 |  */
4 | import { createContext } from '@wordpress/element';
5 | 
6 | const ToolbarContext = createContext();
7 | 
8 | export default ToolbarContext;
9 | 


--------------------------------------------------------------------------------
/src/components/toolbar/components/vertical-align/editor.scss:
--------------------------------------------------------------------------------
1 | .toolbar-item__vertical-align__popover {
2 | 	min-width: 250px;
3 | }
4 | 


--------------------------------------------------------------------------------
/src/components/typography-control/editor.scss:
--------------------------------------------------------------------------------
 1 | .maxi-typography-control {
 2 | 	.maxi-typography-control__link-options {
 3 | 		.maxi-tabs-control__button {
 4 | 			&--selected {
 5 | 				font-weight: 700;
 6 | 			}
 7 | 		}
 8 | 	}
 9 | }
10 | 


--------------------------------------------------------------------------------
/src/css/index.js:
--------------------------------------------------------------------------------
1 | /**
2 |  * This file solves the error from common.scss that repeats the css lots of times
3 |  */
4 | 
5 | import './editor.scss';
6 | import './style.scss';
7 | 


--------------------------------------------------------------------------------
/src/editor/auth/store/actions.js:
--------------------------------------------------------------------------------
 1 | export function sendMaxiProStatus(data) {
 2 | 	return {
 3 | 		type: 'SEND_PRO_STATUS',
 4 | 		data,
 5 | 	};
 6 | }
 7 | 
 8 | export function receiveMaxiProStatus() {
 9 | 	return {
10 | 		type: 'RECEIVE_PRO_STATUS',
11 | 	};
12 | }
13 | 
14 | export function saveMaxiProStatus(data) {
15 | 	return {
16 | 		type: 'SAVE_PRO_STATUS',
17 | 		data,
18 | 	};
19 | }
20 | 


--------------------------------------------------------------------------------
/src/editor/auth/store/index.js:
--------------------------------------------------------------------------------
 1 | /**
 2 |  * WordPress dependencies
 3 |  */
 4 | import { register, createReduxStore } from '@wordpress/data';
 5 | 
 6 | /**
 7 |  * Internal dependencies
 8 |  */
 9 | import reducer from './reducer';
10 | import controls from './controls';
11 | import * as selectors from './selectors';
12 | import * as actions from './actions';
13 | import resolvers from './resolvers';
14 | 
15 | const store = createReduxStore('maxiBlocks/pro', {
16 | 	reducer,
17 | 	controls,
18 | 	selectors,
19 | 	actions,
20 | 	resolvers,
21 | });
22 | 
23 | register(store);
24 | 


--------------------------------------------------------------------------------
/src/editor/auth/store/reducer.js:
--------------------------------------------------------------------------------
 1 | /**
 2 |  * Internal dependencies
 3 |  */
 4 | import controls from './controls';
 5 | 
 6 | function reducer(state = { data: { data: 'no', name: '' } }, action) {
 7 | 	switch (action.type) {
 8 | 		case 'SEND_PRO_STATUS':
 9 | 			return {
10 | 				...state,
11 | 				data: action.data,
12 | 			};
13 | 		case 'SAVE_PRO_STATUS':
14 | 			controls.SAVE_PRO_STATUS(action.data);
15 | 
16 | 			return {
17 | 				...state,
18 | 				data: action.data,
19 | 			};
20 | 		default:
21 | 			return state;
22 | 	}
23 | }
24 | 
25 | export default reducer;
26 | 


--------------------------------------------------------------------------------
/src/editor/auth/store/resolvers.js:
--------------------------------------------------------------------------------
 1 | import { receiveMaxiProStatus, sendMaxiProStatus } from './actions';
 2 | 
 3 | const resolvers = {
 4 | 	*receiveMaxiProStatus() {
 5 | 		const maxiStatus = yield receiveMaxiProStatus();
 6 | 
 7 | 		return sendMaxiProStatus(maxiStatus);
 8 | 	},
 9 | };
10 | 
11 | export default resolvers;
12 | 


--------------------------------------------------------------------------------
/src/editor/auth/store/selectors.js:
--------------------------------------------------------------------------------
1 | // eslint-disable-next-line import/prefer-default-export
2 | export const receiveMaxiProStatus = state => {
3 | 	if (state.data) return state.data;
4 | 	return false;
5 | };
6 | 


--------------------------------------------------------------------------------
/src/editor/library/spinner.js:
--------------------------------------------------------------------------------
 1 | const LibrarySpinner = props => {
 2 | 	return (
 3 | 		<div className='spinner-wrapper'>
 4 | 			<div className='spinner' />
 5 | 		</div>
 6 | 	);
 7 | };
 8 | 
 9 | export default LibrarySpinner;
10 | 


--------------------------------------------------------------------------------
/src/extensions/DC/getACFContentByType.js:
--------------------------------------------------------------------------------
 1 | const getACFContentByType = (content, type, dcAttributes) => {
 2 | 	const { delimiterContent } = dcAttributes;
 3 | 
 4 | 	switch (type) {
 5 | 		case 'select':
 6 | 		case 'radio':
 7 | 		case 'button_group':
 8 | 			return typeof content === 'object' ? content.label : content;
 9 | 		case 'checkbox':
10 | 			return content
11 | 				.map(item => (typeof item === 'object' ? item.label : item))
12 | 				.join(`${delimiterContent} `);
13 | 		default:
14 | 			return content;
15 | 	}
16 | };
17 | 
18 | export default getACFContentByType;
19 | 


--------------------------------------------------------------------------------
/src/extensions/DC/getDCLink.js:
--------------------------------------------------------------------------------
 1 | /**
 2 |  * Internal dependencies
 3 |  */
 4 | import getDCEntity from './getDCEntity';
 5 | 
 6 | const getDCContent = async (dataRequest, clientId) => {
 7 | 	const data = await getDCEntity(dataRequest, clientId);
 8 | 
 9 | 	const contentValue = data?.link;
10 | 
11 | 	if (contentValue) return contentValue;
12 | 
13 | 	return null;
14 | };
15 | 
16 | export default getDCContent;
17 | 


--------------------------------------------------------------------------------
/src/extensions/DC/loopContext.js:
--------------------------------------------------------------------------------
1 | /**
2 |  * WordPress dependencies
3 |  */
4 | import { createContext } from '@wordpress/element';
5 | 
6 | const LoopContext = createContext();
7 | 
8 | export default LoopContext;
9 | 


--------------------------------------------------------------------------------
/src/extensions/DC/withMaxiContextLoopContext.js:
--------------------------------------------------------------------------------
 1 | import { createHigherOrderComponent, pure } from '@wordpress/compose';
 2 | import LoopContext from './loopContext';
 3 | 
 4 | const withMaxiContextLoopContext = createHigherOrderComponent(
 5 | 	WrappedComponent =>
 6 | 		pure(props => (
 7 | 			<LoopContext.Consumer>
 8 | 				{context => (
 9 | 					<WrappedComponent contextLoopContext={context} {...props} />
10 | 				)}
11 | 			</LoopContext.Consumer>
12 | 		)),
13 | 	'withMaxiContextLoopContext'
14 | );
15 | 
16 | export default withMaxiContextLoopContext;
17 | 


--------------------------------------------------------------------------------
/src/extensions/attributes/generateStyleID.js:
--------------------------------------------------------------------------------
1 | const generateStyleID = () => {
2 | 	return `maxi-${new Date().getTime()}-${Math.random()
3 | 		.toString(36)
4 | 		.substr(2, 7)}`;
5 | };
6 | 
7 | export default generateStyleID;
8 | 


--------------------------------------------------------------------------------
/src/extensions/attributes/getBlockData.js:
--------------------------------------------------------------------------------
1 | import * as blocksData from '../../blocks/data';
2 | 
3 | const getBlockData = blockName =>
4 | 	Object.values(blocksData).find(
5 | 		data => data.name === blockName.replace('maxi-blocks/', '')
6 | 	) ?? {};
7 | 
8 | export default getBlockData;
9 | 


--------------------------------------------------------------------------------
/src/extensions/attributes/getRowGapProps.js:
--------------------------------------------------------------------------------
 1 | import { getGroupAttributes } from '../styles';
 2 | 
 3 | const getRowGapProps = attributes => {
 4 | 	const response = getGroupAttributes(attributes, 'flex');
 5 | 
 6 | 	Object.keys(response).forEach(key => {
 7 | 		if (!key.includes('gap')) delete response[key];
 8 | 	});
 9 | 
10 | 	return response;
11 | };
12 | 
13 | export default getRowGapProps;
14 | 


--------------------------------------------------------------------------------
/src/extensions/attributes/uniqueIDGenerator.js:
--------------------------------------------------------------------------------
 1 | /**
 2 |  * Internal dependencies
 3 |  */
 4 | 
 5 | import { v4 as uuidv4 } from 'uuid';
 6 | 
 7 | const uniqueIDGenerator = ({ blockName }) => {
 8 | 	const name = blockName.replace('maxi-blocks/', '');
 9 | 	const uniquePart = uuidv4().split('-')[0];
10 | 	return `${name}-${uniquePart}-u`;
11 | };
12 | 
13 | export default uniqueIDGenerator;
14 | 


--------------------------------------------------------------------------------
/src/extensions/column-templates/index.js:
--------------------------------------------------------------------------------
1 | export { default as getColumnDefaultValue } from './getColumnDefaultValue';
2 | export { default as getNumCol } from './getNumCol';
3 | export { default as getTemplateObject } from './getTemplateObject';
4 | export { default as getTemplates } from './getTemplates';
5 | export { default as loadColumnsTemplate } from './loadColumnsTemplate';
6 | 


--------------------------------------------------------------------------------
/src/extensions/copy-paste/cleanInnerBlocks.js:
--------------------------------------------------------------------------------
 1 | /**
 2 |  * WordPress dependencies
 3 |  */
 4 | import { cloneBlock } from '@wordpress/blocks';
 5 | 
 6 | const cleanInnerBlocks = blocks =>
 7 | 	blocks.map(block => {
 8 | 		const newInnerBlocks = block.innerBlocks
 9 | 			? cleanInnerBlocks(block.innerBlocks)
10 | 			: [];
11 | 
12 | 		return cloneBlock(block, null, newInnerBlocks);
13 | 	});
14 | 
15 | export default cleanInnerBlocks;
16 | 


--------------------------------------------------------------------------------
/src/extensions/copy-paste/index.js:
--------------------------------------------------------------------------------
1 | export { default as cleanInnerBlocks } from './cleanInnerBlocks';
2 | export { default as excludeAttributes } from './excludeAttributes';
3 | export { default as getOrganizedAttributes } from './getOrganizedAttributes';
4 | export { default as templates } from './templates';
5 | 


--------------------------------------------------------------------------------
/src/extensions/custom-data/index.js:
--------------------------------------------------------------------------------
1 | import './store';
2 | 


--------------------------------------------------------------------------------
/src/extensions/custom-data/store/index.js:
--------------------------------------------------------------------------------
 1 | /**
 2 |  * WordPress dependencies
 3 |  */
 4 | import { createReduxStore, register } from '@wordpress/data';
 5 | 
 6 | /**
 7 |  * Internal dependencies
 8 |  */
 9 | import reducer from './reducer';
10 | import controls from './controls';
11 | import * as selectors from './selectors';
12 | import * as actions from './actions';
13 | 
14 | const store = createReduxStore('maxiBlocks/customData', {
15 | 	reducer,
16 | 	controls,
17 | 	selectors,
18 | 	actions,
19 | });
20 | 
21 | register(store);
22 | 


--------------------------------------------------------------------------------
/src/extensions/custom-data/store/selectors.js:
--------------------------------------------------------------------------------
 1 | /**
 2 |  * Returns post customData.
 3 |  *
 4 |  * @param {Object} state Data state.
 5 |  *
 6 |  * @return {Array} Format types.
 7 |  */
 8 | // eslint-disable-next-line import/prefer-default-export
 9 | export const getPostCustomData = state => {
10 | 	if (state.customData) return state.customData;
11 | 	return state;
12 | };
13 | 


--------------------------------------------------------------------------------
/src/extensions/dom/getBoundaryElement.js:
--------------------------------------------------------------------------------
 1 | /**
 2 |  * WordPress dependencies
 3 |  */
 4 | import { getScrollContainer } from '@wordpress/dom';
 5 | 
 6 | const getBoundaryElement = (node, className) =>
 7 | 	className
 8 | 		? document.defaultView.frameElement?.querySelector(className) ||
 9 | 		  getScrollContainer(node)?.querySelector(className) ||
10 | 		  document.body?.querySelector(className)
11 | 		: document.defaultView.frameElement ||
12 | 		  getScrollContainer(node) ||
13 | 		  document.body;
14 | 
15 | export default getBoundaryElement;
16 | 


--------------------------------------------------------------------------------
/src/extensions/dom/getEditorWrapper.js:
--------------------------------------------------------------------------------
 1 | const getEditorWrapper = () => {
 2 | 	const iframe = document
 3 | 		.querySelector('iframe[name="editor-canvas"]')
 4 | 		?.contentDocument.querySelector('.editor-styles-wrapper');
 5 | 	if (iframe) {
 6 | 		return iframe;
 7 | 	}
 8 | 
 9 | 	return document.querySelector('.editor-styles-wrapper');
10 | };
11 | 
12 | export default getEditorWrapper;
13 | 


--------------------------------------------------------------------------------
/src/extensions/dom/getViewPortUnitsSize.js:
--------------------------------------------------------------------------------
 1 | import { select } from '@wordpress/data';
 2 | 
 3 | const getVwSize = breakpoint => {
 4 | 	const xxlSize = select('maxiBlocks').receiveXXLSize();
 5 | 
 6 | 	return (
 7 | 		(breakpoint === 'xxl'
 8 | 			? xxlSize
 9 | 			: select('maxiBlocks').receiveMaxiBreakpoints()[breakpoint]) * 0.01
10 | 	);
11 | };
12 | 
13 | export default getVwSize;
14 | 


--------------------------------------------------------------------------------
/src/extensions/dom/index.js:
--------------------------------------------------------------------------------
1 | import './dom';
2 | 
3 | export { default as getBoundaryElement } from './getBoundaryElement';
4 | export { default as getEditorWrapper } from './getEditorWrapper';
5 | export { default as getVwSize } from './getViewPortUnitsSize';
6 | export { default as openSidebar } from './openSidebar';
7 | 


--------------------------------------------------------------------------------
/src/extensions/dom/test/getWinBreakpoint.js:
--------------------------------------------------------------------------------
 1 | import getWinBreakpoint from '../getWinBreakpoint';
 2 | 
 3 | describe('getWinBreakpoint', () => {
 4 | 	it('Returns the correct breakpoint', () => {
 5 | 		expect(getWinBreakpoint(1025)).toBe('l');
 6 | 		expect(getWinBreakpoint(1024)).toBe('m');
 7 | 		expect(getWinBreakpoint(767)).toBe('s');
 8 | 		expect(getWinBreakpoint(480)).toBe('xs');
 9 | 	});
10 | });
11 | 


--------------------------------------------------------------------------------
/src/extensions/fse/createTemplatePartId.js:
--------------------------------------------------------------------------------
1 | const createTemplatePartId = (theme, slug) => {
2 | 	return theme && slug ? `${theme}//${slug}` : null;
3 | };
4 | 
5 | export default createTemplatePartId;
6 | 


--------------------------------------------------------------------------------
/src/extensions/fse/getIsSiteEditor.js:
--------------------------------------------------------------------------------
1 | /**
2 |  * WordPress dependencies
3 |  */
4 | import { select } from '@wordpress/data';
5 | 
6 | const getIsSiteEditor = () => !!select('core/edit-site');
7 | 
8 | export default getIsSiteEditor;
9 | 


--------------------------------------------------------------------------------
/src/extensions/fse/getIsTemplatePart.js:
--------------------------------------------------------------------------------
 1 | /**
 2 |  * WordPress dependencies
 3 |  */
 4 | import { select } from '@wordpress/data';
 5 | 
 6 | /**
 7 |  * Internal dependencies
 8 |  */
 9 | import getIsSiteEditor from './getIsSiteEditor';
10 | 
11 | /**
12 |  * @returns {boolean} True if we are on the FSE template part editor.
13 |  */
14 | const getIsTemplatePart = () =>
15 | 	getIsSiteEditor() &&
16 | 	select('core/edit-site').getEditedPostType() === 'wp_template_part';
17 | 
18 | export default getIsTemplatePart;
19 | 


--------------------------------------------------------------------------------
/src/extensions/fse/getIsTemplatesListOpened.js:
--------------------------------------------------------------------------------
 1 | /**
 2 |  * Internal dependencies
 3 |  */
 4 | import getIsSiteEditor from './getIsSiteEditor';
 5 | import getSiteEditorIframeBody from './getSiteEditorIframeBody';
 6 | 
 7 | const getIsTemplatesListOpened = () =>
 8 | 	getIsSiteEditor() && !getSiteEditorIframeBody();
 9 | 
10 | export default getIsTemplatesListOpened;
11 | 


--------------------------------------------------------------------------------
/src/extensions/fse/getSiteEditorIframe.js:
--------------------------------------------------------------------------------
1 | const getSiteEditorIframe = () =>
2 | 	document.querySelector(
3 | 		'.edit-site-visual-editor .components-resizable-box__container iframe[name="editor-canvas"].edit-site-visual-editor__editor-canvas'
4 | 	)?.contentDocument;
5 | 
6 | export default getSiteEditorIframe;
7 | 


--------------------------------------------------------------------------------
/src/extensions/fse/getSiteEditorIframeBody.js:
--------------------------------------------------------------------------------
1 | import getSiteEditorIframe from './getSiteEditorIframe';
2 | 
3 | const getSiteEditorIframeBody = () =>
4 | 	getSiteEditorIframe()?.querySelector('.editor-styles-wrapper');
5 | 
6 | export default getSiteEditorIframeBody;
7 | 


--------------------------------------------------------------------------------
/src/extensions/fse/getTemplatePartChooseList.js:
--------------------------------------------------------------------------------
1 | const getTemplatePartChooseList = () =>
2 | 	document.querySelector(
3 | 		'.block-editor-block-patterns-list[aria-label="Block Patterns"]'
4 | 	);
5 | 
6 | export default getTemplatePartChooseList;
7 | 


--------------------------------------------------------------------------------
/src/extensions/index.js:
--------------------------------------------------------------------------------
 1 | import './store';
 2 | import './attributes';
 3 | import './custom-data';
 4 | import './dom';
 5 | import './save';
 6 | import './styles';
 7 | import './text';
 8 | import './video';
 9 | import './style-cards';
10 | import './column-templates';
11 | import './svg';
12 | import './indicators';
13 | 


--------------------------------------------------------------------------------
/src/extensions/indicators/index.js:
--------------------------------------------------------------------------------
1 | export { default as getIsActiveTab } from './getIsActiveTab';
2 | export { default as getPropsFromChildren } from './getPropsFromChildren';
3 | export { getMaxiAttrsFromChildren } from './getPropsFromChildren';
4 | 


--------------------------------------------------------------------------------
/src/extensions/inspector/index.js:
--------------------------------------------------------------------------------
1 | export * from './inspectorPath';
2 | 
3 | export { default as withMaxiInspector } from './withMaxiInspector';
4 | 


--------------------------------------------------------------------------------
/src/extensions/maxi-block/getIsHoverPreview.js:
--------------------------------------------------------------------------------
 1 | /**
 2 |  * Returns if the block is in the preview iframe (for example on hover in block inserter)
 3 |  *
 4 |  * @param {*} blockEl
 5 |  * @returns {boolean}
 6 |  */
 7 | const getIsHoverPreview = () =>
 8 | 	document.querySelector('.block-editor-block-preview__container');
 9 | 
10 | export default getIsHoverPreview;
11 | 


--------------------------------------------------------------------------------
/src/extensions/maxi-block/store/index.js:
--------------------------------------------------------------------------------
 1 | /**
 2 |  * WordPress dependencies
 3 |  */
 4 | import { createReduxStore, register } from '@wordpress/data';
 5 | 
 6 | /**
 7 |  * Internal dependencies
 8 |  */
 9 | import reducer from './reducer';
10 | import actions from './actions';
11 | import selectors from './selectors';
12 | 
13 | /**
14 |  * Register Store
15 |  */
16 | const store = createReduxStore('maxiBlocks/blocks', {
17 | 	reducer,
18 | 	actions,
19 | 	selectors,
20 | });
21 | 
22 | register(store);
23 | 


--------------------------------------------------------------------------------
/src/extensions/relations/getHoverStatus.js:
--------------------------------------------------------------------------------
 1 | /**
 2 |  * External dependencies
 3 |  */
 4 | import { isFunction } from 'lodash';
 5 | 
 6 | const getHoverStatus = (hoverProp, blockAttributes, relationAttributes) =>
 7 | 	isFunction(hoverProp)
 8 | 		? hoverProp(blockAttributes, relationAttributes)
 9 | 		: blockAttributes[hoverProp];
10 | 
11 | export default getHoverStatus;
12 | 


--------------------------------------------------------------------------------
/src/extensions/relations/index.js:
--------------------------------------------------------------------------------
1 | export { default as getAdvancedSettings } from './getAdvancedSettings';
2 | export { default as getCanvasSettings } from './getCanvasSettings';
3 | export { default as getHoverStatus } from './getHoverStatus';
4 | import './store';
5 | 


--------------------------------------------------------------------------------
/src/extensions/relations/store/index.js:
--------------------------------------------------------------------------------
 1 | /**
 2 |  * WordPress dependencies
 3 |  */
 4 | import { createReduxStore, register } from '@wordpress/data';
 5 | 
 6 | /**
 7 |  * Internal dependencies
 8 |  */
 9 | import reducer from './reducer';
10 | import actions from './actions';
11 | import selectors from './selectors';
12 | 
13 | /**
14 |  * Register Store
15 |  */
16 | 
17 | const store = createReduxStore('maxiBlocks/relations', {
18 | 	reducer,
19 | 	actions,
20 | 	selectors,
21 | });
22 | 
23 | register(store);
24 | 


--------------------------------------------------------------------------------
/src/extensions/relations/utils.js:
--------------------------------------------------------------------------------
 1 | /**
 2 |  * Internal dependencies
 3 |  */
 4 | import getIBOptionsFromBlockData from './getIBOptionsFromBlockData';
 5 | 
 6 | // eslint-disable-next-line import/prefer-default-export
 7 | export const getSelectedIBSettings = (clientId, value) =>
 8 | 	Object.values(getIBOptionsFromBlockData(clientId))
 9 | 		.flat()
10 | 		.find(option => option.sid === value);
11 | 


--------------------------------------------------------------------------------
/src/extensions/repeater/disallowedBlocks.js:
--------------------------------------------------------------------------------
1 | const DISALLOWED_BLOCKS = [
2 | 	'maxi-blocks/slider-maxi',
3 | 	'maxi-blocks/accordion-maxi',
4 | 	'maxi-blocks/map-maxi',
5 | 	'maxi-blocks/search-maxi',
6 | ];
7 | 
8 | export default DISALLOWED_BLOCKS;
9 | 


--------------------------------------------------------------------------------
/src/extensions/repeater/updateNCLimits.js:
--------------------------------------------------------------------------------
 1 | const updateNCLimits = (updatedAttributes, blockAttributes) => {
 2 | 	if (
 3 | 		'number-counter-circle-status' in updatedAttributes &&
 4 | 		updatedAttributes['number-counter-circle-status'] === false
 5 | 	) {
 6 | 		['number-counter-start', 'number-counter-end'].forEach(key => {
 7 | 			if (blockAttributes[key] > 100) {
 8 | 				updatedAttributes[key] = key.includes('start') ? 0 : 100;
 9 | 			}
10 | 		});
11 | 	}
12 | };
13 | 
14 | export default updateNCLimits;
15 | 


--------------------------------------------------------------------------------
/src/extensions/style-cards/getDefaultSCValue.js:
--------------------------------------------------------------------------------
 1 | const getDefaultSCValue = ({ target, SC: rawSC, SCStyle, groupAttr }) => {
 2 | 	const SC = rawSC[SCStyle]?.defaultStyleCard || rawSC.defaultStyleCard;
 3 | 
 4 | 	if (groupAttr && SC[groupAttr]) return SC[groupAttr][target];
 5 | 
 6 | 	return Object.values(SC).filter(group => {
 7 | 		if (group[target]) return group[target];
 8 | 
 9 | 		return false;
10 | 	})[0];
11 | };
12 | 
13 | export default getDefaultSCValue;
14 | 


--------------------------------------------------------------------------------
/src/extensions/style-cards/index.js:
--------------------------------------------------------------------------------
1 | import './store';
2 | 
3 | export { default as getActiveStyleCard } from './getActiveStyleCard';
4 | export { default as getDefaultSCValue } from './getDefaultSCValue';
5 | export { default as getPaletteColor } from './getPaletteColor';
6 | export { default as getTypographyFromSC } from './getTypographyFromSC';
7 | export { default as updateSCOnEditor } from './updateSCOnEditor';
8 | 


--------------------------------------------------------------------------------
/src/extensions/styles/custom-css/index.js:
--------------------------------------------------------------------------------
1 | export { default as createSelectors } from './createSelectors';
2 | 


--------------------------------------------------------------------------------
/src/extensions/styles/custom-css/test/createSelectors.js:
--------------------------------------------------------------------------------
 1 | import createSelectors from '../createSelectors';
 2 | 
 3 | describe('createSelectors', () => {
 4 | 	const selectors = {
 5 | 		canvas: '',
 6 | 		button: 'buttonClassName',
 7 | 	};
 8 | 
 9 | 	it('Should create selectors', () => {
10 | 		expect(createSelectors(selectors)).toMatchSnapshot();
11 | 	});
12 | 
13 | 	it('Should create selectors without pseudo elements', () => {
14 | 		expect(createSelectors(selectors, false)).toMatchSnapshot();
15 | 	});
16 | });
17 | 


--------------------------------------------------------------------------------
/src/extensions/styles/defaults/accordion.js:
--------------------------------------------------------------------------------
 1 | const accordion = {
 2 | 	accordionLayout: { type: 'string', default: 'simple' },
 3 | 	autoPaneClose: { type: 'boolean', default: true },
 4 | 	isCollapsible: {
 5 | 		type: 'boolean',
 6 | 		default: true,
 7 | 	},
 8 | 	animationDuration: {
 9 | 		type: 'number',
10 | 		default: 0.3,
11 | 	},
12 | };
13 | 
14 | export default accordion;
15 | 


--------------------------------------------------------------------------------
/src/extensions/styles/defaults/alignment.js:
--------------------------------------------------------------------------------
 1 | import breakpointAttributesCreator from '../breakpointAttributesCreator';
 2 | 
 3 | const alignment = breakpointAttributesCreator({
 4 | 	obj: {
 5 | 		alignment: {
 6 | 			type: 'string',
 7 | 			default: 'center',
 8 | 		},
 9 | 	},
10 | });
11 | 
12 | export default alignment;
13 | 


--------------------------------------------------------------------------------
/src/extensions/styles/defaults/boxShadowActive.js:
--------------------------------------------------------------------------------
 1 | import prefixAttributesCreator from '../prefixAttributesCreator';
 2 | import boxShadow from './boxShadow';
 3 | 
 4 | const prefix = 'active-';
 5 | 
 6 | const boxShadowActive = prefixAttributesCreator({
 7 | 	obj: boxShadow,
 8 | 	diffValAttr: { [`${prefix}box-shadow-palette-color-general`]: 6 },
 9 | 	newAttr: {
10 | 		'box-shadow-status-active': {
11 | 			type: 'boolean',
12 | 			default: false,
13 | 		},
14 | 	},
15 | 	prefix,
16 | });
17 | 
18 | export default boxShadowActive;
19 | 


--------------------------------------------------------------------------------
/src/extensions/styles/defaults/boxShadowHover.js:
--------------------------------------------------------------------------------
 1 | import hoverAttributesCreator from '../hoverAttributesCreator';
 2 | import boxShadow from './boxShadow';
 3 | 
 4 | const boxShadowHover = hoverAttributesCreator({
 5 | 	obj: boxShadow,
 6 | 	diffValAttr: { 'box-shadow-palette-color-general': 6 },
 7 | 	newAttr: {
 8 | 		'box-shadow-status-hover': {
 9 | 			type: 'boolean',
10 | 			default: false,
11 | 		},
12 | 	},
13 | });
14 | 
15 | export default boxShadowHover;
16 | 


--------------------------------------------------------------------------------
/src/extensions/styles/defaults/breakpoints.js:
--------------------------------------------------------------------------------
 1 | import breakpointAttributesCreator from '../breakpointAttributesCreator';
 2 | 
 3 | const breakpoints = breakpointAttributesCreator({
 4 | 	obj: {
 5 | 		breakpoints: {
 6 | 			type: 'number',
 7 | 		},
 8 | 	},
 9 | });
10 | 
11 | export default breakpoints;
12 | 


--------------------------------------------------------------------------------
/src/extensions/styles/defaults/clipPath.js:
--------------------------------------------------------------------------------
 1 | import breakpointAttributesCreator from '../breakpointAttributesCreator';
 2 | 
 3 | export const clipPathRaw = {
 4 | 	'clip-path': {
 5 | 		type: 'string',
 6 | 		default: 'none',
 7 | 	},
 8 | 	'clip-path-status': {
 9 | 		type: 'boolean',
10 | 		default: false,
11 | 	},
12 | };
13 | 
14 | const clipPath = {
15 | 	...breakpointAttributesCreator({
16 | 		obj: clipPathRaw,
17 | 	}),
18 | 	'clip-path-status-hover': {
19 | 		type: 'boolean',
20 | 		default: false,
21 | 	},
22 | };
23 | 
24 | export default clipPath;
25 | 


--------------------------------------------------------------------------------
/src/extensions/styles/defaults/clipPathHover.js:
--------------------------------------------------------------------------------
 1 | import hoverAttributesCreator from '../hoverAttributesCreator';
 2 | import clipPath from './clipPath';
 3 | 
 4 | const clipPathHover = hoverAttributesCreator({
 5 | 	obj: clipPath,
 6 | 	sameValAttr: ['general', 'xxl', 'xl', 'l', 'm', 's', 'xs'].map(
 7 | 		breakpoint => `clip-path-status-${breakpoint}`
 8 | 	),
 9 | });
10 | 
11 | export default clipPathHover;
12 | 


--------------------------------------------------------------------------------
/src/extensions/styles/defaults/columnSize.js:
--------------------------------------------------------------------------------
 1 | import breakpointAttributesCreator from '../breakpointAttributesCreator';
 2 | 
 3 | const columnSize = breakpointAttributesCreator({
 4 | 	obj: {
 5 | 		'column-size': {
 6 | 			type: 'number',
 7 | 			default: 90,
 8 | 		},
 9 | 		'column-fit-content': {
10 | 			type: 'boolean',
11 | 		},
12 | 	},
13 | });
14 | 
15 | export default columnSize;
16 | 


--------------------------------------------------------------------------------
/src/extensions/styles/defaults/contextLoop.js:
--------------------------------------------------------------------------------
 1 | const contextLoop = {
 2 | 	'cl-status': {
 3 | 		type: 'boolean',
 4 | 	},
 5 | 	'cl-type': {
 6 | 		type: 'string',
 7 | 	},
 8 | 	'cl-relation': {
 9 | 		type: 'string',
10 | 	},
11 | 	'cl-id': {
12 | 		type: 'number',
13 | 	},
14 | 	'cl-author': {
15 | 		type: 'number',
16 | 	},
17 | 	'cl-order-by': {
18 | 		type: 'string',
19 | 	},
20 | 	'cl-order': {
21 | 		type: 'string',
22 | 	},
23 | 	'cl-accumulator': {
24 | 		type: 'number',
25 | 	},
26 | };
27 | 
28 | export default contextLoop;
29 | 


--------------------------------------------------------------------------------
/src/extensions/styles/defaults/customCss.js:
--------------------------------------------------------------------------------
 1 | import breakpointAttributesCreator from '../breakpointAttributesCreator';
 2 | 
 3 | const customCss = breakpointAttributesCreator({
 4 | 	obj: {
 5 | 		'custom-css': {
 6 | 			type: 'object',
 7 | 		},
 8 | 	},
 9 | });
10 | 
11 | export default customCss;
12 | 


--------------------------------------------------------------------------------
/src/extensions/styles/defaults/display.js:
--------------------------------------------------------------------------------
 1 | import breakpointAttributesCreator from '../breakpointAttributesCreator';
 2 | 
 3 | const display = breakpointAttributesCreator({
 4 | 	obj: {
 5 | 		display: {
 6 | 			type: 'string',
 7 | 		},
 8 | 	},
 9 | });
10 | 
11 | export default display;
12 | 


--------------------------------------------------------------------------------
/src/extensions/styles/defaults/displayHover.js:
--------------------------------------------------------------------------------
 1 | import hoverAttributesCreator from '../hoverAttributesCreator';
 2 | import display from './display';
 3 | 
 4 | const displayHover = hoverAttributesCreator({
 5 | 	obj: display,
 6 | 	diffValAttr: { 'box-shadow-palette-color-general': 6 },
 7 | });
 8 | 
 9 | export default displayHover;
10 | 


--------------------------------------------------------------------------------
/src/extensions/styles/defaults/dividerHover.js:
--------------------------------------------------------------------------------
1 | import hoverAttributesCreator from '../hoverAttributesCreator';
2 | import divider from './divider';
3 | 
4 | const dividerHover = hoverAttributesCreator({
5 | 	obj: divider,
6 | });
7 | 
8 | export default dividerHover;
9 | 


--------------------------------------------------------------------------------
/src/extensions/styles/defaults/imageShape.js:
--------------------------------------------------------------------------------
 1 | import breakpointAttributesCreator from '../breakpointAttributesCreator';
 2 | 
 3 | export const rawImageShape = {
 4 | 	'image-shape-scale': {
 5 | 		type: 'number',
 6 | 		default: 100,
 7 | 	},
 8 | 	'image-shape-rotate': {
 9 | 		type: 'number',
10 | 	},
11 | 	'image-shape-flip-x': {
12 | 		type: 'boolean',
13 | 	},
14 | 	'image-shape-flip-y': {
15 | 		type: 'boolean',
16 | 	},
17 | };
18 | 
19 | export const imageShape = breakpointAttributesCreator({
20 | 	obj: rawImageShape,
21 | });
22 | 


--------------------------------------------------------------------------------
/src/extensions/styles/defaults/imageShapeHover.js:
--------------------------------------------------------------------------------
1 | import hoverAttributesCreator from '../hoverAttributesCreator';
2 | import { imageShape } from './imageShape';
3 | 
4 | const imageShapeHover = hoverAttributesCreator({ obj: imageShape });
5 | export default imageShapeHover;
6 | 


--------------------------------------------------------------------------------
/src/extensions/styles/defaults/mapInteraction.js:
--------------------------------------------------------------------------------
 1 | const mapInteraction = {
 2 | 	'map-dragging': {
 3 | 		type: 'boolean',
 4 | 		default: true,
 5 | 	},
 6 | 	'map-touch-zoom': {
 7 | 		type: 'boolean',
 8 | 		default: true,
 9 | 	},
10 | 	'map-double-click-zoom': {
11 | 		type: 'boolean',
12 | 		default: true,
13 | 	},
14 | 	'map-scroll-wheel-zoom': {
15 | 		type: 'boolean',
16 | 		default: true,
17 | 	},
18 | };
19 | 
20 | export default mapInteraction;
21 | 


--------------------------------------------------------------------------------
/src/extensions/styles/defaults/mapMarker.js:
--------------------------------------------------------------------------------
 1 | import { svg } from './svg';
 2 | 
 3 | const mapMarker = {
 4 | 	...{
 5 | 		...svg,
 6 | 		'svg-width-general': {
 7 | 			type: 'string',
 8 | 			default: '20',
 9 | 		},
10 | 	},
11 | 	'map-marker': {
12 | 		type: 'number',
13 | 		default: 1,
14 | 	},
15 | 	'map-marker-icon': {
16 | 		type: 'string',
17 | 	},
18 | };
19 | 
20 | export default mapMarker;
21 | 


--------------------------------------------------------------------------------
/src/extensions/styles/defaults/opacity.js:
--------------------------------------------------------------------------------
 1 | import breakpointAttributesCreator from '../breakpointAttributesCreator';
 2 | 
 3 | const opacity = breakpointAttributesCreator({
 4 | 	obj: {
 5 | 		opacity: {
 6 | 			type: 'number',
 7 | 		},
 8 | 	},
 9 | });
10 | 
11 | export default opacity;
12 | 


--------------------------------------------------------------------------------
/src/extensions/styles/defaults/opacityHover.js:
--------------------------------------------------------------------------------
 1 | import hoverAttributesCreator from '../hoverAttributesCreator';
 2 | import opacity from './opacity';
 3 | 
 4 | const opacityHover = hoverAttributesCreator({
 5 | 	obj: opacity,
 6 | 	newAttr: {
 7 | 		'opacity-status-hover': {
 8 | 			type: 'boolean',
 9 | 			default: false,
10 | 		},
11 | 	},
12 | });
13 | 
14 | export default opacityHover;
15 | 


--------------------------------------------------------------------------------
/src/extensions/styles/defaults/overflow.js:
--------------------------------------------------------------------------------
 1 | import breakpointAttributesCreator from '../breakpointAttributesCreator';
 2 | 
 3 | const rawOverflow = {
 4 | 	'overflow-x': {
 5 | 		type: 'string',
 6 | 		default: 'visible',
 7 | 	},
 8 | 	'overflow-y': {
 9 | 		type: 'string',
10 | 		default: 'visible',
11 | 	},
12 | };
13 | 
14 | const overflow = breakpointAttributesCreator({
15 | 	obj: rawOverflow,
16 | });
17 | 
18 | export default overflow;
19 | 


--------------------------------------------------------------------------------
/src/extensions/styles/defaults/placeholderColor.js:
--------------------------------------------------------------------------------
 1 | import breakpointAttributesCreator from '../breakpointAttributesCreator';
 2 | import paletteAttributesCreator from '../paletteAttributesCreator';
 3 | 
 4 | const placeholderColor = {
 5 | 	...breakpointAttributesCreator({
 6 | 		obj: paletteAttributesCreator({ prefix: 'placeholder-', palette: 3 }),
 7 | 	}),
 8 | };
 9 | 
10 | export default placeholderColor;
11 | 


--------------------------------------------------------------------------------
/src/extensions/styles/defaults/repeater.js:
--------------------------------------------------------------------------------
1 | const repeater = {
2 | 	'repeater-status': {
3 | 		type: 'boolean',
4 | 		default: false,
5 | 	},
6 | };
7 | 
8 | export default repeater;
9 | 


--------------------------------------------------------------------------------
/src/extensions/styles/defaults/rowPattern.js:
--------------------------------------------------------------------------------
 1 | import breakpointAttributesCreator from '../breakpointAttributesCreator';
 2 | 
 3 | const rowPattern = breakpointAttributesCreator({
 4 | 	obj: {
 5 | 		'row-pattern': {
 6 | 			type: 'string',
 7 | 		},
 8 | 	},
 9 | });
10 | 
11 | export default rowPattern;
12 | 


--------------------------------------------------------------------------------
/src/extensions/styles/defaults/searchButton.js:
--------------------------------------------------------------------------------
 1 | const searchButton = {
 2 | 	buttonSkin: {
 3 | 		type: 'string',
 4 | 		default: 'icon',
 5 | 	},
 6 | 	iconRevealAction: {
 7 | 		type: 'string',
 8 | 		default: 'click',
 9 | 	},
10 | 	buttonContent: {
11 | 		type: 'string',
12 | 		default: 'Find',
13 | 	},
14 | 	buttonContentClose: {
15 | 		type: 'string',
16 | 		default: 'Close',
17 | 	},
18 | };
19 | 
20 | export default searchButton;
21 | 


--------------------------------------------------------------------------------
/src/extensions/styles/defaults/shape.js:
--------------------------------------------------------------------------------
 1 | import paletteAttributesCreator from '../paletteAttributesCreator';
 2 | 
 3 | const shape = {
 4 | 	...paletteAttributesCreator({ prefix: 'shape-fill-', palette: 4 }),
 5 | 	'shape-width': {
 6 | 		type: 'number',
 7 | 		default: 64,
 8 | 	},
 9 | 	'shape-width-unit': {
10 | 		type: 'string',
11 | 		default: 'px',
12 | 	},
13 | };
14 | 
15 | export default shape;
16 | 


--------------------------------------------------------------------------------
/src/extensions/styles/defaults/textAlignment.js:
--------------------------------------------------------------------------------
 1 | import breakpointAttributesCreator from '../breakpointAttributesCreator';
 2 | 
 3 | const textAlignment = breakpointAttributesCreator({
 4 | 	obj: {
 5 | 		'text-alignment': {
 6 | 			type: 'string',
 7 | 		},
 8 | 	},
 9 | });
10 | 
11 | export default textAlignment;
12 | 


--------------------------------------------------------------------------------
/src/extensions/styles/defaults/transition.js:
--------------------------------------------------------------------------------
 1 | const transition = {
 2 | 	transition: {
 3 | 		type: 'object',
 4 | 	},
 5 | 	'transition-change-all': {
 6 | 		type: 'boolean',
 7 | 		default: true,
 8 | 	},
 9 | };
10 | 
11 | export default transition;
12 | 


--------------------------------------------------------------------------------
/src/extensions/styles/defaults/typographyHover.js:
--------------------------------------------------------------------------------
 1 | import hoverAttributesCreator from '../hoverAttributesCreator';
 2 | import { typography } from './typography';
 3 | 
 4 | const typographyHover = hoverAttributesCreator({
 5 | 	obj: typography,
 6 | 	sameValAttr: ['palette-status-general'],
 7 | 	diffValAttr: { 'palette-color-general': 5 },
 8 | 	newAttr: {
 9 | 		'typography-status-hover': {
10 | 			type: 'boolean',
11 | 			default: false,
12 | 		},
13 | 	},
14 | });
15 | 
16 | export default typographyHover;
17 | 


--------------------------------------------------------------------------------
/src/extensions/styles/defaults/zIndex.js:
--------------------------------------------------------------------------------
 1 | import breakpointAttributesCreator from '../breakpointAttributesCreator';
 2 | 
 3 | const zIndex = breakpointAttributesCreator({
 4 | 	obj: {
 5 | 		'z-index': {
 6 | 			type: 'number',
 7 | 		},
 8 | 	},
 9 | });
10 | 
11 | export default zIndex;
12 | 


--------------------------------------------------------------------------------
/src/extensions/styles/getAttributeKey.js:
--------------------------------------------------------------------------------
 1 | const getAttributeKey = (
 2 | 	key,
 3 | 	isHover = false,
 4 | 	prefix = false,
 5 | 	breakpoint = false
 6 | ) =>
 7 | 	`${prefix || ''}${key}${breakpoint ? `-${breakpoint}` : ''}${
 8 | 		isHover ? '-hover' : ''
 9 | 	}`;
10 | 
11 | export default getAttributeKey;
12 | 


--------------------------------------------------------------------------------
/src/extensions/styles/getIconPositionClass.js:
--------------------------------------------------------------------------------
 1 | const getIconPositionClass = (position, className) => {
 2 | 	switch (position) {
 3 | 		case 'top':
 4 | 			return `${className}--icon-top`;
 5 | 		case 'bottom':
 6 | 			return `${className}--icon-bottom`;
 7 | 		case 'center':
 8 | 			return `${className}--icon-center`;
 9 | 		case 'left':
10 | 			return `${className}--icon-left`;
11 | 		case 'right':
12 | 			return `${className}--icon-right`;
13 | 		default:
14 | 			return '';
15 | 	}
16 | };
17 | 
18 | export default getIconPositionClass;
19 | 


--------------------------------------------------------------------------------
/src/extensions/styles/getIsOverflowHidden.js:
--------------------------------------------------------------------------------
 1 | /**
 2 |  * Internal dependencies
 3 |  */
 4 | 
 5 | import getLastBreakpointAttribute from './getLastBreakpointAttribute';
 6 | 
 7 | export const getIsOverflowHidden = (attributes, breakpoint) =>
 8 | 	getLastBreakpointAttribute({
 9 | 		target: 'overflow-y',
10 | 		breakpoint,
11 | 		attributes,
12 | 	}) === 'hidden' &&
13 | 	getLastBreakpointAttribute({
14 | 		target: 'overflow-x',
15 | 		breakpoint,
16 | 		attributes,
17 | 	}) === 'hidden';
18 | 
19 | export default getIsOverflowHidden;
20 | 


--------------------------------------------------------------------------------
/src/extensions/styles/helpers/getIconSize.js:
--------------------------------------------------------------------------------
 1 | /**
 2 |  * Internal dependencies
 3 |  */
 4 | import { getSVGWidthStyles } from './getSVGStyles';
 5 | 
 6 | const getIconSize = (
 7 | 	obj,
 8 | 	isHover = false,
 9 | 	prefix = '',
10 | 	iconWidthHeightRatio = 1
11 | ) =>
12 | 	getSVGWidthStyles({
13 | 		obj,
14 | 		isHover,
15 | 		prefix: `${prefix}icon-`,
16 | 		iconWidthHeightRatio,
17 | 		disableHeight: false,
18 | 	});
19 | 
20 | export default getIconSize;
21 | 


--------------------------------------------------------------------------------
/src/extensions/styles/helpers/test/__snapshots__/getBreakpoints.js.snap:
--------------------------------------------------------------------------------
 1 | // Jest Snapshot v1, https://goo.gl/fbAQLP
 2 | 
 3 | exports[`getBreakpoints Get a correct breakpoint 1`] = `
 4 | {
 5 |   "l": 1300,
 6 |   "m": 1000,
 7 |   "s": 800,
 8 |   "xl": 2000,
 9 |   "xs": 500,
10 |   "xxl": 2000,
11 | }
12 | `;
13 | 


--------------------------------------------------------------------------------
/src/extensions/styles/helpers/test/__snapshots__/getOpacityStyles.js.snap:
--------------------------------------------------------------------------------
 1 | // Jest Snapshot v1, https://goo.gl/fbAQLP
 2 | 
 3 | exports[`getOpacityStyles Get a correct opacity styles 1`] = `
 4 | {
 5 |   "general": {
 6 |     "opacity": 1,
 7 |   },
 8 |   "l": {
 9 |     "opacity": 0.95,
10 |   },
11 |   "m": {
12 |     "opacity": 0.85,
13 |   },
14 |   "s": {
15 |     "opacity": 0.66,
16 |   },
17 |   "xl": {
18 |     "opacity": 0.77,
19 |   },
20 |   "xs": {
21 |     "opacity": 0.99,
22 |   },
23 |   "xxl": {
24 |     "opacity": 0.56,
25 |   },
26 | }
27 | `;
28 | 


--------------------------------------------------------------------------------
/src/extensions/styles/helpers/test/__snapshots__/getZIndexStyles.js.snap:
--------------------------------------------------------------------------------
 1 | // Jest Snapshot v1, https://goo.gl/fbAQLP
 2 | 
 3 | exports[`getZIndexStyle Get a correct z-index style 1`] = `
 4 | {
 5 |   "general": {
 6 |     "z-index": 1,
 7 |   },
 8 |   "l": {
 9 |     "z-index": 4,
10 |   },
11 |   "m": {
12 |     "z-index": 5,
13 |   },
14 |   "s": {
15 |     "z-index": 6,
16 |   },
17 |   "xl": {
18 |     "z-index": 3,
19 |   },
20 |   "xs": {
21 |     "z-index": 7,
22 |   },
23 |   "xxl": {
24 |     "z-index": 2,
25 |   },
26 | }
27 | `;
28 | 


--------------------------------------------------------------------------------
/src/extensions/styles/helpers/test/getDisplayStyles.js:
--------------------------------------------------------------------------------
 1 | import getDisplayStyles from '../getDisplayStyles';
 2 | 
 3 | describe('getDisplayStyles', () => {
 4 | 	it('Get a correct display styles', () => {
 5 | 		const object = {
 6 | 			'display-general': 'block',
 7 | 			'display-xxl': 'block',
 8 | 			'display-xl': 'block',
 9 | 			'display-l': 'block',
10 | 			'display-m': 'flex',
11 | 			'display-s': 'flex',
12 | 			'display-xs': 'flex',
13 | 		};
14 | 
15 | 		const result = getDisplayStyles(object);
16 | 		expect(result).toMatchSnapshot();
17 | 	});
18 | });
19 | 


--------------------------------------------------------------------------------
/src/extensions/styles/helpers/test/getOpacityStyles.js:
--------------------------------------------------------------------------------
 1 | import getOpacityStyles from '../getOpacityStyles';
 2 | 
 3 | describe('getOpacityStyles', () => {
 4 | 	it('Get a correct opacity styles', () => {
 5 | 		const object = {
 6 | 			'opacity-general': 1,
 7 | 			'opacity-xxl': 0.56,
 8 | 			'opacity-xl': 0.77,
 9 | 			'opacity-l': 0.95,
10 | 			'opacity-m': 0.85,
11 | 			'opacity-s': 0.66,
12 | 			'opacity-xs': 0.99,
13 | 		};
14 | 
15 | 		const result = getOpacityStyles(object);
16 | 		expect(result).toMatchSnapshot();
17 | 	});
18 | });
19 | 


--------------------------------------------------------------------------------
/src/extensions/styles/helpers/test/getZIndexStyles.js:
--------------------------------------------------------------------------------
 1 | import getZIndexStyles from '../getZIndexStyles';
 2 | 
 3 | describe('getZIndexStyle', () => {
 4 | 	it('Get a correct z-index style', () => {
 5 | 		const object = {
 6 | 			'z-index-general': 1,
 7 | 			'z-index-xxl': 2,
 8 | 			'z-index-xl': 3,
 9 | 			'z-index-l': 4,
10 | 			'z-index-m': 5,
11 | 			'z-index-s': 6,
12 | 			'z-index-xs': 7,
13 | 		};
14 | 		const result = getZIndexStyles(object);
15 | 		expect(result).toMatchSnapshot();
16 | 	});
17 | });
18 | 


--------------------------------------------------------------------------------
/src/extensions/styles/migrators/index.js:
--------------------------------------------------------------------------------
1 | export { default as blockMigrator } from './blockMigrator';
2 | export { default as shapeDividerMigrator } from './shapeDividerMigrator';
3 | export { default as SVGTransitionMigrator } from './SVGTransitionMigrator';
4 | export { default as buttonIconTransitionMigrator } from './buttonIconTransitionMigrator';
5 | export { default as buttonAriaLabelMigrator } from './buttonAriaLabelMigrator';
6 | 


--------------------------------------------------------------------------------
/src/extensions/styles/store/index.js:
--------------------------------------------------------------------------------
 1 | /**
 2 |  * WordPress dependencies
 3 |  */
 4 | import { register, createReduxStore } from '@wordpress/data';
 5 | 
 6 | /**
 7 |  * Internal dependencies
 8 |  */
 9 | import reducer from './reducer';
10 | import controls from './controls';
11 | import * as selectors from './selectors';
12 | import * as actions from './actions';
13 | 
14 | const store = createReduxStore('maxiBlocks/styles', {
15 | 	reducer,
16 | 	controls,
17 | 	selectors,
18 | 	actions,
19 | });
20 | 
21 | register(store);
22 | 


--------------------------------------------------------------------------------
/src/extensions/styles/test/getBreakpointFromAttribute.js:
--------------------------------------------------------------------------------
 1 | import getBreakpointFromAttribute from '../getBreakpointFromAttribute';
 2 | 
 3 | describe('getBreakpointFromAttribute', () => {
 4 | 	it('Some examples', () => {
 5 | 		expect(getBreakpointFromAttribute('testing-general')).toBe('general');
 6 | 		expect(getBreakpointFromAttribute('test')).toBeFalsy();
 7 | 		expect(getBreakpointFromAttribute('test-')).toBeFalsy();
 8 | 	});
 9 | });
10 | 


--------------------------------------------------------------------------------
/src/extensions/styles/transitions/getTransitionData.js:
--------------------------------------------------------------------------------
 1 | import { getBlockData } from '../../attributes';
 2 | import getTransformTransitionData from './getTransformTransitionData';
 3 | import transitionDefault from './transitionDefault';
 4 | 
 5 | const getTransitionData = (name, selectors, attributes) => ({
 6 | 	...(getBlockData(name)?.transition || transitionDefault),
 7 | 	transform: getTransformTransitionData(selectors, attributes),
 8 | });
 9 | 
10 | export default getTransitionData;
11 | 


--------------------------------------------------------------------------------
/src/extensions/styles/transitions/setTransitionToSelectors.js:
--------------------------------------------------------------------------------
 1 | const setTransitionToSelectors = (selectors, transitionStyles) => {
 2 | 	Object.entries(selectors).forEach(([selector, styles]) => {
 3 | 		if (!selector.includes('hover'))
 4 | 			selectors[selector] = {
 5 | 				...styles,
 6 | 				transition: transitionStyles,
 7 | 			};
 8 | 	});
 9 | 
10 | 	return selectors;
11 | };
12 | 
13 | export default setTransitionToSelectors;
14 | 


--------------------------------------------------------------------------------
/src/extensions/svg/getSVGAspectRatio.js:
--------------------------------------------------------------------------------
1 | const getSVGAspectRatio = svg => {
2 | 	if (!svg || !svg.includes('preserveaspectratio')) return null;
3 | 	return svg?.split('preserveaspectratio="')?.pop()?.split('"')[0];
4 | };
5 | 
6 | export default getSVGAspectRatio;
7 | 


--------------------------------------------------------------------------------
/src/extensions/svg/getSVGHasImage.js:
--------------------------------------------------------------------------------
1 | const getSVGHasImage = svg => !!svg?.includes('maxi-svg-block__pattern');
2 | 
3 | export default getSVGHasImage;
4 | 


--------------------------------------------------------------------------------
/src/extensions/svg/getSVGPosition.js:
--------------------------------------------------------------------------------
1 | import getSVGAspectRatio from './getSVGAspectRatio';
2 | 
3 | const getSVGPosition = icon =>
4 | 	getSVGAspectRatio(icon)?.replaceAll(' meet', '').replaceAll(' slice', '');
5 | 
6 | export default getSVGPosition;
7 | 


--------------------------------------------------------------------------------
/src/extensions/svg/getSVGRatio.js:
--------------------------------------------------------------------------------
1 | import getSVGAspectRatio from './getSVGAspectRatio';
2 | 
3 | const getSVGRatio = icon =>
4 | 	getSVGAspectRatio(icon)?.includes('meet') ? 'meet' : 'slice';
5 | 
6 | export default getSVGRatio;
7 | 


--------------------------------------------------------------------------------
/src/extensions/svg/getSVGWidthHeightRatio.js:
--------------------------------------------------------------------------------
 1 | /**
 2 |  * External dependencies
 3 |  */
 4 | import { round } from 'lodash';
 5 | 
 6 | const getSVGWidthHeightRatio = svg => {
 7 | 	if (!svg) return 1;
 8 | 
 9 | 	const { width, height } = svg.getBBox();
10 | 	return round(width / height, 2);
11 | };
12 | 
13 | export default getSVGWidthHeightRatio;
14 | 


--------------------------------------------------------------------------------
/src/extensions/svg/setSVGRatio.js:
--------------------------------------------------------------------------------
1 | const setSVGRatio = (icon, value) =>
2 | 	value === 'meet'
3 | 		? icon.replaceAll(' slice', ' meet')
4 | 		: icon.replaceAll(' meet', ' slice');
5 | 
6 | export default setSVGRatio;
7 | 


--------------------------------------------------------------------------------
/src/extensions/text/fonts/index.js:
--------------------------------------------------------------------------------
1 | /* eslint-disable import/prefer-default-export */
2 | export * from './loadFonts';
3 | export * from './utils';
4 | 


--------------------------------------------------------------------------------
/src/extensions/text/formats/custom-hover/index.js:
--------------------------------------------------------------------------------
 1 | /**
 2 |  * WordPress dependencies
 3 |  */
 4 | import { __ } from '@wordpress/i18n';
 5 | 
 6 | /**
 7 |  * Text-custom-hover format
 8 |  */
 9 | const name = 'maxi-blocks/text-custom-hover';
10 | const title = __('Text custom hover', 'maxi-blocks');
11 | 
12 | const customHover = {
13 | 	name,
14 | 	title,
15 | 	tagName: 'span',
16 | 	className: 'maxi-text-block--has-custom-hover-format',
17 | 	attributes: {
18 | 		className: 'class',
19 | 	},
20 | };
21 | 
22 | export default customHover;
23 | 


--------------------------------------------------------------------------------
/src/extensions/text/formats/custom/index.js:
--------------------------------------------------------------------------------
 1 | /**
 2 |  * WordPress dependencies
 3 |  */
 4 | import { __ } from '@wordpress/i18n';
 5 | 
 6 | /**
 7 |  * Text-custom format
 8 |  */
 9 | const name = 'maxi-blocks/text-custom';
10 | const title = __('Text custom', 'maxi-blocks');
11 | 
12 | const custom = {
13 | 	name,
14 | 	title,
15 | 	tagName: 'span',
16 | 	className: 'maxi-text-block--has-custom-format',
17 | 	attributes: {
18 | 		className: 'class',
19 | 	},
20 | };
21 | 
22 | export default custom;
23 | 


--------------------------------------------------------------------------------
/src/extensions/text/formats/formats.js:
--------------------------------------------------------------------------------
1 | import link from './link';
2 | import custom from './custom';
3 | import customHover from './custom-hover';
4 | 
5 | export default [link, custom, customHover];
6 | 


--------------------------------------------------------------------------------
/src/extensions/text/formats/getCustomFormat.js:
--------------------------------------------------------------------------------
 1 | const getCustomFormat = (typography, className, isHover = false) => {
 2 | 	const customFormats =
 3 | 		typography[`custom-formats${isHover ? '-hover' : ''}`] || {};
 4 | 	const currentCustomFormat = customFormats[className] || {};
 5 | 
 6 | 	return currentCustomFormat;
 7 | };
 8 | 
 9 | export default getCustomFormat;
10 | 


--------------------------------------------------------------------------------
/src/extensions/text/formats/getFormatType.js:
--------------------------------------------------------------------------------
 1 | /**
 2 |  * Generates custom format name
 3 |  *
 4 |  * @param {boolean} isHover Is the requested typography under hover state
 5 |  *
 6 |  * @returns {string} Custom format name
 7 |  */
 8 | const getFormatType = isHover => {
 9 | 	return `maxi-blocks/text-custom${isHover ? '-hover' : ''}`;
10 | };
11 | 
12 | export default getFormatType;
13 | 


--------------------------------------------------------------------------------
/src/extensions/text/formats/getHasNativeFormat.js:
--------------------------------------------------------------------------------
 1 | const getHasNativeFormat = formatValue => {
 2 | 	const { formats, start, end } = formatValue;
 3 | 
 4 | 	return formats?.some((formatEl, i) => {
 5 | 		if (formatEl)
 6 | 			return formatEl.some(format => {
 7 | 				return format.type.includes('core') && i <= start && i <= end;
 8 | 			});
 9 | 
10 | 		return formatEl;
11 | 	});
12 | };
13 | 
14 | export default getHasNativeFormat;
15 | 


--------------------------------------------------------------------------------
/src/extensions/text/formats/registerFormats.js:
--------------------------------------------------------------------------------
 1 | /**
 2 |  * WordPress dependencies
 3 |  */
 4 | import { registerFormatType } from '@wordpress/rich-text';
 5 | 
 6 | /**
 7 |  * Formats
 8 |  */
 9 | import formats from './formats';
10 | 
11 | /**
12 |  * Register formats
13 |  */
14 | formats.forEach(({ name, ...settings }) => {
15 | 	registerFormatType(name, settings);
16 | });
17 | 


--------------------------------------------------------------------------------
/src/extensions/text/formats/textContext.js:
--------------------------------------------------------------------------------
1 | /**
2 |  * WordPress dependencies
3 |  */
4 | import { createContext } from '@wordpress/element';
5 | 
6 | const TextContext = createContext();
7 | 
8 | export default TextContext;
9 | 


--------------------------------------------------------------------------------
/src/extensions/text/index.js:
--------------------------------------------------------------------------------
1 | import './formats';
2 | import './fonts';
3 | import './store';
4 | 


--------------------------------------------------------------------------------
/src/extensions/text/lists/index.js:
--------------------------------------------------------------------------------
1 | export { default as canIndentListItems } from './canIndentListItems';
2 | export { default as canOutdentListItems } from './canOutdentListItems';
3 | export { default as indentListItems } from './indentListItems';
4 | export { default as outdentListItems } from './outdentListItems';
5 | export { default as toHTMLString } from './toHTMLString';
6 | 


--------------------------------------------------------------------------------
/src/extensions/text/lists/utils.js:
--------------------------------------------------------------------------------
 1 | /**
 2 |  * Line separator character, used for multiline text.
 3 |  */
 4 | export const LINE_SEPARATOR = '\u2028';
 5 | 
 6 | /**
 7 |  * Object replacement character, used as a placeholder for objects.
 8 |  */
 9 | export const OBJECT_REPLACEMENT_CHARACTER = '\ufffc';
10 | 
11 | /**
12 |  * Zero width non-breaking space, used as padding in the editable DOM tree when
13 |  * it is empty otherwise.
14 |  */
15 | export const ZWNBSP = '\ufeff';
16 | 


--------------------------------------------------------------------------------
/src/extensions/text/store/actions.js:
--------------------------------------------------------------------------------
 1 | const actions = {
 2 | 	updateFonts(fonts) {
 3 | 		return {
 4 | 			type: 'UPDATE_FONTS',
 5 | 			fonts,
 6 | 		};
 7 | 	},
 8 | };
 9 | export default actions;
10 | 


--------------------------------------------------------------------------------
/src/extensions/text/store/index.js:
--------------------------------------------------------------------------------
 1 | /**
 2 |  * WordPress dependencies
 3 |  */
 4 | import { register, createReduxStore } from '@wordpress/data';
 5 | 
 6 | /**
 7 |  * Internal dependencies
 8 |  */
 9 | import reducer from './reducer';
10 | import actions from './actions';
11 | import * as selectors from './selectors';
12 | 
13 | const store = createReduxStore('maxiBlocks/text', {
14 | 	reducer,
15 | 	actions,
16 | 	selectors,
17 | });
18 | 
19 | register(store);
20 | 


--------------------------------------------------------------------------------
/src/extensions/text/store/selectors.js:
--------------------------------------------------------------------------------
 1 | export const getPostFonts = state => {
 2 | 	if (state.postFonts) return state.postFonts;
 3 | 	return state;
 4 | };
 5 | 
 6 | export const getFonts = state => {
 7 | 	if (state.fonts) return state.fonts;
 8 | 	return state;
 9 | };
10 | 
11 | export const getFont = (state, font) => {
12 | 	if (state.fonts) return state.fonts[font];
13 | 	return state;
14 | };
15 | 


--------------------------------------------------------------------------------
/src/extensions/video/index.js:
--------------------------------------------------------------------------------
1 | export { default as getParsedVideoUrl } from './getParsedVideoUrl';
2 | export { default as parseVideo } from './parseVideo';
3 | export { default as videoValidation } from './videoValidation';
4 | export { default as videoUrlRegex } from './videoUrlRegex';
5 | 


--------------------------------------------------------------------------------
/src/extensions/video/videoUrlRegex.js:
--------------------------------------------------------------------------------
1 | const videoUrlRegex =
2 | 	/(https?:\/\/)(www.)?((youtube\.com|youtu\.be)\/(watch[?]v=)?([a-zA-Z0-9_-]{11}))|https?:\/\/(www.)?vimeo.com\/([0-9])|https?:\/\/.*\.(?:mp4|webm|ogg)$/g;
3 | 
4 | export default videoUrlRegex;
5 | 


--------------------------------------------------------------------------------
/src/extensions/video/videoValidation.js:
--------------------------------------------------------------------------------
1 | const videoValidation = url =>
2 | 	url.match(
3 | 		/https?:\/\/.*\.(?:mp4|webm|ogg)|(http:|https:|)\/\/(player.|www.)?(vimeo\.com|youtu(be\.com|\.be|be\.googleapis\.com))\/(video\/|embed\/|watch\?v=|v\/)?([A-Za-z0-9._%-]*)(&\S+)?/
4 | 	);
5 | 
6 | export default videoValidation;
7 | 


--------------------------------------------------------------------------------
/src/icons.js:
--------------------------------------------------------------------------------
1 | export * from './icons/';
2 | 


--------------------------------------------------------------------------------
/src/icons/block-icons/back-to-top/back-to-top.svg:
--------------------------------------------------------------------------------
1 | <svg viewBox="0 0 24 24">
2 | 	<path d="M7.6 11.1L12 6.6l4.5 4.4m5.6 1c0 2.8-1 5.2-3 7.1s-4.3 3-7.1 3-5.2-1-7.2-3-2.9-4.3-2.9-7.1 1-5.2 2.9-7.2S9.2 1.9 12 1.9s5.2 1 7.1 2.9 3 4.4 3 7.2zM12 6.6l.1 10.9" fill="none" stroke="#ff4a17" strokeWidth="1.5"strokeLinecap="round" strokeLinejoin="round" />
3 | </svg>;
4 | 


--------------------------------------------------------------------------------
/src/icons/block-icons/basic-gallery/basic-gallery.svg:
--------------------------------------------------------------------------------
1 | <svg viewBox="0 0 24 24">
2 | 	<path d="M16.45 16.4h5.5v5.4h-5.5v-5.4zm0-7.1h5.5v5.4h-5.5V9.3zm0-7.1h5.5v5.4h-5.5V2.2zm-7.2 0h5.5v5.4h-5.5V2.2zm-7.1 7.1h5.4v5.4h-5.4V9.3zm0-7.1h5.4v5.4h-5.4V2.2zm7.1 14.2h5.5v5.4h-5.5v-5.4zm-7.1 0h5.4v5.4h-5.4v-5.4zm7.1-7.1h5.5v5.4h-5.5V9.3z" fill="none" stroke="#ff4a17" strokeWidth="1.5"strokeLinecap="round" strokeLinejoin="round" />
3 | </svg>
4 | 


--------------------------------------------------------------------------------
/src/icons/block-icons/blog/blog.svg:
--------------------------------------------------------------------------------
1 | <svg viewBox="0 0 24 24">
2 | 	<path d="M12.5 6.8h6.3m-6.3-3.3h4.9m-4.9 1.7h2.7m-2.7 5.6h4.9M2.6 9.4h7.5v5.4H2.6V9.4zm0-7.2h7.5v5.3H2.6V2.2zm0 14.6h7.5V22H2.6v-5.2zm9.9-2.7h6.3m-6.3 7.3h6.3m-6.3-8.9h2.7M12.5 18h4.9m-4.9 1.8h2.7m2.2 0H22m-4.6-7.3H22m-4.6-7.3H22" fill="none" stroke="#ff4a17" strokeWidth="1.5"strokeLinecap="round" strokeLinejoin="round" />
3 | </svg>
4 | 


--------------------------------------------------------------------------------
/src/icons/block-icons/column/index.js:
--------------------------------------------------------------------------------
 1 | /**
 2 |  * WordPress dependencies
 3 |  */
 4 | import { SVG, Path } from '@wordpress/primitives';
 5 | 
 6 | const columnIcon = (
 7 | 	<SVG preserveAspectRatio='none' viewBox='0 0 24 24'>
 8 | 		<Path
 9 | 			stroke='#ff4a17'
10 | 			strokeWidth='1.5'
11 | 			strokeLinejoin='round'
12 | 			strokeLinecap='round'
13 | 			fill='none'
14 | 			d='M1 1h18v18H1z'
15 | 		/>
16 | 	</SVG>
17 | );
18 | 
19 | export default columnIcon;
20 | 


--------------------------------------------------------------------------------
/src/icons/block-icons/container-icon/container.svg:
--------------------------------------------------------------------------------
1 | <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
2 | 	<path fill="none" stroke="#ff4a17" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M17.4 22.4h4.8V2H2.3v20.4H17m1.6-13.3V5.7h-3.1M5.8 9.1V5.7h3m-3 9.6v3.5h3m9.8-3.5v3.5h-3.1"/>
3 | </svg>
4 | 


--------------------------------------------------------------------------------
/src/icons/block-icons/container/container.svg:
--------------------------------------------------------------------------------
1 | <svg preserveAspectRatio="none" width="24"height="24"viewBox="0 0 24 24">
2 | 	<defs>
3 | 		<path id="container__a" stroke="#ff4a17" strokeWidth="1.5"strokeLinejoin="round" strokeLinecap="round" fill="none" d="M17.35 22.4h4.8V2H2.25v20.4h14.8M18.6 9.15V5.7h-3.1M5.85 9.15V5.7H8.9m-3.05 9.55v3.5H8.9m9.7-3.5v3.5h-3.1" />
4 | 	</defs>
5 | 	<use xlinkHref="#container__a" />
6 | </svg>
7 | 


--------------------------------------------------------------------------------
/src/icons/block-icons/depecrated/box-settings-tab/icon.js:
--------------------------------------------------------------------------------
 1 | import * as React from 'react';
 2 | 
 3 | function GxBoxSettingsTab(props) {
 4 | 	return (
 5 | 		<svg width='1.29rem' height='22px' viewBox='0 0 34 35' {...props}>
 6 | 			<path
 7 | 				d='M24.9 33.2h7.4V1.8H1.7v31.5h22.8'
 8 | 				fill='none'
 9 | 				stroke='#464a53'
10 | 				strokeWidth={2.5}
11 | 				strokeLinecap='round'
12 | 				strokeLinejoin='round'
13 | 			/>
14 | 		</svg>
15 | 	);
16 | }
17 | 
18 | export default GxBoxSettingsTab;
19 | 


--------------------------------------------------------------------------------
/src/icons/block-icons/form/form.svg:
--------------------------------------------------------------------------------
1 | <svg viewBox="0 0 24 24">
2 | 	<path d="M12.8 16.1h9v5.5h-9v-5.5zm-10.5-7h19.5v5.5H2.3V9.1zm0-7.1h19.5v5.4H2.3V2z" fill="none" stroke="#ff4a17" strokeWidth="1.5"strokeLinecap="round" strokeLinejoin="round" />
3 | </svg>
4 | 


--------------------------------------------------------------------------------
/src/icons/block-icons/form/index.js:
--------------------------------------------------------------------------------
 1 | /**
 2 |  * WordPress dependencies
 3 |  */
 4 | import { SVG, Path } from '@wordpress/primitives';
 5 | 
 6 | const form = (
 7 | 	<SVG viewBox='0 0 24 24'>
 8 | 		<Path
 9 | 			d='M12.8 16.1h9v5.5h-9v-5.5zm-10.5-7h19.5v5.5H2.3V9.1zm0-7.1h19.5v5.4H2.3V2z'
10 | 			fill='none'
11 | 			stroke='#ff4a17'
12 | 			strokeWidth={1.5}
13 | 			strokeLinecap='round'
14 | 			strokeLinejoin='round'
15 | 		/>
16 | 	</SVG>
17 | );
18 | 
19 | export default form;
20 | 


--------------------------------------------------------------------------------
/src/icons/block-icons/google-map/google-maps.svg:
--------------------------------------------------------------------------------
1 | <svg viewBox="0 0 24 24">
2 | 	<path d="M21.6 20.9v.8H2.5V2.6h19.1v18.3l-6.9-6.6-4.2 3-2.2-8.2-5.8 12.4M18 8.4c0 .7-.3 1.3-.8 1.8s-1.1.7-1.8.8c-.6 0-1.2-.3-1.7-.8-.4-.6-.7-1.1-.7-1.8s.3-1.2.8-1.7 1.1-.7 1.7-.7c.7 0 1.3.2 1.8.7.5.5.7 1 .7 1.7z" fill="none" stroke="#ff4a17" strokeWidth="1.5"strokeLinecap="round" strokeLinejoin="round" />
3 | </svg>
4 | 


--------------------------------------------------------------------------------
/src/icons/block-icons/headings/headings.svg:
--------------------------------------------------------------------------------
1 | <svg preserveAspectRatio="none" width="24"height="24"viewBox="0 0 24 24">
2 | 	<defs>
3 | 		<path id="headers__a" stroke="#ff4a17" strokeWidth="1.5"strokeLinejoin="round" strokeLinecap="round" fill="none" d="M1.75 2.4v5.4h3.2V6.4q0-.4.3-.65.25-.3.65-.3h4.15V17.2q0 .55-.4.95-.4.4-.95.4H7.35v3.05h9.25v-3.05h-1.3q-.55 0-.95-.4-.4-.4-.4-.95V5.45h4.15q.35 0 .65.3.25.25.25.65v1.4h3.2V2.4H1.75z" />
4 | 	</defs>
5 | 	<use xlinkHref="#headers__a" />
6 | </svg>
7 | 


--------------------------------------------------------------------------------
/src/icons/block-icons/help/index.js:
--------------------------------------------------------------------------------
 1 | /**
 2 |  * WordPress dependencies
 3 |  */
 4 | import { SVG, Path } from '@wordpress/primitives';
 5 | 
 6 | const help = (
 7 | 	<SVG width={7.734} height={7.342} viewBox='0 0 7.734 7.342'>
 8 | 		<Path
 9 | 			d='M.75 2.697C.75 1.622 2.15.75 3.867.75s3.117.872 3.117 1.948-1.396 1.951-3.117 1.951v1.947'
10 | 			strokeLinecap='round'
11 | 			strokeLinejoin='round'
12 | 			strokeWidth={1.5}
13 | 		/>
14 | 	</SVG>
15 | );
16 | 
17 | export default help;
18 | 


--------------------------------------------------------------------------------
/src/icons/block-icons/hero/hero.svg:
--------------------------------------------------------------------------------
1 | <svg preserveAspectRatio="none" width="24"height="24"viewBox="0 0 24 24">
2 | 	<defs>
3 | 		<path id="hero__a" stroke="#ff4a17" strokeWidth="1.5"strokeLinejoin="round" strokeLinecap="round" fill="none" d="M22.55 20.25l-21.05-.1V3.45h21.05v16.1M13.3 10.4h1.25m1.5 0h1.1m-6.6 0h1.1m-3.85 0h1.25m-.15 2.65h6.4v2.5H8.9v-2.5zm-3.1-5.3h12.5" />
4 | 	</defs>
5 | 	<use xlinkHref="#hero__a" transform="translate(0 .15)" />
6 | </svg>
7 | 


--------------------------------------------------------------------------------
/src/icons/block-icons/image-box/image-box.svg:
--------------------------------------------------------------------------------
1 | <svg viewBox="0 0 24 24">
2 | 	<path d="M21.6 20.9v.8H2.5V2.6h19.1v18.3l-6.9-6.6-4.2 3-2.2-8.2-5.8 12.4M18 8.4c0 .7-.3 1.3-.8 1.8s-1.1.7-1.8.8c-.6 0-1.2-.3-1.7-.8-.4-.6-.7-1.1-.7-1.8s.3-1.2.8-1.7 1.1-.7 1.7-.7c.7 0 1.3.2 1.8.7.5.5.7 1 .7 1.7z" fill="none" stroke="#ff4a17" strokeWidth="1.5"strokeLinecap="round" strokeLinejoin="round" />
3 | </svg>
4 | 


--------------------------------------------------------------------------------
/src/icons/block-icons/library/library.svg:
--------------------------------------------------------------------------------
1 | <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
2 | 	<path fill="#0e151b" d="M7.8 15.3V18l4.2 4.3 4.2-4.3v-2.7L12 19.6l-4.2-4.3M.1 10l2.8 2.9V4.7L.1 10m16.6-4.9l1.9-2H5.3l2 2h9.4m4.4 7.8l2.8-2.9-2.8-5.3v8.2z"/>
3 | 	<path fill="#f04f26" d="M20.6 17.4V1.9L12 10.5l-.1-.1L3.4 2v15.5l3.9 3.8v-9.9L12 16v.1l4.7-4.7v9.9l3.9-3.9z"/>
4 | </svg>
5 | 


--------------------------------------------------------------------------------
/src/icons/block-icons/logo-white/logo-white.svg:
--------------------------------------------------------------------------------
1 | <svg viewBox="0 0 28 41">
2 | 	<path d="M-14.645-19.54l.21-.12-.21-.14v.26zm0 0l-12.89 7.46V3.21l12.92-8.07m.46-15.18v-18.17m-26.88 18.53l.07-.24-.07-.02v.26zm0 0l.19 14.68 9.4 5.84-.09-9.31-5.2-3.28m-4.22-8.17v-.12l13.25-7.57-13.42-10.85m26.48 18.66l-12.73-7.57-.14.12m.14-.12l-.14-.07-.19.09-.02.02.02-.28 13.44-10.85m-13.25 11.01h-.02l-.17.09v-.26m-13.25 7.7l-.28-18.28m.28 18.28l12.85 7.84m8.07 3.37l-6.53 4.04" fill="none" stroke="#fff" strokeWidth="3"strokeLinecap="round" strokeLinejoin="round" />
3 | </svg>
4 | 


--------------------------------------------------------------------------------
/src/icons/block-icons/ordered-list/ordered-list.svg:
--------------------------------------------------------------------------------
1 | <svg preserveAspectRatio="none" width="24"height="24"viewBox="0 0 24 24">
2 | 	<defs>
3 | 		<path id="orderred_list__a" stroke="#ff4a17" strokeWidth="1.5"strokeLinejoin="round" strokeLinecap="round" fill="none" d="M2.75 3.1h1.1m-1.1 2.5h1.1m-1.1 2.5h1.1m-1.1 2.5h1.1m-1.1 2.5h1.1m-1.1 5.1h1.1m-1.1-2.6h1.1m-1.1 5.1h1.1m2.5-5.1h14.9m-14.9-5h14.9M6.35 3.1h14.9M6.35 5.6h14.9M6.35 8.1h14.9m-14.9 5h14.9m-14.9 5.1h14.9m-14.9 2.5h14.9" />
4 | 	</defs>
5 | 	<use xlinkHref="#ordered_list__a" />
6 | </svg>
7 | 


--------------------------------------------------------------------------------
/src/icons/block-icons/pricing-tablets/pricing-tablets.svg:
--------------------------------------------------------------------------------
1 | <svg preserveAspectRatio="none" width="24"height="24"viewBox="0 0 24 24">
2 | 	<defs>
3 | 		<path id="pricing_tables__a" stroke="#ff4a17" strokeWidth="1.5"strokeLinejoin="round" strokeLinecap="round" fill="none" d="M16.7 21.1h5.75V2.4H16.7M10.6 4h3M7.25 21.1h-5.8V2.4h5.8m-3.6 16.75h1.9m5 .75h3M7.75 1.5h8.45v20.6H7.75V1.5zM18.6 19.15h1.9" />
4 | 	</defs>
5 | 	<use xlinkHref="#pricing_tables__a" transform="translate(.05)" />
6 | </svg>
7 | 


--------------------------------------------------------------------------------
/src/icons/block-icons/row-icon/row.svg:
--------------------------------------------------------------------------------
1 | <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
2 | 	<path fill="none" stroke="#ff4a17" stroke-linecap="round" stroke-linejoin="round" d="M16.6 1.3H23v21.5h-6.4V1.3zM1 1.3h6.4v21.5H1V1.3zm7.9 0h6.4v21.5H8.9V1.3z"/>
3 | </svg>
4 | 


--------------------------------------------------------------------------------
/src/icons/block-icons/section-icon/index.js:
--------------------------------------------------------------------------------
 1 | /**
 2 |  * WordPress dependencies
 3 |  */
 4 | import { SVG, Path } from '@wordpress/primitives';
 5 | 
 6 | const textIcon = (
 7 | 	<SVG xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'>
 8 | 		<Path
 9 | 			fill='none'
10 | 			stroke='#ff4a17'
11 | 			strokeLinecap='round'
12 | 			strokeLinejoin='round'
13 | 			d='M1 1.3h22v21.5H1z'
14 | 		/>
15 | 	</SVG>
16 | );
17 | 
18 | export default textIcon;
19 | 


--------------------------------------------------------------------------------
/src/icons/block-icons/section-icon/section.svg:
--------------------------------------------------------------------------------
1 | <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
2 | 	<defs/>
3 | 	<path fill="none" stroke="#ff4a17" stroke-linecap="round" stroke-linejoin="round" d="M1 1.3h22v21.5H1z"/>
4 | </svg>
5 | 


--------------------------------------------------------------------------------
/src/icons/block-icons/tabs/tabs.svg:
--------------------------------------------------------------------------------
1 | <svg preserveAspectRatio="none" width="24"height="24"viewBox="0 0 24 24">
2 | 	<defs>
3 | 		<path id="tabs__a" stroke="#ff4a17" strokeWidth="1.5"strokeLinejoin="round" strokeLinecap="round" fill="none" d="M2.35 6h19.8v15.15H2.35V6zm.5-.3V2.95h4.7V5.7l.1-2.75h4.75V5.7l.15-2.75h4.7V5.7" />
4 | 	</defs>
5 | 	<use xlinkHref="#tabs__a" transform="translate(-.25 -.05)" />
6 | </svg>
7 | 


--------------------------------------------------------------------------------
/src/icons/block-icons/testimonials/testimonials.svg:
--------------------------------------------------------------------------------
1 | <svg preserveAspectRatio="none" width="24"height="24"viewBox="0 0 24 24">
2 | 	<defs>
3 | 		<path id="testimonials__a" stroke="#ff4a17" strokeWidth="1.5"strokeLinejoin="round" strokeLinecap="round" fill="none" d="M22.25 10.45q0 3.35-2.75 5.75l-2.3 5.85-2.15-3.5q-1.45.35-3.05.35-4.25 0-7.25-2.5-3-2.45-3-5.95t3-6Q7.75 2 12 2t7.25 2.45q3 2.5 3 6z" />
4 | 	</defs>
5 | 	<use xlinkHref="#testimonials__a" />
6 | </svg>
7 | 


--------------------------------------------------------------------------------
/src/icons/block-icons/text-box/text-box.svg:
--------------------------------------------------------------------------------
1 | <svg preserveAspectRatio="none" width="24" height="24" viewBox="0 0 24 24">
2 | 	<defs>
3 | 		<path id="text_box__a" stroke="#ff4a17" strokeWidth="1.5" strokeLinejoin="round" strokeLinecap="round" fill="none" d="M2.95 20.8h2.5m-2.5-2.4h6m-6-5.45h18.5m-18.5-5h18.5m-18.5 2.5h18.5m-18.5-5h18.5m-18.5-2.5h18.5m-18.5 12.5h18.5" />
4 | 	</defs>
5 | 	<use xlinkHref="#text_box__a" transform="translate(-.2 .15)" />
6 | </svg>
7 | 


--------------------------------------------------------------------------------
/src/icons/block-icons/text-icon/text.svg:
--------------------------------------------------------------------------------
1 | <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
2 | 	<defs/>
3 | 	<path fill="none" stroke="#ff4a17" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M1.8 2.4v5.4H5V6.4c0-.3.1-.5.3-.7.2-.2.4-.3.7-.3h4.2v11.8c0 .4-.1.7-.4.9-.3.3-.6.4-.9.4H7.3v3.1h9.3v-3.1h-1.3c-.4 0-.7-.1-.9-.4-.3-.3-.4-.6-.4-.9V5.4h4.2c.2 0 .5.1.6.3.1.2.2.4.2.7v1.4h3.2V2.4H1.8z"/>
4 | </svg>
5 | 


--------------------------------------------------------------------------------
/src/icons/block-icons/title-extra/title-extra.svg:
--------------------------------------------------------------------------------
1 | <svg preserveAspectRatio="none" x="0px" y="0px" width="24px" height="24px" viewBox="0 0 24 24">
2 | 	<defs>
3 | 		<path id="a" stroke="#ff4a17" strokeWidth={1} strokeLinejoin="round" strokeLinecap="round" fill="none" d="M1.6 1.6V5h2v-.9q0-.25.2-.4.15-.2.4-.2h2.6v7.4q0 .35-.25.6t-.6.25H5.1v1.9h5.8v-1.9h-.8q-.35 0-.6-.25t-.25-.6V3.5h2.6q.25 0 .4.2.2.15.2.4V5h2V1.6H1.6zm.7 15.8h7.75m-8.1 4.75H22.1M1.95 20H22.1m-9.05-2.6h9.1" />
4 | 	</defs>
5 | 	<use href="#a" />
6 | </svg>
7 | 


--------------------------------------------------------------------------------
/src/icons/general-icons/arrow/arrow.svg:
--------------------------------------------------------------------------------
1 | <svg id="chevron-down" xmlns="http://www.w3.org/2000/svg" width="9.578" height="5.783" viewBox="0 0 9.578 5.783">
2 |   <path id="Vector" d="M4.82,5.783A.963.963,0,0,1,4.136,5.5L.283,1.651A.967.967,0,0,1,1.651.283L4.82,3.462,7.988.293A.963.963,0,0,1,9.346,1.651L5.494,5.5A.963.963,0,0,1,4.82,5.783Z" fill="#141516"/>
3 | </svg>
4 | 


--------------------------------------------------------------------------------
/src/icons/general-icons/arrow/index.js:
--------------------------------------------------------------------------------
 1 | /**
 2 |  * WordPress dependencies
 3 |  */
 4 | import { SVG, Path } from '@wordpress/primitives';
 5 | 
 6 | const arrowIcon = (
 7 | 	<SVG width={9.578} height={5.783} viewBox='0 0 9.578 5.783'>
 8 | 		<Path
 9 | 			d='M4.82 5.783a.963.963 0 01-.684-.283L.283 1.651A.967.967 0 011.651.283L4.82 3.462 7.988.293a.963.963 0 011.358 1.358L5.494 5.5a.963.963 0 01-.674.283z'
10 | 			fill='#141516'
11 | 		/>
12 | 	</SVG>
13 | );
14 | 
15 | export default arrowIcon;
16 | 


--------------------------------------------------------------------------------
/src/icons/general-icons/cloud-lib-ribbon_free/RibbonFree.svg:
--------------------------------------------------------------------------------
1 | <svg xmlns="http://www.w3.org/2000/svg" width="37.533" height="41.847" viewBox="0 0 37.533 41.847">
2 |   <path id="Path_254" data-name="Path 254" d="M46.285,41.578l-18.267-8.09L9.752,41.578V1H46.285Z" transform="translate(-9.252 -0.5)" fill="#fff" stroke="#007cba" stroke-width="1"/>
3 | </svg>


--------------------------------------------------------------------------------
/src/icons/general-icons/cloud-lib-ribbon_free/index.js:
--------------------------------------------------------------------------------
 1 | /**
 2 |  * WordPress dependencies
 3 |  */
 4 | import { SVG, Path } from '@wordpress/primitives';
 5 | 
 6 | const ribbonFree = (
 7 | 	<SVG
 8 | 		xmlns='http://www.w3.org/2000/svg'
 9 | 		width={37.533}
10 | 		height={41.847}
11 | 		viewBox='0 0 37.533 41.847'
12 | 	>
13 | 		<Path
14 | 			d='M37.033 41.078l-18.267-8.09L.5 41.078V.5h36.533z'
15 | 			fill='#fff'
16 | 			stroke='#007cba'
17 | 			strokeWidth={1}
18 | 		/>
19 | 	</SVG>
20 | );
21 | 
22 | export default ribbonFree;
23 | 


--------------------------------------------------------------------------------
/src/icons/general-icons/cloud-lib-ribbon_pro/RibbonPro.svg:
--------------------------------------------------------------------------------
1 | <svg xmlns="http://www.w3.org/2000/svg" width="37.533" height="41.847" viewBox="0 0 37.533 41.847">
2 |   <path id="Path_253" data-name="Path 253" d="M46.285,41.578l-18.267-8.09L9.752,41.578V1H46.285Z" transform="translate(-9.252 -0.5)" fill="#007cba" stroke="#707070" stroke-width="1"/>
3 | </svg>
4 | 
5 | 


--------------------------------------------------------------------------------
/src/icons/general-icons/cloud-lib-ribbon_pro/index.js:
--------------------------------------------------------------------------------
 1 | /**
 2 |  * WordPress dependencies
 3 |  */
 4 | import { SVG, Path } from '@wordpress/primitives';
 5 | 
 6 | const ribbonPro = (
 7 | 	<SVG
 8 | 		xmlns='http://www.w3.org/2000/svg'
 9 | 		width={37.533}
10 | 		height={41.847}
11 | 		viewBox='0 0 37.533 41.847'
12 | 	>
13 | 		<Path
14 | 			data-name='Path 253'
15 | 			d='M37.033 41.078l-18.267-8.09L.5 41.078V.5h36.533z'
16 | 			fill='#007cba'
17 | 			stroke='#707070'
18 | 			strokeWidth={1}
19 | 		/>
20 | 	</SVG>
21 | );
22 | 
23 | export default ribbonPro;
24 | 


--------------------------------------------------------------------------------
/src/icons/general-icons/index.js:
--------------------------------------------------------------------------------
 1 | export { default as main } from './main';
 2 | export { default as styleCardBoat } from './style-cards';
 3 | export { default as cloudLib } from './cloud_lib';
 4 | export { default as closeIcon } from './close-icon';
 5 | export { default as helpIcon } from './help-icon';
 6 | export { default as styleCardMenu } from './style-cards-menu';
 7 | export { default as ribbonFree } from './cloud-lib-ribbon_free';
 8 | export { default as ribbonPro } from './cloud-lib-ribbon_pro';
 9 | export { default as arrowIcon } from './arrow';
10 | 


--------------------------------------------------------------------------------
/src/icons/hover-icons/index.js:
--------------------------------------------------------------------------------
1 | export { default as hoverNone } from './none';
2 | export { default as hoverBasic } from './basic';
3 | export { default as hoverText } from './text';
4 | export { default as alignRightTop } from './align-right-top';
5 | export { default as alignRightBottom } from './align-right-bottom';
6 | export { default as alignLeftTop } from './align-left-top';
7 | export { default as alignLeftBottom } from './align-left-bottom';
8 | export { default as alignCenterCenter } from './align-center-center';
9 | 


--------------------------------------------------------------------------------
/src/icons/index.js:
--------------------------------------------------------------------------------
 1 | export * from './block-icons';
 2 | export * from './button-presets';
 3 | export * from './general-icons';
 4 | export * from './hover-icons';
 5 | export * from './map-icons';
 6 | export * from './move-icons';
 7 | export * from './responsive-icons';
 8 | export * from './sc-icons';
 9 | export * from './setting-icons';
10 | export * from './shape-divider';
11 | export * from './template-icons';
12 | export * from './toolbar-icons';
13 | 


--------------------------------------------------------------------------------
/src/icons/map-icons/index.js:
--------------------------------------------------------------------------------
1 | export { default as mapMarker1 } from './markers/map-marker-1';
2 | export { default as mapMarker2 } from './markers/map-marker-2';
3 | export { default as mapMarker3 } from './markers/map-marker-3';
4 | export { default as mapMarker4 } from './markers/map-marker-4';
5 | export { default as mapMarker5 } from './markers/map-marker-5';
6 | 


--------------------------------------------------------------------------------
/src/icons/map-icons/markers/index.js:
--------------------------------------------------------------------------------
1 | export { default as mapMarker1 } from './map-marker-1';
2 | export { default as mapMarker2 } from './map-marker-2';
3 | export { default as mapMarker3 } from './map-marker-3';
4 | export { default as mapMarker4 } from './map-marker-4';
5 | export { default as mapMarker5 } from './map-marker-5';
6 | 


--------------------------------------------------------------------------------
/src/icons/move-icons/index.js:
--------------------------------------------------------------------------------
1 | export { default as moveUp } from './move-up';
2 | export { default as moveRight } from './move-right';
3 | export { default as moveDown } from './move-down';
4 | export { default as moveLeft } from './move-left';
5 | 


--------------------------------------------------------------------------------
/src/icons/move-icons/move-down/index.js:
--------------------------------------------------------------------------------
 1 | /**
 2 |  * WordPress dependencies
 3 |  */
 4 | import { SVG, Path } from '@wordpress/primitives';
 5 | 
 6 | const moveDown = (
 7 | 	<SVG viewBox='0 0 16 8'>
 8 | 		<Path
 9 | 			d='M849.125 245.15a.75.75 0 01-.48-.173l-7.1-5.9a.75.75 0 01.48-1.327h14.2a.75.75 0 01.48 1.327l-7.1 5.9a.75.75 0 01-.48.173zm-5.024-5.9l5.024 4.175 5.024-4.175H844.1z'
10 | 			transform='translate(-841.125 -237.125)'
11 | 		/>
12 | 	</SVG>
13 | );
14 | 
15 | export default moveDown;
16 | 


--------------------------------------------------------------------------------
/src/icons/move-icons/move-left/index.js:
--------------------------------------------------------------------------------
 1 | /**
 2 |  * WordPress dependencies
 3 |  */
 4 | import { SVG, Path } from '@wordpress/primitives';
 5 | 
 6 | const moveLeft = (
 7 | 	<SVG viewBox='0 0 8 16'>
 8 | 		<Path
 9 | 			d='M856.225 236.55h-14.2a.75.75 0 01-.48-1.327l7.1-5.9a.75.75 0 01.96 0l7.1 5.9a.749.749 0 01-.48 1.327zm-12.124-1.5h10.048l-5.024-4.175-5.024 4.175z'
10 | 			transform='translate(-845.125 -221.125)'
11 | 		/>
12 | 	</SVG>
13 | );
14 | 
15 | export default moveLeft;
16 | 


--------------------------------------------------------------------------------
/src/icons/move-icons/move-right/index.js:
--------------------------------------------------------------------------------
 1 | /**
 2 |  * WordPress dependencies
 3 |  */
 4 | import { SVG, Path } from '@wordpress/primitives';
 5 | 
 6 | const moveRight = (
 7 | 	<SVG viewBox='0 0 8 16'>
 8 | 		<Path
 9 | 			d='M856.225 236.55h-14.2a.75.75 0 01-.48-1.327l7.1-5.9a.75.75 0 01.96 0l7.1 5.9a.749.749 0 01-.48 1.327zm-12.124-1.5h10.048l-5.024-4.175-5.024 4.175z'
10 | 			transform='translate(-845.125 -222.125)'
11 | 		/>
12 | 	</SVG>
13 | );
14 | 
15 | export default moveRight;
16 | 


--------------------------------------------------------------------------------
/src/icons/move-icons/move-up/index.js:
--------------------------------------------------------------------------------
 1 | /**
 2 |  * WordPress dependencies
 3 |  */
 4 | import { SVG, Path } from '@wordpress/primitives';
 5 | 
 6 | const moveUp = (
 7 | 	<SVG viewBox='0 0 16 8'>
 8 | 		<Path
 9 | 			d='M856.225 236.55h-14.2a.75.75 0 01-.48-1.327l7.1-5.9a.75.75 0 01.96 0l7.1 5.9a.749.749 0 01-.48 1.327zm-12.124-1.5h10.048l-5.024-4.175-5.024 4.175z'
10 | 			transform='translate(-841.125 -229.125)'
11 | 		/>
12 | 	</SVG>
13 | );
14 | 
15 | export default moveUp;
16 | 


--------------------------------------------------------------------------------
/src/icons/responsive-icons/index.js:
--------------------------------------------------------------------------------
1 | export { default as xsMode } from './xs-mode';
2 | export { default as xlMode } from './xl-mode';
3 | export { default as xllMode } from './xll-mode';
4 | export { default as largeMode } from './l-mode';
5 | export { default as mediumMode } from './m-mode';
6 | export { default as smallMode } from './s-mode';
7 | 


--------------------------------------------------------------------------------
/src/icons/sc-icons/index.js:
--------------------------------------------------------------------------------
1 | export { default as SCaddMore } from './sc-add-more';
2 | export { default as dialogIcon } from './sc-dialog-icon';
3 | 


--------------------------------------------------------------------------------
/src/icons/sc-icons/sc-add-more/index.js:
--------------------------------------------------------------------------------
 1 | /**
 2 |  * WordPress dependencies
 3 |  */
 4 | import { SVG, Path, Circle } from '@wordpress/primitives';
 5 | 
 6 | const SCaddMore = (
 7 | 	<SVG xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'>
 8 | 		<Circle cx='12' cy='12' r='11.4' fill='#F04E25' />
 9 | 		<Path fill='#FFF' d='M15.9 11.5V4.7H8.1v6.8H4.6l7.4 7.8 7.4-7.8z' />
10 | 	</SVG>
11 | );
12 | 
13 | export default SCaddMore;
14 | 


--------------------------------------------------------------------------------
/src/icons/setting-icons/background-gradient/background-gradient.svg:
--------------------------------------------------------------------------------
 1 | <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 235 235">
 2 | 	<defs>
 3 | 		<linearGradient id="a" x1=".019%" x2="99.996%" y1="50.02%" y2="50.02%">
 4 | 			<stop offset="0%" style="stop-color:#fff;stop-opacity:1"/>
 5 | 			<stop offset="100%"/>
 6 | 		</linearGradient>
 7 | 	</defs>
 8 | 	<circle cx="117.3" cy="117.7" r="116.9" fill="url(#a)" fill-rule="nonzero"/>
 9 | </svg>
10 | 


--------------------------------------------------------------------------------
/src/icons/setting-icons/background-image/background-image.svg:
--------------------------------------------------------------------------------
1 | <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
2 | 	<path fill="none" stroke="#464a53" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M21.6 20.9v.8H2.5V2.6h19.1v18.3l-6.9-6.6-4.2 3-2.2-8.2-5.8 12.4M18 8.4c0 .7-.3 1.3-.8 1.8s-1.1.7-1.8.8c-.6 0-1.2-.3-1.7-.8-.4-.6-.7-1.1-.7-1.8s.3-1.2.8-1.7 1.1-.7 1.7-.7c.7 0 1.3.2 1.8.7s.7 1 .7 1.7z"/>
3 | </svg>
4 | 


--------------------------------------------------------------------------------
/src/icons/setting-icons/background-video/background-video.svg:
--------------------------------------------------------------------------------
1 | <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 31 31">
2 | 	<path fill="#464a53" d="M30.2.8c.4.4.6.8.6 1.3v26.7c0 .5-.2 1-.6 1.3-.4.4-.8.6-1.3.6H2.1c-.5 0-1-.2-1.3-.6-.4-.4-.6-.8-.6-1.3V2.1c0-.5.2-1 .6-1.3.4-.4.8-.6 1.3-.6h26.7c.6 0 1 .2 1.4.6zM6 2.1H2.1V6H6V2.1zm0 11.5V9.8H2.1v3.8H6zm-3.9 3.8v3.8H6v-3.8H2.1zm0 11.5H6V25H2.1v3.9zm21-26.8H7.9v15.3h15.3V2.1zM7.9 28.9h15.3v-9.5H7.9v9.5zM28.9 6V2.1H25V6h3.9zm0 7.6V9.8H25v3.8h3.9zM25 21.2h3.8v-3.8H25v3.8zm0 7.7h3.8V25H25v3.9z"/>
3 | </svg>
4 | 


--------------------------------------------------------------------------------
/src/icons/setting-icons/box-settings/index.js:
--------------------------------------------------------------------------------
 1 | /**
 2 |  * WordPress dependencies
 3 |  */
 4 | import { SVG, Path } from '@wordpress/primitives';
 5 | 
 6 | const boxSettings = (
 7 | 	<SVG x='0px' y='0px' viewBox='0 0 34 35' xmlSpace='preserve'>
 8 | 		<Path
 9 | 			d='M24.9 33.2h7.4V1.8H1.7v31.5h22.8'
10 | 			fill='none'
11 | 			stroke='#464a53'
12 | 			strokeWidth={2.5}
13 | 			strokeLinecap='round'
14 | 			strokeLinejoin='round'
15 | 		/>
16 | 	</SVG>
17 | );
18 | 
19 | export default boxSettings;
20 | 


--------------------------------------------------------------------------------
/src/icons/setting-icons/chevron-down/chevron-down.svg:
--------------------------------------------------------------------------------
1 | <svg width="24px" height="24px" class="maxi-font-family-selector-icon">
2 | 	<path d="M8.292 10.293a1.009 1.009 0 0 0 0 1.419l2.939 2.965c.218.215.5.322.779.322s.556-.107.769-.322l2.93-2.955a1.01 1.01 0 0 0 0-1.419.987.987 0 0 0-1.406 0l-2.298 2.317-2.307-2.327a.99.99 0 0 0-1.406 0z" fill="currentColor" fillRule="evenodd" />
3 | </svg>
4 | 


--------------------------------------------------------------------------------
/src/icons/setting-icons/chevron-down/index.js:
--------------------------------------------------------------------------------
 1 | import { SVG, Path } from '@wordpress/primitives';
 2 | 
 3 | const ChevronDown = (
 4 | 	<SVG width='24px' height='24px' className='maxi-font-family-selector-icon'>
 5 | 		<Path
 6 | 			d='M8.292 10.293a1.009 1.009 0 0 0 0 1.419l2.939 2.965c.218.215.5.322.779.322s.556-.107.769-.322l2.93-2.955a1.01 1.01 0 0 0 0-1.419.987.987 0 0 0-1.406 0l-2.298 2.317-2.307-2.327a.99.99 0 0 0-1.406 0z'
 7 | 			fill='currentColor'
 8 | 		/>
 9 | 	</SVG>
10 | );
11 | 
12 | export default ChevronDown;
13 | 


--------------------------------------------------------------------------------
/src/icons/setting-icons/dashed/dashed.svg:
--------------------------------------------------------------------------------
1 | <svg version="1.1" id="Layer_1"
2 | 	xmlns="http://www.w3.org/2000/svg" x="0" y="0" viewBox="0 0 62 4" xml:space="preserve">
3 | 	<style>.st0{fill:none;stroke:#173042;stroke-width:2;stroke-miterlimit:10}</style>
4 | 	<path class="st0" d="M1 2h2"/>
5 | 	<path fill="none" stroke="#173042" stroke-width="2" stroke-miterlimit="10" stroke-dasharray="3.7333,3.7333" d="M6.7 2h50.4"/>
6 | 	<path class="st0" d="M59 2h2"/>
7 | </svg>
8 | 


--------------------------------------------------------------------------------
/src/icons/setting-icons/dashed/index.js:
--------------------------------------------------------------------------------
 1 | /**
 2 |  * WordPress dependencies
 3 |  */
 4 | import { SVG, Path } from '@wordpress/primitives';
 5 | 
 6 | const alignLeft = (
 7 | 	<SVG viewBox='0 0 62 4'>
 8 | 		<Path d='M1 2h2' />
 9 | 		<Path
10 | 			fill='none'
11 | 			stroke='#173042'
12 | 			strokeWidth='2'
13 | 			strokeMiterlimit='10'
14 | 			strokeDasharray='3.7333,3.7333'
15 | 			d='M6.7 2h50.4'
16 | 		/>
17 | 		<Path d='M59 2h2' />
18 | 	</SVG>
19 | );
20 | 
21 | export default alignLeft;
22 | 


--------------------------------------------------------------------------------
/src/icons/setting-icons/dotted/dotted.svg:
--------------------------------------------------------------------------------
1 | <svg version="1.1" id="Layer_1"
2 | 	xmlns="http://www.w3.org/2000/svg" x="0" y="0" viewBox="0 0 62 4" xml:space="preserve">
3 | 	<style>.st0{fill:none;stroke:#173042;stroke-width:2;stroke-miterlimit:10}</style>
4 | 	<path class="st0" d="M1 2h1"/>
5 | 	<path fill="none" stroke="#173042" stroke-width="2" stroke-miterlimit="10" stroke-dasharray="2,2" d="M4 2h55"/>
6 | 	<path class="st0" d="M60 2h1"/>
7 | </svg>
8 | 


--------------------------------------------------------------------------------
/src/icons/setting-icons/dotted/index.js:
--------------------------------------------------------------------------------
 1 | /**
 2 |  * WordPress dependencies
 3 |  */
 4 | import { SVG, Path } from '@wordpress/primitives';
 5 | 
 6 | const alignLeft = (
 7 | 	<SVG viewBox='0 0 62 4'>
 8 | 		<Path d='M1 2h1' />
 9 | 		<Path
10 | 			fill='none'
11 | 			stroke='#173042'
12 | 			strokeWidth='2'
13 | 			strokeMiterlimit='10'
14 | 			strokeDasharray='2,2'
15 | 			d='M4 2h55'
16 | 		/>
17 | 		<Path d='M60 2h1' />
18 | 	</SVG>
19 | );
20 | 
21 | export default alignLeft;
22 | 


--------------------------------------------------------------------------------
/src/icons/setting-icons/edit-tool/edit-tool.svg:
--------------------------------------------------------------------------------
1 | <svg height="512"viewBox="0 0 467.765 467.765" width="512}>
2 | <path d="M175.412 175.412h29.235v116.941h-29.235v58.471h116.941v-58.471h-29.235V175.412h29.235v29.235h58.471v-87.706H116.941v87.706h58.471z" />
3 | <path d="M467.765 87.706V0h-87.706v29.235H87.706V0H0v87.706h29.235v292.353H0v87.706h87.706V438.53h292.353v29.235h87.706v-87.706H438.53V87.706zm-87.706 292.353H87.706V87.706h292.353z" />
4 | </svg>
5 | 


--------------------------------------------------------------------------------
/src/icons/setting-icons/fill/fill.svg:
--------------------------------------------------------------------------------
1 | <svg height="512" viewBox="0 0 467.766 467.766" width="512">
2 | 	<path d="M 169.4 371.5 c 5.7 5.7 13.2 8.6 20.7 8.6 s 15 -2.9 20.7 -8.6 L 392.2 190 L 202.1 0 l -41.3 41.3 l 31.7 31.7 L 52.4 213.2 c -11.4 11.4 -11.4 29.9 0 41.3 l 116.9 116.9 z m 64.5 -257.1 l 75.6 75.6 l -43.9 43.9 H 114.4 l 119.5 -119.5 z M 394.7 380.1 c 24.2 0 43.9 -19.6 43.9 -43.9 s -43.9 -73.1 -43.9 -73.1 s -43.9 48.9 -43.9 73.1 s 19.6 43.9 43.9 43.9 z M 29.2 409.3 H 438.5 v 58.5 H 29.2 z" />
3 | </svg>
4 | 


--------------------------------------------------------------------------------
/src/icons/setting-icons/gradient/gradient.svg:
--------------------------------------------------------------------------------
1 | <svg x="24px" y="24px" viewBox="0 0 24 24" xmlSpace="preserve">
2 | 	<linearGradient id="uniqueID" gradientUnits="userSpaceOnUse" x1="0.3129" y1="12" x2="23.687" y2="12">
3 | 		<stop offset="0" stopColor="#fff" />
4 | 		<stop offset="1"/>
5 | 	</linearGradient>
6 | 	<circle cx="12"cy="12"r="11.7" fill="`url(#uniqueID)`"/>
7 | </svg>
8 | 


--------------------------------------------------------------------------------
/src/icons/setting-icons/icon-fill/iconFill.svg:
--------------------------------------------------------------------------------
1 | <svg xmlns="http://www.w3.org/2000/svg" width="20.79" height="24" viewBox="0 0 20.79 24">
2 |   <path id="Path_247" data-name="Path 247" d="M10.359,0,6.93,5.982H0l3.429,6.055L0,18.019H6.93L10.359,24l3.5-5.981h6.93l-3.429-5.982L20.79,5.982H13.86Z" transform="translate(0 0)" fill="#dbdde6"/>
3 | </svg>
4 | 


--------------------------------------------------------------------------------
/src/icons/setting-icons/icon-fill/index.js:
--------------------------------------------------------------------------------
 1 | /**
 2 |  * WordPress dependencies
 3 |  */
 4 | import { SVG, Path } from '@wordpress/primitives';
 5 | 
 6 | const iconFill = (
 7 | 	<SVG width={20.79} height={24} viewBox='0 0 20.79 24'>
 8 | 		<Path
 9 | 			data-name='Path 247'
10 | 			d='M10.359 0L6.93 5.982H0l3.429 6.055L0 18.019h6.93L10.359 24l3.5-5.981h6.93l-3.429-5.982 3.43-6.055h-6.93z'
11 | 			fill='#dbdde6'
12 | 		/>
13 | 	</SVG>
14 | );
15 | 
16 | export default iconFill;
17 | 


--------------------------------------------------------------------------------
/src/icons/setting-icons/margin-separate/index.js:
--------------------------------------------------------------------------------
 1 | /**
 2 |  * WordPress dependencies
 3 |  */
 4 | import { SVG, Path } from '@wordpress/primitives';
 5 | 
 6 | const marginSyncDirection = (
 7 | 	<SVG xmlns='http://www.w3.org/2000/svg' viewBox='0 0 19.5 19.5'>
 8 | 		<Path
 9 | 			fill='none'
10 | 			stroke='#141516'
11 | 			strokeDasharray='3 3 3 3 3'
12 | 			strokeLinecap='round'
13 | 			strokeLinejoin='round'
14 | 			strokeWidth='1.5'
15 | 			d='M18.75 18.75h-18v-18h18Z'
16 | 		/>
17 | 	</SVG>
18 | );
19 | 
20 | export default marginSyncDirection;
21 | 


--------------------------------------------------------------------------------
/src/icons/setting-icons/mobile/mobile.svg:
--------------------------------------------------------------------------------
1 | <svg viewBox="0 0 36.1 36.1">
2 | 	<path d="M24.2 0H12C9.9 0 8.1 1.7 8.1 3.8v28.5c0 2.1 1.7 3.8 3.8 3.8h12.2c2.1 0 3.8-1.7 3.8-3.8V3.8c0-2.1-1.7-3.8-3.7-3.8zm-7.9 2.3h3.5c.3 0 .6.3.6.6s-.3.6-.6.6h-3.5c-.3 0-.6-.3-.6-.6 0-.4.3-.6.6-.6zm-2.1.1c.2-.2.6-.2.8 0 .1.1.2.3.2.4 0 .1-.1.3-.2.4-.1.1-.3.2-.4.2-.1 0-.3-.1-.4-.2-.1-.1-.2-.2-.2-.4 0-.1.1-.3.2-.4zM18 34.9c-.9 0-1.7-.8-1.7-1.7 0-.9.8-1.7 1.7-1.7s1.7.8 1.7 1.7c-.1 1-.8 1.7-1.7 1.7zm8.2-4.5H10.1v-25h16.1v25z" fill="#464a53" />
3 | </svg>
4 | 


--------------------------------------------------------------------------------
/src/icons/setting-icons/motion-horizontal/index.js:
--------------------------------------------------------------------------------
 1 | /**
 2 |  * WordPress dependencies
 3 |  */
 4 | import { SVG, Path } from '@wordpress/primitives';
 5 | 
 6 | const motionHorizontal = (
 7 | 	<SVG
 8 | 		viewBox='0 0 24 24'
 9 | 		fill='none'
10 | 		stroke='#081219'
11 | 		strokeWidth={2}
12 | 		strokeLinecap='round'
13 | 		strokeLinejoin='round'
14 | 		strokeMiterlimit={10}
15 | 	>
16 | 		<Path d='M18.3 2.9l4.2 4.2-4.2 4.2m4.2-4.2H2.2m3.5 14l-4.2-4.2 4.2-4.2m-4.2 4.2h20.3' />
17 | 	</SVG>
18 | );
19 | 
20 | export default motionHorizontal;
21 | 


--------------------------------------------------------------------------------
/src/icons/setting-icons/motion-vertical/index.js:
--------------------------------------------------------------------------------
 1 | /**
 2 |  * WordPress dependencies
 3 |  */
 4 | import { SVG, Path } from '@wordpress/primitives';
 5 | 
 6 | const motionVertical = (
 7 | 	<SVG
 8 | 		viewBox='0 0 24 24'
 9 | 		fill='none'
10 | 		stroke='#081219'
11 | 		strokeWidth={2}
12 | 		strokeLinecap='round'
13 | 		strokeLinejoin='round'
14 | 		strokeMiterlimit={10}
15 | 	>
16 | 		<Path d='M2.9 5.7l4.2-4.2 4.2 4.2M7.1 1.5v20.3m14-3.5l-4.2 4.2-4.2-4.2m4.2 4.2V2.2' />
17 | 	</SVG>
18 | );
19 | 
20 | export default motionVertical;
21 | 


--------------------------------------------------------------------------------
/src/icons/setting-icons/padding-separate/index.js:
--------------------------------------------------------------------------------
 1 | /**
 2 |  * WordPress dependencies
 3 |  */
 4 | import { SVG, Path } from '@wordpress/primitives';
 5 | 
 6 | const paddingSyncDirection = (
 7 | 	<SVG xmlns='http://www.w3.org/2000/svg' viewBox='0 0 19.5 19.5'>
 8 | 		<Path
 9 | 			fill='none'
10 | 			stroke='#141516'
11 | 			strokeLinejoin='round'
12 | 			strokeWidth='1.5'
13 | 			d='M18.75 18.75h-18v-18h18Z'
14 | 		/>
15 | 	</SVG>
16 | );
17 | 
18 | export default paddingSyncDirection;
19 | 


--------------------------------------------------------------------------------
/src/icons/setting-icons/padding-separate/padding_separate.svg:
--------------------------------------------------------------------------------
1 | <svg xmlns="http://www.w3.org/2000/svg" width="19.5" height="19.5" viewBox="0 0 19.5 19.5">
2 |   <path id="Path_259" data-name="Path 259" d="M19,19H1V1H19Z" transform="translate(-0.25 -0.25)" fill="none" stroke="#141516" stroke-linejoin="round" stroke-width="1.5"/>
3 | </svg>
4 | 


--------------------------------------------------------------------------------
/src/icons/setting-icons/remove/index.js:
--------------------------------------------------------------------------------
 1 | /**
 2 |  * WordPress dependencies
 3 |  */
 4 | import { SVG, Path } from '@wordpress/primitives';
 5 | 
 6 | const remove = (
 7 | 	<SVG xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'>
 8 | 		<Path
 9 | 			fill='#ff4a17'
10 | 			d='M12 2a10 10 0 1010 10A10 10 0 0012 2zm3.21 11.79a1 1 0 010 1.42 1 1 0 01-1.42 0L12 13.41l-1.79 1.8a1 1 0 01-1.42 0 1 1 0 010-1.42l1.8-1.79-1.8-1.79a1 1 0 011.42-1.42l1.79 1.8 1.79-1.8a1 1 0 011.42 1.42L13.41 12z'
11 | 		/>
12 | 	</SVG>
13 | );
14 | 
15 | export default remove;
16 | 


--------------------------------------------------------------------------------
/src/icons/setting-icons/reset/index.js:
--------------------------------------------------------------------------------
 1 | /**
 2 |  * WordPress dependencies
 3 |  */
 4 | import { SVG, Path } from '@wordpress/primitives';
 5 | 
 6 | const reset = (
 7 | 	<SVG xmlns='http://www.w3.org/2000/svg' viewBox='0 0 11.34 11.5'>
 8 | 		<Path d='M11.32.75a.74.74 0 0 0-.75-.75.76.76 0 0 0-.75.75v1.49A5.6 5.6 0 1 0 5.6 11.5a5.44 5.44 0 0 0 1.48-.2.74.74 0 0 0 .52-.92.76.76 0 0 0-.92-.53A4.1 4.1 0 1 1 9.22 4H6.57a.75.75 0 0 0 0 1.5h4a.75.75 0 0 0 .53-.22.77.77 0 0 0 .22-.54Z' />
 9 | 	</SVG>
10 | );
11 | 
12 | export default reset;
13 | 


--------------------------------------------------------------------------------
/src/icons/setting-icons/search/search.svg:
--------------------------------------------------------------------------------
1 | <svg className="search__icon" style="{
2 |     width: "1em",
3 |     height: "1em",
4 |     verticalAlign: "middle" }"viewBox="0 0 1024 1024" fill="currentColor" overflow="hidden">
5 | 	<path d="M959.744 870.592L759.936 670.784a382.08 382.08 0 0071.552-222.72c0-212.032-171.968-384-384-384S64 235.968 64 448s171.456 384 383.488 384a381.952 381.952 0 00222.72-71.552l199.808 199.808 89.728-89.664zM447.488 704a256 256 0 110-512 256 256 0 010 512z" />
6 | </svg>
7 | 


--------------------------------------------------------------------------------
/src/icons/setting-icons/solid/index.js:
--------------------------------------------------------------------------------
 1 | /**
 2 |  * WordPress dependencies
 3 |  */
 4 | import { SVG, Path } from '@wordpress/primitives';
 5 | 
 6 | const solid = (
 7 | 	<SVG xmlns='http://www.w3.org/2000/svg' viewBox='0 0 62 4'>
 8 | 		<Path fill='#173042' d='M0 0h62v4H0z' />
 9 | 	</SVG>
10 | );
11 | 
12 | export default solid;
13 | 


--------------------------------------------------------------------------------
/src/icons/setting-icons/solid/solid.svg:
--------------------------------------------------------------------------------
1 | <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 62 4">
2 | 	<path fill="none" stroke="#173042" stroke-width="2" stroke-miterlimit="10" d="M1 2h60"/>
3 | </svg>
4 | 


--------------------------------------------------------------------------------
/src/icons/setting-icons/style/style.svg:
--------------------------------------------------------------------------------
1 | <svg width="22.57"height="36.063"viewBox="0 0 22.57 36.063">
2 | 	<path d="M.02.012v15.772a4.508 4.508 0 004.51 4.506h2.25v11.266a4.51 4.51 0 009.02 0V20.291h2.26a4.508 4.508 0 004.51-4.506V.012H.02zm20.29 15.772a2.255 2.255 0 01-2.25 2.253h-4.51v13.519a2.255 2.255 0 01-4.51 0V18.038H4.53a2.257 2.257 0 01-2.26-2.253v-2.253h18.04v2.253zM2.27 11.278V2.266h4.51v6.759h2.26V2.266h4.51v6.759h2.25V2.266h4.51v9.013H2.27z" fill="#464a53" fillRule="evenodd" />
3 | </svg>
4 | 


--------------------------------------------------------------------------------
/src/icons/setting-icons/tablet/index.js:
--------------------------------------------------------------------------------
 1 | /**
 2 |  * WordPress dependencies
 3 |  */
 4 | import { SVG, Path } from '@wordpress/primitives';
 5 | 
 6 | const tablet = (
 7 | 	<SVG viewBox='0 0 36.1 36.1'>
 8 | 		<Path
 9 | 			d='M28.7.1H7.3C6 .1 4.9 1.2 4.9 2.5v31C4.9 34.9 6 36 7.3 36h21.4c1.3 0 2.4-1.1 2.4-2.4v-31c.1-1.4-1-2.5-2.4-2.5zM18 35.1c-.8 0-1.4-.6-1.4-1.4 0-.8.6-1.4 1.4-1.4.8 0 1.4.6 1.4 1.4.1.7-.6 1.4-1.4 1.4zm10.7-4.2H7.4V3h21.3v27.9z'
10 | 			fill='#464a53'
11 | 		/>
12 | 	</SVG>
13 | );
14 | 
15 | export default tablet;
16 | 


--------------------------------------------------------------------------------
/src/icons/setting-icons/tablet/tablet.svg:
--------------------------------------------------------------------------------
1 | <svg viewBox="0 0 36.1 36.1">
2 | 	<path d="M28.7.1H7.3C6 .1 4.9 1.2 4.9 2.5v31C4.9 34.9 6 36 7.3 36h21.4c1.3 0 2.4-1.1 2.4-2.4v-31c.1-1.4-1-2.5-2.4-2.5zM18 35.1c-.8 0-1.4-.6-1.4-1.4 0-.8.6-1.4 1.4-1.4.8 0 1.4.6 1.4 1.4.1.7-.6 1.4-1.4 1.4zm10.7-4.2H7.4V3h21.3v27.9z" fill="#464a53" />
3 | </svg>
4 | 


--------------------------------------------------------------------------------
/src/icons/setting-icons/typography/typography.svg:
--------------------------------------------------------------------------------
1 | <svg preserveAspectRatio="none" width="24"height="24"viewBox="0 0 24 24">
2 | 	<defs>
3 | 		<path id="headers__a" stroke="#464a53" strokeWidth="1.5"strokeLinejoin="round" strokeLinecap="round" fill="none" d="M1.75 2.4v5.4h3.2V6.4q0-.4.3-.65.25-.3.65-.3h4.15V17.2q0 .55-.4.95-.4.4-.95.4H7.35v3.05h9.25v-3.05h-1.3q-.55 0-.95-.4-.4-.4-.4-.95V5.45h4.15q.35 0 .65.3.25.25.25.65v1.4h3.2V2.4H1.75z" />
4 | 	</defs>
5 | 	<use xlinkHref="#headers__a" />
6 | </svg>
7 | 


--------------------------------------------------------------------------------
/src/icons/shape-divider/arrow-bottom/arrow-bottom.svg:
--------------------------------------------------------------------------------
 1 | <svg xmlns="http://www.w3.org/2000/svg" version="1.1"
 2 | 	xmlns:xlink="http://www.w3.org/1999/xlink" preserveAspectRatio="none" x="0px" y="0px" width="1280px" height="140px" viewBox="0 0 1280 140">
 3 | 	<defs>
 4 | 		<g id="Layer1_0_FILL">
 5 | 			<path fill="#000000" stroke="none" d="
 6 | M 0 0
 7 | L 0 140 640 140 0 0
 8 | M 1280 140
 9 | L 1280 0 640 140 1280 140 Z"/>
10 | 		</g>
11 | 	</defs>
12 | 
13 | 	<g transform="matrix( 1, 0, 0, 1, 0,0) ">
14 | 		<use xlink:href="#Layer1_0_FILL"/>
15 | 	</g>
16 | </svg>
17 | 


--------------------------------------------------------------------------------
/src/icons/shape-divider/arrow-bottom/index.js:
--------------------------------------------------------------------------------
 1 | /**
 2 |  * WordPress dependencies
 3 |  */
 4 | import { SVG, Path } from '@wordpress/primitives';
 5 | 
 6 | const arrowBottom = (
 7 | 	<SVG
 8 | 		xmlns='http://www.w3.org/2000/svg'
 9 | 		xlink='http://www.w3.org/1999/xlink'
10 | 		preserveAspectRatio='none'
11 | 		viewBox='0 0 1280 140'
12 | 	>
13 | 		<defs>
14 | 			<Path
15 | 				id='arrow-bottom'
16 | 				d='M0 0v140h640L0 0m1280 140V0L640 140h640z'
17 | 			/>
18 | 		</defs>
19 | 		<use href='#arrow-bottom' />
20 | 	</SVG>
21 | );
22 | 
23 | export default arrowBottom;
24 | 


--------------------------------------------------------------------------------
/src/icons/shape-divider/arrow-top/arrow-top.svg:
--------------------------------------------------------------------------------
 1 | <svg xmlns="http://www.w3.org/2000/svg" version="1.1"
 2 | 	xmlns:xlink="http://www.w3.org/1999/xlink" preserveAspectRatio="none" x="0px" y="0px" width="1280px" height="140px" viewBox="0 0 1280 140">
 3 | 	<defs>
 4 | 		<g id="Layer1_0_FILL">
 5 | 			<path fill="#000000" stroke="none" d="
 6 | M 0 0
 7 | L 640 140 1280 0 0 0 Z"/>
 8 | 		</g>
 9 | 	</defs>
10 | 
11 | 	<g transform="matrix( 1, 0, 0, 1, 0,0) ">
12 | 		<use xlink:href="#Layer1_0_FILL"/>
13 | 	</g>
14 | </svg>
15 | 


--------------------------------------------------------------------------------
/src/icons/shape-divider/arrow-top/index.js:
--------------------------------------------------------------------------------
 1 | /**
 2 |  * WordPress dependencies
 3 |  */
 4 | import { SVG, Path } from '@wordpress/primitives';
 5 | 
 6 | const arrowTop = (
 7 | 	<SVG
 8 | 		xmlns='http://www.w3.org/2000/svg'
 9 | 		xlink='http://www.w3.org/1999/xlink'
10 | 		preserveAspectRatio='none'
11 | 		viewBox='0 0 1280 140'
12 | 	>
13 | 		<defs>
14 | 			<Path id='arrow-top' d='M0 0l640 140L1280 0H0z' />
15 | 		</defs>
16 | 		<use href='#arrow-top' />
17 | 	</SVG>
18 | );
19 | 
20 | export default arrowTop;
21 | 


--------------------------------------------------------------------------------
/src/icons/shape-divider/asymmetric-top/asymmetric-top.svg:
--------------------------------------------------------------------------------
 1 | <svg xmlns="http://www.w3.org/2000/svg" version="1.1"
 2 | 	xmlns:xlink="http://www.w3.org/1999/xlink" preserveAspectRatio="none" x="0px" y="0px" width="1280px" height="122px" viewBox="0 0 1280 122">
 3 | 	<defs>
 4 | 		<g id="Layer1_0_FILL">
 5 | 			<path fill="#000000" stroke="none" d="
 6 | M 978.8 122.25
 7 | Q 999.25 124.7 1017.9 116.25
 8 | L 1280 0 0 0 978.8 122.25 Z"/>
 9 | 		</g>
10 | 	</defs>
11 | 
12 | 	<g transform="matrix( 1, 0, 0, 1, 0,0) ">
13 | 		<use xlink:href="#Layer1_0_FILL"/>
14 | 	</g>
15 | </svg>
16 | 


--------------------------------------------------------------------------------
/src/icons/shape-divider/peak-bottom/peak-bottom.svg:
--------------------------------------------------------------------------------
 1 | <svg xmlns="http://www.w3.org/2000/svg" version="1.1"
 2 | 	xmlns:xlink="http://www.w3.org/1999/xlink" preserveAspectRatio="none" x="0px" y="0px" width="1280px" height="95px" viewBox="0 0 1280 95">
 3 | 	<defs>
 4 | 		<g id="Layer0_0_FILL">
 5 | 			<path fill="#000000" stroke="none" d="
 6 | M 1280 95.8
 7 | L 1280 26.15 960 -0.05 320 75.4 0 26.15 0 95.8 1280 95.8 Z"/>
 8 | 		</g>
 9 | 	</defs>
10 | 
11 | 	<g transform="matrix( 1, 0, 0, 1, 0,0) ">
12 | 		<use xlink:href="#Layer0_0_FILL"/>
13 | 	</g>
14 | </svg>
15 | 


--------------------------------------------------------------------------------
/src/icons/shape-divider/peak-top/index.js:
--------------------------------------------------------------------------------
 1 | /**
 2 |  * WordPress dependencies
 3 |  */
 4 | import { SVG, Path } from '@wordpress/primitives';
 5 | 
 6 | const peakTop = (
 7 | 	<SVG
 8 | 		xmlns='http://www.w3.org/2000/svg'
 9 | 		xlink='http://www.w3.org/1999/xlink'
10 | 		preserveAspectRatio='none'
11 | 		viewBox='0 0 1280 95'
12 | 	>
13 | 		<defs>
14 | 			<Path
15 | 				id='peak-top'
16 | 				d='M1280 69.65V0H0v69.65L320 20.4l640 75.45 320-26.2z'
17 | 			/>
18 | 		</defs>
19 | 		<use href='#peak-top' />
20 | 	</SVG>
21 | );
22 | 
23 | export default peakTop;
24 | 


--------------------------------------------------------------------------------
/src/icons/shape-divider/peak-top/peak-top.svg:
--------------------------------------------------------------------------------
 1 | <svg xmlns="http://www.w3.org/2000/svg" version="1.1"
 2 | 	xmlns:xlink="http://www.w3.org/1999/xlink" preserveAspectRatio="none" x="0px" y="0px" width="1280px" height="95px" viewBox="0 0 1280 95">
 3 | 	<defs>
 4 | 		<g id="Layer0_0_FILL">
 5 | 			<path fill="#000000" stroke="none" d="
 6 | M 1280 69.65
 7 | L 1280 0 0 0 0 69.65 320 20.4 960 95.85 1280 69.65 Z"/>
 8 | 		</g>
 9 | 	</defs>
10 | 
11 | 	<g transform="matrix( 1, 0, 0, 1, 0,0) ">
12 | 		<use xlink:href="#Layer0_0_FILL"/>
13 | 	</g>
14 | </svg>
15 | 


--------------------------------------------------------------------------------
/src/icons/shape-divider/slant-bottom/index.js:
--------------------------------------------------------------------------------
 1 | /**
 2 |  * WordPress dependencies
 3 |  */
 4 | import { SVG, Path } from '@wordpress/primitives';
 5 | 
 6 | const slantBottom = (
 7 | 	<SVG
 8 | 		xmlns='http://www.w3.org/2000/svg'
 9 | 		xlink='http://www.w3.org/1999/xlink'
10 | 		preserveAspectRatio='none'
11 | 		viewBox='0 0 1280 140'
12 | 	>
13 | 		<defs>
14 | 			<Path id='slant-bottom' d='M0 0v140h1280L0 0z' />
15 | 		</defs>
16 | 		<use href='#slant-bottom' />
17 | 	</SVG>
18 | );
19 | 
20 | export default slantBottom;
21 | 


--------------------------------------------------------------------------------
/src/icons/shape-divider/slant-bottom/slant-bottom.svg:
--------------------------------------------------------------------------------
 1 | <svg xmlns="http://www.w3.org/2000/svg" version="1.1"
 2 | 	xmlns:xlink="http://www.w3.org/1999/xlink" preserveAspectRatio="none" x="0px" y="0px" width="1280px" height="140px" viewBox="0 0 1280 140">
 3 | 	<defs>
 4 | 		<g id="Layer0_0_FILL">
 5 | 			<path fill="#000000" stroke="none" d="
 6 | M 0 0
 7 | L 0 140 1280 140 0 0 Z"/>
 8 | 		</g>
 9 | 	</defs>
10 | 
11 | 	<g transform="matrix( 1, 0, 0, 1, 0,0) ">
12 | 		<use xlink:href="#Layer0_0_FILL"/>
13 | 	</g>
14 | </svg>
15 | 


--------------------------------------------------------------------------------
/src/icons/shape-divider/slant-top/index.js:
--------------------------------------------------------------------------------
 1 | /**
 2 |  * WordPress dependencies
 3 |  */
 4 | import { SVG, Path } from '@wordpress/primitives';
 5 | 
 6 | const slantTop = (
 7 | 	<SVG
 8 | 		xmlns='http://www.w3.org/2000/svg'
 9 | 		xlink='http://www.w3.org/1999/xlink'
10 | 		preserveAspectRatio='none'
11 | 		viewBox='0 0 1280 140'
12 | 	>
13 | 		<defs>
14 | 			<Path id='slant-top' d='M1280 140V0H0l1280 140z' />
15 | 		</defs>
16 | 		<use href='#slant-top' />
17 | 	</SVG>
18 | );
19 | 
20 | export default slantTop;
21 | 


--------------------------------------------------------------------------------
/src/icons/shape-divider/slant-top/slant-top.svg:
--------------------------------------------------------------------------------
 1 | <svg xmlns="http://www.w3.org/2000/svg" version="1.1"
 2 | 	xmlns:xlink="http://www.w3.org/1999/xlink" preserveAspectRatio="none" x="0px" y="0px" width="1280px" height="140px" viewBox="0 0 1280 140">
 3 | 	<defs>
 4 | 		<g id="Layer0_0_FILL">
 5 | 			<path fill="#000000" stroke="none" d="
 6 | M 1280 140
 7 | L 1280 0 0 0 1280 140 Z"/>
 8 | 		</g>
 9 | 	</defs>
10 | 
11 | 	<g transform="matrix( 1, 0, 0, 1, 0,0) ">
12 | 		<use xlink:href="#Layer0_0_FILL"/>
13 | 	</g>
14 | </svg>
15 | 


--------------------------------------------------------------------------------
/src/icons/template-icons/1-1-1-1-1-1-1-1/index.js:
--------------------------------------------------------------------------------
 1 | /**
 2 |  * WordPress dependencies
 3 |  */
 4 | import { SVG, Path } from '@wordpress/primitives';
 5 | 
 6 | const oneOneOneOneOneOneOneOne = (
 7 | 	<SVG xmlns='http://www.w3.org/2000/svg' viewBox='0 0 111.9 38'>
 8 | 		<Path d='M1 1h51.6M1 6.1h51.6M1 11.3h51.6M1 16.4h51.6M1 21.5h51.6M1 26.7h51.6M1 31.8h51.6M1 36.9h51.6M59.1 1h51.6M59.1 6.1h51.6M59.1 11.3h51.6M59.1 16.4h51.6M59.1 21.5h51.6M59.1 26.7h51.6M59.1 31.8h51.6M59.1 36.9h51.6' />
 9 | 	</SVG>
10 | );
11 | 
12 | export default oneOneOneOneOneOneOneOne;
13 | 


--------------------------------------------------------------------------------
/src/icons/template-icons/1-1-1-1-1-1-1-3/index.js:
--------------------------------------------------------------------------------
 1 | /**
 2 |  * WordPress dependencies
 3 |  */
 4 | import { SVG, Path } from '@wordpress/primitives';
 5 | 
 6 | const oneOneOneOneOneOneOneThree = (
 7 | 	<SVG xmlns='http://www.w3.org/2000/svg' viewBox='0 0 111.9 38'>
 8 | 		<Path d='M1 1h109.9M77.7 25.4h33v11.5h-33zM1.2 25.4h33v11.5h-33zM39.6 25.4h32.7v11.5H39.6zM77.7 7.6h33v11.5h-33zM1.2 7.6h33v11.5h-33zM39.5 7.6h33v11.5h-33z' />
 9 | 	</SVG>
10 | );
11 | 
12 | export default oneOneOneOneOneOneOneThree;
13 | 


--------------------------------------------------------------------------------
/src/icons/template-icons/1-1-1-1-1-1-1/index.js:
--------------------------------------------------------------------------------
 1 | /**
 2 |  * WordPress dependencies
 3 |  */
 4 | import { SVG, Path } from '@wordpress/primitives';
 5 | 
 6 | const oneOneOneOneOneOneOne = (
 7 | 	<SVG xmlns='http://www.w3.org/2000/svg' viewBox='0 0 111.9 38'>
 8 | 		<Path d='M1 1h109.9M1 7h109.9M1 13h109.9M1 19h109.9M1 25h109.9M1 31h109.9M1 37h109.9' />
 9 | 	</SVG>
10 | );
11 | 
12 | export default oneOneOneOneOneOneOne;
13 | 


--------------------------------------------------------------------------------
/src/icons/template-icons/1-1-1-1-1-1-2/index.js:
--------------------------------------------------------------------------------
 1 | /**
 2 |  * WordPress dependencies
 3 |  */
 4 | import { SVG, Path, G } from '@wordpress/primitives';
 5 | 
 6 | const oneOneOneOneOneOneTwo = (
 7 | 	<SVG xmlns='http://www.w3.org/2000/svg' viewBox='0 0 111.9 38'>
 8 | 		<Path d='M110.9 37H1M58.8 1h52.1v7.2H58.8zM1 1h52.1v7.2H1zM58.8 13h52.1v7.2H58.8zM1 13h52.1v7.2H1z' />
 9 | 		<G>
10 | 			<Path d='M58.8 25h52.1v7.2H58.8zM1 25h52.1v7.2H1z' />
11 | 		</G>
12 | 	</SVG>
13 | );
14 | 
15 | export default oneOneOneOneOneOneTwo;
16 | 


--------------------------------------------------------------------------------
/src/icons/template-icons/1-1-1-1-1-1/index.js:
--------------------------------------------------------------------------------
 1 | /**
 2 |  * WordPress dependencies
 3 |  */
 4 | import { SVG, Path } from '@wordpress/primitives';
 5 | 
 6 | const oneOneOneOneOneOne = (
 7 | 	<SVG xmlns='http://www.w3.org/2000/svg' viewBox='0 0 112.12 38'>
 8 | 		<Path d='M1 29.42h52.33V37H1zM1 15.21h52.33v7.58H1zM58.79 29.42h52.33V37H58.79zM58.79 15.21h52.33v7.58H58.79zM1 1h52.33v7.58H1zM58.79 1h52.33v7.58H58.79z' />
 9 | 	</SVG>
10 | );
11 | 
12 | export default oneOneOneOneOneOne;
13 | 


--------------------------------------------------------------------------------
/src/icons/template-icons/1-1-1-1-1/index.js:
--------------------------------------------------------------------------------
 1 | /**
 2 |  * WordPress dependencies
 3 |  */
 4 | import { SVG, Path } from '@wordpress/primitives';
 5 | 
 6 | const oneOneOneOneOne = (
 7 | 	<SVG xmlns='http://www.w3.org/2000/svg' viewBox='0 0 112.03 38'>
 8 | 		<Path d='M1.17 32.48h109.86V37H1.17zM1.17 24.61h109.86v4.52H1.17zM1 16.74h109.86v4.52H1zM1 8.87h109.86v4.52H1zM1 1h109.86v4.52H1z' />
 9 | 	</SVG>
10 | );
11 | 
12 | export default oneOneOneOneOne;
13 | 


--------------------------------------------------------------------------------
/src/icons/template-icons/1-1-1-1-2/index.js:
--------------------------------------------------------------------------------
 1 | /**
 2 |  * WordPress dependencies
 3 |  */
 4 | import { SVG, Path } from '@wordpress/primitives';
 5 | 
 6 | const oneOneOneOneTwo = (
 7 | 	<SVG xmlns='http://www.w3.org/2000/svg' viewBox='0 0 111.86 38'>
 8 | 		<Path d='M1 28.61h109.86V37H1zM58.8 15.39h52.06v7.21H58.8zM1 15.39h52.06v7.21H1zM58.8 1h52.06v7.21H58.8zM1 1h52.06v7.21H1z' />
 9 | 	</SVG>
10 | );
11 | 
12 | export default oneOneOneOneTwo;
13 | 


--------------------------------------------------------------------------------
/src/icons/template-icons/1-1-1-1/4col1.svg:
--------------------------------------------------------------------------------
1 | <svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 112.13 36.1"><defs><style>.cls-1{fill:none;stroke:#323c47;stroke-linecap:round;stroke-linejoin:round;stroke-width:2px;}</style></defs><rect class="cls-1" x="58.79" y="22.93" width="52.33" height="12.16"/><rect class="cls-1" x="1" y="22.93" width="52.33" height="12.16"/><rect class="cls-1" x="58.79" y="1" width="52.33" height="12.16"/><rect class="cls-1" x="1" y="1" width="52.33" height="12.16"/></svg>


--------------------------------------------------------------------------------
/src/icons/template-icons/1-1-1-1/index.js:
--------------------------------------------------------------------------------
 1 | /**
 2 |  * WordPress dependencies
 3 |  */
 4 | import { SVG, Path } from '@wordpress/primitives';
 5 | 
 6 | const oneOneOneOne = (
 7 | 	<SVG xmlns='http://www.w3.org/2000/svg' viewBox='0 0 112.13 36.1'>
 8 | 		<Path d='M58.79 22.93h52.33v12.16H58.79zM1 22.93h52.33v12.16H1zM58.79 1h52.33v12.16H58.79zM1 1h52.33v12.16H1z' />
 9 | 	</SVG>
10 | );
11 | 
12 | export default oneOneOneOne;
13 | 


--------------------------------------------------------------------------------
/src/icons/template-icons/1-1-1/3col3.svg:
--------------------------------------------------------------------------------
1 | <svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 111.91 37.01"><defs><style>.cls-1{fill:none;stroke:#323c47;stroke-linecap:round;stroke-linejoin:round;stroke-width:2px;}</style></defs><rect class="cls-1" x="1" y="27.31" width="109.91" height="8.7"/><rect class="cls-1" x="1" y="14.16" width="109.91" height="8.7"/><rect class="cls-1" x="1" y="1" width="109.91" height="8.7"/></svg>


--------------------------------------------------------------------------------
/src/icons/template-icons/1-1-1/index.js:
--------------------------------------------------------------------------------
 1 | /**
 2 |  * WordPress dependencies
 3 |  */
 4 | import { SVG, Path } from '@wordpress/primitives';
 5 | 
 6 | const oneOneOne = (
 7 | 	<SVG xmlns='http://www.w3.org/2000/svg' viewBox='0 0 111.91 37.01'>
 8 | 		<Path d='M1 27.31h109.91v8.7H1zM1 14.16h109.91v8.7H1zM1 1h109.91v8.7H1z' />
 9 | 	</SVG>
10 | );
11 | 
12 | export default oneOneOne;
13 | 


--------------------------------------------------------------------------------
/src/icons/template-icons/1-1-2-1-1/index.js:
--------------------------------------------------------------------------------
 1 | /**
 2 |  * WordPress dependencies
 3 |  */
 4 | import { SVG, Path } from '@wordpress/primitives';
 5 | 
 6 | const oneOneTwoOneOne = (
 7 | 	<SVG xmlns='http://www.w3.org/2000/svg' viewBox='0 0 111.86 38'>
 8 | 		<Path d='M1 14.8h109.86v8.39H1zM58.8 29.79h52.06V37H58.8zM1 29.79h52.06V37H1zM58.8 1h52.06v7.21H58.8zM1 1h52.06v7.21H1z' />
 9 | 	</SVG>
10 | );
11 | 
12 | export default oneOneTwoOneOne;
13 | 


--------------------------------------------------------------------------------
/src/icons/template-icons/1-1-2-2/4col3.svg:
--------------------------------------------------------------------------------
1 | <svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 112.35 37"><defs><style>.cls-1{fill:none;stroke:#323c47;stroke-linecap:round;stroke-linejoin:round;stroke-width:2px;}</style></defs><rect class="cls-1" x="1" y="13.96" width="110.35" height="8.08"/><rect class="cls-1" x="1" y="27.92" width="110.35" height="8.08"/><rect class="cls-1" x="1" y="1" width="52.29" height="6.94"/><rect class="cls-1" x="59.06" y="1" width="52.29" height="6.94"/></svg>


--------------------------------------------------------------------------------
/src/icons/template-icons/1-1-2-2/index.js:
--------------------------------------------------------------------------------
 1 | /**
 2 |  * WordPress dependencies
 3 |  */
 4 | import { SVG, Path } from '@wordpress/primitives';
 5 | 
 6 | const oneOneTwoTwo = (
 7 | 	<SVG xmlns='http://www.w3.org/2000/svg' viewBox='0 0 112.35 37'>
 8 | 		<Path d='M1 13.96h110.35v8.08H1zM1 27.92h110.35V36H1zM1 1h52.29v6.94H1zM59.06 1h52.29v6.94H59.06z' />
 9 | 	</SVG>
10 | );
11 | 
12 | export default oneOneTwoTwo;
13 | 


--------------------------------------------------------------------------------
/src/icons/template-icons/1-1-2/3col2.svg:
--------------------------------------------------------------------------------
1 | <svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 111.91 36.02"><defs><style>.cls-1{fill:none;stroke:#323c47;stroke-linecap:round;stroke-linejoin:round;stroke-width:2px;}</style></defs><rect class="cls-1" x="58.83" y="1" width="52.08" height="12.14"/><rect class="cls-1" x="1" y="1" width="52.08" height="12.14"/><rect class="cls-1" x="1" y="20.89" width="109.91" height="14.12"/></svg>


--------------------------------------------------------------------------------
/src/icons/template-icons/1-1-2/index.js:
--------------------------------------------------------------------------------
 1 | /**
 2 |  * WordPress dependencies
 3 |  */
 4 | import { SVG, Path } from '@wordpress/primitives';
 5 | 
 6 | const oneOneTwo = (
 7 | 	<SVG xmlns='http://www.w3.org/2000/svg' viewBox='0 0 111.91 36.02'>
 8 | 		<Path d='M58.83 1h52.08v12.14H58.83zM1 1h52.08v12.14H1zM1 20.89h109.91v14.12H1z' />
 9 | 	</SVG>
10 | );
11 | 
12 | export default oneOneTwo;
13 | 


--------------------------------------------------------------------------------
/src/icons/template-icons/1-1-3/1-1-3.svg:
--------------------------------------------------------------------------------
1 | <svg xmlns="http://www.w3.org/2000/svg" id="Layer_1" x="0" y="0" version="1.1" viewBox="0 0 112 36" xml:space="preserve">
2 | 	<path d="M41.5 1H112v34H41.5zM20.8 1h15v34h-15zM0 1h15v34H0z" class="st0"/>
3 | </svg>
4 | 


--------------------------------------------------------------------------------
/src/icons/template-icons/1-1-3/index.js:
--------------------------------------------------------------------------------
 1 | /**
 2 |  * WordPress dependencies
 3 |  */
 4 | import { SVG, Path } from '@wordpress/primitives';
 5 | 
 6 | const oneOneThree = (
 7 | 	<SVG xmlns='http://www.w3.org/2000/svg' viewBox='0 0 112 36'>
 8 | 		<Path d='M27.5 1h22v34h-22zM1 1h22v34H1zM54.1 1H111v34H54.1z' />
 9 | 	</SVG>
10 | );
11 | 
12 | export default oneOneThree;
13 | 


--------------------------------------------------------------------------------
/src/icons/template-icons/1-1-4/1-1-4col.svg:
--------------------------------------------------------------------------------
1 | <svg xmlns="http://www.w3.org/2000/svg" id="Layer_1" x="0" y="0" version="1.1" viewBox="0 0 112 36" xml:space="preserve">
2 | 	<path d="M27.5 1h22v34h-22zM0 1h22v34H0zM55.1 1H112v34H55.1z" class="st0"/>
3 | </svg>
4 | 


--------------------------------------------------------------------------------
/src/icons/template-icons/1-1-4/index.js:
--------------------------------------------------------------------------------
 1 | /**
 2 |  * WordPress dependencies
 3 |  */
 4 | import { SVG, Path } from '@wordpress/primitives';
 5 | 
 6 | const oneOneFour = (
 7 | 	<SVG xmlns='http://www.w3.org/2000/svg' viewBox='0 0 112 36'>
 8 | 		<Path d='M40.5 1H111v34H40.5zM20.8 1h15v34h-15zM1 1h15v34H1z' />
 9 | 	</SVG>
10 | );
11 | 
12 | export default oneOneFour;
13 | 


--------------------------------------------------------------------------------
/src/icons/template-icons/1-2-2/3col1.svg:
--------------------------------------------------------------------------------
1 | <svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 111.91 36.02"><defs><style>.cls-1{fill:none;stroke:#323c47;stroke-linecap:round;stroke-linejoin:round;stroke-width:2px;}</style></defs><rect class="cls-1" x="58.83" y="22.88" width="52.08" height="12.14"/><rect class="cls-1" x="1" y="22.88" width="52.08" height="12.14"/><rect class="cls-1" x="1" y="1" width="109.91" height="14.12"/></svg>


--------------------------------------------------------------------------------
/src/icons/template-icons/1-2-2/index.js:
--------------------------------------------------------------------------------
 1 | /**
 2 |  * WordPress dependencies
 3 |  */
 4 | import { SVG, Path } from '@wordpress/primitives';
 5 | 
 6 | const oneTwoTwo = (
 7 | 	<SVG xmlns='http://www.w3.org/2000/svg' viewBox='0 0 111.91 36.02'>
 8 | 		<Path d='M58.83 22.88h52.08v12.14H58.83zM1 22.88h52.08v12.14H1zM1 1h109.91v14.12H1z' />
 9 | 	</SVG>
10 | );
11 | 
12 | export default oneTwoTwo;
13 | 


--------------------------------------------------------------------------------
/src/icons/template-icons/1-3/1-3col.svg:
--------------------------------------------------------------------------------
1 | <svg xmlns="http://www.w3.org/2000/svg" id="Layer_1" x="0" y="0" version="1.1" viewBox="0 0 112 36" xml:space="preserve">
2 | 	<path d="M0 1h42v34H0zM47.3 1H112v34H47.3z" class="st0"/>
3 | </svg>
4 | 


--------------------------------------------------------------------------------
/src/icons/template-icons/1-3/index.js:
--------------------------------------------------------------------------------
 1 | /**
 2 |  * WordPress dependencies
 3 |  */
 4 | import { SVG, Path } from '@wordpress/primitives';
 5 | 
 6 | const oneThree = (
 7 | 	<SVG xmlns='http://www.w3.org/2000/svg' viewBox='0 0 112 36'>
 8 | 		<Path d='M1 1h38.9v34H1zM46.3 1H111v34H46.3z' />
 9 | 	</SVG>
10 | );
11 | 
12 | export default oneThree;
13 | 


--------------------------------------------------------------------------------
/src/icons/template-icons/1-4-1/1-4-1col.svg:
--------------------------------------------------------------------------------
1 | <svg xmlns="http://www.w3.org/2000/svg" id="Layer_1" x="0" y="0" version="1.1" viewBox="0 0 112 36" xml:space="preserve">
2 | 	<path d="M93 1h19v34H93zM24.1 1h63.8v34H24.1zM0 1h19v34H0z" class="st0"/>
3 | </svg>
4 | 


--------------------------------------------------------------------------------
/src/icons/template-icons/1-4-1/index.js:
--------------------------------------------------------------------------------
 1 | /**
 2 |  * WordPress dependencies
 3 |  */
 4 | import { SVG, Path } from '@wordpress/primitives';
 5 | 
 6 | const oneFourOne = (
 7 | 	<SVG xmlns='http://www.w3.org/2000/svg' viewBox='0 0 112 36'>
 8 | 		<Path d='M92 1h19v34H92zM24.9 1h62.2v34H24.9zM1 1h19v34H1z' />
 9 | 	</SVG>
10 | );
11 | 
12 | export default oneFourOne;
13 | 


--------------------------------------------------------------------------------
/src/icons/template-icons/1-4/1-4col.svg:
--------------------------------------------------------------------------------
1 | <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 112 36">
2 | 	<path fill="none" stroke="#464a53" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M112 35V1H38.2v34H112zM.9 1h32.6v34H.9m-.5 0V1"/>
3 | </svg>
4 | 


--------------------------------------------------------------------------------
/src/icons/template-icons/1-4/index.js:
--------------------------------------------------------------------------------
 1 | /**
 2 |  * WordPress dependencies
 3 |  */
 4 | import { SVG, Path } from '@wordpress/primitives';
 5 | 
 6 | const oneFour = (
 7 | 	<SVG xmlns='http://www.w3.org/2000/svg' viewBox='0 0 112 36'>
 8 | 		<Path d='M38.7 1H111v34H38.7zM1.5 1h32.6v34H1.5M1 35V1' />
 9 | 	</SVG>
10 | );
11 | 
12 | export default oneFour;
13 | 


--------------------------------------------------------------------------------
/src/icons/template-icons/1/1col.svg:
--------------------------------------------------------------------------------
1 | <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 112 36">
2 | 	<path fill="none" stroke="#464a53" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M.7 1h110.5v34H.7V1z"/>
3 | </svg>
4 | 


--------------------------------------------------------------------------------
/src/icons/template-icons/1/index.js:
--------------------------------------------------------------------------------
 1 | /**
 2 |  * WordPress dependencies
 3 |  */
 4 | import { SVG, Path } from '@wordpress/primitives';
 5 | 
 6 | const oneColumn = (
 7 | 	<SVG xmlns='http://www.w3.org/2000/svg' viewBox='0 0 112 36'>
 8 | 		<Path d='M1 1h110v34H1V1z' />
 9 | 	</SVG>
10 | );
11 | 
12 | export default oneColumn;
13 | 


--------------------------------------------------------------------------------
/src/icons/template-icons/2-1-1-1-1-1-1/index.js:
--------------------------------------------------------------------------------
 1 | /**
 2 |  * WordPress dependencies
 3 |  */
 4 | import { SVG, Path, G } from '@wordpress/primitives';
 5 | 
 6 | const twoOneOneOneOneOneOne = (
 7 | 	<SVG xmlns='http://www.w3.org/2000/svg' viewBox='0 0 111.9 38'>
 8 | 		<Path d='M1 1h109.9M58.8 29.8h52.1V37H58.8zM1 29.8h52.1V37H1zM58.8 17.8h52.1V25H58.8zM1 17.8h52.1V25H1z' />
 9 | 		<G>
10 | 			<Path d='M58.8 5.8h52.1V13H58.8zM1 5.8h52.1V13H1z' />
11 | 		</G>
12 | 	</SVG>
13 | );
14 | 
15 | export default twoOneOneOneOneOneOne;
16 | 


--------------------------------------------------------------------------------
/src/icons/template-icons/2-1-1-1-1/index.js:
--------------------------------------------------------------------------------
 1 | /**
 2 |  * WordPress dependencies
 3 |  */
 4 | import { SVG, Path } from '@wordpress/primitives';
 5 | 
 6 | const twoOneOneOneOne = (
 7 | 	<SVG xmlns='http://www.w3.org/2000/svg' viewBox='0 0 111.86 38'>
 8 | 		<Path d='M1 1h109.86v8.39H1zM58.8 29.79h52.06V37H58.8zM1 29.79h52.06V37H1zM58.8 15.69h52.06v7.21H58.8zM1 15.69h52.06v7.21H1z' />
 9 | 	</SVG>
10 | );
11 | 
12 | export default twoOneOneOneOne;
13 | 


--------------------------------------------------------------------------------
/src/icons/template-icons/2-1-1-2/4col2.svg:
--------------------------------------------------------------------------------
1 | <svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 112.35 37"><defs><style>.cls-1{fill:none;stroke:#323c47;stroke-linecap:round;stroke-linejoin:round;stroke-width:2px;}</style></defs><rect class="cls-1" x="1" y="1" width="110.35" height="8.08"/><rect class="cls-1" x="1" y="27.92" width="110.35" height="8.08"/><rect class="cls-1" x="1" y="14.53" width="52.29" height="6.94"/><rect class="cls-1" x="59.06" y="14.53" width="52.29" height="6.94"/></svg>


--------------------------------------------------------------------------------
/src/icons/template-icons/2-1-1-2/index.js:
--------------------------------------------------------------------------------
 1 | /**
 2 |  * WordPress dependencies
 3 |  */
 4 | import { SVG, Path } from '@wordpress/primitives';
 5 | 
 6 | const twoOneOneTwo = (
 7 | 	<SVG
 8 | 		xmlns='http://www.w3.org/2000/svg'
 9 | 		viewBox='0 0 112.35 37'
10 | 		fill='none'
11 | 		stroke='#323c47'
12 | 		strokeLinejoin='round'
13 | 		strokeWidth='2'
14 | 	>
15 | 		<Path d='M1 1h110.35v8.08H1zm0 26.92h110.35V36H1zm0-13.39h52.29v6.94H1zm58.06 0h52.29v6.94H59.06z' />
16 | 	</SVG>
17 | );
18 | 
19 | export default twoOneOneTwo;
20 | 


--------------------------------------------------------------------------------
/src/icons/template-icons/2-2-1-1/4col4.svg:
--------------------------------------------------------------------------------
1 | <svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 112.35 37"><defs><style>.cls-1{fill:none;stroke:#323c47;stroke-linecap:round;stroke-linejoin:round;stroke-width:2px;}</style></defs><rect class="cls-1" x="1" y="14.96" width="110.35" height="8.08"/><rect class="cls-1" x="1" y="1" width="110.35" height="8.08"/><rect class="cls-1" x="1" y="29.06" width="52.29" height="6.94"/><rect class="cls-1" x="59.06" y="29.06" width="52.29" height="6.94"/></svg>


--------------------------------------------------------------------------------
/src/icons/template-icons/2-2-1-1/index.js:
--------------------------------------------------------------------------------
 1 | /**
 2 |  * WordPress dependencies
 3 |  */
 4 | import { SVG, Path } from '@wordpress/primitives';
 5 | 
 6 | const twoTwoOneOne = (
 7 | 	<SVG xmlns='http://www.w3.org/2000/svg' viewBox='0 0 112.35 37'>
 8 | 		<Path d='M1 14.96h110.35v8.08H1zM1 1h110.35v8.08H1zM1 29.06h52.29V36H1zM59.06 29.06h52.29V36H59.06z' />
 9 | 	</SVG>
10 | );
11 | 
12 | export default twoTwoOneOne;
13 | 


--------------------------------------------------------------------------------
/src/icons/template-icons/2-2-2-2-2-2-2-2/index.js:
--------------------------------------------------------------------------------
 1 | /**
 2 |  * WordPress dependencies
 3 |  */
 4 | import { SVG, Path } from '@wordpress/primitives';
 5 | 
 6 | const twoTwoTwoTwoTwoTwoTwoTwo = (
 7 | 	<SVG xmlns='http://www.w3.org/2000/svg' viewBox='0 0 111.9 38'>
 8 | 		<Path d='M1 1h109.9M1 6.1h109.9M1 11.3h109.9M1 16.4h109.9M1 21.5h109.9M1 26.7h109.9M1 31.8h109.9M1 36.9h109.9' />
 9 | 	</SVG>
10 | );
11 | 
12 | export default twoTwoTwoTwoTwoTwoTwoTwo;
13 | 


--------------------------------------------------------------------------------
/src/icons/template-icons/2-2-2-2-2-2/index.js:
--------------------------------------------------------------------------------
 1 | /**
 2 |  * WordPress dependencies
 3 |  */
 4 | import { SVG, Path } from '@wordpress/primitives';
 5 | 
 6 | const twoTwoTwoTwoTwoTwo = (
 7 | 	<SVG xmlns='http://www.w3.org/2000/svg' viewBox='0 0 111.9 38'>
 8 | 		<Path d='M1 1h109.9v2.91H1zM1 14.23h109.9v2.91H1zM1 20.85h109.9v2.91H1zM1 27.47h109.9v2.91H1zM1 7.62h109.9v2.91H1zM1 34.09h109.9V37H1z' />
 9 | 	</SVG>
10 | );
11 | 
12 | export default twoTwoTwoTwoTwoTwo;
13 | 


--------------------------------------------------------------------------------
/src/icons/template-icons/2-2-2-2/4col5.svg:
--------------------------------------------------------------------------------
1 | <svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 112.39 37"><defs><style>.cls-1{fill:none;stroke:#323c47;stroke-linecap:round;stroke-linejoin:round;stroke-width:2px;}</style></defs><rect class="cls-1" x="1" y="10.65" width="110.35" height="6.05"/><rect class="cls-1" x="1" y="1" width="110.35" height="6.05"/><rect class="cls-1" x="1.04" y="29.95" width="110.35" height="6.05"/><rect class="cls-1" x="1.04" y="20.3" width="110.35" height="6.05"/></svg>


--------------------------------------------------------------------------------
/src/icons/template-icons/2-2-2-2/index.js:
--------------------------------------------------------------------------------
 1 | /**
 2 |  * WordPress dependencies
 3 |  */
 4 | import { SVG, Path } from '@wordpress/primitives';
 5 | 
 6 | const twoTwoTwoTwo = (
 7 | 	<SVG xmlns='http://www.w3.org/2000/svg' viewBox='0 0 112.39 37'>
 8 | 		<Path d='M1 10.65h110.35v6.05H1zM1 1h110.35v6.05H1zM1.04 29.95h110.35V36H1.04zM1.04 20.3h110.35v6.05H1.04z' />
 9 | 	</SVG>
10 | );
11 | 
12 | export default twoTwoTwoTwo;
13 | 


--------------------------------------------------------------------------------
/src/icons/template-icons/2-2/2col.svg:
--------------------------------------------------------------------------------
1 | <svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 112.17 35.68"><defs><style>.cls-1{fill:none;stroke:#323c47;stroke-linecap:round;stroke-linejoin:round;stroke-width:2px;}</style></defs><rect class="cls-1" x="1" y="21.47" width="110.17" height="13.21"/><rect class="cls-1" x="1" y="1" width="110.17" height="13.21"/></svg>


--------------------------------------------------------------------------------
/src/icons/template-icons/2-2/index.js:
--------------------------------------------------------------------------------
 1 | /**
 2 |  * WordPress dependencies
 3 |  */
 4 | import { SVG, Path } from '@wordpress/primitives';
 5 | 
 6 | const twoTwo = (
 7 | 	<SVG xmlns='http://www.w3.org/2000/svg' viewBox='0 0 112.17 35.68'>
 8 | 		<Path d='M1 21.47h110.17v13.21H1zM1 1h110.17v13.21H1z' />
 9 | 	</SVG>
10 | );
11 | 
12 | export default twoTwo;
13 | 


--------------------------------------------------------------------------------
/src/icons/template-icons/2/2col.svg:
--------------------------------------------------------------------------------
1 | <svg xmlns="http://www.w3.org/2000/svg" id="Layer_1" x="0" y="0" version="1.1" viewBox="0 0 111 36" xml:space="preserve">
2 | 	<path d="M59 1.1h52v34H59zM0 1.1h52v34H0z" class="st0"/>
3 | </svg>
4 | 


--------------------------------------------------------------------------------
/src/icons/template-icons/2/index.js:
--------------------------------------------------------------------------------
 1 | /**
 2 |  * WordPress dependencies
 3 |  */
 4 | import { SVG, Path } from '@wordpress/primitives';
 5 | 
 6 | const twoColumns = (
 7 | 	<SVG xmlns='http://www.w3.org/2000/svg' viewBox='0 0 111 36'>
 8 | 		<Path d='M58 1.1h52v34H58zM1 1.1h52v34H1z' />
 9 | 	</SVG>
10 | );
11 | 
12 | export default twoColumns;
13 | 


--------------------------------------------------------------------------------
/src/icons/template-icons/3-1-1-1-1-1-1-1/index.js:
--------------------------------------------------------------------------------
 1 | /**
 2 |  * WordPress dependencies
 3 |  */
 4 | import { SVG, Path } from '@wordpress/primitives';
 5 | 
 6 | const threeOneOneOneOneOneOneOne = (
 7 | 	<SVG xmlns='http://www.w3.org/2000/svg' viewBox='0 0 111.9 38'>
 8 | 		<Path d='M110.9 36.9H1M77.7 1h33v11.5h-33zM1.2 1h33v11.5h-33zM39.6 1h32.7v11.5H39.6zM77.7 18.8h33v11.5h-33zM1.2 18.8h33v11.5h-33zM39.5 18.8h33v11.5h-33z' />
 9 | 	</SVG>
10 | );
11 | 
12 | export default threeOneOneOneOneOneOneOne;
13 | 


--------------------------------------------------------------------------------
/src/icons/template-icons/3-1-1/3-1-1col.svg:
--------------------------------------------------------------------------------
1 | <svg xmlns="http://www.w3.org/2000/svg" id="Layer_1" x="0" y="0" version="1.1" viewBox="0 0 112 36" xml:space="preserve">
2 | 	<path d="M76.4 1h15v34h-15zM97 1h15v34H97zM0 1h70.7v34H0z" class="st0"/>
3 | </svg>
4 | 


--------------------------------------------------------------------------------
/src/icons/template-icons/3-1-1/index.js:
--------------------------------------------------------------------------------
 1 | /**
 2 |  * WordPress dependencies
 3 |  */
 4 | import { SVG } from '@wordpress/primitives';
 5 | 
 6 | const threeOneOne = (
 7 | 	<SVG xmlns='http://www.w3.org/2000/svg' viewBox='0 0 112 36'>
 8 | 		<path d='M88 1h23v34H88zM61.2 1h23v34h-23zM1 1h56.3v34H1z' />
 9 | 	</SVG>
10 | );
11 | 
12 | export default threeOneOne;
13 | 


--------------------------------------------------------------------------------
/src/icons/template-icons/3-1/3-1col.svg:
--------------------------------------------------------------------------------
1 | <svg xmlns="http://www.w3.org/2000/svg" id="Layer_1" x="0" y="0" version="1.1" viewBox="0 0 112 36" xml:space="preserve">
2 | 	<path d="M70 1h42v34H70zM0 1h64.7v34H0z" class="st0"/>
3 | </svg>
4 | 


--------------------------------------------------------------------------------
/src/icons/template-icons/3-1/index.js:
--------------------------------------------------------------------------------
 1 | /**
 2 |  * WordPress dependencies
 3 |  */
 4 | import { SVG, Path } from '@wordpress/primitives';
 5 | 
 6 | const threeOne = (
 7 | 	<SVG xmlns='http://www.w3.org/2000/svg' viewBox='0 0 112 36'>
 8 | 		<Path d='M69 1h42v34H69zM1 1h63.1v34H1z' />
 9 | 	</SVG>
10 | );
11 | 
12 | export default threeOne;
13 | 


--------------------------------------------------------------------------------
/src/icons/template-icons/3/3col.svg:
--------------------------------------------------------------------------------
1 | <svg xmlns="http://www.w3.org/2000/svg" id="Layer_1" x="0" y="0" version="1.1" viewBox="0 0 112 36" xml:space="preserve">
2 | 	<path d="M79 1h33v34H79zM39.5 1h33v34h-33zM0 1h33v34H0z" class="st0"/>
3 | </svg>
4 | 


--------------------------------------------------------------------------------
/src/icons/template-icons/3/index.js:
--------------------------------------------------------------------------------
 1 | /**
 2 |  * WordPress dependencies
 3 |  */
 4 | import { SVG, Path } from '@wordpress/primitives';
 5 | 
 6 | const threeColumns = (
 7 | 	<SVG xmlns='http://www.w3.org/2000/svg' viewBox='0 0 112 36'>
 8 | 		<Path d='M78 1h33v34H78zM39.5 1h33v34h-33zM1 1h33v34H1z' />
 9 | 	</SVG>
10 | );
11 | 
12 | export default threeColumns;
13 | 


--------------------------------------------------------------------------------
/src/icons/template-icons/4-1-1/4-1-1col.svg:
--------------------------------------------------------------------------------
1 | <svg xmlns="http://www.w3.org/2000/svg" id="Layer_1" x="0" y="0" version="1.1" viewBox="0 0 112 36" xml:space="preserve">
2 | 	<path d="M89 1h23v34H89zM61.5 1h23v34h-23zM0 1h57v34H0z" class="st0"/>
3 | </svg>
4 | 


--------------------------------------------------------------------------------
/src/icons/template-icons/4-1-1/index.js:
--------------------------------------------------------------------------------
 1 | /**
 2 |  * WordPress dependencies
 3 |  */
 4 | import { SVG } from '@wordpress/primitives';
 5 | 
 6 | const fourOneOne = (
 7 | 	<SVG xmlns='http://www.w3.org/2000/svg' viewBox='0 0 112 36'>
 8 | 		<path d='M76.4 1h15v34h-15zM96 1h15v34H96zM1 1h70.7v34H1z' />
 9 | 	</SVG>
10 | );
11 | 
12 | export default fourOneOne;
13 | 


--------------------------------------------------------------------------------
/src/icons/template-icons/4-1/4-1col.svg:
--------------------------------------------------------------------------------
1 | <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 112 36">
2 | 	<path fill="none" stroke="#464a53" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M0 35V1h74v34H0zm111.5 0H78.8V1h32.7m.5 0v34"/>
3 | </svg>
4 | 


--------------------------------------------------------------------------------
/src/icons/template-icons/4-1/index.js:
--------------------------------------------------------------------------------
 1 | /**
 2 |  * WordPress dependencies
 3 |  */
 4 | import { SVG, Path } from '@wordpress/primitives';
 5 | 
 6 | const fourOne = (
 7 | 	<SVG xmlns='http://www.w3.org/2000/svg' viewBox='0 0 112 36'>
 8 | 		<Path d='M1 1h72.6v34H1zM110.5 35H77.8V1h32.7M111 1v34' />
 9 | 	</SVG>
10 | );
11 | 
12 | export default fourOne;
13 | 


--------------------------------------------------------------------------------
/src/icons/template-icons/4/4col.svg:
--------------------------------------------------------------------------------
1 | <svg xmlns="http://www.w3.org/2000/svg" id="Layer_1" x="0" y="0" version="1.1" viewBox="0 0 112 36" xml:space="preserve">
2 | 	<path d="M88 1h24v34H88zM0 1h24v34H0zM29.3 1h24v34h-24zM58.7 1h24v34h-24z" class="st0"/>
3 | </svg>
4 | 


--------------------------------------------------------------------------------
/src/icons/template-icons/4/index.js:
--------------------------------------------------------------------------------
 1 | /**
 2 |  * WordPress dependencies
 3 |  */
 4 | import { SVG, Path } from '@wordpress/primitives';
 5 | 
 6 | const fourColumns = (
 7 | 	<SVG xmlns='http://www.w3.org/2000/svg' viewBox='0 0 112 36'>
 8 | 		<Path d='M87 1h24v34H87zM1 1h24v34H1zM29.7 1h24v34h-24zM58.3 1h24v34h-24z' />
 9 | 	</SVG>
10 | );
11 | 
12 | export default fourColumns;
13 | 


--------------------------------------------------------------------------------
/src/icons/template-icons/5/5col.svg:
--------------------------------------------------------------------------------
1 | <svg xmlns="http://www.w3.org/2000/svg" id="Layer_1" x="0" y="0" version="1.1" viewBox="0 0 112 36" xml:space="preserve">
2 | 	<path d="M93.1 1H112v34H93.1zM70.4 1h17.8v34H70.4zM0 1h18.7v34H0zM23.8 1h17.8v34H23.8zM47.1 1h17.8v34H47.1z" class="st0"/>
3 | </svg>
4 | 


--------------------------------------------------------------------------------
/src/icons/template-icons/5/index.js:
--------------------------------------------------------------------------------
 1 | /**
 2 |  * WordPress dependencies
 3 |  */
 4 | import { SVG, Path } from '@wordpress/primitives';
 5 | 
 6 | const fiveColumns = (
 7 | 	<SVG xmlns='http://www.w3.org/2000/svg' viewBox='0 0 112 36'>
 8 | 		<Path d='M92.1 1H111v34H92.1zM69.8 1h17.8v34H69.8zM1 1h18.7v34H1zM24.3 1h17.8v34H24.3zM47.1 1h17.8v34H47.1z' />
 9 | 	</SVG>
10 | );
11 | 
12 | export default fiveColumns;
13 | 


--------------------------------------------------------------------------------
/src/icons/template-icons/6/6col.svg:
--------------------------------------------------------------------------------
1 | <svg xmlns="http://www.w3.org/2000/svg" id="Layer_1" x="0" y="0" version="1.1" viewBox="0 0 112 36" xml:space="preserve">
2 | 	<path d="M98 1h14v34H98zM78.4 1h14v34h-14zM58.8 1h14v34h-14zM39.2 1h14v34h-14zM0 1h14v34H0zM19.6 1h14v34h-14z" class="st0"/>
3 | </svg>
4 | 


--------------------------------------------------------------------------------
/src/icons/template-icons/6/index.js:
--------------------------------------------------------------------------------
 1 | /**
 2 |  * WordPress dependencies
 3 |  */
 4 | import { SVG, Path } from '@wordpress/primitives';
 5 | 
 6 | const sixColumns = (
 7 | 	<SVG xmlns='http://www.w3.org/2000/svg' viewBox='0 0 112 36'>
 8 | 		<Path d='M97 1h14v34H97zM77.8 1h14v34h-14zM58.6 1h14v34h-14zM39.4 1h14v34h-14zM1 1h14v34H1zM20.2 1h14v34h-14z' />
 9 | 	</SVG>
10 | );
11 | 
12 | export default sixColumns;
13 | 


--------------------------------------------------------------------------------
/src/icons/template-icons/7/index.js:
--------------------------------------------------------------------------------
 1 | /**
 2 |  * WordPress dependencies
 3 |  */
 4 | import { SVG, Path } from '@wordpress/primitives';
 5 | 
 6 | const sevenColumns = (
 7 | 	<SVG xmlns='http://www.w3.org/2000/svg' viewBox='0 0 112 36'>
 8 | 		<Path d='M82.6 1h12v34h-12zM98.9 1h12v34h-12zM66.3 1h12v34h-12zM50 1h12v34H50zM33.7 1h12v34h-12zM1.1 1h12v34h-12zM17.4 1h12v34h-12z' />
 9 | 	</SVG>
10 | );
11 | 
12 | export default sevenColumns;
13 | 


--------------------------------------------------------------------------------
/src/icons/template-icons/8/index.js:
--------------------------------------------------------------------------------
 1 | /**
 2 |  * WordPress dependencies
 3 |  */
 4 | import { SVG, Path } from '@wordpress/primitives';
 5 | 
 6 | const eightColumns = (
 7 | 	<SVG xmlns='http://www.w3.org/2000/svg' viewBox='0 0 112 36'>
 8 | 		<Path d='M72.1 1h10.5v34H72.1zM86.3 1h10.5v34H86.3zM100.5 1H111v34h-10.5zM57.9 1h10.5v34H57.9zM43.6 1h10.5v34H43.6zM29.4 1h10.5v34H29.4zM1 1h10.5v34H1zM15.2 1h10.5v34H15.2z' />
 9 | 	</SVG>
10 | );
11 | 
12 | export default eightColumns;
13 | 


--------------------------------------------------------------------------------
/src/icons/toolbar-icons/copy/index.js:
--------------------------------------------------------------------------------
 1 | /**
 2 |  * WordPress dependencies
 3 |  */
 4 | import { SVG, Path, G } from '@wordpress/primitives';
 5 | 
 6 | const toolbarCopy = (
 7 | 	<SVG xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'>
 8 | 		<G fill='none' stroke='#FFF'>
 9 | 			<Path d='M19.7 5.1h-6.1M19.7 14.6h-6.1M19.7 11.5h-6.1M19.7 8.3h-6.1M10.1 18.5v-13H1.3v17.2h12.6v-4.2z' />
10 | 			<Path d='M13.9 18.5h8.8V1.3H10.1v4.2M10.1 5.5v13h3.8' />
11 | 		</G>
12 | 	</SVG>
13 | );
14 | 
15 | export default toolbarCopy;
16 | 


--------------------------------------------------------------------------------
/src/icons/toolbar-icons/divider-align/divider-align.svg:
--------------------------------------------------------------------------------
1 | <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
2 | 	<path fill="#fff" d="M20.2 9.7l-.8.5 2.3 2h-9V3.1l2.4 2.4.6-.6-3.5-3.5-3.5 3.5.6.6 2.4-2.4v9.1H2.1L4.6 10l-.8-.5-3.3 2.9 3.3 2.9.7-.7L2.6 13h9.2v9.5h.9V13h9l-2.2 2 .7.7 3.3-3-3.3-3zM1.8 12.5z"/>
3 | 	<path fill="none" stroke="#fff" stroke-miterlimit="10" d="M20.2 9.7l-.8.5 2.3 2h-9V3.1l2.4 2.4.6-.6-3.5-3.5-3.5 3.5.6.6 2.4-2.4v9.1H2.1L4.6 10l-.8-.5-3.3 2.9 3.3 2.9.7-.7L2.6 13h9.2v9.5h.9V13h9l-2.2 2 .7.7 3.3-3-3.3-3zM1.8 12.5h0z"/>
4 | </svg>
5 | 


--------------------------------------------------------------------------------
/src/icons/toolbar-icons/h1/index.js:
--------------------------------------------------------------------------------
 1 | /**
 2 |  * WordPress dependencies
 3 |  */
 4 | import { SVG, Path } from '@wordpress/primitives';
 5 | 
 6 | const toolbarH1 = (
 7 | 	<SVG xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'>
 8 | 		<Path d='M3.3 3v7.6h9.1V3h2.5v18h-2.5v-8.5H3.3V21H.8V3h2.5zM20.8 5.8l-3.2 1.6-.5-1.8 4-2h2.1V21h-2.4V5.8z' />
 9 | 	</SVG>
10 | );
11 | 
12 | export default toolbarH1;
13 | 


--------------------------------------------------------------------------------
/src/icons/toolbar-icons/h2/index.js:
--------------------------------------------------------------------------------
 1 | /**
 2 |  * WordPress dependencies
 3 |  */
 4 | import { SVG, Path } from '@wordpress/primitives';
 5 | 
 6 | const toolbarH2 = (
 7 | 	<SVG xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'>
 8 | 		<Path d='M2.5 3.2v7.3h8.1V3.2h2.2v17.6h-2.2v-8.2H2.5v8.2H.4V3.2h2.1zM13.3 20.8v-1.4l1.7-1.7c4.1-4.1 6-6.3 6-8.9 0-1.7-.8-3.3-3.2-3.3-1.5 0-2.7.8-3.4 1.4l-.7-1.6c1.1-1 2.7-1.7 4.6-1.7 3.5 0 4.9 2.5 4.9 4.9 0 3.1-2.2 5.7-5.6 9.1l-1.3 1.3v.1h7.3v1.9H13.3z' />
 9 | 	</SVG>
10 | );
11 | 
12 | export default toolbarH2;
13 | 


--------------------------------------------------------------------------------
/src/icons/toolbar-icons/h4/index.js:
--------------------------------------------------------------------------------
 1 | /**
 2 |  * WordPress dependencies
 3 |  */
 4 | import { SVG, Path } from '@wordpress/primitives';
 5 | 
 6 | const toolbarH4 = (
 7 | 	<SVG xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'>
 8 | 		<Path d='M2.5 3.2v7.3h8.1V3.2h2.2v17.6h-2.2v-8.2H2.5v8.2H.4V3.2h2.1z' />
 9 | 		<Path d='M19.3 20.8v-4.6h-7.5v-1.5L19 3.8h2.4v10.5h2.3v1.8h-2.3v4.6h-2.1zm0-6.4V8.7c0-.9 0-1.8.1-2.7h-.1c-.5 1-.9 1.7-1.3 2.5l-4 5.8v.1h5.3z' />
10 | 	</SVG>
11 | );
12 | 
13 | export default toolbarH4;
14 | 


--------------------------------------------------------------------------------
/src/icons/toolbar-icons/headings-level/advanced-settings.svg:
--------------------------------------------------------------------------------
1 | <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 25.38 21.79">
2 | 	<g data-name="Layer 2">
3 | 		<path fill="#fff" d="M12.28 8.23H3.44V0H0v19.78h3.44v-8.77h8.84v8.77h3.43V0h-3.43v8.23zm12.56 6.95a1.79 1.79 0 00-1.5-.71 1.71 1.71 0 00-1.4.63l-.05-.53h-1.08v7.22H22v-2.48a1.9 1.9 0 002.85-.15 3.09 3.09 0 00.55-1.93v-.07a3.21 3.21 0 00-.56-1.98zm-.94 3.31a1 1 0 01-.88.45 1.1 1.1 0 01-1-.6V16a1.09 1.09 0 011-.59 1 1 0 01.89.46 2.15 2.15 0 01.31 1.24 2.38 2.38 0 01-.32 1.38z" data-name="Layer 1"/>
4 | 	</g>
5 | </svg>
6 | 


--------------------------------------------------------------------------------
/src/icons/toolbar-icons/indent-list/Indent-list.svg:
--------------------------------------------------------------------------------
1 | <svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 19.38 20.7"><defs><style>.cls-1{fill:none;stroke:#fff;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.5px;}</style></defs><path id="Layer0_2_1_STROKES" data-name="Layer0 2 1 STROKES" class="cls-1" d="M6.18,16.26,3.51,18.93,6.18,21.6m4.32-3.36H20.94M3.06,10.32H20.94M3.06,2.4H20.94" transform="translate(-2.31 -1.65)"/></svg>


--------------------------------------------------------------------------------
/src/icons/toolbar-icons/outdent-list/Outdent -list.svg:
--------------------------------------------------------------------------------
1 | <svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 19.38 20.7"><defs><style>.cls-1{fill:none;stroke:#fff;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.5px;}</style></defs><path id="Layer0_2_1_STROKES" data-name="Layer0 2 1 STROKES" class="cls-1" d="M17.82,21.6l2.67-2.67-2.67-2.67m-14.76,2H13.5M3.06,10.32H20.94M3.06,2.4H20.94" transform="translate(-2.31 -1.65)"/></svg>


--------------------------------------------------------------------------------
/src/icons/toolbar-icons/paste/index.js:
--------------------------------------------------------------------------------
 1 | /**
 2 |  * WordPress dependencies
 3 |  */
 4 | import { SVG, Path, G } from '@wordpress/primitives';
 5 | 
 6 | const toolbarPaste = (
 7 | 	<SVG xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'>
 8 | 		<G fill='none' stroke='#FFF'>
 9 | 			<Path d='M19.7 5.1h-6.1M19.7 14.6h-6.1M19.7 11.5h-6.1M19.7 8.3h-6.1M10.1 18.5v-13H1.3v17.2h12.6v-4.2z' />
10 | 			<Path d='M13.9 18.5h8.8V1.3H10.1v4.2M10.1 5.5v13h3.8' />
11 | 		</G>
12 | 	</SVG>
13 | );
14 | 
15 | export default toolbarPaste;
16 | 


--------------------------------------------------------------------------------
/src/icons/toolbar-icons/reusable-blocks/reusable_blocks.svg:
--------------------------------------------------------------------------------
1 | <svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" viewBox="0 0 24 24">
2 |   <path d="M7 7.2h8.2L13.5 9l1.1 1.1 3.6-3.6-3.5-4-1.1 1 1.9 2.3H7c-.9 0-1.7.3-2.3.9-1.4 1.5-1.4 4.2-1.4 5.6v.2h1.5v-.3c0-1.1 0-3.5 1-4.5.3-.3.7-.5 1.2-.5zm13.8 4V11h-1.5v.3c0 1.1 0 3.5-1 4.5-.3.3-.7.5-1.3.5H8.8l1.7-1.7-1.1-1.1L5.9 17l3.5 4 1.1-1-1.9-2.3H17c.9 0 1.7-.3 2.3-.9 1.5-1.4 1.5-4.2 1.5-5.6z"/>
3 | </svg>
4 | 


--------------------------------------------------------------------------------
/src/icons/toolbar-icons/subscript/index.js:
--------------------------------------------------------------------------------
 1 | /**
 2 |  * WordPress dependencies
 3 |  */
 4 | import { SVG, Path } from '@wordpress/primitives';
 5 | 
 6 | const subscript = (
 7 | 	<SVG width={16} height={15.402} viewBox='0 0 16 15.402'>
 8 | 		<g strokeLinecap='round' strokeLinejoin='round' strokeWidth={1.5}>
 9 | 			<Path d='M.649 14.752L5.583.649l4.934 14.1m-7.984-5.39h5.92' />
10 | 			<Path d='M10.652 14.757l2.351-6.72 2.349 6.72m-3.8-2.569h2.821' />
11 | 		</g>
12 | 	</SVG>
13 | );
14 | 
15 | export default subscript;
16 | 


--------------------------------------------------------------------------------
/src/icons/toolbar-icons/toolbar-align-left/ToolbarAlignLeft.svg:
--------------------------------------------------------------------------------
1 | <svg xmlns="http://www.w3.org/2000/svg" width="16" height="17.5" viewBox="0 0 16 17.5">
2 |   <g id="Align-left" transform="translate(0 0.75)">
3 |     <path id="Shape_7_copy" d="M11.7,1.5H1.5m16,3.9H1.5M11.7,9.2H1.5m16,3.9H1.5m10.2,4.4H1.5" transform="translate(-1.5 -1.5)" fill="none" stroke="#007cba" stroke-linejoin="round" stroke-width="1.5"/>
4 |   </g>
5 | </svg>
6 | 


--------------------------------------------------------------------------------
/src/icons/toolbar-icons/toolbar-align-left/index.js:
--------------------------------------------------------------------------------
 1 | /**
 2 |  * WordPress dependencies
 3 |  */
 4 | import { SVG, Path } from '@wordpress/primitives';
 5 | 
 6 | const toolbarAlignLeft = (
 7 | 	<SVG width={16} height={17.5} viewBox='0 0 16 17.5'>
 8 | 		<Path
 9 | 			d='M10.2 0H0m16 3.9H0m10.2 3.8H0m16 3.9H0M10.2 16H0'
10 | 			strokeLinejoin='round'
11 | 			strokeWidth={1.5}
12 | 			transform='translate(0 .75)'
13 | 		/>
14 | 	</SVG>
15 | );
16 | 
17 | export default toolbarAlignLeft;
18 | 


--------------------------------------------------------------------------------
/src/icons/toolbar-icons/toolbar-align-right/ToolbarAlignRight.svg:
--------------------------------------------------------------------------------
1 | <svg xmlns="http://www.w3.org/2000/svg" width="16" height="17.5" viewBox="0 0 16 17.5">
2 |   <g id="Align-right" transform="translate(0 0.75)">
3 |     <path id="Shape_7_copy" d="M17.5,1.5H7.3M17.5,5.4H1.5m16,3.8H7.3m10.2,3.9H1.5m16,4.4H7.3" transform="translate(-1.5 -1.5)" fill="none" stroke="#141516" stroke-linejoin="round" stroke-width="1.5"/>
4 |   </g>
5 | </svg>
6 | 


--------------------------------------------------------------------------------
/src/icons/toolbar-icons/toolbar-align-right/index.js:
--------------------------------------------------------------------------------
 1 | /**
 2 |  * WordPress dependencies
 3 |  */
 4 | import { SVG, Path } from '@wordpress/primitives';
 5 | 
 6 | const toolbarAlignRight = (
 7 | 	<SVG width={16} height={17.5} viewBox='0 0 16 17.5'>
 8 | 		<Path
 9 | 			d='M16 0H5.8M16 3.9H0m16 3.8H5.8M16 11.6H0M16 16H5.8'
10 | 			strokeLinejoin='round'
11 | 			strokeWidth={1.5}
12 | 			transform='translate(0 .75)'
13 | 		/>
14 | 	</SVG>
15 | );
16 | 
17 | export default toolbarAlignRight;
18 | 


--------------------------------------------------------------------------------
/src/icons/toolbar-icons/underline/index.js:
--------------------------------------------------------------------------------
 1 | /**
 2 |  * WordPress dependencies
 3 |  */
 4 | import { SVG, Path } from '@wordpress/primitives';
 5 | 
 6 | const underline = (
 7 | 	<SVG width={15.585} height={15.585} viewBox='0 0 15.585 15.585'>
 8 | 		<g strokeLinecap='round' strokeLinejoin='round' strokeWidth={1.5}>
 9 | 			<Path transform='translate(.75 14.835)' d='M14.085 0L0 0' />
10 | 			<Path d='M12.018.75v6.779c0 3.609-1.849 5.106-4.314 5.106-2.377 0-4.137-1.409-4.137-5.018V.75' />
11 | 		</g>
12 | 	</SVG>
13 | );
14 | 
15 | export default underline;
16 | 


--------------------------------------------------------------------------------
/templates/full-width-template.php:
--------------------------------------------------------------------------------
 1 | <?php
 2 | /*
 3 |  * Template Name: Maxi full width template
 4 |  * Description: Full width template.
 5 |  */
 6 | 
 7 | get_header(); ?>
 8 | 
 9 | <main id="maxi-main-container" role="main">
10 | 	<div class="entry-content">
11 | 
12 | 	<?php if (have_posts()) {
13 | 		while (have_posts()) {
14 | 			the_post();
15 | 			the_content();
16 | 		}
17 | 	} ?>
18 | 
19 | 	</div> 
20 | </main>
21 | 
22 | <?php get_footer(); ?>
23 | 


--------------------------------------------------------------------------------