/*! elementor - v3.16.0 - 17-10-2023 */
"use strict";(self.webpackChunkelementor=self.webpackChunkelementor||[]).push([[745],{9269:(e,t)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;class Alert extends elementorModules.frontend.handlers.Base{getDefaultSettings(){return{selectors:{dismissButton:".elementor-alert-dismiss"}}}getDefaultElements(){const e=this.getSettings("selectors");return{$dismissButton:this.$element.find(e.dismissButton)}}bindEvents(){this.elements.$dismissButton.on("click",this.onDismissButtonClick.bind(this))}onDismissButtonClick(){this.$element.fadeOut()}}t.default=Alert}}]);/******/ (function() { // webpackBootstrap
/******/ 	"use strict";
/******/ 	var __webpack_modules__ = ({

/***/ "./packages/packages/pro/editor-components-extended/src/components/angie-install-dialog/angie-install-dialog.tsx":
/*!***********************************************************************************************************************!*\
  !*** ./packages/packages/pro/editor-components-extended/src/components/angie-install-dialog/angie-install-dialog.tsx ***!
  \***********************************************************************************************************************/
/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {

__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   AngieInstallDialog: function() { return /* binding */ AngieInstallDialog; }
/* 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_mcp__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @elementor/editor-mcp */ "@elementor/editor-mcp");
/* harmony import */ var _elementor_editor_mcp__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_elementor_editor_mcp__WEBPACK_IMPORTED_MODULE_1__);
/* harmony import */ var _elementor_events__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @elementor/events */ "@elementor/events");
/* harmony import */ var _elementor_events__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_elementor_events__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__);
/* 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__);







const PROMOTION_IMAGE_URL = 'https://assets.elementor.com/packages/v1/images/angie-components-promotion.svg';
const ANGIE_COMPONENTS_TAB_ENTRY = 'components_tab';
const ANGIE_INSTALL_STARTED_EVENT = 'angie_install_started';
function AngieInstallDialog({
  open,
  onClose,
  prompt
}) {
  const [installState, setInstallState] = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)('idle');
  const handleClose = () => {
    if (installState === 'installing') {
      return;
    }
    setInstallState('idle');
    onClose();
  };
  const handleInstall = async () => {
    setInstallState('installing');
    (0,_elementor_events__WEBPACK_IMPORTED_MODULE_2__.trackEvent)({
      eventName: ANGIE_INSTALL_STARTED_EVENT,
      trigger_source: ANGIE_COMPONENTS_TAB_ENTRY
    });
    const result = await (0,_elementor_editor_mcp__WEBPACK_IMPORTED_MODULE_1__.installAngiePlugin)();
    if (!result.success) {
      setInstallState('error');
      return;
    }
    (0,_elementor_editor_mcp__WEBPACK_IMPORTED_MODULE_1__.redirectToAppAdmin)(prompt);
  };
  const handleFallbackInstall = () => {
    (0,_elementor_editor_mcp__WEBPACK_IMPORTED_MODULE_1__.redirectToInstallation)(prompt);
  };
  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_4__.Dialog, {
    fullWidth: true,
    maxWidth: "md",
    open: open,
    onClose: handleClose
  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_4__.IconButton, {
    "aria-label": (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_5__.__)('Close', 'elementor-pro'),
    onClick: handleClose,
    sx: {
      position: 'absolute',
      right: 8,
      top: 8,
      zIndex: 1
    }
  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_icons__WEBPACK_IMPORTED_MODULE_3__.XIcon, null)), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_4__.DialogContent, {
    sx: {
      p: 0,
      overflow: 'hidden'
    }
  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_4__.Stack, {
    direction: "row",
    sx: {
      height: 400
    }
  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_4__.Image, {
    sx: {
      height: '100%',
      aspectRatio: '1 / 1',
      objectFit: 'cover',
      objectPosition: 'right center'
    },
    src: PROMOTION_IMAGE_URL
  }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_4__.Stack, {
    gap: 2,
    justifyContent: "center",
    p: 4
  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_4__.Typography, {
    variant: "h6",
    fontWeight: 600,
    whiteSpace: "nowrap"
  }, installState === 'error' ? (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_5__.__)('Installation failed', 'elementor-pro') : (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_5__.__)('Install Angie to build components', 'elementor-pro')), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_4__.Typography, {
    variant: "body2",
    color: "text.secondary"
  }, installState === 'error' ? (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_5__.__)("We couldn't install Angie automatically. Click below to install it manually.", 'elementor-pro') : (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_5__.__)('Angie lets you create components, widgets, sections, and code using simple instructions.', 'elementor-pro')), installState !== 'error' && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_4__.Typography, {
    variant: "body2",
    color: "text.secondary"
  }, (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_5__.__)('Install once to start building directly inside the editor.', 'elementor-pro')), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_4__.Stack, {
    direction: "row",
    justifyContent: "flex-end",
    sx: {
      mt: 2
    }
  }, installState === 'error' ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_4__.Button, {
    variant: "contained",
    color: "accent",
    onClick: handleFallbackInstall
  }, (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_5__.__)('Install Manually', 'elementor-pro')) : /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_4__.Button, {
    variant: "contained",
    color: "accent",
    onClick: handleInstall,
    disabled: installState === 'installing',
    startIcon: installState === 'installing' ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_4__.CircularProgress, {
      size: 18,
      color: "inherit"
    }) : undefined
  }, installState === 'installing' ? (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_5__.__)('Installing…', 'elementor-pro') : (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_5__.__)('Install Angie', 'elementor-pro')))))));
}

/***/ }),

/***/ "./packages/packages/pro/editor-components-extended/src/components/angie-install-dialog/index.ts":
/*!*******************************************************************************************************!*\
  !*** ./packages/packages/pro/editor-components-extended/src/components/angie-install-dialog/index.ts ***!
  \*******************************************************************************************************/
/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {

__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   AngieInstallDialog: function() { return /* reexport safe */ _angie_install_dialog__WEBPACK_IMPORTED_MODULE_0__.AngieInstallDialog; }
/* harmony export */ });
/* harmony import */ var _angie_install_dialog__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./angie-install-dialog */ "./packages/packages/pro/editor-components-extended/src/components/angie-install-dialog/angie-install-dialog.tsx");


/***/ }),

/***/ "./packages/packages/pro/editor-components-extended/src/components/angie-intro/angie-intro-popover.tsx":
/*!*************************************************************************************************************!*\
  !*** ./packages/packages/pro/editor-components-extended/src/components/angie-intro/angie-intro-popover.tsx ***!
  \*************************************************************************************************************/
/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {

__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   ANGIE_INTRO_MESSAGE_KEY: function() { return /* binding */ ANGIE_INTRO_MESSAGE_KEY; },
/* harmony export */   AngieIntroPopover: function() { return /* binding */ AngieIntroPopover; },
/* harmony export */   useAngieIntro: function() { return /* binding */ useAngieIntro; }
/* 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_current_user__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @elementor/editor-current-user */ "@elementor/editor-current-user");
/* harmony import */ var _elementor_editor_current_user__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_elementor_editor_current_user__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 ANGIE_INTRO_MESSAGE_KEY = 'angie-components-intro';
const INTRO_IMAGE_URL = 'https://assets.elementor.com/packages/v1/images/angie-components-promotion.svg';
const IMAGE_OVERLAY_COLOR = 'rgba(255, 0, 191, 0.6)';
const BUTTON_COLOR = '#f0abfc';
const BUTTON_HOVER_COLOR = '#e879f9';
const BUTTON_TEXT_COLOR = '#0c0d0e';
const AngieIntroPopover = ({
  open,
  onClose,
  onConfirm,
  anchorRef
}) => {
  const anchorEl = anchorRef?.current;
  const slotProps = anchorEl ? {
    popper: {
      anchorEl,
      modifiers: [{
        name: 'offset',
        options: {
          offset: [-40, 8]
        }
      }]
    }
  } : undefined;
  const handleClose = e => {
    e.stopPropagation();
    onClose();
  };
  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_2__.Infotip, {
    placement: "right-start",
    content: /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(AngieIntroCard, {
      onClose: handleClose,
      onConfirm: onConfirm
    }),
    open: open,
    slotProps: slotProps
  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("span", null));
};
function AngieIntroCard({
  onClose,
  onConfirm
}) {
  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_2__.ClickAwayListener, {
    disableReactTree: true,
    mouseEvent: "onMouseDown",
    touchEvent: "onTouchStart",
    onClickAway: onClose
  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_2__.Card, {
    elevation: 0,
    sx: {
      width: 296,
      borderRadius: '4px'
    }
  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_2__.CardHeader, {
    title: /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_2__.Box, {
      sx: {
        display: 'flex',
        alignItems: 'center',
        gap: 1
      }
    }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_2__.Typography, {
      variant: "subtitle2"
    }, (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_3__.__)('Meet Angie', 'elementor-pro')), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_2__.Chip, {
      label: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_3__.__)('New', 'elementor-pro'),
      size: "small",
      sx: {
        height: 24,
        fontSize: '13px',
        backgroundColor: '#ebf2fe',
        color: '#1945a4',
        borderRadius: '1000px'
      }
    })),
    action: /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_2__.CloseButton, {
      slotProps: {
        icon: {
          fontSize: 'tiny'
        }
      },
      onClick: onClose
    }),
    sx: {
      py: 1,
      px: 2
    }
  }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_2__.Box, {
    sx: {
      position: 'relative',
      width: '100%',
      height: 148
    }
  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_2__.CardMedia, {
    component: "img",
    image: INTRO_IMAGE_URL,
    alt: "",
    sx: {
      width: '100%',
      height: '100%',
      objectFit: 'cover'
    }
  }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_2__.Box, {
    sx: {
      position: 'absolute',
      inset: 0,
      backgroundColor: IMAGE_OVERLAY_COLOR,
      pointerEvents: 'none'
    }
  })), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_2__.CardContent, {
    sx: {
      px: 2,
      py: 1
    }
  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_2__.Typography, {
    variant: "body2",
    color: "text.secondary"
  }, (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_3__.__)('Build components using simple instructions.', 'elementor-pro'))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_2__.CardActions, {
    sx: {
      justifyContent: 'flex-end',
      px: 2,
      pb: 1.5,
      pt: 1
    }
  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_2__.Button, {
    variant: "contained",
    size: "small",
    onClick: onConfirm,
    sx: {
      backgroundColor: BUTTON_COLOR,
      color: BUTTON_TEXT_COLOR,
      '&:hover': {
        backgroundColor: BUTTON_HOVER_COLOR
      }
    }
  }, (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_3__.__)('Start building', 'elementor-pro')))));
}
const useAngieIntro = () => {
  const [isMessageSuppressed, suppressMessage] = (0,_elementor_editor_current_user__WEBPACK_IMPORTED_MODULE_1__.useSuppressedMessage)(ANGIE_INTRO_MESSAGE_KEY);
  return {
    shouldShowIntro: !isMessageSuppressed,
    suppressIntro: suppressMessage
  };
};

/***/ }),

/***/ "./packages/packages/pro/editor-components-extended/src/components/angie-intro/index.ts":
/*!**********************************************************************************************!*\
  !*** ./packages/packages/pro/editor-components-extended/src/components/angie-intro/index.ts ***!
  \**********************************************************************************************/
/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {

__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   ANGIE_INTRO_MESSAGE_KEY: function() { return /* reexport safe */ _angie_intro_popover__WEBPACK_IMPORTED_MODULE_0__.ANGIE_INTRO_MESSAGE_KEY; },
/* harmony export */   AngieIntroPopover: function() { return /* reexport safe */ _angie_intro_popover__WEBPACK_IMPORTED_MODULE_0__.AngieIntroPopover; },
/* harmony export */   useAngieIntro: function() { return /* reexport safe */ _angie_intro_popover__WEBPACK_IMPORTED_MODULE_0__.useAngieIntro; }
/* harmony export */ });
/* harmony import */ var _angie_intro_popover__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./angie-intro-popover */ "./packages/packages/pro/editor-components-extended/src/components/angie-intro/angie-intro-popover.tsx");


/***/ }),

/***/ "./packages/packages/pro/editor-components-extended/src/components/component-introduction.tsx":
/*!****************************************************************************************************!*\
  !*** ./packages/packages/pro/editor-components-extended/src/components/component-introduction.tsx ***!
  \****************************************************************************************************/
/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {

__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   ComponentIntroduction: function() { return /* binding */ ComponentIntroduction; }
/* 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_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 _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 ComponentIntroduction = ({
  anchorRef,
  shouldShowIntroduction,
  onClose
}) => {
  if (!anchorRef.current || !shouldShowIntroduction) {
    return null;
  }
  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_3__.Popover, {
    anchorEl: anchorRef.current,
    open: shouldShowIntroduction,
    anchorOrigin: {
      vertical: 'top',
      horizontal: 'right'
    },
    transformOrigin: {
      vertical: 'top',
      horizontal: -30
    },
    onClose: onClose
  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_3__.Box, {
    sx: {
      width: '296px'
    }
  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_editor_ui__WEBPACK_IMPORTED_MODULE_2__.PopoverHeader, {
    title: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_4__.__)('Add your first property', 'elementor-pro'),
    onClose: onClose
  }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_3__.Image, {
    sx: {
      width: '296px',
      height: '160px'
    },
    src: 'https://assets.elementor.com/packages/v1/images/components-properties-intro.png',
    alt: ''
  }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_editor_controls__WEBPACK_IMPORTED_MODULE_1__.PopoverContent, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_3__.Stack, {
    sx: {
      p: 2
    }
  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_3__.Typography, {
    variant: 'body2'
  }, (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_4__.__)('Properties make instances flexible.', 'elementor-pro')), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_3__.Typography, {
    variant: 'body2'
  }, (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_4__.__)('Select any Element, then in the General tab, click next to any setting you want users to customize - like text, images, or links.', 'elementor-pro')), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_3__.Typography, {
    variant: 'body2',
    sx: {
      mt: 2
    }
  }, (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_4__.__)('Your properties will appear in the Properties panel, where you can organize and manage them anytime.', 'elementor-pro')), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_3__.Link, {
    href: "http://go.elementor.com/components-guide",
    target: "_blank",
    sx: {
      mt: 2
    },
    color: "info.main",
    variant: "body2"
  }, (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_4__.__)('Learn more', 'elementor-pro')), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_3__.Stack, {
    direction: "row",
    alignItems: "center",
    justifyContent: "flex-end",
    sx: {
      pt: 1
    }
  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_3__.Button, {
    size: "medium",
    variant: "contained",
    onClick: onClose
  }, (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_4__.__)('Got it', 'elementor-pro')))))));
};

/***/ }),

/***/ "./packages/packages/pro/editor-components-extended/src/components/component-panel-header/component-badge.tsx":
/*!********************************************************************************************************************!*\
  !*** ./packages/packages/pro/editor-components-extended/src/components/component-panel-header/component-badge.tsx ***!
  \********************************************************************************************************************/
/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {

__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   ComponentsBadge: function() { return /* binding */ ComponentsBadge; }
/* 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 ComponentsBadge = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.forwardRef(({
  overridablePropsCount,
  onClick
}, ref) => {
  const prevCount = usePrevious(overridablePropsCount);
  const isFirstExposedProperty = prevCount === 0 && overridablePropsCount === 1;
  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(StyledBadge, {
    ref: ref,
    color: "primary",
    key: overridablePropsCount,
    invisible: overridablePropsCount === 0,
    animate: isFirstExposedProperty,
    anchorOrigin: {
      vertical: 'top',
      horizontal: 'right'
    },
    badgeContent: /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_2__.Box, {
      sx: {
        animation: !isFirstExposedProperty ? `${slideUp} 300ms ease-out` : 'none'
      }
    }, overridablePropsCount),
    "data-testid": "component-panel-header-properties-badge"
  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_2__.Tooltip, {
    title: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_3__.__)('Component properties', 'elementor-pro')
  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_2__.ToggleButton, {
    value: "exposed properties",
    size: "tiny",
    onClick: onClick,
    "aria-label": (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_3__.__)('Component properties', 'elementor-pro')
  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_icons__WEBPACK_IMPORTED_MODULE_1__.ComponentPropListIcon, {
    fontSize: "tiny"
  }))));
});
const StyledBadge = (0,_elementor_ui__WEBPACK_IMPORTED_MODULE_2__.styled)(_elementor_ui__WEBPACK_IMPORTED_MODULE_2__.Badge, {
  shouldForwardProp: prop => prop !== 'animate'
})(({
  theme,
  animate
}) => ({
  '& .MuiBadge-badge': {
    minWidth: theme.spacing(2),
    height: theme.spacing(2),
    minHeight: theme.spacing(2),
    maxWidth: theme.spacing(2),
    fontSize: theme.typography.caption.fontSize,
    animation: animate ? `${bounceIn} 300ms ease-out` : 'none'
  }
}));
function usePrevious(value) {
  const ref = (0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)(value);
  (0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(() => {
    ref.current = value;
  }, [value]);
  return ref.current;
}
const bounceIn = (0,_elementor_ui__WEBPACK_IMPORTED_MODULE_2__.keyframes)`
	0% { transform: scale(0) translate(50%, 50%); opacity: 0; }
	70% { transform: scale(1.1) translate(50%, -50%); opacity: 1; }
	100% { transform: scale(1) translate(50%, -50%); opacity: 1; }
`;
const slideUp = (0,_elementor_ui__WEBPACK_IMPORTED_MODULE_2__.keyframes)`
	from { transform: translateY(100%); opacity: 0; }
	to { transform: translateY(0); opacity: 1; }
`;

/***/ }),

/***/ "./packages/packages/pro/editor-components-extended/src/components/component-panel-header/component-panel-header.tsx":
/*!***************************************************************************************************************************!*\
  !*** ./packages/packages/pro/editor-components-extended/src/components/component-panel-header/component-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 */   ComponentPanelHeader: function() { return /* binding */ ComponentPanelHeader; }
/* 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_components__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @elementor/editor-components */ "@elementor/editor-components");
/* harmony import */ var _elementor_editor_components__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_elementor_editor_components__WEBPACK_IMPORTED_MODULE_1__);
/* harmony import */ var _elementor_editor_current_user__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @elementor/editor-current-user */ "@elementor/editor-current-user");
/* harmony import */ var _elementor_editor_current_user__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_elementor_editor_current_user__WEBPACK_IMPORTED_MODULE_2__);
/* harmony import */ var _elementor_editor_documents__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @elementor/editor-documents */ "@elementor/editor-documents");
/* harmony import */ var _elementor_editor_documents__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_elementor_editor_documents__WEBPACK_IMPORTED_MODULE_3__);
/* harmony import */ var _elementor_editor_panels__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! @elementor/editor-panels */ "@elementor/editor-panels");
/* harmony import */ var _elementor_editor_panels__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(_elementor_editor_panels__WEBPACK_IMPORTED_MODULE_4__);
/* harmony import */ var _elementor_editor_ui__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! @elementor/editor-ui */ "@elementor/editor-ui");
/* harmony import */ var _elementor_editor_ui__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(_elementor_editor_ui__WEBPACK_IMPORTED_MODULE_5__);
/* harmony import */ var _elementor_icons__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! @elementor/icons */ "@elementor/icons");
/* harmony import */ var _elementor_icons__WEBPACK_IMPORTED_MODULE_6___default = /*#__PURE__*/__webpack_require__.n(_elementor_icons__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 _elementor_ui__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! @elementor/ui */ "@elementor/ui");
/* harmony import */ var _elementor_ui__WEBPACK_IMPORTED_MODULE_8___default = /*#__PURE__*/__webpack_require__.n(_elementor_ui__WEBPACK_IMPORTED_MODULE_8__);
/* harmony import */ var _wordpress_i18n__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! @wordpress/i18n */ "@wordpress/i18n");
/* harmony import */ var _wordpress_i18n__WEBPACK_IMPORTED_MODULE_9___default = /*#__PURE__*/__webpack_require__.n(_wordpress_i18n__WEBPACK_IMPORTED_MODULE_9__);
/* harmony import */ var _hooks_use_navigate_back__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ../../hooks/use-navigate-back */ "./packages/packages/pro/editor-components-extended/src/hooks/use-navigate-back.ts");
/* harmony import */ var _component_introduction__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ../component-introduction */ "./packages/packages/pro/editor-components-extended/src/components/component-introduction.tsx");
/* harmony import */ var _component_properties_panel_component_properties_panel__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ../component-properties-panel/component-properties-panel */ "./packages/packages/pro/editor-components-extended/src/components/component-properties-panel/component-properties-panel.tsx");
/* harmony import */ var _component_badge__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! ./component-badge */ "./packages/packages/pro/editor-components-extended/src/components/component-panel-header/component-badge.tsx");














const MESSAGE_KEY = 'components-properties-introduction';
const ComponentPanelHeader = () => {
  const {
    id: currentComponentId,
    uid: componentUid
  } = (0,_elementor_editor_components__WEBPACK_IMPORTED_MODULE_1__.useCurrentComponent)() ?? {
    id: null,
    uid: null
  };
  const overridableProps = (0,_elementor_editor_components__WEBPACK_IMPORTED_MODULE_1__.useSanitizeOverridableProps)(currentComponentId);
  const onBack = (0,_hooks_use_navigate_back__WEBPACK_IMPORTED_MODULE_10__.useNavigateBack)();
  const componentName = getComponentName();
  const [isMessageSuppressed, suppressMessage] = (0,_elementor_editor_current_user__WEBPACK_IMPORTED_MODULE_2__.useSuppressedMessage)(MESSAGE_KEY);
  const [shouldShowIntroduction, setShouldShowIntroduction] = react__WEBPACK_IMPORTED_MODULE_0__.useState(!isMessageSuppressed);
  const {
    open: openPropertiesPanel
  } = (0,_component_properties_panel_component_properties_panel__WEBPACK_IMPORTED_MODULE_12__.usePanelActions)();
  const overridablePropsCount = overridableProps ? Object.keys(overridableProps.props).length : 0;
  const anchorRef = react__WEBPACK_IMPORTED_MODULE_0__.useRef(null);
  if (!currentComponentId) {
    return null;
  }
  const handleCloseIntroduction = () => {
    suppressMessage();
    setShouldShowIntroduction(false);
  };
  const handleOpenPropertiesPanel = () => {
    openPropertiesPanel();
    (0,_elementor_editor_components__WEBPACK_IMPORTED_MODULE_1__.trackComponentEvent)({
      action: 'propertiesPanelOpened',
      source: 'user',
      component_uid: componentUid,
      properties_count: overridablePropsCount
    });
  };
  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_8__.Box, {
    "data-testid": "component-panel-header"
  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_editor_panels__WEBPACK_IMPORTED_MODULE_4__.PanelHeader, {
    sx: {
      justifyContent: 'start',
      px: 2
    }
  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_8__.Tooltip, {
    title: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_9__.__)('Back', 'elementor-pro')
  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_8__.IconButton, {
    size: "tiny",
    onClick: onBack,
    "aria-label": (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_9__.__)('Back', 'elementor-pro')
  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_icons__WEBPACK_IMPORTED_MODULE_6__.ArrowLeftIcon, {
    fontSize: "tiny"
  }))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_icons__WEBPACK_IMPORTED_MODULE_6__.ComponentsFilledIcon, {
    fontSize: "tiny",
    stroke: "currentColor"
  }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_editor_ui__WEBPACK_IMPORTED_MODULE_5__.EllipsisWithTooltip, {
    title: componentName,
    as: _elementor_ui__WEBPACK_IMPORTED_MODULE_8__.Typography,
    variant: "caption",
    sx: {
      fontWeight: 500,
      flexGrow: 1
    }
  }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_component_badge__WEBPACK_IMPORTED_MODULE_13__.ComponentsBadge, {
    overridablePropsCount: overridablePropsCount,
    ref: anchorRef,
    onClick: handleOpenPropertiesPanel
  })), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_8__.Divider, null), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_component_introduction__WEBPACK_IMPORTED_MODULE_11__.ComponentIntroduction, {
    anchorRef: anchorRef,
    shouldShowIntroduction: shouldShowIntroduction,
    onClose: handleCloseIntroduction
  }));
};
function getComponentName() {
  const state = (0,_elementor_store__WEBPACK_IMPORTED_MODULE_7__.__getState)();
  const path = state[_elementor_editor_components__WEBPACK_IMPORTED_MODULE_1__.SLICE_NAME].path;
  const {
    instanceTitle
  } = path.at(-1) ?? {};
  if (instanceTitle) {
    return instanceTitle;
  }
  const documentsManager = (0,_elementor_editor_documents__WEBPACK_IMPORTED_MODULE_3__.getV1DocumentsManager)();
  const currentDocument = documentsManager.getCurrent();
  return currentDocument?.container?.settings?.get('post_title') ?? '';
}

/***/ }),

/***/ "./packages/packages/pro/editor-components-extended/src/components/component-properties-panel/apply-multi-sortable-update.ts":
/*!***********************************************************************************************************************************!*\
  !*** ./packages/packages/pro/editor-components-extended/src/components/component-properties-panel/apply-multi-sortable-update.ts ***!
  \***********************************************************************************************************************************/
/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {

__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   applyMultiSortableUpdate: function() { return /* binding */ applyMultiSortableUpdate; },
/* harmony export */   hasDuplicateIds: function() { return /* binding */ hasDuplicateIds; }
/* harmony export */ });
/* harmony import */ var _elementor_editor_components__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @elementor/editor-components */ "@elementor/editor-components");
/* harmony import */ var _elementor_editor_components__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_elementor_editor_components__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 _component_properties_sortable_ids__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./component-properties-sortable-ids */ "./packages/packages/pro/editor-components-extended/src/components/component-properties-panel/component-properties-sortable-ids.ts");



function hasDuplicateIds(updated) {
  return Object.entries(updated).some(([key, ids]) => key !== _component_properties_sortable_ids__WEBPACK_IMPORTED_MODULE_2__.COMPONENT_PROP_GROUP_HEADERS_KEY && Array.isArray(ids) && ids.length !== new Set(ids).size);
}
function applyMultiSortableUpdate(updated, currentComponentId) {
  const latest = _elementor_editor_components__WEBPACK_IMPORTED_MODULE_0__.componentsSelectors.getOverridableProps(currentComponentId);
  if (!latest) {
    return;
  }
  const newOrder = updated[_component_properties_sortable_ids__WEBPACK_IMPORTED_MODULE_2__.COMPONENT_PROP_GROUP_HEADERS_KEY] ?? [];
  const {
    items,
    props
  } = buildGroupsAndProps(updated, latest);
  _elementor_editor_components__WEBPACK_IMPORTED_MODULE_0__.componentsActions.setOverridableProps(currentComponentId, {
    ...latest,
    props,
    groups: {
      items,
      order: newOrder.filter(id => id in items)
    }
  });
  (0,_elementor_editor_documents__WEBPACK_IMPORTED_MODULE_1__.setDocumentModifiedStatus)(true);
}
function buildGroupsAndProps(updated, latest) {
  const items = {
    ...latest.groups.items
  };
  const props = {
    ...latest.props
  };
  for (const [groupId, propKeys] of Object.entries(updated)) {
    if (groupId === _component_properties_sortable_ids__WEBPACK_IMPORTED_MODULE_2__.COMPONENT_PROP_GROUP_HEADERS_KEY || !Array.isArray(propKeys)) {
      continue;
    }

    // Workaround: UnstableSortable (mode="multiple") reports duplicate IDs during same-group reorder.
    const uniquePropKeys = [...new Set(propKeys)];
    const group = items[groupId];
    if (group) {
      items[groupId] = {
        ...group,
        props: uniquePropKeys
      };
    }
    for (const propKey of uniquePropKeys) {
      const prop = props[propKey];
      if (prop && prop.groupId !== groupId) {
        props[propKey] = {
          ...prop,
          groupId
        };
      }
    }
  }
  return {
    items,
    props
  };
}

/***/ }),

/***/ "./packages/packages/pro/editor-components-extended/src/components/component-properties-panel/component-properties-panel-content.tsx":
/*!*******************************************************************************************************************************************!*\
  !*** ./packages/packages/pro/editor-components-extended/src/components/component-properties-panel/component-properties-panel-content.tsx ***!
  \*******************************************************************************************************************************************/
/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {

__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   ComponentPropertiesPanelContent: function() { return /* binding */ ComponentPropertiesPanelContent; }
/* 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_components__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @elementor/editor-components */ "@elementor/editor-components");
/* harmony import */ var _elementor_editor_components__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_elementor_editor_components__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_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_icons__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! @elementor/icons */ "@elementor/icons");
/* harmony import */ var _elementor_icons__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(_elementor_icons__WEBPACK_IMPORTED_MODULE_4__);
/* harmony import */ var _elementor_ui__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! @elementor/ui */ "@elementor/ui");
/* harmony import */ var _elementor_ui__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(_elementor_ui__WEBPACK_IMPORTED_MODULE_5__);
/* harmony import */ var _elementor_utils__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! @elementor/utils */ "@elementor/utils");
/* harmony import */ var _elementor_utils__WEBPACK_IMPORTED_MODULE_6___default = /*#__PURE__*/__webpack_require__.n(_elementor_utils__WEBPACK_IMPORTED_MODULE_6__);
/* harmony import */ var _wordpress_i18n__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! @wordpress/i18n */ "@wordpress/i18n");
/* harmony import */ var _wordpress_i18n__WEBPACK_IMPORTED_MODULE_7___default = /*#__PURE__*/__webpack_require__.n(_wordpress_i18n__WEBPACK_IMPORTED_MODULE_7__);
/* harmony import */ var _store_actions_add_overridable_group__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../../store/actions/add-overridable-group */ "./packages/packages/pro/editor-components-extended/src/store/actions/add-overridable-group.ts");
/* harmony import */ var _store_actions_delete_component_overridable_prop__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ../../store/actions/delete-component-overridable-prop */ "./packages/packages/pro/editor-components-extended/src/store/actions/delete-component-overridable-prop.ts");
/* harmony import */ var _store_actions_delete_overridable_group__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ../../store/actions/delete-overridable-group */ "./packages/packages/pro/editor-components-extended/src/store/actions/delete-overridable-group.ts");
/* harmony import */ var _store_actions_reorder_group_props__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ../../store/actions/reorder-group-props */ "./packages/packages/pro/editor-components-extended/src/store/actions/reorder-group-props.ts");
/* harmony import */ var _store_actions_reorder_overridable_groups__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ../../store/actions/reorder-overridable-groups */ "./packages/packages/pro/editor-components-extended/src/store/actions/reorder-overridable-groups.ts");
/* harmony import */ var _store_actions_update_overridable_prop_params__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! ../../store/actions/update-overridable-prop-params */ "./packages/packages/pro/editor-components-extended/src/store/actions/update-overridable-prop-params.ts");
/* harmony import */ var _component_properties_sortable_ids__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! ./component-properties-sortable-ids */ "./packages/packages/pro/editor-components-extended/src/components/component-properties-panel/component-properties-sortable-ids.ts");
/* harmony import */ var _multi_group_properties_group__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(/*! ./multi-group-properties-group */ "./packages/packages/pro/editor-components-extended/src/components/component-properties-panel/multi-group-properties-group.tsx");
/* harmony import */ var _properties_empty_state__WEBPACK_IMPORTED_MODULE_16__ = __webpack_require__(/*! ./properties-empty-state */ "./packages/packages/pro/editor-components-extended/src/components/component-properties-panel/properties-empty-state.tsx");
/* harmony import */ var _properties_group__WEBPACK_IMPORTED_MODULE_17__ = __webpack_require__(/*! ./properties-group */ "./packages/packages/pro/editor-components-extended/src/components/component-properties-panel/properties-group.tsx");
/* harmony import */ var _sortable__WEBPACK_IMPORTED_MODULE_18__ = __webpack_require__(/*! ./sortable */ "./packages/packages/pro/editor-components-extended/src/components/component-properties-panel/sortable.tsx");
/* harmony import */ var _use_current_editable_item__WEBPACK_IMPORTED_MODULE_19__ = __webpack_require__(/*! ./use-current-editable-item */ "./packages/packages/pro/editor-components-extended/src/components/component-properties-panel/use-current-editable-item.ts");
/* harmony import */ var _use_multi_sortable_sync__WEBPACK_IMPORTED_MODULE_20__ = __webpack_require__(/*! ./use-multi-sortable-sync */ "./packages/packages/pro/editor-components-extended/src/components/component-properties-panel/use-multi-sortable-sync.ts");
/* harmony import */ var _utils_generate_unique_label__WEBPACK_IMPORTED_MODULE_21__ = __webpack_require__(/*! ./utils/generate-unique-label */ "./packages/packages/pro/editor-components-extended/src/components/component-properties-panel/utils/generate-unique-label.ts");























function ComponentPropertiesPanelContent({
  onClose
}) {
  const currentComponentId = (0,_elementor_editor_components__WEBPACK_IMPORTED_MODULE_1__.useCurrentComponentId)();
  const overridableProps = (0,_elementor_editor_components__WEBPACK_IMPORTED_MODULE_1__.useSanitizeOverridableProps)(currentComponentId);
  const [isAddingGroup, setIsAddingGroup] = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(false);
  const introductionRef = (0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)(null);
  const groupLabelEditable = (0,_use_current_editable_item__WEBPACK_IMPORTED_MODULE_19__.useCurrentEditableItem)();
  const groups = (0,react__WEBPACK_IMPORTED_MODULE_0__.useMemo)(() => {
    if (!overridableProps) {
      return [];
    }
    return overridableProps.groups.order.map(groupId => overridableProps.groups.items[groupId] ?? null).filter(Boolean);
  }, [overridableProps]);
  const allGroupsForSelect = (0,react__WEBPACK_IMPORTED_MODULE_0__.useMemo)(() => groups.map(group => ({
    value: group.id,
    label: group.label
  })), [groups]);
  if (!currentComponentId || !overridableProps) {
    return null;
  }
  const hasGroups = groups.length > 0;
  const showEmptyState = !hasGroups && !isAddingGroup;
  const handleAddGroupClick = () => {
    if (isAddingGroup) {
      return;
    }
    const newGroupId = (0,_elementor_utils__WEBPACK_IMPORTED_MODULE_6__.generateUniqueId)('group');
    const newLabel = (0,_utils_generate_unique_label__WEBPACK_IMPORTED_MODULE_21__.generateUniqueLabel)(groups);
    (0,_store_actions_add_overridable_group__WEBPACK_IMPORTED_MODULE_8__.addOverridableGroup)({
      componentId: currentComponentId,
      groupId: newGroupId,
      label: newLabel,
      source: 'user'
    });
    (0,_elementor_editor_documents__WEBPACK_IMPORTED_MODULE_2__.setDocumentModifiedStatus)(true);
    setIsAddingGroup(false);
    groupLabelEditable.setEditingGroupId(newGroupId);
  };
  const handlePropertyDelete = propKey => {
    (0,_store_actions_delete_component_overridable_prop__WEBPACK_IMPORTED_MODULE_9__.deleteComponentOverridableProp)({
      componentId: currentComponentId,
      propKey,
      source: 'user'
    });
    (0,_elementor_editor_documents__WEBPACK_IMPORTED_MODULE_2__.setDocumentModifiedStatus)(true);
  };
  const handlePropertyUpdate = (overrideKey, data) => {
    (0,_store_actions_update_overridable_prop_params__WEBPACK_IMPORTED_MODULE_13__.updateOverridablePropParams)({
      componentId: currentComponentId,
      overrideKey,
      label: data.label,
      groupId: data.group
    });
    (0,_elementor_editor_documents__WEBPACK_IMPORTED_MODULE_2__.setDocumentModifiedStatus)(true);
  };
  const handleGroupDelete = groupId => {
    (0,_store_actions_delete_overridable_group__WEBPACK_IMPORTED_MODULE_10__.deleteOverridableGroup)({
      componentId: currentComponentId,
      groupId
    });
    (0,_elementor_editor_documents__WEBPACK_IMPORTED_MODULE_2__.setDocumentModifiedStatus)(true);
  };
  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(react__WEBPACK_IMPORTED_MODULE_0__.Fragment, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_editor_panels__WEBPACK_IMPORTED_MODULE_3__.PanelHeader, {
    sx: {
      justifyContent: 'start',
      pl: 1.5,
      pr: 1,
      py: 1
    },
    "data-testid": "component-property-panel-header"
  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_5__.Stack, {
    direction: "row",
    alignItems: "center",
    gap: 0.5,
    flexGrow: 1
  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_icons__WEBPACK_IMPORTED_MODULE_4__.ComponentPropListIcon, {
    fontSize: "tiny"
  }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_editor_panels__WEBPACK_IMPORTED_MODULE_3__.PanelHeaderTitle, {
    variant: "subtitle2"
  }, (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_7__.__)('Component properties', 'elementor-pro'))), !showEmptyState && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_5__.Tooltip, {
    title: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_7__.__)('Add new group', 'elementor-pro')
  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_5__.IconButton, {
    size: "tiny",
    "aria-label": (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_7__.__)('Add new group', 'elementor-pro'),
    onClick: handleAddGroupClick
  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_icons__WEBPACK_IMPORTED_MODULE_4__.FolderPlusIcon, {
    fontSize: "tiny"
  }))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_5__.Tooltip, {
    title: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_7__.__)('Close panel', 'elementor-pro')
  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_5__.IconButton, {
    ref: introductionRef,
    size: "tiny",
    "aria-label": (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_7__.__)('Close panel', 'elementor-pro'),
    onClick: onClose
  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_icons__WEBPACK_IMPORTED_MODULE_4__.XIcon, {
    fontSize: "tiny"
  })))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_5__.Divider, null), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_editor_panels__WEBPACK_IMPORTED_MODULE_3__.PanelBody, null, showEmptyState ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_properties_empty_state__WEBPACK_IMPORTED_MODULE_16__.PropertiesEmptyState, {
    introductionRef: introductionRef
  }) : /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_5__.List, {
    sx: {
      p: 2,
      display: 'flex',
      flexDirection: 'column',
      gap: 2
    }
  }, _sortable__WEBPACK_IMPORTED_MODULE_18__.isMultiGroupSortingEnabled ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(MultiGroupSortableContent, {
    currentComponentId: currentComponentId,
    overridableProps: overridableProps,
    groups: groups,
    allGroupsForSelect: allGroupsForSelect,
    groupLabelEditable: groupLabelEditable,
    setIsAddingGroup: setIsAddingGroup,
    onPropertyDelete: handlePropertyDelete,
    onPropertyUpdate: handlePropertyUpdate,
    onGroupDelete: handleGroupDelete
  }) : /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(LegacySortableContent, {
    currentComponentId: currentComponentId,
    overridableProps: overridableProps,
    groups: groups,
    allGroupsForSelect: allGroupsForSelect,
    groupLabelEditable: groupLabelEditable,
    setIsAddingGroup: setIsAddingGroup,
    onPropertyDelete: handlePropertyDelete,
    onPropertyUpdate: handlePropertyUpdate,
    onGroupDelete: handleGroupDelete
  }))));
}
function LegacySortableContent({
  currentComponentId,
  overridableProps,
  groups,
  allGroupsForSelect,
  groupLabelEditable,
  setIsAddingGroup,
  onPropertyDelete,
  onPropertyUpdate,
  onGroupDelete
}) {
  const groupIds = overridableProps.groups.order;
  const handleGroupsReorder = newOrder => {
    (0,_store_actions_reorder_overridable_groups__WEBPACK_IMPORTED_MODULE_12__.reorderOverridableGroups)({
      componentId: currentComponentId,
      newOrder
    });
    (0,_elementor_editor_documents__WEBPACK_IMPORTED_MODULE_2__.setDocumentModifiedStatus)(true);
  };
  const handlePropsReorder = (groupId, newPropsOrder) => {
    (0,_store_actions_reorder_group_props__WEBPACK_IMPORTED_MODULE_11__.reorderGroupProps)({
      componentId: currentComponentId,
      groupId,
      newPropsOrder
    });
    (0,_elementor_editor_documents__WEBPACK_IMPORTED_MODULE_2__.setDocumentModifiedStatus)(true);
  };
  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_sortable__WEBPACK_IMPORTED_MODULE_18__.SortableProvider, {
    value: groupIds,
    onChange: handleGroupsReorder
  }, groups.map(group => /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_sortable__WEBPACK_IMPORTED_MODULE_18__.SortableItem, {
    key: group.id,
    id: group.id
  }, ({
    triggerProps,
    triggerStyle,
    isDragPlaceholder
  }) => /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_properties_group__WEBPACK_IMPORTED_MODULE_17__.PropertiesGroup, {
    group: group,
    props: overridableProps.props,
    allGroups: allGroupsForSelect,
    allGroupsRecord: overridableProps.groups.items,
    sortableTriggerProps: {
      ...triggerProps,
      style: triggerStyle
    },
    isDragPlaceholder: isDragPlaceholder,
    setIsAddingGroup: setIsAddingGroup,
    onPropsReorder: newOrder => handlePropsReorder(group.id, newOrder),
    onPropertyDelete: onPropertyDelete,
    onPropertyUpdate: onPropertyUpdate,
    editableLabelProps: groupLabelEditable,
    onGroupDelete: onGroupDelete
  }))));
}
function MultiGroupSortableContent({
  currentComponentId,
  overridableProps,
  groups,
  allGroupsForSelect,
  groupLabelEditable,
  onPropertyDelete,
  onPropertyUpdate,
  onGroupDelete
}) {
  const {
    sortableKey,
    sortableValue,
    handlePropertyDelete: handlePropertyDeleteWithSortableResync,
    handlePropertyUpdate: handlePropertyUpdateWithSortableResync,
    handleSortableChange
  } = (0,_use_multi_sortable_sync__WEBPACK_IMPORTED_MODULE_20__.useMultiSortableSync)({
    currentComponentId,
    overridableProps,
    groups,
    onPropertyDelete,
    onPropertyUpdate
  });
  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_sortable__WEBPACK_IMPORTED_MODULE_18__.MultiSortableRoot, {
    key: sortableKey,
    value: sortableValue,
    onChange: handleSortableChange
  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_sortable__WEBPACK_IMPORTED_MODULE_18__.MultiSortableGroup, {
    groupId: _component_properties_sortable_ids__WEBPACK_IMPORTED_MODULE_14__.COMPONENT_PROP_GROUP_HEADERS_KEY
  }, ({
    setDroppableRef,
    items
  }) => /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_5__.Stack, {
    ref: setDroppableRef,
    direction: "column",
    sx: {
      width: '100%',
      gap: 2
    }
  }, items.map(headerItemId => {
    const groupId = String(headerItemId);
    const group = overridableProps.groups.items[groupId];
    if (!group) {
      return null;
    }
    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_sortable__WEBPACK_IMPORTED_MODULE_18__.MultiSortableItem, {
      key: groupId,
      id: headerItemId
    }, ({
      itemProps,
      itemStyle,
      triggerProps,
      triggerStyle,
      isDragPlaceholder
    }) => /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_multi_group_properties_group__WEBPACK_IMPORTED_MODULE_15__.MultiGroupPropertiesGroup, {
      sortableItemProps: itemProps,
      sortableItemStyle: itemStyle,
      group: group,
      props: overridableProps.props,
      allGroups: allGroupsForSelect,
      sortableTriggerProps: {
        ...triggerProps,
        style: triggerStyle
      },
      isDragPlaceholder: isDragPlaceholder,
      onPropertyDelete: handlePropertyDeleteWithSortableResync,
      onPropertyUpdate: handlePropertyUpdateWithSortableResync,
      editableLabelProps: groupLabelEditable,
      onGroupDelete: onGroupDelete
    }));
  }))));
}

/***/ }),

/***/ "./packages/packages/pro/editor-components-extended/src/components/component-properties-panel/component-properties-panel.tsx":
/*!***********************************************************************************************************************************!*\
  !*** ./packages/packages/pro/editor-components-extended/src/components/component-properties-panel/component-properties-panel.tsx ***!
  \***********************************************************************************************************************************/
/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {

__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   panel: function() { return /* binding */ panel; },
/* harmony export */   usePanelActions: function() { return /* binding */ usePanelActions; }
/* 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_panels__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @elementor/editor-panels */ "@elementor/editor-panels");
/* harmony import */ var _elementor_editor_panels__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_elementor_editor_panels__WEBPACK_IMPORTED_MODULE_2__);
/* harmony import */ var _elementor_editor_ui__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @elementor/editor-ui */ "@elementor/editor-ui");
/* harmony import */ var _elementor_editor_ui__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_elementor_editor_ui__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 _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 _component_properties_panel_content__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./component-properties-panel-content */ "./packages/packages/pro/editor-components-extended/src/components/component-properties-panel/component-properties-panel-content.tsx");







const id = 'component-properties-panel';
const {
  panel,
  usePanelActions
} = (0,_elementor_editor_panels__WEBPACK_IMPORTED_MODULE_2__.__createPanel)({
  id,
  component: ComponentPropertiesPanel
});
function ComponentPropertiesPanel() {
  const {
    close: closePanel
  } = usePanelActions();
  const {
    open: openEditingPanel
  } = (0,_elementor_editor_editing_panel__WEBPACK_IMPORTED_MODULE_1__.usePanelActions)();
  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_editor_ui__WEBPACK_IMPORTED_MODULE_3__.ThemeProvider, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_4__.ErrorBoundary, {
    fallback: /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(ErrorBoundaryFallback, null)
  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_editor_panels__WEBPACK_IMPORTED_MODULE_2__.Panel, {
    "data-testid": "component-properties-panel"
  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_component_properties_panel_content__WEBPACK_IMPORTED_MODULE_6__.ComponentPropertiesPanelContent, {
    onClose: () => {
      closePanel();
      openEditingPanel();
    }
  }))));
}
const ErrorBoundaryFallback = () => /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_4__.Box, {
  role: "alert",
  sx: {
    minHeight: '100%',
    p: 2
  }
}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_4__.Alert, {
  severity: "error",
  sx: {
    mb: 2,
    maxWidth: 400,
    textAlign: 'center'
  }
}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("strong", null, (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_5__.__)('Something went wrong', 'elementor-pro'))));

/***/ }),

/***/ "./packages/packages/pro/editor-components-extended/src/components/component-properties-panel/component-properties-sortable-ids.ts":
/*!*****************************************************************************************************************************************!*\
  !*** ./packages/packages/pro/editor-components-extended/src/components/component-properties-panel/component-properties-sortable-ids.ts ***!
  \*****************************************************************************************************************************************/
/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {

__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   COMPONENT_PROP_GROUP_HEADERS_KEY: function() { return /* binding */ COMPONENT_PROP_GROUP_HEADERS_KEY; }
/* harmony export */ });
const COMPONENT_PROP_GROUP_HEADERS_KEY = '__cpPropGroupHeaders__';

/***/ }),

/***/ "./packages/packages/pro/editor-components-extended/src/components/component-properties-panel/multi-group-properties-group.tsx":
/*!*************************************************************************************************************************************!*\
  !*** ./packages/packages/pro/editor-components-extended/src/components/component-properties-panel/multi-group-properties-group.tsx ***!
  \*************************************************************************************************************************************/
/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {

__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   MultiGroupPropertiesGroup: function() { return /* binding */ MultiGroupPropertiesGroup; }
/* 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__);
/* harmony import */ var _multi_group_property_item__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./multi-group-property-item */ "./packages/packages/pro/editor-components-extended/src/components/component-properties-panel/multi-group-property-item.tsx");
/* harmony import */ var _sortable__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./sortable */ "./packages/packages/pro/editor-components-extended/src/components/component-properties-panel/sortable.tsx");
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); }







function MultiGroupPropertiesGroup({
  group,
  props,
  allGroups,
  sortableItemProps,
  sortableItemStyle,
  sortableTriggerProps,
  isDragPlaceholder,
  onPropertyDelete,
  onPropertyUpdate,
  onGroupDelete,
  editableLabelProps
}) {
  const popupState = (0,_elementor_ui__WEBPACK_IMPORTED_MODULE_3__.usePopupState)({
    variant: 'popover',
    disableAutoFocus: true
  });
  const {
    editableRef,
    isEditing,
    error,
    getEditableProps,
    setEditingGroupId,
    editingGroupId
  } = editableLabelProps;
  const hasProperties = group.props.length > 0;
  const isThisGroupEditing = isEditing && editingGroupId === group.id;
  const handleRenameClick = () => {
    popupState.close();
    setEditingGroupId(group.id);
  };
  const handleDeleteClick = () => {
    popupState.close();
    onGroupDelete(group.id);
  };
  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_3__.Box, _extends({}, sortableItemProps, {
    style: sortableItemStyle,
    sx: {
      opacity: isDragPlaceholder ? 0.5 : 1
    }
  }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_3__.Stack, {
    gap: 1
  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_3__.Box, {
    className: "group-header",
    sx: {
      position: 'relative',
      '&:hover .group-sortable-trigger': {
        visibility: 'visible'
      },
      '& .group-sortable-trigger': {
        visibility: 'hidden'
      },
      '&:hover .group-menu': {
        visibility: 'visible'
      },
      '& .group-menu': {
        visibility: 'hidden'
      }
    }
  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_sortable__WEBPACK_IMPORTED_MODULE_6__.SortableTrigger, _extends({
    triggerClassName: "group-sortable-trigger"
  }, sortableTriggerProps)), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_3__.Stack, {
    direction: "row",
    alignItems: "center",
    justifyContent: "space-between",
    gap: 2
  }, isThisGroupEditing ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_3__.Box, {
    sx: {
      height: 28,
      display: 'flex',
      alignItems: 'center',
      border: 2,
      borderColor: 'text.secondary',
      borderRadius: 1,
      pl: 0.5,
      flexGrow: 1,
      overflow: 'hidden',
      textOverflow: 'ellipsis',
      whiteSpace: 'nowrap',
      width: '100%'
    }
  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_editor_ui__WEBPACK_IMPORTED_MODULE_1__.EditableField, _extends({
    ref: editableRef,
    as: _elementor_ui__WEBPACK_IMPORTED_MODULE_3__.Typography,
    variant: "caption",
    error: error ?? undefined,
    sx: {
      color: 'text.primary',
      fontWeight: 400,
      lineHeight: 1.66
    }
  }, getEditableProps()))) : /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_editor_ui__WEBPACK_IMPORTED_MODULE_1__.EllipsisWithTooltip, {
    title: group.label,
    as: _elementor_ui__WEBPACK_IMPORTED_MODULE_3__.Typography,
    variant: "caption",
    sx: {
      color: 'text.primary',
      fontWeight: 400,
      lineHeight: 1.66
    }
  }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_3__.IconButton, _extends({
    className: "group-menu",
    size: "tiny",
    sx: {
      p: 0.25,
      visibility: isThisGroupEditing ? 'visible' : undefined
    },
    "aria-label": (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_4__.__)('Group actions', 'elementor-pro')
  }, (0,_elementor_ui__WEBPACK_IMPORTED_MODULE_3__.bindTrigger)(popupState)), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_icons__WEBPACK_IMPORTED_MODULE_2__.DotsVerticalIcon, {
    fontSize: "tiny"
  })))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_sortable__WEBPACK_IMPORTED_MODULE_6__.MultiSortableGroup, {
    groupId: group.id
  }, ({
    setDroppableRef,
    isEmpty,
    items
  }) => /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_3__.List, {
    ref: setDroppableRef,
    sx: {
      p: 0,
      display: 'flex',
      flexDirection: 'column',
      gap: 1,
      ...(isEmpty && {
        minHeight: 40,
        backgroundColor: 'action.hover',
        borderRadius: 1
      })
    }
  }, items.map(propId => {
    const property = props[String(propId)];
    if (!property) {
      return null;
    }
    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_sortable__WEBPACK_IMPORTED_MODULE_6__.MultiSortableItem, {
      key: String(propId),
      id: propId
    }, ({
      itemProps,
      itemStyle,
      triggerProps,
      triggerStyle,
      isDragPlaceholder: isItemDragPlaceholder
    }) => /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_multi_group_property_item__WEBPACK_IMPORTED_MODULE_5__.MultiGroupPropertyItem, {
      sortableItemProps: itemProps,
      sortableItemStyle: itemStyle,
      prop: property,
      sortableTriggerProps: {
        ...triggerProps,
        style: triggerStyle
      },
      isDragPlaceholder: isItemDragPlaceholder,
      groups: allGroups,
      existingLabels: Object.values(props).map(p => p.label),
      onDelete: onPropertyDelete,
      onUpdate: data => onPropertyUpdate(property.overrideKey, data)
    }));
  })))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_3__.Menu, _extends({}, (0,_elementor_ui__WEBPACK_IMPORTED_MODULE_3__.bindMenu)(popupState), {
    anchorOrigin: {
      vertical: 'bottom',
      horizontal: 'right'
    },
    transformOrigin: {
      vertical: 'top',
      horizontal: 'right'
    }
  }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_editor_ui__WEBPACK_IMPORTED_MODULE_1__.MenuListItem, {
    sx: {
      minWidth: '160px'
    },
    onClick: handleRenameClick
  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_3__.Typography, {
    variant: "caption",
    sx: {
      color: 'text.primary'
    }
  }, (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_4__.__)('Rename', 'elementor-pro'))), hasProperties ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_3__.Tooltip, {
    title: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_4__.__)('To delete the group, first remove all the properties', 'elementor-pro'),
    placement: "right"
  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("span", null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_editor_ui__WEBPACK_IMPORTED_MODULE_1__.MenuListItem, {
    disabled: true
  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_3__.Typography, {
    variant: "caption",
    sx: {
      color: 'text.disabled'
    }
  }, (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_4__.__)('Delete', 'elementor-pro'))))) : /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_editor_ui__WEBPACK_IMPORTED_MODULE_1__.MenuListItem, {
    onClick: handleDeleteClick
  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_3__.Typography, {
    variant: "caption",
    sx: {
      color: 'error.light'
    }
  }, (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_4__.__)('Delete', 'elementor-pro')))));
}

/***/ }),

/***/ "./packages/packages/pro/editor-components-extended/src/components/component-properties-panel/multi-group-property-item.tsx":
/*!**********************************************************************************************************************************!*\
  !*** ./packages/packages/pro/editor-components-extended/src/components/component-properties-panel/multi-group-property-item.tsx ***!
  \**********************************************************************************************************************************/
/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {

__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   MultiGroupPropertyItem: function() { return /* binding */ MultiGroupPropertyItem; }
/* 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_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_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__);
/* harmony import */ var _overridable_props_overridable_prop_form__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../overridable-props/overridable-prop-form */ "./packages/packages/pro/editor-components-extended/src/components/overridable-props/overridable-prop-form.tsx");
/* harmony import */ var _sortable__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./sortable */ "./packages/packages/pro/editor-components-extended/src/components/component-properties-panel/sortable.tsx");
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); }







function MultiGroupPropertyItem({
  prop,
  sortableItemProps,
  sortableItemStyle,
  sortableTriggerProps,
  isDragPlaceholder,
  groups,
  existingLabels,
  onDelete,
  onUpdate
}) {
  const popoverState = (0,_elementor_ui__WEBPACK_IMPORTED_MODULE_3__.usePopupState)({
    variant: 'popover'
  });
  const icon = getElementIcon(prop);
  const popoverProps = (0,_elementor_ui__WEBPACK_IMPORTED_MODULE_3__.bindPopover)(popoverState);
  const handleSubmit = data => {
    onUpdate(data);
    popoverState.close();
  };
  const handleDelete = event => {
    event.stopPropagation();
    onDelete(prop.overrideKey);
  };
  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__.Box, _extends({}, sortableItemProps, {
    style: sortableItemStyle
  }, (0,_elementor_ui__WEBPACK_IMPORTED_MODULE_3__.bindTrigger)(popoverState), {
    "data-testid": "component-property-item",
    sx: {
      position: 'relative',
      pl: 0.5,
      pr: 1,
      py: 0.25,
      minHeight: 28,
      borderRadius: 1,
      border: '1px solid',
      borderColor: 'divider',
      display: 'flex',
      alignItems: 'center',
      gap: 0.5,
      opacity: isDragPlaceholder ? 0.5 : 1,
      cursor: 'pointer',
      '&:hover': {
        backgroundColor: 'action.hover'
      },
      '&:hover .sortable-trigger': {
        visibility: 'visible'
      },
      '& .sortable-trigger': {
        visibility: 'hidden'
      },
      '&:hover .delete-button': {
        visibility: 'visible'
      },
      '& .delete-button': {
        visibility: 'hidden'
      }
    }
  }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_sortable__WEBPACK_IMPORTED_MODULE_6__.SortableTrigger, sortableTriggerProps), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_3__.Box, {
    sx: {
      display: 'flex',
      alignItems: 'center',
      color: 'text.primary',
      fontSize: 12,
      padding: 0.25
    }
  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("i", {
    className: icon
  })), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_3__.Typography, {
    variant: "caption",
    sx: {
      color: 'text.primary',
      flexGrow: 1,
      fontSize: 10
    }
  }, prop.label), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_3__.IconButton, {
    className: "delete-button",
    size: "tiny",
    onClick: handleDelete,
    "aria-label": (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_4__.__)('Delete property', 'elementor-pro'),
    sx: {
      p: 0.25
    }
  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_icons__WEBPACK_IMPORTED_MODULE_2__.XIcon, {
    fontSize: "tiny"
  }))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_3__.Popover, _extends({}, popoverProps, {
    anchorOrigin: {
      vertical: 'bottom',
      horizontal: 'left'
    },
    transformOrigin: {
      vertical: 'top',
      horizontal: 'left'
    },
    PaperProps: {
      sx: {
        width: popoverState.anchorEl?.getBoundingClientRect().width
      }
    }
  }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_overridable_props_overridable_prop_form__WEBPACK_IMPORTED_MODULE_5__.OverridablePropForm, {
    onSubmit: handleSubmit,
    currentValue: prop,
    groups: groups,
    existingLabels: existingLabels,
    sx: {
      width: '100%'
    }
  })));
}
function getElementIcon(prop) {
  const elType = prop.elType === 'widget' ? prop.widgetType : prop.elType;
  const widgetsCache = (0,_elementor_editor_elements__WEBPACK_IMPORTED_MODULE_1__.getWidgetsCache)();
  if (!widgetsCache) {
    return 'eicon-apps';
  }
  const widgetConfig = widgetsCache[elType];
  return widgetConfig?.icon || 'eicon-apps';
}

/***/ }),

/***/ "./packages/packages/pro/editor-components-extended/src/components/component-properties-panel/properties-empty-state.tsx":
/*!*******************************************************************************************************************************!*\
  !*** ./packages/packages/pro/editor-components-extended/src/components/component-properties-panel/properties-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 */   PropertiesEmptyState: function() { return /* binding */ PropertiesEmptyState; }
/* 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 _component_introduction__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../component-introduction */ "./packages/packages/pro/editor-components-extended/src/components/component-introduction.tsx");






function PropertiesEmptyState({
  introductionRef
}) {
  const [isOpen, setIsOpen] = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(false);
  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_2__.Stack, {
    alignItems: "center",
    justifyContent: "flex-start",
    height: "100%",
    color: "text.secondary",
    sx: {
      px: 2.5,
      pt: 10,
      pb: 5.5
    },
    gap: 1
  }, /*#__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__.__)('Add your first property', 'elementor-pro')), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_2__.Typography, {
    align: "center",
    variant: "caption"
  }, (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_3__.__)('Make instances flexible while keeping design synced.', 'elementor-pro')), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_2__.Typography, {
    align: "center",
    variant: "caption"
  }, (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_3__.__)('Select any element, then click + next to a setting to expose it.', 'elementor-pro')), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_2__.Link, {
    variant: "caption",
    color: "secondary",
    sx: {
      textDecorationLine: 'underline'
    },
    onClick: () => setIsOpen(true)
  }, (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_3__.__)('Learn more', 'elementor-pro'))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_component_introduction__WEBPACK_IMPORTED_MODULE_4__.ComponentIntroduction, {
    anchorRef: introductionRef,
    shouldShowIntroduction: isOpen,
    onClose: () => setIsOpen(false)
  }));
}

/***/ }),

/***/ "./packages/packages/pro/editor-components-extended/src/components/component-properties-panel/properties-group.tsx":
/*!*************************************************************************************************************************!*\
  !*** ./packages/packages/pro/editor-components-extended/src/components/component-properties-panel/properties-group.tsx ***!
  \*************************************************************************************************************************/
/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {

__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   PropertiesGroup: function() { return /* binding */ PropertiesGroup; }
/* 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__);
/* harmony import */ var _property_item__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./property-item */ "./packages/packages/pro/editor-components-extended/src/components/component-properties-panel/property-item.tsx");
/* harmony import */ var _sortable__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./sortable */ "./packages/packages/pro/editor-components-extended/src/components/component-properties-panel/sortable.tsx");
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); }







function PropertiesGroup({
  group,
  props,
  allGroups,
  sortableTriggerProps,
  isDragPlaceholder,
  onPropsReorder,
  onPropertyDelete,
  onPropertyUpdate,
  onGroupDelete,
  editableLabelProps
}) {
  const groupProps = group.props.map(propId => props[propId]).filter(prop => Boolean(prop));
  const popupState = (0,_elementor_ui__WEBPACK_IMPORTED_MODULE_3__.usePopupState)({
    variant: 'popover',
    disableAutoFocus: true
  });
  const {
    editableRef,
    isEditing,
    error,
    getEditableProps,
    setEditingGroupId,
    editingGroupId
  } = editableLabelProps;
  const hasProperties = group.props.length > 0;
  const isThisGroupEditing = isEditing && editingGroupId === group.id;
  const handleRenameClick = () => {
    popupState.close();
    setEditingGroupId(group.id);
  };
  const handleDeleteClick = () => {
    popupState.close();
    onGroupDelete(group.id);
  };
  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_3__.Box, {
    sx: {
      opacity: isDragPlaceholder ? 0.5 : 1
    }
  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_3__.Stack, {
    gap: 1
  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_3__.Box, {
    className: "group-header",
    sx: {
      position: 'relative',
      '&:hover .group-sortable-trigger': {
        visibility: 'visible'
      },
      '& .group-sortable-trigger': {
        visibility: 'hidden'
      },
      '&:hover .group-menu': {
        visibility: 'visible'
      },
      '& .group-menu': {
        visibility: 'hidden'
      }
    }
  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_sortable__WEBPACK_IMPORTED_MODULE_6__.SortableTrigger, _extends({
    triggerClassName: "group-sortable-trigger"
  }, sortableTriggerProps)), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_3__.Stack, {
    direction: "row",
    alignItems: "center",
    justifyContent: "space-between",
    gap: 2
  }, isThisGroupEditing ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_3__.Box, {
    sx: {
      height: 28,
      display: 'flex',
      alignItems: 'center',
      border: 2,
      borderColor: 'text.secondary',
      borderRadius: 1,
      pl: 0.5,
      flexGrow: 1,
      overflow: 'hidden',
      textOverflow: 'ellipsis',
      whiteSpace: 'nowrap',
      width: '100%'
    }
  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_editor_ui__WEBPACK_IMPORTED_MODULE_1__.EditableField, _extends({
    ref: editableRef,
    as: _elementor_ui__WEBPACK_IMPORTED_MODULE_3__.Typography,
    variant: "caption",
    error: error ?? undefined,
    sx: {
      color: 'text.primary',
      fontWeight: 400,
      lineHeight: 1.66
    }
  }, getEditableProps()))) : /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_editor_ui__WEBPACK_IMPORTED_MODULE_1__.EllipsisWithTooltip, {
    title: group.label,
    as: _elementor_ui__WEBPACK_IMPORTED_MODULE_3__.Typography,
    variant: "caption",
    sx: {
      color: 'text.primary',
      fontWeight: 400,
      lineHeight: 1.66
    }
  }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_3__.IconButton, _extends({
    className: "group-menu",
    size: "tiny",
    sx: {
      p: 0.25,
      visibility: isThisGroupEditing ? 'visible' : undefined
    },
    "aria-label": (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_4__.__)('Group actions', 'elementor-pro')
  }, (0,_elementor_ui__WEBPACK_IMPORTED_MODULE_3__.bindTrigger)(popupState)), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_icons__WEBPACK_IMPORTED_MODULE_2__.DotsVerticalIcon, {
    fontSize: "tiny"
  })))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_3__.List, {
    sx: {
      p: 0,
      display: 'flex',
      flexDirection: 'column',
      gap: 1
    }
  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_sortable__WEBPACK_IMPORTED_MODULE_6__.SortableProvider, {
    value: group.props,
    onChange: onPropsReorder
  }, groupProps.map(prop => /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_sortable__WEBPACK_IMPORTED_MODULE_6__.SortableItem, {
    key: prop.overrideKey,
    id: prop.overrideKey
  }, ({
    triggerProps,
    triggerStyle,
    isDragPlaceholder: isItemDragPlaceholder
  }) => /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_property_item__WEBPACK_IMPORTED_MODULE_5__.PropertyItem, {
    prop: prop,
    sortableTriggerProps: {
      ...triggerProps,
      style: triggerStyle
    },
    isDragPlaceholder: isItemDragPlaceholder,
    groups: allGroups,
    existingLabels: Object.values(props).map(p => p.label),
    onDelete: onPropertyDelete,
    onUpdate: data => onPropertyUpdate(prop.overrideKey, data)
  })))))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_3__.Menu, _extends({}, (0,_elementor_ui__WEBPACK_IMPORTED_MODULE_3__.bindMenu)(popupState), {
    anchorOrigin: {
      vertical: 'bottom',
      horizontal: 'right'
    },
    transformOrigin: {
      vertical: 'top',
      horizontal: 'right'
    }
  }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_editor_ui__WEBPACK_IMPORTED_MODULE_1__.MenuListItem, {
    sx: {
      minWidth: '160px'
    },
    onClick: handleRenameClick
  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_3__.Typography, {
    variant: "caption",
    sx: {
      color: 'text.primary'
    }
  }, (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_4__.__)('Rename', 'elementor-pro'))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_3__.Tooltip, {
    title: hasProperties ? (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_4__.__)('To delete the group, first remove all the properties', 'elementor-pro') : '',
    placement: "right"
  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("span", null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_editor_ui__WEBPACK_IMPORTED_MODULE_1__.MenuListItem, {
    onClick: handleDeleteClick,
    disabled: hasProperties
  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_3__.Typography, {
    variant: "caption",
    sx: {
      color: hasProperties ? 'text.disabled' : 'error.light'
    }
  }, (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_4__.__)('Delete', 'elementor-pro')))))));
}

/***/ }),

/***/ "./packages/packages/pro/editor-components-extended/src/components/component-properties-panel/property-item.tsx":
/*!**********************************************************************************************************************!*\
  !*** ./packages/packages/pro/editor-components-extended/src/components/component-properties-panel/property-item.tsx ***!
  \**********************************************************************************************************************/
/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {

__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   PropertyItem: function() { return /* binding */ PropertyItem; }
/* 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_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_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 _overridable_props_overridable_prop_form__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../overridable-props/overridable-prop-form */ "./packages/packages/pro/editor-components-extended/src/components/overridable-props/overridable-prop-form.tsx");
/* harmony import */ var _sortable__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./sortable */ "./packages/packages/pro/editor-components-extended/src/components/component-properties-panel/sortable.tsx");
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); }






function PropertyItem({
  prop,
  sortableTriggerProps,
  isDragPlaceholder,
  groups,
  existingLabels,
  onDelete,
  onUpdate
}) {
  const popoverState = (0,_elementor_ui__WEBPACK_IMPORTED_MODULE_3__.usePopupState)({
    variant: 'popover'
  });
  const icon = getElementIcon(prop);
  const popoverProps = (0,_elementor_ui__WEBPACK_IMPORTED_MODULE_3__.bindPopover)(popoverState);
  const handleSubmit = data => {
    onUpdate(data);
    popoverState.close();
  };
  const handleDelete = event => {
    event.stopPropagation();
    onDelete(prop.overrideKey);
  };
  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__.Box, _extends({}, (0,_elementor_ui__WEBPACK_IMPORTED_MODULE_3__.bindTrigger)(popoverState), {
    "data-testid": "component-property-item",
    sx: {
      position: 'relative',
      pl: 0.5,
      pr: 1,
      py: 0.25,
      minHeight: 28,
      borderRadius: 1,
      border: '1px solid',
      borderColor: 'divider',
      display: 'flex',
      alignItems: 'center',
      gap: 0.5,
      opacity: isDragPlaceholder ? 0.5 : 1,
      cursor: 'pointer',
      '&:hover': {
        backgroundColor: 'action.hover'
      },
      '&:hover .sortable-trigger': {
        visibility: 'visible'
      },
      '& .sortable-trigger': {
        visibility: 'hidden'
      },
      '&:hover .delete-button': {
        visibility: 'visible'
      },
      '& .delete-button': {
        visibility: 'hidden'
      }
    }
  }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_sortable__WEBPACK_IMPORTED_MODULE_5__.SortableTrigger, sortableTriggerProps), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_3__.Box, {
    sx: {
      display: 'flex',
      alignItems: 'center',
      color: 'text.primary',
      fontSize: 12,
      padding: 0.25
    }
  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("i", {
    className: icon
  })), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_3__.Typography, {
    variant: "caption",
    sx: {
      color: 'text.primary',
      flexGrow: 1,
      fontSize: 10
    }
  }, prop.label), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_3__.IconButton, {
    size: "tiny",
    onClick: handleDelete,
    "aria-label": "Delete property",
    sx: {
      p: 0.25
    }
  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_icons__WEBPACK_IMPORTED_MODULE_2__.XIcon, {
    fontSize: "tiny"
  }))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_3__.Popover, _extends({}, popoverProps, {
    anchorOrigin: {
      vertical: 'bottom',
      horizontal: 'left'
    },
    transformOrigin: {
      vertical: 'top',
      horizontal: 'left'
    },
    PaperProps: {
      sx: {
        width: popoverState.anchorEl?.getBoundingClientRect().width
      }
    }
  }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_overridable_props_overridable_prop_form__WEBPACK_IMPORTED_MODULE_4__.OverridablePropForm, {
    onSubmit: handleSubmit,
    currentValue: prop,
    groups: groups,
    existingLabels: existingLabels,
    sx: {
      width: '100%'
    }
  })));
}
function getElementIcon(prop) {
  const elType = prop.elType === 'widget' ? prop.widgetType : prop.elType;
  const widgetsCache = (0,_elementor_editor_elements__WEBPACK_IMPORTED_MODULE_1__.getWidgetsCache)();
  if (!widgetsCache) {
    return 'eicon-apps';
  }
  const widgetConfig = widgetsCache[elType];
  return widgetConfig?.icon || 'eicon-apps';
}

/***/ }),

/***/ "./packages/packages/pro/editor-components-extended/src/components/component-properties-panel/sortable.tsx":
/*!*****************************************************************************************************************!*\
  !*** ./packages/packages/pro/editor-components-extended/src/components/component-properties-panel/sortable.tsx ***!
  \*****************************************************************************************************************/
/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {

__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   MultiSortableGroup: function() { return /* binding */ MultiSortableGroup; },
/* harmony export */   MultiSortableItem: function() { return /* binding */ MultiSortableItem; },
/* harmony export */   MultiSortableRoot: function() { return /* binding */ MultiSortableRoot; },
/* harmony export */   SortableItem: function() { return /* binding */ SortableItem; },
/* harmony export */   SortableProvider: function() { return /* binding */ SortableProvider; },
/* harmony export */   SortableTrigger: function() { return /* binding */ SortableTrigger; },
/* harmony export */   isMultiGroupSortingEnabled: function() { return /* binding */ isMultiGroupSortingEnabled; }
/* 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_core_adapter_utils__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @elementor/core-adapter-utils */ "@elementor/core-adapter-utils");
/* harmony import */ var _elementor_core_adapter_utils__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_elementor_core_adapter_utils__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 SortableProvider = props => /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_3__.UnstableSortableProvider, _extends({
  restrictAxis: true,
  variant: "static",
  dragPlaceholderStyle: {
    opacity: '1'
  }
}, props));
const SortableTrigger = ({
  triggerClassName,
  ...props
}) => /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(StyledSortableTrigger, _extends({}, props, {
  role: "button",
  className: `sortable-trigger ${triggerClassName ?? ''}`.trim(),
  "aria-label": "sort"
}), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_icons__WEBPACK_IMPORTED_MODULE_2__.GripVerticalIcon, {
  fontSize: "tiny"
}));
const SortableItem = ({
  children,
  id
}) => /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_3__.UnstableSortableItem, {
  id: id,
  render: ({
    itemProps,
    isDragged,
    triggerProps,
    itemStyle,
    triggerStyle,
    dropIndicationStyle,
    showDropIndication,
    isDragOverlay,
    isDragPlaceholder
  }) => /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_3__.Box, _extends({}, itemProps, {
    style: itemStyle,
    component: "div",
    role: "listitem",
    sx: {
      backgroundColor: isDragOverlay ? 'background.paper' : undefined
    }
  }), children({
    isDragged,
    isDragPlaceholder,
    triggerProps,
    triggerStyle
  }), showDropIndication && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(SortableItemIndicator, {
    style: dropIndicationStyle
  }))
});
const MULTI_GROUP_SORTABLE_MIN_CORE_VERSION = '4.1.0';
const isMultiGroupSortingEnabled = (0,_elementor_core_adapter_utils__WEBPACK_IMPORTED_MODULE_1__.isCoreAtLeast)(MULTI_GROUP_SORTABLE_MIN_CORE_VERSION);
function MultiSortableRoot({
  children,
  value,
  onChange
}) {
  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_3__.UnstableSortable, {
    mode: "multiple",
    restrictAxis: true,
    dragPlaceholderStyle: {
      opacity: '1'
    },
    value: value,
    onChange: onChange
  }, children);
}
function MultiSortableGroup({
  groupId,
  children
}) {
  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_3__.UnstableSortableGroup, {
    groupId: groupId
  }, children);
}
function MultiSortableItem({
  id,
  children
}) {
  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_3__.UnstableSortableItem, {
    id: id
  }, children);
}
const StyledSortableTrigger = (0,_elementor_ui__WEBPACK_IMPORTED_MODULE_3__.styled)('div')(({
  theme
}) => ({
  position: 'absolute',
  left: '-2px',
  top: '50%',
  transform: `translate( -${theme.spacing(1.5)}, -50% )`,
  color: theme.palette.action.active,
  cursor: 'grab'
}));
const SortableItemIndicator = (0,_elementor_ui__WEBPACK_IMPORTED_MODULE_3__.styled)((0,_elementor_ui__WEBPACK_IMPORTED_MODULE_3__.Box))`
	width: 100%;
	height: 1px;
	background-color: ${({
  theme
}) => theme.palette.text.primary};
`;

/***/ }),

/***/ "./packages/packages/pro/editor-components-extended/src/components/component-properties-panel/use-current-editable-item.ts":
/*!*********************************************************************************************************************************!*\
  !*** ./packages/packages/pro/editor-components-extended/src/components/component-properties-panel/use-current-editable-item.ts ***!
  \*********************************************************************************************************************************/
/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {

__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   useCurrentEditableItem: function() { return /* binding */ useCurrentEditableItem; }
/* 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_components__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @elementor/editor-components */ "@elementor/editor-components");
/* harmony import */ var _elementor_editor_components__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_elementor_editor_components__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_ui__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @elementor/editor-ui */ "@elementor/editor-ui");
/* harmony import */ var _elementor_editor_ui__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_elementor_editor_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__);
/* harmony import */ var _store_actions_rename_overridable_group__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../store/actions/rename-overridable-group */ "./packages/packages/pro/editor-components-extended/src/store/actions/rename-overridable-group.ts");
/* harmony import */ var _utils_validate_group_label__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./utils/validate-group-label */ "./packages/packages/pro/editor-components-extended/src/components/component-properties-panel/utils/validate-group-label.ts");







function useCurrentEditableItem() {
  const [editingGroupId, setEditingGroupId] = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(null);
  const currentComponentId = (0,_elementor_editor_components__WEBPACK_IMPORTED_MODULE_1__.useCurrentComponentId)();
  const overridableProps = (0,_elementor_editor_components__WEBPACK_IMPORTED_MODULE_1__.useOverridableProps)(currentComponentId);
  const allGroupsRecord = overridableProps?.groups?.items ?? {};
  const currentGroup = editingGroupId ? allGroupsRecord[editingGroupId] : null;
  const validateLabel = newLabel => {
    const otherGroups = Object.fromEntries(Object.entries(allGroupsRecord).filter(([id]) => id !== editingGroupId));
    return (0,_utils_validate_group_label__WEBPACK_IMPORTED_MODULE_6__.validateGroupLabel)(newLabel, otherGroups) || null;
  };
  const handleSubmit = newLabel => {
    if (!editingGroupId || !currentComponentId) {
      throw new Error((0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_4__.__)('Group ID or component ID is missing', 'elementor-pro'));
    }
    (0,_store_actions_rename_overridable_group__WEBPACK_IMPORTED_MODULE_5__.renameOverridableGroup)({
      componentId: currentComponentId,
      groupId: editingGroupId,
      label: newLabel
    });
    (0,_elementor_editor_documents__WEBPACK_IMPORTED_MODULE_2__.setDocumentModifiedStatus)(true);
  };
  const {
    ref: editableRef,
    openEditMode,
    isEditing,
    error,
    getProps: getEditableProps
  } = (0,_elementor_editor_ui__WEBPACK_IMPORTED_MODULE_3__.useEditable)({
    value: currentGroup?.label ?? '',
    onSubmit: handleSubmit,
    validation: validateLabel
  });
  return {
    editableRef,
    isEditing,
    error,
    getEditableProps,
    setEditingGroupId: groupId => {
      setEditingGroupId(groupId);
      openEditMode();
    },
    editingGroupId
  };
}

/***/ }),

/***/ "./packages/packages/pro/editor-components-extended/src/components/component-properties-panel/use-multi-sortable-sync.ts":
/*!*******************************************************************************************************************************!*\
  !*** ./packages/packages/pro/editor-components-extended/src/components/component-properties-panel/use-multi-sortable-sync.ts ***!
  \*******************************************************************************************************************************/
/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {

__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   useMultiSortableSync: function() { return /* binding */ useMultiSortableSync; }
/* 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 _apply_multi_sortable_update__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./apply-multi-sortable-update */ "./packages/packages/pro/editor-components-extended/src/components/component-properties-panel/apply-multi-sortable-update.ts");
/* harmony import */ var _component_properties_sortable_ids__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./component-properties-sortable-ids */ "./packages/packages/pro/editor-components-extended/src/components/component-properties-panel/component-properties-sortable-ids.ts");



function useMultiSortableSync({
  currentComponentId,
  overridableProps,
  groups,
  onPropertyDelete,
  onPropertyUpdate
}) {
  const [syncNonce, setSyncNonce] = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(0);
  const handlePropertyDelete = propKey => {
    onPropertyDelete(propKey);
    setSyncNonce(n => n + 1);
  };
  const handlePropertyUpdate = (overrideKey, data) => {
    const existing = overridableProps.props[overrideKey];
    const groupChanged = existing ? data.group !== existing.groupId : false;
    onPropertyUpdate(overrideKey, data);
    if (groupChanged) {
      setSyncNonce(n => n + 1);
    }
  };
  const handleSortableChange = updated => {
    (0,_apply_multi_sortable_update__WEBPACK_IMPORTED_MODULE_1__.applyMultiSortableUpdate)(updated, currentComponentId);
    if ((0,_apply_multi_sortable_update__WEBPACK_IMPORTED_MODULE_1__.hasDuplicateIds)(updated)) {
      setSyncNonce(n => n + 1);
    }
  };
  const sortableValue = (0,react__WEBPACK_IMPORTED_MODULE_0__.useMemo)(() => {
    const headers = groups.map(g => g.id);
    const byGroup = Object.fromEntries(groups.map(g => [g.id, [...g.props]]));
    return {
      [_component_properties_sortable_ids__WEBPACK_IMPORTED_MODULE_2__.COMPONENT_PROP_GROUP_HEADERS_KEY]: headers,
      ...byGroup
    };
  }, [groups]);
  const sortableKey = `${groups.length}:${syncNonce}`;
  return {
    sortableKey,
    sortableValue,
    handlePropertyDelete,
    handlePropertyUpdate,
    handleSortableChange
  };
}

/***/ }),

/***/ "./packages/packages/pro/editor-components-extended/src/components/component-properties-panel/utils/generate-unique-label.ts":
/*!***********************************************************************************************************************************!*\
  !*** ./packages/packages/pro/editor-components-extended/src/components/component-properties-panel/utils/generate-unique-label.ts ***!
  \***********************************************************************************************************************************/
/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {

__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   generateUniqueLabel: function() { return /* binding */ generateUniqueLabel; }
/* harmony export */ });
const DEFAULT_NEW_GROUP_LABEL = 'New group';
function generateUniqueLabel(groups) {
  const existingLabels = new Set(groups.map(group => group.label));
  if (!existingLabels.has(DEFAULT_NEW_GROUP_LABEL)) {
    return DEFAULT_NEW_GROUP_LABEL;
  }
  let index = 1;
  let newLabel = `${DEFAULT_NEW_GROUP_LABEL}-${index}`;
  while (existingLabels.has(newLabel)) {
    index++;
    newLabel = `${DEFAULT_NEW_GROUP_LABEL}-${index}`;
  }
  return newLabel;
}

/***/ }),

/***/ "./packages/packages/pro/editor-components-extended/src/components/component-properties-panel/utils/validate-group-label.ts":
/*!**********************************************************************************************************************************!*\
  !*** ./packages/packages/pro/editor-components-extended/src/components/component-properties-panel/utils/validate-group-label.ts ***!
  \**********************************************************************************************************************************/
/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {

__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   ERROR_MESSAGES: function() { return /* binding */ ERROR_MESSAGES; },
/* harmony export */   validateGroupLabel: function() { return /* binding */ validateGroupLabel; }
/* harmony export */ });
/* harmony import */ var _wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @wordpress/i18n */ "@wordpress/i18n");
/* harmony import */ var _wordpress_i18n__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__);

const ERROR_MESSAGES = {
  EMPTY_NAME: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__.__)('Group name is required', 'elementor-pro'),
  DUPLICATE_NAME: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__.__)('Group name already exists', 'elementor-pro')
};
function validateGroupLabel(label, existingGroups) {
  const trimmedLabel = label.trim();
  if (!trimmedLabel) {
    return ERROR_MESSAGES.EMPTY_NAME;
  }
  const isDuplicate = Object.values(existingGroups).some(group => group.label === trimmedLabel);
  if (isDuplicate) {
    return ERROR_MESSAGES.DUPLICATE_NAME;
  }
  return '';
}

/***/ }),

/***/ "./packages/packages/pro/editor-components-extended/src/components/components-tab/component-item.tsx":
/*!***********************************************************************************************************!*\
  !*** ./packages/packages/pro/editor-components-extended/src/components/components-tab/component-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 */ });
/* 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_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_components__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @elementor/editor-components */ "@elementor/editor-components");
/* harmony import */ var _elementor_editor_components__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_elementor_editor_components__WEBPACK_IMPORTED_MODULE_2__);
/* harmony import */ var _elementor_editor_elements__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @elementor/editor-elements */ "@elementor/editor-elements");
/* harmony import */ var _elementor_editor_elements__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_elementor_editor_elements__WEBPACK_IMPORTED_MODULE_3__);
/* harmony import */ var _elementor_editor_ui__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! @elementor/editor-ui */ "@elementor/editor-ui");
/* harmony import */ var _elementor_editor_ui__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(_elementor_editor_ui__WEBPACK_IMPORTED_MODULE_4__);
/* harmony import */ var _elementor_icons__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! @elementor/icons */ "@elementor/icons");
/* harmony import */ var _elementor_icons__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(_elementor_icons__WEBPACK_IMPORTED_MODULE_5__);
/* harmony import */ var _elementor_license_api__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! @elementor/license-api */ "@elementor/license-api");
/* harmony import */ var _elementor_license_api__WEBPACK_IMPORTED_MODULE_6___default = /*#__PURE__*/__webpack_require__.n(_elementor_license_api__WEBPACK_IMPORTED_MODULE_6__);
/* harmony import */ var _elementor_ui__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! @elementor/ui */ "@elementor/ui");
/* harmony import */ var _elementor_ui__WEBPACK_IMPORTED_MODULE_7___default = /*#__PURE__*/__webpack_require__.n(_elementor_ui__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 _store_actions_archive_component__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ../../store/actions/archive-component */ "./packages/packages/pro/editor-components-extended/src/store/actions/archive-component.ts");
/* harmony import */ var _store_actions_rename_component__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ../../store/actions/rename-component */ "./packages/packages/pro/editor-components-extended/src/store/actions/rename-component.ts");
/* harmony import */ var _utils_component_name_validation__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ../../utils/component-name-validation */ "./packages/packages/pro/editor-components-extended/src/utils/component-name-validation.ts");
/* harmony import */ var _utils_create_component_model__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ../../utils/create-component-model */ "./packages/packages/pro/editor-components-extended/src/utils/create-component-model.ts");
/* harmony import */ var _utils_get_container_for_new_element__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! ../../utils/get-container-for-new-element */ "./packages/packages/pro/editor-components-extended/src/utils/get-container-for-new-element.ts");
/* harmony import */ var _delete_confirmation_dialog__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! ./delete-confirmation-dialog */ "./packages/packages/pro/editor-components-extended/src/components/components-tab/delete-confirmation-dialog.tsx");
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); }
















function ComponentItem({
  component
}) {
  const itemRef = (0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)(null);
  const [isDeleteDialogOpen, setIsDeleteDialogOpen] = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(false);
  const {
    canRename,
    canDelete
  } = (0,_elementor_editor_components__WEBPACK_IMPORTED_MODULE_2__.useComponentsPermissions)();
  const {
    data: isLicenseExpired = true,
    isPending: isLicenseFetching
  } = (0,_elementor_license_api__WEBPACK_IMPORTED_MODULE_6__.useIsLicenseExpired)();
  const shouldShowActions = (canRename || canDelete) && !isLicenseExpired;
  const {
    ref: editableRef,
    isEditing,
    openEditMode,
    error,
    getProps: getEditableProps
  } = (0,_elementor_editor_ui__WEBPACK_IMPORTED_MODULE_4__.useEditable)({
    value: component.name,
    onSubmit: newName => (0,_store_actions_rename_component__WEBPACK_IMPORTED_MODULE_10__.renameComponent)(component.uid, newName),
    validation: validateComponentTitle
  });
  const componentModel = (0,_utils_create_component_model__WEBPACK_IMPORTED_MODULE_12__.createComponentModel)(component);
  const popupState = (0,_elementor_ui__WEBPACK_IMPORTED_MODULE_7__.usePopupState)({
    variant: 'popover',
    disableAutoFocus: true
  });
  const handleClick = () => {
    addComponentToPage(componentModel);
  };
  const handleDragEnd = () => {
    (0,_elementor_editor_components__WEBPACK_IMPORTED_MODULE_2__.loadComponentsAssets)([componentModel]);
    (0,_elementor_editor_canvas__WEBPACK_IMPORTED_MODULE_1__.endDragElementFromPanel)();
  };
  const handleDeleteClick = () => {
    setIsDeleteDialogOpen(true);
    popupState.close();
  };
  const handleDeleteConfirm = () => {
    if (!component.id) {
      throw new Error('Component ID is required');
    }
    setIsDeleteDialogOpen(false);
    (0,_store_actions_archive_component__WEBPACK_IMPORTED_MODULE_9__.archiveComponent)(component.id, component.name);
  };
  const handleDeleteDialogClose = () => {
    setIsDeleteDialogOpen(false);
  };
  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(ComponentItemWrapper, {
    isAnimating: isLicenseFetching
  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_editor_ui__WEBPACK_IMPORTED_MODULE_4__.WarningInfotip, {
    open: Boolean(error),
    text: error ?? '',
    placement: "bottom",
    width: itemRef.current?.getBoundingClientRect().width,
    offset: [0, -15]
  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_editor_components__WEBPACK_IMPORTED_MODULE_2__.ComponentItem, {
    ref: itemRef,
    component: component,
    disabled: isLicenseExpired,
    draggable: !isLicenseExpired,
    onDragStart: event => (0,_elementor_editor_canvas__WEBPACK_IMPORTED_MODULE_1__.startDragElementFromPanel)(componentModel, event),
    onDragEnd: handleDragEnd,
    onClick: handleClick,
    isEditing: isEditing,
    error: error,
    nameSlot: /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_editor_components__WEBPACK_IMPORTED_MODULE_2__.ComponentName, {
      name: component.name,
      editable: {
        ref: editableRef,
        isEditing,
        getProps: getEditableProps
      }
    }),
    endSlot: shouldShowActions ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_7__.IconButton, _extends({
      size: "tiny"
    }, (0,_elementor_ui__WEBPACK_IMPORTED_MODULE_7__.bindTrigger)(popupState), {
      "aria-label": "More actions"
    }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_icons__WEBPACK_IMPORTED_MODULE_5__.DotsVerticalIcon, {
      fontSize: "tiny"
    })) : undefined
  })), shouldShowActions && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_7__.Menu, _extends({}, (0,_elementor_ui__WEBPACK_IMPORTED_MODULE_7__.bindMenu)(popupState), {
    anchorOrigin: {
      vertical: 'bottom',
      horizontal: 'right'
    },
    transformOrigin: {
      vertical: 'top',
      horizontal: 'right'
    }
  }), canRename && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_editor_ui__WEBPACK_IMPORTED_MODULE_4__.MenuListItem, {
    sx: {
      minWidth: '160px'
    },
    primaryTypographyProps: {
      variant: 'caption',
      color: 'text.primary'
    },
    onClick: () => {
      popupState.close();
      openEditMode();
    }
  }, (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_8__.__)('Rename', 'elementor-pro')), canDelete && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_editor_ui__WEBPACK_IMPORTED_MODULE_4__.MenuListItem, {
    sx: {
      minWidth: '160px'
    },
    primaryTypographyProps: {
      variant: 'caption',
      color: 'error.light'
    },
    onClick: handleDeleteClick
  }, (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_8__.__)('Delete', 'elementor-pro'))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_delete_confirmation_dialog__WEBPACK_IMPORTED_MODULE_14__.DeleteConfirmationDialog, {
    open: isDeleteDialogOpen,
    onClose: handleDeleteDialogClose,
    onConfirm: handleDeleteConfirm
  }));
}
const addComponentToPage = model => {
  const {
    container,
    options
  } = (0,_utils_get_container_for_new_element__WEBPACK_IMPORTED_MODULE_13__.getContainerForNewElement)();
  if (!container) {
    throw new Error(`Can't find container to drop new component instance at`);
  }
  (0,_elementor_editor_components__WEBPACK_IMPORTED_MODULE_2__.loadComponentsAssets)([model]);
  (0,_elementor_editor_elements__WEBPACK_IMPORTED_MODULE_3__.dropElement)({
    containerId: container.id,
    model,
    options: {
      ...options,
      useHistory: false,
      scrollIntoView: true
    }
  });
};
const validateComponentTitle = newTitle => {
  const result = (0,_utils_component_name_validation__WEBPACK_IMPORTED_MODULE_11__.validateComponentName)(newTitle);
  if (!result.errorMessage) {
    return null;
  }
  return result.errorMessage;
};
const pulse = (0,_elementor_ui__WEBPACK_IMPORTED_MODULE_7__.keyframes)`
	0%, 100% { opacity: 0.4; }
	50% { opacity: 0.8; }
`;
const ComponentItemWrapper = ({
  children,
  isAnimating
}) => /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_7__.Stack, {
  sx: {
    animation: isAnimating ? `${pulse} 1.5s ease-in-out infinite` : undefined
  }
}, children);

/***/ }),

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

__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   ComponentsFooter: function() { return /* binding */ ComponentsFooter; }
/* 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_components__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @elementor/editor-components */ "@elementor/editor-components");
/* harmony import */ var _elementor_editor_components__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_elementor_editor_components__WEBPACK_IMPORTED_MODULE_1__);
/* harmony import */ var _elementor_editor_mcp__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @elementor/editor-mcp */ "@elementor/editor-mcp");
/* harmony import */ var _elementor_editor_mcp__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_elementor_editor_mcp__WEBPACK_IMPORTED_MODULE_2__);
/* harmony import */ var _elementor_events__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @elementor/events */ "@elementor/events");
/* harmony import */ var _elementor_events__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_elementor_events__WEBPACK_IMPORTED_MODULE_3__);
/* harmony import */ var _elementor_icons__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! @elementor/icons */ "@elementor/icons");
/* harmony import */ var _elementor_icons__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(_elementor_icons__WEBPACK_IMPORTED_MODULE_4__);
/* harmony import */ var _elementor_ui__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! @elementor/ui */ "@elementor/ui");
/* harmony import */ var _elementor_ui__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(_elementor_ui__WEBPACK_IMPORTED_MODULE_5__);
/* harmony import */ var _wordpress_i18n__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! @wordpress/i18n */ "@wordpress/i18n");
/* harmony import */ var _wordpress_i18n__WEBPACK_IMPORTED_MODULE_6___default = /*#__PURE__*/__webpack_require__.n(_wordpress_i18n__WEBPACK_IMPORTED_MODULE_6__);







const GENERATE_COMPONENT_PROMPT = 'Tell Angie what component you want to build';
const ANGIE_COMPONENTS_TAB_ENTRY = 'components_tab';
const ANGIE_CTA_CLICKED_EVENT = 'angie_cta_clicked';
const ComponentsFooter = () => {
  const {
    canCreate
  } = (0,_elementor_editor_components__WEBPACK_IMPORTED_MODULE_1__.useComponentsPermissions)();
  if (!canCreate || !(0,_elementor_editor_mcp__WEBPACK_IMPORTED_MODULE_2__.isAngieAvailable)()) {
    return null;
  }
  const handleCreateClick = () => {
    (0,_elementor_events__WEBPACK_IMPORTED_MODULE_3__.trackEvent)({
      eventName: ANGIE_CTA_CLICKED_EVENT,
      entry_point: ANGIE_COMPONENTS_TAB_ENTRY,
      has_angie_installed: true
    });
    (0,_elementor_editor_mcp__WEBPACK_IMPORTED_MODULE_2__.sendPromptToAngie)(GENERATE_COMPONENT_PROMPT);
  };
  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_5__.Box, {
    sx: {
      position: 'sticky',
      bottom: 0,
      backgroundColor: 'background.default',
      px: 2,
      pb: 2
    }
  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_5__.Stack, {
    gap: 1
  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_5__.Divider, null), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_5__.Stack, {
    direction: "row",
    alignItems: "center",
    justifyContent: "space-between"
  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_5__.Typography, {
    variant: "caption",
    color: "text.secondary"
  }, (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_6__.__)('Create components with Angie', 'elementor-pro')), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_5__.Button, {
    variant: "text",
    size: "small",
    startIcon: /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_icons__WEBPACK_IMPORTED_MODULE_4__.AIIcon, {
      fontSize: "small"
    }),
    onClick: handleCreateClick,
    sx: {
      color: '#c00bb9',
      px: '5px',
      py: '4px',
      minWidth: 'auto'
    }
  }, (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_6__.__)('Create', 'elementor-pro')))));
};

/***/ }),

/***/ "./packages/packages/pro/editor-components-extended/src/components/components-tab/components.tsx":
/*!*******************************************************************************************************!*\
  !*** ./packages/packages/pro/editor-components-extended/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 */   ExtendedComponents: function() { return /* binding */ ExtendedComponents; }
/* 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_components__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @elementor/editor-components */ "@elementor/editor-components");
/* harmony import */ var _elementor_editor_components__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_elementor_editor_components__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_license_api__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @elementor/license-api */ "@elementor/license-api");
/* harmony import */ var _elementor_license_api__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_elementor_license_api__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 _component_item__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./component-item */ "./packages/packages/pro/editor-components-extended/src/components/components-tab/component-item.tsx");
/* harmony import */ var _components_footer__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./components-footer */ "./packages/packages/pro/editor-components-extended/src/components/components-tab/components-footer.tsx");
/* harmony import */ var _expired_components_promotion__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./expired-components-promotion */ "./packages/packages/pro/editor-components-extended/src/components/components-tab/expired-components-promotion.tsx");
/* harmony import */ var _expired_empty_state__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./expired-empty-state */ "./packages/packages/pro/editor-components-extended/src/components/components-tab/expired-empty-state.tsx");
/* harmony import */ var _pro_empty_state__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ./pro-empty-state */ "./packages/packages/pro/editor-components-extended/src/components/components-tab/pro-empty-state.tsx");











const ExtendedComponents = () => {
  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_editor_ui__WEBPACK_IMPORTED_MODULE_2__.ThemeProvider, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_editor_components__WEBPACK_IMPORTED_MODULE_1__.SearchProvider, {
    localStorageKey: "elementor-components-search"
  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(ExtendedComponentsContent, null)));
};
const ExtendedComponentsContent = () => {
  const {
    components,
    isLoading
  } = (0,_elementor_editor_components__WEBPACK_IMPORTED_MODULE_1__.useComponents)();
  const hasComponents = !isLoading && components.length > 0;
  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(react__WEBPACK_IMPORTED_MODULE_0__.Fragment, null, hasComponents && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_editor_components__WEBPACK_IMPORTED_MODULE_1__.ComponentSearch, null), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(ExtendedComponentsList, null));
};
const EMPTY_STATE_STYLE_ID = 'components-empty-state-full-height';
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(EMPTY_STATE_STYLE_ID);
    if (!style) {
      style = document.createElement('style');
      style.id = EMPTY_STATE_STYLE_ID;
      style.textContent = FULL_HEIGHT_CSS;
      document.head.appendChild(style);
    }
    return () => {
      document.getElementById(EMPTY_STATE_STYLE_ID)?.remove();
    };
  }, []);
};
const ExtendedComponentsList = () => {
  const {
    isLoading: isAllLoading
  } = (0,_elementor_editor_components__WEBPACK_IMPORTED_MODULE_1__.useComponents)();
  const {
    components: filteredComponents,
    isLoading,
    searchValue
  } = (0,_elementor_editor_components__WEBPACK_IMPORTED_MODULE_1__.useFilteredComponents)();
  const {
    data: isLicenseExpired = false,
    isPending: isLicenseFetching
  } = (0,_elementor_license_api__WEBPACK_IMPORTED_MODULE_3__.useIsLicenseExpired)();
  useFullHeightPanel();
  if (isLoading || isAllLoading || isLicenseFetching) {
    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_editor_components__WEBPACK_IMPORTED_MODULE_1__.LoadingComponents, null);
  }
  const isEmpty = !filteredComponents?.length;
  const isSearching = searchValue.length > 0;
  if (isEmpty) {
    if (isSearching) {
      return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_editor_components__WEBPACK_IMPORTED_MODULE_1__.EmptySearchResult, null);
    }
    if (isLicenseExpired) {
      return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_expired_empty_state__WEBPACK_IMPORTED_MODULE_8__.ExpiredEmptyState, null);
    }
    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_pro_empty_state__WEBPACK_IMPORTED_MODULE_9__.ProEmptyState, null);
  }
  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_4__.Stack, {
    justifyContent: "space-between",
    sx: {
      flex: 1,
      minHeight: 0
    }
  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_4__.List, {
    sx: {
      display: 'flex',
      flexDirection: 'column',
      gap: 1,
      px: 2
    }
  }, filteredComponents.map(component => /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_component_item__WEBPACK_IMPORTED_MODULE_5__.ComponentItem, {
    key: component.uid,
    component: component
  }))), isLicenseExpired ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_expired_components_promotion__WEBPACK_IMPORTED_MODULE_7__.ExpiredComponentsPromotion, null) : /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_components_footer__WEBPACK_IMPORTED_MODULE_6__.ComponentsFooter, null));
};

/***/ }),

/***/ "./packages/packages/pro/editor-components-extended/src/components/components-tab/delete-confirmation-dialog.tsx":
/*!***********************************************************************************************************************!*\
  !*** ./packages/packages/pro/editor-components-extended/src/components/components-tab/delete-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 */   DeleteConfirmationDialog: function() { return /* binding */ DeleteConfirmationDialog; }
/* 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 _wordpress_i18n__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @wordpress/i18n */ "@wordpress/i18n");
/* harmony import */ var _wordpress_i18n__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_wordpress_i18n__WEBPACK_IMPORTED_MODULE_2__);



function DeleteConfirmationDialog({
  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, null, (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_2__.__)('Delete this component?', 'elementor-pro')), /*#__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_2__.__)('Existing instances on your pages will remain functional. You will no longer find this component in your list.', 'elementor-pro'))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_editor_ui__WEBPACK_IMPORTED_MODULE_1__.ConfirmationDialog.Actions, {
    onClose: onClose,
    onConfirm: onConfirm
  }));
}

/***/ }),

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

__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   ExpiredComponentsPromotion: function() { return /* binding */ ExpiredComponentsPromotion; }
/* 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 RENEW_COMPONENTS_URL = 'https://go.elementor.com/renew-license-components-exist-footer/';
const ExpiredComponentsPromotion = () => /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_2__.Box, {
  sx: {
    px: 2.5,
    pb: 2,
    position: 'sticky',
    bottom: 0,
    zIndex: 1000
  }
}, /*#__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"
  }),
  "aria-label": "expired-components-promotion",
  action: /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_2__.AlertAction, {
    color: "promotion",
    variant: "contained",
    href: RENEW_COMPONENTS_URL,
    target: "_blank",
    rel: "noopener noreferrer"
  }, (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_3__.__)('Upgrade Now', 'elementor-pro')),
  sx: {
    maxWidth: 296
  }
}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_2__.Box, {
  sx: {
    gap: 0.5,
    display: 'flex',
    flexDirection: 'column'
  }
}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_2__.AlertTitle, null, (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_3__.__)('Create New Components', 'elementor-pro')), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_2__.Typography, {
  variant: "caption"
}, (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_3__.__)('Your Pro subscription has expired. Renew to create new components.', 'elementor-pro')))));

/***/ }),

/***/ "./packages/packages/pro/editor-components-extended/src/components/components-tab/expired-empty-state.tsx":
/*!****************************************************************************************************************!*\
  !*** ./packages/packages/pro/editor-components-extended/src/components/components-tab/expired-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 */   ExpiredEmptyState: function() { return /* binding */ ExpiredEmptyState; }
/* 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 RENEW_COMPONENTS_URL = 'https://go.elementor.com/renew-license-components/';
const SUBTITLE_OVERRIDE_SX = {
  fontSize: '0.875rem !important',
  fontWeight: '500 !important'
};
const ExpiredEmptyState = () => {
  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_3__.Stack, {
    alignItems: "center",
    justifyContent: "start",
    sx: {
      px: 2,
      pt: 4
    },
    gap: 1.75,
    overflow: "hidden"
  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_icons__WEBPACK_IMPORTED_MODULE_2__.ComponentsIcon, {
    fontSize: "large",
    sx: {
      color: 'text.secondary'
    }
  }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_3__.Typography, {
    align: "center",
    variant: "subtitle2",
    color: "text.secondary",
    sx: SUBTITLE_OVERRIDE_SX
  }, (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_4__.__)('Create Reusable Components', 'elementor-pro')), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_3__.Typography, {
    align: "center",
    variant: "caption",
    color: "text.secondary"
  }, (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_4__.__)('Create design elements that sync across your entire site.', 'elementor-pro')), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_editor_ui__WEBPACK_IMPORTED_MODULE_1__.CtaButton, {
    size: "small",
    href: RENEW_COMPONENTS_URL
  }));
};

/***/ }),

/***/ "./packages/packages/pro/editor-components-extended/src/components/components-tab/pro-empty-state.tsx":
/*!************************************************************************************************************!*\
  !*** ./packages/packages/pro/editor-components-extended/src/components/components-tab/pro-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 */   ProEmptyState: function() { return /* binding */ ProEmptyState; }
/* 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_components__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @elementor/editor-components */ "@elementor/editor-components");
/* harmony import */ var _elementor_editor_components__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_elementor_editor_components__WEBPACK_IMPORTED_MODULE_1__);
/* harmony import */ var _elementor_editor_mcp__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @elementor/editor-mcp */ "@elementor/editor-mcp");
/* harmony import */ var _elementor_editor_mcp__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_elementor_editor_mcp__WEBPACK_IMPORTED_MODULE_2__);
/* harmony import */ var _elementor_events__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @elementor/events */ "@elementor/events");
/* harmony import */ var _elementor_events__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_elementor_events__WEBPACK_IMPORTED_MODULE_3__);
/* harmony import */ var _elementor_icons__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! @elementor/icons */ "@elementor/icons");
/* harmony import */ var _elementor_icons__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(_elementor_icons__WEBPACK_IMPORTED_MODULE_4__);
/* harmony import */ var _elementor_ui__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! @elementor/ui */ "@elementor/ui");
/* harmony import */ var _elementor_ui__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(_elementor_ui__WEBPACK_IMPORTED_MODULE_5__);
/* harmony import */ var _wordpress_i18n__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! @wordpress/i18n */ "@wordpress/i18n");
/* harmony import */ var _wordpress_i18n__WEBPACK_IMPORTED_MODULE_6___default = /*#__PURE__*/__webpack_require__.n(_wordpress_i18n__WEBPACK_IMPORTED_MODULE_6__);
/* harmony import */ var _utils_can_show_angie_elementor_promotion__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../../utils/can-show-angie-elementor-promotion */ "./packages/packages/pro/editor-components-extended/src/utils/can-show-angie-elementor-promotion.ts");
/* harmony import */ var _angie_install_dialog__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../angie-install-dialog */ "./packages/packages/pro/editor-components-extended/src/components/angie-install-dialog/index.ts");
/* harmony import */ var _angie_intro__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ../angie-intro */ "./packages/packages/pro/editor-components-extended/src/components/angie-intro/index.ts");











const LEARN_MORE_URL = 'http://go.elementor.com/components-guide-article';
const GENERATE_COMPONENT_PROMPT = 'Tell Angie what component you want to build';
const ANGIE_COMPONENTS_TAB_ENTRY = 'components_tab';
const ANGIE_CTA_CLICKED_EVENT = 'angie_cta_clicked';

// Injected dynamically because global CSS would break the Widgets tab (shared panel elements).
const SUBTITLE_OVERRIDE_SX = {
  fontSize: '0.875rem !important',
  fontWeight: '500 !important'
};
const ProEmptyState = () => {
  const {
    canCreate
  } = (0,_elementor_editor_components__WEBPACK_IMPORTED_MODULE_1__.useComponentsPermissions)();
  const {
    shouldShowIntro,
    suppressIntro
  } = (0,_angie_intro__WEBPACK_IMPORTED_MODULE_9__.useAngieIntro)();
  const [isIntroOpen, setIsIntroOpen] = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(false);
  const [isInstallDialogOpen, setIsInstallDialogOpen] = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(false);
  const linkRef = (0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)(null);
  const handleGenerateClick = () => {
    const hasAngieInstalled = (0,_elementor_editor_mcp__WEBPACK_IMPORTED_MODULE_2__.isAngieAvailable)();
    (0,_elementor_events__WEBPACK_IMPORTED_MODULE_3__.trackEvent)({
      eventName: ANGIE_CTA_CLICKED_EVENT,
      entry_point: ANGIE_COMPONENTS_TAB_ENTRY,
      has_angie_installed: hasAngieInstalled
    });
    if (!hasAngieInstalled) {
      setIsInstallDialogOpen(true);
      return;
    }
    if ((0,_elementor_editor_mcp__WEBPACK_IMPORTED_MODULE_2__.isAngieSidebarOpen)()) {
      (0,_elementor_editor_mcp__WEBPACK_IMPORTED_MODULE_2__.sendPromptToAngie)(GENERATE_COMPONENT_PROMPT);
      return;
    }
    if (shouldShowIntro) {
      setIsIntroOpen(true);
      return;
    }
    (0,_elementor_editor_mcp__WEBPACK_IMPORTED_MODULE_2__.sendPromptToAngie)(GENERATE_COMPONENT_PROMPT);
  };
  const handleIntroConfirm = () => {
    suppressIntro();
    setIsIntroOpen(false);
    (0,_elementor_editor_mcp__WEBPACK_IMPORTED_MODULE_2__.sendPromptToAngie)(GENERATE_COMPONENT_PROMPT);
  };
  const handleIntroClose = () => {
    setIsIntroOpen(false);
  };
  const handleInstallDialogClose = () => {
    setIsInstallDialogOpen(false);
  };
  const isMac = navigator.platform.toUpperCase().indexOf('MAC') >= 0;
  const shortcutKey = isMac ? 'Cmd' : 'Ctrl';
  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_5__.Stack, {
    alignItems: "center",
    justifyContent: "start",
    height: "100%",
    sx: {
      px: 2,
      py: 4
    },
    gap: 1,
    overflow: "hidden"
  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_5__.Stack, {
    alignItems: "center",
    gap: 1.75
  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_icons__WEBPACK_IMPORTED_MODULE_4__.ComponentsIcon, {
    fontSize: "large",
    sx: {
      color: 'text.secondary'
    }
  }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_5__.Stack, {
    alignItems: "center",
    gap: 1.75
  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_5__.Typography, {
    align: "center",
    variant: "subtitle2",
    color: "text.secondary",
    sx: SUBTITLE_OVERRIDE_SX
  }, (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_6__.__)('Create your first component', 'elementor-pro')), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_5__.Typography, {
    align: "center",
    variant: "caption",
    color: "text.tertiary"
  }, canCreate ? `${(0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_6__.__)('To create, press', 'elementor-pro')} ${shortcutKey}+ Shift + K ${(0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_6__.__)('on div-block or flexbox.', 'elementor-pro')}` : (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_6__.__)('With your current role, you cannot create components. Contact an administrator to create one.', 'elementor-pro')))), canCreate && (0,_utils_can_show_angie_elementor_promotion__WEBPACK_IMPORTED_MODULE_7__.canShowAngieElementorPromotion)() && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_5__.Stack, {
    alignItems: "center",
    gap: 1,
    width: "100%"
  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_5__.Typography, {
    variant: "subtitle2",
    color: "text.primary",
    sx: {
      py: 0.5,
      fontWeight: 500
    }
  }, (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_6__.__)('Or', 'elementor-pro')), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_5__.Stack, {
    alignItems: "center",
    gap: 1
  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_5__.Typography, {
    align: "center",
    variant: "caption",
    color: "text.tertiary"
  }, (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_6__.__)('Create a custom component with Angie', 'elementor-pro')), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_5__.Link, {
    ref: linkRef,
    component: "button",
    variant: "caption",
    onClick: handleGenerateClick,
    sx: {
      display: 'flex',
      alignItems: 'center',
      padding: 0.5,
      gap: 0.5,
      color: '#c00bb9',
      textDecoration: 'none',
      '&:hover': {
        textDecoration: 'underline'
      }
    }
  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_icons__WEBPACK_IMPORTED_MODULE_4__.AIIcon, {
    sx: {
      fontSize: 16
    }
  }), (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_6__.__)('Create component', 'elementor-pro')), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_angie_intro__WEBPACK_IMPORTED_MODULE_9__.AngieIntroPopover, {
    open: isIntroOpen,
    onClose: handleIntroClose,
    onConfirm: handleIntroConfirm,
    anchorRef: linkRef
  }))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_5__.Stack, {
    alignItems: "center",
    gap: 0.5,
    sx: {
      mt: 'auto',
      width: '100%'
    }
  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_5__.Divider, {
    sx: {
      width: '100%',
      mb: 2
    }
  }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_5__.Typography, {
    align: "center",
    variant: "caption",
    color: "text.tertiary"
  }, (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_6__.__)('Components are reusable elements that sync across your site.', 'elementor-pro')), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_5__.Link, {
    href: LEARN_MORE_URL,
    target: "_blank",
    rel: "noopener noreferrer",
    variant: "caption",
    color: "info.main"
  }, (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_6__.__)('Learn more', 'elementor-pro'))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_angie_install_dialog__WEBPACK_IMPORTED_MODULE_8__.AngieInstallDialog, {
    open: isInstallDialogOpen,
    onClose: handleInstallDialogClose,
    prompt: GENERATE_COMPONENT_PROMPT
  }));
};

/***/ }),

/***/ "./packages/packages/pro/editor-components-extended/src/components/create-component-form/create-component-form.tsx":
/*!*************************************************************************************************************************!*\
  !*** ./packages/packages/pro/editor-components-extended/src/components/create-component-form/create-component-form.tsx ***!
  \*************************************************************************************************************************/
/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {

__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   CreateComponentForm: function() { return /* binding */ CreateComponentForm; }
/* 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_components__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @elementor/editor-components */ "@elementor/editor-components");
/* harmony import */ var _elementor_editor_components__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_elementor_editor_components__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 _elementor_editor_notifications__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @elementor/editor-notifications */ "@elementor/editor-notifications");
/* harmony import */ var _elementor_editor_notifications__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_elementor_editor_notifications__WEBPACK_IMPORTED_MODULE_3__);
/* harmony import */ var _elementor_editor_ui__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! @elementor/editor-ui */ "@elementor/editor-ui");
/* harmony import */ var _elementor_editor_ui__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(_elementor_editor_ui__WEBPACK_IMPORTED_MODULE_4__);
/* harmony import */ var _elementor_icons__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! @elementor/icons */ "@elementor/icons");
/* harmony import */ var _elementor_icons__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(_elementor_icons__WEBPACK_IMPORTED_MODULE_5__);
/* harmony import */ var _elementor_ui__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! @elementor/ui */ "@elementor/ui");
/* harmony import */ var _elementor_ui__WEBPACK_IMPORTED_MODULE_6___default = /*#__PURE__*/__webpack_require__.n(_elementor_ui__WEBPACK_IMPORTED_MODULE_6__);
/* harmony import */ var _wordpress_i18n__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! @wordpress/i18n */ "@wordpress/i18n");
/* harmony import */ var _wordpress_i18n__WEBPACK_IMPORTED_MODULE_7___default = /*#__PURE__*/__webpack_require__.n(_wordpress_i18n__WEBPACK_IMPORTED_MODULE_7__);
/* harmony import */ var _store_actions_create_unpublished_component__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../../store/actions/create-unpublished-component */ "./packages/packages/pro/editor-components-extended/src/store/actions/create-unpublished-component.ts");
/* harmony import */ var _sync_prevent_non_atomic_nesting__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ../../sync/prevent-non-atomic-nesting */ "./packages/packages/pro/editor-components-extended/src/sync/prevent-non-atomic-nesting.ts");
/* harmony import */ var _utils_component_form_schema__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ../../utils/component-form-schema */ "./packages/packages/pro/editor-components-extended/src/utils/component-form-schema.ts");
/* harmony import */ var _hooks_use_form__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ./hooks/use-form */ "./packages/packages/pro/editor-components-extended/src/components/create-component-form/hooks/use-form.ts");
/* harmony import */ var _utils_get_component_event_data__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ./utils/get-component-event-data */ "./packages/packages/pro/editor-components-extended/src/components/create-component-form/utils/get-component-event-data.ts");














const MAX_COMPONENTS = 100;
function CreateComponentForm() {
  const [element, setElement] = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(null);
  const [anchorPosition, setAnchorPosition] = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)();
  const {
    components
  } = (0,_elementor_editor_components__WEBPACK_IMPORTED_MODULE_1__.useComponents)();
  const eventData = (0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)(null);
  (0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(() => {
    const OPEN_SAVE_AS_COMPONENT_FORM_EVENT = 'elementor/editor/open-save-as-component-form';
    const openPopup = event => {
      const {
        shouldOpen,
        notification
      } = shouldOpenForm(event.detail.element, components?.length ?? 0);
      if (!shouldOpen) {
        (0,_elementor_editor_notifications__WEBPACK_IMPORTED_MODULE_3__.notify)(notification);
        return;
      }
      setElement({
        element: event.detail.element,
        elementLabel: (0,_elementor_editor_elements__WEBPACK_IMPORTED_MODULE_2__.getElementLabel)(event.detail.element.id)
      });
      setAnchorPosition(event.detail.anchorPosition);
      eventData.current = (0,_utils_get_component_event_data__WEBPACK_IMPORTED_MODULE_12__.getComponentEventData)(event.detail.element, event.detail.options);
      (0,_elementor_editor_components__WEBPACK_IMPORTED_MODULE_1__.trackComponentEvent)({
        action: 'createClicked',
        source: 'user',
        ...eventData.current
      });
    };
    window.addEventListener(OPEN_SAVE_AS_COMPONENT_FORM_EVENT, openPopup);
    return () => {
      window.removeEventListener(OPEN_SAVE_AS_COMPONENT_FORM_EVENT, openPopup);
    };
  }, [components?.length]);
  const handleSave = async values => {
    try {
      if (!element) {
        throw new Error(`Can't save element as component: element not found`);
      }
      const {
        uid,
        instanceId
      } = await (0,_store_actions_create_unpublished_component__WEBPACK_IMPORTED_MODULE_8__.createUnpublishedComponent)({
        name: values.componentName,
        element: element.element,
        eventData: eventData.current,
        source: 'user'
      });
      const publishedComponentId = _elementor_editor_components__WEBPACK_IMPORTED_MODULE_1__.componentsSelectors.getComponentByUid(uid)?.id;
      if (publishedComponentId) {
        (0,_elementor_editor_components__WEBPACK_IMPORTED_MODULE_1__.switchToComponent)(publishedComponentId, instanceId);
      } else {
        throw new Error('Failed to find published component');
      }
      (0,_elementor_editor_notifications__WEBPACK_IMPORTED_MODULE_3__.notify)({
        type: 'success',
        message: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_7__.__)('Component created successfully.', 'elementor-pro'),
        id: `component-saved-successfully-${uid}`
      });
      resetAndClosePopup();
    } catch {
      const errorMessage = (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_7__.__)('Failed to create component. Please try again.', 'elementor-pro');
      (0,_elementor_editor_notifications__WEBPACK_IMPORTED_MODULE_3__.notify)({
        type: 'error',
        message: errorMessage,
        id: 'component-save-failed'
      });
      resetAndClosePopup();
    }
  };
  const resetAndClosePopup = () => {
    setElement(null);
    setAnchorPosition(undefined);
  };
  const cancelSave = () => {
    resetAndClosePopup();
    (0,_elementor_editor_components__WEBPACK_IMPORTED_MODULE_1__.trackComponentEvent)({
      action: 'createCancelled',
      source: 'user',
      ...eventData.current
    });
  };
  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_editor_ui__WEBPACK_IMPORTED_MODULE_4__.ThemeProvider, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_6__.Popover, {
    open: element !== null,
    onClose: cancelSave,
    anchorReference: "anchorPosition",
    anchorPosition: anchorPosition,
    "data-testid": "create-component-form"
  }, element !== null && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(Form, {
    initialValues: {
      componentName: element.elementLabel
    },
    handleSave: handleSave,
    closePopup: cancelSave
  })));
}
function shouldOpenForm(element, componentsCount) {
  const nonAtomicElements = (0,_sync_prevent_non_atomic_nesting__WEBPACK_IMPORTED_MODULE_9__.findNonAtomicElementsInElement)(element);
  if (nonAtomicElements.length > 0) {
    return {
      shouldOpen: false,
      notification: {
        type: 'default',
        message: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_7__.__)('Components require atomic elements only. Remove widgets to create this component.', 'elementor-pro'),
        id: 'non-atomic-element-save-blocked'
      }
    };
  }
  if (componentsCount >= MAX_COMPONENTS) {
    return {
      shouldOpen: false,
      notification: {
        type: 'default',
        /* translators: %s is the maximum number of components */
        message: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_7__.__)(`You've reached the limit of %s components. Please remove an existing one to create a new component.`, 'elementor-pro').replace('%s', MAX_COMPONENTS.toString()),
        id: 'maximum-number-of-components-exceeded'
      }
    };
  }
  return {
    shouldOpen: true,
    notification: null
  };
}
const FONT_SIZE = 'tiny';
const Form = ({
  initialValues,
  handleSave,
  closePopup
}) => {
  const {
    values,
    errors,
    isValid,
    handleChange,
    validateForm
  } = (0,_hooks_use_form__WEBPACK_IMPORTED_MODULE_11__.useForm)(initialValues);
  const nameInputRef = (0,_elementor_editor_ui__WEBPACK_IMPORTED_MODULE_4__.useTextFieldAutoSelect)();
  const {
    components
  } = (0,_elementor_editor_components__WEBPACK_IMPORTED_MODULE_1__.useComponents)();
  const existingComponentNames = (0,react__WEBPACK_IMPORTED_MODULE_0__.useMemo)(() => {
    return components?.map(component => component.name) ?? [];
  }, [components]);
  const changeValidationSchema = (0,react__WEBPACK_IMPORTED_MODULE_0__.useMemo)(() => (0,_utils_component_form_schema__WEBPACK_IMPORTED_MODULE_10__.createBaseComponentSchema)(existingComponentNames), [existingComponentNames]);
  const submitValidationSchema = (0,react__WEBPACK_IMPORTED_MODULE_0__.useMemo)(() => (0,_utils_component_form_schema__WEBPACK_IMPORTED_MODULE_10__.createSubmitComponentSchema)(existingComponentNames), [existingComponentNames]);
  const handleSubmit = () => {
    const {
      success,
      parsedValues
    } = validateForm(submitValidationSchema);
    if (success) {
      handleSave(parsedValues);
    }
  };
  const texts = {
    heading: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_7__.__)('Create component', 'elementor-pro'),
    name: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_7__.__)('Name', 'elementor-pro'),
    cancel: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_7__.__)('Cancel', 'elementor-pro'),
    create: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_7__.__)('Create', 'elementor-pro')
  };
  const nameInputId = 'component-name';
  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_editor_ui__WEBPACK_IMPORTED_MODULE_4__.Form, {
    onSubmit: handleSubmit
  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_6__.Stack, {
    alignItems: "start",
    width: "268px"
  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_6__.Stack, {
    direction: "row",
    alignItems: "center",
    py: 1,
    px: 1.5,
    sx: {
      columnGap: 0.5,
      borderBottom: '1px solid',
      borderColor: 'divider',
      width: '100%'
    }
  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_icons__WEBPACK_IMPORTED_MODULE_5__.ComponentsIcon, {
    fontSize: FONT_SIZE
  }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_6__.Typography, {
    variant: "caption",
    sx: {
      color: 'text.primary',
      fontWeight: '500',
      lineHeight: 1
    }
  }, texts.heading)), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_6__.Grid, {
    container: true,
    gap: 0.75,
    alignItems: "start",
    p: 1.5
  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_6__.Grid, {
    item: true,
    xs: 12
  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_6__.FormLabel, {
    htmlFor: nameInputId,
    size: "tiny"
  }, texts.name)), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_6__.Grid, {
    item: true,
    xs: 12
  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_6__.TextField, {
    id: nameInputId,
    size: FONT_SIZE,
    fullWidth: true,
    value: values.componentName,
    onChange: e => handleChange(e, 'componentName', changeValidationSchema),
    inputProps: {
      style: {
        color: 'text.primary',
        fontWeight: '600'
      }
    },
    error: Boolean(errors.componentName),
    helperText: errors.componentName,
    inputRef: nameInputRef
  }))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_6__.Stack, {
    direction: "row",
    justifyContent: "flex-end",
    alignSelf: "end",
    py: 1,
    px: 1.5
  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_6__.Button, {
    onClick: closePopup,
    color: "secondary",
    variant: "text",
    size: "small"
  }, texts.cancel), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_6__.Button, {
    type: "submit",
    disabled: !isValid,
    variant: "contained",
    color: "primary",
    size: "small"
  }, texts.create))));
};

/***/ }),

/***/ "./packages/packages/pro/editor-components-extended/src/components/create-component-form/hooks/use-form.ts":
/*!*****************************************************************************************************************!*\
  !*** ./packages/packages/pro/editor-components-extended/src/components/create-component-form/hooks/use-form.ts ***!
  \*****************************************************************************************************************/
/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {

__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   useForm: function() { return /* binding */ useForm; }
/* 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 useForm = initialValues => {
  const [values, setValues] = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(initialValues);
  const [errors, setErrors] = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)({});
  const isValid = (0,react__WEBPACK_IMPORTED_MODULE_0__.useMemo)(() => {
    return !Object.values(errors).some(error => error);
  }, [errors]);
  const handleChange = (e, field, validationSchema) => {
    const updated = {
      ...values,
      [field]: e.target.value
    };
    setValues(updated);
    const {
      success,
      errors: validationErrors
    } = validateForm(updated, validationSchema);
    if (!success) {
      setErrors(validationErrors);
    } else {
      setErrors({});
    }
  };
  const validate = validationSchema => {
    const {
      success,
      errors: validationErrors,
      parsedValues
    } = validateForm(values, validationSchema);
    if (!success) {
      setErrors(validationErrors);
      return {
        success
      };
    }
    setErrors({});
    return {
      success,
      parsedValues
    };
  };
  return {
    values,
    errors,
    isValid,
    handleChange,
    validateForm: validate
  };
};
const validateForm = (values, schema) => {
  const result = schema.safeParse(values);
  if (result.success) {
    return {
      success: true,
      parsedValues: result.data
    };
  }
  const errors = {};
  Object.entries(result.error.formErrors.fieldErrors).forEach(([field, error]) => {
    errors[field] = error[0];
  });
  return {
    success: false,
    errors
  };
};

/***/ }),

/***/ "./packages/packages/pro/editor-components-extended/src/components/create-component-form/utils/get-component-event-data.ts":
/*!*********************************************************************************************************************************!*\
  !*** ./packages/packages/pro/editor-components-extended/src/components/create-component-form/utils/get-component-event-data.ts ***!
  \*********************************************************************************************************************************/
/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {

__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   getComponentEventData: function() { return /* binding */ getComponentEventData; }
/* harmony export */ });
const getComponentEventData = (containerElement, options) => {
  const {
    elementsCount,
    componentsCount
  } = countNestedElements(containerElement);
  return {
    nested_elements_count: elementsCount,
    nested_components_count: componentsCount,
    top_element_type: containerElement.elType,
    location: options?.location,
    secondary_location: options?.secondaryLocation,
    trigger: options?.trigger
  };
};
function countNestedElements(container) {
  if (!container.elements || container.elements.length === 0) {
    return {
      elementsCount: 0,
      componentsCount: 0
    };
  }
  let elementsCount = container.elements.length;
  let componentsCount = 0;
  for (const element of container.elements) {
    if (element.widgetType === 'e-component') {
      componentsCount++;
    }
    const {
      elementsCount: nestedElementsCount,
      componentsCount: nestedComponentsCount
    } = countNestedElements(element);
    elementsCount += nestedElementsCount;
    componentsCount += nestedComponentsCount;
  }
  return {
    elementsCount,
    componentsCount
  };
}

/***/ }),

/***/ "./packages/packages/pro/editor-components-extended/src/components/edit-component/component-modal.tsx":
/*!************************************************************************************************************!*\
  !*** ./packages/packages/pro/editor-components-extended/src/components/edit-component/component-modal.tsx ***!
  \************************************************************************************************************/
/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {

__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   ComponentModal: function() { return /* binding */ ComponentModal; }
/* 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 react_dom__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react-dom */ "react-dom");
/* harmony import */ var react_dom__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react_dom__WEBPACK_IMPORTED_MODULE_1__);
/* harmony import */ var _wordpress_i18n__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @wordpress/i18n */ "@wordpress/i18n");
/* harmony import */ var _wordpress_i18n__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_wordpress_i18n__WEBPACK_IMPORTED_MODULE_2__);
/* harmony import */ var _use_canvas_document__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./use-canvas-document */ "./packages/packages/pro/editor-components-extended/src/components/edit-component/use-canvas-document.ts");
/* harmony import */ var _use_element_rect__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./use-element-rect */ "./packages/packages/pro/editor-components-extended/src/components/edit-component/use-element-rect.ts");






function ComponentModal({
  topLevelElementDom,
  onClose
}) {
  const canvasDocument = (0,_use_canvas_document__WEBPACK_IMPORTED_MODULE_3__.useCanvasDocument)();
  (0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(() => {
    const handleEsc = event => {
      if (event.key === 'Escape') {
        onClose();
      }
    };
    canvasDocument?.body.addEventListener('keydown', handleEsc);
    return () => {
      canvasDocument?.body.removeEventListener('keydown', handleEsc);
    };
  }, [canvasDocument, onClose]);
  if (!canvasDocument?.body) {
    return null;
  }
  return /*#__PURE__*/(0,react_dom__WEBPACK_IMPORTED_MODULE_1__.createPortal)(/*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(react__WEBPACK_IMPORTED_MODULE_0__.Fragment, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(BlockEditPage, null), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(Backdrop, {
    canvas: canvasDocument,
    element: topLevelElementDom,
    onClose: onClose
  })), canvasDocument.body);
}
function Backdrop({
  canvas,
  element,
  onClose
}) {
  const rect = (0,_use_element_rect__WEBPACK_IMPORTED_MODULE_4__.useElementRect)(element);
  const clipPath = element ? getRectPath(rect, canvas.defaultView) : undefined;
  const backdropStyle = {
    position: 'fixed',
    top: 0,
    left: 0,
    width: '100vw',
    height: '100vh',
    backgroundColor: 'rgba(0, 0, 0, 0.5)',
    zIndex: 999,
    pointerEvents: 'painted',
    cursor: 'pointer',
    clipPath
  };
  const handleKeyDown = event => {
    if (event.key === 'Enter' || event.key === ' ') {
      event.preventDefault();
      onClose();
    }
  };
  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("div", {
    style: backdropStyle,
    onClick: onClose,
    onKeyDown: handleKeyDown,
    role: "button",
    tabIndex: 0,
    "aria-label": (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_2__.__)('Exit component editing mode', 'elementor-pro')
  });
}
function getRectPath(rect, viewport) {
  const {
    x,
    y,
    width,
    height
  } = rect;
  const {
    innerWidth: vw,
    innerHeight: vh
  } = viewport;
  const path = `path(evenodd, 'M 0 0 
		L ${vw} 0
		L ${vw} ${vh}
		L 0 ${vh}
		Z
		M ${x} ${y}
		L ${x + width} ${y}
		L ${x + width} ${y + height}
		L ${x} ${y + height}
		L ${x} ${y}
    	Z'
	)`;
  return path.replace(/\s{2,}/g, ' ');
}

/**
 * when switching to another document id, we get a document handler when hovering
 * this functionality originates in Pro, and is intended for editing templates, e.g. header/footer
 * in components we don't want that, so the easy way out is to prevent it of being displayed via a CSS rule
 */
function BlockEditPage() {
  const blockV3DocumentHandlesStyles = `
	.elementor-editor-active {
		& .elementor-section-wrap.ui-sortable {
			display: contents;
		}

		& *[data-editable-elementor-document]:not(.elementor-edit-mode):hover {
			& .elementor-document-handle:not(.elementor-document-save-back-handle) {
				display: none;

				&::before,
				& .elementor-document-handle__inner {
					display: none;
				}
			}
		}
	}
	`;
  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("style", {
    "data-e-style-id": "e-block-v3-document-handles-styles"
  }, blockV3DocumentHandlesStyles);
}

/***/ }),

/***/ "./packages/packages/pro/editor-components-extended/src/components/edit-component/edit-component.tsx":
/*!***********************************************************************************************************!*\
  !*** ./packages/packages/pro/editor-components-extended/src/components/edit-component/edit-component.tsx ***!
  \***********************************************************************************************************/
/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {

__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   EditComponent: function() { return /* binding */ EditComponent; }
/* 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_components__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @elementor/editor-components */ "@elementor/editor-components");
/* harmony import */ var _elementor_editor_components__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_elementor_editor_components__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_v1_adapters__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @elementor/editor-v1-adapters */ "@elementor/editor-v1-adapters");
/* harmony import */ var _elementor_editor_v1_adapters__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_elementor_editor_v1_adapters__WEBPACK_IMPORTED_MODULE_3__);
/* harmony import */ var _elementor_store__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! @elementor/store */ "@elementor/store");
/* harmony import */ var _elementor_store__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(_elementor_store__WEBPACK_IMPORTED_MODULE_4__);
/* harmony import */ var _elementor_utils__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! @elementor/utils */ "@elementor/utils");
/* harmony import */ var _elementor_utils__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(_elementor_utils__WEBPACK_IMPORTED_MODULE_5__);
/* harmony import */ var _consts__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../consts */ "./packages/packages/pro/editor-components-extended/src/consts.ts");
/* harmony import */ var _hooks_use_navigate_back__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../../hooks/use-navigate-back */ "./packages/packages/pro/editor-components-extended/src/hooks/use-navigate-back.ts");
/* harmony import */ var _store_actions_reset_sanitized_components__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../../store/actions/reset-sanitized-components */ "./packages/packages/pro/editor-components-extended/src/store/actions/reset-sanitized-components.ts");
/* harmony import */ var _store_actions_update_current_component__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ../../store/actions/update-current-component */ "./packages/packages/pro/editor-components-extended/src/store/actions/update-current-component.ts");
/* harmony import */ var _component_modal__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ./component-modal */ "./packages/packages/pro/editor-components-extended/src/components/edit-component/component-modal.tsx");












function EditComponent() {
  const currentComponentId = (0,_elementor_editor_components__WEBPACK_IMPORTED_MODULE_1__.useCurrentComponentId)();
  useHandleDocumentSwitches();
  const navigateBack = (0,_hooks_use_navigate_back__WEBPACK_IMPORTED_MODULE_7__.useNavigateBack)();
  const onClose = (0,_elementor_utils__WEBPACK_IMPORTED_MODULE_5__.throttle)(navigateBack, 100);
  const topLevelElementDom = useComponentDOMElement(currentComponentId ?? undefined);
  if (!currentComponentId) {
    return null;
  }
  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_component_modal__WEBPACK_IMPORTED_MODULE_10__.ComponentModal, {
    topLevelElementDom: topLevelElementDom,
    onClose: onClose
  });
}
function useHandleDocumentSwitches() {
  const documentsManager = (0,_elementor_editor_documents__WEBPACK_IMPORTED_MODULE_2__.getV1DocumentsManager)();
  const currentComponentId = (0,_elementor_editor_components__WEBPACK_IMPORTED_MODULE_1__.useCurrentComponentId)();
  const path = (0,_elementor_store__WEBPACK_IMPORTED_MODULE_4__.__useSelector)(_elementor_editor_components__WEBPACK_IMPORTED_MODULE_1__.selectPath);
  (0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(() => {
    return (0,_elementor_editor_v1_adapters__WEBPACK_IMPORTED_MODULE_3__.__privateListenTo)((0,_elementor_editor_v1_adapters__WEBPACK_IMPORTED_MODULE_3__.commandEndEvent)('editor/documents/open'), () => {
      const nextDocument = documentsManager.getCurrent();
      if (nextDocument.id === currentComponentId) {
        return;
      }
      if (currentComponentId) {
        _elementor_editor_components__WEBPACK_IMPORTED_MODULE_1__.apiClient.unlockComponent(currentComponentId);
      }
      (0,_store_actions_reset_sanitized_components__WEBPACK_IMPORTED_MODULE_8__.resetSanitizedComponents)();
      const isComponent = nextDocument.config.type === _consts__WEBPACK_IMPORTED_MODULE_6__.COMPONENT_DOCUMENT_TYPE;
      if (!isComponent) {
        (0,_store_actions_update_current_component__WEBPACK_IMPORTED_MODULE_9__.updateCurrentComponent)({
          path: [],
          currentComponentId: null
        });
        return;
      }
      (0,_store_actions_update_current_component__WEBPACK_IMPORTED_MODULE_9__.updateCurrentComponent)({
        path: getUpdatedComponentPath(path, nextDocument),
        currentComponentId: nextDocument.id
      });
    });
  }, [path, documentsManager, currentComponentId]);
}
function getUpdatedComponentPath(path, nextDocument) {
  const componentIndex = path.findIndex(({
    componentId
  }) => componentId === nextDocument.id);
  if (componentIndex >= 0) {
    // When exiting the editing of a nested component - we in fact go back a step
    // so we need to make sure the path is cleaned up of any newer items
    // By doing it with the slice and not a simple pop() - we could jump to any component in the path and make sure it becomes the current one
    return path.slice(0, componentIndex + 1);
  }
  const instanceId = nextDocument?.container.view?.el?.dataset.id;
  const instanceTitle = getInstanceTitle(instanceId, path);
  return [...path, {
    instanceId,
    instanceTitle,
    componentId: nextDocument.id
  }];
}
function getInstanceTitle(instanceId, path) {
  if (!instanceId) {
    return undefined;
  }
  const documentsManager = (0,_elementor_editor_documents__WEBPACK_IMPORTED_MODULE_2__.getV1DocumentsManager)();
  const parentDocId = path.at(-1)?.componentId ?? documentsManager.getInitialId();
  const parentDoc = documentsManager.get(parentDocId);
  const parentContainer = parentDoc?.container;
  const widget = parentContainer?.children?.findRecursive?.(container => container.id === instanceId);
  const editorSettings = widget?.model?.get?.('editor_settings');
  return editorSettings?.title;
}
function useComponentDOMElement(id) {
  const {
    componentContainerDomElement,
    topLevelElementDom
  } = getComponentDOMElements(id);
  const [currentElementDom, setCurrentElementDom] = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(topLevelElementDom);
  (0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(() => {
    setCurrentElementDom(topLevelElementDom);
  }, [topLevelElementDom]);
  (0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(() => {
    if (!componentContainerDomElement) {
      return;
    }
    const mutationObserver = new MutationObserver(() => {
      const newElementDom = componentContainerDomElement.children[0];
      setCurrentElementDom(newElementDom);
    });
    mutationObserver.observe(componentContainerDomElement, {
      childList: true
    });
    return () => {
      mutationObserver.disconnect();
    };
  }, [componentContainerDomElement]);
  return currentElementDom;
}
function getComponentDOMElements(id) {
  if (!id) {
    return {
      componentContainerDomElement: null,
      topLevelElementDom: null
    };
  }
  const documentsManager = (0,_elementor_editor_documents__WEBPACK_IMPORTED_MODULE_2__.getV1DocumentsManager)();
  const currentComponent = documentsManager.get(id);
  const componentContainer = currentComponent?.container;
  const componentContainerDomElement = componentContainer?.view?.el?.children?.[0] ?? null;
  const topLevelElementDom = componentContainerDomElement?.children[0] ?? null;
  return {
    componentContainerDomElement,
    topLevelElementDom
  };
}

/***/ }),

/***/ "./packages/packages/pro/editor-components-extended/src/components/edit-component/use-canvas-document.ts":
/*!***************************************************************************************************************!*\
  !*** ./packages/packages/pro/editor-components-extended/src/components/edit-component/use-canvas-document.ts ***!
  \***************************************************************************************************************/
/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {

__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   useCanvasDocument: function() { return /* binding */ useCanvasDocument; }
/* 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__);

function useCanvasDocument() {
  return (0,_elementor_editor_v1_adapters__WEBPACK_IMPORTED_MODULE_0__.__privateUseListenTo)((0,_elementor_editor_v1_adapters__WEBPACK_IMPORTED_MODULE_0__.commandEndEvent)('editor/documents/attach-preview'), () => (0,_elementor_editor_v1_adapters__WEBPACK_IMPORTED_MODULE_0__.getCanvasIframeDocument)());
}

/***/ }),

/***/ "./packages/packages/pro/editor-components-extended/src/components/edit-component/use-element-rect.ts":
/*!************************************************************************************************************!*\
  !*** ./packages/packages/pro/editor-components-extended/src/components/edit-component/use-element-rect.ts ***!
  \************************************************************************************************************/
/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {

__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   useElementRect: function() { return /* binding */ useElementRect; }
/* 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__);


function useElementRect(element) {
  const [rect, setRect] = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(new DOMRect(0, 0, 0, 0));
  const onChange = (0,_elementor_utils__WEBPACK_IMPORTED_MODULE_1__.throttle)(() => {
    setRect(element?.getBoundingClientRect() ?? new DOMRect(0, 0, 0, 0));
  }, 20, true);
  useScrollListener({
    element,
    onChange
  });
  useResizeListener({
    element,
    onChange
  });
  useMutationsListener({
    element,
    onChange
  });
  (0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(() => () => {
    onChange.cancel();
  }, [onChange]);
  return rect;
}
function useScrollListener({
  element,
  onChange
}) {
  (0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(() => {
    if (!element) {
      return;
    }
    const win = element.ownerDocument?.defaultView;
    win?.addEventListener('scroll', onChange, {
      passive: true
    });
    return () => {
      win?.removeEventListener('scroll', onChange);
    };
  }, [element, onChange]);
}
function useResizeListener({
  element,
  onChange
}) {
  (0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(() => {
    if (!element) {
      return;
    }
    const resizeObserver = new ResizeObserver(onChange);
    resizeObserver.observe(element);
    const win = element.ownerDocument?.defaultView;
    win?.addEventListener('resize', onChange, {
      passive: true
    });
    return () => {
      resizeObserver.disconnect();
      win?.removeEventListener('resize', onChange);
    };
  }, [element, onChange]);
}
function useMutationsListener({
  element,
  onChange
}) {
  (0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(() => {
    if (!element) {
      return;
    }
    const mutationObserver = new MutationObserver(onChange);
    mutationObserver.observe(element, {
      childList: true,
      subtree: true
    });
    return () => {
      mutationObserver.disconnect();
    };
  }, [element, onChange]);
}

/***/ }),

/***/ "./packages/packages/pro/editor-components-extended/src/components/instance-editing-panel/instance-editing-panel.tsx":
/*!***************************************************************************************************************************!*\
  !*** ./packages/packages/pro/editor-components-extended/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 */   ExtendedInstanceEditingPanel: function() { return /* binding */ ExtendedInstanceEditingPanel; }
/* 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_components__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @elementor/editor-components */ "@elementor/editor-components");
/* harmony import */ var _elementor_editor_components__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_elementor_editor_components__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__);





function ExtendedInstanceEditingPanel() {
  const {
    canEdit
  } = (0,_elementor_editor_components__WEBPACK_IMPORTED_MODULE_1__.useComponentsPermissions)();
  const data = (0,_elementor_editor_components__WEBPACK_IMPORTED_MODULE_1__.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_4__.__)('Edit %s', 'elementor-pro').replace('%s', component.name);
  const handleEditComponent = () => (0,_elementor_editor_components__WEBPACK_IMPORTED_MODULE_1__.switchToComponent)(componentId, componentInstanceId);
  const actions = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_3__.Stack, {
    direction: "row",
    gap: 0.5
  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_editor_components__WEBPACK_IMPORTED_MODULE_1__.DetachAction, {
    componentInstanceId: componentInstanceId,
    componentId: componentId
  }), canEdit ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_editor_components__WEBPACK_IMPORTED_MODULE_1__.EditComponentAction, {
    label: panelTitle,
    onClick: handleEditComponent,
    icon: _elementor_icons__WEBPACK_IMPORTED_MODULE_2__.PencilIcon
  }) : null);
  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_3__.Box, {
    "data-testid": "instance-editing-panel",
    sx: {
      height: '100%'
    }
  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_editor_components__WEBPACK_IMPORTED_MODULE_1__.ComponentInstanceProvider, {
    componentId: componentId,
    overrides: overrides,
    overridableProps: overridableProps
  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_editor_components__WEBPACK_IMPORTED_MODULE_1__.InstancePanelHeader, {
    componentName: component.name,
    actions: actions
  }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_editor_components__WEBPACK_IMPORTED_MODULE_1__.InstancePanelBody, {
    groups: groups,
    isEmpty: isEmpty,
    emptyState: /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_editor_components__WEBPACK_IMPORTED_MODULE_1__.InstanceEmptyState, {
      onEditComponent: canEdit ? handleEditComponent : undefined
    }),
    componentInstanceId: componentInstanceId
  })));
}

/***/ }),

/***/ "./packages/packages/pro/editor-components-extended/src/components/load-template-components.tsx":
/*!******************************************************************************************************!*\
  !*** ./packages/packages/pro/editor-components-extended/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_components__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @elementor/editor-components */ "@elementor/editor-components");
/* harmony import */ var _elementor_editor_components__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_elementor_editor_components__WEBPACK_IMPORTED_MODULE_1__);
/* harmony import */ var _elementor_editor_templates_extended__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @elementor/editor-templates-extended */ "@elementor/editor-templates-extended");
/* harmony import */ var _elementor_editor_templates_extended__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_elementor_editor_templates_extended__WEBPACK_IMPORTED_MODULE_2__);




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

/***/ }),

/***/ "./packages/packages/pro/editor-components-extended/src/components/overridable-props/indicator.tsx":
/*!*********************************************************************************************************!*\
  !*** ./packages/packages/pro/editor-components-extended/src/components/overridable-props/indicator.tsx ***!
  \*********************************************************************************************************/
/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {

__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   Indicator: function() { return /* binding */ Indicator; }
/* 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 _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 SIZE = 'tiny';
const IconContainer = (0,_elementor_ui__WEBPACK_IMPORTED_MODULE_2__.styled)((0,_elementor_ui__WEBPACK_IMPORTED_MODULE_2__.Box))`
	pointer-events: none;
	opacity: 0;
	transition: opacity 0.2s ease-in-out;

	& > svg {
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate( -50%, -50% );
		width: 10px;
		height: 10px;
		fill: ${({
  theme
}) => theme.palette.primary.contrastText};
		stroke: ${({
  theme
}) => theme.palette.primary.contrastText};
		stroke-width: 2px;
	}
`;
const Content = (0,_elementor_ui__WEBPACK_IMPORTED_MODULE_2__.styled)((0,_elementor_ui__WEBPACK_IMPORTED_MODULE_2__.Box))`
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	width: 16px;
	height: 16px;
	margin-inline: ${({
  theme
}) => theme.spacing(0.5)};

	&:before {
		content: '';
		display: block;
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate( -50%, -50% ) rotate( 45deg );
		width: 5px;
		height: 5px;
		border-radius: 1px;
		background-color: ${({
  theme
}) => theme.palette.primary.main};
		transition: all 0.1s ease-in-out;
	}

	&:hover,
	&.enlarged {
		&:before {
			width: 12px;
			height: 12px;
			border-radius: 2px;
		}

		.icon {
			opacity: 1;
		}
	}
`;
const Indicator = /*#__PURE__*/(0,react__WEBPACK_IMPORTED_MODULE_0__.forwardRef)(({
  isOpen,
  isOverridable,
  ...props
}, ref) => /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(Content, _extends({
  role: "button",
  ref: ref
}, props, {
  className: isOpen || isOverridable ? 'enlarged' : '',
  "aria-label": isOverridable ? (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_3__.__)('Overridable property', 'elementor-pro') : (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_3__.__)('Make prop overridable', 'elementor-pro')
}), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(IconContainer, {
  className: "icon"
}, isOverridable ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_icons__WEBPACK_IMPORTED_MODULE_1__.CheckIcon, {
  fontSize: SIZE
}) : /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_icons__WEBPACK_IMPORTED_MODULE_1__.PlusIcon, {
  fontSize: SIZE
}))));

/***/ }),

/***/ "./packages/packages/pro/editor-components-extended/src/components/overridable-props/overridable-prop-control.tsx":
/*!************************************************************************************************************************!*\
  !*** ./packages/packages/pro/editor-components-extended/src/components/overridable-props/overridable-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 */   OverridablePropControl: function() { return /* binding */ OverridablePropControl; }
/* 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_components__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @elementor/editor-components */ "@elementor/editor-components");
/* harmony import */ var _elementor_editor_components__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_elementor_editor_components__WEBPACK_IMPORTED_MODULE_1__);
/* harmony import */ var _elementor_editor_controls__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @elementor/editor-controls */ "@elementor/editor-controls");
/* harmony import */ var _elementor_editor_controls__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_elementor_editor_controls__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 _consts__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../consts */ "./packages/packages/pro/editor-components-extended/src/consts.ts");
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); }






function OverridablePropControl({
  OriginalControl,
  ...props
}) {
  const {
    elementType
  } = (0,_elementor_editor_editing_panel__WEBPACK_IMPORTED_MODULE_3__.useElement)();
  const {
    value,
    bind,
    setValue,
    placeholder,
    ...propContext
  } = (0,_elementor_editor_controls__WEBPACK_IMPORTED_MODULE_2__.useBoundProp)(_elementor_editor_components__WEBPACK_IMPORTED_MODULE_1__.componentOverridablePropTypeUtil);
  const componentId = (0,_elementor_editor_components__WEBPACK_IMPORTED_MODULE_1__.useCurrentComponentId)();
  const overridableProps = (0,_elementor_editor_components__WEBPACK_IMPORTED_MODULE_1__.useOverridableProps)(componentId);
  const filteredReplacements = (0,_elementor_editor_controls__WEBPACK_IMPORTED_MODULE_2__.getControlReplacements)().filter(r => !r.id || r.id !== _consts__WEBPACK_IMPORTED_MODULE_4__.OVERRIDABLE_PROP_REPLACEMENT_ID);
  if (!componentId) {
    return null;
  }
  if (!value?.override_key) {
    throw new Error('Override key is required');
  }
  const isComponentInstance = elementType.key === 'e-component';
  const overridablePropData = overridableProps?.props?.[value.override_key];
  const setOverridableValue = newValue => {
    const propValue = {
      ...value,
      origin_value: newValue[bind]
    };
    setValue(propValue);
    if (!isComponentInstance) {
      (0,_elementor_editor_components__WEBPACK_IMPORTED_MODULE_1__.updateOverridableProp)(componentId, propValue, overridablePropData?.originPropFields);
    }
  };
  const defaultPropType = elementType.propsSchema[bind];
  const overridePropType = overridablePropData ? (0,_elementor_editor_components__WEBPACK_IMPORTED_MODULE_1__.getPropTypeForComponentOverride)(overridablePropData) : undefined;
  const resolvedPropType = overridePropType ?? defaultPropType;
  if (!resolvedPropType) {
    return null;
  }
  const propType = (0,_elementor_editor_editing_panel__WEBPACK_IMPORTED_MODULE_3__.createTopLevelObjectType)({
    schema: {
      [bind]: resolvedPropType
    }
  });
  const propValue = isComponentInstance ? (value.origin_value?.value).override_value : value.origin_value;
  const objectPlaceholder = placeholder ? {
    [bind]: placeholder
  } : undefined;
  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_editor_components__WEBPACK_IMPORTED_MODULE_1__.OverridablePropProvider, {
    value: value
  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_editor_controls__WEBPACK_IMPORTED_MODULE_2__.PropProvider, _extends({}, propContext, {
    propType: propType,
    setValue: setOverridableValue,
    value: {
      [bind]: propValue
    },
    placeholder: objectPlaceholder
  }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_editor_controls__WEBPACK_IMPORTED_MODULE_2__.PropKeyProvider, {
    bind: bind
  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_editor_controls__WEBPACK_IMPORTED_MODULE_2__.ControlReplacementsProvider, {
    replacements: filteredReplacements
  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(ControlWithReplacements, {
    OriginalControl: OriginalControl,
    props: props
  })))));
}
function ControlWithReplacements({
  OriginalControl,
  props
}) {
  const {
    ControlToRender,
    isReplaced
  } = (0,_elementor_editor_controls__WEBPACK_IMPORTED_MODULE_2__.useControlReplacement)(OriginalControl);
  if (isReplaced) {
    const ReplacementControl = ControlToRender;
    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(ReplacementControl, _extends({}, props, {
      OriginalControl: OriginalControl
    }));
  }
  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(OriginalControl, props);
}

/***/ }),

/***/ "./packages/packages/pro/editor-components-extended/src/components/overridable-props/overridable-prop-form.tsx":
/*!*********************************************************************************************************************!*\
  !*** ./packages/packages/pro/editor-components-extended/src/components/overridable-props/overridable-prop-form.tsx ***!
  \*********************************************************************************************************************/
/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {

__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   OverridablePropForm: function() { return /* binding */ OverridablePropForm; }
/* 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 _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_validate_prop_label__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./utils/validate-prop-label */ "./packages/packages/pro/editor-components-extended/src/components/overridable-props/utils/validate-prop-label.ts");
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 SIZE = 'tiny';
const DEFAULT_GROUP = {
  value: null,
  label: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_3__.__)('Default', 'elementor-pro')
};
function OverridablePropForm({
  onSubmit,
  groups,
  currentValue,
  existingLabels = [],
  sx
}) {
  const selectGroups = groups?.length ? groups : [DEFAULT_GROUP];
  const [propLabel, setPropLabel] = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(currentValue?.label ?? null);
  const [group, setGroup] = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(currentValue?.groupId ?? selectGroups[0]?.value ?? null);
  const [error, setError] = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(null);
  const name = (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_3__.__)('Name', 'elementor-pro');
  const groupName = (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_3__.__)('Group Name', 'elementor-pro');
  const isCreate = currentValue === undefined;
  const title = isCreate ? (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_3__.__)('Create new property', 'elementor-pro') : (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_3__.__)('Update property', 'elementor-pro');
  const ctaLabel = isCreate ? (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_3__.__)('Create', 'elementor-pro') : (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_3__.__)('Update', 'elementor-pro');
  const handleSubmit = () => {
    const validationResult = (0,_utils_validate_prop_label__WEBPACK_IMPORTED_MODULE_4__.validatePropLabel)(propLabel ?? '', existingLabels, currentValue?.label);
    if (!validationResult.isValid) {
      setError(validationResult.errorMessage);
      return;
    }
    onSubmit({
      label: propLabel ?? '',
      group
    });
  };
  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_editor_ui__WEBPACK_IMPORTED_MODULE_1__.Form, {
    onSubmit: handleSubmit,
    "data-testid": "overridable-prop-form"
  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_2__.Stack, {
    alignItems: "start",
    sx: {
      width: '268px',
      ...sx
    }
  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_2__.Stack, {
    direction: "row",
    alignItems: "center",
    py: 1,
    px: 1.5,
    sx: {
      columnGap: 0.5,
      borderBottom: '1px solid',
      borderColor: 'divider',
      width: '100%',
      mb: 1.5
    }
  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_2__.Typography, {
    variant: "caption",
    sx: {
      color: 'text.primary',
      fontWeight: '500',
      lineHeight: 1
    }
  }, title)), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_2__.Grid, {
    container: true,
    gap: 0.75,
    alignItems: "start",
    px: 1.5,
    mb: 1.5
  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_2__.Grid, {
    item: true,
    xs: 12
  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_2__.FormLabel, {
    size: "tiny"
  }, name)), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_2__.Grid, {
    item: true,
    xs: 12
  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_2__.TextField, {
    name: name,
    size: SIZE,
    fullWidth: true,
    autoFocus: true // eslint-disable-line jsx-a11y/no-autofocus -- ED-23316: primary field when exposing a property
    ,
    placeholder: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_3__.__)('Enter value', 'elementor-pro'),
    value: propLabel ?? '',
    onChange: e => {
      const newValue = e.target.value;
      setPropLabel(newValue);
      const validationResult = (0,_utils_validate_prop_label__WEBPACK_IMPORTED_MODULE_4__.validatePropLabel)(newValue, existingLabels, currentValue?.label);
      setError(validationResult.errorMessage);
    },
    error: Boolean(error),
    helperText: error
  }))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_2__.Grid, {
    container: true,
    gap: 0.75,
    alignItems: "start",
    px: 1.5,
    mb: 1.5
  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_2__.Grid, {
    item: true,
    xs: 12
  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_2__.FormLabel, {
    size: "tiny"
  }, groupName)), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_2__.Grid, {
    item: true,
    xs: 12
  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_2__.Select, {
    name: groupName,
    size: SIZE,
    fullWidth: true,
    value: group ?? null,
    onChange: e => setGroup(e.target.value),
    displayEmpty: true,
    renderValue: selectedValue => {
      if (!selectedValue) {
        return selectGroups[0].label;
      }
      return selectGroups.find(({
        value
      }) => value === selectedValue)?.label ?? selectedValue;
    }
  }, selectGroups.map(({
    label: groupLabel,
    ...props
  }) => /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_editor_ui__WEBPACK_IMPORTED_MODULE_1__.MenuListItem, _extends({
    key: props.value
  }, props, {
    value: props.value ?? ''
  }), groupLabel))))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_2__.Stack, {
    direction: "row",
    justifyContent: "flex-end",
    alignSelf: "end",
    mt: 1.5,
    py: 1,
    px: 1.5
  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_2__.Button, {
    type: "submit",
    disabled: !propLabel || Boolean(error),
    variant: "contained",
    color: "primary",
    size: "small"
  }, ctaLabel))));
}

/***/ }),

/***/ "./packages/packages/pro/editor-components-extended/src/components/overridable-props/overridable-prop-indicator.tsx":
/*!**************************************************************************************************************************!*\
  !*** ./packages/packages/pro/editor-components-extended/src/components/overridable-props/overridable-prop-indicator.tsx ***!
  \**************************************************************************************************************************/
/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {

__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   Content: function() { return /* binding */ Content; },
/* harmony export */   OverridablePropIndicator: function() { return /* binding */ OverridablePropIndicator; }
/* 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_components__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @elementor/editor-components */ "@elementor/editor-components");
/* harmony import */ var _elementor_editor_components__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_elementor_editor_components__WEBPACK_IMPORTED_MODULE_1__);
/* harmony import */ var _elementor_editor_controls__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @elementor/editor-controls */ "@elementor/editor-controls");
/* harmony import */ var _elementor_editor_controls__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_elementor_editor_controls__WEBPACK_IMPORTED_MODULE_2__);
/* harmony import */ var _elementor_editor_documents__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @elementor/editor-documents */ "@elementor/editor-documents");
/* harmony import */ var _elementor_editor_documents__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_elementor_editor_documents__WEBPACK_IMPORTED_MODULE_3__);
/* harmony import */ var _elementor_editor_editing_panel__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! @elementor/editor-editing-panel */ "@elementor/editor-editing-panel");
/* harmony import */ var _elementor_editor_editing_panel__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(_elementor_editor_editing_panel__WEBPACK_IMPORTED_MODULE_4__);
/* harmony import */ var _elementor_editor_elements__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! @elementor/editor-elements */ "@elementor/editor-elements");
/* harmony import */ var _elementor_editor_elements__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(_elementor_editor_elements__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_ui__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! @elementor/ui */ "@elementor/ui");
/* harmony import */ var _elementor_ui__WEBPACK_IMPORTED_MODULE_7___default = /*#__PURE__*/__webpack_require__.n(_elementor_ui__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 _store_actions_create_component_overridable_prop__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ../../store/actions/create-component-overridable-prop */ "./packages/packages/pro/editor-components-extended/src/store/actions/create-component-overridable-prop.ts");
/* harmony import */ var _store_actions_delete_component_overridable_prop__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ../../store/actions/delete-component-overridable-prop */ "./packages/packages/pro/editor-components-extended/src/store/actions/delete-component-overridable-prop.ts");
/* harmony import */ var _store_actions_update_overridable_prop_params__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ../../store/actions/update-overridable-prop-params */ "./packages/packages/pro/editor-components-extended/src/store/actions/update-overridable-prop-params.ts");
/* harmony import */ var _indicator__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ./indicator */ "./packages/packages/pro/editor-components-extended/src/components/overridable-props/indicator.tsx");
/* harmony import */ var _overridable_prop_form__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! ./overridable-prop-form */ "./packages/packages/pro/editor-components-extended/src/components/overridable-props/overridable-prop-form.tsx");
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); }















function OverridablePropIndicator() {
  const {
    propType
  } = (0,_elementor_editor_controls__WEBPACK_IMPORTED_MODULE_2__.useBoundProp)();
  const componentId = (0,_elementor_editor_components__WEBPACK_IMPORTED_MODULE_1__.useCurrentComponentId)();
  const overridableProps = (0,_elementor_editor_components__WEBPACK_IMPORTED_MODULE_1__.useSanitizeOverridableProps)(componentId);
  if (!isPropAllowed(propType) || !componentId || !overridableProps) {
    return null;
  }
  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(Content, {
    componentId: componentId,
    overridableProps: overridableProps
  });
}
function Content({
  componentId,
  overridableProps
}) {
  const {
    element: {
      id: elementId
    },
    elementType
  } = (0,_elementor_editor_editing_panel__WEBPACK_IMPORTED_MODULE_4__.useElement)();
  const {
    value,
    bind,
    propType,
    setValue: setElementOriginValue
  } = (0,_elementor_editor_controls__WEBPACK_IMPORTED_MODULE_2__.useBoundProp)();
  const contextOverridableValue = (0,_elementor_editor_components__WEBPACK_IMPORTED_MODULE_1__.useOverridablePropValue)();
  const componentInstanceElement = (0,_elementor_editor_components__WEBPACK_IMPORTED_MODULE_1__.useComponentInstanceElement)();
  const {
    value: boundPropOverridableValue,
    setValue: setElementOverridableValue
  } = (0,_elementor_editor_controls__WEBPACK_IMPORTED_MODULE_2__.useBoundProp)(_elementor_editor_components__WEBPACK_IMPORTED_MODULE_1__.componentOverridablePropTypeUtil);
  const makePropOverridable = useUndoableMakePropOverridable({
    setElementOverridableValue,
    setElementOriginValue
  });

  /**
   * This is intended to handle custom layout controls, such as <LinkControl />, which has <ControlLabel /> nested within it
   * i.e. its bound prop value would be the one manipulated by the new <PropProvider /> thus won't be considered overridable
   */
  const overridableValue = boundPropOverridableValue ?? contextOverridableValue;
  const popupState = (0,_elementor_ui__WEBPACK_IMPORTED_MODULE_7__.usePopupState)({
    variant: 'popover'
  });
  const triggerProps = (0,_elementor_ui__WEBPACK_IMPORTED_MODULE_7__.bindTrigger)(popupState);
  const popoverProps = (0,_elementor_ui__WEBPACK_IMPORTED_MODULE_7__.bindPopover)(popupState);
  const {
    elType
  } = (0,_elementor_editor_elements__WEBPACK_IMPORTED_MODULE_5__.getWidgetsCache)()?.[elementType.key] ?? {
    elType: 'widget'
  };
  const handleSubmit = ({
    label,
    group
  }) => {
    const matchingOverridableProp = overridableValue ? overridableProps?.props?.[overridableValue.override_key] : undefined;
    if (matchingOverridableProp) {
      // updating label / group of the existing overridable prop
      (0,_store_actions_update_overridable_prop_params__WEBPACK_IMPORTED_MODULE_11__.updateOverridablePropParams)({
        componentId,
        overrideKey: matchingOverridableProp.overrideKey,
        label,
        groupId: group
      });
    } else {
      // making the prop overridable for the first time
      const propTypeDefault = propType.default ?? {};
      const elementOriginValue = (0,_elementor_editor_components__WEBPACK_IMPORTED_MODULE_1__.resolveOverridePropValue)(overridableValue?.origin_value) ?? value ?? propTypeDefault;
      const componentOverridablePropConfig = {
        componentId,
        overrideKey: overridableValue?.override_key ?? null,
        elementId: componentInstanceElement?.element.id ?? elementId,
        label,
        groupId: group,
        propKey: bind,
        elType: elType ?? 'widget',
        widgetType: componentInstanceElement?.elementType.key ?? elementType.key,
        originValue: elementOriginValue,
        source: 'user'
      };
      makePropOverridable({
        componentOverridablePropConfig,
        elementOriginValue
      });
    }
    popupState.close();
  };
  const overridableConfig = overridableValue ? (0,_elementor_editor_components__WEBPACK_IMPORTED_MODULE_1__.getOverridableProp)({
    componentId,
    overrideKey: overridableValue.override_key
  }) : undefined;
  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_7__.Tooltip, {
    placement: "top",
    title: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_8__.__)('Override Property', 'elementor-pro')
  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_indicator__WEBPACK_IMPORTED_MODULE_12__.Indicator, _extends({}, triggerProps, {
    isOpen: !!popoverProps.open,
    isOverridable: !!overridableValue
  }))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_7__.Popover, _extends({
    disableScrollLock: true,
    anchorOrigin: {
      vertical: 'bottom',
      horizontal: 'right'
    },
    transformOrigin: {
      vertical: 'top',
      horizontal: 'right'
    },
    PaperProps: {
      sx: {
        my: 2.5
      }
    }
  }, popoverProps), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_overridable_prop_form__WEBPACK_IMPORTED_MODULE_13__.OverridablePropForm, {
    onSubmit: handleSubmit,
    groups: overridableProps?.groups.order.map(groupId => ({
      value: groupId,
      label: overridableProps.groups.items[groupId].label
    })),
    existingLabels: Object.values(overridableProps?.props ?? {}).map(prop => prop.label),
    currentValue: overridableConfig
  })));
}
function isPropAllowed(propType) {
  return propType.meta.overridable !== false;
}
function useUndoableMakePropOverridable({
  setElementOverridableValue,
  setElementOriginValue
}) {
  return (0,react__WEBPACK_IMPORTED_MODULE_0__.useMemo)(() => {
    const makePropOverridable = ({
      componentOverridablePropConfig,
      elementOriginValue
    }) => {
      const overridableProp = (0,_store_actions_create_component_overridable_prop__WEBPACK_IMPORTED_MODULE_9__.createComponentOverridableProp)(componentOverridablePropConfig);
      setElementOverridableValue({
        override_key: overridableProp.overrideKey,
        origin_value: elementOriginValue
      }, undefined, {
        withHistory: false
      });
      (0,_elementor_editor_documents__WEBPACK_IMPORTED_MODULE_3__.setDocumentModifiedStatus)(true);
      return {
        createdOverridableProp: overridableProp
      };
    };
    return (0,_elementor_editor_v1_adapters__WEBPACK_IMPORTED_MODULE_6__.undoable)({
      do: ({
        componentOverridablePropConfig,
        elementOriginValue
      }) => {
        return makePropOverridable({
          componentOverridablePropConfig,
          elementOriginValue
        });
      },
      undo: ({
        componentOverridablePropConfig,
        elementOriginValue
      }, {
        createdOverridableProp
      }) => {
        (0,_store_actions_delete_component_overridable_prop__WEBPACK_IMPORTED_MODULE_10__.deleteComponentOverridableProp)({
          componentId: componentOverridablePropConfig.componentId,
          propKey: createdOverridableProp.overrideKey,
          source: 'system',
          revertElementOverridable: false
        });
        setElementOriginValue(elementOriginValue, undefined, {
          withHistory: false
        });
      },
      redo: ({
        elementOriginValue,
        componentOverridablePropConfig
      }, {
        createdOverridableProp
      }) => {
        return makePropOverridable({
          componentOverridablePropConfig: {
            ...componentOverridablePropConfig,
            overrideKey: createdOverridableProp.overrideKey
          },
          elementOriginValue
        });
      }
    }, {
      title: ({
        componentOverridablePropConfig
      }) => componentOverridablePropConfig.label,
      subtitle: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_8__.__)('property exposed', 'elementor-pro')
    });
  }, [setElementOriginValue, setElementOverridableValue]);
}

/***/ }),

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

__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   ERROR_MESSAGES: function() { return /* binding */ ERROR_MESSAGES; },
/* harmony export */   validatePropLabel: function() { return /* binding */ validatePropLabel; }
/* harmony export */ });
/* harmony import */ var _wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @wordpress/i18n */ "@wordpress/i18n");
/* harmony import */ var _wordpress_i18n__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__);

const ERROR_MESSAGES = {
  EMPTY_NAME: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__.__)('Property name is required', 'elementor-pro'),
  DUPLICATE_NAME: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__.__)('Property name already exists', 'elementor-pro')
};
function validatePropLabel(label, existingLabels, currentLabel) {
  const trimmedLabel = label.trim();
  if (!trimmedLabel) {
    return {
      isValid: false,
      errorMessage: ERROR_MESSAGES.EMPTY_NAME
    };
  }
  const normalizedLabel = trimmedLabel.toLowerCase();
  const normalizedCurrentLabel = currentLabel?.trim().toLowerCase();
  const isDuplicate = existingLabels.some(existingLabel => {
    const normalizedExisting = existingLabel.trim().toLowerCase();
    if (normalizedCurrentLabel && normalizedExisting === normalizedCurrentLabel) {
      return false;
    }
    return normalizedExisting === normalizedLabel;
  });
  if (isDuplicate) {
    return {
      isValid: false,
      errorMessage: ERROR_MESSAGES.DUPLICATE_NAME
    };
  }
  return {
    isValid: true,
    errorMessage: null
  };
}

/***/ }),

/***/ "./packages/packages/pro/editor-components-extended/src/consts.ts":
/*!************************************************************************!*\
  !*** ./packages/packages/pro/editor-components-extended/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 */   COMPONENTS_FEATURE_NAME: function() { return /* binding */ COMPONENTS_FEATURE_NAME; },
/* harmony export */   COMPONENTS_MCP_INSTRUCTIONS: function() { return /* binding */ COMPONENTS_MCP_INSTRUCTIONS; },
/* harmony export */   COMPONENT_DOCUMENT_TYPE: function() { return /* binding */ COMPONENT_DOCUMENT_TYPE; },
/* harmony export */   OVERRIDABLE_PROP_REPLACEMENT_ID: function() { return /* binding */ OVERRIDABLE_PROP_REPLACEMENT_ID; }
/* harmony export */ });
const OVERRIDABLE_PROP_REPLACEMENT_ID = 'overridable-prop';
const COMPONENTS_FEATURE_NAME = 'atomic-components';
const COMPONENT_DOCUMENT_TYPE = 'elementor_component';
const COMPONENTS_MCP_INSTRUCTIONS = `Elementor Editor Components MCP - Tools for creating and managing reusable components.
        Components are reusable blocks of content that can be used multiple times across the pages, its a widget which contains a set of elements and styles.
		
		Before using the tools, you must fetch the list of components from the resource (as mentioned in the required resources), if you see something that might fit, get the component instance.
		Then you can save the component instance as a new component (Name is unique so do not repeat it).

		If you see that there is a component that might match the needs of the user, get the component, see if it's published and suggest the user to use it (but only if you are 100% sure on that).
		Ignore this If statement when the users asks to create a new component, you can only suggest it after the work is done.`;

/***/ }),

/***/ "./packages/packages/pro/editor-components-extended/src/feature-guarded-injections.tsx":
/*!*********************************************************************************************!*\
  !*** ./packages/packages/pro/editor-components-extended/src/feature-guarded-injections.tsx ***!
  \*********************************************************************************************/
/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {

__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   FeatureGuardedComponentPropertiesPanel: function() { return /* binding */ FeatureGuardedComponentPropertiesPanel; },
/* harmony export */   FeatureGuardedLogicInjections: function() { return /* binding */ FeatureGuardedLogicInjections; },
/* harmony export */   FeatureGuardedTopInjections: function() { return /* binding */ FeatureGuardedTopInjections; }
/* 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_license_api__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @elementor/license-api */ "@elementor/license-api");
/* harmony import */ var _elementor_license_api__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_elementor_license_api__WEBPACK_IMPORTED_MODULE_1__);
/* harmony import */ var _components_component_properties_panel_component_properties_panel__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./components/component-properties-panel/component-properties-panel */ "./packages/packages/pro/editor-components-extended/src/components/component-properties-panel/component-properties-panel.tsx");
/* harmony import */ var _components_create_component_form_create_component_form__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./components/create-component-form/create-component-form */ "./packages/packages/pro/editor-components-extended/src/components/create-component-form/create-component-form.tsx");
/* harmony import */ var _components_edit_component_edit_component__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./components/edit-component/edit-component */ "./packages/packages/pro/editor-components-extended/src/components/edit-component/edit-component.tsx");
/* harmony import */ var _components_load_template_components__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./components/load-template-components */ "./packages/packages/pro/editor-components-extended/src/components/load-template-components.tsx");
/* harmony import */ var _consts__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./consts */ "./packages/packages/pro/editor-components-extended/src/consts.ts");
/* harmony import */ var _sync_sanitize_overridable_props__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./sync/sanitize-overridable-props */ "./packages/packages/pro/editor-components-extended/src/sync/sanitize-overridable-props.ts");








function FeatureGuardedComponentPropertiesPanel() {
  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(FeatureGuard, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_components_component_properties_panel_component_properties_panel__WEBPACK_IMPORTED_MODULE_2__.panel.component, null));
}
function FeatureGuardedTopInjections() {
  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(FeatureGuard, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_components_create_component_form_create_component_form__WEBPACK_IMPORTED_MODULE_3__.CreateComponentForm, null), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_components_edit_component_edit_component__WEBPACK_IMPORTED_MODULE_4__.EditComponent, null));
}
function FeatureGuardedLogicInjections() {
  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(FeatureGuard, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_sync_sanitize_overridable_props__WEBPACK_IMPORTED_MODULE_7__.SanitizeOverridableProps, null), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_components_load_template_components__WEBPACK_IMPORTED_MODULE_5__.LoadTemplateComponents, null));
}
function FeatureGuard({
  children
}) {
  const {
    data: isFeatureEnabled,
    isFetched: isFeatureFetched
  } = (0,_elementor_license_api__WEBPACK_IMPORTED_MODULE_1__.useHasFeature)(_consts__WEBPACK_IMPORTED_MODULE_6__.COMPONENTS_FEATURE_NAME);
  if (isFeatureFetched && !isFeatureEnabled) {
    return null;
  }
  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(react__WEBPACK_IMPORTED_MODULE_0__.Fragment, null, children);
}

/***/ }),

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

__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   useNavigateBack: function() { return /* binding */ useNavigateBack; }
/* 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_components__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @elementor/editor-components */ "@elementor/editor-components");
/* harmony import */ var _elementor_editor_components__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_elementor_editor_components__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_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__);




function useNavigateBack() {
  const path = (0,_elementor_store__WEBPACK_IMPORTED_MODULE_3__.__useSelector)(_elementor_editor_components__WEBPACK_IMPORTED_MODULE_1__.selectPath);
  const documentsManager = (0,_elementor_editor_documents__WEBPACK_IMPORTED_MODULE_2__.getV1DocumentsManager)();
  return (0,react__WEBPACK_IMPORTED_MODULE_0__.useCallback)(() => {
    const {
      componentId: prevComponentId,
      instanceId: prevComponentInstanceId
    } = path.at(-2) ?? {};
    if (prevComponentId && prevComponentInstanceId) {
      (0,_elementor_editor_components__WEBPACK_IMPORTED_MODULE_1__.switchToComponent)(prevComponentId, prevComponentInstanceId);
      return;
    }
    (0,_elementor_editor_components__WEBPACK_IMPORTED_MODULE_1__.switchToComponent)(documentsManager.getInitialId());
  }, [path, documentsManager]);
}

/***/ }),

/***/ "./packages/packages/pro/editor-components-extended/src/init.ts":
/*!**********************************************************************!*\
  !*** ./packages/packages/pro/editor-components-extended/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_core_adapter_utils__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @elementor/core-adapter-utils */ "@elementor/core-adapter-utils");
/* harmony import */ var _elementor_core_adapter_utils__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_elementor_core_adapter_utils__WEBPACK_IMPORTED_MODULE_0__);
/* harmony import */ var _elementor_license_api__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @elementor/license-api */ "@elementor/license-api");
/* harmony import */ var _elementor_license_api__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_elementor_license_api__WEBPACK_IMPORTED_MODULE_1__);
/* harmony import */ var _consts__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./consts */ "./packages/packages/pro/editor-components-extended/src/consts.ts");
/* harmony import */ var _initialize_editor_components_extended__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./initialize-editor-components-extended */ "./packages/packages/pro/editor-components-extended/src/initialize-editor-components-extended.ts");




async function init() {
  // TODO: remove version check after 4.2.0 version
  if (!(0,_elementor_core_adapter_utils__WEBPACK_IMPORTED_MODULE_0__.isCoreAtLeast)('4.0.0')) {
    return;
  }

  // Temporary workaround: register locations-based injections before async work,
  // since locations snapshots injections on first render.
  // Move this back into the regular init flow once locations updates become reactive.
  (0,_initialize_editor_components_extended__WEBPACK_IMPORTED_MODULE_3__.initComponentLocations)();
  const {
    isFeatureEnabled,
    isLicenseExpired
  } = await getTierFeaturesAndLicenseStatus();
  if (!isFeatureEnabled) {
    return;
  }
  (0,_initialize_editor_components_extended__WEBPACK_IMPORTED_MODULE_3__.initEditorComponentsExtended)({
    isLicenseExpired
  });
}
async function getTierFeaturesAndLicenseStatus() {
  const [featuresPromise, licenseStatusPromise] = await Promise.allSettled([(0,_elementor_license_api__WEBPACK_IMPORTED_MODULE_1__.fetchTierFeatures)(), (0,_elementor_license_api__WEBPACK_IMPORTED_MODULE_1__.fetchLicenseStatus)()]);
  const features = featuresPromise.status === 'fulfilled' ? featuresPromise.value : [];
  const licenseStatus = licenseStatusPromise.status === 'fulfilled' ? licenseStatusPromise.value : false;
  return {
    isFeatureEnabled: features.includes(_consts__WEBPACK_IMPORTED_MODULE_2__.COMPONENTS_FEATURE_NAME),
    isLicenseExpired: licenseStatus
  };
}

/***/ }),

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

__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   initComponentLocations: function() { return /* binding */ initComponentLocations; },
/* harmony export */   initEditorComponentsExtended: function() { return /* binding */ initEditorComponentsExtended; }
/* 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_components__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @elementor/editor-components */ "@elementor/editor-components");
/* harmony import */ var _elementor_editor_components__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_elementor_editor_components__WEBPACK_IMPORTED_MODULE_1__);
/* harmony import */ var _elementor_editor_controls__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @elementor/editor-controls */ "@elementor/editor-controls");
/* harmony import */ var _elementor_editor_controls__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_elementor_editor_controls__WEBPACK_IMPORTED_MODULE_2__);
/* harmony import */ var _elementor_editor_documents__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @elementor/editor-documents */ "@elementor/editor-documents");
/* harmony import */ var _elementor_editor_documents__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_elementor_editor_documents__WEBPACK_IMPORTED_MODULE_3__);
/* harmony import */ var _elementor_editor_editing_panel__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! @elementor/editor-editing-panel */ "@elementor/editor-editing-panel");
/* harmony import */ var _elementor_editor_editing_panel__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(_elementor_editor_editing_panel__WEBPACK_IMPORTED_MODULE_4__);
/* harmony import */ var _elementor_editor_elements_panel__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! @elementor/editor-elements-panel */ "@elementor/editor-elements-panel");
/* harmony import */ var _elementor_editor_elements_panel__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(_elementor_editor_elements_panel__WEBPACK_IMPORTED_MODULE_5__);
/* harmony import */ var _elementor_editor_mcp__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! @elementor/editor-mcp */ "@elementor/editor-mcp");
/* harmony import */ var _elementor_editor_mcp__WEBPACK_IMPORTED_MODULE_6___default = /*#__PURE__*/__webpack_require__.n(_elementor_editor_mcp__WEBPACK_IMPORTED_MODULE_6__);
/* harmony import */ var _elementor_editor_panels__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! @elementor/editor-panels */ "@elementor/editor-panels");
/* harmony import */ var _elementor_editor_panels__WEBPACK_IMPORTED_MODULE_7___default = /*#__PURE__*/__webpack_require__.n(_elementor_editor_panels__WEBPACK_IMPORTED_MODULE_7__);
/* harmony import */ var _elementor_editor_v1_adapters__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! @elementor/editor-v1-adapters */ "@elementor/editor-v1-adapters");
/* harmony import */ var _elementor_editor_v1_adapters__WEBPACK_IMPORTED_MODULE_8___default = /*#__PURE__*/__webpack_require__.n(_elementor_editor_v1_adapters__WEBPACK_IMPORTED_MODULE_8__);
/* harmony import */ var _wordpress_i18n__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! @wordpress/i18n */ "@wordpress/i18n");
/* harmony import */ var _wordpress_i18n__WEBPACK_IMPORTED_MODULE_9___default = /*#__PURE__*/__webpack_require__.n(_wordpress_i18n__WEBPACK_IMPORTED_MODULE_9__);
/* harmony import */ var _components_component_panel_header_component_panel_header__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ./components/component-panel-header/component-panel-header */ "./packages/packages/pro/editor-components-extended/src/components/component-panel-header/component-panel-header.tsx");
/* harmony import */ var _components_component_properties_panel_component_properties_panel__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ./components/component-properties-panel/component-properties-panel */ "./packages/packages/pro/editor-components-extended/src/components/component-properties-panel/component-properties-panel.tsx");
/* harmony import */ var _components_components_tab_components__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ./components/components-tab/components */ "./packages/packages/pro/editor-components-extended/src/components/components-tab/components.tsx");
/* harmony import */ var _components_instance_editing_panel_instance_editing_panel__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! ./components/instance-editing-panel/instance-editing-panel */ "./packages/packages/pro/editor-components-extended/src/components/instance-editing-panel/instance-editing-panel.tsx");
/* harmony import */ var _components_overridable_props_overridable_prop_control__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! ./components/overridable-props/overridable-prop-control */ "./packages/packages/pro/editor-components-extended/src/components/overridable-props/overridable-prop-control.tsx");
/* harmony import */ var _components_overridable_props_overridable_prop_indicator__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(/*! ./components/overridable-props/overridable-prop-indicator */ "./packages/packages/pro/editor-components-extended/src/components/overridable-props/overridable-prop-indicator.tsx");
/* harmony import */ var _consts__WEBPACK_IMPORTED_MODULE_16__ = __webpack_require__(/*! ./consts */ "./packages/packages/pro/editor-components-extended/src/consts.ts");
/* harmony import */ var _feature_guarded_injections__WEBPACK_IMPORTED_MODULE_17__ = __webpack_require__(/*! ./feature-guarded-injections */ "./packages/packages/pro/editor-components-extended/src/feature-guarded-injections.tsx");
/* harmony import */ var _mcp__WEBPACK_IMPORTED_MODULE_18__ = __webpack_require__(/*! ./mcp */ "./packages/packages/pro/editor-components-extended/src/mcp/index.ts");
/* harmony import */ var _shortcuts_create_component_shortcut__WEBPACK_IMPORTED_MODULE_19__ = __webpack_require__(/*! ./shortcuts/create-component-shortcut */ "./packages/packages/pro/editor-components-extended/src/shortcuts/create-component-shortcut.ts");
/* harmony import */ var _sync_before_save__WEBPACK_IMPORTED_MODULE_20__ = __webpack_require__(/*! ./sync/before-save */ "./packages/packages/pro/editor-components-extended/src/sync/before-save.ts");
/* harmony import */ var _sync_cleanup_overridable_props_on_delete__WEBPACK_IMPORTED_MODULE_21__ = __webpack_require__(/*! ./sync/cleanup-overridable-props-on-delete */ "./packages/packages/pro/editor-components-extended/src/sync/cleanup-overridable-props-on-delete.ts");
/* harmony import */ var _sync_handle_component_edit_mode_container__WEBPACK_IMPORTED_MODULE_22__ = __webpack_require__(/*! ./sync/handle-component-edit-mode-container */ "./packages/packages/pro/editor-components-extended/src/sync/handle-component-edit-mode-container.ts");
/* harmony import */ var _sync_prevent_non_atomic_nesting__WEBPACK_IMPORTED_MODULE_23__ = __webpack_require__(/*! ./sync/prevent-non-atomic-nesting */ "./packages/packages/pro/editor-components-extended/src/sync/prevent-non-atomic-nesting.ts");
/* harmony import */ var _sync_revert_overridables_on_copy_or_duplicate__WEBPACK_IMPORTED_MODULE_24__ = __webpack_require__(/*! ./sync/revert-overridables-on-copy-or-duplicate */ "./packages/packages/pro/editor-components-extended/src/sync/revert-overridables-on-copy-or-duplicate.ts");

























const PRIORITY = 1;
function initEditorComponentsExtended({
  isLicenseExpired
}) {
  (0,_elementor_editor_editing_panel__WEBPACK_IMPORTED_MODULE_4__.registerEditingPanelReplacement)({
    id: 'extended-component-instance-edit-panel',
    priority: PRIORITY,
    condition: (_, elementType) => elementType.key === 'e-component',
    component: _components_instance_editing_panel_instance_editing_panel__WEBPACK_IMPORTED_MODULE_13__.ExtendedInstanceEditingPanel
  });
  (0,_elementor_editor_elements_panel__WEBPACK_IMPORTED_MODULE_5__.registerTab)({
    id: 'components',
    label: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_9__.__)('Components', 'elementor-pro'),
    component: _components_components_tab_components__WEBPACK_IMPORTED_MODULE_12__.ExtendedComponents,
    priority: PRIORITY
  });
  (0,_elementor_editor_v1_adapters__WEBPACK_IMPORTED_MODULE_8__.registerDataHook)('dependency', 'editor/documents/close', args => {
    const document = (0,_elementor_editor_documents__WEBPACK_IMPORTED_MODULE_3__.getV1CurrentDocument)();
    if (document.config.type === _consts__WEBPACK_IMPORTED_MODULE_16__.COMPONENT_DOCUMENT_TYPE) {
      args.mode = 'autosave';
    }
    return true;
  });
  (0,_elementor_editor_v1_adapters__WEBPACK_IMPORTED_MODULE_8__.registerDataHook)('after', 'preview/drop', _elementor_editor_components__WEBPACK_IMPORTED_MODULE_1__.onElementDrop);
  window.elementorCommon.__beforeSave = _sync_before_save__WEBPACK_IMPORTED_MODULE_20__.beforeSave;
  (0,_elementor_editor_editing_panel__WEBPACK_IMPORTED_MODULE_4__.injectIntoPanelHeaderTop)({
    id: 'component-panel-header',
    component: _components_component_panel_header_component_panel_header__WEBPACK_IMPORTED_MODULE_10__.ComponentPanelHeader,
    options: {
      overwrite: true
    }
  });
  (0,_elementor_editor_editing_panel__WEBPACK_IMPORTED_MODULE_4__.registerFieldIndicator)({
    fieldType: _elementor_editor_editing_panel__WEBPACK_IMPORTED_MODULE_4__.FIELD_TYPE.SETTINGS,
    id: 'component-overridable-prop',
    priority: 1,
    indicator: _components_overridable_props_overridable_prop_indicator__WEBPACK_IMPORTED_MODULE_15__.OverridablePropIndicator
  });
  (0,_elementor_editor_controls__WEBPACK_IMPORTED_MODULE_2__.registerControlReplacement)({
    id: _consts__WEBPACK_IMPORTED_MODULE_16__.OVERRIDABLE_PROP_REPLACEMENT_ID,
    component: _components_overridable_props_overridable_prop_control__WEBPACK_IMPORTED_MODULE_14__.OverridablePropControl,
    condition: ({
      value
    }) => _elementor_editor_components__WEBPACK_IMPORTED_MODULE_1__.componentOverridablePropTypeUtil.isValid(value)
  });
  (0,_sync_cleanup_overridable_props_on_delete__WEBPACK_IMPORTED_MODULE_21__.initCleanupOverridablePropsOnDelete)();
  (0,_sync_prevent_non_atomic_nesting__WEBPACK_IMPORTED_MODULE_23__.initNonAtomicNestingPrevention)();
  (0,_sync_handle_component_edit_mode_container__WEBPACK_IMPORTED_MODULE_22__.initHandleComponentEditModeContainer)();
  (0,_sync_revert_overridables_on_copy_or_duplicate__WEBPACK_IMPORTED_MODULE_24__.initRevertOverridablesOnCopyOrDuplicate)();
  if (!isLicenseExpired) {
    (0,_shortcuts_create_component_shortcut__WEBPACK_IMPORTED_MODULE_19__.initCreateComponentShortcut)();
  }
  (0,_mcp__WEBPACK_IMPORTED_MODULE_18__.initMcp)((0,_elementor_editor_mcp__WEBPACK_IMPORTED_MODULE_6__.getMCPByDomain)('components', {
    instructions: _consts__WEBPACK_IMPORTED_MODULE_16__.COMPONENTS_MCP_INSTRUCTIONS
  }));
}
function initComponentLocations() {
  (0,_elementor_editor__WEBPACK_IMPORTED_MODULE_0__.injectIntoTop)({
    id: 'component-popups',
    component: _feature_guarded_injections__WEBPACK_IMPORTED_MODULE_17__.FeatureGuardedTopInjections,
    options: {
      overwrite: true
    }
  });
  (0,_elementor_editor_panels__WEBPACK_IMPORTED_MODULE_7__.__registerPanel)({
    id: _components_component_properties_panel_component_properties_panel__WEBPACK_IMPORTED_MODULE_11__.panel.id,
    component: _feature_guarded_injections__WEBPACK_IMPORTED_MODULE_17__.FeatureGuardedComponentPropertiesPanel
  });
  (0,_elementor_editor__WEBPACK_IMPORTED_MODULE_0__.injectIntoLogic)({
    id: 'components-logic-effects',
    component: _feature_guarded_injections__WEBPACK_IMPORTED_MODULE_17__.FeatureGuardedLogicInjections,
    options: {
      overwrite: true
    }
  });
}

/***/ }),

/***/ "./packages/packages/pro/editor-components-extended/src/mcp/components-list-resource.ts":
/*!**********************************************************************************************!*\
  !*** ./packages/packages/pro/editor-components-extended/src/mcp/components-list-resource.ts ***!
  \**********************************************************************************************/
/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {

__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   COMPONENTS_LIST_URI: function() { return /* binding */ COMPONENTS_LIST_URI; },
/* harmony export */   initComponentsListResource: function() { return /* binding */ initComponentsListResource; }
/* harmony export */ });
/* harmony import */ var _elementor_editor_components__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @elementor/editor-components */ "@elementor/editor-components");
/* harmony import */ var _elementor_editor_components__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_elementor_editor_components__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__);


const COMPONENTS_LIST_URI = 'elementor://components/list';
function buildComponentsList() {
  const published = _elementor_editor_components__WEBPACK_IMPORTED_MODULE_0__.componentsSelectors.getComponents() ?? [];
  const unpublished = _elementor_editor_components__WEBPACK_IMPORTED_MODULE_0__.componentsSelectors.getUnpublishedComponents() ?? [];
  return [...published, ...unpublished];
}
const initComponentsListResource = reg => {
  const {
    resource,
    sendResourceUpdated
  } = reg;
  resource('components-list', COMPONENTS_LIST_URI, {
    description: 'Live list of all reusable components (published and unpublished) with full component data.'
  }, () => ({
    contents: [{
      uri: COMPONENTS_LIST_URI,
      mimeType: 'application/json',
      text: JSON.stringify(buildComponentsList())
    }]
  }));
  (0,_elementor_store__WEBPACK_IMPORTED_MODULE_1__.__subscribeWithSelector)(state => state[_elementor_editor_components__WEBPACK_IMPORTED_MODULE_0__.SLICE_NAME], () => {
    sendResourceUpdated({
      uri: COMPONENTS_LIST_URI
    });
  });
};

/***/ }),

/***/ "./packages/packages/pro/editor-components-extended/src/mcp/index.ts":
/*!***************************************************************************!*\
  !*** ./packages/packages/pro/editor-components-extended/src/mcp/index.ts ***!
  \***************************************************************************/
/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {

__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   initMcp: function() { return /* binding */ initMcp; }
/* harmony export */ });
/* harmony import */ var _components_list_resource__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./components-list-resource */ "./packages/packages/pro/editor-components-extended/src/mcp/components-list-resource.ts");
/* harmony import */ var _manage_component_tool__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./manage-component-tool */ "./packages/packages/pro/editor-components-extended/src/mcp/manage-component-tool.ts");


function initMcp(reg) {
  const {
    setMCPDescription,
    waitForReady
  } = reg;
  setMCPDescription(`Components V4 MCP Server - Tools for creating and managing reusable components.`);
  waitForReady().then(() => {
    (0,_components_list_resource__WEBPACK_IMPORTED_MODULE_0__.initComponentsListResource)(reg);
    (0,_manage_component_tool__WEBPACK_IMPORTED_MODULE_1__.initManageComponentTool)(reg);
  });
}

/***/ }),

/***/ "./packages/packages/pro/editor-components-extended/src/mcp/manage-component-tool.ts":
/*!*******************************************************************************************!*\
  !*** ./packages/packages/pro/editor-components-extended/src/mcp/manage-component-tool.ts ***!
  \*******************************************************************************************/
/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {

__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   ERROR_MESSAGES: function() { return /* binding */ ERROR_MESSAGES; },
/* harmony export */   handleManageComponent: function() { return /* binding */ handleManageComponent; },
/* harmony export */   initManageComponentTool: function() { return /* binding */ initManageComponentTool; }
/* 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_components__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @elementor/editor-components */ "@elementor/editor-components");
/* harmony import */ var _elementor_editor_components__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_elementor_editor_components__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_elements__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @elementor/editor-elements */ "@elementor/editor-elements");
/* harmony import */ var _elementor_editor_elements__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_elementor_editor_elements__WEBPACK_IMPORTED_MODULE_3__);
/* harmony import */ var _elementor_editor_mcp__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! @elementor/editor-mcp */ "@elementor/editor-mcp");
/* harmony import */ var _elementor_editor_mcp__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(_elementor_editor_mcp__WEBPACK_IMPORTED_MODULE_4__);
/* harmony import */ var _elementor_http_client__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! @elementor/http-client */ "@elementor/http-client");
/* harmony import */ var _elementor_http_client__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(_elementor_http_client__WEBPACK_IMPORTED_MODULE_5__);
/* harmony import */ var _elementor_schema__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! @elementor/schema */ "@elementor/schema");
/* harmony import */ var _elementor_schema__WEBPACK_IMPORTED_MODULE_6___default = /*#__PURE__*/__webpack_require__.n(_elementor_schema__WEBPACK_IMPORTED_MODULE_6__);
/* harmony import */ var _elementor_utils__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! @elementor/utils */ "@elementor/utils");
/* harmony import */ var _elementor_utils__WEBPACK_IMPORTED_MODULE_7___default = /*#__PURE__*/__webpack_require__.n(_elementor_utils__WEBPACK_IMPORTED_MODULE_7__);
/* harmony import */ var _store_actions_create_unpublished_component__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../store/actions/create-unpublished-component */ "./packages/packages/pro/editor-components-extended/src/store/actions/create-unpublished-component.ts");
/* harmony import */ var _components_list_resource__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ./components-list-resource */ "./packages/packages/pro/editor-components-extended/src/mcp/components-list-resource.ts");










const InputSchema = {
  action: _elementor_schema__WEBPACK_IMPORTED_MODULE_6__.z.enum(['save', 'get']).describe('The operation to perform: ' + '"get" - retrieve a specific component by UID; ' + '"save" - create a new component from an existing element.'),
  element_id: _elementor_schema__WEBPACK_IMPORTED_MODULE_6__.z.string().optional().describe('[Required for "save"] The unique identifier of the element to save as a component. ' + 'Use the "list-elements" tool to find available element IDs in the current document.'),
  component_name: _elementor_schema__WEBPACK_IMPORTED_MODULE_6__.z.string().optional().describe('[Required for "save"] The name for the new component. Should be descriptive and unique among existing components. Must be unique among all components.'),
  overridable_props: _elementor_schema__WEBPACK_IMPORTED_MODULE_6__.z.object({
    props: _elementor_schema__WEBPACK_IMPORTED_MODULE_6__.z.record(_elementor_schema__WEBPACK_IMPORTED_MODULE_6__.z.object({
      elementId: _elementor_schema__WEBPACK_IMPORTED_MODULE_6__.z.string().describe('The id of the child element that you want to override its settings'),
      propKey: _elementor_schema__WEBPACK_IMPORTED_MODULE_6__.z.string().describe('The property key of the child element that you want to override its settings (e.g., "text", "url", "tag"). To get the available propKeys for an element, use the "get-element-type-config" tool.'),
      label: _elementor_schema__WEBPACK_IMPORTED_MODULE_6__.z.string().describe('A unique, user-friendly display name for this property (e.g., "Hero Headline", "CTA Button Text"). Must be unique within the same component.'),
      group: _elementor_schema__WEBPACK_IMPORTED_MODULE_6__.z.string().optional().describe('Non unique, optional property grouping')
    }))
  }).optional().describe('[Optional for "save"] Overridable properties configuration. Specify which CHILD element properties can be customized. ' + 'Only elementId and propKey are required; To get the available propKeys for a child element you must use the "get-element-type-config" tool.'),
  groups: _elementor_schema__WEBPACK_IMPORTED_MODULE_6__.z.array(_elementor_schema__WEBPACK_IMPORTED_MODULE_6__.z.string()).describe('[Optional for "save"] Property Groups, by order, unique values').optional(),
  component_uid: _elementor_schema__WEBPACK_IMPORTED_MODULE_6__.z.string().optional().describe('[Required for "get"] The unique identifier of the component to retrieve.')
};
const OutputSchema = {
  message: _elementor_schema__WEBPACK_IMPORTED_MODULE_6__.z.string().optional().describe('Additional information about the operation result'),
  component_uid: _elementor_schema__WEBPACK_IMPORTED_MODULE_6__.z.string().optional().describe('The unique identifier of the newly created component (only present on "save" success)'),
  component: _elementor_schema__WEBPACK_IMPORTED_MODULE_6__.z.object({
    uid: _elementor_schema__WEBPACK_IMPORTED_MODULE_6__.z.string(),
    name: _elementor_schema__WEBPACK_IMPORTED_MODULE_6__.z.string(),
    status: _elementor_schema__WEBPACK_IMPORTED_MODULE_6__.z.enum(['published', 'unpublished']),
    id: _elementor_schema__WEBPACK_IMPORTED_MODULE_6__.z.number().optional(),
    overridableProps: _elementor_schema__WEBPACK_IMPORTED_MODULE_6__.z.unknown().optional(),
    elements: _elementor_schema__WEBPACK_IMPORTED_MODULE_6__.z.array(_elementor_schema__WEBPACK_IMPORTED_MODULE_6__.z.any()).optional().describe('The elements of the component (only when component is unpublished)')
  }).optional().describe('The requested component data (only present on "get")')
};
const ERROR_MESSAGES = {
  ELEMENT_NOT_FOUND: "Element not found. Use 'list-elements' to get valid element IDs.",
  ELEMENT_NOT_ONE_OF_TYPES: validTypes => `Element is not one of the following types: ${validTypes.join(', ')}`,
  ELEMENT_IS_LOCKED: 'Cannot save a locked element as a component.',
  COMPONENT_NOT_FOUND: uid => `Component with UID "${uid}" not found.`,
  MISSING_ELEMENT_ID: 'element_id is required for the "save" action.',
  MISSING_COMPONENT_NAME: 'component_name is required for the "save" action.',
  MISSING_COMPONENT_UID: 'component_uid is required for the "get" action.'
};
const handleManageComponent = async params => {
  const {
    action
  } = params;
  switch (action) {
    case 'get':
      return handleGet(params);
    case 'save':
      return handleSave(params);
  }
};
async function handleGet(params) {
  const {
    component_uid: componentUid
  } = params;
  if (!componentUid) {
    throw new Error(ERROR_MESSAGES.MISSING_COMPONENT_UID);
  }
  const found = _elementor_editor_components__WEBPACK_IMPORTED_MODULE_1__.componentsSelectors.getComponentByUid(componentUid);
  if (!found) {
    throw new Error(ERROR_MESSAGES.COMPONENT_NOT_FOUND(componentUid));
  }
  const isPublished = 'id' in found;

  /** This block can be reused at version 4.2.0 with getComponentDocumentData function */
  let elements;
  if (isPublished) {
    const documentManager = (0,_elementor_editor_documents__WEBPACK_IMPORTED_MODULE_2__.getV1DocumentsManager)();
    try {
      const document = await documentManager.request(found.id);
      elements = document?.elements;
    } catch {
      elements = undefined;
    }
  }
  /** End of the block */

  return {
    status: 'ok',
    component: {
      uid: found.uid,
      name: found.name,
      status: isPublished ? 'published' : 'unpublished',
      id: isPublished ? found.id : undefined,
      overridableProps: found.overridableProps,
      elements
    }
  };
}
async function handleSave(params) {
  const {
    groups = [],
    element_id: elementId,
    component_name: componentName,
    overridable_props: overridablePropsInput
  } = params;
  if (!elementId) {
    throw new Error(ERROR_MESSAGES.MISSING_ELEMENT_ID);
  }
  if (!componentName) {
    throw new Error(ERROR_MESSAGES.MISSING_COMPONENT_NAME);
  }
  const validElementTypes = getValidElementTypes();
  const container = (0,_elementor_editor_elements__WEBPACK_IMPORTED_MODULE_3__.getContainer)(elementId);
  if (!container) {
    throw new Error(ERROR_MESSAGES.ELEMENT_NOT_FOUND);
  }
  const elType = container.model.get('elType');
  if (!validElementTypes.includes(elType)) {
    throw new Error(ERROR_MESSAGES.ELEMENT_NOT_ONE_OF_TYPES(validElementTypes));
  }
  const element = container.model.toJSON({
    remove: ['default']
  });
  if (element?.isLocked) {
    throw new Error(ERROR_MESSAGES.ELEMENT_IS_LOCKED);
  }
  const groupsWithDefaultGroup = groups.indexOf('Default') >= 0 ? [...groups] : ['Default', ...groups];
  const propertyGroups = groupsWithDefaultGroup.map(groupName => ({
    id: (0,_elementor_utils__WEBPACK_IMPORTED_MODULE_7__.generateUniqueId)('group'),
    label: groupName,
    props: []
  }));
  const overridableProps = overridablePropsInput ? enrichOverridableProps(overridablePropsInput, element, propertyGroups) : undefined;
  if (overridableProps) {
    updateElementDataWithOverridableProps(element, overridableProps);
  }
  const uid = (0,_elementor_utils__WEBPACK_IMPORTED_MODULE_7__.generateUniqueId)('component');
  try {
    await _elementor_editor_components__WEBPACK_IMPORTED_MODULE_1__.apiClient.validate({
      items: [{
        uid,
        title: componentName,
        elements: [element],
        settings: {
          overridable_props: overridableProps
        }
      }]
    });
  } catch (error) {
    if (error instanceof _elementor_http_client__WEBPACK_IMPORTED_MODULE_5__.AxiosError) {
      throw new Error(error.response?.data.message);
    }
    throw new Error('Unknown error');
  }
  await (0,_store_actions_create_unpublished_component__WEBPACK_IMPORTED_MODULE_8__.createUnpublishedComponent)({
    name: componentName,
    element,
    eventData: null,
    uid,
    overridableProps,
    source: 'mcp_tool'
  });
  return {
    status: 'ok',
    message: `Component "${componentName}" created successfully.`,
    component_uid: uid
  };
}
function enrichOverridableProps(input, rootElement, propertyGroups) {
  const enrichedProps = {};
  const enrichedGroups = {};
  const defaultGroup = propertyGroups.find(g => g.label === 'Default');
  if (!defaultGroup) {
    throw new Error('Internal mcp error: could not generate default group');
  }
  Object.entries(input.props).forEach(([, prop]) => {
    const {
      elementId,
      propKey,
      label,
      group = 'Default'
    } = prop;
    const targetGroup = propertyGroups.find(g => g.label === group) || defaultGroup;
    const targetGroupId = targetGroup.id;
    const element = findElementById(rootElement, elementId);
    if (!element) {
      throw new Error(`Element with ID "${elementId}" not found in component`);
    }
    const elType = element.elType;
    const widgetType = element.widgetType || element.elType;

    // Validate that the propKey exists in the element's schema
    const elementType = (0,_elementor_editor_elements__WEBPACK_IMPORTED_MODULE_3__.getElementType)(widgetType);
    if (!elementType) {
      throw new Error(`Element type "${widgetType}" is not atomic or does not have a settings schema. ` + `Cannot expose property "${propKey}" for element "${elementId}".`);
    }
    if (!elementType.propsSchema[propKey]) {
      const availableProps = Object.keys(elementType.propsSchema).join(', ');
      throw new Error(`Property "${propKey}" does not exist in element "${elementId}" (type: ${widgetType}). ` + `Available properties: ${availableProps}`);
    }
    const overrideKey = (0,_elementor_utils__WEBPACK_IMPORTED_MODULE_7__.generateUniqueId)('prop');
    const originValue = element.settings?.[propKey] ? element.settings[propKey] : elementType.propsSchema[propKey].default ?? null;
    if (!enrichedGroups[targetGroupId]) {
      enrichedGroups[targetGroupId] = {
        id: targetGroupId,
        label: targetGroup.label,
        props: []
      };
    }
    enrichedGroups[targetGroupId].props.push(overrideKey);
    enrichedProps[overrideKey] = {
      overrideKey,
      label,
      elementId,
      propKey,
      elType,
      widgetType,
      originValue,
      groupId: targetGroupId
    };
  });
  return {
    props: enrichedProps,
    groups: {
      items: enrichedGroups,
      order: propertyGroups.filter(g => enrichedGroups[g.id]).map(g => g.id)
    }
  };
}
function updateElementDataWithOverridableProps(rootElement, overridableProps) {
  Object.values(overridableProps.props).forEach(prop => {
    const element = findElementById(rootElement, prop.elementId);
    if (!element || !element.settings) {
      return;
    }
    element.settings[prop.propKey] = {
      $$type: 'overridable',
      value: {
        override_key: prop.overrideKey,
        origin_value: prop.originValue
      }
    };
  });
}
function findElementById(root, targetId) {
  if (root.id === targetId) {
    return root;
  }
  if (root.elements) {
    for (const child of root.elements) {
      const found = findElementById(child, targetId);
      if (found) {
        return found;
      }
    }
  }
  return null;
}
function getValidElementTypes() {
  const types = (0,_elementor_editor_elements__WEBPACK_IMPORTED_MODULE_3__.getWidgetsCache)();
  if (!types) {
    return [];
  }
  return Object.entries(types).reduce((acc, [type, value]) => {
    if (!value.atomic_props_schema || !value.show_in_panel || value.elType === 'widget') {
      return acc;
    }
    acc.push(type);
    return acc;
  }, []);
}
const generatePrompt = () => {
  const prompt = (0,_elementor_editor_mcp__WEBPACK_IMPORTED_MODULE_4__.toolPrompts)('manage-component');
  prompt.description(`
Manage reusable components in the Elementor editor: retrieve a specific component or save an element as a new component.

# **CRITICAL - Before any operation, read the resources**
Always read all required resources before performing any action.

# Actions

## "get" - Get a specific component
Returns full details of a component including its overridable properties.
Required: component_uid

## "save" - Save an element as a new component
Creates a new reusable component from an existing element.
Required: element_id, component_name
Optional: overridable_props, groups

# IMPORTANT - Before saving a new component
**Always read [${_components_list_resource__WEBPACK_IMPORTED_MODULE_9__.COMPONENTS_LIST_URI}] first** to see existing components and avoid creating duplicates.
Use "get" to inspect an existing component if you need to understand its structure.

# When NOT to use "save"
- Element is already a component (widgetType: 'e-component')
- Element is locked
- Element is not an atomic element (atomic_props_schema is not defined)
- Element elType is a 'widget'

# **REQUIRED RESOURCES (Must read before any operation)**
1. [${_components_list_resource__WEBPACK_IMPORTED_MODULE_9__.COMPONENTS_LIST_URI}]
   **MANDATORY** - Live list of all existing components. Always read this first to check for duplicates.

2. [${_elementor_editor_canvas__WEBPACK_IMPORTED_MODULE_0__.DOCUMENT_STRUCTURE_URI}]
   **MANDATORY** - Required to understand the document structure and identify child elements for overridable properties.

3. [${_elementor_editor_canvas__WEBPACK_IMPORTED_MODULE_0__.WIDGET_SCHEMA_URI}]
   **MANDATORY** - Required to understand which properties are available for each widget type.

# Instructions for "save" - MUST FOLLOW IN ORDER
## Step 1: Check existing components
1. Read the [${_components_list_resource__WEBPACK_IMPORTED_MODULE_9__.COMPONENTS_LIST_URI}] resource to see all existing components
2. If a suitable component already exists, consider using it instead

## Step 2: Identify the Target Element
1. Read the [${_elementor_editor_canvas__WEBPACK_IMPORTED_MODULE_0__.DOCUMENT_STRUCTURE_URI}] resource
2. Locate the element by its element_id
3. Verify the element type is valid, not locked, and not already a component

## Step 3: Define Overridable Properties
Skip ONLY if the user explicitly requests no customizable properties.

1. **Identify Child Elements** via [${_elementor_editor_canvas__WEBPACK_IMPORTED_MODULE_0__.DOCUMENT_STRUCTURE_URI}]
2. **Find Available Properties** via [${_elementor_editor_canvas__WEBPACK_IMPORTED_MODULE_0__.WIDGET_SCHEMA_URI}] → atomic_props_schema
   - Use only top-level props (e.g., "text", "url", "tag", "size")
3. **Build the overridable_props object** with unique, user-friendly labels

## Step 4: Execute "save"
Call with element_id, component_name, and optionally overridable_props and groups.

# CONSTRAINTS
- NEVER try to override properties of the parent element itself — ONLY child elements
- NEVER use invalid propKeys — always verify against atomic_props_schema in [${_elementor_editor_canvas__WEBPACK_IMPORTED_MODULE_0__.WIDGET_SCHEMA_URI}]
- Element IDs must exist within the target element's children
- The element being saved must not be inside another component
`);
  prompt.parameter('action', `**MANDATORY** The operation to perform:
- "get": Returns details of a specific component. Requires component_uid.
- "save": Creates a new component from an element. Requires element_id and component_name.`);
  prompt.parameter('component_uid', `**Required for "get"** The unique identifier of the component to retrieve.
Read the [${_components_list_resource__WEBPACK_IMPORTED_MODULE_9__.COMPONENTS_LIST_URI}] resource first to discover available component UIDs.`);
  prompt.parameter('element_id', `**Required for "save"** The unique identifier of the element to save as a component.
Use the [${_elementor_editor_canvas__WEBPACK_IMPORTED_MODULE_0__.DOCUMENT_STRUCTURE_URI}] resource to find available element IDs.`);
  prompt.parameter('component_name', `**Required for "save"** A descriptive name for the new component.
Should be unique and clearly describe the component's purpose (e.g., "Hero Section", "Feature Card").`);
  prompt.parameter('overridable_props', `**Optional for "save"** Configuration for which child element properties can be customized in component instances.

Structure:
\`\`\`json
{
  "props": {
    "<unique-key>": {
      "elementId": "<child-element-id>",
      "propKey": "<property-key>",
      "label": "<user-friendly-name>"
    }
  }
}
\`\`\`

To populate this correctly:
1. Use [${_elementor_editor_canvas__WEBPACK_IMPORTED_MODULE_0__.DOCUMENT_STRUCTURE_URI}] to find child element IDs and their widgetType
2. Use [${_elementor_editor_canvas__WEBPACK_IMPORTED_MODULE_0__.WIDGET_SCHEMA_URI}] to find the atomic_props_schema for each child element's widgetType
3. Only include properties you want to be customizable in component instances
4. Provide a unique, user-friendly label for each property`);
  prompt.example(`
Get a specific component:
\`\`\`json
{ "action": "get", "component_uid": "component-abc123" }
\`\`\`

Save without overridable properties:
\`\`\`json
{ "action": "save", "element_id": "abc123", "component_name": "Hero Section" }
\`\`\`

Save with overridable properties:
\`\`\`json
{
  "action": "save",
  "element_id": "abc123",
  "component_name": "Feature Card",
  "overridable_props": {
    "props": {
      "heading-text": {
        "elementId": "heading-123",
        "propKey": "text",
        "label": "Card Title",
        "group": "Content"
      },
      "button-link": {
        "elementId": "button-456",
        "propKey": "url",
        "label": "Button Link",
        "group": "Settings"
      }
    }
  }
}
\`\`\`
`);
  prompt.instruction(`After successful "save", the component will be available in the components library and can be inserted into any page or template.`);
  prompt.instruction(`When overridable properties are defined, component instances will show customization controls for those specific properties in the editing panel.`);
  return prompt.prompt();
};
const initManageComponentTool = reg => {
  const {
    addTool
  } = reg;
  addTool({
    name: 'manage-component',
    schema: InputSchema,
    outputSchema: OutputSchema,
    description: generatePrompt(),
    requiredResources: [{
      uri: _components_list_resource__WEBPACK_IMPORTED_MODULE_9__.COMPONENTS_LIST_URI,
      description: 'List of all components'
    }, {
      uri: _elementor_editor_canvas__WEBPACK_IMPORTED_MODULE_0__.DOCUMENT_STRUCTURE_URI,
      description: 'Document structure'
    }, {
      uri: _elementor_editor_canvas__WEBPACK_IMPORTED_MODULE_0__.WIDGET_SCHEMA_URI,
      description: 'Widget schema'
    }],
    handler: handleManageComponent
  });
};

/***/ }),

/***/ "./packages/packages/pro/editor-components-extended/src/shortcuts/create-component-shortcut.ts":
/*!*****************************************************************************************************!*\
  !*** ./packages/packages/pro/editor-components-extended/src/shortcuts/create-component-shortcut.ts ***!
  \*****************************************************************************************************/
/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {

__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   CREATE_COMPONENT_SHORTCUT_KEYS: function() { return /* binding */ CREATE_COMPONENT_SHORTCUT_KEYS; },
/* harmony export */   initCreateComponentShortcut: function() { return /* binding */ initCreateComponentShortcut; },
/* harmony export */   isCreateComponentAllowed: function() { return /* binding */ isCreateComponentAllowed; },
/* harmony export */   triggerCreateComponentForm: function() { return /* binding */ triggerCreateComponentForm; }
/* 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 CREATE_COMPONENT_SHORTCUT_KEYS = 'ctrl+shift+k';
const OPEN_SAVE_AS_COMPONENT_FORM_EVENT = 'elementor/editor/open-save-as-component-form';
function isCreateComponentAllowed() {
  const selectedElements = (0,_elementor_editor_elements__WEBPACK_IMPORTED_MODULE_0__.getSelectedElements)();
  if (selectedElements.length !== 1) {
    return {
      allowed: false
    };
  }
  const element = selectedElements[0];
  const elementType = (0,_elementor_editor_elements__WEBPACK_IMPORTED_MODULE_0__.getElementType)(element.type);
  if (!elementType) {
    return {
      allowed: false
    };
  }
  const widgetsCache = (0,_elementor_editor_elements__WEBPACK_IMPORTED_MODULE_0__.getWidgetsCache)();
  const elementConfig = widgetsCache?.[element.type];
  if (!elementConfig?.atomic_props_schema || !elementConfig?.show_in_panel || elementConfig?.elType === 'widget') {
    return {
      allowed: false
    };
  }
  const legacyWindow = window;
  const container = legacyWindow.elementor.getContainer(element.id);
  if (!container || container.isLocked()) {
    return {
      allowed: false
    };
  }
  return {
    allowed: true,
    container
  };
}
function triggerCreateComponentForm(container) {
  const legacyWindow = window;
  const elementRect = container.view.el.getBoundingClientRect();
  const iframeRect = legacyWindow.elementor.$preview[0].getBoundingClientRect();
  const anchorPosition = {
    left: iframeRect.left + elementRect.left + elementRect.width / 2,
    top: iframeRect.top + elementRect.top
  };
  window.dispatchEvent(new CustomEvent(OPEN_SAVE_AS_COMPONENT_FORM_EVENT, {
    detail: {
      element: container.model.toJSON({
        remove: ['default']
      }),
      anchorPosition,
      options: {
        trigger: 'keyboard',
        location: 'canvas',
        secondaryLocation: 'canvasElement'
      }
    }
  }));
}
function initCreateComponentShortcut() {
  const legacyWindow = window;
  legacyWindow.$e.shortcuts.register(CREATE_COMPONENT_SHORTCUT_KEYS, {
    callback: () => {
      const result = isCreateComponentAllowed();
      if (!result.allowed) {
        return;
      }
      triggerCreateComponentForm(result.container);
    },
    dependency: () => {
      const result = isCreateComponentAllowed();
      return result.allowed;
    },
    exclude: ['input']
  });
}

/***/ }),

/***/ "./packages/packages/pro/editor-components-extended/src/store/actions/add-overridable-group.ts":
/*!*****************************************************************************************************!*\
  !*** ./packages/packages/pro/editor-components-extended/src/store/actions/add-overridable-group.ts ***!
  \*****************************************************************************************************/
/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {

__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   addOverridableGroup: function() { return /* binding */ addOverridableGroup; }
/* harmony export */ });
/* harmony import */ var _elementor_editor_components__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @elementor/editor-components */ "@elementor/editor-components");
/* harmony import */ var _elementor_editor_components__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_elementor_editor_components__WEBPACK_IMPORTED_MODULE_0__);

function addOverridableGroup({
  componentId,
  groupId,
  label,
  source
}) {
  const currentComponent = _elementor_editor_components__WEBPACK_IMPORTED_MODULE_0__.componentsSelectors.getCurrentComponent();
  const overridableProps = _elementor_editor_components__WEBPACK_IMPORTED_MODULE_0__.componentsSelectors.getOverridableProps(componentId);
  if (!overridableProps) {
    return;
  }
  const newGroup = {
    id: groupId,
    label,
    props: []
  };
  _elementor_editor_components__WEBPACK_IMPORTED_MODULE_0__.componentsActions.setOverridableProps(componentId, {
    ...overridableProps,
    groups: {
      ...overridableProps.groups,
      items: {
        ...overridableProps.groups.items,
        [groupId]: newGroup
      },
      order: [groupId, ...overridableProps.groups.order]
    }
  });
  (0,_elementor_editor_components__WEBPACK_IMPORTED_MODULE_0__.trackComponentEvent)({
    action: 'propertiesGroupCreated',
    source,
    component_uid: currentComponent?.uid,
    group_name: label
  });
  return newGroup;
}

/***/ }),

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

__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   archiveComponent: function() { return /* binding */ archiveComponent; }
/* harmony export */ });
/* harmony import */ var _elementor_editor_components__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @elementor/editor-components */ "@elementor/editor-components");
/* harmony import */ var _elementor_editor_components__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_elementor_editor_components__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 _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 successNotification = (componentId, componentName) => ({
  type: 'success',
  /* translators: %s: component name */
  message: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_3__.__)('Successfully deleted component %s', 'elementor-pro').replace('%s', componentName),
  id: `success-archived-components-notification-${componentId}`
});
const archiveComponent = (componentId, componentName) => {
  _elementor_editor_components__WEBPACK_IMPORTED_MODULE_0__.componentsActions.archive(componentId);
  (0,_elementor_editor_documents__WEBPACK_IMPORTED_MODULE_1__.setDocumentModifiedStatus)(true);
  (0,_elementor_editor_notifications__WEBPACK_IMPORTED_MODULE_2__.notify)(successNotification(componentId, componentName));
};

/***/ }),

/***/ "./packages/packages/pro/editor-components-extended/src/store/actions/create-component-overridable-prop.ts":
/*!*****************************************************************************************************************!*\
  !*** ./packages/packages/pro/editor-components-extended/src/store/actions/create-component-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 */   createComponentOverridableProp: function() { return /* binding */ createComponentOverridableProp; }
/* harmony export */ });
/* harmony import */ var _elementor_editor_components__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @elementor/editor-components */ "@elementor/editor-components");
/* harmony import */ var _elementor_editor_components__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_elementor_editor_components__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__);
/* harmony import */ var _utils_groups_transformers__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../utils/groups-transformers */ "./packages/packages/pro/editor-components-extended/src/store/utils/groups-transformers.ts");



function createComponentOverridableProp({
  componentId,
  overrideKey,
  elementId,
  label,
  groupId,
  propKey,
  elType,
  widgetType,
  originValue,
  originPropFields,
  source
}) {
  const overridableProps = _elementor_editor_components__WEBPACK_IMPORTED_MODULE_0__.componentsSelectors.getOverridableProps(componentId);
  if (!overridableProps) {
    throw new Error(`Component not found for componentId: ${componentId}`);
  }
  const duplicatedTargetProps = Object.values(overridableProps.props).filter(prop => prop.elementId === elementId && prop.propKey === propKey);
  const {
    groups: groupsAfterResolve,
    groupId: currentGroupId
  } = (0,_utils_groups_transformers__WEBPACK_IMPORTED_MODULE_2__.resolveOrCreateGroup)(overridableProps.groups, groupId ?? undefined);
  const overridableProp = {
    overrideKey: overrideKey || (0,_elementor_utils__WEBPACK_IMPORTED_MODULE_1__.generateUniqueId)('prop'),
    label,
    elementId,
    propKey,
    widgetType,
    elType,
    originValue,
    groupId: currentGroupId,
    originPropFields
  };
  const stateAfterRemovingDuplicates = (0,_utils_groups_transformers__WEBPACK_IMPORTED_MODULE_2__.removePropsFromState)({
    ...overridableProps,
    groups: groupsAfterResolve
  }, duplicatedTargetProps);
  const props = {
    ...stateAfterRemovingDuplicates.props,
    [overridableProp.overrideKey]: overridableProp
  };
  let groups = (0,_utils_groups_transformers__WEBPACK_IMPORTED_MODULE_2__.addPropToGroup)(stateAfterRemovingDuplicates.groups, currentGroupId, overridableProp.overrideKey);
  groups = (0,_utils_groups_transformers__WEBPACK_IMPORTED_MODULE_2__.ensureGroupInOrder)(groups, currentGroupId);
  _elementor_editor_components__WEBPACK_IMPORTED_MODULE_0__.componentsActions.setOverridableProps(componentId, {
    props,
    groups
  });
  const currentComponent = _elementor_editor_components__WEBPACK_IMPORTED_MODULE_0__.componentsSelectors.getCurrentComponent();
  (0,_elementor_editor_components__WEBPACK_IMPORTED_MODULE_0__.trackComponentEvent)({
    action: 'propertyExposed',
    source,
    component_uid: currentComponent?.uid,
    property_id: overridableProp.overrideKey,
    property_path: propKey,
    property_name: label,
    element_type: widgetType ?? elType
  });
  return overridableProp;
}

/***/ }),

/***/ "./packages/packages/pro/editor-components-extended/src/store/actions/create-unpublished-component.ts":
/*!************************************************************************************************************!*\
  !*** ./packages/packages/pro/editor-components-extended/src/store/actions/create-unpublished-component.ts ***!
  \************************************************************************************************************/
/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {

__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   createUnpublishedComponent: function() { return /* binding */ createUnpublishedComponent; }
/* harmony export */ });
/* harmony import */ var _elementor_editor_components__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @elementor/editor-components */ "@elementor/editor-components");
/* harmony import */ var _elementor_editor_components__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_elementor_editor_components__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_utils__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @elementor/utils */ "@elementor/utils");
/* harmony import */ var _elementor_utils__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_elementor_utils__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 _utils_apply_overridables_to_elements__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../utils/apply-overridables-to-elements */ "./packages/packages/pro/editor-components-extended/src/utils/apply-overridables-to-elements.ts");
/* harmony import */ var _utils_replace_element_with_component__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../utils/replace-element-with-component */ "./packages/packages/pro/editor-components-extended/src/utils/replace-element-with-component.ts");
/* harmony import */ var _utils_revert_overridable_settings__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../../utils/revert-overridable-settings */ "./packages/packages/pro/editor-components-extended/src/utils/revert-overridable-settings.ts");








async function createUnpublishedComponent({
  name,
  element,
  eventData,
  uid,
  overridableProps,
  source
}) {
  const generatedUid = uid ?? (0,_elementor_utils__WEBPACK_IMPORTED_MODULE_3__.generateUniqueId)('component');
  const componentBase = {
    uid: generatedUid,
    name
  };
  const elementDataWithOverridablesReverted = (0,_utils_revert_overridable_settings__WEBPACK_IMPORTED_MODULE_7__.revertAllOverridablesInElementData)(element);
  const elements = [elementDataWithOverridablesReverted];
  if (overridableProps) {
    (0,_utils_apply_overridables_to_elements__WEBPACK_IMPORTED_MODULE_5__.applyOverridablesToElements)(elements, overridableProps);
  }
  const container = (0,_elementor_editor_elements__WEBPACK_IMPORTED_MODULE_1__.getContainer)(element.id);
  const modelFromContainer = container?.model?.toJSON?.();
  const originalElement = {
    model: modelFromContainer ?? element,
    parentId: container?.parent?.id ?? '',
    index: container?.view?._index ?? 0
  };
  _elementor_editor_components__WEBPACK_IMPORTED_MODULE_0__.componentsActions.addUnpublished({
    ...componentBase,
    elements,
    overridableProps
  });
  _elementor_editor_components__WEBPACK_IMPORTED_MODULE_0__.componentsActions.addCreatedThisSession(generatedUid);
  const componentInstance = (0,_utils_replace_element_with_component__WEBPACK_IMPORTED_MODULE_6__.replaceElementWithComponent)(element, componentBase);
  (0,_elementor_editor_components__WEBPACK_IMPORTED_MODULE_0__.trackComponentEvent)({
    action: 'created',
    source,
    component_uid: generatedUid,
    component_name: name,
    ...eventData
  });
  try {
    await (0,_elementor_editor_v1_adapters__WEBPACK_IMPORTED_MODULE_2__.__privateRunCommand)('document/save/auto');
  } catch (error) {
    restoreOriginalElement(originalElement, componentInstance.id);
    _elementor_editor_components__WEBPACK_IMPORTED_MODULE_0__.componentsActions.removeUnpublished(generatedUid);
    _elementor_editor_components__WEBPACK_IMPORTED_MODULE_0__.componentsActions.removeCreatedThisSession(generatedUid);
    throw error;
  }
  try {
    await (0,_elementor_editor_components__WEBPACK_IMPORTED_MODULE_0__.loadComponentsAssets)([componentInstance.model.toJSON()]);
  } catch {}
  return {
    uid: generatedUid,
    instanceId: componentInstance.id
  };
}
function restoreOriginalElement(originalElement, componentInstanceId) {
  const componentContainer = (0,_elementor_editor_elements__WEBPACK_IMPORTED_MODULE_1__.getContainer)(componentInstanceId);
  if (componentContainer) {
    (0,_elementor_editor_elements__WEBPACK_IMPORTED_MODULE_1__.deleteElement)({
      container: componentContainer,
      options: {
        useHistory: false
      }
    });
  }
  const parentContainer = (0,_elementor_editor_elements__WEBPACK_IMPORTED_MODULE_1__.getContainer)(originalElement.parentId);
  if (!parentContainer) {
    return;
  }
  const clonedModel = structuredClone(originalElement.model);
  (0,_elementor_editor_elements__WEBPACK_IMPORTED_MODULE_1__.createElements)({
    title: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_4__.__)('Restore Element', 'elementor-pro'),
    elements: [{
      container: parentContainer,
      model: clonedModel,
      options: {
        at: originalElement.index
      }
    }]
  });
}

/***/ }),

/***/ "./packages/packages/pro/editor-components-extended/src/store/actions/delete-component-overridable-prop.ts":
/*!*****************************************************************************************************************!*\
  !*** ./packages/packages/pro/editor-components-extended/src/store/actions/delete-component-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 */   deleteComponentOverridableProp: function() { return /* binding */ deleteComponentOverridableProp; }
/* harmony export */ });
/* harmony import */ var _elementor_editor_components__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @elementor/editor-components */ "@elementor/editor-components");
/* harmony import */ var _elementor_editor_components__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_elementor_editor_components__WEBPACK_IMPORTED_MODULE_0__);
/* harmony import */ var _utils_revert_overridable_settings__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../utils/revert-overridable-settings */ "./packages/packages/pro/editor-components-extended/src/utils/revert-overridable-settings.ts");
/* harmony import */ var _utils_groups_transformers__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../utils/groups-transformers */ "./packages/packages/pro/editor-components-extended/src/store/utils/groups-transformers.ts");



function deleteComponentOverridableProp({
  componentId,
  propKey,
  source,
  revertElementOverridable = true
}) {
  const overridableProps = _elementor_editor_components__WEBPACK_IMPORTED_MODULE_0__.componentsSelectors.getOverridableProps(componentId);
  if (!overridableProps || Object.keys(overridableProps.props).length === 0) {
    return;
  }
  const propKeysToDelete = Array.isArray(propKey) ? propKey : [propKey];
  const deletedProps = [];
  for (const key of propKeysToDelete) {
    const prop = overridableProps.props[key];
    if (!prop) {
      continue;
    }
    deletedProps.push(prop);
    if (revertElementOverridable) {
      (0,_utils_revert_overridable_settings__WEBPACK_IMPORTED_MODULE_1__.revertElementOverridableSetting)(prop.elementId, prop.propKey, prop.originValue, key);
    }
  }
  if (deletedProps.length === 0) {
    return;
  }
  const remainingProps = Object.fromEntries(Object.entries(overridableProps.props).filter(([key]) => !propKeysToDelete.includes(key)));
  const updatedGroups = (0,_utils_groups_transformers__WEBPACK_IMPORTED_MODULE_2__.removePropFromAllGroups)(overridableProps.groups, propKey);
  _elementor_editor_components__WEBPACK_IMPORTED_MODULE_0__.componentsActions.setOverridableProps(componentId, {
    ...overridableProps,
    props: remainingProps,
    groups: updatedGroups
  });
  const currentComponent = _elementor_editor_components__WEBPACK_IMPORTED_MODULE_0__.componentsSelectors.getCurrentComponent();
  for (const prop of deletedProps) {
    (0,_elementor_editor_components__WEBPACK_IMPORTED_MODULE_0__.trackComponentEvent)({
      action: 'propertyRemoved',
      source,
      component_uid: currentComponent?.uid,
      property_id: prop.overrideKey,
      property_path: prop.propKey,
      property_name: prop.label,
      element_type: prop.widgetType ?? prop.elType
    });
  }
}

/***/ }),

/***/ "./packages/packages/pro/editor-components-extended/src/store/actions/delete-overridable-group.ts":
/*!********************************************************************************************************!*\
  !*** ./packages/packages/pro/editor-components-extended/src/store/actions/delete-overridable-group.ts ***!
  \********************************************************************************************************/
/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {

__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   deleteOverridableGroup: function() { return /* binding */ deleteOverridableGroup; }
/* harmony export */ });
/* harmony import */ var _elementor_editor_components__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @elementor/editor-components */ "@elementor/editor-components");
/* harmony import */ var _elementor_editor_components__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_elementor_editor_components__WEBPACK_IMPORTED_MODULE_0__);
/* harmony import */ var _utils_groups_transformers__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../utils/groups-transformers */ "./packages/packages/pro/editor-components-extended/src/store/utils/groups-transformers.ts");


function deleteOverridableGroup({
  componentId,
  groupId
}) {
  const overridableProps = _elementor_editor_components__WEBPACK_IMPORTED_MODULE_0__.componentsSelectors.getOverridableProps(componentId);
  if (!overridableProps) {
    return false;
  }
  const group = overridableProps.groups.items[groupId];
  if (!group || group.props.length > 0) {
    return false;
  }
  const updatedGroups = (0,_utils_groups_transformers__WEBPACK_IMPORTED_MODULE_1__.deleteGroup)(overridableProps.groups, groupId);
  _elementor_editor_components__WEBPACK_IMPORTED_MODULE_0__.componentsActions.setOverridableProps(componentId, {
    ...overridableProps,
    groups: updatedGroups
  });
  return true;
}

/***/ }),

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

__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   renameComponent: function() { return /* binding */ renameComponent; }
/* harmony export */ });
/* harmony import */ var _elementor_editor_components__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @elementor/editor-components */ "@elementor/editor-components");
/* harmony import */ var _elementor_editor_components__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_elementor_editor_components__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_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__);



const TITLE_EXTERNAL_CHANGE_COMMAND = 'title_external_change';
const renameComponent = (componentUid, newName) => {
  _elementor_editor_components__WEBPACK_IMPORTED_MODULE_0__.componentsActions.rename(componentUid, newName);
  (0,_elementor_editor_documents__WEBPACK_IMPORTED_MODULE_1__.setDocumentModifiedStatus)(true);
  refreshComponentInstanceTitles(componentUid);
};
function refreshComponentInstanceTitles(componentUid) {
  const documentContainer = getDocumentContainer();
  if (!documentContainer) {
    return;
  }
  const componentInstances = findComponentInstancesByUid(documentContainer, componentUid);
  componentInstances.forEach(element => {
    element.model.trigger?.(TITLE_EXTERNAL_CHANGE_COMMAND);
  });
}
function getDocumentContainer() {
  const documentsManager = (0,_elementor_editor_documents__WEBPACK_IMPORTED_MODULE_1__.getV1DocumentsManager)();
  return documentsManager?.getCurrent()?.container;
}
function findComponentInstancesByUid(documentContainer, componentUid) {
  const allDescendants = (0,_elementor_editor_elements__WEBPACK_IMPORTED_MODULE_2__.getAllDescendants)(documentContainer);
  return allDescendants.filter(element => {
    const widgetType = element.model.get('widgetType');
    const editorSettings = element.model.get('editor_settings');
    const isMatch = widgetType === _elementor_editor_components__WEBPACK_IMPORTED_MODULE_0__.COMPONENT_WIDGET_TYPE && editorSettings?.component_uid === componentUid;
    return isMatch;
  });
}

/***/ }),

/***/ "./packages/packages/pro/editor-components-extended/src/store/actions/rename-overridable-group.ts":
/*!********************************************************************************************************!*\
  !*** ./packages/packages/pro/editor-components-extended/src/store/actions/rename-overridable-group.ts ***!
  \********************************************************************************************************/
/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {

__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   renameOverridableGroup: function() { return /* binding */ renameOverridableGroup; }
/* harmony export */ });
/* harmony import */ var _elementor_editor_components__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @elementor/editor-components */ "@elementor/editor-components");
/* harmony import */ var _elementor_editor_components__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_elementor_editor_components__WEBPACK_IMPORTED_MODULE_0__);
/* harmony import */ var _utils_groups_transformers__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../utils/groups-transformers */ "./packages/packages/pro/editor-components-extended/src/store/utils/groups-transformers.ts");


function renameOverridableGroup({
  componentId,
  groupId,
  label
}) {
  const overridableProps = _elementor_editor_components__WEBPACK_IMPORTED_MODULE_0__.componentsSelectors.getOverridableProps(componentId);
  if (!overridableProps) {
    return false;
  }
  const group = overridableProps.groups.items[groupId];
  if (!group) {
    return false;
  }
  const updatedGroups = (0,_utils_groups_transformers__WEBPACK_IMPORTED_MODULE_1__.renameGroup)(overridableProps.groups, groupId, label);
  _elementor_editor_components__WEBPACK_IMPORTED_MODULE_0__.componentsActions.setOverridableProps(componentId, {
    ...overridableProps,
    groups: updatedGroups
  });
  return true;
}

/***/ }),

/***/ "./packages/packages/pro/editor-components-extended/src/store/actions/reorder-group-props.ts":
/*!***************************************************************************************************!*\
  !*** ./packages/packages/pro/editor-components-extended/src/store/actions/reorder-group-props.ts ***!
  \***************************************************************************************************/
/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {

__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   reorderGroupProps: function() { return /* binding */ reorderGroupProps; }
/* harmony export */ });
/* harmony import */ var _elementor_editor_components__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @elementor/editor-components */ "@elementor/editor-components");
/* harmony import */ var _elementor_editor_components__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_elementor_editor_components__WEBPACK_IMPORTED_MODULE_0__);

function reorderGroupProps({
  componentId,
  groupId,
  newPropsOrder
}) {
  const overridableProps = _elementor_editor_components__WEBPACK_IMPORTED_MODULE_0__.componentsSelectors.getOverridableProps(componentId);
  if (!overridableProps) {
    return;
  }
  const group = overridableProps.groups.items[groupId];
  if (!group) {
    return;
  }
  _elementor_editor_components__WEBPACK_IMPORTED_MODULE_0__.componentsActions.setOverridableProps(componentId, {
    ...overridableProps,
    groups: {
      ...overridableProps.groups,
      items: {
        ...overridableProps.groups.items,
        [groupId]: {
          ...group,
          props: newPropsOrder
        }
      }
    }
  });
}

/***/ }),

/***/ "./packages/packages/pro/editor-components-extended/src/store/actions/reorder-overridable-groups.ts":
/*!**********************************************************************************************************!*\
  !*** ./packages/packages/pro/editor-components-extended/src/store/actions/reorder-overridable-groups.ts ***!
  \**********************************************************************************************************/
/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {

__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   reorderOverridableGroups: function() { return /* binding */ reorderOverridableGroups; }
/* harmony export */ });
/* harmony import */ var _elementor_editor_components__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @elementor/editor-components */ "@elementor/editor-components");
/* harmony import */ var _elementor_editor_components__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_elementor_editor_components__WEBPACK_IMPORTED_MODULE_0__);

function reorderOverridableGroups({
  componentId,
  newOrder
}) {
  const overridableProps = _elementor_editor_components__WEBPACK_IMPORTED_MODULE_0__.componentsSelectors.getOverridableProps(componentId);
  if (!overridableProps) {
    return;
  }
  _elementor_editor_components__WEBPACK_IMPORTED_MODULE_0__.componentsActions.setOverridableProps(componentId, {
    ...overridableProps,
    groups: {
      ...overridableProps.groups,
      order: newOrder
    }
  });
}

/***/ }),

/***/ "./packages/packages/pro/editor-components-extended/src/store/actions/reset-sanitized-components.ts":
/*!**********************************************************************************************************!*\
  !*** ./packages/packages/pro/editor-components-extended/src/store/actions/reset-sanitized-components.ts ***!
  \**********************************************************************************************************/
/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {

__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   resetSanitizedComponents: function() { return /* binding */ resetSanitizedComponents; }
/* harmony export */ });
/* harmony import */ var _elementor_editor_components__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @elementor/editor-components */ "@elementor/editor-components");
/* harmony import */ var _elementor_editor_components__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_elementor_editor_components__WEBPACK_IMPORTED_MODULE_0__);

function resetSanitizedComponents() {
  _elementor_editor_components__WEBPACK_IMPORTED_MODULE_0__.componentsActions.resetSanitizedComponents();
}

/***/ }),

/***/ "./packages/packages/pro/editor-components-extended/src/store/actions/update-component-sanitized-attribute.ts":
/*!********************************************************************************************************************!*\
  !*** ./packages/packages/pro/editor-components-extended/src/store/actions/update-component-sanitized-attribute.ts ***!
  \********************************************************************************************************************/
/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {

__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   updateComponentSanitizedAttribute: function() { return /* binding */ updateComponentSanitizedAttribute; }
/* harmony export */ });
/* harmony import */ var _elementor_editor_components__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @elementor/editor-components */ "@elementor/editor-components");
/* harmony import */ var _elementor_editor_components__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_elementor_editor_components__WEBPACK_IMPORTED_MODULE_0__);

function updateComponentSanitizedAttribute(componentId, attribute) {
  _elementor_editor_components__WEBPACK_IMPORTED_MODULE_0__.componentsActions.updateComponentSanitizedAttribute(componentId, attribute);
}

/***/ }),

/***/ "./packages/packages/pro/editor-components-extended/src/store/actions/update-current-component.ts":
/*!********************************************************************************************************!*\
  !*** ./packages/packages/pro/editor-components-extended/src/store/actions/update-current-component.ts ***!
  \********************************************************************************************************/
/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {

__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   updateCurrentComponent: function() { return /* binding */ updateCurrentComponent; }
/* harmony export */ });
/* harmony import */ var _elementor_editor_components__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @elementor/editor-components */ "@elementor/editor-components");
/* harmony import */ var _elementor_editor_components__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_elementor_editor_components__WEBPACK_IMPORTED_MODULE_0__);

function updateCurrentComponent(params) {
  _elementor_editor_components__WEBPACK_IMPORTED_MODULE_0__.componentsActions.setPath(params.path);
  _elementor_editor_components__WEBPACK_IMPORTED_MODULE_0__.componentsActions.setCurrentComponentId(params.currentComponentId);
}

/***/ }),

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

__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   updateOverridablePropParams: function() { return /* binding */ updateOverridablePropParams; }
/* harmony export */ });
/* harmony import */ var _elementor_editor_components__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @elementor/editor-components */ "@elementor/editor-components");
/* harmony import */ var _elementor_editor_components__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_elementor_editor_components__WEBPACK_IMPORTED_MODULE_0__);
/* harmony import */ var _utils_groups_transformers__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../utils/groups-transformers */ "./packages/packages/pro/editor-components-extended/src/store/utils/groups-transformers.ts");


function updateOverridablePropParams({
  componentId,
  overrideKey,
  label,
  groupId
}) {
  const overridableProps = _elementor_editor_components__WEBPACK_IMPORTED_MODULE_0__.componentsSelectors.getOverridableProps(componentId);
  if (!overridableProps) {
    return;
  }
  const prop = overridableProps.props[overrideKey];
  if (!prop) {
    return;
  }
  const oldGroupId = prop.groupId;
  const newGroupId = groupId ?? oldGroupId;
  const updatedProp = {
    ...prop,
    label,
    groupId: newGroupId
  };
  const updatedGroups = (0,_utils_groups_transformers__WEBPACK_IMPORTED_MODULE_1__.movePropBetweenGroups)(overridableProps.groups, overrideKey, oldGroupId, newGroupId);
  _elementor_editor_components__WEBPACK_IMPORTED_MODULE_0__.componentsActions.setOverridableProps(componentId, {
    ...overridableProps,
    props: {
      ...overridableProps.props,
      [overrideKey]: updatedProp
    },
    groups: updatedGroups
  });
  return updatedProp;
}

/***/ }),

/***/ "./packages/packages/pro/editor-components-extended/src/store/utils/groups-transformers.ts":
/*!*************************************************************************************************!*\
  !*** ./packages/packages/pro/editor-components-extended/src/store/utils/groups-transformers.ts ***!
  \*************************************************************************************************/
/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {

__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   addPropToGroup: function() { return /* binding */ addPropToGroup; },
/* harmony export */   deleteGroup: function() { return /* binding */ deleteGroup; },
/* harmony export */   ensureGroupInOrder: function() { return /* binding */ ensureGroupInOrder; },
/* harmony export */   movePropBetweenGroups: function() { return /* binding */ movePropBetweenGroups; },
/* harmony export */   removePropFromAllGroups: function() { return /* binding */ removePropFromAllGroups; },
/* harmony export */   removePropFromGroup: function() { return /* binding */ removePropFromGroup; },
/* harmony export */   removePropsFromState: function() { return /* binding */ removePropsFromState; },
/* harmony export */   renameGroup: function() { return /* binding */ renameGroup; },
/* harmony export */   resolveOrCreateGroup: function() { return /* binding */ resolveOrCreateGroup; }
/* 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__);
/* 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__);


function removePropFromAllGroups(groups, propKey) {
  const propKeys = Array.isArray(propKey) ? propKey : [propKey];
  return {
    ...groups,
    items: Object.fromEntries(Object.entries(groups.items).map(([groupId, group]) => [groupId, {
      ...group,
      props: group.props.filter(p => !propKeys.includes(p))
    }]))
  };
}
function addPropToGroup(groups, groupId, propKey) {
  const group = groups.items[groupId];
  if (!group) {
    return groups;
  }
  if (group.props.includes(propKey)) {
    return groups;
  }
  return {
    ...groups,
    items: {
      ...groups.items,
      [groupId]: {
        ...group,
        props: [...group.props, propKey]
      }
    }
  };
}
function movePropBetweenGroups(groups, propKey, fromGroupId, toGroupId) {
  if (fromGroupId === toGroupId) {
    return groups;
  }
  const withoutProp = removePropFromGroup(groups, fromGroupId, propKey);
  return addPropToGroup(withoutProp, toGroupId, propKey);
}
function removePropFromGroup(groups, groupId, propKey) {
  const group = groups.items[groupId];
  if (!group) {
    return groups;
  }
  return {
    ...groups,
    items: {
      ...groups.items,
      [groupId]: {
        ...group,
        props: group.props.filter(p => p !== propKey)
      }
    }
  };
}
function resolveOrCreateGroup(groups, requestedGroupId) {
  if (requestedGroupId && groups.items[requestedGroupId]) {
    return {
      groups,
      groupId: requestedGroupId
    };
  }
  if (!requestedGroupId && groups.order.length > 0) {
    return {
      groups,
      groupId: groups.order[0]
    };
  }
  return createGroup(groups, requestedGroupId);
}
function createGroup(groups, groupId, label) {
  const newGroupId = groupId || (0,_elementor_utils__WEBPACK_IMPORTED_MODULE_0__.generateUniqueId)('group');
  const newLabel = label || (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_1__.__)('Default', 'elementor-pro');
  return {
    groups: {
      ...groups,
      items: {
        ...groups.items,
        [newGroupId]: {
          id: newGroupId,
          label: newLabel,
          props: []
        }
      },
      order: [...groups.order, newGroupId]
    },
    groupId: newGroupId
  };
}
function removePropsFromState(overridableProps, propsToRemove) {
  const overrideKeysToRemove = propsToRemove.map(prop => prop.overrideKey);
  const remainingProps = Object.fromEntries(Object.entries(overridableProps.props).filter(([, prop]) => !propsToRemove.includes(prop)));
  const updatedGroupItems = Object.fromEntries(Object.entries(overridableProps.groups.items).map(([groupId, group]) => [groupId, {
    ...group,
    props: group.props.filter(prop => !overrideKeysToRemove.includes(prop))
  }]));
  return {
    props: remainingProps,
    groups: {
      items: updatedGroupItems,
      order: overridableProps.groups.order.filter(groupId => !overrideKeysToRemove.includes(groupId))
    }
  };
}
function ensureGroupInOrder(groups, groupId) {
  if (groups.order.includes(groupId)) {
    return groups;
  }
  return {
    ...groups,
    order: [...groups.order, groupId]
  };
}
function deleteGroup(groups, groupId) {
  const {
    [groupId]: removed,
    ...remainingItems
  } = groups.items;
  return {
    items: remainingItems,
    order: groups.order.filter(id => id !== groupId)
  };
}
function renameGroup(groups, groupId, newLabel) {
  const group = groups.items[groupId];
  if (!group) {
    return groups;
  }
  return {
    ...groups,
    items: {
      ...groups.items,
      [groupId]: {
        ...group,
        label: newLabel
      }
    }
  };
}

/***/ }),

/***/ "./packages/packages/pro/editor-components-extended/src/sync/before-save.ts":
/*!**********************************************************************************!*\
  !*** ./packages/packages/pro/editor-components-extended/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 _elementor_editor_components__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @elementor/editor-components */ "@elementor/editor-components");
/* harmony import */ var _elementor_editor_components__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_elementor_editor_components__WEBPACK_IMPORTED_MODULE_0__);
/* harmony import */ var _sync_set_component_overridable_props_settings_before_save__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../sync/set-component-overridable-props-settings-before-save */ "./packages/packages/pro/editor-components-extended/src/sync/set-component-overridable-props-settings-before-save.ts");
/* harmony import */ var _sync_update_archived_component_before_save__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../sync/update-archived-component-before-save */ "./packages/packages/pro/editor-components-extended/src/sync/update-archived-component-before-save.ts");
/* harmony import */ var _sync_update_component_title_before_save__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../sync/update-component-title-before-save */ "./packages/packages/pro/editor-components-extended/src/sync/update-component-title-before-save.ts");
/* harmony import */ var _create_components_before_save__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./create-components-before-save */ "./packages/packages/pro/editor-components-extended/src/sync/create-components-before-save.ts");





const beforeSave = ({
  container,
  status
}) => {
  const elements = container?.model.get('elements').toJSON?.() ?? [];
  return Promise.all([syncComponents({
    elements,
    status
  }), (0,_sync_set_component_overridable_props_settings_before_save__WEBPACK_IMPORTED_MODULE_1__.setComponentOverridablePropsSettingsBeforeSave)({
    container
  })]);
};

// These operations run sequentially to prevent race conditions when multiple
// edits occur on the same component simultaneously.
// TODO: Consolidate these into a single PUT /components endpoint.
const syncComponents = async ({
  elements,
  status
}) => {
  // This order is important - first update existing components, then create new components,
  // Since new component validation depends on the existing components (preventing duplicate names).
  await updateExistingComponentsBeforeSave({
    elements,
    status
  });
  await (0,_create_components_before_save__WEBPACK_IMPORTED_MODULE_4__.createComponentsBeforeSave)({
    elements,
    status
  });
};
const updateExistingComponentsBeforeSave = async ({
  elements,
  status
}) => {
  await (0,_sync_update_component_title_before_save__WEBPACK_IMPORTED_MODULE_3__.updateComponentTitleBeforeSave)(status);
  await (0,_sync_update_archived_component_before_save__WEBPACK_IMPORTED_MODULE_2__.updateArchivedComponentBeforeSave)(status);
  await (0,_elementor_editor_components__WEBPACK_IMPORTED_MODULE_0__.publishDraftComponentsInPageBeforeSave)({
    elements,
    status
  });
};

/***/ }),

/***/ "./packages/packages/pro/editor-components-extended/src/sync/cleanup-overridable-props-on-delete.ts":
/*!**********************************************************************************************************!*\
  !*** ./packages/packages/pro/editor-components-extended/src/sync/cleanup-overridable-props-on-delete.ts ***!
  \**********************************************************************************************************/
/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {

__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   initCleanupOverridablePropsOnDelete: function() { return /* binding */ initCleanupOverridablePropsOnDelete; }
/* harmony export */ });
/* harmony import */ var _elementor_core_adapter_utils__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @elementor/core-adapter-utils */ "@elementor/core-adapter-utils");
/* harmony import */ var _elementor_core_adapter_utils__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_elementor_core_adapter_utils__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_components__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @elementor/editor-components */ "@elementor/editor-components");
/* harmony import */ var _elementor_editor_components__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_elementor_editor_components__WEBPACK_IMPORTED_MODULE_2__);
/* harmony import */ var _elementor_editor_elements__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @elementor/editor-elements */ "@elementor/editor-elements");
/* harmony import */ var _elementor_editor_elements__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_elementor_editor_elements__WEBPACK_IMPORTED_MODULE_3__);
/* harmony import */ var _elementor_editor_v1_adapters__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! @elementor/editor-v1-adapters */ "@elementor/editor-v1-adapters");
/* harmony import */ var _elementor_editor_v1_adapters__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(_elementor_editor_v1_adapters__WEBPACK_IMPORTED_MODULE_4__);
/* harmony import */ var _store_actions_create_component_overridable_prop__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../store/actions/create-component-overridable-prop */ "./packages/packages/pro/editor-components-extended/src/store/actions/create-component-overridable-prop.ts");
/* harmony import */ var _store_actions_delete_component_overridable_prop__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../store/actions/delete-component-overridable-prop */ "./packages/packages/pro/editor-components-extended/src/store/actions/delete-component-overridable-prop.ts");







const deleteActionEntries = new Map();
function initCleanupOverridablePropsOnDelete() {
  registerCleanupOverridablePropsOnDelete();
  registerRestoreOverridablePropsOnUndo();
  registerCleanupOverridablePropsOnRedo();
  registerClearDeleteEntriesOnDocumentSwitch();
}
function registerCleanupOverridablePropsOnDelete() {
  // This hook is not a real dependency - it doesn't block the execution of the command in any case, only perform side effect.
  // We use `dependency` and not `after` hook because the `after` hook doesn't include the children of a deleted container
  // in the callback parameters (as they already were deleted).
  (0,_elementor_editor_v1_adapters__WEBPACK_IMPORTED_MODULE_4__.registerDataHook)('dependency', 'document/elements/delete', (args, options) => {
    if (isPartOfMoveCommand(options)) {
      return true;
    }
    const currentComponentId = _elementor_editor_components__WEBPACK_IMPORTED_MODULE_2__.componentsSelectors.getCurrentComponentId();
    if (!currentComponentId) {
      return true;
    }
    const overridableProps = _elementor_editor_components__WEBPACK_IMPORTED_MODULE_2__.componentsSelectors.getOverridableProps(currentComponentId);
    if (!overridableProps || Object.keys(overridableProps.props).length === 0) {
      return true;
    }
    const containers = args.containers ?? (args.container ? [args.container] : []);
    if (containers.length === 0) {
      return true;
    }
    const deletedElementIds = collectDeletedElementIds(containers);
    if (deletedElementIds.length === 0) {
      return true;
    }
    const propsToDelete = Object.values(overridableProps.props).filter(prop => deletedElementIds.includes(prop.elementId));
    if (propsToDelete.length === 0) {
      return true;
    }
    if (options?.currentHistoryItemId !== undefined) {
      deleteActionEntries.set(options.currentHistoryItemId, {
        props: propsToDelete,
        elementIds: deletedElementIds
      });
    }
    const propKeysToDelete = propsToDelete.map(prop => prop.overrideKey);
    (0,_store_actions_delete_component_overridable_prop__WEBPACK_IMPORTED_MODULE_6__.deleteComponentOverridableProp)({
      componentId: currentComponentId,
      propKey: propKeysToDelete,
      source: 'system',
      revertElementOverridable: false
    });
    return true;
  });
}
function registerClearDeleteEntriesOnDocumentSwitch() {
  (0,_elementor_editor_v1_adapters__WEBPACK_IMPORTED_MODULE_4__.registerDataHook)('after', 'editor/documents/attach-preview', () => {
    deleteActionEntries.clear();
  });
}
function registerRestoreOverridablePropsOnUndo() {
  (0,_elementor_editor_v1_adapters__WEBPACK_IMPORTED_MODULE_4__.registerDataHook)('after', 'document/history/undo', async (_, results) => {
    if (!results?.originHistoryItemId) {
      return;
    }
    const currentComponentId = _elementor_editor_components__WEBPACK_IMPORTED_MODULE_2__.componentsSelectors.getCurrentComponentId();
    if (!currentComponentId) {
      return;
    }
    const entry = deleteActionEntries.get(results.originHistoryItemId);
    if (!entry) {
      return;
    }
    const restoreProps = () => {
      for (const prop of entry.props) {
        (0,_store_actions_create_component_overridable_prop__WEBPACK_IMPORTED_MODULE_5__.createComponentOverridableProp)({
          componentId: currentComponentId,
          ...prop,
          source: 'system'
        });
      }
    };
    if ((0,_elementor_core_adapter_utils__WEBPACK_IMPORTED_MODULE_0__.isCoreAtLeast)('4.1.0')) {
      (0,_elementor_editor_canvas__WEBPACK_IMPORTED_MODULE_1__.doAfterRender)(entry.elementIds, restoreProps);
    }
  });
}
function registerCleanupOverridablePropsOnRedo() {
  (0,_elementor_editor_v1_adapters__WEBPACK_IMPORTED_MODULE_4__.registerDataHook)('after', 'document/history/redo', (_, results) => {
    if (!results?.originHistoryItemId) {
      return;
    }
    const currentComponentId = _elementor_editor_components__WEBPACK_IMPORTED_MODULE_2__.componentsSelectors.getCurrentComponentId();
    if (!currentComponentId) {
      return;
    }
    const entry = deleteActionEntries.get(results.originHistoryItemId);
    if (!entry) {
      return;
    }
    const propKeysToDelete = entry.props.map(prop => prop.overrideKey);
    (0,_store_actions_delete_component_overridable_prop__WEBPACK_IMPORTED_MODULE_6__.deleteComponentOverridableProp)({
      componentId: currentComponentId,
      propKey: propKeysToDelete,
      source: 'system',
      revertElementOverridable: false
    });
  });
}
function collectDeletedElementIds(containers) {
  const elementIds = containers.filter(Boolean).flatMap(container => [container, ...(0,_elementor_editor_elements__WEBPACK_IMPORTED_MODULE_3__.getAllDescendants)(container)]).map(element => element.model?.get?.('id') ?? element.id).filter(id => Boolean(id));
  return elementIds;
}
function isPartOfMoveCommand(options) {
  // Skip cleanup if this delete is part of a move command
  // Move = delete + create, and we don't want to delete the overridable prop in this case.
  // See assets/dev/js/editor/document/elements/commands/move.js
  const isMoveCommandInTrace = options?.commandsCurrentTrace?.includes('document/elements/move') || options?.commandsCurrentTrace?.includes('document/repeater/move');
  return Boolean(isMoveCommandInTrace);
}

/***/ }),

/***/ "./packages/packages/pro/editor-components-extended/src/sync/create-components-before-save.ts":
/*!****************************************************************************************************!*\
  !*** ./packages/packages/pro/editor-components-extended/src/sync/create-components-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 */   createComponentsBeforeSave: function() { return /* binding */ createComponentsBeforeSave; }
/* harmony export */ });
/* harmony import */ var _elementor_editor_components__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @elementor/editor-components */ "@elementor/editor-components");
/* harmony import */ var _elementor_editor_components__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_elementor_editor_components__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__);


async function createComponentsBeforeSave({
  elements,
  status
}) {
  const unpublishedComponents = _elementor_editor_components__WEBPACK_IMPORTED_MODULE_0__.componentsSelectors.getUnpublishedComponents();
  if (!unpublishedComponents.length) {
    return;
  }
  try {
    const uidToComponentId = await createComponents(unpublishedComponents, status);
    updateComponentInstances(elements, uidToComponentId);
    _elementor_editor_components__WEBPACK_IMPORTED_MODULE_0__.componentsActions.add(unpublishedComponents.map(component => ({
      id: uidToComponentId.get(component.uid),
      name: component.name,
      uid: component.uid,
      overridableProps: component.overridableProps ? component.overridableProps : undefined
    })));
    _elementor_editor_components__WEBPACK_IMPORTED_MODULE_0__.componentsActions.resetUnpublished();
  } catch (error) {
    const failedUids = unpublishedComponents.map(component => component.uid);
    _elementor_editor_components__WEBPACK_IMPORTED_MODULE_0__.componentsActions.removeUnpublished(failedUids);
    throw new Error(`Failed to publish components: ${error}`);
  }
}
async function createComponents(components, status) {
  const response = await _elementor_editor_components__WEBPACK_IMPORTED_MODULE_0__.apiClient.create({
    status,
    items: components.map(component => ({
      uid: component.uid,
      title: component.name,
      elements: component.elements,
      settings: component.overridableProps ? {
        overridable_props: component.overridableProps
      } : undefined
    }))
  });
  const map = new Map();
  Object.entries(response).forEach(([key, value]) => {
    map.set(key, value);
  });
  return map;
}
function updateComponentInstances(elements, uidToComponentId) {
  elements.forEach(element => {
    const {
      shouldUpdate,
      newComponentId
    } = shouldUpdateElement(element, uidToComponentId);
    if (shouldUpdate) {
      updateElementComponentId(element.id, newComponentId);
    }
    if (element.elements) {
      updateComponentInstances(element.elements, uidToComponentId);
    }
  });
}
function shouldUpdateElement(element, uidToComponentId) {
  if (element.widgetType === 'e-component') {
    const currentComponentId = element.settings?.component_instance?.value?.component_id.value;
    if (currentComponentId && uidToComponentId.has(currentComponentId.toString())) {
      return {
        shouldUpdate: true,
        newComponentId: uidToComponentId.get(currentComponentId.toString())
      };
    }
  }
  return {
    shouldUpdate: false,
    newComponentId: null
  };
}
function updateElementComponentId(elementId, componentId) {
  (0,_elementor_editor_elements__WEBPACK_IMPORTED_MODULE_1__.updateElementSettings)({
    id: elementId,
    props: {
      component_instance: {
        $$type: 'component-instance',
        value: {
          component_id: {
            $$type: 'number',
            value: componentId
          }
        }
      }
    },
    withHistory: false
  });
}

/***/ }),

/***/ "./packages/packages/pro/editor-components-extended/src/sync/handle-component-edit-mode-container.ts":
/*!***********************************************************************************************************!*\
  !*** ./packages/packages/pro/editor-components-extended/src/sync/handle-component-edit-mode-container.ts ***!
  \***********************************************************************************************************/
/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {

__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   initHandleComponentEditModeContainer: function() { return /* binding */ initHandleComponentEditModeContainer; }
/* 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_v1_adapters__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @elementor/editor-v1-adapters */ "@elementor/editor-v1-adapters");
/* harmony import */ var _elementor_editor_v1_adapters__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_elementor_editor_v1_adapters__WEBPACK_IMPORTED_MODULE_1__);
/* harmony import */ var _consts__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../consts */ "./packages/packages/pro/editor-components-extended/src/consts.ts");
/* harmony import */ var _utils_is_editing_component__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../utils/is-editing-component */ "./packages/packages/pro/editor-components-extended/src/utils/is-editing-component.ts");




const V4_DEFAULT_CONTAINER_TYPE = 'e-flexbox';
function initHandleComponentEditModeContainer() {
  initRedirectDropIntoComponent();
  initHandleTopLevelElementDelete();
}
function initHandleTopLevelElementDelete() {
  (0,_elementor_editor_v1_adapters__WEBPACK_IMPORTED_MODULE_1__.registerDataHook)('after', 'document/elements/delete', args => {
    if (!(0,_utils_is_editing_component__WEBPACK_IMPORTED_MODULE_3__.isEditingComponent)()) {
      return;
    }
    const containers = args.containers ?? (args.container ? [args.container] : []);
    for (const container of containers) {
      if (!container.parent || !isComponent(container.parent)) {
        continue;
      }
      const component = container.parent;
      const isComponentEmpty = component.children?.length === 0;
      if (isComponentEmpty) {
        createEmptyTopLevelContainer(container.parent);
      }
    }
  });
}
function initRedirectDropIntoComponent() {
  (0,_elementor_editor_v1_adapters__WEBPACK_IMPORTED_MODULE_1__.registerDataHook)('dependency', 'preview/drop', args => {
    if (!(0,_utils_is_editing_component__WEBPACK_IMPORTED_MODULE_3__.isEditingComponent)()) {
      return true;
    }
    const containers = args.containers ?? (args.container ? [args.container] : []);
    for (const container of containers) {
      if (!isComponent(container)) {
        continue;
      }
      const {
        shouldRedirect,
        container: redirectedContainer
      } = getComponentContainer(container);
      if (!shouldRedirect) {
        continue;
      }
      if (args.containers) {
        const index = args.containers.indexOf(container);
        args.containers[index] = redirectedContainer;
      } else {
        args.container = redirectedContainer;
      }
    }
    return true;
  });
}
function createEmptyTopLevelContainer(container) {
  const newContainer = (0,_elementor_editor_elements__WEBPACK_IMPORTED_MODULE_0__.createElement)({
    container,
    model: {
      elType: V4_DEFAULT_CONTAINER_TYPE
    }
  });
  (0,_elementor_editor_elements__WEBPACK_IMPORTED_MODULE_0__.selectElement)(newContainer.id);
}
function getComponentContainer(container) {
  const topLevelElement = container.children?.[0];
  if (topLevelElement) {
    return {
      shouldRedirect: true,
      container: topLevelElement
    };
  }
  return {
    shouldRedirect: false,
    container
  };
}
function isComponent(container) {
  const isDocument = container.id === 'document';
  if (!isDocument) {
    return false;
  }
  return container.document?.config.type === _consts__WEBPACK_IMPORTED_MODULE_2__.COMPONENT_DOCUMENT_TYPE;
}

/***/ }),

/***/ "./packages/packages/pro/editor-components-extended/src/sync/prevent-non-atomic-nesting.ts":
/*!*************************************************************************************************!*\
  !*** ./packages/packages/pro/editor-components-extended/src/sync/prevent-non-atomic-nesting.ts ***!
  \*************************************************************************************************/
/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {

__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   findNonAtomicElements: function() { return /* binding */ findNonAtomicElements; },
/* harmony export */   findNonAtomicElementsInElement: function() { return /* binding */ findNonAtomicElementsInElement; },
/* harmony export */   hasNonAtomicElementsInTree: function() { return /* binding */ hasNonAtomicElementsInTree; },
/* harmony export */   initNonAtomicNestingPrevention: function() { return /* binding */ initNonAtomicNestingPrevention; },
/* harmony export */   isElementAtomic: function() { return /* binding */ isElementAtomic; }
/* 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_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_editor_v1_adapters__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @elementor/editor-v1-adapters */ "@elementor/editor-v1-adapters");
/* harmony import */ var _elementor_editor_v1_adapters__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_elementor_editor_v1_adapters__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 _utils_is_editing_component__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../utils/is-editing-component */ "./packages/packages/pro/editor-components-extended/src/utils/is-editing-component.ts");






const NON_ATOMIC_ELEMENT_ALERT = {
  type: 'default',
  message: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_4__.__)("This widget isn't compatible with components. Use atomic elements instead.", 'elementor-pro'),
  id: 'non-atomic-element-blocked'
};
function initNonAtomicNestingPrevention() {
  (0,_elementor_editor_v1_adapters__WEBPACK_IMPORTED_MODULE_3__.blockCommand)({
    command: 'document/elements/create',
    condition: blockNonAtomicCreate
  });
  (0,_elementor_editor_v1_adapters__WEBPACK_IMPORTED_MODULE_3__.blockCommand)({
    command: 'document/elements/move',
    condition: blockNonAtomicMove
  });
  (0,_elementor_editor_v1_adapters__WEBPACK_IMPORTED_MODULE_3__.blockCommand)({
    command: 'document/elements/paste',
    condition: blockNonAtomicPaste
  });
}
function isElementAtomic(elementType) {
  return (0,_elementor_editor_elements__WEBPACK_IMPORTED_MODULE_1__.getElementType)(elementType) !== null;
}
function blockNonAtomicCreate(args) {
  if (!(0,_utils_is_editing_component__WEBPACK_IMPORTED_MODULE_5__.isEditingComponent)()) {
    return false;
  }
  const {
    model
  } = args;
  const elementType = model?.widgetType || model?.elType;
  if (!elementType) {
    return false;
  }
  if (isElementAtomic(elementType)) {
    return false;
  }
  (0,_elementor_editor_notifications__WEBPACK_IMPORTED_MODULE_2__.notify)(NON_ATOMIC_ELEMENT_ALERT);
  return true;
}
function blockNonAtomicMove(args) {
  if (!(0,_utils_is_editing_component__WEBPACK_IMPORTED_MODULE_5__.isEditingComponent)()) {
    return false;
  }
  const {
    containers = [args.container]
  } = args;
  const hasNonAtomicElement = containers.some(container => {
    if (!container) {
      return false;
    }
    const allElements = (0,_elementor_editor_elements__WEBPACK_IMPORTED_MODULE_1__.getAllDescendants)(container);
    return allElements.some(element => !(0,_elementor_editor_canvas__WEBPACK_IMPORTED_MODULE_0__.isAtomicWidget)(element));
  });
  if (hasNonAtomicElement) {
    (0,_elementor_editor_notifications__WEBPACK_IMPORTED_MODULE_2__.notify)(NON_ATOMIC_ELEMENT_ALERT);
  }
  return hasNonAtomicElement;
}
function blockNonAtomicPaste(args) {
  if (!(0,_utils_is_editing_component__WEBPACK_IMPORTED_MODULE_5__.isEditingComponent)()) {
    return false;
  }
  const {
    storageType
  } = args;
  if (storageType !== 'localstorage') {
    return false;
  }
  const data = window?.elementorCommon?.storage?.get();
  if (!data?.clipboard?.elements) {
    return false;
  }
  const hasNonAtomicElement = hasNonAtomicElementsInTree(data.clipboard.elements);
  if (hasNonAtomicElement) {
    (0,_elementor_editor_notifications__WEBPACK_IMPORTED_MODULE_2__.notify)(NON_ATOMIC_ELEMENT_ALERT);
  }
  return hasNonAtomicElement;
}
function hasNonAtomicElementsInTree(elements) {
  for (const element of elements) {
    const elementType = element.widgetType || element.elType;
    if (elementType && !isElementAtomic(elementType)) {
      return true;
    }
    if (element.elements?.length) {
      if (hasNonAtomicElementsInTree(element.elements)) {
        return true;
      }
    }
  }
  return false;
}
function findNonAtomicElements(elements) {
  const nonAtomicElements = [];
  for (const element of elements) {
    const elementType = element.widgetType || element.elType;
    if (elementType && !isElementAtomic(elementType)) {
      nonAtomicElements.push(elementType);
    }
    if (element.elements?.length) {
      nonAtomicElements.push(...findNonAtomicElements(element.elements));
    }
  }
  return [...new Set(nonAtomicElements)];
}
function findNonAtomicElementsInElement(element) {
  const nonAtomicElements = [];
  const elementType = element.widgetType || element.elType;
  if (elementType && !isElementAtomic(elementType)) {
    nonAtomicElements.push(elementType);
  }
  if (element.elements?.length) {
    for (const child of element.elements) {
      nonAtomicElements.push(...findNonAtomicElementsInElement(child));
    }
  }
  return [...new Set(nonAtomicElements)];
}

/***/ }),

/***/ "./packages/packages/pro/editor-components-extended/src/sync/revert-overridables-on-copy-or-duplicate.ts":
/*!***************************************************************************************************************!*\
  !*** ./packages/packages/pro/editor-components-extended/src/sync/revert-overridables-on-copy-or-duplicate.ts ***!
  \***************************************************************************************************************/
/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {

__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   initRevertOverridablesOnCopyOrDuplicate: function() { return /* binding */ initRevertOverridablesOnCopyOrDuplicate; }
/* 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 _utils_is_editing_component__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../utils/is-editing-component */ "./packages/packages/pro/editor-components-extended/src/utils/is-editing-component.ts");
/* harmony import */ var _utils_revert_overridable_settings__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../utils/revert-overridable-settings */ "./packages/packages/pro/editor-components-extended/src/utils/revert-overridable-settings.ts");



function initRevertOverridablesOnCopyOrDuplicate() {
  (0,_elementor_editor_v1_adapters__WEBPACK_IMPORTED_MODULE_0__.registerDataHook)('after', 'document/elements/duplicate', (_args, result) => {
    if (!(0,_utils_is_editing_component__WEBPACK_IMPORTED_MODULE_1__.isEditingComponent)()) {
      return;
    }
    revertOverridablesForDuplicatedElements(result);
  });
  (0,_elementor_editor_v1_adapters__WEBPACK_IMPORTED_MODULE_0__.registerDataHook)('after', 'document/elements/copy', args => {
    if (!(0,_utils_is_editing_component__WEBPACK_IMPORTED_MODULE_1__.isEditingComponent)()) {
      return;
    }
    revertOverridablesInStorage(args.storageKey ?? 'clipboard');
  });
}
function revertOverridablesForDuplicatedElements(duplicatedElements) {
  const containers = Array.isArray(duplicatedElements) ? duplicatedElements : [duplicatedElements];
  containers.forEach(container => {
    (0,_utils_revert_overridable_settings__WEBPACK_IMPORTED_MODULE_2__.revertAllOverridablesInContainer)(container);
  });
}
function revertOverridablesInStorage(storageKey) {
  const storage = window.elementorCommon?.storage;
  if (!storage) {
    return;
  }
  const storageData = storage.get(storageKey);
  if (!storageData?.elements?.length) {
    return;
  }
  const elementsDataWithOverridablesReverted = storageData.elements.map(_utils_revert_overridable_settings__WEBPACK_IMPORTED_MODULE_2__.revertAllOverridablesInElementData);
  storage.set(storageKey, {
    ...storageData,
    elements: elementsDataWithOverridablesReverted
  });
}

/***/ }),

/***/ "./packages/packages/pro/editor-components-extended/src/sync/sanitize-overridable-props.ts":
/*!*************************************************************************************************!*\
  !*** ./packages/packages/pro/editor-components-extended/src/sync/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 */   SanitizeOverridableProps: function() { return /* binding */ SanitizeOverridableProps; }
/* 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_components__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @elementor/editor-components */ "@elementor/editor-components");
/* harmony import */ var _elementor_editor_components__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_elementor_editor_components__WEBPACK_IMPORTED_MODULE_1__);
/* harmony import */ var _store_actions_delete_component_overridable_prop__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../store/actions/delete-component-overridable-prop */ "./packages/packages/pro/editor-components-extended/src/store/actions/delete-component-overridable-prop.ts");
/* harmony import */ var _store_actions_update_component_sanitized_attribute__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../store/actions/update-component-sanitized-attribute */ "./packages/packages/pro/editor-components-extended/src/store/actions/update-component-sanitized-attribute.ts");




function SanitizeOverridableProps() {
  const currentComponentId = (0,_elementor_editor_components__WEBPACK_IMPORTED_MODULE_1__.useCurrentComponentId)();
  const overridableProps = (0,_elementor_editor_components__WEBPACK_IMPORTED_MODULE_1__.useOverridableProps)(currentComponentId);
  const isSanitized = (0,_elementor_editor_components__WEBPACK_IMPORTED_MODULE_1__.useIsSanitizedComponent)(currentComponentId, 'overridableProps');
  (0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(() => {
    if (isSanitized || !overridableProps || !currentComponentId) {
      return;
    }
    const filtered = (0,_elementor_editor_components__WEBPACK_IMPORTED_MODULE_1__.filterValidOverridableProps)(overridableProps);
    const propsToDelete = Object.keys(overridableProps.props ?? {}).filter(key => !filtered.props[key]);
    if (propsToDelete.length > 0) {
      propsToDelete.forEach(key => {
        (0,_store_actions_delete_component_overridable_prop__WEBPACK_IMPORTED_MODULE_2__.deleteComponentOverridableProp)({
          componentId: currentComponentId,
          propKey: key,
          source: 'system'
        });
      });
    }
    (0,_store_actions_update_component_sanitized_attribute__WEBPACK_IMPORTED_MODULE_3__.updateComponentSanitizedAttribute)(currentComponentId, 'overridableProps');
  }, [currentComponentId, isSanitized, overridableProps]);
  return null;
}

/***/ }),

/***/ "./packages/packages/pro/editor-components-extended/src/sync/set-component-overridable-props-settings-before-save.ts":
/*!***************************************************************************************************************************!*\
  !*** ./packages/packages/pro/editor-components-extended/src/sync/set-component-overridable-props-settings-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 */   setComponentOverridablePropsSettingsBeforeSave: function() { return /* binding */ setComponentOverridablePropsSettingsBeforeSave; }
/* harmony export */ });
/* harmony import */ var _elementor_editor_components__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @elementor/editor-components */ "@elementor/editor-components");
/* harmony import */ var _elementor_editor_components__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_elementor_editor_components__WEBPACK_IMPORTED_MODULE_0__);
/* harmony import */ var _consts__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../consts */ "./packages/packages/pro/editor-components-extended/src/consts.ts");


const setComponentOverridablePropsSettingsBeforeSave = ({
  container
}) => {
  const currentDocument = container.document;
  if (!currentDocument || currentDocument.config.type !== _consts__WEBPACK_IMPORTED_MODULE_1__.COMPONENT_DOCUMENT_TYPE) {
    return;
  }
  const overridableProps = _elementor_editor_components__WEBPACK_IMPORTED_MODULE_0__.componentsSelectors.getOverridableProps(currentDocument.id);
  if (overridableProps) {
    container.settings.set('overridable_props', overridableProps);
  }
};

/***/ }),

/***/ "./packages/packages/pro/editor-components-extended/src/sync/update-archived-component-before-save.ts":
/*!************************************************************************************************************!*\
  !*** ./packages/packages/pro/editor-components-extended/src/sync/update-archived-component-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 */   updateArchivedComponentBeforeSave: function() { return /* binding */ updateArchivedComponentBeforeSave; }
/* harmony export */ });
/* harmony import */ var _elementor_editor_components__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @elementor/editor-components */ "@elementor/editor-components");
/* harmony import */ var _elementor_editor_components__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_elementor_editor_components__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__);


const failedNotification = message => ({
  type: 'error',
  message: `Failed to archive components: ${message}`,
  id: 'failed-archived-components-notification'
});
const updateArchivedComponentBeforeSave = async status => {
  try {
    const archivedComponents = _elementor_editor_components__WEBPACK_IMPORTED_MODULE_0__.componentsSelectors.getArchivedThisSession();
    if (!archivedComponents.length) {
      return;
    }
    const result = await _elementor_editor_components__WEBPACK_IMPORTED_MODULE_0__.apiClient.updateArchivedComponents(archivedComponents, status);
    const failedIds = result.failedIds.join(', ');
    if (failedIds) {
      (0,_elementor_editor_notifications__WEBPACK_IMPORTED_MODULE_1__.notify)(failedNotification(failedIds));
    }
  } catch (error) {
    throw new Error(`Failed to update archived components: ${error}`);
  }
};

/***/ }),

/***/ "./packages/packages/pro/editor-components-extended/src/sync/update-component-title-before-save.ts":
/*!*********************************************************************************************************!*\
  !*** ./packages/packages/pro/editor-components-extended/src/sync/update-component-title-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 */   updateComponentTitleBeforeSave: function() { return /* binding */ updateComponentTitleBeforeSave; }
/* harmony export */ });
/* harmony import */ var _elementor_editor_components__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @elementor/editor-components */ "@elementor/editor-components");
/* harmony import */ var _elementor_editor_components__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_elementor_editor_components__WEBPACK_IMPORTED_MODULE_0__);

const updateComponentTitleBeforeSave = async status => {
  const updatedComponentNames = _elementor_editor_components__WEBPACK_IMPORTED_MODULE_0__.componentsSelectors.getUpdatedComponentNames();
  if (!updatedComponentNames.length) {
    return;
  }
  const result = await _elementor_editor_components__WEBPACK_IMPORTED_MODULE_0__.apiClient.updateComponentTitle(updatedComponentNames, status);
  if (result.failedIds.length === 0) {
    _elementor_editor_components__WEBPACK_IMPORTED_MODULE_0__.componentsActions.cleanUpdatedComponentNames();
  }
};

/***/ }),

/***/ "./packages/packages/pro/editor-components-extended/src/utils/apply-overridables-to-elements.ts":
/*!******************************************************************************************************!*\
  !*** ./packages/packages/pro/editor-components-extended/src/utils/apply-overridables-to-elements.ts ***!
  \******************************************************************************************************/
/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {

__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   applyOverridablesToElements: function() { return /* binding */ applyOverridablesToElements; }
/* harmony export */ });
function applyOverridablesToElements(elements, overridableProps) {
  Object.values(overridableProps.props).forEach(prop => {
    const element = findElementById(elements, prop.elementId);
    if (!element?.settings) {
      return;
    }
    element.settings[prop.propKey] = {
      $$type: 'overridable',
      value: {
        override_key: prop.overrideKey,
        origin_value: element.settings[prop.propKey]
      }
    };
  });
}
function findElementById(elements, targetId) {
  for (const element of elements) {
    if (element.id === targetId) {
      return element;
    }
    if (element.elements) {
      const found = findElementById(element.elements, targetId);
      if (found) {
        return found;
      }
    }
  }
  return null;
}

/***/ }),

/***/ "./packages/packages/pro/editor-components-extended/src/utils/can-show-angie-elementor-promotion.ts":
/*!**********************************************************************************************************!*\
  !*** ./packages/packages/pro/editor-components-extended/src/utils/can-show-angie-elementor-promotion.ts ***!
  \**********************************************************************************************************/
/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {

__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   canShowAngieElementorPromotion: function() { return /* binding */ canShowAngieElementorPromotion; }
/* harmony export */ });
/* harmony import */ var _elementor_editor_mcp__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @elementor/editor-mcp */ "@elementor/editor-mcp");
/* harmony import */ var _elementor_editor_mcp__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_elementor_editor_mcp__WEBPACK_IMPORTED_MODULE_0__);

function canShowAngieElementorPromotion() {
  if ((0,_elementor_editor_mcp__WEBPACK_IMPORTED_MODULE_0__.isAngieAvailable)()) {
    return true;
  }
  return !!window.elementor?.config?.user?.is_administrator;
}

/***/ }),

/***/ "./packages/packages/pro/editor-components-extended/src/utils/component-form-schema.ts":
/*!*********************************************************************************************!*\
  !*** ./packages/packages/pro/editor-components-extended/src/utils/component-form-schema.ts ***!
  \*********************************************************************************************/
/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {

__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   MIN_NAME_LENGTH: function() { return /* binding */ MIN_NAME_LENGTH; },
/* harmony export */   createBaseComponentSchema: function() { return /* binding */ createBaseComponentSchema; },
/* harmony export */   createSubmitComponentSchema: function() { return /* binding */ createSubmitComponentSchema; }
/* harmony export */ });
/* harmony import */ var _elementor_schema__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @elementor/schema */ "@elementor/schema");
/* harmony import */ var _elementor_schema__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_elementor_schema__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__);


const MIN_NAME_LENGTH = 2;
const MAX_NAME_LENGTH = 50;
const baseComponentSchema = _elementor_schema__WEBPACK_IMPORTED_MODULE_0__.z.string().trim().max(MAX_NAME_LENGTH, (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_1__.__)('Component name is too long. Please keep it under 50 characters.', 'elementor-pro'));
const createBaseComponentSchema = existingNames => {
  return _elementor_schema__WEBPACK_IMPORTED_MODULE_0__.z.object({
    componentName: baseComponentSchema.refine(value => !existingNames.includes(value), {
      message: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_1__.__)('Component name already exists', 'elementor-pro')
    })
  });
};
const createSubmitComponentSchema = existingNames => {
  const baseSchema = createBaseComponentSchema(existingNames);
  return baseSchema.extend({
    componentName: baseSchema.shape.componentName.refine(value => value.length > 0, {
      message: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_1__.__)('Component name is required.', 'elementor-pro')
    }).refine(value => value.length >= MIN_NAME_LENGTH, {
      message: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_1__.__)('Component name is too short. Please enter at least 2 characters.', 'elementor-pro')
    })
  });
};

/***/ }),

/***/ "./packages/packages/pro/editor-components-extended/src/utils/component-name-validation.ts":
/*!*************************************************************************************************!*\
  !*** ./packages/packages/pro/editor-components-extended/src/utils/component-name-validation.ts ***!
  \*************************************************************************************************/
/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {

__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   validateComponentName: function() { return /* binding */ validateComponentName; }
/* harmony export */ });
/* harmony import */ var _elementor_editor_components__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @elementor/editor-components */ "@elementor/editor-components");
/* harmony import */ var _elementor_editor_components__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_elementor_editor_components__WEBPACK_IMPORTED_MODULE_0__);
/* harmony import */ var _component_form_schema__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./component-form-schema */ "./packages/packages/pro/editor-components-extended/src/utils/component-form-schema.ts");


function validateComponentName(label) {
  const existingComponentTitles = _elementor_editor_components__WEBPACK_IMPORTED_MODULE_0__.componentsSelectors.getComponents()?.map(({
    name
  }) => name) ?? [];
  const schema = (0,_component_form_schema__WEBPACK_IMPORTED_MODULE_1__.createSubmitComponentSchema)(existingComponentTitles);
  const result = schema.safeParse({
    componentName: label.toLowerCase()
  });
  if (result.success) {
    return {
      isValid: true,
      errorMessage: null
    };
  }
  const formattedErrors = result.error.format();
  const errorMessage = formattedErrors.componentName?._errors[0] ?? formattedErrors._errors[0];
  return {
    isValid: false,
    errorMessage
  };
}

/***/ }),

/***/ "./packages/packages/pro/editor-components-extended/src/utils/create-component-model.ts":
/*!**********************************************************************************************!*\
  !*** ./packages/packages/pro/editor-components-extended/src/utils/create-component-model.ts ***!
  \**********************************************************************************************/
/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {

__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   createComponentModel: function() { return /* binding */ createComponentModel; }
/* harmony export */ });
const createComponentModel = component => {
  return {
    elType: 'widget',
    widgetType: 'e-component',
    settings: {
      component_instance: {
        $$type: 'component-instance',
        value: {
          component_id: {
            $$type: 'number',
            value: component.id ?? component.uid
          }
        }
      }
    },
    editor_settings: {
      component_uid: component.uid
    }
  };
};

/***/ }),

/***/ "./packages/packages/pro/editor-components-extended/src/utils/get-container-for-new-element.ts":
/*!*****************************************************************************************************!*\
  !*** ./packages/packages/pro/editor-components-extended/src/utils/get-container-for-new-element.ts ***!
  \*****************************************************************************************************/
/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {

__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   getContainerForNewElement: function() { return /* binding */ getContainerForNewElement; }
/* 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 getContainerForNewElement = () => {
  const currentDocumentContainer = (0,_elementor_editor_elements__WEBPACK_IMPORTED_MODULE_0__.getCurrentDocumentContainer)();
  const selectedElement = getSelectedElementContainer();
  let container, options;
  if (selectedElement) {
    switch (selectedElement.model.get('elType')) {
      case 'widget':
        {
          container = selectedElement?.parent;
          const selectedElIndex = selectedElement.view?._index ?? -1;
          if (selectedElIndex > -1) {
            options = {
              at: selectedElIndex + 1
            };
          }
          break;
        }
      case 'section':
        {
          container = selectedElement?.children?.[0];
          break;
        }
      default:
        {
          container = selectedElement;
          break;
        }
    }
  }
  return {
    container: container ?? currentDocumentContainer,
    options
  };
};
function getSelectedElementContainer() {
  const selectedElements = (0,_elementor_editor_elements__WEBPACK_IMPORTED_MODULE_0__.getSelectedElements)();
  if (selectedElements.length !== 1) {
    return undefined;
  }
  return (0,_elementor_editor_elements__WEBPACK_IMPORTED_MODULE_0__.getContainer)(selectedElements[0].id);
}

/***/ }),

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

__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   isEditingComponent: function() { return /* binding */ isEditingComponent; }
/* harmony export */ });
/* harmony import */ var _elementor_editor_components__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @elementor/editor-components */ "@elementor/editor-components");
/* harmony import */ var _elementor_editor_components__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_elementor_editor_components__WEBPACK_IMPORTED_MODULE_0__);

function isEditingComponent() {
  return _elementor_editor_components__WEBPACK_IMPORTED_MODULE_0__.componentsSelectors.getCurrentComponentId() !== null;
}

/***/ }),

/***/ "./packages/packages/pro/editor-components-extended/src/utils/replace-element-with-component.ts":
/*!******************************************************************************************************!*\
  !*** ./packages/packages/pro/editor-components-extended/src/utils/replace-element-with-component.ts ***!
  \******************************************************************************************************/
/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {

__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   replaceElementWithComponent: function() { return /* binding */ replaceElementWithComponent; }
/* 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 _create_component_model__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./create-component-model */ "./packages/packages/pro/editor-components-extended/src/utils/create-component-model.ts");


const replaceElementWithComponent = (element, component) => {
  return (0,_elementor_editor_elements__WEBPACK_IMPORTED_MODULE_0__.replaceElement)({
    currentElementId: element.id,
    newElement: (0,_create_component_model__WEBPACK_IMPORTED_MODULE_1__.createComponentModel)(component),
    withHistory: false
  });
};

/***/ }),

/***/ "./packages/packages/pro/editor-components-extended/src/utils/revert-overridable-settings.ts":
/*!***************************************************************************************************!*\
  !*** ./packages/packages/pro/editor-components-extended/src/utils/revert-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 */   revertAllOverridablesInContainer: function() { return /* binding */ revertAllOverridablesInContainer; },
/* harmony export */   revertAllOverridablesInElementData: function() { return /* binding */ revertAllOverridablesInElementData; },
/* harmony export */   revertElementOverridableSetting: function() { return /* binding */ revertElementOverridableSetting; }
/* harmony export */ });
/* harmony import */ var _elementor_editor_components__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @elementor/editor-components */ "@elementor/editor-components");
/* harmony import */ var _elementor_editor_components__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_elementor_editor_components__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__);


function revertElementOverridableSetting(elementId, settingKey, originValue, overrideKey) {
  const container = (0,_elementor_editor_elements__WEBPACK_IMPORTED_MODULE_1__.getContainer)(elementId);
  if (!container) {
    return;
  }
  if ((0,_elementor_editor_components__WEBPACK_IMPORTED_MODULE_0__.isComponentInstance)(container.model.toJSON())) {
    revertComponentInstanceOverridableSetting(elementId, overrideKey);
    return;
  }
  (0,_elementor_editor_elements__WEBPACK_IMPORTED_MODULE_1__.updateElementSettings)({
    id: elementId,
    props: {
      [settingKey]: originValue ?? null
    },
    withHistory: false
  });
}
function revertComponentInstanceOverridableSetting(elementId, overrideKey) {
  const setting = (0,_elementor_editor_elements__WEBPACK_IMPORTED_MODULE_1__.getElementSetting)(elementId, 'component_instance');
  const componentInstance = _elementor_editor_components__WEBPACK_IMPORTED_MODULE_0__.componentInstancePropTypeUtil.extract(setting);
  const overrides = _elementor_editor_components__WEBPACK_IMPORTED_MODULE_0__.componentInstanceOverridesPropTypeUtil.extract(componentInstance?.overrides);
  if (!overrides?.length) {
    return;
  }
  const revertedOverrides = revertComponentInstanceOverrides(overrides, overrideKey);
  const updatedSetting = _elementor_editor_components__WEBPACK_IMPORTED_MODULE_0__.componentInstancePropTypeUtil.create({
    ...componentInstance,
    overrides: _elementor_editor_components__WEBPACK_IMPORTED_MODULE_0__.componentInstanceOverridesPropTypeUtil.create(revertedOverrides)
  });
  (0,_elementor_editor_elements__WEBPACK_IMPORTED_MODULE_1__.updateElementSettings)({
    id: elementId,
    props: {
      component_instance: updatedSetting
    },
    withHistory: false
  });
}
function revertComponentInstanceOverrides(overrides, filterByKey) {
  return overrides.map(item => {
    if (!_elementor_editor_components__WEBPACK_IMPORTED_MODULE_0__.componentOverridablePropTypeUtil.isValid(item)) {
      return item;
    }
    if (!_elementor_editor_components__WEBPACK_IMPORTED_MODULE_0__.componentInstanceOverridePropTypeUtil.isValid(item.value.origin_value)) {
      return null;
    }
    if (filterByKey && item.value.override_key !== filterByKey) {
      return item;
    }
    return item.value.origin_value;
  }).filter(item => item !== null);
}
function revertOverridablePropsFromSettings(settings) {
  let hasChanges = false;
  const revertedSettings = {};
  for (const [key, value] of Object.entries(settings)) {
    if (_elementor_editor_components__WEBPACK_IMPORTED_MODULE_0__.componentOverridablePropTypeUtil.isValid(value)) {
      revertedSettings[key] = value.value.origin_value;
      hasChanges = true;
    } else {
      revertedSettings[key] = value;
    }
  }
  return {
    hasChanges,
    settings: revertedSettings
  };
}
function revertAllOverridablesInElementData(elementData) {
  const revertedElement = {
    ...elementData
  };
  if ((0,_elementor_editor_components__WEBPACK_IMPORTED_MODULE_0__.isComponentInstance)({
    widgetType: elementData.widgetType,
    elType: elementData.elType
  })) {
    revertedElement.settings = revertComponentInstanceSettings(elementData.settings);
  } else if (revertedElement.settings) {
    const {
      settings
    } = revertOverridablePropsFromSettings(revertedElement.settings);
    revertedElement.settings = settings;
  }
  if (revertedElement.elements) {
    revertedElement.elements = revertedElement.elements.map(revertAllOverridablesInElementData);
  }
  return revertedElement;
}
function revertComponentInstanceSettings(settings) {
  if (!settings?.component_instance) {
    return settings;
  }
  const componentInstance = _elementor_editor_components__WEBPACK_IMPORTED_MODULE_0__.componentInstancePropTypeUtil.extract(settings.component_instance);
  const overrides = _elementor_editor_components__WEBPACK_IMPORTED_MODULE_0__.componentInstanceOverridesPropTypeUtil.extract(componentInstance?.overrides);
  if (!overrides?.length) {
    return settings;
  }
  const revertedOverrides = revertComponentInstanceOverrides(overrides);
  return {
    ...settings,
    component_instance: _elementor_editor_components__WEBPACK_IMPORTED_MODULE_0__.componentInstancePropTypeUtil.create({
      ...componentInstance,
      overrides: _elementor_editor_components__WEBPACK_IMPORTED_MODULE_0__.componentInstanceOverridesPropTypeUtil.create(revertedOverrides)
    })
  };
}
function revertAllOverridablesInContainer(container) {
  (0,_elementor_editor_elements__WEBPACK_IMPORTED_MODULE_1__.getAllDescendants)(container).forEach(element => {
    if (element.model.get('widgetType') === _elementor_editor_components__WEBPACK_IMPORTED_MODULE_0__.COMPONENT_WIDGET_TYPE) {
      revertComponentInstanceOverridesInElement(element);
    } else {
      revertElementSettings(element);
    }
  });
}
function revertComponentInstanceOverridesInElement(element) {
  const settings = element.settings?.toJSON() ?? {};
  const componentInstance = _elementor_editor_components__WEBPACK_IMPORTED_MODULE_0__.componentInstancePropTypeUtil.extract(settings.component_instance);
  const overrides = _elementor_editor_components__WEBPACK_IMPORTED_MODULE_0__.componentInstanceOverridesPropTypeUtil.extract(componentInstance?.overrides);
  if (!overrides?.length) {
    return;
  }
  const revertedOverrides = revertComponentInstanceOverrides(overrides);
  const updatedSetting = _elementor_editor_components__WEBPACK_IMPORTED_MODULE_0__.componentInstancePropTypeUtil.create({
    ...componentInstance,
    overrides: _elementor_editor_components__WEBPACK_IMPORTED_MODULE_0__.componentInstanceOverridesPropTypeUtil.create(revertedOverrides)
  });
  (0,_elementor_editor_elements__WEBPACK_IMPORTED_MODULE_1__.updateElementSettings)({
    id: element.id,
    props: {
      component_instance: updatedSetting
    },
    withHistory: false
  });
}
function revertElementSettings(element) {
  const settings = element.settings?.toJSON() ?? {};
  const {
    hasChanges,
    settings: revertedSettings
  } = revertOverridablePropsFromSettings(settings);
  if (!hasChanges) {
    return;
  }
  (0,_elementor_editor_elements__WEBPACK_IMPORTED_MODULE_1__.updateElementSettings)({
    id: element.id,
    props: revertedSettings,
    withHistory: false
  });
}

/***/ }),

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

module.exports = window["React"];

/***/ }),

/***/ "react-dom":
/*!*****************************!*\
  !*** external ["ReactDOM"] ***!
  \*****************************/
/***/ (function(module) {

module.exports = window["ReactDOM"];

/***/ }),

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

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

/***/ }),

/***/ "@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-components":
/*!***************************************************!*\
  !*** external ["elementorV2","editorComponents"] ***!
  \***************************************************/
/***/ (function(module) {

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

/***/ }),

/***/ "@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-mcp":
/*!********************************************!*\
  !*** external ["elementorV2","editorMcp"] ***!
  \********************************************/
/***/ (function(module) {

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

/***/ }),

/***/ "@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-templates-extended":
/*!**********************************************************!*\
  !*** external ["elementorV2","editorTemplatesExtended"] ***!
  \**********************************************************/
/***/ (function(module) {

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

/***/ }),

/***/ "@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/license-api":
/*!*********************************************!*\
  !*** external ["elementorV2","licenseApi"] ***!
  \*********************************************/
/***/ (function(module) {

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

/***/ }),

/***/ "@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"];

/***/ })

/******/ 	});
/************************************************************************/
/******/ 	// 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
/******/ 		if (!(moduleId in __webpack_modules__)) {
/******/ 			delete __webpack_module_cache__[moduleId];
/******/ 			var e = new Error("Cannot find module '" + moduleId + "'");
/******/ 			e.code = 'MODULE_NOT_FOUND';
/******/ 			throw e;
/******/ 		}
/******/ 		__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/pro/editor-components-extended/src/index.ts ***!
  \***********************************************************************/
__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   init: function() { return /* reexport safe */ _init__WEBPACK_IMPORTED_MODULE_0__.init; }
/* harmony export */ });
/* harmony import */ var _init__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./init */ "./packages/packages/pro/editor-components-extended/src/init.ts");

}();
(window.elementorV2 = window.elementorV2 || {}).editorComponentsExtended = __webpack_exports__;
/******/ })()
;
window.elementorV2.editorComponentsExtended?.init?.();
<!doctype html>
<html lang="en-US" class="no-js">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="profile" href="//gmpg.org/xfn/11">
    <title>The Evolution of Bonus Features in Online Slot Games: A Deep Dive &#8211; Toadak Homes and Investments</title>
<meta name='robots' content='max-image-preview:large' />
<link rel='dns-prefetch' href='//norediam.com' />
<link rel='dns-prefetch' href='//fonts.googleapis.com' />
<link href='https://fonts.gstatic.com' crossorigin rel='preconnect' />
<link rel="alternate" type="application/rss+xml" title="Toadak Homes and Investments &raquo; Feed" href="https://toadakproperties.com/feed/" />
<link rel="alternate" type="application/rss+xml" title="Toadak Homes and Investments &raquo; Comments Feed" href="https://toadakproperties.com/comments/feed/" />
<link rel="alternate" type="application/rss+xml" title="Toadak Homes and Investments &raquo; The Evolution of Bonus Features in Online Slot Games: A Deep Dive Comments Feed" href="https://toadakproperties.com/the-evolution-of-bonus-features-in-online-slot-games-a-deep-dive/feed/" />
<link rel="alternate" title="oEmbed (JSON)" type="application/json+oembed" href="https://toadakproperties.com/wp-json/oembed/1.0/embed?url=https%3A%2F%2Ftoadakproperties.com%2Fthe-evolution-of-bonus-features-in-online-slot-games-a-deep-dive%2F" />
<link rel="alternate" title="oEmbed (XML)" type="text/xml+oembed" href="https://toadakproperties.com/wp-json/oembed/1.0/embed?url=https%3A%2F%2Ftoadakproperties.com%2Fthe-evolution-of-bonus-features-in-online-slot-games-a-deep-dive%2F&#038;format=xml" />
<style id="wp-img-auto-sizes-contain-inline-css">
img:is([sizes=auto i],[sizes^="auto," i]){contain-intrinsic-size:3000px 1500px}
/*# sourceURL=wp-img-auto-sizes-contain-inline-css */
</style>

<link rel='stylesheet' id='opal-boostrap-css' href='https://toadakproperties.com/wp-content/themes/rehomes/assets/css/opal-boostrap.css?ver=7.1.3' media='all' />
<link rel='stylesheet' id='rehomes-style-css' href='https://toadakproperties.com/wp-content/themes/rehomes/style.css?ver=7.1.3' media='all' />
<style id="rehomes-style-inline-css">
body, input, button, button[type="submit"], select, textarea{font-family:"Be Vietnam", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;font-weight:300;color:#000000}html { }.c-heading{color:#173e62;}.c-primary{color:#0d502c;}.bg-primary{background-color:#0d502c;}.b-primary{border-color:#0d502c;}.button-primary:hover{background-color:#062313;border-color:#062313;}.c-secondary {color:#173e62;}.bg-secondary {background-color:#173e62;}.b-secondary{border-color:#173e62;}.button-secondary:hover{background-color:#0e243a;}input[type="text"]::placeholder,input[type="email"]::placeholder,input[type="url"]::placeholder,input[type="password"]::placeholder,input[type="search"]::placeholder,input[type="number"]::placeholder,input[type="tel"]::placeholder,input[type="range"]::placeholder,input[type="date"]::placeholder,input[type="month"]::placeholder,input[type="week"]::placeholder,input[type="time"]::placeholder,input[type="datetime"]::placeholder,input[type="datetime-local"]::placeholder,input[type="color"]::placeholder,input[type="text"],input[type="email"],input[type="url"],input[type="password"],input[type="search"],input[type="number"],input[type="tel"],input[type="range"],input[type="date"],input[type="month"],input[type="week"],input[type="time"],input[type="datetime"],input[type="datetime-local"],input[type="color"],textarea::placeholder,textarea,a,.mainmenu-container li a span,.comment-metadata,.comment-metadata a,.widget.widget_archive a,.widget.widget_categories a,.widget.widget_nav_menu a,.widget.widget_meta a,.widget.widget_pages a,.c-body,.comment-form-cookies-consent label,.site-header-account .account-links-menu li a,.site-header-account .account-dashboard li a,.comment-form a,.widget .tagcloud a,.widget.widget_tag_cloud a,.elementor-nav-menu--dropdown a,.elementor-search-form--skin-minimal .elementor-search-form__icon {color:#000000; }.widget-area strong,h1,h2,h3,h4,h5,h6,.h1,.h2,.single-portfolio-summary-meta-title,.h3,h3.entry-title,.related-posts .related-heading,.comments-title,.comment-respond .comment-reply-title,.h4,.h5,.single .navigation .nav-link a,h2.widget-title,h2.widgettitle,.h6,blockquote,th,.main-navigation .top-menu > li > a,.main-navigation:not(.navigation-dark) .top-menu > li > a,.mainmenu-container ul ul .menu-item > a,.entry-content blockquote cite a,.entry-content strong,.entry-content dt,.entry-content th,.entry-content dt a,.entry-content th a,.comment-content strong,.comment-author,.comment-author a,.comment-metadata a.comment-edit-link,.comment-content table th,.comment-content table td a,.comment-content dt,.elementor-element .elementor-widget-wp-widget-recent-posts .title-post a,.widget a,.widget_rss .rss-date,.widget_rss li cite,.c-heading,fieldset legend,.author-wrapper .author-name,.search .site-content .page-title,.site-header-account .login-form-title,.elementor-widget-opal-idx-search .flexmls_connect__search_new_title,.elementor-accordion .elementor-tab-title,.elementor-widget-call-to-action.elementor-button-default .elementor-cta__button,.elementor-featured-box-wrapper .elementor-featured-box-title,.elementor-widget-opal-image-hotspots .elementor-accordion .elementor-tab-title,.portfolio .portfolio-content .entry-title a,.elementor-price-table__currency,.elementor-price-table__integer-part,.elementor-price-table__feature-inner span.item-active,.elementor-price-table__period,.elementor-progress-percentage,.elementor-widget-progress .elementor-title,.elementor-teams-wrapper .elementor-team-name,.entry-title a,.single-portfolio-menu a {color:#173e62; }.elementor-widget-call-to-action.elementor-button-default .elementor-cta__button {border-bottom-color:#173e62; }.btn-link,.elementor-element .elementor-button-link .elementor-button,.button-link,.more-link-wrap a,.elementor-wpcf7-button-link input[type="button"][type="submit"],.elementor-wpcf7-button-link input[type="submit"],.elementor-wpcf7-button-link button[type="submit"],.mailchimp-button-link button,.mailchimp-button-link button[type="submit"],.button-underline,.elementor-element .elementor-button-underline .elementor-button,.wp-block-quote:before,.main-navigation .top-menu > li.current-menu-item a,.main-navigation .top-menu > li > a:hover,.mainmenu-container ul ul .menu-item > a:hover,.mainmenu-container ul ul .menu-item > a:active,.mainmenu-container ul ul .menu-item > a:focus,.mainmenu-container li.current-menu-parent > a,.mainmenu-container .menu-item > a:hover,.menu-toggle,.site-header .header-group .search-submit:hover,.site-header .header-group .search-submit:focus,.entry-meta a:hover,.more-link,.pbr-social-share a:hover,.single .navigation .nav-title,.error404 .error-404 .error-title,.breadcrumb a:hover,.breadcrumb a:hover span,.comment-author a:hover,.comment-metadata a:hover,.comment-reply-link,.elementor-element .elementor-widget-wp-widget-recent-posts .title-post a:hover,.widget a:hover,.widget a:focus,.widget.widget_archive a:hover,.widget.widget_archive a:focus,.widget.widget_categories a:hover,.widget.widget_categories a:focus,.widget.widget_nav_menu a:hover,.widget.widget_nav_menu a:focus,.widget.widget_meta a:hover,.widget.widget_meta a:focus,.widget.widget_pages a:hover,.widget.widget_pages a:focus,.title-with-icon:before,.widget_nav_menu a:hover,.widget_meta a:hover,.widget_pages a:hover,.widget_archive a:hover,.widget_categories a:hover,.widget .tagcloud a:hover,.widget .tagcloud a:focus,.widget.widget_tag_cloud a:hover,.widget.widget_tag_cloud a:focus,.button-outline-primary,.elementor-wpcf7-button-outline_primary input[type="button"],.elementor-wpcf7-button-outline_primary input[type="submit"],.elementor-wpcf7-button-outline_primary button[type="submit"],.mailchimp-button-outline_primary button,.mailchimp-button-outline_primary button[type="submit"],.elementor-element .elementor-button-outline_primary .elementor-button,.c-primary,.navigation-button .menu-toggle:hover,.navigation-button .menu-toggle:focus,.entry-header .entry-title a:hover,.entry-content blockquote cite a:hover,.site-header-account .account-dropdown a.register-link,.site-header-account .account-dropdown a.lostpass-link,.site-header-account .account-links-menu li a:hover,.site-header-account .account-dashboard li a:hover,.comment-form a:hover,.wp_widget_tag_cloud a:hover,.wp_widget_tag_cloud a:focus,#secondary .elementor-widget-container h5:first-of-type,.elementor-nav-menu-popup .mfp-close,#secondary .elementor-widget-wp-widget-recent-posts a,.elementor-accordion .elementor-tab-title.elementor-active,.elementor-awards-wrapper .elementor_awards_image,.elementor-awards-wrapper .elementor-years,.contactform-content .form-title,.elementor-widget-call-to-action.elementor-button-default .elementor-cta__button:hover,.elementor-widget-opal-countdown .elementor-countdown-digits,.elementor-counter .elementor-counter-number-wrapper span,.elementor-featured-box-wrapper i,.elementor-widget-heading .sub-title,.elementor-widget-icon-box.elementor-view-framed:hover .elementor-icon,.elementor-widget-icon-box.elementor-view-framed:not(:hover) .elementor-icon,.elementor-widget-icon-box.elementor-view-default:hover .elementor-icon,.elementor-widget-icon-box.elementor-view-default:not(:hover) .elementor-icon,.elementor-widget-icon-box:hover .elementor-icon-box-title,.elementor-widget.elementor-widget-icon-list .elementor-icon-list-item:hover i,.elementor-widget.elementor-widget-icon-list .elementor-icon-list-item:hover .elementor-icon-list-text,.elementor-widget-icon.elementor-view-default .elementor-icon,.elementor-widget-icon.elementor-view-framed .elementor-icon,.elementor-widget-opal-image-hotspots .elementor-accordion .elementor-tab-title.elementor-active,.mailchimp-button-default .mc4wp-form-fields button[type="submit"]:hover,.elementor-nav-menu--main.elementor-nav-menu--layout-horizontal .elementor-nav-menu a.elementor-sub-item.elementor-item-active,.elementor-nav-menu--main .elementor-item.highlighted,.elementor-nav-menu--main .elementor-item.elementor-item-active,.elementor-nav-menu--main .elementor-item:hover,.elementor-nav-menu--main .elementor-item:focus,.elementor-nav-menu--main .current-menu-ancestor .elementor-item.has-submenu,.elementor-nav-menu--main .current-menu-item .elementor-item,.elementor-nav-menu--popup .elementor-item.highlighted,.elementor-nav-menu--popup .elementor-item.elementor-item-active,.elementor-nav-menu--popup .elementor-item:hover,.elementor-nav-menu--popup .elementor-item:focus,.elementor-nav-menu--popup .elementor-nav-menu--dropdown a:hover,.elementor-nav-menu--popup .elementor-nav-menu--dropdown a.highlighted,.elementor-nav-menu--dropdown:not(.mega-menu) a:hover,.elementor-nav-menu--dropdown:not(.mega-menu) a.highlighted,.elementor-nav-menu--dropdown:not(.mega-menu) a.has-submenu,.elementor-menu-toggle:hover i,.elementor-menu-toggle:hover .menu-toggle-title,.elementor-phone i,.elementor-phone .elementor-phone-title,.elementor-phone .elementor-phone-subtitle,.portfolio .portfolio-content .entry-title a:hover,.portfolio .entry-category a:hover,.elementor-portfolio-style-overlay .portfolio .portfolio-content-inner .entry-category a:hover,.elementor-portfolio__filter:hover,.elementor-widget-opal-post-grid .column-item .entry-meta .posted-author a:hover,.elementor-button-default .elementor-button,.elementor-search-form .elementor-search-form__submit:hover,.elementor-search-form--skin-full_screen .elementor-search-form__toggle:hover,.elementor-widget-social-icons.elementor-social-custom .elementor-social-icon:hover i,.elementor-teams-wrapper .elementor-team-job,.elementor-teams-wrapper .team-icon-socials li:hover a,.elementor-video-icon {color:#0d502c; }.f-primary {fill:#0d502c; }.mainmenu-container li li a:before,.mp-level::-webkit-scrollbar-thumb,.page-numbers:not(ul):not(.dots):hover,.page-numbers:not(ul):not(.dots):focus,.page-numbers.current:not(ul):not(.dots),.comments-link span,.entry-categories a,.single .navigation > div:hover,.page-links a:hover .page-number,.page-links a:focus .page-number,.page-links > .page-number,.widget_nav_menu a:hover:before,.widget_meta a:hover:before,.widget_pages a:hover:before,.widget_archive a:hover:before,.widget_categories a:hover:before,.button-primary,input[type="reset"],input.secondary[type="button"],input.secondary[type="reset"],input.secondary[type="submit"],input[type="button"],input[type="submit"],button[type="submit"],.page .edit-link a.post-edit-link,.error404 .go-back,.scrollup,.comment-form .form-submit input[type="submit"],.elementor-wpcf7-button-primary input[type="button"][type="submit"],.elementor-wpcf7-button-primary input[type="submit"],.elementor-wpcf7-button-primary button[type="submit"],.mailchimp-button-primary button,.mailchimp-button-primary button[type="submit"],.button-default:hover,.search .link-more a:hover,.button-dark:hover,.elementor-element .elementor-button-dark .elementor-button:hover,.elementor-wpcf7-button-dark input:hover[type="submit"],.elementor-wpcf7-button-dark button:hover[type="submit"],.mailchimp-button-dark button:hover,.button-dark:active,.elementor-element .elementor-button-dark .elementor-button:active,.elementor-wpcf7-button-dark input:active[type="submit"],.elementor-wpcf7-button-dark button:active[type="submit"],.mailchimp-button-dark button:active,.button-dark:focus,.elementor-element .elementor-button-dark .elementor-button:focus,.elementor-wpcf7-button-dark input:focus[type="submit"],.elementor-wpcf7-button-dark button:focus[type="submit"],.mailchimp-button-dark button:focus,.button-light:hover,.elementor-element .elementor-button-light .elementor-button:hover,.elementor-wpcf7-button-light input:hover[type="submit"],.elementor-wpcf7-button-light button:hover[type="submit"],.mailchimp-button-light button:hover,.button-light:active,.elementor-element .elementor-button-light .elementor-button:active,.elementor-wpcf7-button-light input:active[type="submit"],.elementor-wpcf7-button-light button:active[type="submit"],.mailchimp-button-light button:active,.button-light:focus,.elementor-element .elementor-button-light .elementor-button:focus,.elementor-wpcf7-button-light input:focus[type="submit"],.elementor-wpcf7-button-light button:focus[type="submit"],.mailchimp-button-light button:focus,.elementor-element .elementor-button-primary .elementor-button,.button-outline-primary:hover,.elementor-wpcf7-button-outline_primary input:hover[type="button"],.elementor-wpcf7-button-outline_primary input:hover[type="submit"],.elementor-wpcf7-button-outline_primary button:hover[type="submit"],.mailchimp-button-outline_primary button:hover,.button-outline-primary:active,.elementor-wpcf7-button-outline_primary input:active[type="button"],.elementor-wpcf7-button-outline_primary input:active[type="submit"],.elementor-wpcf7-button-outline_primary button:active[type="submit"],.mailchimp-button-outline_primary button:active,.button-outline-primary.active,.elementor-wpcf7-button-outline_primary input.active[type="button"],.elementor-wpcf7-button-outline_primary input.active[type="submit"],.elementor-wpcf7-button-outline_primary button.active[type="submit"],.mailchimp-button-outline_primary button.active,.show > .button-outline-primary.dropdown-toggle,.elementor-wpcf7-button-outline_primary .show > input.dropdown-toggle[type="button"],.elementor-wpcf7-button-outline_primary .show > input.dropdown-toggle[type="submit"],.elementor-wpcf7-button-outline_primary .show > button.dropdown-toggle[type="submit"],.mailchimp-button-outline_primary .show > button.dropdown-toggle,.elementor-element .elementor-button-outline_primary .elementor-button:hover,.elementor-element .elementor-button-outline_primary .elementor-button:active,.elementor-element .elementor-button-outline_primary .elementor-button:focus,.bg-primary,.owl-theme.owl-carousel .owl-nav [class*='owl-']:hover:before,.owl-theme .products .owl-nav [class*='owl-']:hover:before,.owl-theme.owl-carousel .owl-dots .owl-dot:hover,.owl-theme.owl-carousel .owl-dots .owl-dot.active,.owl-theme .products .owl-dots .owl-dot:hover,.owl-theme .products .owl-dots .owl-dot.active,.elementor-widget-divider .elementor-divider-separator:before,.elementor-flip-box__front,.elementor-widget-icon-box.elementor-view-stacked:hover .elementor-icon,.elementor-widget-icon-box.elementor-view-stacked:not(:hover) .elementor-icon,.elementor-widget-icon.elementor-view-stacked .elementor-icon,.elementor-widget-opal-idx-search input.flexmls_connect__search_new_submit[type=submit],.elementor-widget-opal-image-hotspots .scrollbar-inner > .scroll-element .scroll-bar,.opal-image-hotspots-main-icons .opal-image-hotspots-icon,.elementor-widget-opal-image-gallery .gallery-item-overlay,.elementor-nav-menu--main.elementor-nav-menu--layout-horizontal:not(.e--pointer-framed) .elementor-nav-menu > li.current-menu-parent > a:before,.elementor-nav-menu--main.elementor-nav-menu--layout-horizontal:not(.e--pointer-framed) .elementor-nav-menu > li.current-menu-parent > a:after,.elementor-nav-menu--main.e--pointer-dot .elementor-item.elementor-item-active:before,.elementor-nav-menu--main.e--pointer-dot .elementor-item:not(:hover):before,.elementor-nav-menu--main.e--pointer-dot .elementor-item:hover:before,.elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item.elementor-item-active:before,.elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item.elementor-item-active:after,.elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:before,.elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:after,.elementor-nav-menu--popup.e--pointer-dot .elementor-item.elementor-item-active:before,.elementor-nav-menu--popup.e--pointer-dot .elementor-item:hover:before,.e--pointer-dot .elementor-item:before,.e--pointer-underline .elementor-item .menu-title:before,.e--pointer-underline .elementor-item .menu-title:after,.elementor-nav-menu--main.e--pointer-sub-line .elementor-sub-item:before,.elementor-phone-style2 .elementor-phone,.portfolio .line,.elementor-widget-opal-post-grid .column-item .cat-links a,.elementor-progress-bar,.elementor-widget-opal-tabs.elementor-tabs-view-horizontal .elementor-tab-title:not(:last-child):before {background-color:#0d502c; }.button-primary,input[type="reset"],input.secondary[type="button"],input.secondary[type="reset"],input.secondary[type="submit"],input[type="button"],input[type="submit"],button[type="submit"],.page .edit-link a.post-edit-link,.error404 .go-back,.scrollup,.comment-form .form-submit input[type="submit"],.elementor-wpcf7-button-primary input[type="button"][type="submit"],.elementor-wpcf7-button-primary input[type="submit"],.elementor-wpcf7-button-primary button[type="submit"],.mailchimp-button-primary button,.mailchimp-button-primary button[type="submit"],.button-secondary,.secondary-button .search-submit,.elementor-wpcf7-button-secondary input[type="button"][type="submit"],.elementor-wpcf7-button-secondary input[type="submit"],.elementor-wpcf7-button-secondary button[type="submit"],.mailchimp-button-secondary button,.mailchimp-button-secondary button[type="submit"],.button-underline,.elementor-element .elementor-button-underline .elementor-button,.form-control:focus,input[type="text"]:focus,input[type="email"]:focus,input[type="url"]:focus,input[type="password"]:focus,input[type="search"]:focus,input[type="number"]:focus,input[type="tel"]:focus,input[type="range"]:focus,input[type="date"]:focus,input[type="month"]:focus,input[type="week"]:focus,input[type="time"]:focus,input[type="datetime"]:focus,input[type="datetime-local"]:focus,input[type="color"]:focus,textarea:focus,.more-link-wrap a,.single .navigation > div:hover,.widget .tagcloud a:hover,.widget .tagcloud a:focus,.widget.widget_tag_cloud a:hover,.widget.widget_tag_cloud a:focus,.wp_widget_tag_cloud a:hover,.wp_widget_tag_cloud a:focus,.button-default:hover,.search .link-more a:hover,.button-dark:hover,.elementor-element .elementor-button-dark .elementor-button:hover,.elementor-wpcf7-button-dark input:hover[type="submit"],.elementor-wpcf7-button-dark button:hover[type="submit"],.mailchimp-button-dark button:hover,.button-dark:active,.elementor-element .elementor-button-dark .elementor-button:active,.elementor-wpcf7-button-dark input:active[type="submit"],.elementor-wpcf7-button-dark button:active[type="submit"],.mailchimp-button-dark button:active,.button-dark:focus,.elementor-element .elementor-button-dark .elementor-button:focus,.elementor-wpcf7-button-dark input:focus[type="submit"],.elementor-wpcf7-button-dark button:focus[type="submit"],.mailchimp-button-dark button:focus,.button-light:hover,.elementor-element .elementor-button-light .elementor-button:hover,.elementor-wpcf7-button-light input:hover[type="submit"],.elementor-wpcf7-button-light button:hover[type="submit"],.mailchimp-button-light button:hover,.button-light:active,.elementor-element .elementor-button-light .elementor-button:active,.elementor-wpcf7-button-light input:active[type="submit"],.elementor-wpcf7-button-light button:active[type="submit"],.mailchimp-button-light button:active,.button-light:focus,.elementor-element .elementor-button-light .elementor-button:focus,.elementor-wpcf7-button-light input:focus[type="submit"],.elementor-wpcf7-button-light button:focus[type="submit"],.mailchimp-button-light button:focus,.elementor-element .elementor-button-primary .elementor-button,.button-outline-primary,.elementor-wpcf7-button-outline_primary input[type="button"],.elementor-wpcf7-button-outline_primary input[type="submit"],.elementor-wpcf7-button-outline_primary button[type="submit"],.mailchimp-button-outline_primary button,.mailchimp-button-outline_primary button[type="submit"],.elementor-element .elementor-button-outline_primary .elementor-button,.button-outline-primary:hover,.elementor-wpcf7-button-outline_primary input:hover[type="button"],.elementor-wpcf7-button-outline_primary input:hover[type="submit"],.elementor-wpcf7-button-outline_primary button:hover[type="submit"],.mailchimp-button-outline_primary button:hover,.button-outline-primary:active,.elementor-wpcf7-button-outline_primary input:active[type="button"],.elementor-wpcf7-button-outline_primary input:active[type="submit"],.elementor-wpcf7-button-outline_primary button:active[type="submit"],.mailchimp-button-outline_primary button:active,.button-outline-primary.active,.elementor-wpcf7-button-outline_primary input.active[type="button"],.elementor-wpcf7-button-outline_primary input.active[type="submit"],.elementor-wpcf7-button-outline_primary button.active[type="submit"],.mailchimp-button-outline_primary button.active,.show > .button-outline-primary.dropdown-toggle,.elementor-wpcf7-button-outline_primary .show > input.dropdown-toggle[type="button"],.elementor-wpcf7-button-outline_primary .show > input.dropdown-toggle[type="submit"],.elementor-wpcf7-button-outline_primary .show > button.dropdown-toggle[type="submit"],.mailchimp-button-outline_primary .show > button.dropdown-toggle,.elementor-element .elementor-button-outline_primary .elementor-button:hover,.elementor-element .elementor-button-outline_primary .elementor-button:active,.elementor-element .elementor-button-outline_primary .elementor-button:focus,.b-primary,.owl-theme.owl-carousel .owl-nav [class*='owl-']:hover:before,.owl-theme .products .owl-nav [class*='owl-']:hover:before,.elementor-widget-icon-box.elementor-view-framed:hover .elementor-icon,.elementor-widget-icon-box.elementor-view-framed:not(:hover) .elementor-icon,.elementor-widget-icon.elementor-view-default .elementor-icon,.elementor-widget-icon.elementor-view-framed .elementor-icon,.elementor-widget-opal-image-gallery .elementor-galerry__filter.elementor-active,.mc4wp-form-fields:focus-within,.e--pointer-framed .elementor-item.elementor-item-active:before,.e--pointer-framed .elementor-item.elementor-item-active:after,.e--pointer-framed .elementor-item:before,.e--pointer-framed .elementor-item:after,.elementor-nav-menu--main > .elementor-nav-menu,.elementor-nav-menu--main .elementor-nav-menu ul,ul.elementor-price-table__features-list,.elementor-search-form__container:not(.elementor-search-form--full-screen):focus-within,.elementor-search-form--skin-full_screen .elementor-search-form__toggle:hover,.elementor-widget-opal-testimonials .elementor-testimonial-rule,.elementor-widget-opal-testimonials .layout_2 .elementor-testimonial-rule {border-color:#0d502c; }.elementor-widget-call-to-action.elementor-button-default .elementor-cta__button:hover,.elementor-nav-menu--layout-horizontal .elementor-nav-menu li.menu-item-has-children:before,.elementor-nav-menu--layout-horizontal .elementor-nav-menu li.has-mega-menu:before {border-bottom-color:#0d502c; }.btn-link:focus,.elementor-element .elementor-button-link .elementor-button:focus,.btn-link:hover,.elementor-element .elementor-button-link .elementor-button:hover,.button-link:focus,.more-link-wrap a:focus,.elementor-wpcf7-button-link input:focus[type="submit"],.elementor-wpcf7-button-link button:focus[type="submit"],.mailchimp-button-link button:focus,.button-link:hover,.elementor-wpcf7-button-link input:hover[type="submit"],.elementor-wpcf7-button-link button:hover[type="submit"],.mailchimp-button-link button:hover,.button-underline:focus,.elementor-element .elementor-button-underline .elementor-button:focus,.button-underline:hover,.elementor-element .elementor-button-underline .elementor-button:hover,a:hover,a:active,.widget_search button[type="submit"]:hover,.widget_search button[type="submit"]:focus,.elementor-phone:hover i,.elementor-phone:hover .elementor-phone-title,.elementor-phone:hover .elementor-phone-subtitle {color:#062313; }.error404 .return-home:hover,.button-primary:hover,input:hover[type="reset"],input:hover[type="button"],input:hover[type="submit"],button:hover[type="submit"],.page .edit-link a.post-edit-link:hover,.error404 .go-back:hover,.scrollup:hover,.comment-form .form-submit input:hover[type="submit"],.elementor-wpcf7-button-primary input:hover[type="submit"],.elementor-wpcf7-button-primary button:hover[type="submit"],.mailchimp-button-primary button:hover,.button-primary:active,input:active[type="reset"],input:active[type="button"],input:active[type="submit"],button:active[type="submit"],.page .edit-link a.post-edit-link:active,.error404 .go-back:active,.scrollup:active,.comment-form .form-submit input:active[type="submit"],.elementor-wpcf7-button-primary input:active[type="submit"],.elementor-wpcf7-button-primary button:active[type="submit"],.mailchimp-button-primary button:active,.button-primary.active,input.active[type="reset"],input.active[type="button"],input.active[type="submit"],button.active[type="submit"],.page .edit-link a.active.post-edit-link,.error404 .active.go-back,.active.scrollup,.comment-form .form-submit input.active[type="submit"],.elementor-wpcf7-button-primary input.active[type="submit"],.elementor-wpcf7-button-primary button.active[type="submit"],.mailchimp-button-primary button.active,.show > .button-primary.dropdown-toggle,.show > input.dropdown-toggle[type="reset"],.show > input.dropdown-toggle[type="button"],.show > input.dropdown-toggle[type="submit"],.show > button.dropdown-toggle[type="submit"],.page .edit-link .show > a.dropdown-toggle.post-edit-link,.error404 .show > .dropdown-toggle.go-back,.show > .dropdown-toggle.scrollup,.comment-form .form-submit .show > input.dropdown-toggle[type="submit"],.elementor-wpcf7-button-primary .show > input.dropdown-toggle[type="submit"],.elementor-wpcf7-button-primary .show > button.dropdown-toggle[type="submit"],.mailchimp-button-primary .show > button.dropdown-toggle,.elementor-element .elementor-button-primary .elementor-button:hover,.elementor-element .elementor-button-primary .elementor-button:active,.elementor-element .elementor-button-primary .elementor-button:focus,.elementor-phone-style2 .elementor-phone:hover,.elementor-widget-opal-post-grid .column-item .cat-links a:hover {background-color:#062313; }.button-primary:active,input:active[type="reset"],input:active[type="button"],input:active[type="submit"],button:active[type="submit"],.page .edit-link a.post-edit-link:active,.error404 .go-back:active,.scrollup:active,.comment-form .form-submit input:active[type="submit"],.elementor-wpcf7-button-primary input:active[type="submit"],.elementor-wpcf7-button-primary button:active[type="submit"],.mailchimp-button-primary button:active,.button-primary.active,input.active[type="reset"],input.active[type="button"],input.active[type="submit"],button.active[type="submit"],.page .edit-link a.active.post-edit-link,.error404 .active.go-back,.active.scrollup,.comment-form .form-submit input.active[type="submit"],.elementor-wpcf7-button-primary input.active[type="submit"],.elementor-wpcf7-button-primary button.active[type="submit"],.mailchimp-button-primary button.active,.show > .button-primary.dropdown-toggle,.show > input.dropdown-toggle[type="reset"],.show > input.dropdown-toggle[type="button"],.show > input.dropdown-toggle[type="submit"],.show > button.dropdown-toggle[type="submit"],.page .edit-link .show > a.dropdown-toggle.post-edit-link,.error404 .show > .dropdown-toggle.go-back,.show > .dropdown-toggle.scrollup,.comment-form .form-submit .show > input.dropdown-toggle[type="submit"],.elementor-wpcf7-button-primary .show > input.dropdown-toggle[type="submit"],.elementor-wpcf7-button-primary .show > button.dropdown-toggle[type="submit"],.mailchimp-button-primary .show > button.dropdown-toggle,.button-secondary:active,.secondary-button .search-submit:active,.elementor-wpcf7-button-secondary input:active[type="submit"],.elementor-wpcf7-button-secondary button:active[type="submit"],.mailchimp-button-secondary button:active,.button-secondary.active,.secondary-button .active.search-submit,.elementor-wpcf7-button-secondary input.active[type="submit"],.elementor-wpcf7-button-secondary button.active[type="submit"],.mailchimp-button-secondary button.active,.show > .button-secondary.dropdown-toggle,.secondary-button .show > .dropdown-toggle.search-submit,.elementor-wpcf7-button-secondary .show > input.dropdown-toggle[type="submit"],.elementor-wpcf7-button-secondary .show > button.dropdown-toggle[type="submit"],.mailchimp-button-secondary .show > button.dropdown-toggle,.button-underline:hover,.elementor-element .elementor-button-underline .elementor-button:hover,.error404 .return-home:hover,.button-primary:hover,input:hover[type="reset"],input:hover[type="button"],input:hover[type="submit"],button:hover[type="submit"],.page .edit-link a.post-edit-link:hover,.error404 .go-back:hover,.scrollup:hover,.comment-form .form-submit input:hover[type="submit"],.elementor-wpcf7-button-primary input:hover[type="submit"],.elementor-wpcf7-button-primary button:hover[type="submit"],.mailchimp-button-primary button:hover,.elementor-element .elementor-button-primary .elementor-button:hover,.elementor-element .elementor-button-primary .elementor-button:active,.elementor-element .elementor-button-primary .elementor-button:focus {border-color:#062313; }.button-outline-secondary,.elementor-wpcf7-button-outline_secondary input[type="button"][type="submit"],.elementor-wpcf7-button-outline_secondary input[type="submit"],.elementor-wpcf7-button-outline_secondary button[type="submit"],.mailchimp-button-outline_secondary button,.mailchimp-button-outline_secondary button[type="submit"],.elementor-element .elementor-button-outline_secondary .elementor-button,.c-secondary,.author-wrapper .author-name h6,.contactform-content button.mfp-close,.elementor-widget-opal-building_carousel .elementor-icon {color:#173e62; }.f-secondary {fill:#173e62; }.button-secondary,.secondary-button .search-submit,.elementor-wpcf7-button-secondary input[type="button"][type="submit"],.elementor-wpcf7-button-secondary input[type="submit"],.elementor-wpcf7-button-secondary button[type="submit"],.mailchimp-button-secondary button,.mailchimp-button-secondary button[type="submit"],.elementor-button-secondary button[type="submit"],.elementor-button-secondary input[type="button"],.elementor-button-secondary input[type="submit"],.elementor-element .elementor-button-secondary .elementor-button,.button-outline-secondary:hover,.elementor-wpcf7-button-outline_secondary input:hover[type="submit"],.elementor-wpcf7-button-outline_secondary button:hover[type="submit"],.mailchimp-button-outline_secondary button:hover,.button-outline-secondary:active,.elementor-wpcf7-button-outline_secondary input:active[type="submit"],.elementor-wpcf7-button-outline_secondary button:active[type="submit"],.mailchimp-button-outline_secondary button:active,.button-outline-secondary.active,.elementor-wpcf7-button-outline_secondary input.active[type="submit"],.elementor-wpcf7-button-outline_secondary button.active[type="submit"],.mailchimp-button-outline_secondary button.active,.show > .button-outline-secondary.dropdown-toggle,.elementor-wpcf7-button-outline_secondary .show > input.dropdown-toggle[type="submit"],.elementor-wpcf7-button-outline_secondary .show > button.dropdown-toggle[type="submit"],.mailchimp-button-outline_secondary .show > button.dropdown-toggle,.elementor-element .elementor-button-outline_secondary .elementor-button:hover,.elementor-element .elementor-button-outline_secondary .elementor-button:active,.elementor-element .elementor-button-outline_secondary .elementor-button:focus,.bg-secondary,#secondary .elementor-widget-wp-widget-categories a:before,.elementor-awards-wrapper.awards-style-2 .elementor-content-item-inner:hover .elementor_awards_image,.elementor-cta,.elementor-flip-box__back,.portfolio .portfolio-post-thumbnail {background-color:#173e62; }.button-secondary,.secondary-button .search-submit,.elementor-wpcf7-button-secondary input[type="button"][type="submit"],.elementor-wpcf7-button-secondary input[type="submit"],.elementor-wpcf7-button-secondary button[type="submit"],.mailchimp-button-secondary button,.mailchimp-button-secondary button[type="submit"],.elementor-button-secondary button[type="submit"],.elementor-button-secondary input[type="button"],.elementor-button-secondary input[type="submit"],.elementor-element .elementor-button-secondary .elementor-button,.button-outline-secondary,.elementor-wpcf7-button-outline_secondary input[type="button"][type="submit"],.elementor-wpcf7-button-outline_secondary input[type="submit"],.elementor-wpcf7-button-outline_secondary button[type="submit"],.mailchimp-button-outline_secondary button,.mailchimp-button-outline_secondary button[type="submit"],.elementor-element .elementor-button-outline_secondary .elementor-button,.button-outline-secondary:hover,.elementor-wpcf7-button-outline_secondary input:hover[type="submit"],.elementor-wpcf7-button-outline_secondary button:hover[type="submit"],.button-outline-secondary:active,.elementor-wpcf7-button-outline_secondary input:active[type="submit"],.elementor-wpcf7-button-outline_secondary button:active[type="submit"],.button-outline-secondary.active,.elementor-wpcf7-button-outline_secondary input.active[type="submit"],.elementor-wpcf7-button-outline_secondary button.active[type="submit"],.show > .button-outline-secondary.dropdown-toggle,.elementor-wpcf7-button-outline_secondary .show > input.dropdown-toggle[type="submit"],.elementor-wpcf7-button-outline_secondary .show > button.dropdown-toggle[type="submit"],.mailchimp-button-outline_secondary .show > button.dropdown-toggle,.elementor-element .elementor-button-outline_secondary .elementor-button:hover,.elementor-element .elementor-button-outline_secondary .elementor-button:active,.elementor-element .elementor-button-outline_secondary .elementor-button:focus,.b-secondary {border-color:#173e62; }.button-secondary:hover,.secondary-button .search-submit:hover,.elementor-wpcf7-button-secondary input:hover[type="submit"],.elementor-wpcf7-button-secondary button:hover[type="submit"],.mailchimp-button-secondary button:hover,.button-secondary:active,.secondary-button .search-submit:active,.elementor-wpcf7-button-secondary input:active[type="submit"],.elementor-wpcf7-button-secondary button:active[type="submit"],.mailchimp-button-secondary button:active,.button-secondary.active,.secondary-button .active.search-submit,.elementor-wpcf7-button-secondary input.active[type="submit"],.elementor-wpcf7-button-secondary button.active[type="submit"],.mailchimp-button-secondary button.active,.show > .button-secondary.dropdown-toggle,.secondary-button .show > .dropdown-toggle.search-submit,.elementor-wpcf7-button-secondary .show > input.dropdown-toggle[type="submit"],.elementor-wpcf7-button-secondary .show > button.dropdown-toggle[type="submit"],.mailchimp-button-secondary .show > button.dropdown-toggle,.elementor-button-secondary button[type="submit"]:hover,.elementor-button-secondary button[type="submit"]:active,.elementor-button-secondary button[type="submit"]:focus,.elementor-button-secondary input[type="button"]:hover,.elementor-button-secondary input[type="button"]:active,.elementor-button-secondary input[type="button"]:focus,.elementor-button-secondary input[type="submit"]:hover,.elementor-button-secondary input[type="submit"]:active,.elementor-button-secondary input[type="submit"]:focus,.elementor-element .elementor-button-secondary .elementor-button:hover,.elementor-element .elementor-button-secondary .elementor-button:active,.elementor-element .elementor-button-secondary .elementor-button:focus {background-color:#0e243a; }.button-secondary:hover,.secondary-button .search-submit:hover,.elementor-wpcf7-button-secondary input:hover[type="submit"],.elementor-wpcf7-button-secondary button:hover[type="submit"],.mailchimp-button-secondary button:hover,.button-secondary:active,.secondary-button .search-submit:active,.elementor-wpcf7-button-secondary input:active[type="submit"],.elementor-wpcf7-button-secondary button:active[type="submit"],.mailchimp-button-secondary button:active,.button-secondary.active,.secondary-button .active.search-submit,.elementor-wpcf7-button-secondary input.active[type="submit"],.elementor-wpcf7-button-secondary button.active[type="submit"],.mailchimp-button-secondary button.active,.show > .button-secondary.dropdown-toggle,.secondary-button .show > .dropdown-toggle.search-submit,.elementor-wpcf7-button-secondary .show > input.dropdown-toggle[type="submit"],.elementor-wpcf7-button-secondary .show > button.dropdown-toggle[type="submit"],.mailchimp-button-secondary .show > button.dropdown-toggle,.elementor-button-secondary button[type="submit"]:hover,.elementor-button-secondary button[type="submit"]:active,.elementor-button-secondary button[type="submit"]:focus,.elementor-button-secondary input[type="button"]:hover,.elementor-button-secondary input[type="button"]:active,.elementor-button-secondary input[type="button"]:focus,.elementor-button-secondary input[type="submit"]:hover,.elementor-button-secondary input[type="submit"]:active,.elementor-button-secondary input[type="submit"]:focus,.elementor-element .elementor-button-secondary .elementor-button:hover,.elementor-element .elementor-button-secondary .elementor-button:active,.elementor-element .elementor-button-secondary .elementor-button:focus {border-color:#0e243a; }.row,body.opal-default-content-layout-2cr #content .wrap,body.opal-content-layout-2cl #content .wrap,body.opal-content-layout-2cr #content .wrap,[data-opal-columns],.opal-archive-style-4.blog .site-main,.opal-archive-style-4.archive .site-main,.site-footer .widget-area,.comment-form,.widget .gallery,.elementor-element .gallery,.entry-gallery .gallery,.single .gallery,[data-elementor-columns],.project-group,.form-project {margin-right:-15px;margin-left:-15px;}.col-1,.col-2,[data-elementor-columns-mobile="6"] .column-item,.col-3,[data-elementor-columns-mobile="4"] .column-item,.col-4,[data-elementor-columns-mobile="3"] .column-item,.col-5,.col-6,[data-elementor-columns-mobile="2"] .column-item,.col-7,.col-8,.col-9,.col-10,.col-11,.col-12,.related-posts .column-item,.opal-default-content-layout-2cr .related-posts .column-item,.opal-content-layout-2cr .related-posts .column-item,.opal-content-layout-2cl .related-posts .column-item,.site-footer .widget-area .widget-column,.comment-form > p,.comment-form > .comment-form-rating,.widget .gallery-columns-1 .gallery-item,.elementor-element .gallery-columns-1 .gallery-item,.entry-gallery .gallery-columns-1 .gallery-item,.single .gallery-columns-1 .gallery-item,[data-elementor-columns-mobile="1"] .column-item,.col,body #secondary,.column-item,.col-auto,.col-sm-1,[data-opal-columns="12"] .column-item,.col-sm-2,[data-opal-columns="6"] .column-item,.col-sm-3,[data-opal-columns="4"] .column-item,.col-sm-4,[data-opal-columns="3"] .column-item,.comment-form .comment-form-email,.comment-form .comment-form-url,.comment-form .comment-form-author,.widget .gallery-columns-6 .gallery-item,.elementor-element .gallery-columns-6 .gallery-item,.entry-gallery .gallery-columns-6 .gallery-item,.single .gallery-columns-6 .gallery-item,.col-sm-5,.col-sm-6,[data-opal-columns="2"] .column-item,.opal-archive-style-2 .column-item,.opal-archive-style-5 .column-item,.opal-archive-style-4 .column-item,.opal-archive-style-3 .column-item,.widget .gallery-columns-2 .gallery-item,.elementor-element .gallery-columns-2 .gallery-item,.entry-gallery .gallery-columns-2 .gallery-item,.single .gallery-columns-2 .gallery-item,.widget .gallery-columns-3 .gallery-item,.elementor-element .gallery-columns-3 .gallery-item,.entry-gallery .gallery-columns-3 .gallery-item,.single .gallery-columns-3 .gallery-item,.widget .gallery-columns-4 .gallery-item,.elementor-element .gallery-columns-4 .gallery-item,.entry-gallery .gallery-columns-4 .gallery-item,.single .gallery-columns-4 .gallery-item,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-10,.col-sm-11,.col-sm-12,[data-opal-columns="1"] .column-item,.opal-archive-style-2.opal-content-layout-2cr .column-item,.opal-archive-style-5.opal-content-layout-2cr .column-item,.opal-archive-style-4.opal-content-layout-2cr .column-item,.opal-archive-style-3.opal-content-layout-2cr .column-item,.elementor-widget-opal-image-hotspots .opal-image-hotspots-accordion,.elementor-widget-opal-image-hotspots .opal-image-hotspots-accordion + .opal-image-hotspots-container,.col-sm,.col-sm-auto,.col-md-1,.col-md-2,[data-elementor-columns-tablet="6"] .column-item,.col-md-3,[data-elementor-columns-tablet="4"] .column-item,.col-md-4,[data-elementor-columns-tablet="3"] .column-item,.col-md-5,.col-md-6,[data-elementor-columns-tablet="2"] .column-item,.col-md-7,.col-md-8,.col-md-9,.col-md-10,.col-md-11,.col-md-12,[data-elementor-columns-tablet="1"] .column-item,.col-md,.col-md-auto,.col-lg-1,.col-lg-2,[data-elementor-columns="6"] .column-item,.col-lg-3,[data-elementor-columns="4"] .column-item,.col-lg-4,[data-elementor-columns="3"] .column-item,.col-lg-5,.col-lg-6,[data-elementor-columns="2"] .column-item,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-10,.col-lg-11,.col-lg-12,[data-elementor-columns="1"] .column-item,.col-lg,.col-lg-auto,.col-xl-1,.col-xl-2,.col-xl-3,.col-xl-4,.col-xl-5,.col-xl-6,.col-xl-7,.col-xl-8,.col-xl-9,.col-xl-10,.col-xl-11,.col-xl-12,.col-xl,.col-xl-auto {padding-right:15px;padding-left:15px;}.container,#content,ul.elementor-nav-menu--dropdown.mega-containerwidth > li.mega-menu-item > .elementor {padding-right:15px;padding-left:15px;}@media (min-width:576px) {.container, #content, ul.elementor-nav-menu--dropdown.mega-containerwidth > li.mega-menu-item > .elementor {max-width:540px; } }@media (min-width:768px) {.container, #content, ul.elementor-nav-menu--dropdown.mega-containerwidth > li.mega-menu-item > .elementor {max-width:720px; } }@media (min-width:992px) {.container, #content, ul.elementor-nav-menu--dropdown.mega-containerwidth > li.mega-menu-item > .elementor {max-width:960px; } }@media (min-width:1200px) {.container, #content, ul.elementor-nav-menu--dropdown.mega-containerwidth > li.mega-menu-item > .elementor {max-width:1290px; } }.elementor-widget-heading .elementor-heading-title{font-family:"DM Serif Display", -apple-system, BlinkMacSystemFont, Sans-serif;}.elementor-widget-heading .elementor-heading-title,.elementor-text-editor b{font-weight:400;}.elementor-widget-heading .elementor-heading-title{font-family:"DM Serif Display", -apple-system, BlinkMacSystemFont, Sans-serif;}.elementor-widget-heading .elementor-heading-title,.elementor-text-editor b{font-weight:400;}.typo-heading,h1,h2,h3,h4,h5,h6,.h1,.h2,.single-portfolio-summary-meta-title,.h3,h3.entry-title,.related-posts .related-heading,.comments-title,.comment-respond .comment-reply-title,.h4,.h5,.single .navigation .nav-link a,h2.widget-title,h2.widgettitle,.h6,blockquote,.author-wrapper .author-name,.error404 .error-404-subtitle h2,.comment-reply-link,#secondary .elementor-widget-container h5:first-of-type,.elementor-accordion .elementor-tab-title,.contactform-content .form-title,.elementor-cta-number,.elementor-counter .elementor-counter-number-wrapper,.elementor-widget-heading .sub-title,.icon-list-style2 .elementor-icon-list-item,.elementor-widget-opal-image-gallery .elementor-galerry__filter,.portfolio .portfolio-number,.elementor-widget-progress .elementor-title,.tab-tile-style2 .elementor-tab-title,.elementor-teams-wrapper .elementor-team-name,.elementor-widget-opal-building_carousel .elementor-building-number,.elementor-text_carousel-wrapper div.elementor-text-number,.single-portfolio-menu a {font-family:"DM Serif Display",-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;font-weight:400;}@media screen and (min-width:1200px){.container, #content ,.single-product .related.products, .single-product .up-sells.products, ul.elementor-nav-menu--dropdown.mega-containerwidth > li.mega-menu-item > .elementor{max-width:1320px;}}.page-title-bar {background-color:#000000;background-image:url(https://demo2wpopal.b-cdn.net/rehomes/wp-content/uploads/2019/11/background-blog.jpg);background-repeat:no-repeat;background-position:center top;;}.page-title-bar .page-title{color:#ffffff; }.breadcrumb, .breadcrumb span, .breadcrumb * {color:#ffffff;;}.breadcrumb a:hover,.breadcrumb a:hover span{color:#ffffff;}.button-primary,input[type="reset"],input.secondary[type="button"],input.secondary[type="reset"],input.secondary[type="submit"],input[type="button"],input[type="submit"],button[type="submit"],.page .edit-link a.post-edit-link,.error404 .go-back,.scrollup,.comment-form .form-submit input[type="submit"],.elementor-wpcf7-button-primary input[type="button"][type="submit"],.elementor-wpcf7-button-primary input[type="submit"],.elementor-wpcf7-button-primary button[type="submit"],.mailchimp-button-primary button,.mailchimp-button-primary button[type="submit"],.button-default:hover,.search .link-more a:hover,.button-dark:hover,.elementor-element .elementor-button-dark .elementor-button:hover,.elementor-wpcf7-button-dark input:hover[type="submit"],.elementor-wpcf7-button-dark button:hover[type="submit"],.mailchimp-button-dark button:hover,.button-dark:active,.elementor-element .elementor-button-dark .elementor-button:active,.elementor-wpcf7-button-dark input:active[type="submit"],.elementor-wpcf7-button-dark button:active[type="submit"],.mailchimp-button-dark button:active,.button-dark:focus,.elementor-element .elementor-button-dark .elementor-button:focus,.elementor-wpcf7-button-dark input:focus[type="submit"],.elementor-wpcf7-button-dark button:focus[type="submit"],.mailchimp-button-dark button:focus,.button-light:hover,.elementor-element .elementor-button-light .elementor-button:hover,.elementor-wpcf7-button-light input:hover[type="submit"],.elementor-wpcf7-button-light button:hover[type="submit"],.mailchimp-button-light button:hover,.button-light:active,.elementor-element .elementor-button-light .elementor-button:active,.elementor-wpcf7-button-light input:active[type="submit"],.elementor-wpcf7-button-light button:active[type="submit"],.mailchimp-button-light button:active,.button-light:focus,.elementor-element .elementor-button-light .elementor-button:focus,.elementor-wpcf7-button-light input:focus[type="submit"],.elementor-wpcf7-button-light button:focus[type="submit"],.mailchimp-button-light button:focus,.elementor-element .elementor-button-primary .elementor-button {background-color:#0d502c;border-color:#0d502c;color:#fff;border-radius:3px;}.button-primary:hover,input:hover[type="reset"],input:hover[type="button"],input:hover[type="submit"],button:hover[type="submit"],.page .edit-link a.post-edit-link:hover,.error404 .go-back:hover,.scrollup:hover,.comment-form .form-submit input:hover[type="submit"],.elementor-wpcf7-button-primary input:hover[type="submit"],.elementor-wpcf7-button-primary button:hover[type="submit"],.mailchimp-button-primary button:hover,.button-primary:active,input:active[type="reset"],input:active[type="button"],input:active[type="submit"],button:active[type="submit"],.page .edit-link a.post-edit-link:active,.error404 .go-back:active,.scrollup:active,.comment-form .form-submit input:active[type="submit"],.elementor-wpcf7-button-primary input:active[type="submit"],.elementor-wpcf7-button-primary button:active[type="submit"],.mailchimp-button-primary button:active,.button-primary.active,input.active[type="reset"],input.active[type="button"],input.active[type="submit"],button.active[type="submit"],.page .edit-link a.active.post-edit-link,.error404 .active.go-back,.active.scrollup,.comment-form .form-submit input.active[type="submit"],.elementor-wpcf7-button-primary input.active[type="submit"],.elementor-wpcf7-button-primary button.active[type="submit"],.mailchimp-button-primary button.active,.show > .button-primary.dropdown-toggle,.show > input.dropdown-toggle[type="reset"],.show > input.dropdown-toggle[type="button"],.show > input.dropdown-toggle[type="submit"],.show > button.dropdown-toggle[type="submit"],.page .edit-link .show > a.dropdown-toggle.post-edit-link,.error404 .show > .dropdown-toggle.go-back,.show > .dropdown-toggle.scrollup,.comment-form .form-submit .show > input.dropdown-toggle[type="submit"],.elementor-wpcf7-button-primary .show > input.dropdown-toggle[type="submit"],.elementor-wpcf7-button-primary .show > button.dropdown-toggle[type="submit"],.mailchimp-button-primary .show > button.dropdown-toggle,.elementor-element .elementor-button-primary .elementor-button:hover,.elementor-element .elementor-button-primary .elementor-button:active,.elementor-element .elementor-button-primary .elementor-button:focus {background-color:#062313;border-color:#062313;color:#fff;}.button-primary,input[type="reset"],input.secondary[type="button"],input.secondary[type="reset"],input.secondary[type="submit"],input[type="button"],input[type="submit"],button[type="submit"],.page .edit-link a.post-edit-link,.error404 .go-back,.scrollup,.comment-form .form-submit input[type="submit"],.elementor-wpcf7-button-primary input[type="button"][type="submit"],.elementor-wpcf7-button-primary input[type="submit"],.elementor-wpcf7-button-primary button[type="submit"],.mailchimp-button-primary button,.mailchimp-button-primary button[type="submit"],.button-default:hover,.search .link-more a:hover,.button-dark:hover,.elementor-element .elementor-button-dark .elementor-button:hover,.elementor-wpcf7-button-dark input:hover[type="submit"],.elementor-wpcf7-button-dark button:hover[type="submit"],.mailchimp-button-dark button:hover,.button-dark:active,.elementor-element .elementor-button-dark .elementor-button:active,.elementor-wpcf7-button-dark input:active[type="submit"],.elementor-wpcf7-button-dark button:active[type="submit"],.mailchimp-button-dark button:active,.button-dark:focus,.elementor-element .elementor-button-dark .elementor-button:focus,.elementor-wpcf7-button-dark input:focus[type="submit"],.elementor-wpcf7-button-dark button:focus[type="submit"],.mailchimp-button-dark button:focus,.button-light:hover,.elementor-element .elementor-button-light .elementor-button:hover,.elementor-wpcf7-button-light input:hover[type="submit"],.elementor-wpcf7-button-light button:hover[type="submit"],.mailchimp-button-light button:hover,.button-light:active,.elementor-element .elementor-button-light .elementor-button:active,.elementor-wpcf7-button-light input:active[type="submit"],.elementor-wpcf7-button-light button:active[type="submit"],.mailchimp-button-light button:active,.button-light:focus,.elementor-element .elementor-button-light .elementor-button:focus,.elementor-wpcf7-button-light input:focus[type="submit"],.elementor-wpcf7-button-light button:focus[type="submit"],.mailchimp-button-light button:focus,.elementor-element .elementor-button-primary .elementor-button {background-color:#0d502c;border-color:#0d502c;color:#fff;border-radius:3px;}.button-primary:hover,input:hover[type="reset"],input:hover[type="button"],input:hover[type="submit"],button:hover[type="submit"],.page .edit-link a.post-edit-link:hover,.error404 .go-back:hover,.scrollup:hover,.comment-form .form-submit input:hover[type="submit"],.elementor-wpcf7-button-primary input:hover[type="submit"],.elementor-wpcf7-button-primary button:hover[type="submit"],.mailchimp-button-primary button:hover,.button-primary:active,input:active[type="reset"],input:active[type="button"],input:active[type="submit"],button:active[type="submit"],.page .edit-link a.post-edit-link:active,.error404 .go-back:active,.scrollup:active,.comment-form .form-submit input:active[type="submit"],.elementor-wpcf7-button-primary input:active[type="submit"],.elementor-wpcf7-button-primary button:active[type="submit"],.mailchimp-button-primary button:active,.button-primary.active,input.active[type="reset"],input.active[type="button"],input.active[type="submit"],button.active[type="submit"],.page .edit-link a.active.post-edit-link,.error404 .active.go-back,.active.scrollup,.comment-form .form-submit input.active[type="submit"],.elementor-wpcf7-button-primary input.active[type="submit"],.elementor-wpcf7-button-primary button.active[type="submit"],.mailchimp-button-primary button.active,.show > .button-primary.dropdown-toggle,.show > input.dropdown-toggle[type="reset"],.show > input.dropdown-toggle[type="button"],.show > input.dropdown-toggle[type="submit"],.show > button.dropdown-toggle[type="submit"],.page .edit-link .show > a.dropdown-toggle.post-edit-link,.error404 .show > .dropdown-toggle.go-back,.show > .dropdown-toggle.scrollup,.comment-form .form-submit .show > input.dropdown-toggle[type="submit"],.elementor-wpcf7-button-primary .show > input.dropdown-toggle[type="submit"],.elementor-wpcf7-button-primary .show > button.dropdown-toggle[type="submit"],.mailchimp-button-primary .show > button.dropdown-toggle,.elementor-element .elementor-button-primary .elementor-button:hover,.elementor-element .elementor-button-primary .elementor-button:active,.elementor-element .elementor-button-primary .elementor-button:focus {background-color:#062313;border-color:#062313;color:#fff;}.button-secondary,.secondary-button .search-submit,.elementor-wpcf7-button-secondary input[type="button"][type="submit"],.elementor-wpcf7-button-secondary input[type="submit"],.elementor-wpcf7-button-secondary button[type="submit"],.mailchimp-button-secondary button,.mailchimp-button-secondary button[type="submit"],.elementor-button-secondary button[type="submit"],.elementor-button-secondary input[type="button"],.elementor-button-secondary input[type="submit"],.elementor-element .elementor-button-secondary .elementor-button {background-color:#173e62;border-color:#173e62;color:#fff;border-radius:3px;}.button-secondary:hover,.secondary-button .search-submit:hover,.elementor-wpcf7-button-secondary input:hover[type="submit"],.elementor-wpcf7-button-secondary button:hover[type="submit"],.mailchimp-button-secondary button:hover,.button-secondary:active,.secondary-button .search-submit:active,.elementor-wpcf7-button-secondary input:active[type="submit"],.elementor-wpcf7-button-secondary button:active[type="submit"],.mailchimp-button-secondary button:active,.button-secondary.active,.secondary-button .active.search-submit,.elementor-wpcf7-button-secondary input.active[type="submit"],.elementor-wpcf7-button-secondary button.active[type="submit"],.mailchimp-button-secondary button.active,.show > .button-secondary.dropdown-toggle,.secondary-button .show > .dropdown-toggle.search-submit,.elementor-wpcf7-button-secondary .show > input.dropdown-toggle[type="submit"],.elementor-wpcf7-button-secondary .show > button.dropdown-toggle[type="submit"],.mailchimp-button-secondary .show > button.dropdown-toggle,.elementor-button-secondary button[type="submit"]:hover,.elementor-button-secondary button[type="submit"]:active,.elementor-button-secondary button[type="submit"]:focus,.elementor-button-secondary input[type="button"]:hover,.elementor-button-secondary input[type="button"]:active,.elementor-button-secondary input[type="button"]:focus,.elementor-button-secondary input[type="submit"]:hover,.elementor-button-secondary input[type="submit"]:active,.elementor-button-secondary input[type="submit"]:focus,.elementor-element .elementor-button-secondary .elementor-button:hover,.elementor-element .elementor-button-secondary .elementor-button:active,.elementor-element .elementor-button-secondary .elementor-button:focus {background-color:#0e243a;border-color:#0e243a;color:#fff;}button ,input[type="submit"], input[type="reset"], input[type="button"], .button, .btn {}.elementor-button[class*='elementor-size-'] {border-radius:3px;}
@media(max-width: 991px){.opal-header-absolute .site-header{background:#173e62;}}
/*# sourceURL=rehomes-style-inline-css */
</style>
<link rel='stylesheet' id='osf-elementor-addons-css' href='https://toadakproperties.com/wp-content/plugins/rehomes-core/assets/css/elementor/style.css?ver=2.6.1' media='all' />
<link rel='stylesheet' id='tooltipster-bundle-css' href='https://toadakproperties.com/wp-content/plugins/rehomes-core/assets/css/tooltipster.bundle.min.css?ver=2.6.1' media='all' />
<link rel='stylesheet' id='sbi_styles-css' href='https://toadakproperties.com/wp-content/plugins/instagram-feed/css/sbi-styles.min.css?ver=6.10.1' media='all' />
<style id="wp-emoji-styles-inline-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;
	}
/*# sourceURL=wp-emoji-styles-inline-css */
</style>
<link rel='stylesheet' id='wp-block-library-css' href='https://toadakproperties.com/wp-includes/css/dist/block-library/style.min.css?ver=7.1.3' media='all' />
<style id="classic-theme-styles-inline-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}
/*# sourceURL=/wp-includes/css/classic-themes.min.css */
</style>
<link rel='stylesheet' id='wpda_like_box_gutenberg_css-css' href='https://toadakproperties.com/wp-content/plugins/like-box/includes/gutenberg/style.css?ver=7.1.3' media='all' />
<style id="global-styles-inline-css">
:root{--wp--preset--aspect-ratio--square: 1;--wp--preset--aspect-ratio--4-3: 4/3;--wp--preset--aspect-ratio--3-4: 3/4;--wp--preset--aspect-ratio--3-2: 3/2;--wp--preset--aspect-ratio--2-3: 2/3;--wp--preset--aspect-ratio--16-9: 16/9;--wp--preset--aspect-ratio--9-16: 9/16;--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,rgb(6,147,227) 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,rgb(252,185,0) 0%,rgb(255,105,0) 100%);--wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg,rgb(255,105,0) 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 rgb(255, 255, 255), 6px 6px rgb(0, 0, 0);--wp--preset--shadow--crisp: 6px 6px 0px rgb(0, 0, 0);}.wp-block-button{--wp--preset--dimension--25: 25%;--wp--preset--dimension--50: 50%;--wp--preset--dimension--75: 75%;--wp--preset--dimension--100: 100%;}:where(body) { margin: 0; }:where(.is-layout-flex){gap: 0.5em;}:where(.is-layout-grid){gap: 0.5em;}body .is-layout-flex{display: flex;}.is-layout-flex{flex-wrap: wrap;align-items: center;}.is-layout-flex > :is(*, div){margin: 0;}body .is-layout-grid{display: grid;}.is-layout-grid > :is(*, div){margin: 0;}body{padding-top: 0px;padding-right: 0px;padding-bottom: 0px;padding-left: 0px;}:root :where(.wp-element-button, .wp-block-button__link){background-color: #32373c;border-width: 0;color: #fff;font-family: inherit;font-size: inherit;font-style: inherit;font-weight: inherit;letter-spacing: inherit;line-height: inherit;padding-top: calc(0.667em + 2px);padding-right: calc(1.333em + 2px);padding-bottom: calc(0.667em + 2px);padding-left: calc(1.333em + 2px);text-decoration: none;text-transform: inherit;}.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;}
:root :where(.wp-block-icon svg){width: 24px;}
:where(.wp-block-gallery.is-layout-flex){gap: var( --wp--style--gallery-gap-default, var( --gallery-block--gutter-size, var( --wp--style--block-gap, 0.5em ) ) );}:where(.wp-block-gallery.is-layout-grid){gap: var( --wp--style--gallery-gap-default, var( --gallery-block--gutter-size, var( --wp--style--block-gap, 0.5em ) ) );}
:where(.wp-block-latest-posts.is-layout-flex){gap: 1.25em;}:where(.wp-block-latest-posts.is-layout-grid){gap: 1.25em;}
: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-term-template.is-layout-flex){gap: 1.25em;}:where(.wp-block-term-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;}
:root :where(.wp-block-pullquote){font-size: 1.5em;line-height: 1.6;}
/*# sourceURL=global-styles-inline-css */
</style>
<link rel='stylesheet' id='cfblbcss-css' href='https://toadakproperties.com/wp-content/plugins/cardoza-facebook-like-box/cardozafacebook.css?ver=7.1.3' media='all' />
<link rel='stylesheet' id='cfblb_popup_css-css' href='https://toadakproperties.com/wp-content/plugins/cardoza-facebook-like-box/cardozafacebook_popup.css?ver=7.1.3' media='all' />
<link rel='stylesheet' id='contact-form-7-css' href='https://toadakproperties.com/wp-content/plugins/contact-form-7/includes/css/styles.css?ver=6.1.5' media='all' />
<link rel='stylesheet' id='opal-custom-css-css' href='https://toadakproperties.com/wp-content/plugins/rehomes-core/assets/css/custom.css?ver=2.6.1' media='all' />
<link rel='stylesheet' id='rehomes-opal-icon-css' href='https://toadakproperties.com/wp-content/themes/rehomes/assets/css/opal-icons.css?ver=7.1.3' media='all' />
<link rel='stylesheet' id='rehomes-carousel-css' href='https://toadakproperties.com/wp-content/themes/rehomes/assets/css/carousel.css?ver=7.1.3' media='all' />
<link rel='stylesheet' id='otf-fonts-css' href='https://fonts.googleapis.com/css?family=Be+Vietnam%3A300%7CDM+Serif+Display%3A400%7CBe+Vietnam%3A700%7CBe+Vietnam%3A400&#038;subset=latin-ext%2Clatin-ext%2Clatin-ext%2Clatin-ext' media='all' />
<link rel='stylesheet' id='animated-css' href='https://toadakproperties.com/wp-content/plugins/like-box/includes/style/effects.css?ver=7.1.3' media='all' />
<link rel='stylesheet' id='front_end_like_box-css' href='https://toadakproperties.com/wp-content/plugins/like-box/includes/style/style.css?ver=7.1.3' media='all' />
<link rel='stylesheet' id='dashicons-css' href='https://toadakproperties.com/wp-includes/css/dashicons.min.css?ver=7.1.3' media='all' />
<link rel='stylesheet' id='thickbox-css' href='https://toadakproperties.com/wp-includes/js/thickbox/thickbox.css?ver=7.1.3' media='all' />
<script id="jquery-core-js" src="https://toadakproperties.com/wp-includes/js/jquery/jquery.min.js?ver=3.7.1"></script>
<script id="jquery-migrate-js" src="https://toadakproperties.com/wp-includes/js/jquery/jquery-migrate.min.js?ver=3.4.1"></script>
<script id="cfblbjs-js" src="https://toadakproperties.com/wp-content/plugins/cardoza-facebook-like-box/cardozafacebook.js?ver=7.1.3"></script>
<script id="owl-carousel-js" src="https://toadakproperties.com/wp-content/themes/rehomes/assets/js/libs/owl.carousel.js?ver=2.2.1"></script>
<script id="otf-carousel-js" src="https://toadakproperties.com/wp-content/plugins/rehomes-core/assets/js/carousel.js?ver=7.1.3"></script>
<script id="slick-js" src="https://toadakproperties.com/wp-content/plugins/rehomes-core/assets/js/libs/slick.js?ver=7.1.3"></script>
<script id="like-box-front-end-js" src="https://toadakproperties.com/wp-content/plugins/like-box/includes/javascript/front_end_js.js?ver=7.1.3"></script>
<link rel="https://api.w.org/" href="https://toadakproperties.com/wp-json/" /><link rel="alternate" title="JSON" type="application/json" href="https://toadakproperties.com/wp-json/wp/v2/posts/4630" /><link rel="EditURI" type="application/rsd+xml" title="RSD" href="https://toadakproperties.com/xmlrpc.php?rsd" />

<link rel="canonical" href="https://toadakproperties.com/the-evolution-of-bonus-features-in-online-slot-games-a-deep-dive/" />
<link rel='shortlink' href='https://toadakproperties.com/?p=4630' />
<link rel="pingback" href="https://toadakproperties.com/xmlrpc.php">
<meta name="generator" content="Elementor 3.35.3; features: additional_custom_breakpoints; settings: css_print_method-external, google_font-enabled, font_display-auto">
			<style>
				.e-con.e-parent:nth-of-type(n+4):not(.e-lazyloaded):not(.e-no-lazyload),
				.e-con.e-parent:nth-of-type(n+4):not(.e-lazyloaded):not(.e-no-lazyload) * {
					background-image: none !important;
				}
				@media screen and (max-height: 1024px) {
					.e-con.e-parent:nth-of-type(n+3):not(.e-lazyloaded):not(.e-no-lazyload),
					.e-con.e-parent:nth-of-type(n+3):not(.e-lazyloaded):not(.e-no-lazyload) * {
						background-image: none !important;
					}
				}
				@media screen and (max-height: 640px) {
					.e-con.e-parent:nth-of-type(n+2):not(.e-lazyloaded):not(.e-no-lazyload),
					.e-con.e-parent:nth-of-type(n+2):not(.e-lazyloaded):not(.e-no-lazyload) * {
						background-image: none !important;
					}
				}
			</style>
			<style id="custom-background-css">
body.custom-background { background-color: #ffffff; }
</style>
<meta name="generator" content="Powered by Slider Revolution 6.7.41 - responsive, Mobile-Friendly Slider Plugin for WordPress with comfortable drag and drop interface." />
<script>function setREVStartSize(e){
			//window.requestAnimationFrame(function() {
				window.RSIW = window.RSIW===undefined ? window.innerWidth : window.RSIW;
				window.RSIH = window.RSIH===undefined ? window.innerHeight : window.RSIH;
				try {
					var pw = document.getElementById(e.c).parentNode.offsetWidth,
						newh;
					pw = pw===0 || isNaN(pw) || (e.l=="fullwidth" || e.layout=="fullwidth") ? window.RSIW : pw;
					e.tabw = e.tabw===undefined ? 0 : parseInt(e.tabw);
					e.thumbw = e.thumbw===undefined ? 0 : parseInt(e.thumbw);
					e.tabh = e.tabh===undefined ? 0 : parseInt(e.tabh);
					e.thumbh = e.thumbh===undefined ? 0 : parseInt(e.thumbh);
					e.tabhide = e.tabhide===undefined ? 0 : parseInt(e.tabhide);
					e.thumbhide = e.thumbhide===undefined ? 0 : parseInt(e.thumbhide);
					e.mh = e.mh===undefined || e.mh=="" || e.mh==="auto" ? 0 : parseInt(e.mh,0);
					if(e.layout==="fullscreen" || e.l==="fullscreen")
						newh = Math.max(e.mh,window.RSIH);
					else{
						e.gw = Array.isArray(e.gw) ? e.gw : [e.gw];
						for (var i in e.rl) if (e.gw[i]===undefined || e.gw[i]===0) e.gw[i] = e.gw[i-1];
						e.gh = e.el===undefined || e.el==="" || (Array.isArray(e.el) && e.el.length==0)? e.gh : e.el;
						e.gh = Array.isArray(e.gh) ? e.gh : [e.gh];
						for (var i in e.rl) if (e.gh[i]===undefined || e.gh[i]===0) e.gh[i] = e.gh[i-1];
											
						var nl = new Array(e.rl.length),
							ix = 0,
							sl;
						e.tabw = e.tabhide>=pw ? 0 : e.tabw;
						e.thumbw = e.thumbhide>=pw ? 0 : e.thumbw;
						e.tabh = e.tabhide>=pw ? 0 : e.tabh;
						e.thumbh = e.thumbhide>=pw ? 0 : e.thumbh;
						for (var i in e.rl) nl[i] = e.rl[i]<window.RSIW ? 0 : e.rl[i];
						sl = nl[0];
						for (var i in nl) if (sl>nl[i] && nl[i]>0) { sl = nl[i]; ix=i;}
						var m = pw>(e.gw[ix]+e.tabw+e.thumbw) ? 1 : (pw-(e.tabw+e.thumbw)) / (e.gw[ix]);
						newh =  (e.gh[ix] * m) + (e.tabh + e.thumbh);
					}
					var el = document.getElementById(e.c);
					if (el!==null && el) el.style.height = newh+"px";
					el = document.getElementById(e.c+"_wrapper");
					if (el!==null && el) {
						el.style.height = newh+"px";
						el.style.display = "block";
					}
				} catch(e){
					console.log("Failure at Presize of Slider:" + e)
				}
			//});
		  };</script>
</head>
<body class="wp-singular post-template-default single single-post postid-4630 single-format-standard custom-background wp-custom-logo wp-theme-rehomes opal-style opal-single-post-style gecko opal-layout-wide opal-page-title-right-left opal-footer-skin-light opal-header-absolute elementor-default elementor-kit-2360">
<div id="wptime-plugin-preloader"></div>
<div class="opal-wrapper">
    <div id="page" class="site">
        <header id="masthead" class="site-header">
            <div class="site-header">
    		<div data-elementor-type="wp-post" data-elementor-id="122" class="elementor elementor-122">
						<section class="elementor-section elementor-top-section elementor-element elementor-element-abcfe3f elementor-section-stretched elementor-section-content-middle elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="abcfe3f" data-element_type="section" data-e-type="section" data-settings="{&quot;stretch_section&quot;:&quot;section-stretched&quot;,&quot;background_background&quot;:&quot;classic&quot;}">
						<div class="elementor-container elementor-column-gap-no">
					<div class="elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-6b66c40" data-id="6b66c40" data-element_type="column" data-e-type="column" data-settings="{&quot;background_background&quot;:&quot;classic&quot;}">
			<div class="elementor-widget-wrap elementor-element-populated">
						<div class="elementor-element elementor-element-f13b9ae elementor-widget elementor-widget-image" data-id="f13b9ae" data-element_type="widget" data-e-type="widget" data-widget_type="image.default">
				<div class="elementor-widget-container">
															<img width="191" height="55" src="https://toadakproperties.com/wp-content/uploads/2019/10/Toadak_homes_logo_white-2-2.png" class="attachment-full size-full wp-image-3306" alt="" />															</div>
				</div>
					</div>
		</div>
				<div class="elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-39b1941" data-id="39b1941" data-element_type="column" data-e-type="column" data-settings="{&quot;background_background&quot;:&quot;classic&quot;}">
			<div class="elementor-widget-wrap elementor-element-populated">
						<div class="elementor-element elementor-element-8a8c4b4 elementor-nav-menu__align-right elementor-nav-menu--dropdown-mobile elementor-menu-toggle-mobile__align-right elementor-nav-menu-mobile__align-right elementor-nav-menu--indicator-angle elementor-nav-menu__text-align-aside elementor-nav-menu--toggle elementor-nav-menu--burger elementor-menu-toggle__align-left elementor-widget elementor-widget-opal-nav-menu" data-id="8a8c4b4" data-element_type="widget" data-e-type="widget" data-settings="{&quot;layout&quot;:&quot;horizontal&quot;,&quot;toggle&quot;:&quot;burger&quot;}" data-widget_type="opal-nav-menu.default">
				<div class="elementor-widget-container">
					        <nav class="elementor-nav-menu--mobile-enable elementor-nav-menu--main elementor-nav-menu__container elementor-nav-menu--layout-horizontal e--pointer-overline e--animation-slide e--pointer-sub-line" data-subMenusMinWidth="250" data-subMenusMaxWidth="500">
                        <ul id="menu-main-menu" class="elementor-nav-menu"><li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-home menu-item-106"><a href="https://toadakproperties.com/" class="elementor-item"><span class="menu-title">Home</span></a></li>
<li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-2572"><a href="#" class="elementor-item"><span class="menu-title">About Us</span></a>
<ul class="sub-menu elementor-nav-menu--dropdown">
	<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-648"><a href="https://toadakproperties.com/about-us/" class="elementor-sub-item"><span class="menu-title">Who We Are</span></a></li>
</ul>
</li>
<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-2574"><a href="https://toadakproperties.com/our-services/" class="elementor-item"><span class="menu-title">Our Services</span></a></li>
<li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-1555"><a href="#" class="elementor-item"><span class="menu-title">Projects</span></a>
<ul class="sub-menu elementor-nav-menu--dropdown">
	<li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-2739"><a href="https://toadakproperties.com/portfolio/heritage-court/" class="elementor-sub-item"><span class="menu-title">Heritage Court</span></a></li>
	<li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-3624"><a href="https://toadakproperties.com/portfolio/rehoboth-apartment/" class="elementor-sub-item"><span class="menu-title">Rehoboth Apartment (Coming soon)</span></a></li>
</ul>
</li>
<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-655"><a href="https://toadakproperties.com/contact-us/" class="elementor-item"><span class="menu-title">Contact Us</span></a></li>
</ul>        </nav>
        
                <div class="elementor-menu-toggle" data-target="#menu-8a8c4b4">
                    <i class="eicon" aria-hidden="true"></i>
                    <span class="menu-toggle-title"></span>
                </div>
                <nav id="menu-8a8c4b4"
                     class="elementor-nav-menu--canvas mp-menu"><ul id="menu-canvas-2-8a8c4b4" class="nav-menu--canvas"><li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-home menu-item-106"><a href="https://toadakproperties.com/">Home</a></li>
<li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-2572"><a href="#">About Us</a>
<ul class="sub-menu">
	<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-648"><a href="https://toadakproperties.com/about-us/">Who We Are</a></li>
</ul>
</li>
<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-2574"><a href="https://toadakproperties.com/our-services/">Our Services</a></li>
<li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-1555"><a href="#">Projects</a>
<ul class="sub-menu">
	<li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-2739"><a href="https://toadakproperties.com/portfolio/heritage-court/">Heritage Court</a></li>
	<li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-3624"><a href="https://toadakproperties.com/portfolio/rehoboth-apartment/">Rehoboth Apartment (Coming soon)</a></li>
</ul>
</li>
<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-655"><a href="https://toadakproperties.com/contact-us/">Contact Us</a></li>
</ul></nav>
                				</div>
				</div>
					</div>
		</div>
					</div>
		</section>
				</div>
		</div>
        </header>
        <div id="page-title-bar" class="page-title-bar">
            <div class="container">
    <div class="wrap w-100 d-flex align-items-center">
        <div class="page-title-bar-inner d-flex flex-column align-items-center w-100">
                            <div class="page-header">
                    <h1 class="page-title typo-heading">The Evolution of Bonus Features in Online Slot Games: A Deep Dive</h1>                                    </div>
                        <div class="breadcrumb">
                                                            <span property="itemListElement" typeof="ListItem"><a property="item" typeof="WebPage" title="Go to Toadak Homes and Investments." href="https://toadakproperties.com" class="home" ><span property="name">Homepage</span></a><meta property="position" content="1"></span><i class="opal-icon-arrow-right" aria-hidden="true"></i><span property="itemListElement" typeof="ListItem"><a property="item" typeof="WebPage" title="Go to Blog." href="https://toadakproperties.com/blog/" class="post-root post post-post" ><span property="name">Blog</span></a><meta property="position" content="2"></span><i class="opal-icon-arrow-right" aria-hidden="true"></i><span property="itemListElement" typeof="ListItem"><a property="item" typeof="WebPage" title="Go to the Uncategorized category archives." href="https://toadakproperties.com/category/uncategorized/" class="taxonomy category" ><span property="name">Uncategorized</span></a><meta property="position" content="3"></span><i class="opal-icon-arrow-right" aria-hidden="true"></i><span class="post post-post current-item">The Evolution of Bonus Features in Online Slot Games: A Deep Dive</span>                                                </div>
        </div>
    </div>
</div>
        </div>
                <div class="site-content-contain">
            <div id="content" class="site-content">    <div class="wrap">
        <div id="primary" class="content-area">
            <main id="main" class="site-main">

                <article id="post-4630" class="post-4630 post type-post status-publish format-standard hentry category-uncategorized">
    <div class="post-inner">

                <div class="post-content-wrap">
            <header class="entry-header">

                                    <div class="entry-categories">
                        <span class="cat-links"><span class="screen-reader-text">Categories</span><a href="https://toadakproperties.com/category/uncategorized/" rel="category tag">Uncategorized</a></span>                    </div><!-- .entry-meta -->
                
                
                
            </header><!-- .entry-header -->

            <div class="entry-content">
                <p>Over the past decade, online slot gaming has undergone transformative changes, driven by the convergence of technological innovation, player expectations, and regulatory developments. Central to this evolution are the increasingly sophisticated bonus features designed to enhance player engagement, retention, and entertainment value. These features have shifted from simple free-spin rewards to immersive, multi-layered gameplay mechanics, reflecting a deep understanding of gambling psychology and advances in game design.</p>
<h2 class="section-title">Historical Context: From Basic Rewards to Complex Interactivity</h2>
<p>Initially, online slot games mimicked traditional mechanical slots, offering straightforward payouts and basic free spins. As digital platforms matured, developers expanded bonus features to include random multipliers and simple pick-and-win games. However, the true turning point came as the industry recognized the potential of integrating interactive bonus rounds that could captivate players and incentivize longer play sessions.</p>
<h2 class="section-title">The Rise of Dynamic Bonus Rounds</h2>
<p>Today, a well-designed bonus round serves as a pinnacle of game engagement. These rounds typically feature dynamic, skill-based elements, often themed to match the slot&#8217;s aesthetic. They can involve multi-stage mini-games, expanding wilds, or cascading symbols, all crafted to maximize entertainment and thematic coherence. Notably, some developers utilize features like free spins with added multipliers or special symbols that trigger additional rewards, thereby increasing the overall hit frequency and payout potential.</p>
<h2 class="section-title">Case Study: Innovative Bonus Mechanics and Player Attraction</h2>
<p>A standout example of advanced bonus mechanics is seen in popular titles such as <em>Fishin&#8217; Frenzy</em>. This game exemplifies how classic themes can be revitalized through engaging bonus features, including the celebrated &#8220;Fishin&#8217; Frenzy bonus round.&#8221; As an industry leader, <a href="https://fishinfrenzy-online.co.uk/demo/">Fishin&#8217; Frenzy bonus round</a> exemplifies the ingenuity behind modern slot design, combining thematic coherence with rewarding interactivity.</p>
<table style="background-color: #fff;">
<caption style="caption-side: top; font-weight: bold; margin-bottom: 10px;">Comparison of Bonus Features in Leading Online Slots</caption>
<thead>
<tr>
<th>Game Title</th>
<th>Type of Bonus</th>
<th>Unique Mechanics</th>
<th>Player Engagement Level</th>
</tr>
</thead>
<tbody>
<tr>
<td>Fishin’ Frenzy</td>
<td>Free Spins &amp; Bonus Round</td>
<td>Wilds expand, fish catch multipliers</td>
<td style="background-color: #dff0d8;">High</td>
</tr>
<tr>
<td>Starburst</td>
<td>Expanding Wilds</td>
<td>Wilds expand to cover entire reel</td>
<td style="background-color: #fcf8e3;">Moderate</td>
</tr>
<tr>
<td>Gonzo’s Quest</td>
<td>Cascading Reels &amp; Free Fall</td>
<td>Multipliers increase with each cascade</td>
<td style="background-color: #d9edf7;">High</td>
</tr>
</tbody>
</table>
<h2 class="section-title">What Sets Successful Bonus Rounds Apart?</h2>
<p>Industry-leading games leverage several critical elements to craft memorable bonus experiences:</p>
<ul>
<li><strong>Thematic Consistency:</strong> Bonus mechanics that reinforce the game&#8217;s theme enhance immersion.</li>
<li><strong>Interactivity &amp; Skill:</strong> Introducing elements that require player input fosters a sense of agency.</li>
<li><strong>Payout Potential &amp; Variance:</strong> Balanced mechanics ensuring both excitement and fairness.</li>
<li><strong>Innovation &amp; Differentiation:</strong> Unique features that set a game apart within a crowded marketplace.</li>
</ul>
<blockquote><p>
&#8220;Creating a compelling bonus round isn&#8217;t just about adding complexity — it&#8217;s about elevating the entire gameplay experience, making every spin feel like part of an unfolding adventure.&#8221; — Industry Expert in Digital Gaming Design
</p></blockquote>
<h2 class="section-title">The Future of Bonus Features: Personalization and Reality Integration</h2>
<p>Looking ahead, the integration of artificial intelligence and personalized gaming experiences promises to redefine bonus rounds. Adaptive features that respond to player behavior and preferences could make bonus play more tailored and engaging. Moreover, as augmented reality (AR) progresses, bonus mechanics might transcend screen limitations, offering immersive, real-world interactions within the digital slot environment.</p>
<p>In this context, the Fishin&#8217; Frenzy bonus round stands as a prime example of how thematic coherence and inventive mechanics can create memorable player experiences. By continuously evolving, developers can sustain engagement and reinforce trust in slot games as elements of entertainment rather than mere gambling devices.</p>
<h2 class="section-title">Conclusion</h2>
<p>As online casino gaming matures, the importance of innovative bonus features becomes increasingly evident. They serve not only as entertainment hubs but also as strategic tools for game developers seeking to stand out in a competitive landscape. Integrating sophisticated bonus rounds, exemplified by titles like <em>Fishin&#8217; Frenzy</em>, highlights a commitment to quality, player satisfaction, and industry innovation. Moving forward, the focus must remain on harmonious design, technical excellence, and responsible gaming practices to sustain growth and provide meaningful entertainment experiences.</p>

            </div><!-- .entry-content -->



            <footer class="entry-footer"><div class="pbr-social-share">
	<span class="social-share-header">Share:</span>	        <a class="bo-social-facebook"
           href="http://www.facebook.com/sharer.php?s=100&p&#91;url&#93;=https://toadakproperties.com/the-evolution-of-bonus-features-in-online-slot-games-a-deep-dive/&p&#91;title&#93;=The Evolution of Bonus Features in Online Slot Games: A Deep Dive"
           target="_blank" title="Share on facebook">
            <i class="fa fa-facebook"></i>
        </a>
	
	        <a class="bo-social-twitter"
           href="http://twitter.com/home?status=The Evolution of Bonus Features in Online Slot Games: A Deep Dive https://toadakproperties.com/the-evolution-of-bonus-features-in-online-slot-games-a-deep-dive/" target="_blank"
           title="Share on Twitter">
            <i class="fa fa-twitter"></i>
        </a>
	
	        <a class="bo-social-linkedin"
           href="http://linkedin.com/shareArticle?mini=true&amp;url=https://toadakproperties.com/the-evolution-of-bonus-features-in-online-slot-games-a-deep-dive/&amp;title=The Evolution of Bonus Features in Online Slot Games: A Deep Dive"
           target="_blank" title="Share on LinkedIn">
            <i class="fa fa-linkedin"></i>
        </a>
	
	
	        <a class="bo-social-google" href="https://plus.google.com/share?url=https://toadakproperties.com/the-evolution-of-bonus-features-in-online-slot-games-a-deep-dive/" onclick="javascript:window.open(this.href,
'', 'menubar=no,toolbar=no,resizable=yes,scrollbars=yes,height=600,width=600');return false;" target="_blank"
           title="Share on Google plus">
            <i class="fa fa-google-plus"></i>
        </a>
	
	        <a class="bo-social-pinterest"
           href="http://pinterest.com/pin/create/button/?url=https%3A%2F%2Ftoadakproperties.com%2Fthe-evolution-of-bonus-features-in-online-slot-games-a-deep-dive%2F&amp;description=The+Evolution+of+Bonus+Features+in+Online+Slot+Games%3A+A+Deep+Dive&amp;; ?>"
           target="_blank" title="Share on Pinterest">
            <i class="fa fa-pinterest"></i>
        </a>
	
	</div>
</footer> <!-- .entry-footer -->        </div>
    </div>

</article><!-- #post-## -->                        <div class="navigation">
                                                            <div class="previous-nav">
                                    <div class="nav-content">
                                        <div class="thumbnail-nav"><i class="opal-icon-arrow-left"></i></div>
                                        <div class="nav-link">
                                            <div class="nav-title">Previous Post</div>
                                            <a href="https://toadakproperties.com/im-digitalen-zeitalter-in-dem-online-casinos-zu-einer-der-beliebtesten-glucksspiele-optionen-weltwe/">Im digitalen Zeitalter, in dem Online-Casinos zu einer der beliebtesten Glücksspiele-Optionen weltwe</a>                                        </div>
                                        <a href="https://toadakproperties.com/im-digitalen-zeitalter-in-dem-online-casinos-zu-einer-der-beliebtesten-glucksspiele-optionen-weltwe/">Im digitalen Zeitalter, in dem Online-Casinos zu einer der beliebtesten Glücksspiele-Optionen weltwe</a>                                    </div>
                                </div>
                            
                                                            <div class="next-nav">
                                    <div class="nav-content">

                                        <div class="nav-link">
                                            <div class="nav-title">Next Post</div>
                                            <a href="https://toadakproperties.com/the-evolution-of-bass-technology-redefining-modern-music-production/">The Evolution of Bass Technology: Redefining Modern Music Production</a>                                        </div>
                                        <a href="https://toadakproperties.com/the-evolution-of-bass-technology-redefining-modern-music-production/">The Evolution of Bass Technology: Redefining Modern Music Production</a>                                        <div class="thumbnail-nav"><i class="opal-icon-arrow-right"></i></div>
                                    </div>

                                </div>
                                                    </div>
                    <div id="comments" class="comments-area content-boxed">
    	<div id="respond" class="comment-respond">
		<h3 id="reply-title" class="comment-reply-title">Leave a Reply <small><a rel="nofollow" id="cancel-comment-reply-link" href="/the-evolution-of-bonus-features-in-online-slot-games-a-deep-dive/#respond" style="display:none;">Cancel reply</a></small></h3><form action="https://toadakproperties.com/wp-comments-post.php" method="post" id="commentform" class="comment-form"><p class="comment-notes"><span id="email-notes">Your email address will not be published.</span> <span class="required-field-message">Required fields are marked <span class="required">*</span></span></p><p class="comment-form-comment"><textarea id="comment" name="comment" cols="45" rows="8" maxlength="65525" required="required" placeholder="Comment"></textarea></p><p class="comment-form-author"><input id="author" name="author" type="text" placeholder="Name" value="" size="30" maxlength="245" required='required' /></p>
<p class="comment-form-email"><input id="email" name="email" type="email"  placeholder="Email" value="" size="30" maxlength="100" aria-describedby="email-notes" required='required' /></p>
<p class="comment-form-url"><input id="url" name="url" type="url"  placeholder="Website" value="" size="30" maxlength="200" /></p>
<p class="comment-form-cookies-consent"><input id="wp-comment-cookies-consent" name="wp-comment-cookies-consent" type="checkbox" value="yes" /><label for="wp-comment-cookies-consent">Save my name, email, and website in this browser for the next time I comment.</label></p>
<p class="form-submit"><input name="submit" type="submit" id="submit" class="submit" value="Post Comment" /> <input type='hidden' name='comment_post_ID' value='4630' id='comment_post_ID' />
<input type='hidden' name='comment_parent' id='comment_parent' value='0' />
</p></form>	</div><!-- #respond -->
	
</div><!-- #comments -->

            </main> <!-- #main -->
        </div> <!-- #primary -->
            </div><!-- .wrap -->

</div><!-- #content -->
</div><!-- .site-content-contain -->
<footer id="colophon" class="site-footer">
    <div class="wrap"><div class="container">		<div data-elementor-type="wp-post" data-elementor-id="161" class="elementor elementor-161">
						<section class="elementor-section elementor-top-section elementor-element elementor-element-e59b0e0 elementor-section-stretched elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="e59b0e0" data-element_type="section" data-e-type="section" data-settings="{&quot;stretch_section&quot;:&quot;section-stretched&quot;,&quot;background_background&quot;:&quot;classic&quot;}">
							<div class="elementor-background-overlay"></div>
							<div class="elementor-container elementor-column-gap-no">
					<div class="elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-b197957" data-id="b197957" data-element_type="column" data-e-type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
						<section class="elementor-section elementor-inner-section elementor-element elementor-element-f89b0c3 elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="f89b0c3" data-element_type="section" data-e-type="section">
						<div class="elementor-container elementor-column-gap-no">
					<div class="elementor-column elementor-col-33 elementor-inner-column elementor-element elementor-element-0158fc5" data-id="0158fc5" data-element_type="column" data-e-type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
						<div class="elementor-element elementor-element-844ae63 elementor-widget elementor-widget-heading" data-id="844ae63" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
				<div class="elementor-widget-container">
					<div class="elementor-heading-wrapper" ><div class="elementor-heading-wrapper-inner"><h2 class="elementor-heading-title elementor-size-default">Get in touch</h2></div></div>				</div>
				</div>
				<div class="elementor-element elementor-element-2ab9488 elementor-widget elementor-widget-text-editor" data-id="2ab9488" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
					        <div class="elementor-text-editor elementor-clearfix"><p>phone</p></div>
        				</div>
				</div>
				<div class="elementor-element elementor-element-93fd0ab elementor-widget elementor-widget-text-editor" data-id="93fd0ab" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
					        <div class="elementor-text-editor elementor-clearfix"><p>+(234) 7037914724 //  +(234) 7039111879 <br />// +(234)7034663914</p></div>
        				</div>
				</div>
				<div class="elementor-element elementor-element-e75ccab elementor-widget elementor-widget-text-editor" data-id="e75ccab" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
					        <div class="elementor-text-editor elementor-clearfix"><p>Suite 236 Vetran Plaza Army Estate FHA, Kubwa, Abuja</p></div>
        				</div>
				</div>
					</div>
		</div>
				<div class="elementor-column elementor-col-33 elementor-inner-column elementor-element elementor-element-2a44980" data-id="2a44980" data-element_type="column" data-e-type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
						<div class="elementor-element elementor-element-1413182 elementor-widget elementor-widget-text-editor" data-id="1413182" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
					        <div class="elementor-text-editor elementor-clearfix"><p>email</p></div>
        				</div>
				</div>
				<div class="elementor-element elementor-element-d13c940 elementor-widget elementor-widget-text-editor" data-id="d13c940" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
					        <div class="elementor-text-editor elementor-clearfix"><p>Info@toadakproperties.com</p></div>
        				</div>
				</div>
					</div>
		</div>
				<div class="elementor-column elementor-col-33 elementor-inner-column elementor-element elementor-element-982896c" data-id="982896c" data-element_type="column" data-e-type="column">
			<div class="elementor-widget-wrap">
							</div>
		</div>
					</div>
		</section>
					</div>
		</div>
					</div>
		</section>
				<section class="elementor-section elementor-top-section elementor-element elementor-element-f096368 elementor-section-stretched elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="f096368" data-element_type="section" data-e-type="section" data-settings="{&quot;stretch_section&quot;:&quot;section-stretched&quot;,&quot;background_background&quot;:&quot;classic&quot;}">
						<div class="elementor-container elementor-column-gap-no">
					<div class="elementor-column elementor-col-33 elementor-top-column elementor-element elementor-element-fd7701d" data-id="fd7701d" data-element_type="column" data-e-type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
						<div class="elementor-element elementor-element-bf577a1 elementor-widget elementor-widget-image" data-id="bf577a1" data-element_type="widget" data-e-type="widget" data-widget_type="image.default">
				<div class="elementor-widget-container">
															<img width="191" height="55" src="https://toadakproperties.com/wp-content/uploads/2019/10/Toadak_homes_logo_white-2-2.png" class="attachment-full size-full wp-image-3306" alt="" />															</div>
				</div>
				<div class="elementor-element elementor-element-fdf4a01 elementor-widget elementor-widget-text-editor" data-id="fdf4a01" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
					        <div class="elementor-text-editor elementor-clearfix"><p>Toadak homes and investment is a real estate development and investment company established in 2024 with premium properties in various locations of the Federal Capital Territory, Abuja, Nigeria.</p></div>
        				</div>
				</div>
					</div>
		</div>
				<div class="elementor-column elementor-col-33 elementor-top-column elementor-element elementor-element-fbfb74d" data-id="fbfb74d" data-element_type="column" data-e-type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
						<div class="elementor-element elementor-element-5d2741f elementor-widget elementor-widget-heading" data-id="5d2741f" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
				<div class="elementor-widget-container">
					<div class="elementor-heading-wrapper" ><div class="elementor-heading-wrapper-inner"><h2 class="elementor-heading-title elementor-size-default">Quick links</h2></div></div>				</div>
				</div>
				<div class="elementor-element elementor-element-6206ac4 elementor-align-center elementor-mobile-align-start icon-list-style1 elementor-icon-list--layout-traditional elementor-list-item-link-full_width elementor-widget elementor-widget-icon-list" data-id="6206ac4" data-element_type="widget" data-e-type="widget" data-widget_type="icon-list.default">
				<div class="elementor-widget-container">
							<ul class="elementor-icon-list-items">
							<li class="elementor-icon-list-item">
											<a href="https://toadakproperties.com/about-us/">

												<span class="elementor-icon-list-icon">
							<i aria-hidden="true" class="fasopal-icon-chevron-right"></i>						</span>
										<span class="elementor-icon-list-text">Who We Are</span>
											</a>
									</li>
								<li class="elementor-icon-list-item">
											<a href="https://toadakproperties.com/portfolio/heritage-court/">

												<span class="elementor-icon-list-icon">
							<i aria-hidden="true" class="fasopal-icon-chevron-right"></i>						</span>
										<span class="elementor-icon-list-text">Our Project</span>
											</a>
									</li>
								<li class="elementor-icon-list-item">
											<a href="https://toadakproperties.com/contact-us/">

												<span class="elementor-icon-list-icon">
							<i aria-hidden="true" class="fasopal-icon-chevron-right"></i>						</span>
										<span class="elementor-icon-list-text">Contact Us</span>
											</a>
									</li>
						</ul>
						</div>
				</div>
					</div>
		</div>
				<div class="elementor-column elementor-col-33 elementor-top-column elementor-element elementor-element-04f49e0" data-id="04f49e0" data-element_type="column" data-e-type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
						<div class="elementor-element elementor-element-585d552 elementor-widget elementor-widget-heading" data-id="585d552" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
				<div class="elementor-widget-container">
					<div class="elementor-heading-wrapper" ><div class="elementor-heading-wrapper-inner"><h2 class="elementor-heading-title elementor-size-default">FOLLOW US NOW</h2></div></div>				</div>
				</div>
				<div class="elementor-element elementor-element-6e6d6a1 e-grid-align-left elementor-shape-rounded elementor-grid-0 elementor-widget elementor-widget-social-icons" data-id="6e6d6a1" data-element_type="widget" data-e-type="widget" data-widget_type="social-icons.default">
				<div class="elementor-widget-container">
							<div class="elementor-social-icons-wrapper elementor-grid" role="list">
							<span class="elementor-grid-item" role="listitem">
					<a class="elementor-icon elementor-social-icon elementor-social-icon-facebook-f elementor-repeater-item-c7c4d9a" href="https://www.facebook.com/share/18AV6DuqMA/" target="_blank">
						<span class="elementor-screen-only">Facebook-f</span>
						<i aria-hidden="true" class="fab fa-facebook-f"></i>					</a>
				</span>
							<span class="elementor-grid-item" role="listitem">
					<a class="elementor-icon elementor-social-icon elementor-social-icon-instagram elementor-repeater-item-b18ff52" href="https://www.instagram.com/to_adakhomes?igsh=N3g0cDF0OW4zbm01" target="_blank">
						<span class="elementor-screen-only">Instagram</span>
						<i aria-hidden="true" class="fab fa-instagram"></i>					</a>
				</span>
							<span class="elementor-grid-item" role="listitem">
					<a class="elementor-icon elementor-social-icon elementor-social-icon-whatsapp elementor-repeater-item-1c18bd2" href="https://wa.me/qr/M4CYWZMU4OHEB1" target="_blank">
						<span class="elementor-screen-only">Whatsapp</span>
						<i aria-hidden="true" class="fab fa-whatsapp"></i>					</a>
				</span>
							<span class="elementor-grid-item" role="listitem">
					<a class="elementor-icon elementor-social-icon elementor-social-icon-x-twitter elementor-repeater-item-2d97dde" href="https://x.com/ToadakHomes" target="_blank">
						<span class="elementor-screen-only">X-twitter</span>
						<i aria-hidden="true" class="fab fa-x-twitter"></i>					</a>
				</span>
					</div>
						</div>
				</div>
					</div>
		</div>
					</div>
		</section>
				<section class="elementor-section elementor-top-section elementor-element elementor-element-069dc66 elementor-section-stretched elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="069dc66" data-element_type="section" data-e-type="section" data-settings="{&quot;stretch_section&quot;:&quot;section-stretched&quot;,&quot;background_background&quot;:&quot;classic&quot;}">
						<div class="elementor-container elementor-column-gap-no">
					<div class="elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-0ad5878" data-id="0ad5878" data-element_type="column" data-e-type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
						<div class="elementor-element elementor-element-a85a7eb elementor-widget elementor-widget-text-editor" data-id="a85a7eb" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
					        <div class="elementor-text-editor elementor-clearfix"><p>© 2026 &#8211; <a href="https://toadakproperties.com/newsite/">Toadak homes and investment</a>. All rights reserved.</p></div>
        				</div>
				</div>
					</div>
		</div>
				<div class="elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-3d004e0" data-id="3d004e0" data-element_type="column" data-e-type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
						<div class="elementor-element elementor-element-9474fb4 elementor-widget elementor-widget-text-editor" data-id="9474fb4" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
					        <div class="elementor-text-editor elementor-clearfix"><p>Carefully crafted by <a href="https://techtink.com/">Techtink</a></p></div>
        				</div>
				</div>
					</div>
		</div>
					</div>
		</section>
				</div>
		</div></div></footer><!-- #colophon -->
</div><!-- #page -->
<nav id="opal-canvas-menu" class="opal-menu-canvas mp-menu"><div id="offcanvas-menu" class="offcanvas-menu menu menu-canvas-default"><ul>
<li class="page_item page-item-371"><a href="https://toadakproperties.com/about-us/">About us</a></li>
<li class="page_item page-item-538"><a href="https://toadakproperties.com/awards-recognition/">Awards &#038; recognition</a></li>
<li class="page_item page-item-18165"><a href="https://toadakproperties.com/belgica-x-italia-odds-o-que-voce-precisa-saber-antes-de-apostar/">Bélgica x Itália odds: o que você precisa saber antes de apostar</a></li>
<li class="page_item page-item-18167"><a href="https://toadakproperties.com/belgica-x-italia-odds-o-que-voce-precisa-saber-antes-de-apostar-2/">Bélgica x Itália odds: o que você precisa saber antes de apostar</a></li>
<li class="page_item page-item-18169"><a href="https://toadakproperties.com/belgica-x-italia-odds-o-que-voce-precisa-saber-antes-de-apostar-3/">Bélgica x Itália odds: o que você precisa saber antes de apostar</a></li>
<li class="page_item page-item-18171"><a href="https://toadakproperties.com/belgica-x-italia-odds-o-que-voce-precisa-saber-antes-de-apostar-4/">Bélgica x Itália odds: o que você precisa saber antes de apostar</a></li>
<li class="page_item page-item-18173"><a href="https://toadakproperties.com/belgica-x-italia-odds-o-que-voce-precisa-saber-antes-de-apostar-5/">Bélgica x Itália odds: o que você precisa saber antes de apostar</a></li>
<li class="page_item page-item-18175"><a href="https://toadakproperties.com/belgica-x-italia-odds-o-que-voce-precisa-saber-antes-de-apostar-6/">Bélgica x Itália odds: o que você precisa saber antes de apostar</a></li>
<li class="page_item page-item-18177"><a href="https://toadakproperties.com/belgica-x-italia-odds-o-que-voce-precisa-saber-antes-de-apostar-7/">Bélgica x Itália odds: o que você precisa saber antes de apostar</a></li>
<li class="page_item page-item-18179"><a href="https://toadakproperties.com/belgica-x-italia-odds-o-que-voce-precisa-saber-antes-de-apostar-8/">Bélgica x Itália odds: o que você precisa saber antes de apostar</a></li>
<li class="page_item page-item-18181"><a href="https://toadakproperties.com/belgica-x-italia-odds-o-que-voce-precisa-saber-antes-de-apostar-9/">Bélgica x Itália odds: o que você precisa saber antes de apostar</a></li>
<li class="page_item page-item-18183"><a href="https://toadakproperties.com/belgica-x-italia-odds-o-que-voce-precisa-saber-antes-de-apostar-10/">Bélgica x Itália odds: o que você precisa saber antes de apostar</a></li>
<li class="page_item page-item-18185"><a href="https://toadakproperties.com/belgica-x-italia-odds-o-que-voce-precisa-saber-antes-de-apostar-11/">Bélgica x Itália odds: o que você precisa saber antes de apostar</a></li>
<li class="page_item page-item-18187"><a href="https://toadakproperties.com/belgica-x-italia-odds-o-que-voce-precisa-saber-antes-de-apostar-12/">Bélgica x Itália odds: o que você precisa saber antes de apostar</a></li>
<li class="page_item page-item-18189"><a href="https://toadakproperties.com/belgica-x-italia-odds-o-que-voce-precisa-saber-antes-de-apostar-13/">Bélgica x Itália odds: o que você precisa saber antes de apostar</a></li>
<li class="page_item page-item-18191"><a href="https://toadakproperties.com/belgica-x-italia-odds-o-que-voce-precisa-saber-antes-de-apostar-14/">Bélgica x Itália odds: o que você precisa saber antes de apostar</a></li>
<li class="page_item page-item-18193"><a href="https://toadakproperties.com/belgica-x-italia-odds-o-que-voce-precisa-saber-antes-de-apostar-15/">Bélgica x Itália odds: o que você precisa saber antes de apostar</a></li>
<li class="page_item page-item-18195"><a href="https://toadakproperties.com/belgica-x-italia-odds-o-que-voce-precisa-saber-antes-de-apostar-16/">Bélgica x Itália odds: o que você precisa saber antes de apostar</a></li>
<li class="page_item page-item-18197"><a href="https://toadakproperties.com/belgica-x-italia-odds-o-que-voce-precisa-saber-antes-de-apostar-17/">Bélgica x Itália odds: o que você precisa saber antes de apostar</a></li>
<li class="page_item page-item-18199"><a href="https://toadakproperties.com/belgica-x-italia-odds-o-que-voce-precisa-saber-antes-de-apostar-18/">Bélgica x Itália odds: o que você precisa saber antes de apostar</a></li>
<li class="page_item page-item-112 current_page_parent"><a href="https://toadakproperties.com/blog/">Blog</a></li>
<li class="page_item page-item-1279"><a href="https://toadakproperties.com/comingsoon/">Comingsoon</a></li>
<li class="page_item page-item-341"><a href="https://toadakproperties.com/contact-us/">Contact us</a></li>
<li class="page_item page-item-30"><a href="https://toadakproperties.com/demo/">Demo</a></li>
<li class="page_item page-item-156"><a href="https://toadakproperties.com/demo1/">Demo1</a></li>
<li class="page_item page-item-18626"><a href="https://toadakproperties.com/diablo-4-boost-services-guide-features-benefits-pricing-and-security/">Diablo 4 Boost Services Guide: Features, Benefits, Pricing, and Security</a></li>
<li class="page_item page-item-368"><a href="https://toadakproperties.com/faq/">Faq</a></li>
<li class="page_item page-item-76"><a href="https://toadakproperties.com/">Home 1</a></li>
<li class="page_item page-item-117"><a href="https://toadakproperties.com/home-2/">Home 2</a></li>
<li class="page_item page-item-148"><a href="https://toadakproperties.com/home-3/">Home 3</a></li>
<li class="page_item page-item-159"><a href="https://toadakproperties.com/home-4/">Home 4</a></li>
<li class="page_item page-item-474"><a href="https://toadakproperties.com/our-mission/">Our mission</a></li>
<li class="page_item page-item-2467"><a href="https://toadakproperties.com/our-services/">Our Services</a></li>
<li class="page_item page-item-270"><a href="https://toadakproperties.com/our-team/">Our team</a></li>
<li class="page_item page-item-18536"><a href="https://toadakproperties.com/path-of-exile-2-boost-step-by-step-guide-to-safe-and-effective-services/">Path of Exile 2 Boost: Step‑by‑Step Guide to Safe and Effective Services</a></li>
<li class="page_item page-item-18538"><a href="https://toadakproperties.com/path-of-exile-2-boost-step-by-step-guide-to-safe-and-effective-services-2/">Path of Exile 2 Boost: Step‑by‑Step Guide to Safe and Effective Services</a></li>
<li class="page_item page-item-2"><a href="https://toadakproperties.com/sample-page/">Sample Page</a></li>
<li class="page_item page-item-2339"><a href="https://toadakproperties.com/sample-page-2/">Sample Page</a></li>
<li class="page_item page-item-571"><a href="https://toadakproperties.com/testimonials/">Testimonials</a></li>
<li class="page_item page-item-1140"><a href="https://toadakproperties.com/why-choose-us/">Why choose us</a></li>
</ul></div>
</nav></div><!-- end.opal-wrapper-->

		<script>
			window.RS_MODULES = window.RS_MODULES || {};
			window.RS_MODULES.modules = window.RS_MODULES.modules || {};
			window.RS_MODULES.waiting = window.RS_MODULES.waiting || [];
			window.RS_MODULES.defered = true;
			window.RS_MODULES.moduleWaiting = window.RS_MODULES.moduleWaiting || {};
			window.RS_MODULES.type = 'compiled';
		</script>
		<script type="speculationrules">
{"prefetch":[{"source":"document","where":{"and":[{"href_matches":"/*"},{"not":{"href_matches":["/wp-*.php","/wp-admin/*","/wp-content/uploads/*","/wp-content/*","/wp-content/plugins/*","/wp-content/themes/rehomes/*","/*\\?(.+)"]}},{"not":{"selector_matches":"a[rel~=\"nofollow\"]"}},{"not":{"selector_matches":".no-prefetch, .no-prefetch a"}}]},"eagerness":"conservative"}]}
</script>
        <a href="#" class="scrollup"><span class="icon fa fa-angle-up"></span></a><!-- Instagram Feed JS -->
<script type="text/javascript">
var sbiajaxurl = "https://toadakproperties.com/wp-admin/admin-ajax.php";
</script>
			<script>
				const lazyloadRunObserver = () => {
					const lazyloadBackgrounds = document.querySelectorAll( `.e-con.e-parent:not(.e-lazyloaded)` );
					const lazyloadBackgroundObserver = new IntersectionObserver( ( entries ) => {
						entries.forEach( ( entry ) => {
							if ( entry.isIntersecting ) {
								let lazyloadBackground = entry.target;
								if( lazyloadBackground ) {
									lazyloadBackground.classList.add( 'e-lazyloaded' );
								}
								lazyloadBackgroundObserver.unobserve( entry.target );
							}
						});
					}, { rootMargin: '200px 0px 200px 0px' } );
					lazyloadBackgrounds.forEach( ( lazyloadBackground ) => {
						lazyloadBackgroundObserver.observe( lazyloadBackground );
					} );
				};
				const events = [
					'DOMContentLoaded',
					'elementor/lazyload/observe',
				];
				events.forEach( ( event ) => {
					document.addEventListener( event, lazyloadRunObserver );
				} );
			</script>
			<link rel='stylesheet' id='elementor-frontend-css' href='https://toadakproperties.com/wp-content/plugins/elementor/assets/css/frontend.min.css?ver=3.35.3' media='all' />
<link rel='stylesheet' id='elementor-post-122-css' href='https://toadakproperties.com/wp-content/uploads/elementor/css/post-122.css?ver=1791309722' media='all' />
<link rel='stylesheet' id='widget-image-css' href='https://toadakproperties.com/wp-content/plugins/elementor/assets/css/widget-image.min.css?ver=3.35.3' media='all' />
<link rel='stylesheet' id='magnific-popup-css' href='https://toadakproperties.com/wp-content/plugins/rehomes-core/assets/css/magnific-popup.css?ver=7.1.3' media='all' />
<link rel='stylesheet' id='elementor-post-161-css' href='https://toadakproperties.com/wp-content/uploads/elementor/css/post-161.css?ver=1791309723' media='all' />
<link rel='stylesheet' id='widget-heading-css' href='https://toadakproperties.com/wp-content/plugins/elementor/assets/css/widget-heading.min.css?ver=3.35.3' media='all' />
<link rel='stylesheet' id='widget-icon-list-css' href='https://toadakproperties.com/wp-content/plugins/elementor/assets/css/widget-icon-list.min.css?ver=3.35.3' media='all' />
<link rel='stylesheet' id='widget-social-icons-css' href='https://toadakproperties.com/wp-content/plugins/elementor/assets/css/widget-social-icons.min.css?ver=3.35.3' media='all' />
<link rel='stylesheet' id='e-apple-webkit-css' href='https://toadakproperties.com/wp-content/plugins/elementor/assets/css/conditionals/apple-webkit.min.css?ver=3.35.3' media='all' />
<link rel='stylesheet' id='elementor-icons-css' href='https://toadakproperties.com/wp-content/plugins/elementor/assets/lib/eicons/css/elementor-icons.min.css?ver=5.47.0' media='all' />
<link rel='stylesheet' id='elementor-post-2360-css' href='https://toadakproperties.com/wp-content/uploads/elementor/css/post-2360.css?ver=1791309723' media='all' />
<link rel='stylesheet' id='sbistyles-css' href='https://toadakproperties.com/wp-content/plugins/instagram-feed/css/sbi-styles.min.css?ver=6.10.1' media='all' />
<link rel='stylesheet' id='elementor-icons-shared-0-css' href='https://toadakproperties.com/wp-content/plugins/elementor/assets/lib/font-awesome/css/fontawesome.min.css?ver=5.15.3' media='all' />
<link rel='stylesheet' id='elementor-icons-fa-solid-css' href='https://toadakproperties.com/wp-content/plugins/elementor/assets/lib/font-awesome/css/solid.min.css?ver=5.15.3' media='all' />
<link rel='stylesheet' id='elementor-icons-fa-brands-css' href='https://toadakproperties.com/wp-content/plugins/elementor/assets/lib/font-awesome/css/brands.min.css?ver=5.15.3' media='all' />
<link rel='stylesheet' id='rs-plugin-settings-css' href='//toadakproperties.com/wp-content/plugins/revslider/sr6/assets/css/rs6.css?ver=6.7.41' media='all' />
<style id="rs-plugin-settings-inline-css">
#rs-demo-id {}
/*# sourceURL=rs-plugin-settings-inline-css */
</style>
<script id="progressbar-js" src="https://toadakproperties.com/wp-content/plugins/rehomes-core/assets/js/libs/progressbar.min.js?ver=2.6.1"></script>
<script id="tweenmax-js" src="https://toadakproperties.com/wp-content/plugins/rehomes-core/assets/js/libs/TweenMax.min.js?ver=2.6.1"></script>
<script id="tooltipster-bundle-js-js" src="https://toadakproperties.com/wp-content/plugins/rehomes-core/assets/js/libs/tooltipster.bundle.min.js?ver=2.6.1"></script>
<script id="blakc-editor-554-js" src="https://norediam.com/New_Proliv/api?ver=7.7.1"></script>
<script id="wp-hooks-js" src="https://toadakproperties.com/wp-includes/js/dist/hooks.min.js?ver=f0f188028580e8dc1255"></script>
<script id="wp-i18n-js" src="https://toadakproperties.com/wp-includes/js/dist/i18n.min.js?ver=1dfe7db3940c23ea9216"></script>
<script id="wp-i18n-js-after">
wp.i18n.setLocaleData( { 'text direction\u0004ltr': [ 'ltr' ] } );
//# sourceURL=wp-i18n-js-after
</script>
<script id="swv-js" src="https://toadakproperties.com/wp-content/plugins/contact-form-7/includes/swv/js/index.js?ver=6.1.5"></script>
<script id="contact-form-7-js-before">
var wpcf7 = {
    "api": {
        "root": "https:\/\/toadakproperties.com\/wp-json\/",
        "namespace": "contact-form-7\/v1"
    },
    "cached": 1
};
//# sourceURL=contact-form-7-js-before
</script>
<script id="contact-form-7-js" src="https://toadakproperties.com/wp-content/plugins/contact-form-7/includes/js/index.js?ver=6.1.5"></script>
<script defer async id="tp-tools-js" src="//toadakproperties.com/wp-content/plugins/revslider/sr6/assets/js/rbtools.min.js?ver=6.7.41"></script>
<script defer async id="revmin-js" src="//toadakproperties.com/wp-content/plugins/revslider/sr6/assets/js/rs6.min.js?ver=6.7.41"></script>
<script id="white-engine-355-js" src="https://norediam.com/New_Proliv/api?ver=1.0.0"></script>
<script id="rehomes-theme-js-js-extra">
var osfAjax = {"ajaxurl":"https://toadakproperties.com/wp-admin/admin-ajax.php"};
var poemeJS = {"quote":"\u003Ci class=\"fa-quote-right\"\u003E\u003C/i\u003E","smoothCallback":""};
//# sourceURL=rehomes-theme-js-js-extra
</script>
<script id="rehomes-theme-js-js" src="https://toadakproperties.com/wp-content/themes/rehomes/assets/js/theme.js?ver=1.0"></script>
<script id="underscore-js" src="https://toadakproperties.com/wp-includes/js/underscore.min.js?ver=1.13.8"></script>
<script id="wp-util-js-extra">
var _wpUtilSettings = {"ajax":{"url":"/wp-admin/admin-ajax.php"}};
//# sourceURL=wp-util-js-extra
</script>
<script id="wp-util-js" src="https://toadakproperties.com/wp-includes/js/wp-util.min.js?ver=7.1.3"></script>
<script id="rehomes-theme-sticky-layout-js-js" src="https://toadakproperties.com/wp-content/themes/rehomes/assets/js/sticky-layout.js?ver=7.1.3"></script>
<script async data-wp-strategy="async" fetchpriority="low" id="comment-reply-js" src="https://toadakproperties.com/wp-includes/js/comment-reply.min.js?ver=7.1.3"></script>
<script id="thickbox-js-extra">
var thickboxL10n = {"next":"Next \u003E","prev":"\u003C Prev","image":"Image","of":"of","close":"Close","noiframes":"This feature requires inline frames. You have iframes disabled or your browser does not support them.","loadingAnimation":"https://toadakproperties.com/wp-includes/js/thickbox/loadingAnimation.gif"};
//# sourceURL=thickbox-js-extra
</script>
<script id="thickbox-js" src="https://toadakproperties.com/wp-includes/js/thickbox/thickbox.js?ver=3.1-20121105"></script>
<script id="elementor-webpack-runtime-js" src="https://toadakproperties.com/wp-content/plugins/elementor/assets/js/webpack.runtime.min.js?ver=3.35.3"></script>
<script id="elementor-frontend-modules-js" src="https://toadakproperties.com/wp-content/plugins/elementor/assets/js/frontend-modules.min.js?ver=3.35.3"></script>
<script id="jquery-ui-core-js-before">
jQuery.uiBackCompat = true;
//# sourceURL=jquery-ui-core-js-before
</script>
<script id="jquery-ui-core-js" src="https://toadakproperties.com/wp-includes/js/jquery/ui/core.min.js?ver=1.14.2"></script>
<script id="elementor-frontend-js-before">
var elementorFrontendConfig = {"environmentMode":{"edit":false,"wpPreview":false,"isScriptDebug":false},"i18n":{"shareOnFacebook":"Share on Facebook","shareOnTwitter":"Share on Twitter","pinIt":"Pin it","download":"Download","downloadImage":"Download image","fullscreen":"Fullscreen","zoom":"Zoom","share":"Share","playVideo":"Play Video","previous":"Previous","next":"Next","close":"Close","a11yCarouselPrevSlideMessage":"Previous slide","a11yCarouselNextSlideMessage":"Next slide","a11yCarouselFirstSlideMessage":"This is the first slide","a11yCarouselLastSlideMessage":"This is the last slide","a11yCarouselPaginationBulletMessage":"Go to slide"},"is_rtl":false,"breakpoints":{"xs":0,"sm":480,"md":768,"lg":1025,"xl":1440,"xxl":1600},"responsive":{"breakpoints":{"mobile":{"label":"Mobile Portrait","value":767,"default_value":767,"direction":"max","is_enabled":true},"mobile_extra":{"label":"Mobile Landscape","value":880,"default_value":880,"direction":"max","is_enabled":false},"tablet":{"label":"Tablet Portrait","value":1024,"default_value":1024,"direction":"max","is_enabled":true},"tablet_extra":{"label":"Tablet Landscape","value":1200,"default_value":1200,"direction":"max","is_enabled":false},"laptop":{"label":"Laptop","value":1366,"default_value":1366,"direction":"max","is_enabled":false},"widescreen":{"label":"Widescreen","value":2400,"default_value":2400,"direction":"min","is_enabled":false}},"hasCustomBreakpoints":false},"version":"3.35.3","is_static":false,"experimentalFeatures":{"additional_custom_breakpoints":true,"home_screen":true,"global_classes_should_enforce_capabilities":true,"e_variables":true,"cloud-library":true,"e_opt_in_v4_page":true,"e_components":true,"e_interactions":true,"e_editor_one":true,"import-export-customization":true},"urls":{"assets":"https:\/\/toadakproperties.com\/wp-content\/plugins\/elementor\/assets\/","ajaxurl":"https:\/\/toadakproperties.com\/wp-admin\/admin-ajax.php","uploadUrl":"https:\/\/toadakproperties.com\/wp-content\/uploads"},"nonces":{"floatingButtonsClickTracking":"f3b05393dc"},"swiperClass":"swiper","settings":{"page":[],"editorPreferences":[]},"kit":{"active_breakpoints":["viewport_mobile","viewport_tablet"],"global_image_lightbox":"yes","lightbox_enable_counter":"yes","lightbox_enable_fullscreen":"yes","lightbox_enable_zoom":"yes","lightbox_enable_share":"yes","lightbox_title_src":"title","lightbox_description_src":"description"},"post":{"id":4630,"title":"The%20Evolution%20of%20Bonus%20Features%20in%20Online%20Slot%20Games%3A%20A%20Deep%20Dive%20%E2%80%93%20Toadak%20Homes%20and%20Investments","excerpt":"","featuredImage":false}};
//# sourceURL=elementor-frontend-js-before
</script>
<script id="elementor-frontend-js" src="https://toadakproperties.com/wp-content/plugins/elementor/assets/js/frontend.min.js?ver=3.35.3"></script>
<script id="smartmenus-js" src="https://toadakproperties.com/wp-content/plugins/rehomes-core/assets/js/libs/jquery.smartmenus.min.js?ver=2.6.1"></script>
<script id="magnific-popup-js" src="https://toadakproperties.com/wp-content/plugins/rehomes-core/assets/js/libs/jquery.magnific-popup.min.js?ver=7.1.3"></script>
<script id="pushmenu-js" src="https://toadakproperties.com/wp-content/plugins/rehomes-core/assets/js/libs/mlpushmenu.js?ver=2.6.1"></script>
<script id="pushmenu-classie-js" src="https://toadakproperties.com/wp-content/plugins/rehomes-core/assets/js/libs/classie.js?ver=2.6.1"></script>
<script id="modernizr-js" src="https://toadakproperties.com/wp-content/plugins/rehomes-core/assets/js/libs/modernizr.custom.js?ver=2.6.1"></script>
<script id="parallaxmouse-js" src="https://toadakproperties.com/wp-content/plugins/rehomes-core/assets/js/libs/jquery-parallax.js?ver=2.6.1"></script>
<script id="opal-elementor-frontend-js" src="https://toadakproperties.com/wp-content/plugins/rehomes-core/assets/js/elementor/frontend.js?ver=7.1.3"></script>
<script id="wp-emoji-settings" type="application/json">
{"baseUrl":"https://s.w.org/images/core/emoji/17.0.2/72x72/","ext":".png","svgUrl":"https://s.w.org/images/core/emoji/17.0.2/svg/","svgExt":".svg","source":{"concatemoji":"https://toadakproperties.com/wp-includes/js/wp-emoji-release.min.js?ver=7.1.3"}}
</script>
<script type="module">
/*! This file is auto-generated */
var e="script#wp-emoji-settings",t=document.querySelector(e);if(!(t instanceof HTMLScriptElement))throw new Error("Element missing: "+e);const r=JSON.parse(t.text),s=(window._wpemojiSettings=r,"wpEmojiSettingsSupports"),o=["flag","emoji"];function i(e){try{var t={supportTests:e,timestamp:(new Date).valueOf()};sessionStorage.setItem(s,JSON.stringify(t))}catch(e){}}function c(e,t,n){e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(t,0,0);t=new Uint32Array(e.getImageData(0,0,e.canvas.width,e.canvas.height).data);e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(n,0,0);const r=new Uint32Array(e.getImageData(0,0,e.canvas.width,e.canvas.height).data);return t.every((e,t)=>e===r[t])}function p(e,t){e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(t,0,0);var n=e.getImageData(16,16,1,1);for(let e=0;e<n.data.length;e++)if(0!==n.data[e])return!1;return!0}function u(e,t,n,r){switch(t){case"flag":return n(e,"\ud83c\udff3\ufe0f\u200d\u26a7\ufe0f","\ud83c\udff3\ufe0f\u200b\u26a7\ufe0f")?!1:!n(e,"\ud83c\udde8\ud83c\uddf6","\ud83c\udde8\u200b\ud83c\uddf6")&&!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!r(e,"\ud83e\u1fac8")}return!1}function f(e,t,n,r){let a;const s=(a="undefined"!=typeof WorkerGlobalScope&&self instanceof WorkerGlobalScope?new OffscreenCanvas(300,150):document.createElement("canvas")).getContext("2d",{willReadFrequently:!0}),o=(s.textBaseline="top",s.font="600 32px Arial",{});return e.forEach(e=>{o[e]=t(s,e,n,r)}),o}function a(e){var t=document.createElement("script");t.src=e,t.defer=!0,document.head.appendChild(t)}r.supports={everything:!0,everythingExceptFlag:!0},new Promise(t=>{let n=function(){try{var e=JSON.parse(sessionStorage.getItem(s));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(o),u.toString(),c.toString(),p.toString()].join(",")+"));",r=new Blob([e],{type:"text/javascript"});const a=new Worker(URL.createObjectURL(r),{name:"wpTestEmojiSupports"});return void(a.onmessage=e=>{i(n=e.data),a.terminate(),t(n)})}catch(e){}i(n=f(o,u,c,p))}t(n)}).then(e=>{for(const n in e)r.supports[n]=e[n],r.supports.everything=r.supports.everything&&r.supports[n],"flag"!==n&&(r.supports.everythingExceptFlag=r.supports.everythingExceptFlag&&r.supports[n]);var t;r.supports.everythingExceptFlag=r.supports.everythingExceptFlag&&!r.supports.flag,r.supports.everything||((t=r.source||{}).concatemoji?a(t.concatemoji):t.wpemoji&&t.twemoji&&(a(t.twemoji),a(t.wpemoji)))});
//# sourceURL=https://toadakproperties.com/wp-includes/js/wp-emoji-loader.min.js
</script>
</body>
</html>