�PNG  IHDR22?�� pHYs  �� OiCCPPhotoshop ICC profilexڝSgTS�=���BK���KoR RB���&*! J�!��Q�EEȠ�����Q, � ��!���������{�kּ������>���� �H3Q5� �B�������.@� $p�d!s�#�~<<+"��x� �M��0���B�\���t�8K�@z�B�@F���&S�`�cb�P-`'������{[�!�� e�Dh;��V�EX0fK�9�-0IWfH���� � 0Q��){`�##x��F�W<�+��*x��<�$9E�[-qWW.(�I+6aa�@.�y�2�4���������x����6��_-��"bb���ϫp@�t~��,/��;�m��%�h^ �u��f�@����W�p�~<�5�j>{�-�]c�K'Xt����o��(�h���w��?�G�%�fI�q^D$.Tʳ?�D��*�A��,���� �`6�B$��BB d�r`)��B(�Ͱ*`/�@4�Qh��p.�U�=p�a��(�� A�a!ڈb�X#����!�H�$ ɈQ"K�5H1R�T UH�=r9�\F��;�2����G1���Q=� �C��7�F� �dt1�����r�=�6��Ыhڏ>C�0��3�l0.��B�8, �c˱"� ���V����cϱw�E� 6wB aAHXLXN�H� $4� 7 �Q�'"��K�&���b21�XH,#��/{�C�7$�C2'��I��T��F�nR#�,��4H#���dk�9�, +ȅ����3��!�[ �b@q��S�(R�jJ��4�e�2AU��Rݨ�T5�ZB���R�Q��4u�9̓IK�����hh�i��t�ݕN��W���G���w ��Ljg(�gw��L�Ӌ�T071���oUX*�*|�� �J�&�*/T����ު U�U�T��^S}�FU3S� Ԗ�U��P�SSg�;���g�oT?�~Y��Y�L�OC�Q��_�� c�x,!k ��u�5�&���|v*�����=���9C3J3W�R�f?�q��tN �(���~���)�)�4L�1e\k����X�H�Q�G�6������E�Y��A�J'\'Gg����S�Sݧ �M=:��.�k���Dw�n��^��Lo��y���}/�T�m���G X� $� �<�5qo</���QC]�@C�a�a�ᄑ��<��F�F�i�\�$�m�mƣ&&!&KM�M�RM��)�;L;L���͢�֙5�=1�2��כ߷`ZxZ,����eI��Z�Yn�Z9Y�XUZ]�F���%ֻ�����N�N���gð�ɶ�����ۮ�m�}agbg�Ů��}�}��= ���Z~s�r:V:ޚΜ�?}����/gX���3��)�i�S��Ggg�s�󈋉K��.�>.���Ƚ�Jt�q]�z���������ۯ�6�i�ܟ�4�)�Y3s���C�Q��? ��0k߬~OCO�g��#/c/�W�װ��w��a�>�>r��>�<7�2�Y_�7��ȷ�O�o�_��C#�d�z����%g��A�[��z|!��?:�e����A���AA�������!h�쐭!��Α�i�P~���a�a��~ '���W�?�p�X�1�5w��Cs�D�D�Dޛg1O9�-J5*>�.j<�7�4�?�.fY��X�XIlK9.*�6nl������� �{�/�]py�����.,:�@L�N8��A*��%�w%� y��g"/�6ш�C\*N�H*Mz�쑼5y$�3�,幄'���L Lݛ:��v m2=:�1����qB�!M��g�g�fvˬe����n��/��k���Y- �B��TZ(�*�geWf�͉�9���+��̳�ې7�����ᒶ��KW-X潬j9�������(�x��oʿ�ܔ���Ĺd�f�f���-�[����n �ڴ �V����E�/��(ۻ��C���<��e����;?T�T�T�T6��ݵa��n��{��4���[���>ɾ�UUM�f�e�I���?�������m]�Nmq����#�׹���=TR��+�G�����w- 6 U����#pDy��� �� :�v�{���vg/jB��F�S��[b[�O�>����z�G��499�?r����C�d�&����ˮ/~�����јѡ�򗓿m|������������x31^�V���w�w��O�| (�h���SЧ��������c3-� cHRMz%������u0�`:�o�_�F5IDATx��ytUս�?�;���fN$$��@B�!�k��� -*�gE���j�O�kQ�ʠ`U�B_ �AÐ0%�Ȕ�@r3ޛ;߳��$�@��v����^�s����������$��ߢ !�W��5�̱'-٘������4�>�Rƫ$�G��0U�H}�_ _� #��k�MJ/=�9Du *ڲ�k�PQ;0��j|�*�$�^컂脛y���>�z×� B��� ��(�:$�ʔ_�6��C!B����MVx��a��ζyY����j��ƋY2�9�F�{r��r�딟F��Q��hY6��� x��[l��RC��������nt@��;P��3��� F�w��7��:�P���ɋ'���mj���Bƪ�$�Q�L��y��߷g��\���z����v5�p�v$�v櫻�`6~K �Y�X����,�:��"�o�e0II"(��,������l_�C���/4�+f�E�!q��:����u����c��樼.UE�@� �]K�W���$-�h]�JG���Dz)�`��.�A/ ���mᏣc�3jK� �!�>���$�Q�!�_�? \�C2(E �M$Z I{�U���s�ǣ���=��@Բe ޻��W�����@ �w����}�9v,)��.}*|"�s��di���,���G�]W�AC�������|<����[��ߕ������K�*�G nߴ!��‹��J�!��6(L�a)��Am��������;adf��:�xm��nh�;֦I��(���o�C~ډa?�=��s����h��E������xp����)���_���t��W�����´;8���`dz=(��@@�+,�;�`�fhl��XȌ�3,uI�~z(J����� �ZX�A����H'�À�㜦�82|��a�n�z2��I���� ���EY�h�ε<�0�q�{��C��v�˅��?"@��χ�x�WS+��N�~�KQ�J�8ل�� _.W��� !TU{�����,��"�� �;�������HI S� ��))�o�1�H�D� ���� (� ;����"Ҕ��,���� �F=���O��&�Ph>�`���y��߲ &S��P�<��'��1s�1cĂ�N����2)����@�u��tv��<�+�-&�����h��[!FSG���' � z z0��<����8d&�����E0�,��<��"!P�b4��� �{S�����X����.�囤���T��hEF��X�q0"-<����h���]�Py*����F⩍��@v�˂�Y08�� .q��a��s����(!<̫1�3�L�H��7sYW�`��qtu�\7��?�@�Y�� %Ka�x�GZ�*W�P��y�����N0r9��Z�c�%���q,��k�����!!,��>���IB��� �x1�Xu�Y���v-���ֺ��N������JP��a�2`�e5��w��u;�6�i���̃��(K���ťa��(l51��JL��O'%���]���ٖ뿉!��{*�p+f ���i8��D�ȑ���ܩ�M��V��ӟz��x�7Z�1i}�^͜���6e����x��)u�d�ˏ�V�eG�\�X1�����=n�U'�~Y����L�\,�(d!x ,�:�TW8� M`r���@��r+v�Q0��>^;˴�VbF��('����� �*O��i��j�Ӆ����^�S3&� ���{������.ی�� N;��NU%d0�Ce\r"�C�b��&t7N�7��� �ȪD�[%l�۪�$��'m?�A9tI�9>��NVL ��� 6v~M�����ъ�B���0����9$&=ώm��W�0���L���&��E���f�f��'+�9��hv��7,���M��6�D�&�^� �����8 D֮�����o��k^z��O��hP�8q�5d*��YVq3�{��������#LX4�?��jP=3�~�؅c�ݰ�̱�ұ��8̲��2�G�����j��έ�9��w7���U�X�w�85C��?!I&���o&����L���I#�^�eV�,�^t5�k� �xs˛\��U�8��."���{���ǵ�l4��ݼ�;��r"���G�/~���gJV�N糦��ZZ^k+NN�D��I$�=OE�z����|*�*{��%k���G��>�`9��b;�s���8,�qs��c��.b��q�%�>r��n�R�Ƨ�%�,�A��le#�8���}; 21�0�b�&�QX�f���q�00����$>�h�N�'�a3��A���/�r ��L5�8�GԲ'�����w;��c#�q1���h$*��V^�k��QĽ�b:i������� ����H F#�_���,��]g����Ը����`RUU���� ��"�qD���>-��ϤI�~��3�̴�����NZ[[555�eeek7�m����YF#[��Đ��R��i��L�H�r ��@��J-�Pŝ��_|�-��6y��ks�V�U~��6���w.����(��0A� 4��f��� /���C�xŊ�ٳ����z=6�����rg���mKo��o�/����a�g���?'9%9��P��斓��~���L{�� �H��{AW��B��$����v�1b�&Mb�ر��ر#�0`�`xMBp! )Z�Nmo�mZ�g�}�eذaWTVV ���'99��C5��&�&+5�bT>|8��PUUETT����&���t��~TE%��'������b�tEGG;RSS�S�N�v��ѯ��t����u1@�ޚ"f��͈���r'L�Ph��m��ƌ�74o��`�x�q�P���NRSS�X,�����l&&&��MFFA!-��`��ҷ�n��Yuu�����x<I�LB%����KԒ50�!�3�bz�����ʸKL���;---�l6[��`��������Ȏ;�����egg4��!D�T��jWujyZ��������K����%����p�^���X,6��sV=�ܖ����6�3�X ���4ҿ��A2�&����_k�;d�� �VfOIEND�B`� 0x0x
0x0x
PHP 8.1.34
Preview: editor-editing-panel.js Size: 782.82 KB
/home2/astrociv/www/wp-content/plugins/elementor/assets/js/packages/editor-editing-panel/editor-editing-panel.js
/******/ (function() { // webpackBootstrap
/******/ 	"use strict";
/******/ 	var __webpack_modules__ = ({

/***/ "./packages/packages/core/editor-editing-panel/src/apply-unapply-actions.ts":
/*!**********************************************************************************!*\
  !*** ./packages/packages/core/editor-editing-panel/src/apply-unapply-actions.ts ***!
  \**********************************************************************************/
/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {

__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   doApplyClasses: function() { return /* binding */ doApplyClasses; },
/* harmony export */   doGetAppliedClasses: function() { return /* binding */ doGetAppliedClasses; },
/* harmony export */   doUnapplyClass: function() { return /* binding */ doUnapplyClass; }
/* harmony export */ });
/* harmony import */ var _elementor_editor_documents__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @elementor/editor-documents */ "@elementor/editor-documents");
/* harmony import */ var _elementor_editor_documents__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_elementor_editor_documents__WEBPACK_IMPORTED_MODULE_0__);
/* harmony import */ var _elementor_editor_elements__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @elementor/editor-elements */ "@elementor/editor-elements");
/* harmony import */ var _elementor_editor_elements__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_elementor_editor_elements__WEBPACK_IMPORTED_MODULE_1__);
/* harmony import */ var _elementor_editor_props__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @elementor/editor-props */ "@elementor/editor-props");
/* harmony import */ var _elementor_editor_props__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_elementor_editor_props__WEBPACK_IMPORTED_MODULE_2__);
/* harmony import */ var _elementor_editor_styles_repository__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @elementor/editor-styles-repository */ "@elementor/editor-styles-repository");
/* harmony import */ var _elementor_editor_styles_repository__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_elementor_editor_styles_repository__WEBPACK_IMPORTED_MODULE_3__);





// Externalized for use outside of Hooks

function doGetAppliedClasses(elementId, classesPropType = 'classes') {
  return (0,_elementor_editor_elements__WEBPACK_IMPORTED_MODULE_1__.getElementSetting)(elementId, classesPropType)?.value || [];
}
function doApplyClasses(elementId, classIds, classesPropType = 'classes') {
  (0,_elementor_editor_elements__WEBPACK_IMPORTED_MODULE_1__.updateElementSettings)({
    id: elementId,
    props: {
      [classesPropType]: _elementor_editor_props__WEBPACK_IMPORTED_MODULE_2__.classesPropTypeUtil.create(classIds)
    },
    withHistory: false
  });
  (0,_elementor_editor_documents__WEBPACK_IMPORTED_MODULE_0__.setDocumentModifiedStatus)(true);
  ensureClassesAreLoaded(classIds);
}
function ensureClassesAreLoaded(classIds) {
  const providers = _elementor_editor_styles_repository__WEBPACK_IMPORTED_MODULE_3__.stylesRepository.getProviders();
  classIds.forEach(classId => {
    _elementor_editor_styles_repository__WEBPACK_IMPORTED_MODULE_3__.stylesRepository.getProviderByKey(classId)?.actions.get(classId);
    const owningProvider = providers.find(provider => provider.actions.all().some(style => style.id === classId));
    try {
      // this is essentially to enforce the loading of a class if we have async lazy-loading style providers, e.g. global classes
      owningProvider?.actions.get(classId);
    } catch {}
  });
}
function doUnapplyClass(elementId, classId, classesPropType = 'classes') {
  const appliedClasses = (0,_elementor_editor_elements__WEBPACK_IMPORTED_MODULE_1__.getElementSetting)(elementId, classesPropType)?.value || [];
  if (!appliedClasses.includes(classId)) {
    return false;
  }
  const updatedClassIds = appliedClasses.filter(id => id !== classId);
  doApplyClasses(elementId, updatedClassIds, classesPropType);
  return true;
}

/***/ }),

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

__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   AddOrRemoveContent: function() { return /* binding */ AddOrRemoveContent; }
/* 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 _section_content__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./section-content */ "./packages/packages/core/editor-editing-panel/src/components/section-content.tsx");




const SIZE = 'tiny';
const AddOrRemoveContent = ({
  isAdded,
  onAdd,
  onRemove,
  children,
  disabled,
  renderLabel
}) => {
  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_section_content__WEBPACK_IMPORTED_MODULE_3__.SectionContent, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_2__.Stack, {
    direction: "row",
    sx: {
      justifyContent: 'space-between',
      alignItems: 'center',
      marginInlineEnd: -0.75
    }
  }, renderLabel(), isAdded ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_2__.IconButton, {
    size: SIZE,
    onClick: onRemove,
    "aria-label": "Remove",
    disabled: disabled
  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_icons__WEBPACK_IMPORTED_MODULE_1__.MinusIcon, {
    fontSize: SIZE
  })) : /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_2__.IconButton, {
    size: SIZE,
    onClick: onAdd,
    "aria-label": "Add",
    disabled: disabled
  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_icons__WEBPACK_IMPORTED_MODULE_1__.PlusIcon, {
    fontSize: SIZE
  }))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_2__.Collapse, {
    in: isAdded,
    unmountOnExit: true
  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_section_content__WEBPACK_IMPORTED_MODULE_3__.SectionContent, null, children)));
};

/***/ }),

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

__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   ControlLabel: function() { return /* binding */ ControlLabel; }
/* harmony export */ });
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
/* harmony import */ var _elementor_editor_controls__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @elementor/editor-controls */ "@elementor/editor-controls");
/* harmony import */ var _elementor_editor_controls__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_elementor_editor_controls__WEBPACK_IMPORTED_MODULE_1__);
/* harmony import */ var _elementor_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__);




const ControlLabel = ({
  children,
  infoTooltip
}) => {
  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_3__.Stack, {
    direction: "row",
    alignItems: "center",
    justifyItems: "start",
    gap: 0.25
  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_editor_controls__WEBPACK_IMPORTED_MODULE_1__.ControlFormLabel, null, children), infoTooltip && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_3__.Tooltip, {
    title: infoTooltip,
    placement: "top"
  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_icons__WEBPACK_IMPORTED_MODULE_2__.InfoCircleIcon, {
    fontSize: "tiny"
  })), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_editor_controls__WEBPACK_IMPORTED_MODULE_1__.ControlAdornments, null));
};

/***/ }),

/***/ "./packages/packages/core/editor-editing-panel/src/components/creatable-autocomplete/autocomplete-option-internal-properties.ts":
/*!**************************************************************************************************************************************!*\
  !*** ./packages/packages/core/editor-editing-panel/src/components/creatable-autocomplete/autocomplete-option-internal-properties.ts ***!
  \**************************************************************************************************************************************/
/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {

__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   addGroupToOptions: function() { return /* binding */ addGroupToOptions; },
/* harmony export */   removeInternalKeys: function() { return /* binding */ removeInternalKeys; }
/* harmony export */ });
function addGroupToOptions(options, pluralEntityName) {
  return options.map(option => {
    return {
      ...option,
      _group: `Existing ${pluralEntityName ?? 'options'}`
    };
  });
}
function removeInternalKeys(option) {
  const {
    _group,
    _action,
    ...rest
  } = option;
  return rest;
}

/***/ }),

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

__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   CreatableAutocomplete: function() { return /* binding */ CreatableAutocomplete; }
/* harmony export */ });
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
/* harmony import */ var _elementor_ui__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @elementor/ui */ "@elementor/ui");
/* harmony import */ var _elementor_ui__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_elementor_ui__WEBPACK_IMPORTED_MODULE_1__);
/* harmony import */ var _autocomplete_option_internal_properties__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./autocomplete-option-internal-properties */ "./packages/packages/core/editor-editing-panel/src/components/creatable-autocomplete/autocomplete-option-internal-properties.ts");
/* harmony import */ var _use_autocomplete_change__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./use-autocomplete-change */ "./packages/packages/core/editor-editing-panel/src/components/creatable-autocomplete/use-autocomplete-change.ts");
/* harmony import */ var _use_autocomplete_states__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./use-autocomplete-states */ "./packages/packages/core/editor-editing-panel/src/components/creatable-autocomplete/use-autocomplete-states.ts");
/* harmony import */ var _use_create_option__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./use-create-option */ "./packages/packages/core/editor-editing-panel/src/components/creatable-autocomplete/use-create-option.ts");
/* harmony import */ var _use_filter_options__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./use-filter-options */ "./packages/packages/core/editor-editing-panel/src/components/creatable-autocomplete/use-filter-options.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 MIN_INPUT_LENGTH = 2;
const CreatableAutocomplete = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.forwardRef(CreatableAutocompleteInner);
function CreatableAutocompleteInner({
  selected,
  options,
  entityName,
  onSelect,
  placeholder,
  onCreate,
  validate,
  renderEmptyState,
  ...props
}, ref) {
  const {
    inputValue,
    setInputValue,
    error,
    setError,
    inputHandlers
  } = (0,_use_autocomplete_states__WEBPACK_IMPORTED_MODULE_4__.useInputState)(validate);
  const {
    open,
    openDropdown,
    closeDropdown
  } = (0,_use_autocomplete_states__WEBPACK_IMPORTED_MODULE_4__.useOpenState)(props.open);
  const {
    createOption,
    loading
  } = (0,_use_create_option__WEBPACK_IMPORTED_MODULE_5__.useCreateOption)({
    onCreate,
    validate,
    setInputValue,
    setError,
    closeDropdown
  });
  const [internalOptions, internalSelected] = (0,react__WEBPACK_IMPORTED_MODULE_0__.useMemo)(() => [options, selected].map(optionsArr => (0,_autocomplete_option_internal_properties__WEBPACK_IMPORTED_MODULE_2__.addGroupToOptions)(optionsArr, entityName?.plural)), [options, selected, entityName?.plural]);
  const handleChange = (0,_use_autocomplete_change__WEBPACK_IMPORTED_MODULE_3__.useAutocompleteChange)({
    options: internalOptions,
    onSelect,
    createOption,
    setInputValue,
    closeDropdown
  });
  const filterOptions = (0,_use_filter_options__WEBPACK_IMPORTED_MODULE_6__.useFilterOptions)({
    options,
    selected,
    onCreate,
    entityName
  });
  const isCreatable = Boolean(onCreate);
  const freeSolo = isCreatable || inputValue.length < MIN_INPUT_LENGTH || undefined;
  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_1__.Autocomplete, _extends({
    renderTags: (tagValue, getTagProps) => {
      return tagValue.map((option, index) => /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_1__.Chip, _extends({
        size: "tiny"
      }, getTagProps({
        index
      }), {
        key: option.key ?? option.value ?? option.label,
        label: option.label
      })));
    }
  }, props, {
    ref: ref,
    freeSolo: freeSolo,
    forcePopupIcon: false,
    multiple: true,
    clearOnBlur: true,
    selectOnFocus: true,
    disableClearable: true,
    handleHomeEndKeys: true,
    disabled: loading,
    open: open,
    onOpen: openDropdown,
    onClose: closeDropdown,
    disableCloseOnSelect: true,
    value: internalSelected,
    options: internalOptions,
    ListboxComponent: error ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.forwardRef((_, errorTextRef) => /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(ErrorText, {
      ref: errorTextRef,
      error: error
    })) : undefined,
    renderGroup: params => /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(Group, params),
    inputValue: inputValue,
    renderInput: params => {
      return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_1__.TextField, _extends({}, params, {
        error: Boolean(error),
        placeholder: placeholder
      }, inputHandlers, {
        sx: theme => ({
          '.MuiAutocomplete-inputRoot.MuiInputBase-adornedStart': {
            paddingLeft: theme.spacing(0.25),
            paddingRight: theme.spacing(0.25)
          }
        })
      }));
    },
    onChange: handleChange,
    getOptionLabel: option => typeof option === 'string' ? option : option.label,
    getOptionKey: option => {
      if (typeof option === 'string') {
        return option;
      }
      return option.key ?? option.value ?? option.label;
    },
    filterOptions: filterOptions,
    groupBy: option => option._group ?? '',
    renderOption: (optionProps, option) => {
      const {
        _group,
        label
      } = option;
      return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("li", _extends({}, optionProps, {
        style: {
          display: 'block',
          textOverflow: 'ellipsis'
        },
        "data-group": _group
      }), label);
    },
    noOptionsText: renderEmptyState?.({
      searchValue: inputValue,
      onClear: () => {
        setInputValue('');
        closeDropdown();
      }
    }),
    isOptionEqualToValue: (option, value) => {
      if (typeof option === 'string') {
        return option === value;
      }
      return option.value === value.value;
    }
  }));
}
const Group = params => {
  const id = `combobox-group-${(0,react__WEBPACK_IMPORTED_MODULE_0__.useId)().replace(/:/g, '_')}`;
  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(StyledGroup, {
    role: "group",
    "aria-labelledby": id
  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(StyledGroupHeader, {
    id: id
  }, " ", params.group), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(StyledGroupItems, {
    role: "listbox"
  }, params.children));
};
const ErrorText = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.forwardRef(({
  error = 'error'
}, ref) => {
  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_1__.Box, {
    ref: ref,
    sx: theme => ({
      padding: theme.spacing(2)
    })
  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_1__.Typography, {
    variant: "caption",
    sx: {
      color: 'error.main',
      display: 'inline-block'
    }
  }, error));
});
const StyledGroup = (0,_elementor_ui__WEBPACK_IMPORTED_MODULE_1__.styled)('li')`
	&:not( :last-of-type ) {
		border-bottom: 1px solid ${({
  theme
}) => theme.palette.divider};
	}
`;
const StyledGroupHeader = (0,_elementor_ui__WEBPACK_IMPORTED_MODULE_1__.styled)(_elementor_ui__WEBPACK_IMPORTED_MODULE_1__.Box)(({
  theme
}) => ({
  position: 'sticky',
  top: '-8px',
  padding: theme.spacing(1, 2),
  color: theme.palette.text.tertiary,
  backgroundColor: theme.palette.primary.contrastText
}));
const StyledGroupItems = (0,_elementor_ui__WEBPACK_IMPORTED_MODULE_1__.styled)('ul')`
	padding: 0;
`;

/***/ }),

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

__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   CreatableAutocomplete: function() { return /* reexport safe */ _creatable_autocomplete__WEBPACK_IMPORTED_MODULE_0__.CreatableAutocomplete; }
/* harmony export */ });
/* harmony import */ var _creatable_autocomplete__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./creatable-autocomplete */ "./packages/packages/core/editor-editing-panel/src/components/creatable-autocomplete/creatable-autocomplete.tsx");



/***/ }),

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

__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   useAutocompleteChange: function() { return /* binding */ useAutocompleteChange; }
/* harmony export */ });
/* harmony import */ var _autocomplete_option_internal_properties__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./autocomplete-option-internal-properties */ "./packages/packages/core/editor-editing-panel/src/components/creatable-autocomplete/autocomplete-option-internal-properties.ts");

function useAutocompleteChange(params) {
  const {
    options,
    onSelect,
    createOption,
    setInputValue,
    closeDropdown
  } = params;
  if (!onSelect && !createOption) {
    return;
  }
  const handleChange = async (_, selectedOrInputValue, reason, details) => {
    const changedOption = details?.option;
    if (!changedOption || typeof changedOption === 'object' && changedOption.fixed) {
      // If `changedOption` is nullish it means no option was selected, created or removed.
      // The reason is either "blur" which we don't support (can't be "clear" since we disabled it).
      // If the option is fixed, it can't be selected, created or removed.
      return;
    }
    const selectedOptions = selectedOrInputValue.filter(option => typeof option !== 'string');
    switch (reason) {
      case 'removeOption':
        const removedOption = changedOption;
        updateSelectedOptions(selectedOptions, 'removeOption', removedOption);
        break;

      // User clicked an option. It's either an existing option, or "Create <new option>".
      case 'selectOption':
        {
          const selectedOption = changedOption;
          if (selectedOption._action === 'create') {
            const newOption = selectedOption.value;
            return createOption?.(newOption);
          }
          updateSelectedOptions(selectedOptions, 'selectOption', selectedOption);
          break;
        }

      // User pressed "Enter" after typing input. The input is either matching existing option or a new option to create.
      case 'createOption':
        {
          const inputValue = changedOption;
          const matchingOption = options.find(option => option.label.toLocaleLowerCase() === inputValue.toLocaleLowerCase());
          if (matchingOption) {
            selectedOptions.push(matchingOption);
            updateSelectedOptions(selectedOptions, 'selectOption', matchingOption);
          } else {
            return createOption?.(inputValue);
          }
          break;
        }
    }
    setInputValue('');
    closeDropdown();
  };
  return handleChange;
  function updateSelectedOptions(selectedOptions, reason, changedOption) {
    onSelect?.(selectedOptions.map(option => (0,_autocomplete_option_internal_properties__WEBPACK_IMPORTED_MODULE_0__.removeInternalKeys)(option)), reason, (0,_autocomplete_option_internal_properties__WEBPACK_IMPORTED_MODULE_0__.removeInternalKeys)(changedOption));
  }
}

/***/ }),

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

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

function useInputState(validate) {
  const [inputValue, setInputValue] = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)('');
  const [error, setError] = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(null);
  const handleInputChange = event => {
    const {
      value
    } = event.target;
    setInputValue(value);
    if (!validate) {
      return;
    }
    if (!value) {
      setError(null);
      return;
    }
    const {
      isValid,
      errorMessage
    } = validate(value, 'inputChange');
    if (isValid) {
      setError(null);
    } else {
      setError(errorMessage);
    }
  };
  const handleInputBlur = () => {
    setInputValue('');
    setError(null);
  };
  return {
    inputValue,
    setInputValue,
    error,
    setError,
    inputHandlers: {
      onChange: handleInputChange,
      onBlur: handleInputBlur
    }
  };
}
function useOpenState(initialOpen = false) {
  const [open, setOpen] = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(initialOpen);
  const openDropdown = () => setOpen(true);
  const closeDropdown = () => setOpen(false);
  return {
    open,
    openDropdown,
    closeDropdown
  };
}

/***/ }),

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

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

function useCreateOption(params) {
  const {
    onCreate,
    validate,
    setInputValue,
    setError,
    closeDropdown
  } = params;
  const [loading, setLoading] = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(false);
  if (!onCreate) {
    return {
      createOption: null,
      loading: false
    };
  }
  const createOption = async value => {
    setLoading(true);
    if (validate) {
      const {
        isValid,
        errorMessage
      } = validate(value, 'create');
      if (!isValid) {
        setError(errorMessage);
        setLoading(false);
        return;
      }
    }
    try {
      setInputValue('');
      closeDropdown();
      await onCreate(value);
    } catch {
      // TODO: Do something with the error.
    } finally {
      setLoading(false);
    }
  };
  return {
    createOption,
    loading
  };
}

/***/ }),

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

__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   useFilterOptions: function() { return /* binding */ useFilterOptions; }
/* harmony export */ });
/* harmony import */ var _elementor_ui__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @elementor/ui */ "@elementor/ui");
/* harmony import */ var _elementor_ui__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_elementor_ui__WEBPACK_IMPORTED_MODULE_0__);

const STRIP_NON_CLASS_CHARS = /[^a-zA-Z0-9_-]/g;
function normalizeClassSearch(value) {
  return value.replace(STRIP_NON_CLASS_CHARS, '').toLowerCase();
}
function useFilterOptions(parameters) {
  const {
    options,
    selected,
    onCreate,
    entityName
  } = parameters;
  const filter = (0,_elementor_ui__WEBPACK_IMPORTED_MODULE_0__.createFilterOptions)({
    matchFrom: 'any'
  });
  const filterOptions = (optionList, params) => {
    const selectedValues = selected.map(option => option.value);
    const filteredOptions = filter(optionList.filter(option => !selectedValues.includes(option.value)), {
      ...params,
      inputValue: normalizeClassSearch(params.inputValue)
    });
    const isExisting = options.some(option => params.inputValue === option.label);
    const allowCreate = Boolean(onCreate) && params.inputValue !== '' && !selectedValues.includes(params.inputValue) && !isExisting;
    if (allowCreate) {
      filteredOptions.unshift({
        label: `Create "${params.inputValue}"`,
        value: params.inputValue,
        _group: `Create a new ${entityName?.singular ?? 'option'}`,
        key: `create-${params.inputValue}`,
        _action: 'create'
      });
    }
    return filteredOptions;
  };
  return filterOptions;
}

/***/ }),

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

__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   PENDING_CLASS_RENAME_SESSION_KEY: function() { return /* binding */ PENDING_CLASS_RENAME_SESSION_KEY; }
/* harmony export */ });
const PENDING_CLASS_RENAME_SESSION_KEY = 'pending-class-rename-id';

/***/ }),

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

__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   CssClassProvider: function() { return /* binding */ CssClassProvider; },
/* harmony export */   useCssClass: function() { return /* binding */ useCssClass; }
/* 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 CssClassContext = /*#__PURE__*/(0,react__WEBPACK_IMPORTED_MODULE_0__.createContext)(null);
const useCssClass = () => {
  const context = (0,react__WEBPACK_IMPORTED_MODULE_0__.useContext)(CssClassContext);
  if (!context) {
    throw new Error('useCssClass must be used within a CssClassProvider');
  }
  return context;
};
function CssClassProvider({
  children,
  ...contextValue
}) {
  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(CssClassContext.Provider, {
    value: contextValue
  }, children);
}

/***/ }),

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

__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   CssClassConvert: function() { return /* binding */ CssClassConvert; },
/* harmony export */   CssClassConvertSlot: function() { return /* binding */ CssClassConvertSlot; },
/* harmony export */   injectIntoCssClassConvert: function() { return /* binding */ injectIntoCssClassConvert; }
/* 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_editor_props__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @elementor/editor-props */ "@elementor/editor-props");
/* harmony import */ var _elementor_editor_props__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_elementor_editor_props__WEBPACK_IMPORTED_MODULE_2__);
/* harmony import */ var _elementor_locations__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @elementor/locations */ "@elementor/locations");
/* harmony import */ var _elementor_locations__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_elementor_locations__WEBPACK_IMPORTED_MODULE_3__);
/* harmony import */ var _elementor_session__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! @elementor/session */ "@elementor/session");
/* harmony import */ var _elementor_session__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(_elementor_session__WEBPACK_IMPORTED_MODULE_4__);
/* harmony import */ var _contexts_classes_prop_context__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../contexts/classes-prop-context */ "./packages/packages/core/editor-editing-panel/src/contexts/classes-prop-context.tsx");
/* harmony import */ var _contexts_element_context__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../contexts/element-context */ "./packages/packages/core/editor-editing-panel/src/contexts/element-context.tsx");
/* harmony import */ var _contexts_style_context__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../../contexts/style-context */ "./packages/packages/core/editor-editing-panel/src/contexts/style-context.tsx");
/* harmony import */ var _consts__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./consts */ "./packages/packages/core/editor-editing-panel/src/components/css-classes/consts.ts");









const {
  Slot: CssClassConvertSlot,
  inject: injectIntoCssClassConvert
} = (0,_elementor_locations__WEBPACK_IMPORTED_MODULE_3__.createLocation)();
/**
 * Convert a local class to a global class injection point
 * @param props
 */
const CssClassConvert = props => {
  const {
    element
  } = (0,_contexts_element_context__WEBPACK_IMPORTED_MODULE_6__.useElement)();
  const elementId = element.id;
  const currentClassesProp = (0,_contexts_classes_prop_context__WEBPACK_IMPORTED_MODULE_5__.useClassesProp)();
  const {
    setId: setActiveId
  } = (0,_contexts_style_context__WEBPACK_IMPORTED_MODULE_7__.useStyle)();
  const [, saveValue] = (0,_elementor_session__WEBPACK_IMPORTED_MODULE_4__.useSessionStorage)(_consts__WEBPACK_IMPORTED_MODULE_8__.PENDING_CLASS_RENAME_SESSION_KEY, 'app');
  const successCallback = newId => {
    if (!props.styleDef) {
      throw new Error('Style definition is required for converting local class to global class.');
    }
    onConvert({
      newId,
      elementId,
      classesProp: currentClassesProp,
      styleDef: props.styleDef
    });
    saveValue(newId);
    setActiveId(newId);
    props.closeMenu();
  };
  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(CssClassConvertSlot, {
    canConvert: !!props.canConvert,
    styleDef: props.styleDef,
    successCallback: successCallback
  });
};
const onConvert = opts => {
  const {
    newId,
    elementId,
    classesProp
  } = opts;
  (0,_elementor_editor_elements__WEBPACK_IMPORTED_MODULE_1__.deleteElementStyle)(elementId, opts.styleDef.id);
  const currentUsedClasses = (0,_elementor_editor_elements__WEBPACK_IMPORTED_MODULE_1__.getElementSetting)(elementId, classesProp) || {
    value: []
  };
  (0,_elementor_editor_elements__WEBPACK_IMPORTED_MODULE_1__.updateElementSettings)({
    id: elementId,
    props: {
      [classesProp]: _elementor_editor_props__WEBPACK_IMPORTED_MODULE_2__.classesPropTypeUtil.create([newId, ...currentUsedClasses.value])
    },
    withHistory: false
  });
};

/***/ }),

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

__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   CssClassItem: function() { return /* binding */ CssClassItem; }
/* 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_styles__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @elementor/editor-styles */ "@elementor/editor-styles");
/* harmony import */ var _elementor_editor_styles__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_elementor_editor_styles__WEBPACK_IMPORTED_MODULE_1__);
/* harmony import */ var _elementor_editor_styles_repository__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @elementor/editor-styles-repository */ "@elementor/editor-styles-repository");
/* harmony import */ var _elementor_editor_styles_repository__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_elementor_editor_styles_repository__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_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_session__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! @elementor/session */ "@elementor/session");
/* harmony import */ var _elementor_session__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(_elementor_session__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 _contexts_style_context__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../../contexts/style-context */ "./packages/packages/core/editor-editing-panel/src/contexts/style-context.tsx");
/* harmony import */ var _consts__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ./consts */ "./packages/packages/core/editor-editing-panel/src/components/css-classes/consts.ts");
/* harmony import */ var _css_class_context__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ./css-class-context */ "./packages/packages/core/editor-editing-panel/src/components/css-classes/css-class-context.tsx");
/* harmony import */ var _css_class_menu__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ./css-class-menu */ "./packages/packages/core/editor-editing-panel/src/components/css-classes/css-class-menu.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); }













const CHIP_SIZE = 'tiny';
function CssClassItem(props) {
  const {
    chipProps,
    icon,
    color: colorProp,
    fixed,
    ...classProps
  } = props;
  const {
    id,
    provider,
    label,
    isActive,
    onClickActive,
    renameLabel,
    setError
  } = classProps;
  const {
    elementStates
  } = (0,_css_class_menu__WEBPACK_IMPORTED_MODULE_11__.useElementStates)();
  const {
    meta,
    setMetaState
  } = (0,_contexts_style_context__WEBPACK_IMPORTED_MODULE_8__.useStyle)();
  const popupState = (0,_elementor_ui__WEBPACK_IMPORTED_MODULE_6__.usePopupState)({
    variant: 'popover'
  });
  const [chipRef, setChipRef] = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(null);
  const {
    onDelete,
    ...chipGroupProps
  } = chipProps;
  const {
    userCan
  } = (0,_elementor_editor_styles_repository__WEBPACK_IMPORTED_MODULE_2__.useUserStylesCapability)();
  const [convertedFromLocalId,, clearConvertedFromLocalId] = (0,_elementor_session__WEBPACK_IMPORTED_MODULE_5__.useSessionStorage)(_consts__WEBPACK_IMPORTED_MODULE_9__.PENDING_CLASS_RENAME_SESSION_KEY, 'app');
  const {
    ref,
    isEditing,
    openEditMode,
    error,
    getProps: getEditableProps
  } = (0,_elementor_editor_ui__WEBPACK_IMPORTED_MODULE_3__.useEditable)({
    value: label,
    onSubmit: renameLabel,
    validation: validateLabel,
    onError: setError
  });
  const color = error ? 'error' : colorProp;
  const providerActions = provider ? _elementor_editor_styles_repository__WEBPACK_IMPORTED_MODULE_2__.stylesRepository.getProviderByKey(provider)?.actions : null;
  const allowRename = Boolean(providerActions?.update) && userCan(provider ?? '')?.update;
  const isShowingState = isActive && meta.state;
  const stateLabel = (0,react__WEBPACK_IMPORTED_MODULE_0__.useMemo)(() => {
    if (meta.state && (0,_elementor_editor_styles__WEBPACK_IMPORTED_MODULE_1__.isClassState)(meta.state)) {
      return elementStates.find(state => state.value === meta.state)?.label;
    }
    return meta.state;
  }, [meta.state, elementStates]);
  (0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(() => {
    if (convertedFromLocalId && id === convertedFromLocalId) {
      clearConvertedFromLocalId();
      openEditMode();
    }
    // eslint-disable-next-line react-hooks/exhaustive-deps
  }, [id, convertedFromLocalId]);
  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_6__.ThemeProvider, {
    palette: "default"
  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_6__.UnstableChipGroup, _extends({
    ref: setChipRef
  }, chipGroupProps, {
    "aria-label": `Edit ${label}`,
    role: "group",
    sx: theme => ({
      '&.MuiChipGroup-root.MuiAutocomplete-tag': {
        margin: theme.spacing(0.125)
      }
    })
  }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_6__.Chip, {
    size: CHIP_SIZE,
    label: isEditing ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_editor_ui__WEBPACK_IMPORTED_MODULE_3__.EditableField, _extends({
      ref: ref
    }, getEditableProps())) : /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_editor_ui__WEBPACK_IMPORTED_MODULE_3__.EllipsisWithTooltip, {
      maxWidth: "10ch",
      title: label,
      as: "div"
    }),
    variant: isActive && !meta.state && !isEditing ? 'filled' : 'standard',
    shape: "rounded",
    icon: icon,
    color: color,
    onClick: () => {
      if (isShowingState) {
        setMetaState(null);
        return;
      }
      if (allowRename && isActive) {
        openEditMode();
        return;
      }
      onClickActive(id);
    },
    "aria-pressed": isActive,
    sx: theme => ({
      lineHeight: 1,
      cursor: isActive && allowRename && !isShowingState ? 'text' : 'pointer',
      borderRadius: `${theme.shape.borderRadius * 0.75}px`,
      '&.Mui-focusVisible': {
        boxShadow: 'none !important'
      }
    })
  }), !isEditing && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_6__.Chip, _extends({
    icon: isShowingState ? undefined : /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_icons__WEBPACK_IMPORTED_MODULE_4__.DotsVerticalIcon, {
      fontSize: "tiny"
    }),
    size: CHIP_SIZE,
    label: isShowingState ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_6__.Stack, {
      direction: "row",
      gap: 0.5,
      alignItems: "center"
    }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_6__.Typography, {
      variant: "inherit"
    }, stateLabel), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_icons__WEBPACK_IMPORTED_MODULE_4__.DotsVerticalIcon, {
      fontSize: "tiny"
    })) : undefined,
    variant: "filled",
    shape: "rounded",
    color: color
  }, (0,_elementor_ui__WEBPACK_IMPORTED_MODULE_6__.bindTrigger)(popupState), {
    "aria-label": (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_7__.__)('Open CSS Class Menu', 'elementor'),
    sx: theme => ({
      borderRadius: `${theme.shape.borderRadius * 0.75}px`,
      paddingRight: 0,
      ...(!isShowingState ? {
        paddingLeft: 0
      } : {}),
      '.MuiChip-label': isShowingState ? {
        paddingRight: 0
      } : {
        padding: 0
      }
    })
  }))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_css_class_context__WEBPACK_IMPORTED_MODULE_10__.CssClassProvider, _extends({}, classProps, {
    handleRename: openEditMode
  }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_css_class_menu__WEBPACK_IMPORTED_MODULE_11__.CssClassMenu, {
    popupState: popupState,
    anchorEl: chipRef,
    fixed: fixed
  })));
}
const validateLabel = newLabel => {
  const result = (0,_elementor_editor_styles_repository__WEBPACK_IMPORTED_MODULE_2__.validateStyleLabel)(newLabel, 'rename');
  if (result.isValid) {
    return null;
  }
  return result.errorMessage;
};

/***/ }),

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

__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   CssClassMenu: function() { return /* binding */ CssClassMenu; },
/* harmony export */   useElementStates: function() { return /* binding */ useElementStates; }
/* 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_props__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @elementor/editor-props */ "@elementor/editor-props");
/* harmony import */ var _elementor_editor_props__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_elementor_editor_props__WEBPACK_IMPORTED_MODULE_1__);
/* harmony import */ var _elementor_editor_styles_repository__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @elementor/editor-styles-repository */ "@elementor/editor-styles-repository");
/* harmony import */ var _elementor_editor_styles_repository__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_elementor_editor_styles_repository__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 _contexts_element_context__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../contexts/element-context */ "./packages/packages/core/editor-editing-panel/src/contexts/element-context.tsx");
/* harmony import */ var _contexts_style_context__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../../contexts/style-context */ "./packages/packages/core/editor-editing-panel/src/contexts/style-context.tsx");
/* harmony import */ var _utils_get_styles_provider_color__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../../utils/get-styles-provider-color */ "./packages/packages/core/editor-editing-panel/src/utils/get-styles-provider-color.ts");
/* harmony import */ var _utils_tracking_subscribe__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ../../utils/tracking/subscribe */ "./packages/packages/core/editor-editing-panel/src/utils/tracking/subscribe.ts");
/* harmony import */ var _style_indicator__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ../style-indicator */ "./packages/packages/core/editor-editing-panel/src/components/style-indicator.tsx");
/* harmony import */ var _css_class_context__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ./css-class-context */ "./packages/packages/core/editor-editing-panel/src/components/css-classes/css-class-context.tsx");
/* harmony import */ var _duplicate_class_menu_item__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ./duplicate-class-menu-item */ "./packages/packages/core/editor-editing-panel/src/components/css-classes/duplicate-class-menu-item.tsx");
/* harmony import */ var _local_class_sub_menu__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! ./local-class-sub-menu */ "./packages/packages/core/editor-editing-panel/src/components/css-classes/local-class-sub-menu.tsx");
/* harmony import */ var _use_apply_and_unapply_class__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! ./use-apply-and-unapply-class */ "./packages/packages/core/editor-editing-panel/src/components/css-classes/use-apply-and-unapply-class.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 DEFAULT_PSEUDO_STATES = [{
  key: 'normal',
  value: null,
  label: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_5__.__)('normal', 'elementor')
}, {
  key: 'hover',
  value: 'hover',
  label: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_5__.__)('hover', 'elementor')
}, {
  key: 'focus',
  value: 'focus',
  label: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_5__.__)('focus', 'elementor')
}, {
  key: 'active',
  value: 'active',
  label: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_5__.__)('active', 'elementor')
}];
function usePseudoStates() {
  const {
    elementType
  } = (0,_contexts_element_context__WEBPACK_IMPORTED_MODULE_6__.useElement)();
  const {
    pseudoStates = []
  } = elementType;
  const additionalStates = pseudoStates.map(({
    name,
    value
  }) => ({
    key: value,
    value: value,
    label: name
  }));
  return [...DEFAULT_PSEUDO_STATES, ...additionalStates];
}
function CssClassMenu({
  popupState,
  anchorEl,
  fixed
}) {
  const {
    provider
  } = (0,_css_class_context__WEBPACK_IMPORTED_MODULE_11__.useCssClass)();
  const isLocalStyle = provider ? (0,_elementor_editor_styles_repository__WEBPACK_IMPORTED_MODULE_2__.isElementsStylesProvider)(provider) : true;
  const pseudoStates = usePseudoStates();
  const handleKeyDown = e => {
    e.stopPropagation();
  };
  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_4__.Menu, _extends({
    MenuListProps: {
      dense: true,
      sx: {
        minWidth: '160px'
      }
    }
  }, (0,_elementor_ui__WEBPACK_IMPORTED_MODULE_4__.bindMenu)(popupState), {
    anchorEl: anchorEl,
    anchorOrigin: {
      vertical: 'bottom',
      horizontal: 'left'
    },
    transformOrigin: {
      horizontal: 'left',
      vertical: -4
    },
    onKeyDown: handleKeyDown
    // Workaround for focus-visible issue.
    ,
    disableAutoFocusItem: true
  }), isLocalStyle && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_local_class_sub_menu__WEBPACK_IMPORTED_MODULE_13__.LocalClassSubMenu, {
    popupState: popupState
  }), getMenuItemsByProvider({
    provider,
    closeMenu: popupState.close,
    fixed
  }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_4__.MenuSubheader, {
    sx: {
      typography: 'caption',
      color: 'text.secondary',
      pb: 0.5,
      pt: 1
    }
  }, (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_5__.__)('States', 'elementor')), pseudoStates.map(state => {
    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(StateMenuItem, {
      key: state.key,
      state: state.value,
      label: state.label,
      closeMenu: popupState.close
    });
  }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(ClassStatesMenu, {
    closeMenu: popupState.close
  }));
}
function ClassStatesMenu({
  closeMenu
}) {
  const {
    elementStates,
    elementTitle
  } = useElementStates();
  if (!elementStates.length) {
    return null;
  }

  /* translators: %s: Element type title. */
  const customTitle = (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_5__.__)('%s States', 'elementor').replace('%s', elementTitle);
  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_4__.Divider, null), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_4__.MenuSubheader, {
    sx: {
      typography: 'caption',
      color: 'text.secondary',
      pb: 0.5,
      pt: 1
    }
  }, customTitle), elementStates.map(state => {
    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(StateMenuItem, {
      key: state.key,
      state: state.value,
      label: state.label,
      closeMenu: closeMenu
    });
  }));
}
const CLASS_STATES_MAP = {
  selected: {
    label: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_5__.__)('selected', 'elementor')
  },
  disabled: {
    label: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_5__.__)('disabled', 'elementor')
  }
};
function useElementStates() {
  const {
    elementType
  } = (0,_contexts_element_context__WEBPACK_IMPORTED_MODULE_6__.useElement)();
  const {
    styleStates = []
  } = elementType;
  const elementStates = styleStates.map(({
    value,
    name
  }) => ({
    key: value,
    value,
    label: CLASS_STATES_MAP[value]?.label ?? name
  }));
  return {
    elementStates,
    elementTitle: elementType.title
  };
}
function useModifiedStates(styleId) {
  const {
    meta
  } = (0,_contexts_style_context__WEBPACK_IMPORTED_MODULE_7__.useStyle)();
  const styleDef = _elementor_editor_styles_repository__WEBPACK_IMPORTED_MODULE_2__.stylesRepository.all().find(style => style.id === styleId);
  return Object.fromEntries(styleDef?.variants.filter(variant => meta.breakpoint === variant.meta.breakpoint && (!(0,_elementor_editor_props__WEBPACK_IMPORTED_MODULE_1__.isEmpty)(variant.props) || Boolean(variant.custom_css?.raw?.trim()))).map(variant => [variant.meta.state ?? 'normal', true]) ?? []);
}
function getMenuItemsByProvider({
  provider,
  closeMenu,
  fixed
}) {
  if (!provider) {
    return [];
  }
  const providerInstance = _elementor_editor_styles_repository__WEBPACK_IMPORTED_MODULE_2__.stylesRepository.getProviderByKey(provider);
  const providerActions = providerInstance?.actions;
  const canUpdate = providerActions?.update;
  const canDuplicate = providerActions?.create && providerActions?.get;
  const canUnapply = !fixed;
  const actions = [canUpdate && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(RenameClassMenuItem, {
    key: "rename-class",
    closeMenu: closeMenu
  }), canDuplicate && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_duplicate_class_menu_item__WEBPACK_IMPORTED_MODULE_12__.DuplicateClassMenuItem, {
    key: "duplicate-class",
    closeMenu: closeMenu
  }), canUnapply && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(UnapplyClassMenuItem, {
    key: "unapply-class",
    closeMenu: closeMenu
  })].filter(Boolean);
  if (actions.length) {
    actions.unshift(/*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_4__.MenuSubheader, {
      key: "provider-label",
      sx: {
        typography: 'caption',
        color: 'text.secondary',
        pb: 0.5,
        pt: 1,
        textTransform: 'capitalize'
      }
    }, providerInstance?.labels?.singular));
    actions.push(/*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_4__.Divider, {
      key: "provider-actions-divider"
    }));
  }
  return actions;
}
function StateMenuItem({
  state,
  label,
  closeMenu,
  ...props
}) {
  const {
    id: styleId,
    provider
  } = (0,_css_class_context__WEBPACK_IMPORTED_MODULE_11__.useCssClass)();
  const {
    id: activeId,
    setId: setActiveId,
    setMetaState: setActiveMetaState,
    meta
  } = (0,_contexts_style_context__WEBPACK_IMPORTED_MODULE_7__.useStyle)();
  const {
    state: activeState
  } = meta;
  const {
    userCan
  } = (0,_elementor_editor_styles_repository__WEBPACK_IMPORTED_MODULE_2__.useUserStylesCapability)();
  const modifiedStates = useModifiedStates(styleId);
  const isUpdateAllowed = !state || userCan(provider ?? '').updateProps;
  const isStyled = modifiedStates[state ?? 'normal'] ?? false;
  const disabled = !isUpdateAllowed && !isStyled;
  const isActive = styleId === activeId;
  const isSelected = state === activeState && isActive;
  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_editor_ui__WEBPACK_IMPORTED_MODULE_3__.MenuListItem, _extends({}, props, {
    selected: isSelected,
    disabled: disabled,
    sx: {
      textTransform: 'capitalize'
    },
    onClick: () => {
      if (!isActive) {
        setActiveId(styleId);
      }
      (0,_utils_tracking_subscribe__WEBPACK_IMPORTED_MODULE_9__.trackStyles)(provider ?? '', 'classStateClicked', {
        classId: styleId,
        type: label,
        source: styleId ? 'global' : 'local'
      });
      setActiveMetaState(state);
      closeMenu();
    }
  }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_editor_ui__WEBPACK_IMPORTED_MODULE_3__.MenuItemInfotip, {
    showInfoTip: disabled,
    content: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_5__.__)('With your current role, you can only use existing states.', 'elementor')
  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_4__.Stack, {
    gap: 0.75,
    direction: "row",
    alignItems: "center"
  }, isStyled && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_style_indicator__WEBPACK_IMPORTED_MODULE_10__.StyleIndicator, {
    "aria-label": (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_5__.__)('Has style', 'elementor'),
    getColor: (0,_utils_get_styles_provider_color__WEBPACK_IMPORTED_MODULE_8__.getTempStylesProviderThemeColor)(provider ?? '')
  }), label)));
}
function UnapplyClassMenuItem({
  closeMenu,
  ...props
}) {
  const {
    id: classId,
    label: classLabel,
    provider
  } = (0,_css_class_context__WEBPACK_IMPORTED_MODULE_11__.useCssClass)();
  const unapplyClass = (0,_use_apply_and_unapply_class__WEBPACK_IMPORTED_MODULE_14__.useUndoableUnapplyClass)();
  return classId ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_editor_ui__WEBPACK_IMPORTED_MODULE_3__.MenuListItem, _extends({}, props, {
    onClick: () => {
      unapplyClass({
        classId,
        classLabel
      });
      (0,_utils_tracking_subscribe__WEBPACK_IMPORTED_MODULE_9__.trackStyles)(provider ?? '', 'classRemoved', {
        classId,
        classTitle: classLabel,
        source: 'style-tab'
      });
      closeMenu();
    }
  }), (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_5__.__)('Remove', 'elementor')) : null;
}
function RenameClassMenuItem({
  closeMenu
}) {
  const {
    handleRename,
    provider
  } = (0,_css_class_context__WEBPACK_IMPORTED_MODULE_11__.useCssClass)();
  const {
    userCan
  } = (0,_elementor_editor_styles_repository__WEBPACK_IMPORTED_MODULE_2__.useUserStylesCapability)();
  if (!provider) {
    return null;
  }
  const isAllowed = userCan(provider).update;
  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_editor_ui__WEBPACK_IMPORTED_MODULE_3__.MenuListItem, {
    disabled: !isAllowed,
    onClick: () => {
      closeMenu();
      handleRename();
    }
  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_editor_ui__WEBPACK_IMPORTED_MODULE_3__.MenuItemInfotip, {
    showInfoTip: !isAllowed,
    content: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_5__.__)("With your current role, you can use existing classes but can't modify them.", 'elementor')
  }, (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_5__.__)('Rename', 'elementor')));
}

/***/ }),

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

__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   ClassSelectorActionsSlot: function() { return /* binding */ ClassSelectorActionsSlot; },
/* harmony export */   CssClassSelector: function() { return /* binding */ CssClassSelector; },
/* harmony export */   injectIntoClassSelectorActions: function() { return /* binding */ injectIntoClassSelectorActions; }
/* 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_styles_repository__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @elementor/editor-styles-repository */ "@elementor/editor-styles-repository");
/* harmony import */ var _elementor_editor_styles_repository__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_elementor_editor_styles_repository__WEBPACK_IMPORTED_MODULE_1__);
/* harmony import */ var _elementor_editor_ui__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @elementor/editor-ui */ "@elementor/editor-ui");
/* harmony import */ var _elementor_editor_ui__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_elementor_editor_ui__WEBPACK_IMPORTED_MODULE_2__);
/* harmony import */ var _elementor_icons__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @elementor/icons */ "@elementor/icons");
/* harmony import */ var _elementor_icons__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_elementor_icons__WEBPACK_IMPORTED_MODULE_3__);
/* harmony import */ var _elementor_locations__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! @elementor/locations */ "@elementor/locations");
/* harmony import */ var _elementor_locations__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(_elementor_locations__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 _contexts_classes_prop_context__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../../contexts/classes-prop-context */ "./packages/packages/core/editor-editing-panel/src/contexts/classes-prop-context.tsx");
/* harmony import */ var _contexts_element_context__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../../contexts/element-context */ "./packages/packages/core/editor-editing-panel/src/contexts/element-context.tsx");
/* harmony import */ var _contexts_style_context__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ../../contexts/style-context */ "./packages/packages/core/editor-editing-panel/src/contexts/style-context.tsx");
/* harmony import */ var _utils_get_styles_provider_color__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ../../utils/get-styles-provider-color */ "./packages/packages/core/editor-editing-panel/src/utils/get-styles-provider-color.ts");
/* harmony import */ var _utils_tracking_subscribe__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ../../utils/tracking/subscribe */ "./packages/packages/core/editor-editing-panel/src/utils/tracking/subscribe.ts");
/* harmony import */ var _creatable_autocomplete__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ../creatable-autocomplete */ "./packages/packages/core/editor-editing-panel/src/components/creatable-autocomplete/index.ts");
/* harmony import */ var _css_class_item__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! ./css-class-item */ "./packages/packages/core/editor-editing-panel/src/components/css-classes/css-class-item.tsx");
/* harmony import */ var _missing_classes_alert__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! ./missing-classes-alert */ "./packages/packages/core/editor-editing-panel/src/components/css-classes/missing-classes-alert.tsx");
/* harmony import */ var _use_apply_and_unapply_class__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(/*! ./use-apply-and-unapply-class */ "./packages/packages/core/editor-editing-panel/src/components/css-classes/use-apply-and-unapply-class.ts");
/* harmony import */ var _use_missing_classes__WEBPACK_IMPORTED_MODULE_16__ = __webpack_require__(/*! ./use-missing-classes */ "./packages/packages/core/editor-editing-panel/src/components/css-classes/use-missing-classes.ts");


















const ID = 'elementor-css-class-selector';
const TAGS_LIMIT = 50;
function openClassManagerPanel() {
  window.dispatchEvent(new CustomEvent('elementor/toggle-design-system', {
    detail: {
      tab: 'classes'
    }
  }));
}
const EMPTY_OPTION = {
  label: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_6__.__)('local', 'elementor'),
  value: null,
  fixed: true,
  color: getTempStylesProviderColorName('accent'),
  icon: /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_icons__WEBPACK_IMPORTED_MODULE_3__.MapPinIcon, null),
  provider: null
};
const {
  Slot: ClassSelectorActionsSlot,
  inject: injectIntoClassSelectorActions
} = (0,_elementor_locations__WEBPACK_IMPORTED_MODULE_4__.createLocation)();

/**
 * Applied - Classes applied to an element.
 * Active - Class that is currently on edit mode.
 */

function CssClassSelector() {
  const options = useOptions();
  const {
    id: activeId,
    setId: setActiveId
  } = (0,_contexts_style_context__WEBPACK_IMPORTED_MODULE_9__.useStyle)();
  const autocompleteRef = (0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)(null);
  const [renameError, setRenameError] = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(null);
  const handleSelect = useHandleSelect();
  const {
    create,
    validate,
    entityName,
    isAtLimit,
    limitCount
  } = useCreateAction();
  const appliedOptions = useAppliedOptions(options);
  const active = appliedOptions.find(option => option.value === activeId) ?? EMPTY_OPTION;
  const showPlaceholder = appliedOptions.every(({
    fixed
  }) => fixed);
  const {
    userCan
  } = (0,_elementor_editor_styles_repository__WEBPACK_IMPORTED_MODULE_1__.useUserStylesCapability)();
  const canEdit = active.provider ? userCan(active.provider).updateProps : true;
  const missingClassesIds = (0,_use_missing_classes__WEBPACK_IMPORTED_MODULE_16__.useMissingClassesIds)();
  const hasMissingClasses = missingClassesIds.length > 0;
  const unapplyClasses = (0,_use_apply_and_unapply_class__WEBPACK_IMPORTED_MODULE_15__.useUnapplyClasses)();
  const clearMissingClasses = (0,react__WEBPACK_IMPORTED_MODULE_0__.useCallback)(() => {
    unapplyClasses(missingClassesIds);
  }, [missingClassesIds, unapplyClasses]);
  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_5__.Stack, {
    p: 2
  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_5__.Stack, {
    direction: "row",
    gap: 1,
    alignItems: "center",
    justifyContent: "space-between"
  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_5__.FormLabel, {
    htmlFor: ID,
    size: "small"
  }, (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_6__.__)('Classes', 'elementor')), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_5__.Stack, {
    direction: "row",
    gap: 1
  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(ClassSelectorActionsSlot, null))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_editor_ui__WEBPACK_IMPORTED_MODULE_2__.WarningInfotip, {
    open: Boolean(renameError),
    text: renameError ?? '',
    placement: "bottom",
    width: autocompleteRef.current?.getBoundingClientRect().width,
    offset: [0, -15]
  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_creatable_autocomplete__WEBPACK_IMPORTED_MODULE_12__.CreatableAutocomplete, {
    id: ID,
    ref: autocompleteRef,
    size: "tiny",
    placeholder: showPlaceholder ? (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_6__.__)('Type class name', 'elementor') : undefined,
    options: options,
    selected: appliedOptions,
    entityName: entityName,
    onSelect: handleSelect,
    onCreate: create ?? undefined,
    validate: validate ?? undefined,
    limitTags: TAGS_LIMIT,
    renderEmptyState: isAtLimit && typeof limitCount === 'number' ? props => /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(LimitReachedEmptyState, {
      limitCount: limitCount,
      onClear: props.onClear
    }) : EmptyState,
    getLimitTagsText: more => /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_5__.Chip, {
      size: "tiny",
      variant: "standard",
      label: `+${more}`,
      clickable: true
    }),
    renderTags: (values, getTagProps) => values.map((value, index) => {
      const chipProps = getTagProps({
        index
      });
      const isActive = value.value === active?.value;
      const renameLabel = newLabel => {
        if (!value.value) {
          throw new Error(`Cannot rename a class without style id`);
        }
        (0,_utils_tracking_subscribe__WEBPACK_IMPORTED_MODULE_11__.trackStyles)(value.provider ?? '', 'classRenamed', {
          classId: value.value,
          newValue: newLabel,
          oldValue: value.label,
          source: 'style-tab'
        });
        return updateClassByProvider(value.provider, {
          label: newLabel,
          id: value.value
        });
      };
      return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_css_class_item__WEBPACK_IMPORTED_MODULE_13__.CssClassItem, {
        key: chipProps.key,
        fixed: value.fixed,
        label: value.label,
        provider: value.provider,
        id: value.value,
        isActive: isActive,
        color: isActive && value.color ? value.color : 'default',
        icon: value.icon,
        chipProps: chipProps,
        onClickActive: () => setActiveId(value.value),
        renameLabel: renameLabel,
        setError: setRenameError
      });
    })
  })), hasMissingClasses && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_missing_classes_alert__WEBPACK_IMPORTED_MODULE_14__.MissingClassesAlert, {
    onDismiss: clearMissingClasses
  }), !canEdit && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_editor_ui__WEBPACK_IMPORTED_MODULE_2__.InfoAlert, {
    sx: {
      mt: 1
    }
  }, (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_6__.__)('With your current role, you can use existing classes but can’t modify them.', 'elementor')));
}
const EmptyStateLayout = ({
  searchValue,
  onClear,
  children
}) => /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_5__.Box, {
  sx: {
    py: 4
  }
}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_5__.Stack, {
  gap: 1,
  alignItems: "center",
  color: "text.secondary",
  justifyContent: "center",
  sx: {
    px: 2,
    m: 'auto',
    maxWidth: '236px'
  }
}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_icons__WEBPACK_IMPORTED_MODULE_3__.ColorSwatchIcon, {
  sx: {
    transform: 'rotate(90deg)'
  },
  fontSize: "large"
}), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_5__.Typography, {
  align: "center",
  variant: "subtitle2"
}, (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_6__.__)('Sorry, nothing matched', 'elementor'), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("br", null), "\u201C", searchValue, "\u201D."), children, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_5__.Link, {
  color: "text.secondary",
  variant: "caption",
  component: "button",
  onClick: onClear
}, (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_6__.__)('Clear & try again', 'elementor'))));
const EmptyState = props => /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(EmptyStateLayout, props, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_5__.Typography, {
  align: "center",
  variant: "caption",
  sx: {
    mb: 2
  }
}, (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_6__.__)('With your current role,', 'elementor'), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("br", null), (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_6__.__)('you can only use existing classes.', 'elementor')));
const LimitReachedEmptyState = ({
  limitCount,
  onClear
}) => /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_5__.Box, {
  sx: {
    py: 4
  }
}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_5__.Stack, {
  gap: 1,
  alignItems: "center",
  color: "text.secondary",
  justifyContent: "center",
  sx: {
    px: 1,
    m: 'auto',
    maxWidth: '260px'
  }
}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_icons__WEBPACK_IMPORTED_MODULE_3__.ColorSwatchIcon, {
  sx: {
    transform: 'rotate(90deg)'
  },
  fontSize: "large"
}), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_5__.Typography, {
  align: "center",
  variant: "subtitle2"
}, /* translators: %s is the maximum number of classes */
(0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_6__.__)('Limit of %s classes reached', 'elementor').replace('%s', String(limitCount))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_5__.Typography, {
  align: "center",
  variant: "caption",
  component: "div"
}, (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_6__.__)('Remove a class to create a new one.', 'elementor'), ' ', /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_5__.Link, {
  color: "inherit",
  variant: "caption",
  component: "button",
  onClick: onClear,
  sx: {
    verticalAlign: 'baseline'
  }
}, (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_6__.__)('Clear', 'elementor'))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_5__.Button, {
  variant: "outlined",
  color: "secondary",
  size: "small",
  onClick: () => {
    openClassManagerPanel();
    onClear();
  }
}, (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_6__.__)('Class Manager', 'elementor'))));
const updateClassByProvider = (provider, data) => {
  if (!provider) {
    return;
  }
  const providerInstance = _elementor_editor_styles_repository__WEBPACK_IMPORTED_MODULE_1__.stylesRepository.getProviderByKey(provider);
  if (!providerInstance) {
    return;
  }
  return providerInstance.actions.update?.(data);
};
function useOptions() {
  const {
    element
  } = (0,_contexts_element_context__WEBPACK_IMPORTED_MODULE_8__.useElement)();
  const isProviderEditable = provider => !!provider.actions.updateProps;
  return (0,_elementor_editor_styles_repository__WEBPACK_IMPORTED_MODULE_1__.useProviders)().filter(isProviderEditable).flatMap(provider => {
    const isElements = (0,_elementor_editor_styles_repository__WEBPACK_IMPORTED_MODULE_1__.isElementsStylesProvider)(provider.getKey());
    const styleDefs = provider.actions.all({
      elementId: element.id
    });

    // Add an empty local option for elements, as fallback.
    if (isElements && styleDefs.length === 0) {
      return [EMPTY_OPTION];
    }
    return styleDefs.map(styleDef => {
      return {
        label: styleDef.label,
        value: styleDef.id,
        fixed: isElements,
        color: getTempStylesProviderColorName((0,_utils_get_styles_provider_color__WEBPACK_IMPORTED_MODULE_10__.getStylesProviderColorName)(provider.getKey())),
        icon: isElements ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_icons__WEBPACK_IMPORTED_MODULE_3__.MapPinIcon, null) : null,
        provider: provider.getKey()
      };
    });
  });
}
function getTempStylesProviderColorName(color) {
  if (color === 'accent') {
    return 'primary';
  }
  return color;
}
function useCreateAction() {
  const [provider, createAction] = (0,_use_apply_and_unapply_class__WEBPACK_IMPORTED_MODULE_15__.useCreateAndApplyClass)();
  if (!provider || !createAction) {
    return {};
  }
  const entityName = provider.labels.singular && provider.labels.plural ? provider.labels : undefined;
  const validate = (newClassLabel, event) => (0,_elementor_editor_styles_repository__WEBPACK_IMPORTED_MODULE_1__.validateStyleLabel)(newClassLabel, event);
  if (hasReachedLimit(provider)) {
    return {
      entityName,
      isAtLimit: true,
      limitCount: provider.limit,
      validate
    };
  }
  const create = classLabel => {
    const {
      createdId
    } = createAction({
      classLabel
    });
    (0,_utils_tracking_subscribe__WEBPACK_IMPORTED_MODULE_11__.trackStyles)(provider.getKey() ?? '', 'classCreated', {
      source: 'created',
      classTitle: classLabel,
      classId: createdId
    });
  };
  return {
    create,
    validate,
    entityName,
    isAtLimit: false
  };
}
function hasReachedLimit(provider) {
  return provider.actions.all().length >= provider.limit;
}
function useAppliedOptions(options) {
  const currentClassesProp = (0,_contexts_classes_prop_context__WEBPACK_IMPORTED_MODULE_7__.useClassesProp)();
  const appliedIds = (0,_contexts_element_context__WEBPACK_IMPORTED_MODULE_8__.usePanelElementSetting)(currentClassesProp)?.value ?? [];
  const appliedOptions = options.filter(option => option.value && appliedIds.includes(option.value));
  const hasElementsProviderStyleApplied = appliedOptions.some(option => option.provider && (0,_elementor_editor_styles_repository__WEBPACK_IMPORTED_MODULE_1__.isElementsStylesProvider)(option.provider));
  if (!hasElementsProviderStyleApplied) {
    appliedOptions.unshift(EMPTY_OPTION);
  }
  return appliedOptions;
}
function useHandleSelect() {
  const apply = (0,_use_apply_and_unapply_class__WEBPACK_IMPORTED_MODULE_15__.useUndoableApplyClass)();
  const unapply = (0,_use_apply_and_unapply_class__WEBPACK_IMPORTED_MODULE_15__.useUndoableUnapplyClass)();
  return (_selectedOptions, reason, option) => {
    if (!option.value) {
      return;
    }
    switch (reason) {
      case 'selectOption':
        apply({
          classId: option.value,
          classLabel: option.label
        });
        (0,_utils_tracking_subscribe__WEBPACK_IMPORTED_MODULE_11__.trackStyles)(option.provider ?? '', 'classApplied', {
          classId: option.value,
          source: 'style-tab'
        });
        break;
      case 'removeOption':
        unapply({
          classId: option.value,
          classLabel: option.label
        });
        (0,_utils_tracking_subscribe__WEBPACK_IMPORTED_MODULE_11__.trackStyles)(option.provider ?? '', 'classRemoved', {
          classId: option.value,
          source: 'style-tab'
        });
        break;
    }
  };
}

/***/ }),

/***/ "./packages/packages/core/editor-editing-panel/src/components/css-classes/duplicate-class-menu-item.tsx":
/*!**************************************************************************************************************!*\
  !*** ./packages/packages/core/editor-editing-panel/src/components/css-classes/duplicate-class-menu-item.tsx ***!
  \**************************************************************************************************************/
/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {

__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   DuplicateClassMenuItem: function() { return /* binding */ DuplicateClassMenuItem; },
/* harmony export */   getUniqueDuplicateLabel: function() { return /* binding */ getUniqueDuplicateLabel; }
/* 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_styles_repository__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @elementor/editor-styles-repository */ "@elementor/editor-styles-repository");
/* harmony import */ var _elementor_editor_styles_repository__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_elementor_editor_styles_repository__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_session__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @elementor/session */ "@elementor/session");
/* harmony import */ var _elementor_session__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_elementor_session__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_tracking_subscribe__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../utils/tracking/subscribe */ "./packages/packages/core/editor-editing-panel/src/utils/tracking/subscribe.ts");
/* harmony import */ var _consts__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./consts */ "./packages/packages/core/editor-editing-panel/src/components/css-classes/consts.ts");
/* harmony import */ var _css_class_context__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./css-class-context */ "./packages/packages/core/editor-editing-panel/src/components/css-classes/css-class-context.tsx");
/* harmony import */ var _use_apply_and_unapply_class__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./use-apply-and-unapply-class */ "./packages/packages/core/editor-editing-panel/src/components/css-classes/use-apply-and-unapply-class.ts");









const DUPLICATE_LABEL_PREFIX = 'copy-of';
function getUniqueDuplicateLabel(originalLabel, existingLabels) {
  let newLabel = `${DUPLICATE_LABEL_PREFIX}-${originalLabel}`;
  let counter = 2;
  while (existingLabels.includes(newLabel)) {
    newLabel = `${DUPLICATE_LABEL_PREFIX}-${originalLabel}-${counter}`;
    counter++;
  }
  return newLabel;
}
function DuplicateClassMenuItem({
  closeMenu
}) {
  const {
    id: classId,
    provider
  } = (0,_css_class_context__WEBPACK_IMPORTED_MODULE_7__.useCssClass)();
  const {
    userCan
  } = (0,_elementor_editor_styles_repository__WEBPACK_IMPORTED_MODULE_1__.useUserStylesCapability)();
  const applyClass = (0,_use_apply_and_unapply_class__WEBPACK_IMPORTED_MODULE_8__.useUndoableApplyClass)();
  const [, setPendingEditId] = (0,_elementor_session__WEBPACK_IMPORTED_MODULE_3__.useSessionStorage)(_consts__WEBPACK_IMPORTED_MODULE_6__.PENDING_CLASS_RENAME_SESSION_KEY, 'app');
  if (!provider || !classId) {
    return null;
  }
  const providerInstance = _elementor_editor_styles_repository__WEBPACK_IMPORTED_MODULE_1__.stylesRepository.getProviderByKey(provider);
  const createAction = providerInstance?.actions.create;
  const getAction = providerInstance?.actions.get;
  if (!createAction || !getAction) {
    return null;
  }
  if (!userCan(provider).create) {
    return null;
  }
  const handleDuplicate = () => {
    const styleDef = getAction(classId);
    if (!styleDef) {
      closeMenu();
      return;
    }
    const existingLabels = providerInstance.actions.all().map(style => style.label);
    const newLabel = getUniqueDuplicateLabel(styleDef.label, existingLabels);
    const newId = createAction(newLabel, styleDef.variants);
    if (newId) {
      applyClass({
        classId: newId,
        classLabel: newLabel
      });
      setPendingEditId(newId);
      (0,_utils_tracking_subscribe__WEBPACK_IMPORTED_MODULE_5__.trackStyles)(provider, 'classCreated', {
        classId: newId,
        source: 'duplicated',
        classTitle: newLabel
      });
    }
    closeMenu();
  };
  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_editor_ui__WEBPACK_IMPORTED_MODULE_2__.MenuListItem, {
    onClick: handleDuplicate
  }, (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_4__.__)('Duplicate', 'elementor'));
}

/***/ }),

/***/ "./packages/packages/core/editor-editing-panel/src/components/css-classes/local-class-sub-menu.tsx":
/*!*********************************************************************************************************!*\
  !*** ./packages/packages/core/editor-editing-panel/src/components/css-classes/local-class-sub-menu.tsx ***!
  \*********************************************************************************************************/
/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {

__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   LocalClassSubMenu: function() { return /* binding */ LocalClassSubMenu; }
/* harmony export */ });
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
/* harmony import */ var _elementor_ui__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @elementor/ui */ "@elementor/ui");
/* harmony import */ var _elementor_ui__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_elementor_ui__WEBPACK_IMPORTED_MODULE_1__);
/* 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 _css_class_convert_local__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./css-class-convert-local */ "./packages/packages/core/editor-editing-panel/src/components/css-classes/css-class-convert-local.tsx");
/* harmony import */ var _use_can_convert_local_class_to_global__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./use-can-convert-local-class-to-global */ "./packages/packages/core/editor-editing-panel/src/components/css-classes/use-can-convert-local-class-to-global.ts");





const LocalClassSubMenu = props => {
  const {
    canConvert,
    styleDef
  } = (0,_use_can_convert_local_class_to_global__WEBPACK_IMPORTED_MODULE_4__.useCanConvertLocalClassToGlobal)();
  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_1__.MenuSubheader, {
    sx: {
      typography: 'caption',
      color: 'text.secondary',
      pb: 0.5,
      pt: 1
    }
  }, (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_2__.__)('Local Class', 'elementor')), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_css_class_convert_local__WEBPACK_IMPORTED_MODULE_3__.CssClassConvert, {
    canConvert: canConvert,
    styleDef: styleDef,
    closeMenu: props.popupState.close
  }));
};

/***/ }),

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

__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   MissingClassesAlert: function() { return /* binding */ MissingClassesAlert; }
/* 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 MissingClassesAlert({
  onDismiss
}) {
  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_2__.Alert, {
    severity: "warning",
    onClose: onDismiss,
    size: "small",
    icon: /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_icons__WEBPACK_IMPORTED_MODULE_1__.AlertTriangleFilledIcon, {
      fontSize: "tiny"
    }),
    sx: {
      mt: 1
    }
  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_2__.AlertTitle, null, (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_3__.__)('Some classes are missing', 'elementor')), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_2__.Typography, {
    variant: "caption",
    textColor: "primary"
  }, (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_3__.__)('A class was removed from your site and is no longer active on this element', 'elementor')));
}

/***/ }),

/***/ "./packages/packages/core/editor-editing-panel/src/components/css-classes/use-apply-and-unapply-class.ts":
/*!***************************************************************************************************************!*\
  !*** ./packages/packages/core/editor-editing-panel/src/components/css-classes/use-apply-and-unapply-class.ts ***!
  \***************************************************************************************************************/
/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {

__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   useCreateAndApplyClass: function() { return /* binding */ useCreateAndApplyClass; },
/* harmony export */   useUnapplyClasses: function() { return /* binding */ useUnapplyClasses; },
/* harmony export */   useUndoableApplyClass: function() { return /* binding */ useUndoableApplyClass; },
/* harmony export */   useUndoableUnapplyClass: function() { return /* binding */ useUndoableUnapplyClass; }
/* 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_editor_styles_repository__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @elementor/editor-styles-repository */ "@elementor/editor-styles-repository");
/* harmony import */ var _elementor_editor_styles_repository__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_elementor_editor_styles_repository__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 _apply_unapply_actions__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../apply-unapply-actions */ "./packages/packages/core/editor-editing-panel/src/apply-unapply-actions.ts");
/* harmony import */ var _contexts_classes_prop_context__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../contexts/classes-prop-context */ "./packages/packages/core/editor-editing-panel/src/contexts/classes-prop-context.tsx");
/* harmony import */ var _contexts_element_context__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../../contexts/element-context */ "./packages/packages/core/editor-editing-panel/src/contexts/element-context.tsx");
/* harmony import */ var _contexts_style_context__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../../contexts/style-context */ "./packages/packages/core/editor-editing-panel/src/contexts/style-context.tsx");









function useUndoableApplyClass() {
  const {
    id: activeId,
    setId: setActiveId
  } = (0,_contexts_style_context__WEBPACK_IMPORTED_MODULE_8__.useStyle)();
  const {
    element
  } = (0,_contexts_element_context__WEBPACK_IMPORTED_MODULE_7__.useElement)();
  const applyClass = useApplyClass();
  const unapplyClasses = useUnapplyClasses();
  return (0,react__WEBPACK_IMPORTED_MODULE_0__.useMemo)(() => {
    return (0,_elementor_editor_v1_adapters__WEBPACK_IMPORTED_MODULE_3__.undoable)({
      do: ({
        classId
      }) => {
        const prevActiveId = activeId;
        applyClass(classId);
        return prevActiveId;
      },
      undo: ({
        classId
      }, prevActiveId) => {
        unapplyClasses([classId]);
        setActiveId(prevActiveId);
      }
    }, {
      title: (0,_elementor_editor_elements__WEBPACK_IMPORTED_MODULE_1__.getElementLabel)(element.id),
      subtitle: ({
        classLabel
      }) => {
        /* translators: %s is the class name. */
        return (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_4__.__)(`class %s applied`, 'elementor').replace('%s', classLabel);
      }
    });
  }, [activeId, applyClass, element.id, unapplyClasses, setActiveId]);
}
function useUndoableUnapplyClass() {
  const {
    id: activeId,
    setId: setActiveId
  } = (0,_contexts_style_context__WEBPACK_IMPORTED_MODULE_8__.useStyle)();
  const {
    element
  } = (0,_contexts_element_context__WEBPACK_IMPORTED_MODULE_7__.useElement)();
  const applyClass = useApplyClass();
  const unapplyClasses = useUnapplyClasses();
  return (0,react__WEBPACK_IMPORTED_MODULE_0__.useMemo)(() => {
    return (0,_elementor_editor_v1_adapters__WEBPACK_IMPORTED_MODULE_3__.undoable)({
      do: ({
        classId
      }) => {
        const prevActiveId = activeId;
        unapplyClasses([classId]);
        return prevActiveId;
      },
      undo: ({
        classId
      }, prevActiveId) => {
        applyClass(classId);
        setActiveId(prevActiveId);
      }
    }, {
      title: (0,_elementor_editor_elements__WEBPACK_IMPORTED_MODULE_1__.getElementLabel)(element.id),
      subtitle: ({
        classLabel
      }) => {
        /* translators: %s is the class name. */
        return (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_4__.__)(`class %s removed`, 'elementor').replace('%s', classLabel);
      }
    });
  }, [activeId, applyClass, element.id, unapplyClasses, setActiveId]);
}
function useCreateAndApplyClass() {
  const {
    id: activeId,
    setId: setActiveId
  } = (0,_contexts_style_context__WEBPACK_IMPORTED_MODULE_8__.useStyle)();
  const [provider, createAction] = (0,_elementor_editor_styles_repository__WEBPACK_IMPORTED_MODULE_2__.useGetStylesRepositoryCreateAction)() ?? [null, null];
  const deleteAction = provider?.actions.delete;
  const applyClass = useApplyClass();
  const unapplyClasses = useUnapplyClasses();
  const undoableCreateAndApply = (0,react__WEBPACK_IMPORTED_MODULE_0__.useMemo)(() => {
    if (!provider || !createAction) {
      return;
    }
    return (0,_elementor_editor_v1_adapters__WEBPACK_IMPORTED_MODULE_3__.undoable)({
      do: ({
        classLabel
      }) => {
        const prevActiveId = activeId;
        const createdId = createAction(classLabel);
        applyClass(createdId);
        return {
          prevActiveId,
          createdId
        };
      },
      undo: (_, {
        prevActiveId,
        createdId
      }) => {
        unapplyClasses([createdId]);
        deleteAction?.(createdId);
        setActiveId(prevActiveId);
      },
      redo: ({
        classLabel
      }, {
        createdId
      }) => {
        const prevActiveId = activeId;
        createAction(classLabel, [], createdId);
        applyClass(createdId);
        return {
          prevActiveId,
          createdId
        };
      }
    }, {
      title: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_4__.__)('Class', 'elementor'),
      subtitle: ({
        classLabel
      }) => {
        /* translators: %s is the class name. */
        return (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_4__.__)(`%s created`, 'elementor').replace('%s', classLabel);
      }
    });
  }, [activeId, applyClass, createAction, deleteAction, provider, setActiveId, unapplyClasses]);
  if (!provider || !undoableCreateAndApply) {
    return [null, null];
  }
  return [provider, undoableCreateAndApply];
}
function useApplyClass() {
  const {
    element
  } = (0,_contexts_element_context__WEBPACK_IMPORTED_MODULE_7__.useElement)();
  const {
    setId: setActiveId
  } = (0,_contexts_style_context__WEBPACK_IMPORTED_MODULE_8__.useStyle)();
  const {
    setClasses,
    getAppliedClasses
  } = useClasses();
  return (0,react__WEBPACK_IMPORTED_MODULE_0__.useCallback)(classIDToApply => {
    const appliedClasses = getAppliedClasses();
    if (appliedClasses.includes(classIDToApply)) {
      throw new Error(`Class ${classIDToApply} is already applied to element ${element.id}, cannot re-apply.`);
    }
    const updatedClassesIds = [...appliedClasses, classIDToApply];
    setClasses(updatedClassesIds);
    setActiveId(classIDToApply);
  }, [element.id, getAppliedClasses, setActiveId, setClasses]);
}
function useUnapplyClasses() {
  const {
    element
  } = (0,_contexts_element_context__WEBPACK_IMPORTED_MODULE_7__.useElement)();
  const {
    id: activeId,
    setId: setActiveId
  } = (0,_contexts_style_context__WEBPACK_IMPORTED_MODULE_8__.useStyle)();
  const {
    setClasses,
    getAppliedClasses
  } = useClasses();
  return (0,react__WEBPACK_IMPORTED_MODULE_0__.useCallback)(classIDsToUnapply => {
    const appliedClasses = getAppliedClasses();
    if (!classIDsToUnapply.every(classID => appliedClasses.includes(classID))) {
      const missingClasses = classIDsToUnapply.filter(classID => !appliedClasses.includes(classID));
      throw new Error(`Classes ${missingClasses.join(', ')} are not applied to element ${element.id}, cannot unapply them.`);
    }
    const updatedClassesIds = appliedClasses.filter(id => !classIDsToUnapply.includes(id));
    setClasses(updatedClassesIds);
    if (activeId && classIDsToUnapply.includes(activeId)) {
      setActiveId(updatedClassesIds[0] ?? null);
    }
  }, [activeId, element.id, getAppliedClasses, setActiveId, setClasses]);
}
function useClasses() {
  const {
    element
  } = (0,_contexts_element_context__WEBPACK_IMPORTED_MODULE_7__.useElement)();
  const currentClassesProp = (0,_contexts_classes_prop_context__WEBPACK_IMPORTED_MODULE_6__.useClassesProp)();
  return (0,react__WEBPACK_IMPORTED_MODULE_0__.useMemo)(() => {
    const setClasses = ids => {
      (0,_apply_unapply_actions__WEBPACK_IMPORTED_MODULE_5__.doApplyClasses)(element.id, ids, currentClassesProp);
    };
    const getAppliedClasses = () => (0,_apply_unapply_actions__WEBPACK_IMPORTED_MODULE_5__.doGetAppliedClasses)(element.id, currentClassesProp) || [];
    return {
      setClasses,
      getAppliedClasses
    };
  }, [currentClassesProp, element.id]);
}

/***/ }),

/***/ "./packages/packages/core/editor-editing-panel/src/components/css-classes/use-can-convert-local-class-to-global.ts":
/*!*************************************************************************************************************************!*\
  !*** ./packages/packages/core/editor-editing-panel/src/components/css-classes/use-can-convert-local-class-to-global.ts ***!
  \*************************************************************************************************************************/
/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {

__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   useCanConvertLocalClassToGlobal: function() { return /* binding */ useCanConvertLocalClassToGlobal; }
/* harmony export */ });
/* harmony import */ var _elementor_editor_styles_repository__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @elementor/editor-styles-repository */ "@elementor/editor-styles-repository");
/* harmony import */ var _elementor_editor_styles_repository__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_elementor_editor_styles_repository__WEBPACK_IMPORTED_MODULE_0__);
/* harmony import */ var _contexts_element_context__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../contexts/element-context */ "./packages/packages/core/editor-editing-panel/src/contexts/element-context.tsx");
/* harmony import */ var _contexts_style_context__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../contexts/style-context */ "./packages/packages/core/editor-editing-panel/src/contexts/style-context.tsx");



const useCanConvertLocalClassToGlobal = () => {
  const {
    element
  } = (0,_contexts_element_context__WEBPACK_IMPORTED_MODULE_1__.useElement)();
  const {
    provider,
    id,
    meta
  } = (0,_contexts_style_context__WEBPACK_IMPORTED_MODULE_2__.useStyle)();
  const styleDef = provider?.actions.get(id, {
    elementId: element.id,
    ...meta
  });
  const isLocalStylesProvider = provider && (0,_elementor_editor_styles_repository__WEBPACK_IMPORTED_MODULE_0__.isElementsStylesProvider)(provider?.getKey());
  const variants = styleDef?.variants || [];
  const canConvert = !!(isLocalStylesProvider && variants.length);
  return {
    canConvert,
    isLocalStylesProvider,
    id,
    styleDef: styleDef || null
  };
};

/***/ }),

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

__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   useMissingClassesIds: function() { return /* binding */ useMissingClassesIds; }
/* harmony export */ });
/* harmony import */ var _elementor_editor_styles_repository__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @elementor/editor-styles-repository */ "@elementor/editor-styles-repository");
/* harmony import */ var _elementor_editor_styles_repository__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_elementor_editor_styles_repository__WEBPACK_IMPORTED_MODULE_0__);
/* harmony import */ var _contexts_classes_prop_context__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../contexts/classes-prop-context */ "./packages/packages/core/editor-editing-panel/src/contexts/classes-prop-context.tsx");
/* harmony import */ var _contexts_element_context__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../contexts/element-context */ "./packages/packages/core/editor-editing-panel/src/contexts/element-context.tsx");



function useMissingClassesIds() {
  const providers = (0,_elementor_editor_styles_repository__WEBPACK_IMPORTED_MODULE_0__.useProviders)();
  const currentClassesProp = (0,_contexts_classes_prop_context__WEBPACK_IMPORTED_MODULE_1__.useClassesProp)();
  const appliedIds = (0,_contexts_element_context__WEBPACK_IMPORTED_MODULE_2__.usePanelElementSetting)(currentClassesProp)?.value ?? [];
  const allKnownIds = new Set(providers.flatMap(provider => provider.actions.all().map(style => style.id)));
  return appliedIds.filter(id => !allKnownIds.has(id));
}

/***/ }),

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

__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   CustomCssIndicator: function() { return /* binding */ CustomCssIndicator; }
/* 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_responsive__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @elementor/editor-responsive */ "@elementor/editor-responsive");
/* harmony import */ var _elementor_editor_responsive__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_elementor_editor_responsive__WEBPACK_IMPORTED_MODULE_1__);
/* harmony import */ var _elementor_editor_styles__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @elementor/editor-styles */ "@elementor/editor-styles");
/* harmony import */ var _elementor_editor_styles__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_elementor_editor_styles__WEBPACK_IMPORTED_MODULE_2__);
/* harmony import */ var _contexts_element_context__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../contexts/element-context */ "./packages/packages/core/editor-editing-panel/src/contexts/element-context.tsx");
/* harmony import */ var _contexts_style_context__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../contexts/style-context */ "./packages/packages/core/editor-editing-panel/src/contexts/style-context.tsx");
/* harmony import */ var _hooks_use_custom_css__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../hooks/use-custom-css */ "./packages/packages/core/editor-editing-panel/src/hooks/use-custom-css.ts");
/* harmony import */ var _utils_get_styles_provider_color__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../utils/get-styles-provider-color */ "./packages/packages/core/editor-editing-panel/src/utils/get-styles-provider-color.ts");
/* harmony import */ var _style_indicator__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./style-indicator */ "./packages/packages/core/editor-editing-panel/src/components/style-indicator.tsx");









const CustomCssIndicator = () => {
  const {
    customCss
  } = (0,_hooks_use_custom_css__WEBPACK_IMPORTED_MODULE_5__.useCustomCss)();
  const {
    id: styleId,
    provider,
    meta
  } = (0,_contexts_style_context__WEBPACK_IMPORTED_MODULE_4__.useStyle)();
  const {
    element: {
      id: elementId
    }
  } = (0,_contexts_element_context__WEBPACK_IMPORTED_MODULE_3__.useElement)();
  const style = (0,react__WEBPACK_IMPORTED_MODULE_0__.useMemo)(() => styleId && provider ? provider.actions.get(styleId, {
    elementId
  }) : null, [styleId, provider, elementId]);
  const hasContent = Boolean(customCss?.raw?.trim());
  const hasInheritedContent = (0,react__WEBPACK_IMPORTED_MODULE_0__.useMemo)(() => {
    if (hasContent) {
      return false;
    }
    return hasInheritedCustomCss(style, meta);
  }, [hasContent, style, meta]);
  if (!hasContent) {
    if (hasInheritedContent) {
      return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_style_indicator__WEBPACK_IMPORTED_MODULE_7__.StyleIndicator, null);
    }
    return null;
  }
  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_style_indicator__WEBPACK_IMPORTED_MODULE_7__.StyleIndicator, {
    getColor: provider ? (0,_utils_get_styles_provider_color__WEBPACK_IMPORTED_MODULE_6__.getStylesProviderThemeColor)(provider.getKey()) : undefined
  });
};
const hasInheritedCustomCss = (style, meta) => {
  if (!style || !meta) {
    return false;
  }
  const target = meta.breakpoint ?? 'desktop';
  const root = (0,_elementor_editor_responsive__WEBPACK_IMPORTED_MODULE_1__.getBreakpointsTree)();
  const state = meta.state;
  function search(node, ancestorHasCss) {
    if (!style) {
      return undefined;
    }
    const hasHere = Boolean((0,_elementor_editor_styles__WEBPACK_IMPORTED_MODULE_2__.getVariantByMeta)(style, {
      breakpoint: node.id,
      state
    })?.custom_css?.raw?.trim());
    if (node.id === target) {
      return ancestorHasCss;
    }
    for (const child of node.children ?? []) {
      const res = search(child, ancestorHasCss || hasHere);
      if (res !== undefined) {
        return res;
      }
    }
    return undefined;
  }
  return Boolean(search(root, false));
};

/***/ }),

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

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


function EditorPanelErrorFallback() {
  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_1__.Box, {
    role: "alert",
    sx: {
      minHeight: '100%',
      p: 2
    }
  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_1__.Alert, {
    severity: "error",
    sx: {
      mb: 2,
      maxWidth: 400,
      textAlign: 'center'
    }
  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("strong", null, "Something went wrong")));
}

/***/ }),

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

__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   EditingPanelHooks: function() { return /* binding */ EditingPanelHooks; }
/* harmony export */ });
/* harmony import */ var _hooks_use_open_editor_panel__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../hooks/use-open-editor-panel */ "./packages/packages/core/editor-editing-panel/src/hooks/use-open-editor-panel.ts");

const EditingPanelHooks = () => {
  (0,_hooks_use_open_editor_panel__WEBPACK_IMPORTED_MODULE_0__.useOpenEditorPanel)();
  return null;
};

/***/ }),

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

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

function getStickyPromotion() {
  return window.elementor?.config?.editingPanelStickyPromotion;
}
const EditingPanelStickyPromotion = () => {
  const promotion = getStickyPromotion();
  if (!promotion) {
    return null;
  }
  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("div", {
    className: "elementor-panel-editor-sticky-promotion"
  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("div", {
    className: "elementor-get-pro-sticky-message"
  }, promotion.message, ' ', /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("a", {
    target: "_blank",
    rel: "noreferrer",
    href: promotion.url
  }, promotion.button_text)));
};

/***/ }),

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

__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   EditingPanelTabs: function() { return /* binding */ EditingPanelTabs; }
/* 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_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_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 _contexts_element_context__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../contexts/element-context */ "./packages/packages/core/editor-editing-panel/src/contexts/element-context.tsx");
/* harmony import */ var _contexts_scroll_context__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../contexts/scroll-context */ "./packages/packages/core/editor-editing-panel/src/contexts/scroll-context.tsx");
/* harmony import */ var _hooks_use_default_panel_settings__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../hooks/use-default-panel-settings */ "./packages/packages/core/editor-editing-panel/src/hooks/use-default-panel-settings.ts");
/* harmony import */ var _hooks_use_state_by_element__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../hooks/use-state-by-element */ "./packages/packages/core/editor-editing-panel/src/hooks/use-state-by-element.ts");
/* harmony import */ var _interactions_tab__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ./interactions-tab */ "./packages/packages/core/editor-editing-panel/src/components/interactions-tab.tsx");
/* harmony import */ var _settings_tab__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ./settings-tab */ "./packages/packages/core/editor-editing-panel/src/components/settings-tab.tsx");
/* harmony import */ var _style_tab__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ./style-tab */ "./packages/packages/core/editor-editing-panel/src/components/style-tab.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); }













const EditingPanelTabs = () => {
  const {
    element
  } = (0,_contexts_element_context__WEBPACK_IMPORTED_MODULE_5__.useElement)();
  return (
    /*#__PURE__*/
    // When switching between elements, the local states should be reset. We are using key to rerender the tabs.
    // Reference: https://react.dev/learn/preserving-and-resetting-state#resetting-a-form-with-a-key
    react__WEBPACK_IMPORTED_MODULE_0__.createElement(react__WEBPACK_IMPORTED_MODULE_0__.Fragment, {
      key: element.id
    }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(PanelTabContent, null))
  );
};
const PanelTabContent = () => {
  const {
    element
  } = (0,_contexts_element_context__WEBPACK_IMPORTED_MODULE_5__.useElement)();
  const editorDefaults = (0,_hooks_use_default_panel_settings__WEBPACK_IMPORTED_MODULE_7__.useDefaultPanelSettings)();
  const defaultComponentTab = editorDefaults.defaultTab;
  const isInteractionsActive = (0,_elementor_editor_v1_adapters__WEBPACK_IMPORTED_MODULE_2__.isExperimentActive)('e_interactions');
  const isPromotedElement = !!(0,_elementor_editor_elements__WEBPACK_IMPORTED_MODULE_1__.getWidgetsCache)()?.[element.type]?.meta?.is_pro_promotion;
  const [storedTab, setCurrentTab] = (0,_hooks_use_state_by_element__WEBPACK_IMPORTED_MODULE_8__.useStateByElement)('tab', defaultComponentTab);
  const currentTab = isPromotedElement && storedTab === 'settings' ? 'style' : storedTab;
  const {
    getTabProps,
    getTabPanelProps,
    getTabsProps
  } = (0,_elementor_ui__WEBPACK_IMPORTED_MODULE_3__.useTabs)(currentTab);
  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_contexts_scroll_context__WEBPACK_IMPORTED_MODULE_6__.ScrollProvider, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_3__.Stack, {
    direction: "column",
    sx: {
      width: '100%'
    }
  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_3__.Stack, {
    sx: {
      ..._style_tab__WEBPACK_IMPORTED_MODULE_11__.stickyHeaderStyles,
      top: 0
    }
  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_3__.Tabs, _extends({
    variant: "fullWidth",
    size: "small",
    sx: {
      mt: 0.5
    }
  }, getTabsProps(), {
    onChange: (_, newValue) => {
      getTabsProps().onChange(_, newValue);
      setCurrentTab(newValue);
    }
  }), !isPromotedElement && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_3__.Tab, _extends({
    label: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_4__.__)('General', 'elementor')
  }, getTabProps('settings'))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_3__.Tab, _extends({
    label: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_4__.__)('Style', 'elementor')
  }, getTabProps('style'))), isInteractionsActive && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_3__.Tab, _extends({
    label: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_4__.__)('Interactions', 'elementor')
  }, getTabProps('interactions')))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_3__.Divider, null)), !isPromotedElement && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_3__.TabPanel, _extends({}, getTabPanelProps('settings'), {
    disablePadding: true
  }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_settings_tab__WEBPACK_IMPORTED_MODULE_10__.SettingsTab, null)), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_3__.TabPanel, _extends({}, getTabPanelProps('style'), {
    disablePadding: true
  }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_style_tab__WEBPACK_IMPORTED_MODULE_11__.StyleTab, null)), isInteractionsActive && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_3__.TabPanel, _extends({}, getTabPanelProps('interactions'), {
    disablePadding: true
  }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_interactions_tab__WEBPACK_IMPORTED_MODULE_9__.InteractionsTab, null))));
};

/***/ }),

/***/ "./packages/packages/core/editor-editing-panel/src/components/editing-panel.tsx":
/*!**************************************************************************************!*\
  !*** ./packages/packages/core/editor-editing-panel/src/components/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 */   EditingPanel: function() { return /* binding */ EditingPanel; },
/* harmony export */   PanelHeaderTopSlot: function() { return /* binding */ PanelHeaderTopSlot; },
/* harmony export */   injectIntoPanelHeaderTop: function() { return /* binding */ injectIntoPanelHeaderTop; }
/* 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_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_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_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_locations__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! @elementor/locations */ "@elementor/locations");
/* harmony import */ var _elementor_locations__WEBPACK_IMPORTED_MODULE_6___default = /*#__PURE__*/__webpack_require__.n(_elementor_locations__WEBPACK_IMPORTED_MODULE_6__);
/* harmony import */ var _elementor_menus__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! @elementor/menus */ "@elementor/menus");
/* harmony import */ var _elementor_menus__WEBPACK_IMPORTED_MODULE_7___default = /*#__PURE__*/__webpack_require__.n(_elementor_menus__WEBPACK_IMPORTED_MODULE_7__);
/* harmony import */ var _elementor_session__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! @elementor/session */ "@elementor/session");
/* harmony import */ var _elementor_session__WEBPACK_IMPORTED_MODULE_8___default = /*#__PURE__*/__webpack_require__.n(_elementor_session__WEBPACK_IMPORTED_MODULE_8__);
/* harmony import */ var _elementor_ui__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! @elementor/ui */ "@elementor/ui");
/* harmony import */ var _elementor_ui__WEBPACK_IMPORTED_MODULE_9___default = /*#__PURE__*/__webpack_require__.n(_elementor_ui__WEBPACK_IMPORTED_MODULE_9__);
/* harmony import */ var _wordpress_i18n__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! @wordpress/i18n */ "@wordpress/i18n");
/* harmony import */ var _wordpress_i18n__WEBPACK_IMPORTED_MODULE_10___default = /*#__PURE__*/__webpack_require__.n(_wordpress_i18n__WEBPACK_IMPORTED_MODULE_10__);
/* harmony import */ var _contexts_element_context__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ../contexts/element-context */ "./packages/packages/core/editor-editing-panel/src/contexts/element-context.tsx");
/* harmony import */ var _editing_panel_replacement_registry__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ../editing-panel-replacement-registry */ "./packages/packages/core/editor-editing-panel/src/editing-panel-replacement-registry.tsx");
/* harmony import */ var _editing_panel_error_fallback__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! ./editing-panel-error-fallback */ "./packages/packages/core/editor-editing-panel/src/components/editing-panel-error-fallback.tsx");
/* harmony import */ var _editing_panel_sticky_promotion__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! ./editing-panel-sticky-promotion */ "./packages/packages/core/editor-editing-panel/src/components/editing-panel-sticky-promotion.tsx");
/* harmony import */ var _editing_panel_tabs__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(/*! ./editing-panel-tabs */ "./packages/packages/core/editor-editing-panel/src/components/editing-panel-tabs.tsx");
















const {
  Slot: PanelHeaderTopSlot,
  inject: injectIntoPanelHeaderTop
} = (0,_elementor_locations__WEBPACK_IMPORTED_MODULE_6__.createLocation)();
const {
  useMenuItems
} = _elementor_menus__WEBPACK_IMPORTED_MODULE_7__.controlActionsMenu;
const EditingPanel = () => {
  const {
    element,
    elementType,
    settings
  } = (0,_elementor_editor_elements__WEBPACK_IMPORTED_MODULE_2__.useSelectedElementSettings)();
  const controlReplacements = (0,_elementor_editor_controls__WEBPACK_IMPORTED_MODULE_1__.getControlReplacements)();
  const menuItems = useMenuItems().default;
  if (!element || !elementType) {
    return null;
  }

  /* translators: %s: Element type title. */
  const panelTitle = (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_10__.__)('Edit %s', 'elementor').replace('%s', elementType.title);
  const {
    component: ReplacementComponent
  } = (0,_editing_panel_replacement_registry__WEBPACK_IMPORTED_MODULE_12__.getEditingPanelReplacement)(element, elementType) ?? {};
  let panelContent = /*#__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, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_editor_panels__WEBPACK_IMPORTED_MODULE_3__.PanelHeaderTitle, null, panelTitle), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_icons__WEBPACK_IMPORTED_MODULE_5__.AtomIcon, {
    fontSize: "small",
    sx: {
      color: 'text.tertiary'
    }
  })), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_editor_panels__WEBPACK_IMPORTED_MODULE_3__.PanelBody, {
    sx: {
      height: 'auto',
      flex: 1,
      minHeight: 0
    }
  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_editing_panel_tabs__WEBPACK_IMPORTED_MODULE_15__.EditingPanelTabs, null)), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_editing_panel_sticky_promotion__WEBPACK_IMPORTED_MODULE_14__.EditingPanelStickyPromotion, null));
  if (ReplacementComponent) {
    panelContent = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(ReplacementComponent, null);
  }
  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_9__.ErrorBoundary, {
    fallback: /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_editing_panel_error_fallback__WEBPACK_IMPORTED_MODULE_13__.EditorPanelErrorFallback, null)
  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_session__WEBPACK_IMPORTED_MODULE_8__.SessionStorageProvider, {
    prefix: 'elementor'
  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_editor_ui__WEBPACK_IMPORTED_MODULE_4__.ThemeProvider, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_editor_controls__WEBPACK_IMPORTED_MODULE_1__.ControlActionsProvider, {
    items: menuItems
  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_editor_controls__WEBPACK_IMPORTED_MODULE_1__.ControlReplacementsProvider, {
    replacements: controlReplacements
  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_contexts_element_context__WEBPACK_IMPORTED_MODULE_11__.ElementProvider, {
    element: element,
    elementType: elementType,
    settings: settings
  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_editor_panels__WEBPACK_IMPORTED_MODULE_3__.Panel, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(PanelHeaderTopSlot, null), panelContent)))))));
};

/***/ }),

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

__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   InteractionsTab: function() { return /* binding */ InteractionsTab; }
/* 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_interactions__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @elementor/editor-interactions */ "@elementor/editor-interactions");
/* harmony import */ var _elementor_editor_interactions__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_elementor_editor_interactions__WEBPACK_IMPORTED_MODULE_1__);
/* harmony import */ var _contexts_element_context__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../contexts/element-context */ "./packages/packages/core/editor-editing-panel/src/contexts/element-context.tsx");
/* harmony import */ var _sections_list__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./sections-list */ "./packages/packages/core/editor-editing-panel/src/components/sections-list.tsx");




const InteractionsTab = () => {
  const {
    element
  } = (0,_contexts_element_context__WEBPACK_IMPORTED_MODULE_2__.useElement)();
  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_sections_list__WEBPACK_IMPORTED_MODULE_3__.SectionsList, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_editor_interactions__WEBPACK_IMPORTED_MODULE_1__.InteractionsTab, {
    elementId: element.id
  }));
};

/***/ }),

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

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


const PanelDivider = () => /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_1__.Divider, {
  sx: {
    my: 0.5
  }
});

/***/ }),

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

__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   CustomCssSection: function() { return /* binding */ CustomCssSection; }
/* 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 _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 _style_tab_section__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../style-tab-section */ "./packages/packages/core/editor-editing-panel/src/components/style-tab-section.tsx");





const TRACKING_DATA = {
  target_name: 'custom_css',
  location_l2: 'style'
};
const CustomCssSection = () => {
  const triggerRef = (0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)(null);
  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_style_tab_section__WEBPACK_IMPORTED_MODULE_3__.StyleTabSection, {
    section: {
      name: 'Custom CSS',
      title: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_2__.__)('Custom CSS', 'elementor'),
      action: {
        component: /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_editor_controls__WEBPACK_IMPORTED_MODULE_1__.PromotionTrigger, {
          ref: triggerRef,
          promotionKey: "customCss",
          trackingData: TRACKING_DATA
        }),
        onClick: () => triggerRef.current?.toggle()
      }
    }
  });
};

/***/ }),

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

__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   init: function() { return /* binding */ init; }
/* harmony export */ });
/* harmony import */ var _elementor_editor_controls__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @elementor/editor-controls */ "@elementor/editor-controls");
/* harmony import */ var _elementor_editor_controls__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_elementor_editor_controls__WEBPACK_IMPORTED_MODULE_0__);
/* harmony import */ var _controls_registry_controls_registry__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../controls-registry/controls-registry */ "./packages/packages/core/editor-editing-panel/src/controls-registry/controls-registry.tsx");
/* harmony import */ var _style_tab__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../style-tab */ "./packages/packages/core/editor-editing-panel/src/components/style-tab.tsx");
/* harmony import */ var _custom_css__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./custom-css */ "./packages/packages/core/editor-editing-panel/src/components/promotions/custom-css.tsx");




const init = () => {
  (0,_style_tab__WEBPACK_IMPORTED_MODULE_2__.injectIntoStyleTab)({
    id: 'custom-css',
    component: _custom_css__WEBPACK_IMPORTED_MODULE_3__.CustomCssSection,
    options: {
      overwrite: true
    }
  });
  if (!window.elementorPro) {
    _controls_registry_controls_registry__WEBPACK_IMPORTED_MODULE_1__.controlsRegistry.register('attributes', _elementor_editor_controls__WEBPACK_IMPORTED_MODULE_0__.AttributesControl, 'two-columns');
    _controls_registry_controls_registry__WEBPACK_IMPORTED_MODULE_1__.controlsRegistry.register('display-conditions', _elementor_editor_controls__WEBPACK_IMPORTED_MODULE_0__.DisplayConditionsControl, 'two-columns');
  }
};

/***/ }),

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

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


const SectionContent = ({
  gap = 2,
  sx,
  children,
  'aria-label': ariaLabel,
  className
}) => /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_1__.Stack, {
  gap: gap,
  sx: {
    ...sx
  },
  "aria-label": ariaLabel,
  className: className
}, children);

/***/ }),

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

__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   Section: function() { return /* binding */ Section; }
/* harmony export */ });
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
/* harmony import */ var _elementor_editor_ui__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @elementor/editor-ui */ "@elementor/editor-ui");
/* harmony import */ var _elementor_editor_ui__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_elementor_editor_ui__WEBPACK_IMPORTED_MODULE_1__);
/* harmony import */ var _elementor_ui__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @elementor/ui */ "@elementor/ui");
/* harmony import */ var _elementor_ui__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_elementor_ui__WEBPACK_IMPORTED_MODULE_2__);
/* harmony import */ var _hooks_use_state_by_element__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../hooks/use-state-by-element */ "./packages/packages/core/editor-editing-panel/src/hooks/use-state-by-element.ts");





function Section({
  title,
  children,
  defaultExpanded = false,
  titleEnd,
  unmountOnExit = true,
  action
}) {
  const [isOpen, setIsOpen] = (0,_hooks_use_state_by_element__WEBPACK_IMPORTED_MODULE_3__.useStateByElement)(title, !!defaultExpanded);
  const ref = (0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)(null);
  const isDisabled = !!action;
  const handleClick = () => {
    if (isDisabled) {
      action?.onClick();
    } else {
      setIsOpen(!isOpen);
    }
  };
  const id = (0,react__WEBPACK_IMPORTED_MODULE_0__.useId)();
  const labelId = `label-${id}`;
  const contentId = `content-${id}`;
  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__.ListItemButton, {
    id: labelId,
    "aria-controls": contentId,
    "aria-label": `${title} section`,
    onClick: handleClick,
    sx: {
      '&:hover': {
        backgroundColor: 'transparent'
      }
    }
  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_2__.Stack, {
    direction: "row",
    alignItems: "center",
    justifyItems: "start",
    flexGrow: 1,
    gap: 0.5
  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_2__.ListItemText, {
    secondary: title,
    secondaryTypographyProps: {
      color: 'text.primary',
      variant: 'caption',
      fontWeight: 'bold'
    },
    sx: {
      flexGrow: 0,
      flexShrink: 1,
      marginInlineEnd: 1
    }
  }), (0,_elementor_editor_ui__WEBPACK_IMPORTED_MODULE_1__.getCollapsibleValue)(titleEnd, isOpen)), action?.component, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_editor_ui__WEBPACK_IMPORTED_MODULE_1__.CollapseIcon, {
    open: isOpen,
    color: "secondary",
    fontSize: "tiny",
    disabled: isDisabled,
    sx: {
      ml: 1
    }
  })), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_2__.Collapse, {
    id: contentId,
    "aria-labelledby": labelId,
    in: isOpen,
    timeout: "auto",
    unmountOnExit: unmountOnExit
  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_editor_ui__WEBPACK_IMPORTED_MODULE_1__.SectionRefContext.Provider, {
    value: ref
  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_2__.Stack, {
    ref: ref,
    gap: 2.5,
    p: 2,
    "aria-label": `${title} section content`
  }, children))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_2__.Divider, null));
}

/***/ }),

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

__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   SectionsList: function() { return /* binding */ SectionsList; }
/* harmony export */ });
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
/* harmony import */ var _elementor_ui__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @elementor/ui */ "@elementor/ui");
/* harmony import */ var _elementor_ui__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_elementor_ui__WEBPACK_IMPORTED_MODULE_1__);
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 SectionsList(props) {
  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_1__.List, _extends({
    disablePadding: true,
    component: "div"
  }, props));
}

/***/ }),

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

__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   SettingsControl: function() { return /* binding */ SettingsControl; }
/* harmony export */ });
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
/* harmony import */ var _elementor_editor_controls__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @elementor/editor-controls */ "@elementor/editor-controls");
/* harmony import */ var _elementor_editor_controls__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_elementor_editor_controls__WEBPACK_IMPORTED_MODULE_1__);
/* harmony import */ var _elementor_ui__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @elementor/ui */ "@elementor/ui");
/* harmony import */ var _elementor_ui__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_elementor_ui__WEBPACK_IMPORTED_MODULE_2__);
/* harmony import */ var _controls_registry_control__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../controls-registry/control */ "./packages/packages/core/editor-editing-panel/src/controls-registry/control.tsx");
/* harmony import */ var _controls_registry_control_type_container__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../controls-registry/control-type-container */ "./packages/packages/core/editor-editing-panel/src/controls-registry/control-type-container.tsx");
/* harmony import */ var _controls_registry_controls_registry__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../controls-registry/controls-registry */ "./packages/packages/core/editor-editing-panel/src/controls-registry/controls-registry.tsx");
/* harmony import */ var _controls_registry_settings_field__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../controls-registry/settings-field */ "./packages/packages/core/editor-editing-panel/src/controls-registry/settings-field.tsx");
/* harmony import */ var _field_indicators_registry__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../field-indicators-registry */ "./packages/packages/core/editor-editing-panel/src/field-indicators-registry.ts");
/* harmony import */ var _control_label__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./control-label */ "./packages/packages/core/editor-editing-panel/src/components/control-label.tsx");









const Wrapper = (0,_elementor_ui__WEBPACK_IMPORTED_MODULE_2__.styled)('span')`
	display: contents;
`;
const SettingsControl = ({
  control: {
    value,
    type
  }
}) => {
  if (!_controls_registry_controls_registry__WEBPACK_IMPORTED_MODULE_5__.controlsRegistry.get(value.type)) {
    return null;
  }
  const layout = value.meta?.layout || _controls_registry_controls_registry__WEBPACK_IMPORTED_MODULE_5__.controlsRegistry.getLayout(value.type);
  const controlProps = populateChildControlProps(value.props);
  if (layout === 'custom') {
    controlProps.label = value.label;
  }
  if (type === 'element-control') {
    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(ControlLayout, {
      control: value,
      layout: layout,
      controlProps: controlProps
    });
  }
  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_controls_registry_settings_field__WEBPACK_IMPORTED_MODULE_6__.SettingsField, {
    bind: value.bind,
    propDisplayName: value.label || value.bind
  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(ControlLayout, {
    control: value,
    layout: layout,
    controlProps: controlProps
  }));
};
const ControlLayout = ({
  control,
  layout,
  controlProps
}) => {
  const controlType = control.type;
  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_editor_controls__WEBPACK_IMPORTED_MODULE_1__.ControlAdornmentsProvider, {
    items: (0,_field_indicators_registry__WEBPACK_IMPORTED_MODULE_7__.getFieldIndicators)('settings')
  }, control.meta?.topDivider && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_2__.Divider, null), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(Wrapper, {
    "data-type": "settings-field"
  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_controls_registry_control_type_container__WEBPACK_IMPORTED_MODULE_4__.ControlTypeContainer, {
    layout: layout
  }, control.label && layout !== 'custom' ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_control_label__WEBPACK_IMPORTED_MODULE_8__.ControlLabel, null, control.label) : null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_controls_registry_control__WEBPACK_IMPORTED_MODULE_3__.Control, {
    type: controlType,
    props: controlProps
  }))));
};
function populateChildControlProps(props) {
  if (props.childControlType) {
    const childComponent = _controls_registry_controls_registry__WEBPACK_IMPORTED_MODULE_5__.controlsRegistry.get(props.childControlType);
    const childPropType = _controls_registry_controls_registry__WEBPACK_IMPORTED_MODULE_5__.controlsRegistry.getPropTypeUtil(props.childControlType);
    props = {
      ...props,
      childControlConfig: {
        component: childComponent,
        props: props.childControlProps || {},
        propTypeUtil: childPropType
      }
    };
  }
  return props;
}

/***/ }),

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

__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   SettingsTab: function() { return /* binding */ SettingsTab; }
/* 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_session__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @elementor/session */ "@elementor/session");
/* harmony import */ var _elementor_session__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_elementor_session__WEBPACK_IMPORTED_MODULE_1__);
/* harmony import */ var _contexts_element_context__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../contexts/element-context */ "./packages/packages/core/editor-editing-panel/src/contexts/element-context.tsx");
/* harmony import */ var _hooks_use_default_panel_settings__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../hooks/use-default-panel-settings */ "./packages/packages/core/editor-editing-panel/src/hooks/use-default-panel-settings.ts");
/* harmony import */ var _utils_prop_dependency_utils__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../utils/prop-dependency-utils */ "./packages/packages/core/editor-editing-panel/src/utils/prop-dependency-utils.ts");
/* harmony import */ var _section__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./section */ "./packages/packages/core/editor-editing-panel/src/components/section.tsx");
/* harmony import */ var _sections_list__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./sections-list */ "./packages/packages/core/editor-editing-panel/src/components/sections-list.tsx");
/* harmony import */ var _settings_control__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./settings-control */ "./packages/packages/core/editor-editing-panel/src/components/settings-control.tsx");








const SettingsTab = () => {
  const {
    elementType,
    element,
    settings
  } = (0,_contexts_element_context__WEBPACK_IMPORTED_MODULE_2__.useElement)();
  const settingsDefault = (0,_hooks_use_default_panel_settings__WEBPACK_IMPORTED_MODULE_3__.useDefaultPanelSettings)();
  const currentSettings = settings;
  const isDefaultExpanded = sectionId => !!sectionId && settingsDefault.defaultSectionsExpanded.settings?.includes(sectionId);
  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_session__WEBPACK_IMPORTED_MODULE_1__.SessionStorageProvider, {
    prefix: element.id
  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_sections_list__WEBPACK_IMPORTED_MODULE_6__.SectionsList, null, elementType.controls.map((control, index) => {
    if (isControl(control)) {
      return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_settings_control__WEBPACK_IMPORTED_MODULE_7__.SettingsControl, {
        key: getKey(control, element),
        control: control
      });
    }
    const {
      type,
      value
    } = control;
    if (type === 'section') {
      const sectionItems = renderSectionItems({
        items: value.items,
        element,
        propsSchema: elementType.propsSchema,
        settings: currentSettings
      });
      if (!sectionItems.length) {
        return null;
      }
      return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_section__WEBPACK_IMPORTED_MODULE_5__.Section, {
        title: value.label,
        key: type + '.' + index,
        defaultExpanded: isDefaultExpanded(value.id)
      }, sectionItems);
    }
    return null;
  })));
};
function getKey(control, element) {
  if (control.type === 'control') {
    return control.value.bind + '.' + element.id;
  }
  return control.value.type + '.' + element.id;
}
function isControl(control) {
  return control.type === 'control' || control.type === 'element-control';
}
function renderSectionItems({
  items,
  element,
  propsSchema,
  settings
}) {
  return items?.flatMap(item => {
    if (!isControl(item)) {
      // TODO: Handle 2nd level sections
      return [];
    }
    if (item.type === 'control' && isControlHiddenByDependencies(item, propsSchema, settings)) {
      return [];
    }
    return [/*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_settings_control__WEBPACK_IMPORTED_MODULE_7__.SettingsControl, {
      key: getKey(item, element),
      control: item
    })];
  }) ?? [];
}
function isControlHiddenByDependencies(control, propsSchema, settings) {
  const {
    isHidden
  } = (0,_utils_prop_dependency_utils__WEBPACK_IMPORTED_MODULE_4__.extractDependencyEffect)(control.value.bind, propsSchema, settings);
  return isHidden;
}

/***/ }),

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

__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   StyleIndicator: function() { return /* binding */ StyleIndicator; }
/* harmony export */ });
/* harmony import */ var _elementor_ui__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @elementor/ui */ "@elementor/ui");
/* harmony import */ var _elementor_ui__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_elementor_ui__WEBPACK_IMPORTED_MODULE_0__);

const StyleIndicator = (0,_elementor_ui__WEBPACK_IMPORTED_MODULE_0__.styled)('div', {
  shouldForwardProp: prop => !['isOverridden', 'getColor'].includes(prop)
})`
	width: 5px;
	height: 5px;
	border-radius: 50%;
	background-color: ${({
  theme,
  isOverridden,
  getColor
}) => {
  if (isOverridden) {
    return theme.palette.warning.light;
  }
  const providerColor = getColor?.(theme);
  return providerColor ?? theme.palette.text.disabled;
}};
`;

/***/ }),

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

__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   BackgroundSection: function() { return /* binding */ BackgroundSection; }
/* 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 _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 _controls_registry_styles_field__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../../controls-registry/styles-field */ "./packages/packages/core/editor-editing-panel/src/controls-registry/styles-field.tsx");
/* harmony import */ var _section_content__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../section-content */ "./packages/packages/core/editor-editing-panel/src/components/section-content.tsx");





const BACKGROUND_LABEL = (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_2__.__)('Background', 'elementor');
const BackgroundSection = () => {
  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_section_content__WEBPACK_IMPORTED_MODULE_4__.SectionContent, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_controls_registry_styles_field__WEBPACK_IMPORTED_MODULE_3__.StylesField, {
    bind: "background",
    propDisplayName: BACKGROUND_LABEL
  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_editor_controls__WEBPACK_IMPORTED_MODULE_1__.BackgroundControl, null)));
};

/***/ }),

/***/ "./packages/packages/core/editor-editing-panel/src/components/style-sections/border-section/border-color-field.tsx":
/*!*************************************************************************************************************************!*\
  !*** ./packages/packages/core/editor-editing-panel/src/components/style-sections/border-section/border-color-field.tsx ***!
  \*************************************************************************************************************************/
/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {

__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   BorderColorField: function() { return /* binding */ BorderColorField; }
/* 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 _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 _controls_registry_styles_field__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../../controls-registry/styles-field */ "./packages/packages/core/editor-editing-panel/src/controls-registry/styles-field.tsx");
/* harmony import */ var _styles_field_layout__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../styles-field-layout */ "./packages/packages/core/editor-editing-panel/src/components/styles-field-layout.tsx");





const BORDER_COLOR_LABEL = (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_2__.__)('Border color', 'elementor');
const BorderColorField = () => /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_controls_registry_styles_field__WEBPACK_IMPORTED_MODULE_3__.StylesField, {
  bind: "border-color",
  propDisplayName: BORDER_COLOR_LABEL
}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_styles_field_layout__WEBPACK_IMPORTED_MODULE_4__.StylesFieldLayout, {
  label: BORDER_COLOR_LABEL
}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_editor_controls__WEBPACK_IMPORTED_MODULE_1__.ColorControl, null)));

/***/ }),

/***/ "./packages/packages/core/editor-editing-panel/src/components/style-sections/border-section/border-radius-field.tsx":
/*!**************************************************************************************************************************!*\
  !*** ./packages/packages/core/editor-editing-panel/src/components/style-sections/border-section/border-radius-field.tsx ***!
  \**************************************************************************************************************************/
/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {

__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   BorderRadiusField: function() { return /* binding */ BorderRadiusField; }
/* 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_props__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @elementor/editor-props */ "@elementor/editor-props");
/* harmony import */ var _elementor_editor_props__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_elementor_editor_props__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__);
/* harmony import */ var _controls_registry_styles_field__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../../controls-registry/styles-field */ "./packages/packages/core/editor-editing-panel/src/controls-registry/styles-field.tsx");
/* harmony import */ var _hooks_use_direction__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../../../hooks/use-direction */ "./packages/packages/core/editor-editing-panel/src/hooks/use-direction.ts");
/* harmony import */ var _styles_inheritance_components_ui_providers__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../../../styles-inheritance/components/ui-providers */ "./packages/packages/core/editor-editing-panel/src/styles-inheritance/components/ui-providers.tsx");









const BORDER_RADIUS_LABEL = (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_5__.__)('Border radius', 'elementor');
const StartStartIcon = (0,_elementor_ui__WEBPACK_IMPORTED_MODULE_4__.withDirection)(_elementor_icons__WEBPACK_IMPORTED_MODULE_3__.RadiusTopLeftIcon);
const StartEndIcon = (0,_elementor_ui__WEBPACK_IMPORTED_MODULE_4__.withDirection)(_elementor_icons__WEBPACK_IMPORTED_MODULE_3__.RadiusTopRightIcon);
const EndStartIcon = (0,_elementor_ui__WEBPACK_IMPORTED_MODULE_4__.withDirection)(_elementor_icons__WEBPACK_IMPORTED_MODULE_3__.RadiusBottomLeftIcon);
const EndEndIcon = (0,_elementor_ui__WEBPACK_IMPORTED_MODULE_4__.withDirection)(_elementor_icons__WEBPACK_IMPORTED_MODULE_3__.RadiusBottomRightIcon);
const getStartStartLabel = isSiteRtl => isSiteRtl ? (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_5__.__)('Top right', 'elementor') : (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_5__.__)('Top left', 'elementor');
const getStartStartAriaLabel = isSiteRtl => isSiteRtl ? (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_5__.__)('Border top right radius', 'elementor') : (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_5__.__)('Border top left radius', 'elementor');
const getStartEndLabel = isSiteRtl => isSiteRtl ? (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_5__.__)('Top left', 'elementor') : (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_5__.__)('Top right', 'elementor');
const getStartEndAriaLabel = isSiteRtl => isSiteRtl ? (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_5__.__)('Border top left radius', 'elementor') : (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_5__.__)('Border top right radius', 'elementor');
const getEndStartLabel = isSiteRtl => isSiteRtl ? (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_5__.__)('Bottom right', 'elementor') : (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_5__.__)('Bottom left', 'elementor');
const getEndStartAriaLabel = isSiteRtl => isSiteRtl ? (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_5__.__)('Border bottom right radius', 'elementor') : (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_5__.__)('Border bottom left radius', 'elementor');
const getEndEndLabel = isSiteRtl => isSiteRtl ? (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_5__.__)('Bottom left', 'elementor') : (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_5__.__)('Bottom right', 'elementor');
const getEndEndAriaLabel = isSiteRtl => isSiteRtl ? (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_5__.__)('Border bottom left radius', 'elementor') : (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_5__.__)('Border bottom right radius', 'elementor');
const getCorners = isSiteRtl => [{
  label: getStartStartLabel(isSiteRtl),
  ariaLabel: getStartStartAriaLabel(isSiteRtl),
  icon: /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(StartStartIcon, {
    fontSize: 'tiny'
  }),
  bind: 'start-start'
}, {
  label: getStartEndLabel(isSiteRtl),
  ariaLabel: getStartEndAriaLabel(isSiteRtl),
  icon: /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(StartEndIcon, {
    fontSize: 'tiny'
  }),
  bind: 'start-end'
}, {
  label: getEndStartLabel(isSiteRtl),
  ariaLabel: getEndStartAriaLabel(isSiteRtl),
  icon: /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(EndStartIcon, {
    fontSize: 'tiny'
  }),
  bind: 'end-start'
}, {
  label: getEndEndLabel(isSiteRtl),
  ariaLabel: getEndEndAriaLabel(isSiteRtl),
  icon: /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(EndEndIcon, {
    fontSize: 'tiny'
  }),
  bind: 'end-end'
}];
const BorderRadiusField = () => {
  const {
    isSiteRtl
  } = (0,_hooks_use_direction__WEBPACK_IMPORTED_MODULE_7__.useDirection)();
  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_styles_inheritance_components_ui_providers__WEBPACK_IMPORTED_MODULE_8__.UiProviders, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_controls_registry_styles_field__WEBPACK_IMPORTED_MODULE_6__.StylesField, {
    bind: 'border-radius',
    propDisplayName: BORDER_RADIUS_LABEL
  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_editor_controls__WEBPACK_IMPORTED_MODULE_1__.EqualUnequalSizesControl, {
    items: getCorners(isSiteRtl),
    label: BORDER_RADIUS_LABEL,
    icon: /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_icons__WEBPACK_IMPORTED_MODULE_3__.BorderCornersIcon, {
      fontSize: 'tiny'
    }),
    tooltipLabel: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_5__.__)('Adjust corners', 'elementor'),
    multiSizePropTypeUtil: _elementor_editor_props__WEBPACK_IMPORTED_MODULE_2__.borderRadiusPropTypeUtil
  })));
};

/***/ }),

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

__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   BorderSection: function() { return /* binding */ BorderSection; }
/* 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 _section_content__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../section-content */ "./packages/packages/core/editor-editing-panel/src/components/section-content.tsx");
/* harmony import */ var _border_color_field__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./border-color-field */ "./packages/packages/core/editor-editing-panel/src/components/style-sections/border-section/border-color-field.tsx");
/* harmony import */ var _border_radius_field__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./border-radius-field */ "./packages/packages/core/editor-editing-panel/src/components/style-sections/border-section/border-radius-field.tsx");
/* harmony import */ var _border_style_field__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./border-style-field */ "./packages/packages/core/editor-editing-panel/src/components/style-sections/border-section/border-style-field.tsx");
/* harmony import */ var _border_width_field__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./border-width-field */ "./packages/packages/core/editor-editing-panel/src/components/style-sections/border-section/border-width-field.tsx");






const BorderSection = () => /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_section_content__WEBPACK_IMPORTED_MODULE_1__.SectionContent, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_border_width_field__WEBPACK_IMPORTED_MODULE_5__.BorderWidthField, null), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_border_color_field__WEBPACK_IMPORTED_MODULE_2__.BorderColorField, null), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_border_style_field__WEBPACK_IMPORTED_MODULE_4__.BorderStyleField, null), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_border_radius_field__WEBPACK_IMPORTED_MODULE_3__.BorderRadiusField, null));

/***/ }),

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

__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   BorderStyleField: function() { return /* binding */ BorderStyleField; }
/* 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 _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 _controls_registry_styles_field__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../../controls-registry/styles-field */ "./packages/packages/core/editor-editing-panel/src/controls-registry/styles-field.tsx");
/* harmony import */ var _styles_field_layout__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../styles-field-layout */ "./packages/packages/core/editor-editing-panel/src/components/styles-field-layout.tsx");





const BORDER_TYPE_LABEL = (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_2__.__)('Border type', 'elementor');
const borderStyles = [{
  value: 'none',
  label: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_2__.__)('None', 'elementor')
}, {
  value: 'solid',
  label: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_2__.__)('Solid', 'elementor')
}, {
  value: 'dashed',
  label: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_2__.__)('Dashed', 'elementor')
}, {
  value: 'dotted',
  label: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_2__.__)('Dotted', 'elementor')
}, {
  value: 'double',
  label: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_2__.__)('Double', 'elementor')
}, {
  value: 'groove',
  label: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_2__.__)('Groove', 'elementor')
}, {
  value: 'ridge',
  label: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_2__.__)('Ridge', 'elementor')
}, {
  value: 'inset',
  label: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_2__.__)('Inset', 'elementor')
}, {
  value: 'outset',
  label: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_2__.__)('Outset', 'elementor')
}];
const BorderStyleField = () => /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_controls_registry_styles_field__WEBPACK_IMPORTED_MODULE_3__.StylesField, {
  bind: "border-style",
  propDisplayName: BORDER_TYPE_LABEL
}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_styles_field_layout__WEBPACK_IMPORTED_MODULE_4__.StylesFieldLayout, {
  label: BORDER_TYPE_LABEL
}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_editor_controls__WEBPACK_IMPORTED_MODULE_1__.SelectControl, {
  options: borderStyles
})));

/***/ }),

/***/ "./packages/packages/core/editor-editing-panel/src/components/style-sections/border-section/border-width-field.tsx":
/*!*************************************************************************************************************************!*\
  !*** ./packages/packages/core/editor-editing-panel/src/components/style-sections/border-section/border-width-field.tsx ***!
  \*************************************************************************************************************************/
/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {

__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   BorderWidthField: function() { return /* binding */ BorderWidthField; }
/* 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_props__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @elementor/editor-props */ "@elementor/editor-props");
/* harmony import */ var _elementor_editor_props__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_elementor_editor_props__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__);
/* harmony import */ var _controls_registry_styles_field__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../../controls-registry/styles-field */ "./packages/packages/core/editor-editing-panel/src/controls-registry/styles-field.tsx");
/* harmony import */ var _hooks_use_direction__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../../../hooks/use-direction */ "./packages/packages/core/editor-editing-panel/src/hooks/use-direction.ts");








const BORDER_WIDTH_LABEL = (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_5__.__)('Border width', 'elementor');
const InlineStartIcon = (0,_elementor_ui__WEBPACK_IMPORTED_MODULE_4__.withDirection)(_elementor_icons__WEBPACK_IMPORTED_MODULE_3__.SideRightIcon);
const InlineEndIcon = (0,_elementor_ui__WEBPACK_IMPORTED_MODULE_4__.withDirection)(_elementor_icons__WEBPACK_IMPORTED_MODULE_3__.SideLeftIcon);
const getEdges = isSiteRtl => [{
  label: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_5__.__)('Top', 'elementor'),
  ariaLabel: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_5__.__)('Border top width', 'elementor'),
  icon: /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_icons__WEBPACK_IMPORTED_MODULE_3__.SideTopIcon, {
    fontSize: 'tiny'
  }),
  bind: 'block-start'
}, {
  label: isSiteRtl ? (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_5__.__)('Left', 'elementor') : (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_5__.__)('Right', 'elementor'),
  ariaLabel: isSiteRtl ? (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_5__.__)('Border left width', 'elementor') : (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_5__.__)('Border right width', 'elementor'),
  icon: /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(InlineStartIcon, {
    fontSize: 'tiny'
  }),
  bind: 'inline-end'
}, {
  label: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_5__.__)('Bottom', 'elementor'),
  ariaLabel: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_5__.__)('Border bottom width', 'elementor'),
  icon: /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_icons__WEBPACK_IMPORTED_MODULE_3__.SideBottomIcon, {
    fontSize: 'tiny'
  }),
  bind: 'block-end'
}, {
  label: isSiteRtl ? (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_5__.__)('Right', 'elementor') : (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_5__.__)('Left', 'elementor'),
  ariaLabel: isSiteRtl ? (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_5__.__)('Border right width', 'elementor') : (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_5__.__)('Border left width', 'elementor'),
  icon: /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(InlineEndIcon, {
    fontSize: 'tiny'
  }),
  bind: 'inline-start'
}];
const BorderWidthField = () => {
  const {
    isSiteRtl
  } = (0,_hooks_use_direction__WEBPACK_IMPORTED_MODULE_7__.useDirection)();
  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_controls_registry_styles_field__WEBPACK_IMPORTED_MODULE_6__.StylesField, {
    bind: 'border-width',
    propDisplayName: BORDER_WIDTH_LABEL
  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_editor_controls__WEBPACK_IMPORTED_MODULE_1__.EqualUnequalSizesControl, {
    items: getEdges(isSiteRtl),
    label: BORDER_WIDTH_LABEL,
    icon: /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_icons__WEBPACK_IMPORTED_MODULE_3__.SideAllIcon, {
      fontSize: 'tiny'
    }),
    tooltipLabel: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_5__.__)('Adjust borders', 'elementor'),
    multiSizePropTypeUtil: _elementor_editor_props__WEBPACK_IMPORTED_MODULE_2__.borderWidthPropTypeUtil
  }));
};

/***/ }),

/***/ "./packages/packages/core/editor-editing-panel/src/components/style-sections/effects-section/blend-mode-field.tsx":
/*!************************************************************************************************************************!*\
  !*** ./packages/packages/core/editor-editing-panel/src/components/style-sections/effects-section/blend-mode-field.tsx ***!
  \************************************************************************************************************************/
/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {

__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   BlendModeField: function() { return /* binding */ BlendModeField; }
/* 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 _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 _controls_registry_styles_field__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../../controls-registry/styles-field */ "./packages/packages/core/editor-editing-panel/src/controls-registry/styles-field.tsx");
/* harmony import */ var _styles_field_layout__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../styles-field-layout */ "./packages/packages/core/editor-editing-panel/src/components/styles-field-layout.tsx");





const BLEND_MODE_LABEL = (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_2__.__)('Blend mode', 'elementor');
const blendModeOptions = [{
  label: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_2__.__)('Normal', 'elementor'),
  value: 'normal'
}, {
  label: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_2__.__)('Multiply', 'elementor'),
  value: 'multiply'
}, {
  label: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_2__.__)('Screen', 'elementor'),
  value: 'screen'
}, {
  label: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_2__.__)('Overlay', 'elementor'),
  value: 'overlay'
}, {
  label: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_2__.__)('Darken', 'elementor'),
  value: 'darken'
}, {
  label: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_2__.__)('Lighten', 'elementor'),
  value: 'lighten'
}, {
  label: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_2__.__)('Color dodge', 'elementor'),
  value: 'color-dodge'
}, {
  label: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_2__.__)('Color burn', 'elementor'),
  value: 'color-burn'
}, {
  label: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_2__.__)('Saturation', 'elementor'),
  value: 'saturation'
}, {
  label: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_2__.__)('Color', 'elementor'),
  value: 'color'
}, {
  label: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_2__.__)('Difference', 'elementor'),
  value: 'difference'
}, {
  label: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_2__.__)('Exclusion', 'elementor'),
  value: 'exclusion'
}, {
  label: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_2__.__)('Hue', 'elementor'),
  value: 'hue'
}, {
  label: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_2__.__)('Luminosity', 'elementor'),
  value: 'luminosity'
}, {
  label: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_2__.__)('Soft light', 'elementor'),
  value: 'soft-light'
}, {
  label: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_2__.__)('Hard light', 'elementor'),
  value: 'hard-light'
}];
const BlendModeField = () => {
  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_controls_registry_styles_field__WEBPACK_IMPORTED_MODULE_3__.StylesField, {
    bind: "mix-blend-mode",
    propDisplayName: BLEND_MODE_LABEL
  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_styles_field_layout__WEBPACK_IMPORTED_MODULE_4__.StylesFieldLayout, {
    label: BLEND_MODE_LABEL
  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_editor_controls__WEBPACK_IMPORTED_MODULE_1__.SelectControl, {
    options: blendModeOptions
  })));
};

/***/ }),

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

__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   EffectsSection: function() { return /* binding */ EffectsSection; }
/* 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 _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 _contexts_element_context__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../../contexts/element-context */ "./packages/packages/core/editor-editing-panel/src/contexts/element-context.tsx");
/* harmony import */ var _contexts_style_context__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../../contexts/style-context */ "./packages/packages/core/editor-editing-panel/src/contexts/style-context.tsx");
/* harmony import */ var _controls_registry_styles_field__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../../controls-registry/styles-field */ "./packages/packages/core/editor-editing-panel/src/controls-registry/styles-field.tsx");
/* harmony import */ var _utils_can_element_have_children__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../../utils/can-element-have-children */ "./packages/packages/core/editor-editing-panel/src/utils/can-element-have-children.ts");
/* harmony import */ var _utils_get_recently_used_styles__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../../../utils/get-recently-used-styles */ "./packages/packages/core/editor-editing-panel/src/utils/get-recently-used-styles.ts");
/* harmony import */ var _panel_divider__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../../panel-divider */ "./packages/packages/core/editor-editing-panel/src/components/panel-divider.tsx");
/* harmony import */ var _section_content__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ../../section-content */ "./packages/packages/core/editor-editing-panel/src/components/section-content.tsx");
/* harmony import */ var _blend_mode_field__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ./blend-mode-field */ "./packages/packages/core/editor-editing-panel/src/components/style-sections/effects-section/blend-mode-field.tsx");
/* harmony import */ var _opacity_control_field__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ./opacity-control-field */ "./packages/packages/core/editor-editing-panel/src/components/style-sections/effects-section/opacity-control-field.tsx");












const BOX_SHADOW_LABEL = (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_2__.__)('Box shadow', 'elementor');
const FILTER_LABEL = (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_2__.__)('Filters', 'elementor');
const TRANSFORM_LABEL = (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_2__.__)('Transform', 'elementor');
const BACKDROP_FILTER_LABEL = (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_2__.__)('Backdrop filters', 'elementor');
const TRANSITIONS_LABEL = (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_2__.__)('Transitions', 'elementor');
const EffectsSection = () => {
  const {
    element
  } = (0,_contexts_element_context__WEBPACK_IMPORTED_MODULE_3__.useElement)();
  const {
    meta
  } = (0,_contexts_style_context__WEBPACK_IMPORTED_MODULE_4__.useStyle)();
  const canHaveChildren = (0,_utils_can_element_have_children__WEBPACK_IMPORTED_MODULE_6__.canElementHaveChildren)(element?.id ?? '');
  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_section_content__WEBPACK_IMPORTED_MODULE_9__.SectionContent, {
    gap: 1
  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_blend_mode_field__WEBPACK_IMPORTED_MODULE_10__.BlendModeField, null), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_panel_divider__WEBPACK_IMPORTED_MODULE_8__.PanelDivider, null), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_opacity_control_field__WEBPACK_IMPORTED_MODULE_11__.OpacityControlField, null), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_panel_divider__WEBPACK_IMPORTED_MODULE_8__.PanelDivider, null), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_controls_registry_styles_field__WEBPACK_IMPORTED_MODULE_5__.StylesField, {
    bind: "box-shadow",
    propDisplayName: BOX_SHADOW_LABEL
  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_editor_controls__WEBPACK_IMPORTED_MODULE_1__.BoxShadowRepeaterControl, null)), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_panel_divider__WEBPACK_IMPORTED_MODULE_8__.PanelDivider, null), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_controls_registry_styles_field__WEBPACK_IMPORTED_MODULE_5__.StylesField, {
    bind: "transform",
    propDisplayName: TRANSFORM_LABEL
  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_editor_controls__WEBPACK_IMPORTED_MODULE_1__.TransformRepeaterControl, {
    showChildrenPerspective: canHaveChildren
  })), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_panel_divider__WEBPACK_IMPORTED_MODULE_8__.PanelDivider, null), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_controls_registry_styles_field__WEBPACK_IMPORTED_MODULE_5__.StylesField, {
    bind: "transition",
    propDisplayName: TRANSITIONS_LABEL
  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_editor_controls__WEBPACK_IMPORTED_MODULE_1__.TransitionRepeaterControl, {
    currentStyleState: meta.state,
    recentlyUsedListGetter: () => (0,_utils_get_recently_used_styles__WEBPACK_IMPORTED_MODULE_7__.getRecentlyUsedList)(element?.id ?? '')
  })), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_panel_divider__WEBPACK_IMPORTED_MODULE_8__.PanelDivider, null), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_controls_registry_styles_field__WEBPACK_IMPORTED_MODULE_5__.StylesField, {
    bind: "filter",
    propDisplayName: FILTER_LABEL
  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_editor_controls__WEBPACK_IMPORTED_MODULE_1__.FilterRepeaterControl, null)), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_panel_divider__WEBPACK_IMPORTED_MODULE_8__.PanelDivider, null), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_controls_registry_styles_field__WEBPACK_IMPORTED_MODULE_5__.StylesField, {
    bind: "backdrop-filter",
    propDisplayName: BACKDROP_FILTER_LABEL
  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_editor_controls__WEBPACK_IMPORTED_MODULE_1__.FilterRepeaterControl, {
    filterPropName: "backdrop-filter"
  })));
};

/***/ }),

/***/ "./packages/packages/core/editor-editing-panel/src/components/style-sections/effects-section/opacity-control-field.tsx":
/*!*****************************************************************************************************************************!*\
  !*** ./packages/packages/core/editor-editing-panel/src/components/style-sections/effects-section/opacity-control-field.tsx ***!
  \*****************************************************************************************************************************/
/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {

__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   OpacityControlField: function() { return /* binding */ OpacityControlField; }
/* 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 _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 _controls_registry_styles_field__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../../controls-registry/styles-field */ "./packages/packages/core/editor-editing-panel/src/controls-registry/styles-field.tsx");
/* harmony import */ var _styles_field_layout__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../styles-field-layout */ "./packages/packages/core/editor-editing-panel/src/components/styles-field-layout.tsx");






const OPACITY_LABEL = (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_2__.__)('Opacity', 'elementor');
const OpacityControlField = () => {
  const rowRef = (0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)(null);
  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_controls_registry_styles_field__WEBPACK_IMPORTED_MODULE_3__.StylesField, {
    bind: 'opacity',
    propDisplayName: OPACITY_LABEL
  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_styles_field_layout__WEBPACK_IMPORTED_MODULE_4__.StylesFieldLayout, {
    ref: rowRef,
    label: OPACITY_LABEL
  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_editor_controls__WEBPACK_IMPORTED_MODULE_1__.SizeControl, {
    units: ['%'],
    anchorRef: rowRef,
    defaultUnit: "%"
  })));
};

/***/ }),

/***/ "./packages/packages/core/editor-editing-panel/src/components/style-sections/layout-section/align-content-field.tsx":
/*!**************************************************************************************************************************!*\
  !*** ./packages/packages/core/editor-editing-panel/src/components/style-sections/layout-section/align-content-field.tsx ***!
  \**************************************************************************************************************************/
/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {

__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   AlignContentField: function() { return /* binding */ AlignContentField; }
/* 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_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 _controls_registry_styles_field__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../../controls-registry/styles-field */ "./packages/packages/core/editor-editing-panel/src/controls-registry/styles-field.tsx");
/* harmony import */ var _styles_inheritance_components_ui_providers__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../../styles-inheritance/components/ui-providers */ "./packages/packages/core/editor-editing-panel/src/styles-inheritance/components/ui-providers.tsx");
/* harmony import */ var _styles_field_layout__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../../styles-field-layout */ "./packages/packages/core/editor-editing-panel/src/components/styles-field-layout.tsx");
/* harmony import */ var _utils_rotated_icon__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./utils/rotated-icon */ "./packages/packages/core/editor-editing-panel/src/components/style-sections/layout-section/utils/rotated-icon.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); }









const ALIGN_CONTENT_LABEL = (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_4__.__)('Align content', 'elementor');
const StartIcon = (0,_elementor_ui__WEBPACK_IMPORTED_MODULE_3__.withDirection)(_elementor_icons__WEBPACK_IMPORTED_MODULE_2__.JustifyTopIcon);
const EndIcon = (0,_elementor_ui__WEBPACK_IMPORTED_MODULE_3__.withDirection)(_elementor_icons__WEBPACK_IMPORTED_MODULE_2__.JustifyBottomIcon);
const iconProps = {
  isClockwise: false,
  offset: 0,
  disableRotationForReversed: true
};
const options = [{
  value: 'start',
  label: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_4__.__)('Start', 'elementor'),
  renderContent: ({
    size
  }) => /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_utils_rotated_icon__WEBPACK_IMPORTED_MODULE_8__.RotatedIcon, _extends({
    icon: StartIcon,
    size: size
  }, iconProps)),
  showTooltip: true
}, {
  value: 'center',
  label: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_4__.__)('Center', 'elementor'),
  renderContent: ({
    size
  }) => /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_utils_rotated_icon__WEBPACK_IMPORTED_MODULE_8__.RotatedIcon, _extends({
    icon: _elementor_icons__WEBPACK_IMPORTED_MODULE_2__.JustifyCenterIcon,
    size: size
  }, iconProps)),
  showTooltip: true
}, {
  value: 'end',
  label: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_4__.__)('End', 'elementor'),
  renderContent: ({
    size
  }) => /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_utils_rotated_icon__WEBPACK_IMPORTED_MODULE_8__.RotatedIcon, _extends({
    icon: EndIcon,
    size: size
  }, iconProps)),
  showTooltip: true
}, {
  value: 'space-between',
  label: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_4__.__)('Space between', 'elementor'),
  renderContent: ({
    size
  }) => /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_utils_rotated_icon__WEBPACK_IMPORTED_MODULE_8__.RotatedIcon, _extends({
    icon: _elementor_icons__WEBPACK_IMPORTED_MODULE_2__.JustifySpaceBetweenVerticalIcon,
    size: size
  }, iconProps)),
  showTooltip: true
}, {
  value: 'space-around',
  label: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_4__.__)('Space around', 'elementor'),
  renderContent: ({
    size
  }) => /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_utils_rotated_icon__WEBPACK_IMPORTED_MODULE_8__.RotatedIcon, _extends({
    icon: _elementor_icons__WEBPACK_IMPORTED_MODULE_2__.JustifySpaceAroundVerticalIcon,
    size: size
  }, iconProps)),
  showTooltip: true
}, {
  value: 'space-evenly',
  label: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_4__.__)('Space evenly', 'elementor'),
  renderContent: ({
    size
  }) => /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_utils_rotated_icon__WEBPACK_IMPORTED_MODULE_8__.RotatedIcon, _extends({
    icon: _elementor_icons__WEBPACK_IMPORTED_MODULE_2__.JustifyDistributeVerticalIcon,
    size: size
  }, iconProps)),
  showTooltip: true
}];
const AlignContentField = () => /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_controls_registry_styles_field__WEBPACK_IMPORTED_MODULE_5__.StylesField, {
  bind: "align-content",
  propDisplayName: ALIGN_CONTENT_LABEL
}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_styles_inheritance_components_ui_providers__WEBPACK_IMPORTED_MODULE_6__.UiProviders, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_styles_field_layout__WEBPACK_IMPORTED_MODULE_7__.StylesFieldLayout, {
  label: ALIGN_CONTENT_LABEL,
  direction: "column"
}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_editor_controls__WEBPACK_IMPORTED_MODULE_1__.ToggleControl, {
  options: options,
  fullWidth: true
}))));

/***/ }),

/***/ "./packages/packages/core/editor-editing-panel/src/components/style-sections/layout-section/align-items-field.tsx":
/*!************************************************************************************************************************!*\
  !*** ./packages/packages/core/editor-editing-panel/src/components/style-sections/layout-section/align-items-field.tsx ***!
  \************************************************************************************************************************/
/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {

__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   AlignItemsField: function() { return /* binding */ AlignItemsField; }
/* 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_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 _controls_registry_styles_field__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../../controls-registry/styles-field */ "./packages/packages/core/editor-editing-panel/src/controls-registry/styles-field.tsx");
/* harmony import */ var _styles_inheritance_components_ui_providers__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../../styles-inheritance/components/ui-providers */ "./packages/packages/core/editor-editing-panel/src/styles-inheritance/components/ui-providers.tsx");
/* harmony import */ var _styles_field_layout__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../../styles-field-layout */ "./packages/packages/core/editor-editing-panel/src/components/styles-field-layout.tsx");
/* harmony import */ var _utils_rotated_icon__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./utils/rotated-icon */ "./packages/packages/core/editor-editing-panel/src/components/style-sections/layout-section/utils/rotated-icon.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); }









const ALIGN_ITEMS_LABEL = (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_4__.__)('Align items', 'elementor');
const StartIcon = (0,_elementor_ui__WEBPACK_IMPORTED_MODULE_3__.withDirection)(_elementor_icons__WEBPACK_IMPORTED_MODULE_2__.LayoutAlignLeftIcon);
const EndIcon = (0,_elementor_ui__WEBPACK_IMPORTED_MODULE_3__.withDirection)(_elementor_icons__WEBPACK_IMPORTED_MODULE_2__.LayoutAlignRightIcon);
const iconProps = {
  isClockwise: false,
  offset: 90
};
const options = [{
  value: 'start',
  label: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_4__.__)('Start', 'elementor'),
  renderContent: ({
    size
  }) => /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_utils_rotated_icon__WEBPACK_IMPORTED_MODULE_8__.RotatedIcon, _extends({
    icon: StartIcon,
    size: size
  }, iconProps)),
  showTooltip: true
}, {
  value: 'center',
  label: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_4__.__)('Center', 'elementor'),
  renderContent: ({
    size
  }) => /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_utils_rotated_icon__WEBPACK_IMPORTED_MODULE_8__.RotatedIcon, _extends({
    icon: _elementor_icons__WEBPACK_IMPORTED_MODULE_2__.LayoutAlignCenterIcon,
    size: size
  }, iconProps)),
  showTooltip: true
}, {
  value: 'end',
  label: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_4__.__)('End', 'elementor'),
  renderContent: ({
    size
  }) => /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_utils_rotated_icon__WEBPACK_IMPORTED_MODULE_8__.RotatedIcon, _extends({
    icon: EndIcon,
    size: size
  }, iconProps)),
  showTooltip: true
}, {
  value: 'stretch',
  label: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_4__.__)('Stretch', 'elementor'),
  renderContent: ({
    size
  }) => /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_utils_rotated_icon__WEBPACK_IMPORTED_MODULE_8__.RotatedIcon, _extends({
    icon: _elementor_icons__WEBPACK_IMPORTED_MODULE_2__.LayoutDistributeVerticalIcon,
    size: size
  }, iconProps)),
  showTooltip: true
}];
const AlignItemsField = () => {
  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_styles_inheritance_components_ui_providers__WEBPACK_IMPORTED_MODULE_6__.UiProviders, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_controls_registry_styles_field__WEBPACK_IMPORTED_MODULE_5__.StylesField, {
    bind: "align-items",
    propDisplayName: ALIGN_ITEMS_LABEL
  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_styles_field_layout__WEBPACK_IMPORTED_MODULE_7__.StylesFieldLayout, {
    label: ALIGN_ITEMS_LABEL
  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_editor_controls__WEBPACK_IMPORTED_MODULE_1__.ToggleControl, {
    options: options
  }))));
};

/***/ }),

/***/ "./packages/packages/core/editor-editing-panel/src/components/style-sections/layout-section/align-self-child-field.tsx":
/*!*****************************************************************************************************************************!*\
  !*** ./packages/packages/core/editor-editing-panel/src/components/style-sections/layout-section/align-self-child-field.tsx ***!
  \*****************************************************************************************************************************/
/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {

__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   AlignSelfChild: function() { return /* binding */ AlignSelfChild; }
/* 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_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 _controls_registry_styles_field__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../../controls-registry/styles-field */ "./packages/packages/core/editor-editing-panel/src/controls-registry/styles-field.tsx");
/* harmony import */ var _styles_inheritance_components_ui_providers__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../../styles-inheritance/components/ui-providers */ "./packages/packages/core/editor-editing-panel/src/styles-inheritance/components/ui-providers.tsx");
/* harmony import */ var _styles_field_layout__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../../styles-field-layout */ "./packages/packages/core/editor-editing-panel/src/components/styles-field-layout.tsx");
/* harmony import */ var _utils_rotated_icon__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./utils/rotated-icon */ "./packages/packages/core/editor-editing-panel/src/components/style-sections/layout-section/utils/rotated-icon.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); }









const ALIGN_SELF_LABEL = (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_4__.__)('Align self', 'elementor');
const ALIGN_SELF_CHILD_OFFSET_MAP = {
  row: 90,
  'row-reverse': 90,
  column: 0,
  'column-reverse': 0
};
const StartIcon = (0,_elementor_ui__WEBPACK_IMPORTED_MODULE_3__.withDirection)(_elementor_icons__WEBPACK_IMPORTED_MODULE_2__.LayoutAlignLeftIcon);
const EndIcon = (0,_elementor_ui__WEBPACK_IMPORTED_MODULE_3__.withDirection)(_elementor_icons__WEBPACK_IMPORTED_MODULE_2__.LayoutAlignRightIcon);
const iconProps = {
  isClockwise: false
};
const getOptions = parentStyleDirection => [{
  value: 'start',
  label: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_4__.__)('Start', 'elementor'),
  renderContent: ({
    size
  }) => /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_utils_rotated_icon__WEBPACK_IMPORTED_MODULE_8__.RotatedIcon, _extends({
    icon: StartIcon,
    size: size,
    offset: ALIGN_SELF_CHILD_OFFSET_MAP[parentStyleDirection]
  }, iconProps)),
  showTooltip: true
}, {
  value: 'center',
  label: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_4__.__)('Center', 'elementor'),
  renderContent: ({
    size
  }) => /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_utils_rotated_icon__WEBPACK_IMPORTED_MODULE_8__.RotatedIcon, _extends({
    icon: _elementor_icons__WEBPACK_IMPORTED_MODULE_2__.LayoutAlignCenterIcon,
    size: size,
    offset: ALIGN_SELF_CHILD_OFFSET_MAP[parentStyleDirection]
  }, iconProps)),
  showTooltip: true
}, {
  value: 'end',
  label: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_4__.__)('End', 'elementor'),
  renderContent: ({
    size
  }) => /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_utils_rotated_icon__WEBPACK_IMPORTED_MODULE_8__.RotatedIcon, _extends({
    icon: EndIcon,
    size: size,
    offset: ALIGN_SELF_CHILD_OFFSET_MAP[parentStyleDirection]
  }, iconProps)),
  showTooltip: true
}, {
  value: 'stretch',
  label: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_4__.__)('Stretch', 'elementor'),
  renderContent: ({
    size
  }) => /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_utils_rotated_icon__WEBPACK_IMPORTED_MODULE_8__.RotatedIcon, _extends({
    icon: _elementor_icons__WEBPACK_IMPORTED_MODULE_2__.LayoutDistributeVerticalIcon,
    size: size,
    offset: ALIGN_SELF_CHILD_OFFSET_MAP[parentStyleDirection]
  }, iconProps)),
  showTooltip: true
}];
const AlignSelfChild = ({
  parentStyleDirection
}) => /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_controls_registry_styles_field__WEBPACK_IMPORTED_MODULE_5__.StylesField, {
  bind: "align-self",
  propDisplayName: ALIGN_SELF_LABEL
}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_styles_inheritance_components_ui_providers__WEBPACK_IMPORTED_MODULE_6__.UiProviders, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_styles_field_layout__WEBPACK_IMPORTED_MODULE_7__.StylesFieldLayout, {
  label: ALIGN_SELF_LABEL
}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_editor_controls__WEBPACK_IMPORTED_MODULE_1__.ToggleControl, {
  options: getOptions(parentStyleDirection)
}))));

/***/ }),

/***/ "./packages/packages/core/editor-editing-panel/src/components/style-sections/layout-section/align-self-grid-child-field.tsx":
/*!**********************************************************************************************************************************!*\
  !*** ./packages/packages/core/editor-editing-panel/src/components/style-sections/layout-section/align-self-grid-child-field.tsx ***!
  \**********************************************************************************************************************************/
/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {

__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   AlignSelfGridChild: function() { return /* binding */ AlignSelfGridChild; }
/* 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_icons__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @elementor/icons */ "@elementor/icons");
/* harmony import */ var _elementor_icons__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_elementor_icons__WEBPACK_IMPORTED_MODULE_2__);
/* harmony import */ var _wordpress_i18n__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @wordpress/i18n */ "@wordpress/i18n");
/* harmony import */ var _wordpress_i18n__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_wordpress_i18n__WEBPACK_IMPORTED_MODULE_3__);
/* harmony import */ var _controls_registry_styles_field__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../../controls-registry/styles-field */ "./packages/packages/core/editor-editing-panel/src/controls-registry/styles-field.tsx");
/* harmony import */ var _styles_inheritance_components_ui_providers__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../../styles-inheritance/components/ui-providers */ "./packages/packages/core/editor-editing-panel/src/styles-inheritance/components/ui-providers.tsx");
/* harmony import */ var _styles_field_layout__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../styles-field-layout */ "./packages/packages/core/editor-editing-panel/src/components/styles-field-layout.tsx");







const ALIGN_SELF_LABEL = (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_3__.__)('Align self', 'elementor');
const ALIGN_SELF_CHILD_OFFSET_MAP = {
  row: 0,
  column: -90
};
const AlignSelfGridChild = ({
  parentStyleDirection
}) => /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_controls_registry_styles_field__WEBPACK_IMPORTED_MODULE_4__.StylesField, {
  bind: "align-self",
  propDisplayName: ALIGN_SELF_LABEL
}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_styles_inheritance_components_ui_providers__WEBPACK_IMPORTED_MODULE_5__.UiProviders, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_styles_field_layout__WEBPACK_IMPORTED_MODULE_6__.StylesFieldLayout, {
  label: ALIGN_SELF_LABEL
}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_editor_controls__WEBPACK_IMPORTED_MODULE_1__.ToggleControl, {
  options: getOptions(parentStyleDirection ?? 'row')
}))));
const RotatedIcon = ({
  icon: Icon,
  size,
  offset
}) => /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(Icon, {
  fontSize: size,
  sx: {
    rotate: `${offset}deg`
  }
});
const getOptions = parentStyleDirection => {
  const offset = ALIGN_SELF_CHILD_OFFSET_MAP[parentStyleDirection.replace('dense', '').trim()];
  return [{
    value: 'start',
    label: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_3__.__)('Start', 'elementor'),
    renderContent: ({
      size
    }) => /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(RotatedIcon, {
      icon: _elementor_icons__WEBPACK_IMPORTED_MODULE_2__.JustifyTopIcon,
      size: size,
      offset: offset
    }),
    showTooltip: true
  }, {
    value: 'center',
    label: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_3__.__)('Center', 'elementor'),
    renderContent: ({
      size
    }) => /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(RotatedIcon, {
      icon: _elementor_icons__WEBPACK_IMPORTED_MODULE_2__.JustifyCenterIcon,
      size: size,
      offset: offset
    }),
    showTooltip: true
  }, {
    value: 'end',
    label: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_3__.__)('End', 'elementor'),
    renderContent: ({
      size
    }) => /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(RotatedIcon, {
      icon: _elementor_icons__WEBPACK_IMPORTED_MODULE_2__.JustifyBottomIcon,
      size: size,
      offset: offset
    }),
    showTooltip: true
  }, {
    value: 'stretch',
    label: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_3__.__)('Stretch', 'elementor'),
    renderContent: ({
      size
    }) => /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(RotatedIcon, {
      icon: _elementor_icons__WEBPACK_IMPORTED_MODULE_2__.LayoutDistributeVerticalIcon,
      size: size,
      offset: offset
    }),
    showTooltip: true
  }];
};

/***/ }),

/***/ "./packages/packages/core/editor-editing-panel/src/components/style-sections/layout-section/display-field.tsx":
/*!********************************************************************************************************************!*\
  !*** ./packages/packages/core/editor-editing-panel/src/components/style-sections/layout-section/display-field.tsx ***!
  \********************************************************************************************************************/
/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {

__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   DisplayField: function() { return /* binding */ DisplayField; },
/* harmony export */   useDisplayPlaceholderValue: function() { return /* binding */ useDisplayPlaceholderValue; }
/* 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 _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 _contexts_styles_inheritance_context__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../../contexts/styles-inheritance-context */ "./packages/packages/core/editor-editing-panel/src/contexts/styles-inheritance-context.tsx");
/* harmony import */ var _controls_registry_styles_field__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../../controls-registry/styles-field */ "./packages/packages/core/editor-editing-panel/src/controls-registry/styles-field.tsx");
/* harmony import */ var _styles_field_layout__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../styles-field-layout */ "./packages/packages/core/editor-editing-panel/src/components/styles-field-layout.tsx");






const DISPLAY_LABEL = (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_2__.__)('Display', 'elementor');
const displayFieldItems = [{
  value: 'block',
  renderContent: () => (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_2__.__)('Block', 'elementor'),
  label: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_2__.__)('Block', 'elementor'),
  showTooltip: true
}, {
  value: 'flex',
  renderContent: () => (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_2__.__)('Flex', 'elementor'),
  label: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_2__.__)('Flex', 'elementor'),
  showTooltip: true
}, {
  value: 'grid',
  renderContent: () => (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_2__.__)('Grid', 'elementor'),
  label: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_2__.__)('Grid', 'elementor'),
  showTooltip: true
}, {
  value: 'none',
  renderContent: () => (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_2__.__)('None', 'elementor'),
  label: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_2__.__)('None', 'elementor'),
  showTooltip: true
}, {
  value: 'inline-block',
  renderContent: () => (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_2__.__)('In-blk', 'elementor'),
  label: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_2__.__)('Inline-block', 'elementor'),
  showTooltip: true
}, {
  value: 'inline-flex',
  renderContent: () => (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_2__.__)('In-flx', 'elementor'),
  label: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_2__.__)('Inline-flex', 'elementor'),
  showTooltip: true
}];
const DisplayField = () => {
  const placeholder = useDisplayPlaceholderValue();
  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_controls_registry_styles_field__WEBPACK_IMPORTED_MODULE_4__.StylesField, {
    bind: "display",
    propDisplayName: DISPLAY_LABEL,
    placeholder: placeholder
  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_styles_field_layout__WEBPACK_IMPORTED_MODULE_5__.StylesFieldLayout, {
    label: DISPLAY_LABEL,
    direction: "column"
  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_editor_controls__WEBPACK_IMPORTED_MODULE_1__.ToggleControl, {
    options: displayFieldItems,
    maxItems: 4,
    fullWidth: true
  })));
};

// TODO - placing this logic deliberately here, and will be removed once applied automatically to all style fields as part of ED-18491
const useDisplayPlaceholderValue = () => (0,_contexts_styles_inheritance_context__WEBPACK_IMPORTED_MODULE_3__.useStylesInheritanceChain)(['display'])[0]?.value ?? undefined;

/***/ }),

/***/ "./packages/packages/core/editor-editing-panel/src/components/style-sections/layout-section/flex-direction-field.tsx":
/*!***************************************************************************************************************************!*\
  !*** ./packages/packages/core/editor-editing-panel/src/components/style-sections/layout-section/flex-direction-field.tsx ***!
  \***************************************************************************************************************************/
/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {

__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   FlexDirectionField: function() { return /* binding */ FlexDirectionField; }
/* 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_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 _controls_registry_styles_field__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../../controls-registry/styles-field */ "./packages/packages/core/editor-editing-panel/src/controls-registry/styles-field.tsx");
/* harmony import */ var _styles_inheritance_components_ui_providers__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../../styles-inheritance/components/ui-providers */ "./packages/packages/core/editor-editing-panel/src/styles-inheritance/components/ui-providers.tsx");
/* harmony import */ var _styles_field_layout__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../../styles-field-layout */ "./packages/packages/core/editor-editing-panel/src/components/styles-field-layout.tsx");








const FLEX_DIRECTION_LABEL = (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_4__.__)('Direction', 'elementor');
const options = [{
  value: 'row',
  label: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_4__.__)('Row', 'elementor'),
  renderContent: ({
    size
  }) => {
    const StartIcon = (0,_elementor_ui__WEBPACK_IMPORTED_MODULE_3__.withDirection)(_elementor_icons__WEBPACK_IMPORTED_MODULE_2__.ArrowRightIcon);
    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(StartIcon, {
      fontSize: size
    });
  },
  showTooltip: true
}, {
  value: 'column',
  label: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_4__.__)('Column', 'elementor'),
  renderContent: ({
    size
  }) => /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_icons__WEBPACK_IMPORTED_MODULE_2__.ArrowDownSmallIcon, {
    fontSize: size
  }),
  showTooltip: true
}, {
  value: 'row-reverse',
  label: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_4__.__)('Reversed row', 'elementor'),
  renderContent: ({
    size
  }) => {
    const EndIcon = (0,_elementor_ui__WEBPACK_IMPORTED_MODULE_3__.withDirection)(_elementor_icons__WEBPACK_IMPORTED_MODULE_2__.ArrowLeftIcon);
    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(EndIcon, {
      fontSize: size
    });
  },
  showTooltip: true
}, {
  value: 'column-reverse',
  label: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_4__.__)('Reversed column', 'elementor'),
  renderContent: ({
    size
  }) => /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_icons__WEBPACK_IMPORTED_MODULE_2__.ArrowUpSmallIcon, {
    fontSize: size
  }),
  showTooltip: true
}];
const FlexDirectionField = () => {
  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_controls_registry_styles_field__WEBPACK_IMPORTED_MODULE_5__.StylesField, {
    bind: "flex-direction",
    propDisplayName: FLEX_DIRECTION_LABEL
  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_styles_inheritance_components_ui_providers__WEBPACK_IMPORTED_MODULE_6__.UiProviders, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_styles_field_layout__WEBPACK_IMPORTED_MODULE_7__.StylesFieldLayout, {
    label: FLEX_DIRECTION_LABEL
  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_editor_controls__WEBPACK_IMPORTED_MODULE_1__.ToggleControl, {
    options: options
  }))));
};

/***/ }),

/***/ "./packages/packages/core/editor-editing-panel/src/components/style-sections/layout-section/flex-order-field.tsx":
/*!***********************************************************************************************************************!*\
  !*** ./packages/packages/core/editor-editing-panel/src/components/style-sections/layout-section/flex-order-field.tsx ***!
  \***********************************************************************************************************************/
/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {

__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   FIRST_DEFAULT_VALUE: function() { return /* binding */ FIRST_DEFAULT_VALUE; },
/* harmony export */   FlexOrderField: function() { return /* binding */ FlexOrderField; },
/* harmony export */   LAST_DEFAULT_VALUE: function() { return /* binding */ LAST_DEFAULT_VALUE; }
/* 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_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 _controls_registry_styles_field__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../../controls-registry/styles-field */ "./packages/packages/core/editor-editing-panel/src/controls-registry/styles-field.tsx");
/* harmony import */ var _hooks_use_styles_field__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../../hooks/use-styles-field */ "./packages/packages/core/editor-editing-panel/src/hooks/use-styles-field.ts");
/* harmony import */ var _styles_inheritance_components_ui_providers__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../../../styles-inheritance/components/ui-providers */ "./packages/packages/core/editor-editing-panel/src/styles-inheritance/components/ui-providers.tsx");
/* harmony import */ var _control_label__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../../control-label */ "./packages/packages/core/editor-editing-panel/src/components/control-label.tsx");
/* harmony import */ var _section_content__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ../../section-content */ "./packages/packages/core/editor-editing-panel/src/components/section-content.tsx");
/* harmony import */ var _styles_field_layout__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ../../styles-field-layout */ "./packages/packages/core/editor-editing-panel/src/components/styles-field-layout.tsx");












const ORDER_LABEL = (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_4__.__)('Order', 'elementor');
const FIRST_DEFAULT_VALUE = -99999;
const LAST_DEFAULT_VALUE = 99999;
const FIRST = 'first';
const LAST = 'last';
const CUSTOM = 'custom';
const orderValueMap = {
  [FIRST]: FIRST_DEFAULT_VALUE,
  [LAST]: LAST_DEFAULT_VALUE
};
const items = [{
  value: FIRST,
  label: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_4__.__)('First', 'elementor'),
  renderContent: ({
    size
  }) => /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_icons__WEBPACK_IMPORTED_MODULE_2__.ArrowUpSmallIcon, {
    fontSize: size
  }),
  showTooltip: true
}, {
  value: LAST,
  label: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_4__.__)('Last', 'elementor'),
  renderContent: ({
    size
  }) => /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_icons__WEBPACK_IMPORTED_MODULE_2__.ArrowDownSmallIcon, {
    fontSize: size
  }),
  showTooltip: true
}, {
  value: CUSTOM,
  label: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_4__.__)('Custom', 'elementor'),
  renderContent: ({
    size
  }) => /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_icons__WEBPACK_IMPORTED_MODULE_2__.PencilIcon, {
    fontSize: size
  }),
  showTooltip: true
}];
const FlexOrderField = () => {
  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_controls_registry_styles_field__WEBPACK_IMPORTED_MODULE_5__.StylesField, {
    bind: "order",
    propDisplayName: ORDER_LABEL
  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_styles_inheritance_components_ui_providers__WEBPACK_IMPORTED_MODULE_7__.UiProviders, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_section_content__WEBPACK_IMPORTED_MODULE_9__.SectionContent, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(FlexOrderFieldContent, null))));
};
function FlexOrderFieldContent() {
  const {
    value: order,
    setValue: setOrder,
    canEdit
  } = (0,_hooks_use_styles_field__WEBPACK_IMPORTED_MODULE_6__.useStylesField)('order', {
    history: {
      propDisplayName: ORDER_LABEL
    }
  });
  const {
    placeholder
  } = (0,_elementor_editor_controls__WEBPACK_IMPORTED_MODULE_1__.useBoundProp)();
  const placeholderValue = placeholder;
  const currentGroup = (0,react__WEBPACK_IMPORTED_MODULE_0__.useMemo)(() => getGroupControlValue(order?.value ?? null), [order]);
  const [activeGroup, setActiveGroup] = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(currentGroup);
  const [customLocked, setCustomLocked] = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(false);
  (0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(() => {
    if (!customLocked) {
      setActiveGroup(currentGroup);
    }
  }, [currentGroup, customLocked]);
  (0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(() => {
    if (order === null) {
      setCustomLocked(false);
    }
  }, [order]);
  const groupPlaceholder = getGroupControlValue(placeholderValue?.value ?? null);
  const handleToggleButtonChange = group => {
    setActiveGroup(group);
    setCustomLocked(group === CUSTOM);
    if (CUSTOM === group) {
      setOrder({
        $$type: 'number',
        value: null
      });
      return;
    }
    if (FIRST === group) {
      setOrder({
        $$type: 'number',
        value: orderValueMap[group]
      });
      return;
    }
    if (LAST === group) {
      setOrder({
        $$type: 'number',
        value: orderValueMap[group]
      });
      return;
    }
    setOrder(null);
  };
  const isCustomVisible = CUSTOM === activeGroup || CUSTOM === groupPlaceholder;
  const orderPlaceholder = CUSTOM === groupPlaceholder ? String(placeholderValue?.value ?? null) : '';
  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(react__WEBPACK_IMPORTED_MODULE_0__.Fragment, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_styles_field_layout__WEBPACK_IMPORTED_MODULE_10__.StylesFieldLayout, {
    label: ORDER_LABEL
  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_editor_controls__WEBPACK_IMPORTED_MODULE_1__.ControlToggleButtonGroup, {
    items: items,
    value: activeGroup,
    onChange: handleToggleButtonChange,
    exclusive: true,
    placeholder: groupPlaceholder,
    disabled: !canEdit
  })), isCustomVisible && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_3__.Grid, {
    container: true,
    gap: 2,
    alignItems: "center",
    flexWrap: "nowrap"
  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_3__.Grid, {
    item: true,
    xs: 6
  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_control_label__WEBPACK_IMPORTED_MODULE_8__.ControlLabel, null, (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_4__.__)('Custom order', 'elementor'))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_3__.Grid, {
    item: true,
    xs: 6,
    sx: {
      display: 'flex',
      justifyContent: 'end'
    }
  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_editor_controls__WEBPACK_IMPORTED_MODULE_1__.NumberControl, {
    min: FIRST_DEFAULT_VALUE + 1,
    max: LAST_DEFAULT_VALUE - 1,
    shouldForceInt: true,
    placeholder: orderPlaceholder
  }))));
}
const getGroupControlValue = order => {
  if (LAST_DEFAULT_VALUE === order) {
    return LAST;
  }
  if (FIRST_DEFAULT_VALUE === order) {
    return FIRST;
  }
  if (null !== order) {
    return CUSTOM;
  }
  return null;
};

/***/ }),

/***/ "./packages/packages/core/editor-editing-panel/src/components/style-sections/layout-section/flex-size-field.tsx":
/*!**********************************************************************************************************************!*\
  !*** ./packages/packages/core/editor-editing-panel/src/components/style-sections/layout-section/flex-size-field.tsx ***!
  \**********************************************************************************************************************/
/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {

__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   FlexSizeField: function() { return /* binding */ FlexSizeField; }
/* 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_props__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @elementor/editor-props */ "@elementor/editor-props");
/* harmony import */ var _elementor_editor_props__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_elementor_editor_props__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 _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 _controls_registry_styles_field__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../../controls-registry/styles-field */ "./packages/packages/core/editor-editing-panel/src/controls-registry/styles-field.tsx");
/* harmony import */ var _hooks_use_styles_field__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../../hooks/use-styles-field */ "./packages/packages/core/editor-editing-panel/src/hooks/use-styles-field.ts");
/* harmony import */ var _styles_inheritance_components_ui_providers__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../../../styles-inheritance/components/ui-providers */ "./packages/packages/core/editor-editing-panel/src/styles-inheritance/components/ui-providers.tsx");
/* harmony import */ var _section_content__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../../section-content */ "./packages/packages/core/editor-editing-panel/src/components/section-content.tsx");
/* harmony import */ var _styles_field_layout__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ../../styles-field-layout */ "./packages/packages/core/editor-editing-panel/src/components/styles-field-layout.tsx");











const FLEX_SIZE_LABEL = (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_4__.__)('Flex Size', 'elementor');
const DEFAULT = 1;
const items = [{
  value: 'flex-grow',
  label: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_4__.__)('Grow', 'elementor'),
  renderContent: ({
    size
  }) => /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_icons__WEBPACK_IMPORTED_MODULE_3__.ExpandIcon, {
    fontSize: size
  }),
  showTooltip: true
}, {
  value: 'flex-shrink',
  label: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_4__.__)('Shrink', 'elementor'),
  renderContent: ({
    size
  }) => /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_icons__WEBPACK_IMPORTED_MODULE_3__.ShrinkIcon, {
    fontSize: size
  }),
  showTooltip: true
}, {
  value: 'custom',
  label: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_4__.__)('Custom', 'elementor'),
  renderContent: ({
    size
  }) => /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_icons__WEBPACK_IMPORTED_MODULE_3__.PencilIcon, {
    fontSize: size
  }),
  showTooltip: true
}];
const FlexSizeField = () => {
  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_styles_inheritance_components_ui_providers__WEBPACK_IMPORTED_MODULE_7__.UiProviders, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_section_content__WEBPACK_IMPORTED_MODULE_8__.SectionContent, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_controls_registry_styles_field__WEBPACK_IMPORTED_MODULE_5__.StylesField, {
    bind: "flex",
    propDisplayName: FLEX_SIZE_LABEL
  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(FlexSizeFieldContent, null))));
};
const FlexSizeFieldContent = () => {
  const {
    value,
    setValue,
    canEdit
  } = (0,_hooks_use_styles_field__WEBPACK_IMPORTED_MODULE_6__.useStylesField)('flex', {
    history: {
      propDisplayName: FLEX_SIZE_LABEL
    }
  });
  const {
    placeholder
  } = (0,_elementor_editor_controls__WEBPACK_IMPORTED_MODULE_1__.useBoundProp)();
  const flexValues = extractFlexValues(value);
  const currentGroup = (0,react__WEBPACK_IMPORTED_MODULE_0__.useMemo)(() => getActiveGroup(flexValues), [flexValues]);
  const [activeGroup, setActiveGroup] = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(currentGroup);
  const [customLocked, setCustomLocked] = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(false);
  (0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(() => {
    if (!customLocked) {
      setActiveGroup(currentGroup);
    }
  }, [currentGroup, customLocked]);
  (0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(() => {
    if (value === null) {
      setCustomLocked(false);
    }
  }, [value]);
  const onChangeGroup = (group = null) => {
    setActiveGroup(group);
    setCustomLocked(group === 'custom');
    const newFlexValue = createFlexValueForGroup(group, value);
    setValue(newFlexValue);
  };
  const groupPlaceholder = getActiveGroup(extractFlexValues(placeholder));
  const isCustomVisible = 'custom' === activeGroup || 'custom' === groupPlaceholder;
  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(react__WEBPACK_IMPORTED_MODULE_0__.Fragment, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_styles_field_layout__WEBPACK_IMPORTED_MODULE_9__.StylesFieldLayout, {
    label: FLEX_SIZE_LABEL
  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_editor_controls__WEBPACK_IMPORTED_MODULE_1__.ControlToggleButtonGroup, {
    value: activeGroup ?? null,
    placeholder: groupPlaceholder ?? null,
    onChange: onChangeGroup,
    disabled: !canEdit,
    items: items,
    exclusive: true
  })), isCustomVisible && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(FlexCustomField, null));
};
function extractFlexValues(source) {
  return {
    grow: source?.value?.flexGrow?.value ?? null,
    shrink: source?.value?.flexShrink?.value ?? null,
    basis: source?.value?.flexBasis?.value ?? null
  };
}
const createFlexValueForGroup = (group, flexValue) => {
  if (!group) {
    return null;
  }
  if (group === 'flex-grow') {
    return _elementor_editor_props__WEBPACK_IMPORTED_MODULE_2__.flexPropTypeUtil.create({
      flexGrow: _elementor_editor_props__WEBPACK_IMPORTED_MODULE_2__.numberPropTypeUtil.create(DEFAULT),
      flexShrink: _elementor_editor_props__WEBPACK_IMPORTED_MODULE_2__.numberPropTypeUtil.create(0),
      flexBasis: _elementor_editor_props__WEBPACK_IMPORTED_MODULE_2__.sizePropTypeUtil.create({
        unit: 'auto',
        size: ''
      })
    });
  }
  if (group === 'flex-shrink') {
    return _elementor_editor_props__WEBPACK_IMPORTED_MODULE_2__.flexPropTypeUtil.create({
      flexGrow: _elementor_editor_props__WEBPACK_IMPORTED_MODULE_2__.numberPropTypeUtil.create(0),
      flexShrink: _elementor_editor_props__WEBPACK_IMPORTED_MODULE_2__.numberPropTypeUtil.create(DEFAULT),
      flexBasis: _elementor_editor_props__WEBPACK_IMPORTED_MODULE_2__.sizePropTypeUtil.create({
        unit: 'auto',
        size: ''
      })
    });
  }
  if (group === 'custom') {
    if (flexValue) {
      return flexValue;
    }
    return _elementor_editor_props__WEBPACK_IMPORTED_MODULE_2__.flexPropTypeUtil.create({
      flexGrow: null,
      flexShrink: null,
      flexBasis: null
    });
  }
  return null;
};
const FlexCustomField = () => {
  const flexBasisRowRef = (0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)(null);
  const context = (0,_elementor_editor_controls__WEBPACK_IMPORTED_MODULE_1__.useBoundProp)(_elementor_editor_props__WEBPACK_IMPORTED_MODULE_2__.flexPropTypeUtil);
  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_editor_controls__WEBPACK_IMPORTED_MODULE_1__.PropProvider, context, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(react__WEBPACK_IMPORTED_MODULE_0__.Fragment, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_styles_field_layout__WEBPACK_IMPORTED_MODULE_9__.StylesFieldLayout, {
    label: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_4__.__)('Grow', 'elementor')
  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_editor_controls__WEBPACK_IMPORTED_MODULE_1__.PropKeyProvider, {
    bind: "flexGrow"
  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_editor_controls__WEBPACK_IMPORTED_MODULE_1__.NumberControl, {
    min: 0,
    shouldForceInt: true
  }))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_styles_field_layout__WEBPACK_IMPORTED_MODULE_9__.StylesFieldLayout, {
    label: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_4__.__)('Shrink', 'elementor')
  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_editor_controls__WEBPACK_IMPORTED_MODULE_1__.PropKeyProvider, {
    bind: "flexShrink"
  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_editor_controls__WEBPACK_IMPORTED_MODULE_1__.NumberControl, {
    min: 0,
    shouldForceInt: true
  }))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_styles_field_layout__WEBPACK_IMPORTED_MODULE_9__.StylesFieldLayout, {
    label: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_4__.__)('Basis', 'elementor'),
    ref: flexBasisRowRef
  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_editor_controls__WEBPACK_IMPORTED_MODULE_1__.PropKeyProvider, {
    bind: "flexBasis"
  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_editor_controls__WEBPACK_IMPORTED_MODULE_1__.SizeControl, {
    extendedOptions: ['auto'],
    anchorRef: flexBasisRowRef
  })))));
};
const getActiveGroup = ({
  grow,
  shrink,
  basis
}) => {
  if (null === grow && null === shrink && !basis) {
    return null;
  }
  const isAutoBasis = basis === null || typeof basis === 'object' && basis.unit === 'auto';
  if (basis && !isAutoBasis) {
    return 'custom';
  }
  if (grow === DEFAULT && (shrink === null || shrink === 0) && isAutoBasis) {
    return 'flex-grow';
  }
  if (shrink === DEFAULT && (grow === null || grow === 0) && isAutoBasis) {
    return 'flex-shrink';
  }
  return 'custom';
};

/***/ }),

/***/ "./packages/packages/core/editor-editing-panel/src/components/style-sections/layout-section/gap-control-field.tsx":
/*!************************************************************************************************************************!*\
  !*** ./packages/packages/core/editor-editing-panel/src/components/style-sections/layout-section/gap-control-field.tsx ***!
  \************************************************************************************************************************/
/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {

__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   GapControlField: function() { return /* binding */ GapControlField; }
/* 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 _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 _controls_registry_styles_field__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../../controls-registry/styles-field */ "./packages/packages/core/editor-editing-panel/src/controls-registry/styles-field.tsx");




const GAPS_LABEL = (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_2__.__)('Gaps', 'elementor');
const GapControlField = () => {
  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_controls_registry_styles_field__WEBPACK_IMPORTED_MODULE_3__.StylesField, {
    bind: 'gap',
    propDisplayName: GAPS_LABEL
  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_editor_controls__WEBPACK_IMPORTED_MODULE_1__.GapControl, {
    label: GAPS_LABEL
  }));
};

/***/ }),

/***/ "./packages/packages/core/editor-editing-panel/src/components/style-sections/layout-section/grid-auto-flow-field.tsx":
/*!***************************************************************************************************************************!*\
  !*** ./packages/packages/core/editor-editing-panel/src/components/style-sections/layout-section/grid-auto-flow-field.tsx ***!
  \***************************************************************************************************************************/
/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {

__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   GridAutoFlowField: function() { return /* binding */ GridAutoFlowField; }
/* 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_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 _controls_registry_styles_field__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../../controls-registry/styles-field */ "./packages/packages/core/editor-editing-panel/src/controls-registry/styles-field.tsx");
/* harmony import */ var _hooks_use_styles_field__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../../hooks/use-styles-field */ "./packages/packages/core/editor-editing-panel/src/hooks/use-styles-field.ts");
/* harmony import */ var _styles_inheritance_components_ui_providers__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../../../styles-inheritance/components/ui-providers */ "./packages/packages/core/editor-editing-panel/src/styles-inheritance/components/ui-providers.tsx");
/* harmony import */ var _styles_field_layout__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../../styles-field-layout */ "./packages/packages/core/editor-editing-panel/src/components/styles-field-layout.tsx");









const AUTO_FLOW_LABEL = (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_4__.__)('Auto flow', 'elementor');
const DENSE_LABEL = (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_4__.__)('Dense', 'elementor');
const StartIcon = (0,_elementor_ui__WEBPACK_IMPORTED_MODULE_3__.withDirection)(_elementor_icons__WEBPACK_IMPORTED_MODULE_2__.ArrowRightIcon);
const directionOptions = [{
  value: 'row',
  label: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_4__.__)('Row', 'elementor'),
  renderContent: ({
    size
  }) => /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(StartIcon, {
    fontSize: size
  }),
  showTooltip: true
}, {
  value: 'column',
  label: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_4__.__)('Column', 'elementor'),
  renderContent: ({
    size
  }) => /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_icons__WEBPACK_IMPORTED_MODULE_2__.ArrowDownSmallIcon, {
    fontSize: size
  }),
  showTooltip: true
}];
const parseAutoFlow = value => {
  if (!value) {
    return {
      direction: null,
      dense: false
    };
  }
  const dense = value.includes('dense');
  const direction = value.replace(/\s*dense\s*/, '').trim();
  return {
    direction: direction || 'row',
    dense
  };
};
const composeAutoFlow = (direction, dense) => {
  return dense ? `${direction} dense` : direction;
};
const GridAutoFlowFieldContent = () => {
  const {
    value,
    setValue,
    canEdit
  } = (0,_hooks_use_styles_field__WEBPACK_IMPORTED_MODULE_6__.useStylesField)('grid-auto-flow', {
    history: {
      propDisplayName: AUTO_FLOW_LABEL
    }
  });
  const {
    placeholder
  } = (0,_elementor_editor_controls__WEBPACK_IMPORTED_MODULE_1__.useBoundProp)();
  const {
    direction,
    dense
  } = parseAutoFlow(value?.value ?? null);
  const directionPlaceholder = parseAutoFlow(placeholder?.value ?? null).direction;
  const handleDirectionChange = newDirection => {
    if (!newDirection) {
      setValue(null);
      return;
    }
    setValue({
      $$type: 'string',
      value: composeAutoFlow(newDirection, dense)
    });
  };
  const handleDenseToggle = () => {
    const nextDirection = direction ?? 'row';
    setValue({
      $$type: 'string',
      value: composeAutoFlow(nextDirection, !dense)
    });
  };
  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_styles_field_layout__WEBPACK_IMPORTED_MODULE_8__.StylesFieldLayout, {
    label: AUTO_FLOW_LABEL
  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_3__.Grid, {
    container: true,
    gap: 1,
    flexWrap: "nowrap",
    alignItems: "center",
    justifyContent: "flex-end"
  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_3__.Grid, {
    item: true,
    sx: {
      width: 64,
      maxWidth: '100%'
    }
  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_editor_controls__WEBPACK_IMPORTED_MODULE_1__.ControlToggleButtonGroup, {
    items: directionOptions,
    value: direction,
    placeholder: directionPlaceholder,
    onChange: handleDirectionChange,
    exclusive: true,
    fullWidth: true,
    disabled: !canEdit
  })), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_3__.Grid, {
    item: true
  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_3__.Tooltip, {
    title: DENSE_LABEL,
    placement: "top"
  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_3__.ToggleButton, {
    value: "dense",
    selected: dense,
    onChange: handleDenseToggle,
    size: "tiny",
    "aria-label": DENSE_LABEL,
    disabled: !canEdit
  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_icons__WEBPACK_IMPORTED_MODULE_2__.LayoutDashboardIcon, {
    fontSize: "tiny"
  }))))));
};
const GridAutoFlowField = () => /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_controls_registry_styles_field__WEBPACK_IMPORTED_MODULE_5__.StylesField, {
  bind: "grid-auto-flow",
  propDisplayName: AUTO_FLOW_LABEL
}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_styles_inheritance_components_ui_providers__WEBPACK_IMPORTED_MODULE_7__.UiProviders, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(GridAutoFlowFieldContent, null)));

/***/ }),

/***/ "./packages/packages/core/editor-editing-panel/src/components/style-sections/layout-section/grid-auto-track-fields.tsx":
/*!*****************************************************************************************************************************!*\
  !*** ./packages/packages/core/editor-editing-panel/src/components/style-sections/layout-section/grid-auto-track-fields.tsx ***!
  \*****************************************************************************************************************************/
/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {

__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   GridAutoTrackFields: function() { return /* binding */ GridAutoTrackFields; }
/* harmony export */ });
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
/* harmony import */ var _elementor_editor_controls__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @elementor/editor-controls */ "@elementor/editor-controls");
/* harmony import */ var _elementor_editor_controls__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_elementor_editor_controls__WEBPACK_IMPORTED_MODULE_1__);
/* harmony import */ var _elementor_ui__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @elementor/ui */ "@elementor/ui");
/* harmony import */ var _elementor_ui__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_elementor_ui__WEBPACK_IMPORTED_MODULE_2__);
/* 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 _controls_registry_styles_field__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../../controls-registry/styles-field */ "./packages/packages/core/editor-editing-panel/src/controls-registry/styles-field.tsx");
/* harmony import */ var _styles_field_layout__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../styles-field-layout */ "./packages/packages/core/editor-editing-panel/src/components/styles-field-layout.tsx");







const DEFAULT_UNIT = 'fr';
const AUTO_ROWS_LABEL = (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_3__.__)('Auto rows', 'elementor');
const AUTO_COLUMNS_LABEL = (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_3__.__)('Auto columns', 'elementor');
const AUTO_ROWS_TOOLTIP = (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_3__.__)('Set the size for new rows created automatically when content exceeds the defined grid.', 'elementor');
const AUTO_COLUMNS_TOOLTIP = (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_3__.__)('Set the size for new columns created automatically when content exceeds the defined grid.', 'elementor');
const GridAutoTrackField = ({
  bind,
  infoTooltip,
  label,
  rowRef
}) => /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_controls_registry_styles_field__WEBPACK_IMPORTED_MODULE_4__.StylesField, {
  bind: bind,
  propDisplayName: label
}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_styles_field_layout__WEBPACK_IMPORTED_MODULE_5__.StylesFieldLayout, {
  infoTooltip: infoTooltip,
  label: label,
  ref: rowRef
}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_editor_controls__WEBPACK_IMPORTED_MODULE_1__.SizeControl, {
  enablePropTypeUnits: true,
  defaultUnit: DEFAULT_UNIT,
  anchorRef: rowRef
})));
const GridAutoTrackFields = () => {
  const rowRef = (0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)(null);
  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_2__.Stack, {
    gap: 2,
    pt: 2,
    ref: rowRef
  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(GridAutoTrackField, {
    bind: "grid-auto-rows",
    infoTooltip: AUTO_ROWS_TOOLTIP,
    label: AUTO_ROWS_LABEL,
    rowRef: rowRef
  }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(GridAutoTrackField, {
    bind: "grid-auto-columns",
    infoTooltip: AUTO_COLUMNS_TOOLTIP,
    label: AUTO_COLUMNS_LABEL,
    rowRef: rowRef
  }));
};

/***/ }),

/***/ "./packages/packages/core/editor-editing-panel/src/components/style-sections/layout-section/grid-justify-items-field.tsx":
/*!*******************************************************************************************************************************!*\
  !*** ./packages/packages/core/editor-editing-panel/src/components/style-sections/layout-section/grid-justify-items-field.tsx ***!
  \*******************************************************************************************************************************/
/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {

__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   GridJustifyItemsField: function() { return /* binding */ GridJustifyItemsField; }
/* 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_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 _controls_registry_styles_field__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../../controls-registry/styles-field */ "./packages/packages/core/editor-editing-panel/src/controls-registry/styles-field.tsx");
/* harmony import */ var _styles_inheritance_components_ui_providers__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../../styles-inheritance/components/ui-providers */ "./packages/packages/core/editor-editing-panel/src/styles-inheritance/components/ui-providers.tsx");
/* harmony import */ var _styles_field_layout__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../../styles-field-layout */ "./packages/packages/core/editor-editing-panel/src/components/styles-field-layout.tsx");








const JUSTIFY_ITEMS_LABEL = (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_4__.__)('Justify items', 'elementor');
const StartIcon = (0,_elementor_ui__WEBPACK_IMPORTED_MODULE_3__.withDirection)(_elementor_icons__WEBPACK_IMPORTED_MODULE_2__.LayoutAlignLeftIcon);
const EndIcon = (0,_elementor_ui__WEBPACK_IMPORTED_MODULE_3__.withDirection)(_elementor_icons__WEBPACK_IMPORTED_MODULE_2__.LayoutAlignRightIcon);
const options = [{
  value: 'start',
  label: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_4__.__)('Start', 'elementor'),
  renderContent: ({
    size
  }) => /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(StartIcon, {
    fontSize: size
  }),
  showTooltip: true
}, {
  value: 'center',
  label: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_4__.__)('Center', 'elementor'),
  renderContent: ({
    size
  }) => /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_icons__WEBPACK_IMPORTED_MODULE_2__.LayoutAlignCenterIcon, {
    fontSize: size
  }),
  showTooltip: true
}, {
  value: 'end',
  label: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_4__.__)('End', 'elementor'),
  renderContent: ({
    size
  }) => /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(EndIcon, {
    fontSize: size
  }),
  showTooltip: true
}, {
  value: 'stretch',
  label: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_4__.__)('Stretch', 'elementor'),
  renderContent: ({
    size
  }) => /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_icons__WEBPACK_IMPORTED_MODULE_2__.LayoutDistributeVerticalIcon, {
    fontSize: size
  }),
  showTooltip: true
}];
const GridJustifyItemsField = () => /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_controls_registry_styles_field__WEBPACK_IMPORTED_MODULE_5__.StylesField, {
  bind: "justify-items",
  propDisplayName: JUSTIFY_ITEMS_LABEL
}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_styles_inheritance_components_ui_providers__WEBPACK_IMPORTED_MODULE_6__.UiProviders, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_styles_field_layout__WEBPACK_IMPORTED_MODULE_7__.StylesFieldLayout, {
  label: JUSTIFY_ITEMS_LABEL
}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_editor_controls__WEBPACK_IMPORTED_MODULE_1__.ToggleControl, {
  options: options
}))));

/***/ }),

/***/ "./packages/packages/core/editor-editing-panel/src/components/style-sections/layout-section/grid-outline-field.tsx":
/*!*************************************************************************************************************************!*\
  !*** ./packages/packages/core/editor-editing-panel/src/components/style-sections/layout-section/grid-outline-field.tsx ***!
  \*************************************************************************************************************************/
/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {

__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   GridOutlineField: function() { return /* binding */ GridOutlineField; }
/* 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_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 _contexts_element_context__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../../contexts/element-context */ "./packages/packages/core/editor-editing-panel/src/contexts/element-context.tsx");
/* harmony import */ var _styles_field_layout__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../styles-field-layout */ "./packages/packages/core/editor-editing-panel/src/components/styles-field-layout.tsx");






const GRID_OUTLINE_LABEL = (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_3__.__)('Show Grid Outline', 'elementor');
const GridOutlineField = () => {
  const {
    element
  } = (0,_contexts_element_context__WEBPACK_IMPORTED_MODULE_4__.useElement)();
  const settings = (0,_elementor_editor_elements__WEBPACK_IMPORTED_MODULE_1__.useElementEditorSettings)(element.id);
  const value = settings?.grid_outline ?? true;
  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_styles_field_layout__WEBPACK_IMPORTED_MODULE_5__.StylesFieldLayout, {
    label: GRID_OUTLINE_LABEL
  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_2__.Box, {
    sx: {
      display: 'flex',
      justifyContent: 'flex-end'
    }
  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_2__.Switch, {
    "aria-label": GRID_OUTLINE_LABEL,
    checked: value,
    onChange: event => {
      (0,_elementor_editor_elements__WEBPACK_IMPORTED_MODULE_1__.updateElementEditorSettings)({
        elementId: element.id,
        settings: {
          grid_outline: event.target.checked
        }
      });
    },
    size: "small"
  })));
};

/***/ }),

/***/ "./packages/packages/core/editor-editing-panel/src/components/style-sections/layout-section/grid-size-field.tsx":
/*!**********************************************************************************************************************!*\
  !*** ./packages/packages/core/editor-editing-panel/src/components/style-sections/layout-section/grid-size-field.tsx ***!
  \**********************************************************************************************************************/
/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {

__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   GridSizeFields: function() { return /* binding */ GridSizeFields; }
/* harmony export */ });
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
/* harmony import */ var _elementor_editor_controls__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @elementor/editor-controls */ "@elementor/editor-controls");
/* harmony import */ var _elementor_editor_controls__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_elementor_editor_controls__WEBPACK_IMPORTED_MODULE_1__);
/* harmony import */ var _elementor_ui__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @elementor/ui */ "@elementor/ui");
/* harmony import */ var _elementor_ui__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_elementor_ui__WEBPACK_IMPORTED_MODULE_2__);
/* 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 _controls_registry_styles_field__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../../controls-registry/styles-field */ "./packages/packages/core/editor-editing-panel/src/controls-registry/styles-field.tsx");
/* harmony import */ var _hooks_use_styles_field__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../../hooks/use-styles-field */ "./packages/packages/core/editor-editing-panel/src/hooks/use-styles-field.ts");
/* harmony import */ var _styles_inheritance_components_ui_providers__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../../styles-inheritance/components/ui-providers */ "./packages/packages/core/editor-editing-panel/src/styles-inheritance/components/ui-providers.tsx");
/* harmony import */ var _styles_field_layout__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../../styles-field-layout */ "./packages/packages/core/editor-editing-panel/src/components/styles-field-layout.tsx");
/* harmony import */ var _utils_grid_track_value__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./utils/grid-track-value */ "./packages/packages/core/editor-editing-panel/src/components/style-sections/layout-section/utils/grid-track-value.ts");










const SizeFieldWrapper = ({
  children
}) => /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_editor_controls__WEBPACK_IMPORTED_MODULE_1__.ControlActions, null, children);
const GridTrackSizeInput = (0,_elementor_editor_controls__WEBPACK_IMPORTED_MODULE_1__.createControl)(props => /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_editor_controls__WEBPACK_IMPORTED_MODULE_1__.SizeComponent, {
  units: _utils_grid_track_value__WEBPACK_IMPORTED_MODULE_8__.UNITS,
  value: props.value,
  placeholder: props.placeholder,
  defaultUnit: _utils_grid_track_value__WEBPACK_IMPORTED_MODULE_8__.FR,
  setValue: props.setValue,
  onBlur: () => {},
  min: 1,
  anchorRef: props.anchorRef,
  SizeFieldWrapper: SizeFieldWrapper
}));
const GridTrackFieldContent = ({
  cssProp,
  label
}) => {
  const {
    value,
    setValue
  } = (0,_hooks_use_styles_field__WEBPACK_IMPORTED_MODULE_5__.useStylesField)(cssProp, {
    history: {
      propDisplayName: label
    }
  });
  const {
    placeholder: inheritedPlaceholder
  } = (0,_elementor_editor_controls__WEBPACK_IMPORTED_MODULE_1__.useBoundProp)();
  const anchorRef = (0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)(null);
  const local = (0,_utils_grid_track_value__WEBPACK_IMPORTED_MODULE_8__.parseValue)(value);
  const inherited = (0,_utils_grid_track_value__WEBPACK_IMPORTED_MODULE_8__.parseValue)(inheritedPlaceholder);
  const displayValue = local.kind !== 'empty' ? (0,_utils_grid_track_value__WEBPACK_IMPORTED_MODULE_8__.toSizeInput)(local) : (0,_utils_grid_track_value__WEBPACK_IMPORTED_MODULE_8__.toSizeInput)(_utils_grid_track_value__WEBPACK_IMPORTED_MODULE_8__.EMPTY, (0,_utils_grid_track_value__WEBPACK_IMPORTED_MODULE_8__.unitOf)(inherited));
  const placeholder = (0,_utils_grid_track_value__WEBPACK_IMPORTED_MODULE_8__.toPlaceholder)(inherited);
  const handleChange = raw => {
    const next = (0,_utils_grid_track_value__WEBPACK_IMPORTED_MODULE_8__.fromSizeInput)(raw);
    if (next.kind === 'empty' && local.kind !== 'empty' && raw.unit !== (0,_utils_grid_track_value__WEBPACK_IMPORTED_MODULE_8__.unitOf)(local)) {
      return;
    }
    setValue((0,_utils_grid_track_value__WEBPACK_IMPORTED_MODULE_8__.toPropValue)(next));
  };
  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_styles_field_layout__WEBPACK_IMPORTED_MODULE_7__.StylesFieldLayout, {
    label: label,
    direction: "column"
  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("div", {
    ref: anchorRef
  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(GridTrackSizeInput, {
    value: displayValue,
    placeholder: placeholder,
    setValue: handleChange,
    anchorRef: anchorRef
  })));
};
const GridTrackField = ({
  cssProp,
  label
}) => /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_styles_inheritance_components_ui_providers__WEBPACK_IMPORTED_MODULE_6__.UiProviders, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_controls_registry_styles_field__WEBPACK_IMPORTED_MODULE_4__.StylesField, {
  bind: cssProp,
  propDisplayName: label
}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(GridTrackFieldContent, {
  cssProp: cssProp,
  label: label
})));
const GridSizeFields = () => /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_2__.Grid, {
  container: true,
  gap: 2,
  flexWrap: "nowrap"
}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_2__.Grid, {
  item: true,
  xs: 6
}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(GridTrackField, {
  cssProp: "grid-template-columns",
  label: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_3__.__)('Columns', 'elementor')
})), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_2__.Grid, {
  item: true,
  xs: 6
}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(GridTrackField, {
  cssProp: "grid-template-rows",
  label: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_3__.__)('Rows', 'elementor')
})));

/***/ }),

/***/ "./packages/packages/core/editor-editing-panel/src/components/style-sections/layout-section/grid-span-field.tsx":
/*!**********************************************************************************************************************!*\
  !*** ./packages/packages/core/editor-editing-panel/src/components/style-sections/layout-section/grid-span-field.tsx ***!
  \**********************************************************************************************************************/
/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {

__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   GridSpanFields: function() { return /* binding */ GridSpanFields; }
/* harmony export */ });
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
/* harmony import */ var _elementor_editor_controls__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @elementor/editor-controls */ "@elementor/editor-controls");
/* harmony import */ var _elementor_editor_controls__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_elementor_editor_controls__WEBPACK_IMPORTED_MODULE_1__);
/* harmony import */ var _elementor_ui__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @elementor/ui */ "@elementor/ui");
/* harmony import */ var _elementor_ui__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_elementor_ui__WEBPACK_IMPORTED_MODULE_2__);
/* 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 _controls_registry_styles_field__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../../controls-registry/styles-field */ "./packages/packages/core/editor-editing-panel/src/controls-registry/styles-field.tsx");
/* harmony import */ var _styles_inheritance_components_ui_providers__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../../styles-inheritance/components/ui-providers */ "./packages/packages/core/editor-editing-panel/src/styles-inheritance/components/ui-providers.tsx");
/* harmony import */ var _styles_field_layout__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../styles-field-layout */ "./packages/packages/core/editor-editing-panel/src/components/styles-field-layout.tsx");







const GridSpanFieldContent = ({
  label
}) => {
  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_styles_field_layout__WEBPACK_IMPORTED_MODULE_6__.StylesFieldLayout, {
    label: label,
    direction: "column"
  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_editor_controls__WEBPACK_IMPORTED_MODULE_1__.GridSpanControl, null));
};
const GridSpanField = ({
  cssProp,
  label
}) => /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_controls_registry_styles_field__WEBPACK_IMPORTED_MODULE_4__.StylesField, {
  bind: cssProp,
  propDisplayName: label
}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_styles_inheritance_components_ui_providers__WEBPACK_IMPORTED_MODULE_5__.UiProviders, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(GridSpanFieldContent, {
  cssProp: cssProp,
  label: label
})));
const GridSpanFields = () => /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_2__.Grid, {
  container: true,
  gap: 2,
  flexWrap: "nowrap"
}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_2__.Grid, {
  item: true,
  xs: 6
}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(GridSpanField, {
  cssProp: "grid-column",
  label: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_3__.__)('Grid column', 'elementor')
})), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_2__.Grid, {
  item: true,
  xs: 6
}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(GridSpanField, {
  cssProp: "grid-row",
  label: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_3__.__)('Grid row', 'elementor')
})));

/***/ }),

/***/ "./packages/packages/core/editor-editing-panel/src/components/style-sections/layout-section/justify-content-field.tsx":
/*!****************************************************************************************************************************!*\
  !*** ./packages/packages/core/editor-editing-panel/src/components/style-sections/layout-section/justify-content-field.tsx ***!
  \****************************************************************************************************************************/
/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {

__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   JustifyContentField: function() { return /* binding */ JustifyContentField; }
/* 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_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 _controls_registry_styles_field__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../../controls-registry/styles-field */ "./packages/packages/core/editor-editing-panel/src/controls-registry/styles-field.tsx");
/* harmony import */ var _styles_inheritance_components_ui_providers__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../../styles-inheritance/components/ui-providers */ "./packages/packages/core/editor-editing-panel/src/styles-inheritance/components/ui-providers.tsx");
/* harmony import */ var _styles_field_layout__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../../styles-field-layout */ "./packages/packages/core/editor-editing-panel/src/components/styles-field-layout.tsx");
/* harmony import */ var _utils_rotated_icon__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./utils/rotated-icon */ "./packages/packages/core/editor-editing-panel/src/components/style-sections/layout-section/utils/rotated-icon.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); }









const JUSTIFY_CONTENT_LABEL = (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_4__.__)('Justify content', 'elementor');
const StartIcon = (0,_elementor_ui__WEBPACK_IMPORTED_MODULE_3__.withDirection)(_elementor_icons__WEBPACK_IMPORTED_MODULE_2__.JustifyTopIcon);
const EndIcon = (0,_elementor_ui__WEBPACK_IMPORTED_MODULE_3__.withDirection)(_elementor_icons__WEBPACK_IMPORTED_MODULE_2__.JustifyBottomIcon);
const iconProps = {
  isClockwise: true,
  offset: -90
};
const options = [{
  value: 'flex-start',
  label: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_4__.__)('Start', 'elementor'),
  renderContent: ({
    size
  }) => /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_utils_rotated_icon__WEBPACK_IMPORTED_MODULE_8__.RotatedIcon, _extends({
    icon: StartIcon,
    size: size
  }, iconProps)),
  showTooltip: true
}, {
  value: 'center',
  label: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_4__.__)('Center', 'elementor'),
  renderContent: ({
    size
  }) => /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_utils_rotated_icon__WEBPACK_IMPORTED_MODULE_8__.RotatedIcon, _extends({
    icon: _elementor_icons__WEBPACK_IMPORTED_MODULE_2__.JustifyCenterIcon,
    size: size
  }, iconProps)),
  showTooltip: true
}, {
  value: 'flex-end',
  label: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_4__.__)('End', 'elementor'),
  renderContent: ({
    size
  }) => /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_utils_rotated_icon__WEBPACK_IMPORTED_MODULE_8__.RotatedIcon, _extends({
    icon: EndIcon,
    size: size
  }, iconProps)),
  showTooltip: true
}, {
  value: 'space-between',
  label: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_4__.__)('Space between', 'elementor'),
  renderContent: ({
    size
  }) => /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_utils_rotated_icon__WEBPACK_IMPORTED_MODULE_8__.RotatedIcon, _extends({
    icon: _elementor_icons__WEBPACK_IMPORTED_MODULE_2__.JustifySpaceBetweenVerticalIcon,
    size: size
  }, iconProps)),
  showTooltip: true
}, {
  value: 'space-around',
  label: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_4__.__)('Space around', 'elementor'),
  renderContent: ({
    size
  }) => /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_utils_rotated_icon__WEBPACK_IMPORTED_MODULE_8__.RotatedIcon, _extends({
    icon: _elementor_icons__WEBPACK_IMPORTED_MODULE_2__.JustifySpaceAroundVerticalIcon,
    size: size
  }, iconProps)),
  showTooltip: true
}, {
  value: 'space-evenly',
  label: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_4__.__)('Space evenly', 'elementor'),
  renderContent: ({
    size
  }) => /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_utils_rotated_icon__WEBPACK_IMPORTED_MODULE_8__.RotatedIcon, _extends({
    icon: _elementor_icons__WEBPACK_IMPORTED_MODULE_2__.JustifyDistributeVerticalIcon,
    size: size
  }, iconProps)),
  showTooltip: true
}];
const JustifyContentField = () => /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_controls_registry_styles_field__WEBPACK_IMPORTED_MODULE_5__.StylesField, {
  bind: "justify-content",
  propDisplayName: JUSTIFY_CONTENT_LABEL
}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_styles_inheritance_components_ui_providers__WEBPACK_IMPORTED_MODULE_6__.UiProviders, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_styles_field_layout__WEBPACK_IMPORTED_MODULE_7__.StylesFieldLayout, {
  label: JUSTIFY_CONTENT_LABEL,
  direction: "column"
}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_editor_controls__WEBPACK_IMPORTED_MODULE_1__.ToggleControl, {
  options: options,
  fullWidth: true
}))));

/***/ }),

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

__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   GridFieldsSlot: function() { return /* binding */ GridFieldsSlot; },
/* harmony export */   LayoutSection: function() { return /* binding */ LayoutSection; },
/* harmony export */   injectIntoGridFields: function() { return /* binding */ injectIntoGridFields; }
/* 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_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_locations__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @elementor/locations */ "@elementor/locations");
/* harmony import */ var _elementor_locations__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_elementor_locations__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 _contexts_element_context__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../../contexts/element-context */ "./packages/packages/core/editor-editing-panel/src/contexts/element-context.tsx");
/* harmony import */ var _hooks_use_computed_style__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../../hooks/use-computed-style */ "./packages/packages/core/editor-editing-panel/src/hooks/use-computed-style.ts");
/* harmony import */ var _hooks_use_styles_field__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../../../hooks/use-styles-field */ "./packages/packages/core/editor-editing-panel/src/hooks/use-styles-field.ts");
/* harmony import */ var _panel_divider__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../../panel-divider */ "./packages/packages/core/editor-editing-panel/src/components/panel-divider.tsx");
/* harmony import */ var _section_content__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ../../section-content */ "./packages/packages/core/editor-editing-panel/src/components/section-content.tsx");
/* harmony import */ var _style_tab_collapsible_content__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ../../style-tab-collapsible-content */ "./packages/packages/core/editor-editing-panel/src/components/style-tab-collapsible-content.tsx");
/* harmony import */ var _align_content_field__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ./align-content-field */ "./packages/packages/core/editor-editing-panel/src/components/style-sections/layout-section/align-content-field.tsx");
/* harmony import */ var _align_items_field__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ./align-items-field */ "./packages/packages/core/editor-editing-panel/src/components/style-sections/layout-section/align-items-field.tsx");
/* harmony import */ var _align_self_child_field__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! ./align-self-child-field */ "./packages/packages/core/editor-editing-panel/src/components/style-sections/layout-section/align-self-child-field.tsx");
/* harmony import */ var _align_self_grid_child_field__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! ./align-self-grid-child-field */ "./packages/packages/core/editor-editing-panel/src/components/style-sections/layout-section/align-self-grid-child-field.tsx");
/* harmony import */ var _display_field__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(/*! ./display-field */ "./packages/packages/core/editor-editing-panel/src/components/style-sections/layout-section/display-field.tsx");
/* harmony import */ var _flex_direction_field__WEBPACK_IMPORTED_MODULE_16__ = __webpack_require__(/*! ./flex-direction-field */ "./packages/packages/core/editor-editing-panel/src/components/style-sections/layout-section/flex-direction-field.tsx");
/* harmony import */ var _flex_order_field__WEBPACK_IMPORTED_MODULE_17__ = __webpack_require__(/*! ./flex-order-field */ "./packages/packages/core/editor-editing-panel/src/components/style-sections/layout-section/flex-order-field.tsx");
/* harmony import */ var _flex_size_field__WEBPACK_IMPORTED_MODULE_18__ = __webpack_require__(/*! ./flex-size-field */ "./packages/packages/core/editor-editing-panel/src/components/style-sections/layout-section/flex-size-field.tsx");
/* harmony import */ var _gap_control_field__WEBPACK_IMPORTED_MODULE_19__ = __webpack_require__(/*! ./gap-control-field */ "./packages/packages/core/editor-editing-panel/src/components/style-sections/layout-section/gap-control-field.tsx");
/* harmony import */ var _grid_auto_flow_field__WEBPACK_IMPORTED_MODULE_20__ = __webpack_require__(/*! ./grid-auto-flow-field */ "./packages/packages/core/editor-editing-panel/src/components/style-sections/layout-section/grid-auto-flow-field.tsx");
/* harmony import */ var _grid_auto_track_fields__WEBPACK_IMPORTED_MODULE_21__ = __webpack_require__(/*! ./grid-auto-track-fields */ "./packages/packages/core/editor-editing-panel/src/components/style-sections/layout-section/grid-auto-track-fields.tsx");
/* harmony import */ var _grid_justify_items_field__WEBPACK_IMPORTED_MODULE_22__ = __webpack_require__(/*! ./grid-justify-items-field */ "./packages/packages/core/editor-editing-panel/src/components/style-sections/layout-section/grid-justify-items-field.tsx");
/* harmony import */ var _grid_outline_field__WEBPACK_IMPORTED_MODULE_23__ = __webpack_require__(/*! ./grid-outline-field */ "./packages/packages/core/editor-editing-panel/src/components/style-sections/layout-section/grid-outline-field.tsx");
/* harmony import */ var _grid_size_field__WEBPACK_IMPORTED_MODULE_24__ = __webpack_require__(/*! ./grid-size-field */ "./packages/packages/core/editor-editing-panel/src/components/style-sections/layout-section/grid-size-field.tsx");
/* harmony import */ var _grid_span_field__WEBPACK_IMPORTED_MODULE_25__ = __webpack_require__(/*! ./grid-span-field */ "./packages/packages/core/editor-editing-panel/src/components/style-sections/layout-section/grid-span-field.tsx");
/* harmony import */ var _justify_content_field__WEBPACK_IMPORTED_MODULE_26__ = __webpack_require__(/*! ./justify-content-field */ "./packages/packages/core/editor-editing-panel/src/components/style-sections/layout-section/justify-content-field.tsx");
/* harmony import */ var _wrap_field__WEBPACK_IMPORTED_MODULE_27__ = __webpack_require__(/*! ./wrap-field */ "./packages/packages/core/editor-editing-panel/src/components/style-sections/layout-section/wrap-field.tsx");




























const DISPLAY_LABEL = (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_4__.__)('Display', 'elementor');
const FLEX_WRAP_LABEL = (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_4__.__)('Flex wrap', 'elementor');
const DEFAULT_PARENT_FLOW_DIRECTION = 'row';
const {
  Slot: GridFieldsSlot,
  inject: injectIntoGridFields
} = (0,_elementor_locations__WEBPACK_IMPORTED_MODULE_3__.createLocation)();
const LayoutSection = () => {
  const {
    value: display
  } = (0,_hooks_use_styles_field__WEBPACK_IMPORTED_MODULE_7__.useStylesField)('display', {
    history: {
      propDisplayName: DISPLAY_LABEL
    }
  });
  const displayPlaceholder = (0,_display_field__WEBPACK_IMPORTED_MODULE_15__.useDisplayPlaceholderValue)();
  const isDisplayFlex = shouldDisplayFlexFields(display, displayPlaceholder);
  const isDisplayGrid = 'grid' === (display?.value ?? displayPlaceholder?.value);
  const {
    element
  } = (0,_contexts_element_context__WEBPACK_IMPORTED_MODULE_5__.useElement)();
  const parent = (0,_elementor_editor_elements__WEBPACK_IMPORTED_MODULE_2__.useParentElement)(element.id);
  const parentStyle = (0,_hooks_use_computed_style__WEBPACK_IMPORTED_MODULE_6__.useComputedStyle)(parent?.id || null);
  const getParentStyleDirection = () => {
    if ('flex' === parentStyle?.display) {
      return parentStyle?.flexDirection ?? DEFAULT_PARENT_FLOW_DIRECTION;
    }
    if ('grid' === parentStyle?.display) {
      return parentStyle?.gridAutoFlow ?? DEFAULT_PARENT_FLOW_DIRECTION;
    }
    return DEFAULT_PARENT_FLOW_DIRECTION;
  };
  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_section_content__WEBPACK_IMPORTED_MODULE_9__.SectionContent, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_display_field__WEBPACK_IMPORTED_MODULE_15__.DisplayField, null), isDisplayFlex && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(FlexFields, null), 'flex' === parentStyle?.display && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(FlexChildFields, {
    parentStyleDirection: getParentStyleDirection()
  }), isDisplayGrid && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(GridFields, null), 'grid' === parentStyle?.display && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(GridChildFields, {
    parentStyleDirection: getParentStyleDirection()
  }));
};
const FlexFields = () => {
  const {
    value: flexWrap
  } = (0,_hooks_use_styles_field__WEBPACK_IMPORTED_MODULE_7__.useStylesField)('flex-wrap', {
    history: {
      propDisplayName: FLEX_WRAP_LABEL
    }
  });
  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(react__WEBPACK_IMPORTED_MODULE_0__.Fragment, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_flex_direction_field__WEBPACK_IMPORTED_MODULE_16__.FlexDirectionField, null), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_justify_content_field__WEBPACK_IMPORTED_MODULE_26__.JustifyContentField, null), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_align_items_field__WEBPACK_IMPORTED_MODULE_12__.AlignItemsField, null), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_panel_divider__WEBPACK_IMPORTED_MODULE_8__.PanelDivider, null), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_gap_control_field__WEBPACK_IMPORTED_MODULE_19__.GapControlField, null), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_wrap_field__WEBPACK_IMPORTED_MODULE_27__.WrapField, null), ['wrap', 'wrap-reverse'].includes(flexWrap?.value) && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_align_content_field__WEBPACK_IMPORTED_MODULE_11__.AlignContentField, null));
};
const GridFields = () => /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(react__WEBPACK_IMPORTED_MODULE_0__.Fragment, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_grid_outline_field__WEBPACK_IMPORTED_MODULE_23__.GridOutlineField, null), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_grid_size_field__WEBPACK_IMPORTED_MODULE_24__.GridSizeFields, null), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_grid_auto_flow_field__WEBPACK_IMPORTED_MODULE_20__.GridAutoFlowField, null), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(GridFieldsSlot, null), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_style_tab_collapsible_content__WEBPACK_IMPORTED_MODULE_10__.StyleTabCollapsibleContent, {
  fields: ['grid-auto-rows', 'grid-auto-columns']
}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_grid_auto_track_fields__WEBPACK_IMPORTED_MODULE_21__.GridAutoTrackFields, null)), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_panel_divider__WEBPACK_IMPORTED_MODULE_8__.PanelDivider, null), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_gap_control_field__WEBPACK_IMPORTED_MODULE_19__.GapControlField, null), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_panel_divider__WEBPACK_IMPORTED_MODULE_8__.PanelDivider, null), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_grid_justify_items_field__WEBPACK_IMPORTED_MODULE_22__.GridJustifyItemsField, null), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_align_items_field__WEBPACK_IMPORTED_MODULE_12__.AlignItemsField, null));
const FlexChildFields = ({
  parentStyleDirection
}) => /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(react__WEBPACK_IMPORTED_MODULE_0__.Fragment, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_panel_divider__WEBPACK_IMPORTED_MODULE_8__.PanelDivider, null), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_editor_controls__WEBPACK_IMPORTED_MODULE_1__.ControlFormLabel, null, (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_4__.__)('Flex child', 'elementor')), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_align_self_child_field__WEBPACK_IMPORTED_MODULE_13__.AlignSelfChild, {
  parentStyleDirection: parentStyleDirection
}), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_flex_order_field__WEBPACK_IMPORTED_MODULE_17__.FlexOrderField, null), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_flex_size_field__WEBPACK_IMPORTED_MODULE_18__.FlexSizeField, null));
const GridChildFields = ({
  parentStyleDirection
}) => /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(react__WEBPACK_IMPORTED_MODULE_0__.Fragment, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_panel_divider__WEBPACK_IMPORTED_MODULE_8__.PanelDivider, null), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_editor_controls__WEBPACK_IMPORTED_MODULE_1__.ControlFormLabel, null, (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_4__.__)('Grid child', 'elementor')), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_grid_span_field__WEBPACK_IMPORTED_MODULE_25__.GridSpanFields, null), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_align_self_grid_child_field__WEBPACK_IMPORTED_MODULE_14__.AlignSelfGridChild, {
  parentStyleDirection: parentStyleDirection
}), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_flex_order_field__WEBPACK_IMPORTED_MODULE_17__.FlexOrderField, null));
const shouldDisplayFlexFields = (display, local) => {
  const value = display?.value ?? local?.value;
  if (!value) {
    return false;
  }
  return 'flex' === value || 'inline-flex' === value;
};

/***/ }),

/***/ "./packages/packages/core/editor-editing-panel/src/components/style-sections/layout-section/utils/grid-track-value.ts":
/*!****************************************************************************************************************************!*\
  !*** ./packages/packages/core/editor-editing-panel/src/components/style-sections/layout-section/utils/grid-track-value.ts ***!
  \****************************************************************************************************************************/
/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {

__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   CUSTOM: function() { return /* binding */ CUSTOM; },
/* harmony export */   EMPTY: function() { return /* binding */ EMPTY; },
/* harmony export */   FR: function() { return /* binding */ FR; },
/* harmony export */   UNITS: function() { return /* binding */ UNITS; },
/* harmony export */   fromSizeInput: function() { return /* binding */ fromSizeInput; },
/* harmony export */   parseValue: function() { return /* binding */ parseValue; },
/* harmony export */   toPlaceholder: function() { return /* binding */ toPlaceholder; },
/* harmony export */   toPropValue: function() { return /* binding */ toPropValue; },
/* harmony export */   toSizeInput: function() { return /* binding */ toSizeInput; },
/* harmony export */   unitOf: function() { return /* binding */ unitOf; }
/* harmony export */ });
/* harmony import */ var _elementor_editor_props__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @elementor/editor-props */ "@elementor/editor-props");
/* harmony import */ var _elementor_editor_props__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_elementor_editor_props__WEBPACK_IMPORTED_MODULE_0__);

const FR = 'fr';
const CUSTOM = 'custom';
const UNITS = [FR, CUSTOM];
const EMPTY = {
  kind: 'empty'
};

// Backward-compat: legacy values were stored as `{$$type:'string', value:'repeat(N, 1fr)'}`.
const REPEAT_FR_PATTERN = /^repeat\(\s*(\d+)\s*,\s*1fr\s*\)$/;
const parseString = css => {
  if (!css) {
    return EMPTY;
  }
  const match = css.match(REPEAT_FR_PATTERN);
  if (match) {
    const count = parseInt(match[1], 10);
    return count >= 1 ? {
      kind: 'fr',
      count
    } : EMPTY;
  }
  return {
    kind: 'custom',
    raw: css
  };
};
const parseGridTrackSize = size => {
  if (!size) {
    return EMPTY;
  }
  if (size.unit === FR) {
    const n = Number(size.size);
    return Number.isFinite(n) && n >= 1 ? {
      kind: 'fr',
      count: Math.trunc(n)
    } : EMPTY;
  }
  const raw = String(size.size ?? '');
  return raw === '' ? EMPTY : {
    kind: 'custom',
    raw
  };
};
const parseValue = value => {
  if (!value) {
    return EMPTY;
  }
  if (_elementor_editor_props__WEBPACK_IMPORTED_MODULE_0__.gridTrackSizePropTypeUtil.isValid(value)) {
    return parseGridTrackSize(_elementor_editor_props__WEBPACK_IMPORTED_MODULE_0__.gridTrackSizePropTypeUtil.extract(value));
  }
  if (_elementor_editor_props__WEBPACK_IMPORTED_MODULE_0__.stringPropTypeUtil.isValid(value)) {
    return parseString(_elementor_editor_props__WEBPACK_IMPORTED_MODULE_0__.stringPropTypeUtil.extract(value));
  }
  return EMPTY;
};
const fromSizeInput = v => {
  if (v.size === '' || Number.isNaN(v.size)) {
    return EMPTY;
  }
  if (v.unit === FR) {
    const n = Number(v.size);
    return Number.isFinite(n) && n >= 1 ? {
      kind: 'fr',
      count: Math.trunc(n)
    } : EMPTY;
  }
  return {
    kind: 'custom',
    raw: String(v.size)
  };
};
const toPropValue = v => {
  switch (v.kind) {
    case 'empty':
      return null;
    case 'fr':
      return _elementor_editor_props__WEBPACK_IMPORTED_MODULE_0__.gridTrackSizePropTypeUtil.create({
        size: v.count,
        unit: FR
      });
    case 'custom':
      return _elementor_editor_props__WEBPACK_IMPORTED_MODULE_0__.gridTrackSizePropTypeUtil.create({
        size: v.raw,
        unit: CUSTOM
      });
  }
};
const toSizeInput = (v, fallbackUnit = FR) => {
  switch (v.kind) {
    case 'empty':
      return {
        size: '',
        unit: fallbackUnit
      };
    case 'fr':
      return {
        size: v.count,
        unit: FR
      };
    case 'custom':
      return {
        size: v.raw,
        unit: CUSTOM
      };
  }
};
const toPlaceholder = v => {
  switch (v.kind) {
    case 'empty':
      return undefined;
    case 'fr':
      return String(v.count);
    case 'custom':
      return v.raw;
  }
};
const unitOf = (v, fallback = FR) => {
  if (v.kind === 'fr') {
    return FR;
  }
  if (v.kind === 'custom') {
    return CUSTOM;
  }
  return fallback;
};

/***/ }),

/***/ "./packages/packages/core/editor-editing-panel/src/components/style-sections/layout-section/utils/rotated-icon.tsx":
/*!*************************************************************************************************************************!*\
  !*** ./packages/packages/core/editor-editing-panel/src/components/style-sections/layout-section/utils/rotated-icon.tsx ***!
  \*************************************************************************************************************************/
/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {

__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   RotatedIcon: function() { return /* binding */ RotatedIcon; }
/* harmony export */ });
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
/* harmony import */ var _elementor_ui__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @elementor/ui */ "@elementor/ui");
/* harmony import */ var _elementor_ui__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_elementor_ui__WEBPACK_IMPORTED_MODULE_1__);
/* 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 _hooks_use_styles_field__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../../../hooks/use-styles-field */ "./packages/packages/core/editor-editing-panel/src/hooks/use-styles-field.ts");





const FLEX_DIRECTION_LABEL = (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_2__.__)('Flex direction', 'elementor');
const CLOCKWISE_ANGLES = {
  row: 0,
  column: 90,
  'row-reverse': 180,
  'column-reverse': 270
};
const COUNTER_CLOCKWISE_ANGLES = {
  row: 0,
  column: -90,
  'row-reverse': -180,
  'column-reverse': -270
};
const RotatedIcon = ({
  icon: Icon,
  size,
  isClockwise = true,
  offset = 0,
  disableRotationForReversed = false
}) => {
  const rotate = (0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)(useGetTargetAngle(isClockwise, offset, disableRotationForReversed));
  rotate.current = useGetTargetAngle(isClockwise, offset, disableRotationForReversed, rotate);
  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(Icon, {
    fontSize: size,
    sx: {
      transition: '.3s',
      rotate: `${rotate.current}deg`
    }
  });
};
const useGetTargetAngle = (isClockwise, offset, disableRotationForReversed, existingRef) => {
  const {
    value: direction
  } = (0,_hooks_use_styles_field__WEBPACK_IMPORTED_MODULE_3__.useStylesField)('flex-direction', {
    history: {
      propDisplayName: FLEX_DIRECTION_LABEL
    }
  });
  const isRtl = 'rtl' === (0,_elementor_ui__WEBPACK_IMPORTED_MODULE_1__.useTheme)().direction;
  const rotationMultiplier = isRtl ? -1 : 1;
  const angleMap = isClockwise ? CLOCKWISE_ANGLES : COUNTER_CLOCKWISE_ANGLES;
  const currentDirection = direction?.value || 'row';
  const currentAngle = existingRef ? existingRef.current * rotationMultiplier : angleMap[currentDirection] + offset;
  const targetAngle = angleMap[currentDirection] + offset;
  const diffToTargetAngle = (targetAngle - currentAngle + 360) % 360;
  const formattedDiff = (diffToTargetAngle + 180) % 360 - 180;
  if (disableRotationForReversed && ['row-reverse', 'column-reverse'].includes(currentDirection)) {
    return 0;
  }
  return (currentAngle + formattedDiff) * rotationMultiplier;
};

/***/ }),

/***/ "./packages/packages/core/editor-editing-panel/src/components/style-sections/layout-section/wrap-field.tsx":
/*!*****************************************************************************************************************!*\
  !*** ./packages/packages/core/editor-editing-panel/src/components/style-sections/layout-section/wrap-field.tsx ***!
  \*****************************************************************************************************************/
/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {

__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   WrapField: function() { return /* binding */ WrapField; }
/* 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_icons__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @elementor/icons */ "@elementor/icons");
/* harmony import */ var _elementor_icons__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_elementor_icons__WEBPACK_IMPORTED_MODULE_2__);
/* harmony import */ var _wordpress_i18n__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @wordpress/i18n */ "@wordpress/i18n");
/* harmony import */ var _wordpress_i18n__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_wordpress_i18n__WEBPACK_IMPORTED_MODULE_3__);
/* harmony import */ var _controls_registry_styles_field__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../../controls-registry/styles-field */ "./packages/packages/core/editor-editing-panel/src/controls-registry/styles-field.tsx");
/* harmony import */ var _styles_inheritance_components_ui_providers__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../../styles-inheritance/components/ui-providers */ "./packages/packages/core/editor-editing-panel/src/styles-inheritance/components/ui-providers.tsx");
/* harmony import */ var _styles_field_layout__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../styles-field-layout */ "./packages/packages/core/editor-editing-panel/src/components/styles-field-layout.tsx");







const FLEX_WRAP_LABEL = (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_3__.__)('Wrap', 'elementor');
const options = [{
  value: 'nowrap',
  label: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_3__.__)('No wrap', 'elementor'),
  renderContent: ({
    size
  }) => /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_icons__WEBPACK_IMPORTED_MODULE_2__.ArrowRightIcon, {
    fontSize: size
  }),
  showTooltip: true
}, {
  value: 'wrap',
  label: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_3__.__)('Wrap', 'elementor'),
  renderContent: ({
    size
  }) => /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_icons__WEBPACK_IMPORTED_MODULE_2__.ArrowBackIcon, {
    fontSize: size
  }),
  showTooltip: true
}, {
  value: 'wrap-reverse',
  label: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_3__.__)('Reversed wrap', 'elementor'),
  renderContent: ({
    size
  }) => /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_icons__WEBPACK_IMPORTED_MODULE_2__.ArrowForwardIcon, {
    fontSize: size
  }),
  showTooltip: true
}];
const WrapField = () => {
  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_controls_registry_styles_field__WEBPACK_IMPORTED_MODULE_4__.StylesField, {
    bind: "flex-wrap",
    propDisplayName: FLEX_WRAP_LABEL
  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_styles_inheritance_components_ui_providers__WEBPACK_IMPORTED_MODULE_5__.UiProviders, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_styles_field_layout__WEBPACK_IMPORTED_MODULE_6__.StylesFieldLayout, {
    label: FLEX_WRAP_LABEL
  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_editor_controls__WEBPACK_IMPORTED_MODULE_1__.ToggleControl, {
    options: options
  }))));
};

/***/ }),

/***/ "./packages/packages/core/editor-editing-panel/src/components/style-sections/position-section/dimensions-field.tsx":
/*!*************************************************************************************************************************!*\
  !*** ./packages/packages/core/editor-editing-panel/src/components/style-sections/position-section/dimensions-field.tsx ***!
  \*************************************************************************************************************************/
/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {

__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   DimensionsField: function() { return /* binding */ DimensionsField; }
/* 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_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 _controls_registry_styles_field__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../../controls-registry/styles-field */ "./packages/packages/core/editor-editing-panel/src/controls-registry/styles-field.tsx");
/* harmony import */ var _hooks_use_direction__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../../hooks/use-direction */ "./packages/packages/core/editor-editing-panel/src/hooks/use-direction.ts");
/* harmony import */ var _styles_inheritance_components_ui_providers__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../../../styles-inheritance/components/ui-providers */ "./packages/packages/core/editor-editing-panel/src/styles-inheritance/components/ui-providers.tsx");
/* harmony import */ var _control_label__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../../control-label */ "./packages/packages/core/editor-editing-panel/src/components/control-label.tsx");
/* harmony import */ var _layout_section_utils_rotated_icon__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ../layout-section/utils/rotated-icon */ "./packages/packages/core/editor-editing-panel/src/components/style-sections/layout-section/utils/rotated-icon.tsx");











const InlineStartIcon = (0,_elementor_ui__WEBPACK_IMPORTED_MODULE_3__.withDirection)(_elementor_icons__WEBPACK_IMPORTED_MODULE_2__.SideLeftIcon);
const InlineEndIcon = (0,_elementor_ui__WEBPACK_IMPORTED_MODULE_3__.withDirection)(_elementor_icons__WEBPACK_IMPORTED_MODULE_2__.SideRightIcon);
const sideIcons = {
  'inset-block-start': /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_icons__WEBPACK_IMPORTED_MODULE_2__.SideTopIcon, {
    fontSize: 'tiny'
  }),
  'inset-block-end': /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_icons__WEBPACK_IMPORTED_MODULE_2__.SideBottomIcon, {
    fontSize: 'tiny'
  }),
  'inset-inline-start': /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_layout_section_utils_rotated_icon__WEBPACK_IMPORTED_MODULE_9__.RotatedIcon, {
    icon: InlineStartIcon,
    size: "tiny"
  }),
  'inset-inline-end': /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_layout_section_utils_rotated_icon__WEBPACK_IMPORTED_MODULE_9__.RotatedIcon, {
    icon: InlineEndIcon,
    size: "tiny"
  })
};
const getInlineStartLabel = isSiteRtl => isSiteRtl ? (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_4__.__)('Right', 'elementor') : (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_4__.__)('Left', 'elementor');
const getInlineEndLabel = isSiteRtl => isSiteRtl ? (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_4__.__)('Left', 'elementor') : (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_4__.__)('Right', 'elementor');
const DimensionsField = () => {
  const {
    isSiteRtl
  } = (0,_hooks_use_direction__WEBPACK_IMPORTED_MODULE_6__.useDirection)();
  const rowRefs = [(0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)(null), (0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)(null)];
  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_styles_inheritance_components_ui_providers__WEBPACK_IMPORTED_MODULE_7__.UiProviders, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_3__.Stack, {
    direction: "row",
    gap: 2,
    flexWrap: "nowrap",
    ref: rowRefs[0]
  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(DimensionField, {
    side: "inset-block-start",
    label: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_4__.__)('Top', 'elementor'),
    rowRef: rowRefs[0]
  }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(DimensionField, {
    side: "inset-inline-end",
    label: getInlineEndLabel(isSiteRtl),
    rowRef: rowRefs[0]
  })), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_3__.Stack, {
    direction: "row",
    gap: 2,
    flexWrap: "nowrap",
    ref: rowRefs[1]
  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(DimensionField, {
    side: "inset-block-end",
    label: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_4__.__)('Bottom', 'elementor'),
    rowRef: rowRefs[1]
  }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(DimensionField, {
    side: "inset-inline-start",
    label: getInlineStartLabel(isSiteRtl),
    rowRef: rowRefs[1]
  })));
};
const DimensionField = ({
  side,
  label,
  rowRef
}) => /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_controls_registry_styles_field__WEBPACK_IMPORTED_MODULE_5__.StylesField, {
  bind: side,
  propDisplayName: label
}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_3__.Grid, {
  container: true,
  gap: 0.75,
  alignItems: "center"
}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_3__.Grid, {
  item: true,
  xs: 12
}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_control_label__WEBPACK_IMPORTED_MODULE_8__.ControlLabel, null, label)), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_3__.Grid, {
  item: true,
  xs: 12
}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_editor_controls__WEBPACK_IMPORTED_MODULE_1__.SizeControl, {
  startIcon: sideIcons[side],
  extendedOptions: ['auto'],
  anchorRef: rowRef,
  min: -Number.MAX_SAFE_INTEGER
}))));

/***/ }),

/***/ "./packages/packages/core/editor-editing-panel/src/components/style-sections/position-section/offset-field.tsx":
/*!*********************************************************************************************************************!*\
  !*** ./packages/packages/core/editor-editing-panel/src/components/style-sections/position-section/offset-field.tsx ***!
  \*********************************************************************************************************************/
/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {

__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   OffsetField: function() { return /* binding */ OffsetField; }
/* 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 _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 _controls_registry_styles_field__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../../controls-registry/styles-field */ "./packages/packages/core/editor-editing-panel/src/controls-registry/styles-field.tsx");
/* harmony import */ var _styles_field_layout__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../styles-field-layout */ "./packages/packages/core/editor-editing-panel/src/components/styles-field-layout.tsx");






const OFFSET_LABEL = (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_2__.__)('Anchor offset', 'elementor');
const UNITS = ['px', 'em', 'rem', 'vw', 'vh'];
const OffsetField = () => {
  const rowRef = (0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)(null);
  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_controls_registry_styles_field__WEBPACK_IMPORTED_MODULE_3__.StylesField, {
    bind: "scroll-margin-top",
    propDisplayName: OFFSET_LABEL
  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_styles_field_layout__WEBPACK_IMPORTED_MODULE_4__.StylesFieldLayout, {
    label: OFFSET_LABEL,
    ref: rowRef
  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_editor_controls__WEBPACK_IMPORTED_MODULE_1__.SizeControl, {
    units: UNITS,
    anchorRef: rowRef
  })));
};

/***/ }),

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

__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   PositionField: function() { return /* binding */ PositionField; }
/* 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 _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 _controls_registry_styles_field__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../../controls-registry/styles-field */ "./packages/packages/core/editor-editing-panel/src/controls-registry/styles-field.tsx");
/* harmony import */ var _styles_field_layout__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../styles-field-layout */ "./packages/packages/core/editor-editing-panel/src/components/styles-field-layout.tsx");





const POSITION_LABEL = (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_2__.__)('Position', 'elementor');
const positionOptions = [{
  label: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_2__.__)('Static', 'elementor'),
  value: 'static'
}, {
  label: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_2__.__)('Relative', 'elementor'),
  value: 'relative'
}, {
  label: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_2__.__)('Absolute', 'elementor'),
  value: 'absolute'
}, {
  label: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_2__.__)('Fixed', 'elementor'),
  value: 'fixed'
}, {
  label: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_2__.__)('Sticky', 'elementor'),
  value: 'sticky'
}];
const PositionField = () => {
  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_controls_registry_styles_field__WEBPACK_IMPORTED_MODULE_3__.StylesField, {
    bind: "position",
    propDisplayName: POSITION_LABEL
  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_styles_field_layout__WEBPACK_IMPORTED_MODULE_4__.StylesFieldLayout, {
    label: POSITION_LABEL
  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_editor_controls__WEBPACK_IMPORTED_MODULE_1__.SelectControl, {
    options: positionOptions
  })));
};

/***/ }),

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

__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   PositionSection: function() { return /* binding */ PositionSection; }
/* 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_session__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @elementor/session */ "@elementor/session");
/* harmony import */ var _elementor_session__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_elementor_session__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 _contexts_style_context__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../../contexts/style-context */ "./packages/packages/core/editor-editing-panel/src/contexts/style-context.tsx");
/* harmony import */ var _hooks_use_styles_field__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../../hooks/use-styles-field */ "./packages/packages/core/editor-editing-panel/src/hooks/use-styles-field.ts");
/* harmony import */ var _hooks_use_styles_fields__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../../hooks/use-styles-fields */ "./packages/packages/core/editor-editing-panel/src/hooks/use-styles-fields.ts");
/* harmony import */ var _panel_divider__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../../panel-divider */ "./packages/packages/core/editor-editing-panel/src/components/panel-divider.tsx");
/* harmony import */ var _section_content__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../../section-content */ "./packages/packages/core/editor-editing-panel/src/components/section-content.tsx");
/* harmony import */ var _dimensions_field__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ./dimensions-field */ "./packages/packages/core/editor-editing-panel/src/components/style-sections/position-section/dimensions-field.tsx");
/* harmony import */ var _offset_field__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ./offset-field */ "./packages/packages/core/editor-editing-panel/src/components/style-sections/position-section/offset-field.tsx");
/* harmony import */ var _position_field__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ./position-field */ "./packages/packages/core/editor-editing-panel/src/components/style-sections/position-section/position-field.tsx");
/* harmony import */ var _z_index_field__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ./z-index-field */ "./packages/packages/core/editor-editing-panel/src/components/style-sections/position-section/z-index-field.tsx");














const POSITION_STATIC = 'static';
const POSITION_LABEL = (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_3__.__)('Position', 'elementor');
const DIMENSIONS_LABEL = (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_3__.__)('Dimensions', 'elementor');
const DEPENDENT_PROP_NAMES = ['inset-block-start', 'inset-block-end', 'inset-inline-start', 'inset-inline-end', 'z-index'];
const PositionSection = () => {
  const {
    value: position
  } = (0,_hooks_use_styles_field__WEBPACK_IMPORTED_MODULE_5__.useStylesField)('position', withHistoryLabel(POSITION_LABEL));
  const positionPrevRef = (0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)(position);
  const {
    values: dependentValues,
    setValues: setDependentValues
  } = (0,_hooks_use_styles_fields__WEBPACK_IMPORTED_MODULE_6__.useStylesFields)(DEPENDENT_PROP_NAMES);
  const [savedDependentValues, saveToHistory, clearHistory] = usePersistDimensions();
  (0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(() => {
    if (position && position?.value === POSITION_STATIC && hasDependentValues(dependentValues)) {
      saveToHistory(extractDimensions(dependentValues));
    }
    if (positionPrevRef.current?.value === POSITION_STATIC) {
      setDependentValues({
        ...savedDependentValues
      }, withHistoryLabel(DIMENSIONS_LABEL));
      clearHistory();
    }
    if ((!position || position?.value === POSITION_STATIC) && dependentValues?.['z-index']) {
      setDependentValues({
        'z-index': null
      }, withHistoryLabel(DIMENSIONS_LABEL));
    }
    positionPrevRef.current = position;
    // eslint-disable-next-line react-hooks/exhaustive-deps
  }, [position?.value]);
  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(StyledSectionContent, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_position_field__WEBPACK_IMPORTED_MODULE_11__.PositionField, null), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_dimensions_field__WEBPACK_IMPORTED_MODULE_9__.DimensionsField, null), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_z_index_field__WEBPACK_IMPORTED_MODULE_12__.ZIndexField, {
    disabled: !position || position?.value === POSITION_STATIC
  }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_panel_divider__WEBPACK_IMPORTED_MODULE_7__.PanelDivider, null), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_offset_field__WEBPACK_IMPORTED_MODULE_10__.OffsetField, null));
};
const usePersistDimensions = () => {
  const {
    id: styleDefID,
    meta
  } = (0,_contexts_style_context__WEBPACK_IMPORTED_MODULE_4__.useStyle)();
  const styleVariantPath = `styles/${styleDefID}/${meta.breakpoint || 'desktop'}/${meta.state || 'null'}`;
  const dimensionsPath = `${styleVariantPath}/dimensions`;
  return (0,_elementor_session__WEBPACK_IMPORTED_MODULE_1__.useSessionStorage)(dimensionsPath);
};
const withHistoryLabel = name => {
  return {
    history: {
      propDisplayName: name
    }
  };
};
const hasDependentValues = values => {
  if (!values) {
    return false;
  }
  const dimensions = extractDimensions(values);
  return Object.values(dimensions).some(v => v !== null);
};
const extractDimensions = values => {
  return DEPENDENT_PROP_NAMES.reduce((acc, key) => {
    return {
      ...acc,
      [key]: values?.[key] ?? null
    };
  }, {});
};
const StyledSectionContent = (0,_elementor_ui__WEBPACK_IMPORTED_MODULE_2__.styled)(_section_content__WEBPACK_IMPORTED_MODULE_8__.SectionContent, {
  shouldForwardProp: prop => prop !== 'gap'
})(({
  gap = 2,
  theme
}) => ({
  gap: 0,
  '& > *': {
    marginBottom: theme.spacing(gap)
  },
  '& > *:last-child': {
    marginBottom: 0
  },
  '& > .MuiStack-root': {
    marginBottom: 0
  },
  '& > .MuiStack-root:has(> *)': {
    marginBottom: theme.spacing(gap)
  },
  '& > .MuiDivider-root': {
    marginBottom: theme.spacing(gap)
  }
}));

/***/ }),

/***/ "./packages/packages/core/editor-editing-panel/src/components/style-sections/position-section/z-index-field.tsx":
/*!**********************************************************************************************************************!*\
  !*** ./packages/packages/core/editor-editing-panel/src/components/style-sections/position-section/z-index-field.tsx ***!
  \**********************************************************************************************************************/
/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {

__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   ZIndexField: function() { return /* binding */ ZIndexField; }
/* 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_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 _controls_registry_styles_field__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../../controls-registry/styles-field */ "./packages/packages/core/editor-editing-panel/src/controls-registry/styles-field.tsx");
/* harmony import */ var _styles_field_layout__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../styles-field-layout */ "./packages/packages/core/editor-editing-panel/src/components/styles-field-layout.tsx");







const Z_INDEX_LABEL = (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_4__.__)('Z-index', 'elementor');
const ZIndexField = ({
  disabled
}) => {
  const StyleField = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_controls_registry_styles_field__WEBPACK_IMPORTED_MODULE_5__.StylesField, {
    bind: "z-index",
    propDisplayName: Z_INDEX_LABEL
  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_styles_field_layout__WEBPACK_IMPORTED_MODULE_6__.StylesFieldLayout, {
    label: Z_INDEX_LABEL
  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_editor_controls__WEBPACK_IMPORTED_MODULE_1__.NumberControl, {
    disabled: disabled
  })));
  const content = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_3__.Alert, {
    color: "secondary",
    icon: /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_icons__WEBPACK_IMPORTED_MODULE_2__.InfoCircleFilledIcon, null),
    size: "small"
  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_3__.AlertTitle, null, (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_4__.__)('Z-index', 'elementor')), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_3__.Box, {
    component: "span"
  }, (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_4__.__)('z-index only works on positioned elements. Change position to relative, absolute, or fixed to enable layering.', 'elementor')));
  return disabled ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_3__.Infotip, {
    placement: "right",
    content: content,
    color: "secondary",
    slotProps: {
      popper: {
        sx: {
          width: 300
        }
      }
    }
  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_3__.Box, null, StyleField)) : /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(react__WEBPACK_IMPORTED_MODULE_0__.Fragment, null, StyleField);
};

/***/ }),

/***/ "./packages/packages/core/editor-editing-panel/src/components/style-sections/size-section/object-fit-field.tsx":
/*!*********************************************************************************************************************!*\
  !*** ./packages/packages/core/editor-editing-panel/src/components/style-sections/size-section/object-fit-field.tsx ***!
  \*********************************************************************************************************************/
/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {

__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   ObjectFitField: function() { return /* binding */ ObjectFitField; }
/* 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 _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 _controls_registry_styles_field__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../../controls-registry/styles-field */ "./packages/packages/core/editor-editing-panel/src/controls-registry/styles-field.tsx");
/* harmony import */ var _styles_field_layout__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../styles-field-layout */ "./packages/packages/core/editor-editing-panel/src/components/styles-field-layout.tsx");





const OBJECT_FIT_LABEL = (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_2__.__)('Object fit', 'elementor');
const positionOptions = [{
  label: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_2__.__)('Fill', 'elementor'),
  value: 'fill'
}, {
  label: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_2__.__)('Cover', 'elementor'),
  value: 'cover'
}, {
  label: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_2__.__)('Contain', 'elementor'),
  value: 'contain'
}, {
  label: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_2__.__)('None', 'elementor'),
  value: 'none'
}, {
  label: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_2__.__)('Scale down', 'elementor'),
  value: 'scale-down'
}];
const ObjectFitField = () => {
  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_controls_registry_styles_field__WEBPACK_IMPORTED_MODULE_3__.StylesField, {
    bind: "object-fit",
    propDisplayName: OBJECT_FIT_LABEL
  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_styles_field_layout__WEBPACK_IMPORTED_MODULE_4__.StylesFieldLayout, {
    label: OBJECT_FIT_LABEL
  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_editor_controls__WEBPACK_IMPORTED_MODULE_1__.SelectControl, {
    options: positionOptions
  })));
};

/***/ }),

/***/ "./packages/packages/core/editor-editing-panel/src/components/style-sections/size-section/overflow-field.tsx":
/*!*******************************************************************************************************************!*\
  !*** ./packages/packages/core/editor-editing-panel/src/components/style-sections/size-section/overflow-field.tsx ***!
  \*******************************************************************************************************************/
/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {

__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   OverflowField: function() { return /* binding */ OverflowField; }
/* 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_icons__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @elementor/icons */ "@elementor/icons");
/* harmony import */ var _elementor_icons__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_elementor_icons__WEBPACK_IMPORTED_MODULE_2__);
/* harmony import */ var _wordpress_i18n__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @wordpress/i18n */ "@wordpress/i18n");
/* harmony import */ var _wordpress_i18n__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_wordpress_i18n__WEBPACK_IMPORTED_MODULE_3__);
/* harmony import */ var _controls_registry_styles_field__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../../controls-registry/styles-field */ "./packages/packages/core/editor-editing-panel/src/controls-registry/styles-field.tsx");
/* harmony import */ var _styles_field_layout__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../styles-field-layout */ "./packages/packages/core/editor-editing-panel/src/components/styles-field-layout.tsx");






const OVERFLOW_LABEL = (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_3__.__)('Overflow', 'elementor');
const options = [{
  value: 'visible',
  label: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_3__.__)('Visible', 'elementor'),
  renderContent: ({
    size
  }) => /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_icons__WEBPACK_IMPORTED_MODULE_2__.EyeIcon, {
    fontSize: size
  }),
  showTooltip: true
}, {
  value: 'hidden',
  label: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_3__.__)('Hidden', 'elementor'),
  renderContent: ({
    size
  }) => /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_icons__WEBPACK_IMPORTED_MODULE_2__.EyeOffIcon, {
    fontSize: size
  }),
  showTooltip: true
}, {
  value: 'auto',
  label: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_3__.__)('Auto', 'elementor'),
  renderContent: ({
    size
  }) => /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_icons__WEBPACK_IMPORTED_MODULE_2__.LetterAIcon, {
    fontSize: size
  }),
  showTooltip: true
}];
const OverflowField = () => {
  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_controls_registry_styles_field__WEBPACK_IMPORTED_MODULE_4__.StylesField, {
    bind: "overflow",
    propDisplayName: OVERFLOW_LABEL
  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_styles_field_layout__WEBPACK_IMPORTED_MODULE_5__.StylesFieldLayout, {
    label: OVERFLOW_LABEL
  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_editor_controls__WEBPACK_IMPORTED_MODULE_1__.ToggleControl, {
    options: options
  })));
};

/***/ }),

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

__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   SizeSection: function() { return /* binding */ SizeSection; }
/* harmony export */ });
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
/* harmony import */ var _elementor_editor_controls__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @elementor/editor-controls */ "@elementor/editor-controls");
/* harmony import */ var _elementor_editor_controls__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_elementor_editor_controls__WEBPACK_IMPORTED_MODULE_1__);
/* harmony import */ var _elementor_ui__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @elementor/ui */ "@elementor/ui");
/* harmony import */ var _elementor_ui__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_elementor_ui__WEBPACK_IMPORTED_MODULE_2__);
/* 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 _controls_registry_styles_field__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../../controls-registry/styles-field */ "./packages/packages/core/editor-editing-panel/src/controls-registry/styles-field.tsx");
/* harmony import */ var _control_label__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../control-label */ "./packages/packages/core/editor-editing-panel/src/components/control-label.tsx");
/* harmony import */ var _panel_divider__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../panel-divider */ "./packages/packages/core/editor-editing-panel/src/components/panel-divider.tsx");
/* harmony import */ var _section_content__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../../section-content */ "./packages/packages/core/editor-editing-panel/src/components/section-content.tsx");
/* harmony import */ var _style_tab_collapsible_content__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../../style-tab-collapsible-content */ "./packages/packages/core/editor-editing-panel/src/components/style-tab-collapsible-content.tsx");
/* harmony import */ var _object_fit_field__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ./object-fit-field */ "./packages/packages/core/editor-editing-panel/src/components/style-sections/size-section/object-fit-field.tsx");
/* harmony import */ var _overflow_field__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ./overflow-field */ "./packages/packages/core/editor-editing-panel/src/components/style-sections/size-section/overflow-field.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); }












const CssSizeProps = [[{
  bind: 'width',
  label: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_3__.__)('Width', 'elementor')
}, {
  bind: 'height',
  label: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_3__.__)('Height', 'elementor')
}], [{
  bind: 'min-width',
  label: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_3__.__)('Min width', 'elementor')
}, {
  bind: 'min-height',
  label: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_3__.__)('Min height', 'elementor')
}], [{
  bind: 'max-width',
  label: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_3__.__)('Max width', 'elementor')
}, {
  bind: 'max-height',
  label: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_3__.__)('Max height', 'elementor')
}]];
const ASPECT_RATIO_LABEL = (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_3__.__)('Aspect Ratio', 'elementor');
const SizeSection = () => {
  const gridRowRefs = [(0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)(null), (0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)(null), (0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)(null)];
  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_section_content__WEBPACK_IMPORTED_MODULE_7__.SectionContent, null, CssSizeProps.map((row, rowIndex) => /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_2__.Grid, {
    key: rowIndex,
    container: true,
    gap: 2,
    flexWrap: "nowrap",
    ref: gridRowRefs[rowIndex]
  }, row.map(props => /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_2__.Grid, {
    item: true,
    xs: 6,
    key: props.bind
  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(SizeField, _extends({}, props, {
    rowRef: gridRowRefs[rowIndex],
    extendedOptions: ['auto']
  })))))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_panel_divider__WEBPACK_IMPORTED_MODULE_6__.PanelDivider, null), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_2__.Stack, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_overflow_field__WEBPACK_IMPORTED_MODULE_10__.OverflowField, null)), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_style_tab_collapsible_content__WEBPACK_IMPORTED_MODULE_8__.StyleTabCollapsibleContent, {
    fields: ['aspect-ratio', 'object-fit']
  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_2__.Stack, {
    gap: 2,
    pt: 2
  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_controls_registry_styles_field__WEBPACK_IMPORTED_MODULE_4__.StylesField, {
    bind: "aspect-ratio",
    propDisplayName: ASPECT_RATIO_LABEL
  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_editor_controls__WEBPACK_IMPORTED_MODULE_1__.AspectRatioControl, {
    label: ASPECT_RATIO_LABEL
  })), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_panel_divider__WEBPACK_IMPORTED_MODULE_6__.PanelDivider, null), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_object_fit_field__WEBPACK_IMPORTED_MODULE_9__.ObjectFitField, null), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_controls_registry_styles_field__WEBPACK_IMPORTED_MODULE_4__.StylesField, {
    bind: "object-position",
    propDisplayName: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_3__.__)('Object position', 'elementor')
  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_2__.Grid, {
    item: true,
    xs: 6
  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_editor_controls__WEBPACK_IMPORTED_MODULE_1__.PositionControl, null))))));
};
const SizeField = ({
  label,
  bind,
  rowRef,
  extendedOptions
}) => {
  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_controls_registry_styles_field__WEBPACK_IMPORTED_MODULE_4__.StylesField, {
    bind: bind,
    propDisplayName: label
  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_2__.Grid, {
    container: true,
    gap: 0.75,
    alignItems: "center"
  }, /*#__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(_control_label__WEBPACK_IMPORTED_MODULE_5__.ControlLabel, null, label)), /*#__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_editor_controls__WEBPACK_IMPORTED_MODULE_1__.SizeControl, {
    extendedOptions: extendedOptions,
    anchorRef: rowRef
  }))));
};

/***/ }),

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

__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   SpacingSection: function() { return /* binding */ SpacingSection; }
/* 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 _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 _controls_registry_styles_field__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../../controls-registry/styles-field */ "./packages/packages/core/editor-editing-panel/src/controls-registry/styles-field.tsx");
/* harmony import */ var _hooks_use_direction__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../../hooks/use-direction */ "./packages/packages/core/editor-editing-panel/src/hooks/use-direction.ts");
/* harmony import */ var _panel_divider__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../panel-divider */ "./packages/packages/core/editor-editing-panel/src/components/panel-divider.tsx");
/* harmony import */ var _section_content__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../section-content */ "./packages/packages/core/editor-editing-panel/src/components/section-content.tsx");







const MARGIN_LABEL = (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_2__.__)('Margin', 'elementor');
const PADDING_LABEL = (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_2__.__)('Padding', 'elementor');
const SpacingSection = () => {
  const {
    isSiteRtl
  } = (0,_hooks_use_direction__WEBPACK_IMPORTED_MODULE_4__.useDirection)();
  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_section_content__WEBPACK_IMPORTED_MODULE_6__.SectionContent, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_controls_registry_styles_field__WEBPACK_IMPORTED_MODULE_3__.StylesField, {
    bind: 'margin',
    propDisplayName: MARGIN_LABEL
  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_editor_controls__WEBPACK_IMPORTED_MODULE_1__.LinkedDimensionsControl, {
    label: MARGIN_LABEL,
    isSiteRtl: isSiteRtl,
    min: -Number.MAX_SAFE_INTEGER
  })), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_panel_divider__WEBPACK_IMPORTED_MODULE_5__.PanelDivider, null), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_controls_registry_styles_field__WEBPACK_IMPORTED_MODULE_3__.StylesField, {
    bind: 'padding',
    propDisplayName: PADDING_LABEL
  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_editor_controls__WEBPACK_IMPORTED_MODULE_1__.LinkedDimensionsControl, {
    label: PADDING_LABEL,
    isSiteRtl: isSiteRtl
  })));
};

/***/ }),

/***/ "./packages/packages/core/editor-editing-panel/src/components/style-sections/typography-section/column-count-field.tsx":
/*!*****************************************************************************************************************************!*\
  !*** ./packages/packages/core/editor-editing-panel/src/components/style-sections/typography-section/column-count-field.tsx ***!
  \*****************************************************************************************************************************/
/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {

__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   ColumnCountField: function() { return /* binding */ ColumnCountField; }
/* 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 _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 _controls_registry_styles_field__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../../controls-registry/styles-field */ "./packages/packages/core/editor-editing-panel/src/controls-registry/styles-field.tsx");
/* harmony import */ var _styles_field_layout__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../styles-field-layout */ "./packages/packages/core/editor-editing-panel/src/components/styles-field-layout.tsx");





const COLUMN_COUNT_LABEL = (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_2__.__)('Columns', 'elementor');
const ColumnCountField = () => {
  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_controls_registry_styles_field__WEBPACK_IMPORTED_MODULE_3__.StylesField, {
    bind: "column-count",
    propDisplayName: COLUMN_COUNT_LABEL
  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_styles_field_layout__WEBPACK_IMPORTED_MODULE_4__.StylesFieldLayout, {
    label: COLUMN_COUNT_LABEL
  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_editor_controls__WEBPACK_IMPORTED_MODULE_1__.NumberControl, {
    shouldForceInt: true,
    min: 0,
    step: 1
  })));
};

/***/ }),

/***/ "./packages/packages/core/editor-editing-panel/src/components/style-sections/typography-section/column-gap-field.tsx":
/*!***************************************************************************************************************************!*\
  !*** ./packages/packages/core/editor-editing-panel/src/components/style-sections/typography-section/column-gap-field.tsx ***!
  \***************************************************************************************************************************/
/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {

__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   ColumnGapField: function() { return /* binding */ ColumnGapField; }
/* 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 _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 _controls_registry_styles_field__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../../controls-registry/styles-field */ "./packages/packages/core/editor-editing-panel/src/controls-registry/styles-field.tsx");
/* harmony import */ var _styles_field_layout__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../styles-field-layout */ "./packages/packages/core/editor-editing-panel/src/components/styles-field-layout.tsx");






const COLUMN_GAP_LABEL = (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_2__.__)('Column gap', 'elementor');
const ColumnGapField = () => {
  const rowRef = (0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)(null);
  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_controls_registry_styles_field__WEBPACK_IMPORTED_MODULE_3__.StylesField, {
    bind: "column-gap",
    propDisplayName: COLUMN_GAP_LABEL
  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_styles_field_layout__WEBPACK_IMPORTED_MODULE_4__.StylesFieldLayout, {
    label: COLUMN_GAP_LABEL,
    ref: rowRef
  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_editor_controls__WEBPACK_IMPORTED_MODULE_1__.SizeControl, {
    anchorRef: rowRef
  })));
};

/***/ }),

/***/ "./packages/packages/core/editor-editing-panel/src/components/style-sections/typography-section/font-family-field.tsx":
/*!****************************************************************************************************************************!*\
  !*** ./packages/packages/core/editor-editing-panel/src/components/style-sections/typography-section/font-family-field.tsx ***!
  \****************************************************************************************************************************/
/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {

__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   FontFamilyField: function() { return /* binding */ FontFamilyField; }
/* 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 _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 _controls_registry_styles_field__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../../controls-registry/styles-field */ "./packages/packages/core/editor-editing-panel/src/controls-registry/styles-field.tsx");
/* harmony import */ var _styles_field_layout__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../styles-field-layout */ "./packages/packages/core/editor-editing-panel/src/components/styles-field-layout.tsx");






const FONT_FAMILY_LABEL = (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_3__.__)('Font family', 'elementor');
const FontFamilyField = () => {
  const fontFamilies = (0,_elementor_editor_controls__WEBPACK_IMPORTED_MODULE_1__.useFontFamilies)();
  const sectionWidth = (0,_elementor_editor_ui__WEBPACK_IMPORTED_MODULE_2__.useSectionWidth)();
  if (fontFamilies.length === 0) {
    return null;
  }
  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_controls_registry_styles_field__WEBPACK_IMPORTED_MODULE_4__.StylesField, {
    bind: "font-family",
    propDisplayName: FONT_FAMILY_LABEL
  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_styles_field_layout__WEBPACK_IMPORTED_MODULE_5__.StylesFieldLayout, {
    label: FONT_FAMILY_LABEL
  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_editor_controls__WEBPACK_IMPORTED_MODULE_1__.FontFamilyControl, {
    fontFamilies: fontFamilies,
    sectionWidth: sectionWidth,
    ariaLabel: FONT_FAMILY_LABEL
  })));
};

/***/ }),

/***/ "./packages/packages/core/editor-editing-panel/src/components/style-sections/typography-section/font-size-field.tsx":
/*!**************************************************************************************************************************!*\
  !*** ./packages/packages/core/editor-editing-panel/src/components/style-sections/typography-section/font-size-field.tsx ***!
  \**************************************************************************************************************************/
/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {

__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   FontSizeField: function() { return /* binding */ FontSizeField; }
/* 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 _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 _controls_registry_styles_field__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../../controls-registry/styles-field */ "./packages/packages/core/editor-editing-panel/src/controls-registry/styles-field.tsx");
/* harmony import */ var _styles_field_layout__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../styles-field-layout */ "./packages/packages/core/editor-editing-panel/src/components/styles-field-layout.tsx");






const FONT_SIZE_LABEL = (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_2__.__)('Font size', 'elementor');
const FontSizeField = () => {
  const rowRef = (0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)(null);
  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_controls_registry_styles_field__WEBPACK_IMPORTED_MODULE_3__.StylesField, {
    bind: "font-size",
    propDisplayName: FONT_SIZE_LABEL
  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_styles_field_layout__WEBPACK_IMPORTED_MODULE_4__.StylesFieldLayout, {
    label: FONT_SIZE_LABEL,
    ref: rowRef
  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_editor_controls__WEBPACK_IMPORTED_MODULE_1__.SizeControl, {
    anchorRef: rowRef,
    ariaLabel: FONT_SIZE_LABEL
  })));
};

/***/ }),

/***/ "./packages/packages/core/editor-editing-panel/src/components/style-sections/typography-section/font-style-field.tsx":
/*!***************************************************************************************************************************!*\
  !*** ./packages/packages/core/editor-editing-panel/src/components/style-sections/typography-section/font-style-field.tsx ***!
  \***************************************************************************************************************************/
/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {

__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   FontStyleField: function() { return /* binding */ FontStyleField; }
/* 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_icons__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @elementor/icons */ "@elementor/icons");
/* harmony import */ var _elementor_icons__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_elementor_icons__WEBPACK_IMPORTED_MODULE_2__);
/* harmony import */ var _wordpress_i18n__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @wordpress/i18n */ "@wordpress/i18n");
/* harmony import */ var _wordpress_i18n__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_wordpress_i18n__WEBPACK_IMPORTED_MODULE_3__);
/* harmony import */ var _controls_registry_styles_field__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../../controls-registry/styles-field */ "./packages/packages/core/editor-editing-panel/src/controls-registry/styles-field.tsx");
/* harmony import */ var _styles_field_layout__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../styles-field-layout */ "./packages/packages/core/editor-editing-panel/src/components/styles-field-layout.tsx");






const FONT_STYLE_LABEL = (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_3__.__)('Font style', 'elementor');
const options = [{
  value: 'normal',
  label: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_3__.__)('Normal', 'elementor'),
  renderContent: ({
    size
  }) => /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_icons__WEBPACK_IMPORTED_MODULE_2__.MinusIcon, {
    fontSize: size
  }),
  showTooltip: true
}, {
  value: 'italic',
  label: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_3__.__)('Italic', 'elementor'),
  renderContent: ({
    size
  }) => /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_icons__WEBPACK_IMPORTED_MODULE_2__.ItalicIcon, {
    fontSize: size
  }),
  showTooltip: true
}];
const FontStyleField = () => {
  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_controls_registry_styles_field__WEBPACK_IMPORTED_MODULE_4__.StylesField, {
    bind: "font-style",
    propDisplayName: FONT_STYLE_LABEL
  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_styles_field_layout__WEBPACK_IMPORTED_MODULE_5__.StylesFieldLayout, {
    label: FONT_STYLE_LABEL
  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_editor_controls__WEBPACK_IMPORTED_MODULE_1__.ToggleControl, {
    options: options
  })));
};

/***/ }),

/***/ "./packages/packages/core/editor-editing-panel/src/components/style-sections/typography-section/font-weight-field.tsx":
/*!****************************************************************************************************************************!*\
  !*** ./packages/packages/core/editor-editing-panel/src/components/style-sections/typography-section/font-weight-field.tsx ***!
  \****************************************************************************************************************************/
/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {

__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   FontWeightField: function() { return /* binding */ FontWeightField; }
/* 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 _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 _controls_registry_styles_field__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../../controls-registry/styles-field */ "./packages/packages/core/editor-editing-panel/src/controls-registry/styles-field.tsx");
/* harmony import */ var _styles_field_layout__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../styles-field-layout */ "./packages/packages/core/editor-editing-panel/src/components/styles-field-layout.tsx");





const FONT_WEIGHT_LABEL = (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_2__.__)('Font weight', 'elementor');
const fontWeightOptions = [{
  value: '100',
  label: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_2__.__)('100 - Thin', 'elementor')
}, {
  value: '200',
  label: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_2__.__)('200 - Extra light', 'elementor')
}, {
  value: '300',
  label: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_2__.__)('300 - Light', 'elementor')
}, {
  value: '400',
  label: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_2__.__)('400 - Normal', 'elementor')
}, {
  value: '500',
  label: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_2__.__)('500 - Medium', 'elementor')
}, {
  value: '600',
  label: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_2__.__)('600 - Semi bold', 'elementor')
}, {
  value: '700',
  label: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_2__.__)('700 - Bold', 'elementor')
}, {
  value: '800',
  label: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_2__.__)('800 - Extra bold', 'elementor')
}, {
  value: '900',
  label: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_2__.__)('900 - Black', 'elementor')
}];
const FontWeightField = () => {
  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_controls_registry_styles_field__WEBPACK_IMPORTED_MODULE_3__.StylesField, {
    bind: "font-weight",
    propDisplayName: FONT_WEIGHT_LABEL
  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_styles_field_layout__WEBPACK_IMPORTED_MODULE_4__.StylesFieldLayout, {
    label: FONT_WEIGHT_LABEL
  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_editor_controls__WEBPACK_IMPORTED_MODULE_1__.SelectControl, {
    options: fontWeightOptions
  })));
};

/***/ }),

/***/ "./packages/packages/core/editor-editing-panel/src/components/style-sections/typography-section/letter-spacing-field.tsx":
/*!*******************************************************************************************************************************!*\
  !*** ./packages/packages/core/editor-editing-panel/src/components/style-sections/typography-section/letter-spacing-field.tsx ***!
  \*******************************************************************************************************************************/
/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {

__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   LetterSpacingField: function() { return /* binding */ LetterSpacingField; }
/* 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 _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 _controls_registry_styles_field__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../../controls-registry/styles-field */ "./packages/packages/core/editor-editing-panel/src/controls-registry/styles-field.tsx");
/* harmony import */ var _styles_field_layout__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../styles-field-layout */ "./packages/packages/core/editor-editing-panel/src/components/styles-field-layout.tsx");






const LETTER_SPACING_LABEL = (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_2__.__)('Letter spacing', 'elementor');
const LetterSpacingField = () => {
  const rowRef = (0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)(null);
  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_controls_registry_styles_field__WEBPACK_IMPORTED_MODULE_3__.StylesField, {
    bind: "letter-spacing",
    propDisplayName: LETTER_SPACING_LABEL
  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_styles_field_layout__WEBPACK_IMPORTED_MODULE_4__.StylesFieldLayout, {
    label: LETTER_SPACING_LABEL,
    ref: rowRef
  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_editor_controls__WEBPACK_IMPORTED_MODULE_1__.SizeControl, {
    anchorRef: rowRef,
    min: -Number.MAX_SAFE_INTEGER
  })));
};

/***/ }),

/***/ "./packages/packages/core/editor-editing-panel/src/components/style-sections/typography-section/line-height-field.tsx":
/*!****************************************************************************************************************************!*\
  !*** ./packages/packages/core/editor-editing-panel/src/components/style-sections/typography-section/line-height-field.tsx ***!
  \****************************************************************************************************************************/
/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {

__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   LineHeightField: function() { return /* binding */ LineHeightField; }
/* 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 _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 _controls_registry_styles_field__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../../controls-registry/styles-field */ "./packages/packages/core/editor-editing-panel/src/controls-registry/styles-field.tsx");
/* harmony import */ var _styles_field_layout__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../styles-field-layout */ "./packages/packages/core/editor-editing-panel/src/components/styles-field-layout.tsx");






const LINE_HEIGHT_LABEL = (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_2__.__)('Line height', 'elementor');
const LineHeightField = () => {
  const rowRef = (0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)(null);
  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_controls_registry_styles_field__WEBPACK_IMPORTED_MODULE_3__.StylesField, {
    bind: "line-height",
    propDisplayName: LINE_HEIGHT_LABEL
  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_styles_field_layout__WEBPACK_IMPORTED_MODULE_4__.StylesFieldLayout, {
    label: LINE_HEIGHT_LABEL,
    ref: rowRef
  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_editor_controls__WEBPACK_IMPORTED_MODULE_1__.SizeControl, {
    anchorRef: rowRef
  })));
};

/***/ }),

/***/ "./packages/packages/core/editor-editing-panel/src/components/style-sections/typography-section/text-alignment-field.tsx":
/*!*******************************************************************************************************************************!*\
  !*** ./packages/packages/core/editor-editing-panel/src/components/style-sections/typography-section/text-alignment-field.tsx ***!
  \*******************************************************************************************************************************/
/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {

__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   TextAlignmentField: function() { return /* binding */ TextAlignmentField; }
/* 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_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 _controls_registry_styles_field__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../../controls-registry/styles-field */ "./packages/packages/core/editor-editing-panel/src/controls-registry/styles-field.tsx");
/* harmony import */ var _styles_inheritance_components_ui_providers__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../../styles-inheritance/components/ui-providers */ "./packages/packages/core/editor-editing-panel/src/styles-inheritance/components/ui-providers.tsx");
/* harmony import */ var _styles_field_layout__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../../styles-field-layout */ "./packages/packages/core/editor-editing-panel/src/components/styles-field-layout.tsx");








const TEXT_ALIGNMENT_LABEL = (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_4__.__)('Text align', 'elementor');
const AlignStartIcon = (0,_elementor_ui__WEBPACK_IMPORTED_MODULE_3__.withDirection)(_elementor_icons__WEBPACK_IMPORTED_MODULE_2__.AlignLeftIcon);
const AlignEndIcon = (0,_elementor_ui__WEBPACK_IMPORTED_MODULE_3__.withDirection)(_elementor_icons__WEBPACK_IMPORTED_MODULE_2__.AlignRightIcon);
const options = [{
  value: 'start',
  label: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_4__.__)('Start', 'elementor'),
  renderContent: ({
    size
  }) => /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(AlignStartIcon, {
    fontSize: size
  }),
  showTooltip: true
}, {
  value: 'center',
  label: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_4__.__)('Center', 'elementor'),
  renderContent: ({
    size
  }) => /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_icons__WEBPACK_IMPORTED_MODULE_2__.AlignCenterIcon, {
    fontSize: size
  }),
  showTooltip: true
}, {
  value: 'end',
  label: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_4__.__)('End', 'elementor'),
  renderContent: ({
    size
  }) => /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(AlignEndIcon, {
    fontSize: size
  }),
  showTooltip: true
}, {
  value: 'justify',
  label: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_4__.__)('Justify', 'elementor'),
  renderContent: ({
    size
  }) => /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_icons__WEBPACK_IMPORTED_MODULE_2__.AlignJustifiedIcon, {
    fontSize: size
  }),
  showTooltip: true
}];
const TextAlignmentField = () => {
  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_controls_registry_styles_field__WEBPACK_IMPORTED_MODULE_5__.StylesField, {
    bind: "text-align",
    propDisplayName: TEXT_ALIGNMENT_LABEL
  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_styles_inheritance_components_ui_providers__WEBPACK_IMPORTED_MODULE_6__.UiProviders, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_styles_field_layout__WEBPACK_IMPORTED_MODULE_7__.StylesFieldLayout, {
    label: TEXT_ALIGNMENT_LABEL
  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_editor_controls__WEBPACK_IMPORTED_MODULE_1__.ToggleControl, {
    options: options
  }))));
};

/***/ }),

/***/ "./packages/packages/core/editor-editing-panel/src/components/style-sections/typography-section/text-color-field.tsx":
/*!***************************************************************************************************************************!*\
  !*** ./packages/packages/core/editor-editing-panel/src/components/style-sections/typography-section/text-color-field.tsx ***!
  \***************************************************************************************************************************/
/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {

__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   TextColorField: function() { return /* binding */ TextColorField; }
/* 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 _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 _controls_registry_styles_field__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../../controls-registry/styles-field */ "./packages/packages/core/editor-editing-panel/src/controls-registry/styles-field.tsx");
/* harmony import */ var _styles_field_layout__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../styles-field-layout */ "./packages/packages/core/editor-editing-panel/src/components/styles-field-layout.tsx");





const TEXT_COLOR_LABEL = (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_2__.__)('Text color', 'elementor');
const TextColorField = () => {
  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_controls_registry_styles_field__WEBPACK_IMPORTED_MODULE_3__.StylesField, {
    bind: "color",
    propDisplayName: TEXT_COLOR_LABEL
  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_styles_field_layout__WEBPACK_IMPORTED_MODULE_4__.StylesFieldLayout, {
    label: TEXT_COLOR_LABEL
  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_editor_controls__WEBPACK_IMPORTED_MODULE_1__.ColorControl, {
    id: "text-color-control"
  })));
};

/***/ }),

/***/ "./packages/packages/core/editor-editing-panel/src/components/style-sections/typography-section/text-decoration-field.tsx":
/*!********************************************************************************************************************************!*\
  !*** ./packages/packages/core/editor-editing-panel/src/components/style-sections/typography-section/text-decoration-field.tsx ***!
  \********************************************************************************************************************************/
/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {

__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   TextDecorationField: function() { return /* binding */ TextDecorationField; }
/* 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_icons__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @elementor/icons */ "@elementor/icons");
/* harmony import */ var _elementor_icons__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_elementor_icons__WEBPACK_IMPORTED_MODULE_2__);
/* harmony import */ var _wordpress_i18n__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @wordpress/i18n */ "@wordpress/i18n");
/* harmony import */ var _wordpress_i18n__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_wordpress_i18n__WEBPACK_IMPORTED_MODULE_3__);
/* harmony import */ var _controls_registry_styles_field__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../../controls-registry/styles-field */ "./packages/packages/core/editor-editing-panel/src/controls-registry/styles-field.tsx");
/* harmony import */ var _styles_field_layout__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../styles-field-layout */ "./packages/packages/core/editor-editing-panel/src/components/styles-field-layout.tsx");






const TEXT_DECORATION_LABEL = (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_3__.__)('Line decoration', 'elementor');
const options = [{
  value: 'none',
  label: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_3__.__)('None', 'elementor'),
  renderContent: ({
    size
  }) => /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_icons__WEBPACK_IMPORTED_MODULE_2__.MinusIcon, {
    fontSize: size
  }),
  showTooltip: true,
  exclusive: true
}, {
  value: 'underline',
  label: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_3__.__)('Underline', 'elementor'),
  renderContent: ({
    size
  }) => /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_icons__WEBPACK_IMPORTED_MODULE_2__.UnderlineIcon, {
    fontSize: size
  }),
  showTooltip: true
}, {
  value: 'line-through',
  label: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_3__.__)('Line-through', 'elementor'),
  renderContent: ({
    size
  }) => /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_icons__WEBPACK_IMPORTED_MODULE_2__.StrikethroughIcon, {
    fontSize: size
  }),
  showTooltip: true
}, {
  value: 'overline',
  label: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_3__.__)('Overline', 'elementor'),
  renderContent: ({
    size
  }) => /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_icons__WEBPACK_IMPORTED_MODULE_2__.OverlineIcon, {
    fontSize: size
  }),
  showTooltip: true
}];
const TextDecorationField = () => /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_controls_registry_styles_field__WEBPACK_IMPORTED_MODULE_4__.StylesField, {
  bind: "text-decoration",
  propDisplayName: TEXT_DECORATION_LABEL
}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_styles_field_layout__WEBPACK_IMPORTED_MODULE_5__.StylesFieldLayout, {
  label: TEXT_DECORATION_LABEL
}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_editor_controls__WEBPACK_IMPORTED_MODULE_1__.ToggleControl, {
  options: options,
  exclusive: false
})));

/***/ }),

/***/ "./packages/packages/core/editor-editing-panel/src/components/style-sections/typography-section/text-direction-field.tsx":
/*!*******************************************************************************************************************************!*\
  !*** ./packages/packages/core/editor-editing-panel/src/components/style-sections/typography-section/text-direction-field.tsx ***!
  \*******************************************************************************************************************************/
/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {

__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   TextDirectionField: function() { return /* binding */ TextDirectionField; }
/* 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_icons__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @elementor/icons */ "@elementor/icons");
/* harmony import */ var _elementor_icons__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_elementor_icons__WEBPACK_IMPORTED_MODULE_2__);
/* harmony import */ var _wordpress_i18n__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @wordpress/i18n */ "@wordpress/i18n");
/* harmony import */ var _wordpress_i18n__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_wordpress_i18n__WEBPACK_IMPORTED_MODULE_3__);
/* harmony import */ var _controls_registry_styles_field__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../../controls-registry/styles-field */ "./packages/packages/core/editor-editing-panel/src/controls-registry/styles-field.tsx");
/* harmony import */ var _styles_field_layout__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../styles-field-layout */ "./packages/packages/core/editor-editing-panel/src/components/styles-field-layout.tsx");






const TEXT_DIRECTION_LABEL = (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_3__.__)('Direction', 'elementor');
const options = [{
  value: 'ltr',
  label: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_3__.__)('Left to right', 'elementor'),
  renderContent: ({
    size
  }) => /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_icons__WEBPACK_IMPORTED_MODULE_2__.TextDirectionLtrIcon, {
    fontSize: size
  }),
  showTooltip: true
}, {
  value: 'rtl',
  label: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_3__.__)('Right to left', 'elementor'),
  renderContent: ({
    size
  }) => /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_icons__WEBPACK_IMPORTED_MODULE_2__.TextDirectionRtlIcon, {
    fontSize: size
  }),
  showTooltip: true
}];
const TextDirectionField = () => {
  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_controls_registry_styles_field__WEBPACK_IMPORTED_MODULE_4__.StylesField, {
    bind: "direction",
    propDisplayName: TEXT_DIRECTION_LABEL
  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_styles_field_layout__WEBPACK_IMPORTED_MODULE_5__.StylesFieldLayout, {
    label: TEXT_DIRECTION_LABEL
  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_editor_controls__WEBPACK_IMPORTED_MODULE_1__.ToggleControl, {
    options: options
  })));
};

/***/ }),

/***/ "./packages/packages/core/editor-editing-panel/src/components/style-sections/typography-section/text-stroke-field.tsx":
/*!****************************************************************************************************************************!*\
  !*** ./packages/packages/core/editor-editing-panel/src/components/style-sections/typography-section/text-stroke-field.tsx ***!
  \****************************************************************************************************************************/
/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {

__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   TextStrokeField: function() { return /* binding */ TextStrokeField; }
/* 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 _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 _controls_registry_styles_field__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../../controls-registry/styles-field */ "./packages/packages/core/editor-editing-panel/src/controls-registry/styles-field.tsx");
/* harmony import */ var _hooks_use_styles_field__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../../hooks/use-styles-field */ "./packages/packages/core/editor-editing-panel/src/hooks/use-styles-field.ts");
/* harmony import */ var _add_or_remove_content__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../add-or-remove-content */ "./packages/packages/core/editor-editing-panel/src/components/add-or-remove-content.tsx");
/* harmony import */ var _control_label__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../control-label */ "./packages/packages/core/editor-editing-panel/src/components/control-label.tsx");







const initTextStroke = {
  $$type: 'stroke',
  value: {
    color: {
      $$type: 'color',
      value: '#000000'
    },
    width: {
      $$type: 'size',
      value: {
        unit: 'px',
        size: 1
      }
    }
  }
};
const TEXT_STROKE_LABEL = (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_2__.__)('Text stroke', 'elementor');
const TextStrokeField = () => {
  const {
    value,
    setValue,
    canEdit
  } = (0,_hooks_use_styles_field__WEBPACK_IMPORTED_MODULE_4__.useStylesField)('stroke', {
    history: {
      propDisplayName: TEXT_STROKE_LABEL
    }
  });
  const addTextStroke = () => {
    setValue(initTextStroke);
  };
  const removeTextStroke = () => {
    setValue(null);
  };
  const hasTextStroke = Boolean(value);
  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_controls_registry_styles_field__WEBPACK_IMPORTED_MODULE_3__.StylesField, {
    bind: 'stroke',
    propDisplayName: TEXT_STROKE_LABEL
  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_add_or_remove_content__WEBPACK_IMPORTED_MODULE_5__.AddOrRemoveContent, {
    isAdded: hasTextStroke,
    onAdd: addTextStroke,
    onRemove: removeTextStroke,
    disabled: !canEdit,
    renderLabel: () => /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_control_label__WEBPACK_IMPORTED_MODULE_6__.ControlLabel, null, TEXT_STROKE_LABEL)
  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_editor_controls__WEBPACK_IMPORTED_MODULE_1__.StrokeControl, null)));
};

/***/ }),

/***/ "./packages/packages/core/editor-editing-panel/src/components/style-sections/typography-section/transform-field.tsx":
/*!**************************************************************************************************************************!*\
  !*** ./packages/packages/core/editor-editing-panel/src/components/style-sections/typography-section/transform-field.tsx ***!
  \**************************************************************************************************************************/
/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {

__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   TransformField: function() { return /* binding */ TransformField; }
/* 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_icons__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @elementor/icons */ "@elementor/icons");
/* harmony import */ var _elementor_icons__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_elementor_icons__WEBPACK_IMPORTED_MODULE_2__);
/* harmony import */ var _wordpress_i18n__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @wordpress/i18n */ "@wordpress/i18n");
/* harmony import */ var _wordpress_i18n__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_wordpress_i18n__WEBPACK_IMPORTED_MODULE_3__);
/* harmony import */ var _controls_registry_styles_field__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../../controls-registry/styles-field */ "./packages/packages/core/editor-editing-panel/src/controls-registry/styles-field.tsx");
/* harmony import */ var _styles_field_layout__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../styles-field-layout */ "./packages/packages/core/editor-editing-panel/src/components/styles-field-layout.tsx");






const TEXT_TRANSFORM_LABEL = (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_3__.__)('Text transform', 'elementor');
const options = [{
  value: 'none',
  label: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_3__.__)('None', 'elementor'),
  renderContent: ({
    size
  }) => /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_icons__WEBPACK_IMPORTED_MODULE_2__.MinusIcon, {
    fontSize: size
  }),
  showTooltip: true
}, {
  value: 'capitalize',
  label: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_3__.__)('Capitalize', 'elementor'),
  renderContent: ({
    size
  }) => /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_icons__WEBPACK_IMPORTED_MODULE_2__.LetterCaseIcon, {
    fontSize: size
  }),
  showTooltip: true
}, {
  value: 'uppercase',
  label: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_3__.__)('Uppercase', 'elementor'),
  renderContent: ({
    size
  }) => /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_icons__WEBPACK_IMPORTED_MODULE_2__.LetterCaseUpperIcon, {
    fontSize: size
  }),
  showTooltip: true
}, {
  value: 'lowercase',
  label: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_3__.__)('Lowercase', 'elementor'),
  renderContent: ({
    size
  }) => /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_icons__WEBPACK_IMPORTED_MODULE_2__.LetterCaseLowerIcon, {
    fontSize: size
  }),
  showTooltip: true
}];
const TransformField = () => /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_controls_registry_styles_field__WEBPACK_IMPORTED_MODULE_4__.StylesField, {
  bind: "text-transform",
  propDisplayName: TEXT_TRANSFORM_LABEL
}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_styles_field_layout__WEBPACK_IMPORTED_MODULE_5__.StylesFieldLayout, {
  label: TEXT_TRANSFORM_LABEL
}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_editor_controls__WEBPACK_IMPORTED_MODULE_1__.ToggleControl, {
  options: options
})));

/***/ }),

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

__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   TypographySection: function() { return /* binding */ TypographySection; }
/* 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 _panel_divider__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../panel-divider */ "./packages/packages/core/editor-editing-panel/src/components/panel-divider.tsx");
/* harmony import */ var _section_content__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../section-content */ "./packages/packages/core/editor-editing-panel/src/components/section-content.tsx");
/* harmony import */ var _style_tab_collapsible_content__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../style-tab-collapsible-content */ "./packages/packages/core/editor-editing-panel/src/components/style-tab-collapsible-content.tsx");
/* harmony import */ var _column_count_field__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./column-count-field */ "./packages/packages/core/editor-editing-panel/src/components/style-sections/typography-section/column-count-field.tsx");
/* harmony import */ var _column_gap_field__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./column-gap-field */ "./packages/packages/core/editor-editing-panel/src/components/style-sections/typography-section/column-gap-field.tsx");
/* harmony import */ var _font_family_field__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./font-family-field */ "./packages/packages/core/editor-editing-panel/src/components/style-sections/typography-section/font-family-field.tsx");
/* harmony import */ var _font_size_field__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./font-size-field */ "./packages/packages/core/editor-editing-panel/src/components/style-sections/typography-section/font-size-field.tsx");
/* harmony import */ var _font_style_field__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./font-style-field */ "./packages/packages/core/editor-editing-panel/src/components/style-sections/typography-section/font-style-field.tsx");
/* harmony import */ var _font_weight_field__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ./font-weight-field */ "./packages/packages/core/editor-editing-panel/src/components/style-sections/typography-section/font-weight-field.tsx");
/* harmony import */ var _letter_spacing_field__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ./letter-spacing-field */ "./packages/packages/core/editor-editing-panel/src/components/style-sections/typography-section/letter-spacing-field.tsx");
/* harmony import */ var _line_height_field__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ./line-height-field */ "./packages/packages/core/editor-editing-panel/src/components/style-sections/typography-section/line-height-field.tsx");
/* harmony import */ var _text_alignment_field__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ./text-alignment-field */ "./packages/packages/core/editor-editing-panel/src/components/style-sections/typography-section/text-alignment-field.tsx");
/* harmony import */ var _text_color_field__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! ./text-color-field */ "./packages/packages/core/editor-editing-panel/src/components/style-sections/typography-section/text-color-field.tsx");
/* harmony import */ var _text_decoration_field__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! ./text-decoration-field */ "./packages/packages/core/editor-editing-panel/src/components/style-sections/typography-section/text-decoration-field.tsx");
/* harmony import */ var _text_direction_field__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(/*! ./text-direction-field */ "./packages/packages/core/editor-editing-panel/src/components/style-sections/typography-section/text-direction-field.tsx");
/* harmony import */ var _text_stroke_field__WEBPACK_IMPORTED_MODULE_16__ = __webpack_require__(/*! ./text-stroke-field */ "./packages/packages/core/editor-editing-panel/src/components/style-sections/typography-section/text-stroke-field.tsx");
/* harmony import */ var _transform_field__WEBPACK_IMPORTED_MODULE_17__ = __webpack_require__(/*! ./transform-field */ "./packages/packages/core/editor-editing-panel/src/components/style-sections/typography-section/transform-field.tsx");
/* harmony import */ var _word_spacing_field__WEBPACK_IMPORTED_MODULE_18__ = __webpack_require__(/*! ./word-spacing-field */ "./packages/packages/core/editor-editing-panel/src/components/style-sections/typography-section/word-spacing-field.tsx");



















const TypographySection = () => {
  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_section_content__WEBPACK_IMPORTED_MODULE_2__.SectionContent, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_font_family_field__WEBPACK_IMPORTED_MODULE_6__.FontFamilyField, null), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_font_weight_field__WEBPACK_IMPORTED_MODULE_9__.FontWeightField, null), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_font_size_field__WEBPACK_IMPORTED_MODULE_7__.FontSizeField, null), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_panel_divider__WEBPACK_IMPORTED_MODULE_1__.PanelDivider, null), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_text_alignment_field__WEBPACK_IMPORTED_MODULE_12__.TextAlignmentField, null), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_text_color_field__WEBPACK_IMPORTED_MODULE_13__.TextColorField, null), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_style_tab_collapsible_content__WEBPACK_IMPORTED_MODULE_3__.StyleTabCollapsibleContent, {
    fields: ['line-height', 'letter-spacing', 'word-spacing', 'column-count', 'text-decoration', 'text-transform', 'direction', 'font-style', 'stroke']
  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_section_content__WEBPACK_IMPORTED_MODULE_2__.SectionContent, {
    sx: {
      pt: 2
    }
  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_line_height_field__WEBPACK_IMPORTED_MODULE_11__.LineHeightField, null), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_letter_spacing_field__WEBPACK_IMPORTED_MODULE_10__.LetterSpacingField, null), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_word_spacing_field__WEBPACK_IMPORTED_MODULE_18__.WordSpacingField, null), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_column_count_field__WEBPACK_IMPORTED_MODULE_4__.ColumnCountField, null), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_column_gap_field__WEBPACK_IMPORTED_MODULE_5__.ColumnGapField, null), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_panel_divider__WEBPACK_IMPORTED_MODULE_1__.PanelDivider, null), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_text_decoration_field__WEBPACK_IMPORTED_MODULE_14__.TextDecorationField, null), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_transform_field__WEBPACK_IMPORTED_MODULE_17__.TransformField, null), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_text_direction_field__WEBPACK_IMPORTED_MODULE_15__.TextDirectionField, null), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_font_style_field__WEBPACK_IMPORTED_MODULE_8__.FontStyleField, null), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_text_stroke_field__WEBPACK_IMPORTED_MODULE_16__.TextStrokeField, null))));
};

/***/ }),

/***/ "./packages/packages/core/editor-editing-panel/src/components/style-sections/typography-section/word-spacing-field.tsx":
/*!*****************************************************************************************************************************!*\
  !*** ./packages/packages/core/editor-editing-panel/src/components/style-sections/typography-section/word-spacing-field.tsx ***!
  \*****************************************************************************************************************************/
/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {

__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   WordSpacingField: function() { return /* binding */ WordSpacingField; }
/* 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 _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 _controls_registry_styles_field__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../../controls-registry/styles-field */ "./packages/packages/core/editor-editing-panel/src/controls-registry/styles-field.tsx");
/* harmony import */ var _styles_field_layout__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../styles-field-layout */ "./packages/packages/core/editor-editing-panel/src/components/styles-field-layout.tsx");






const WORD_SPACING_LABEL = (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_2__.__)('Word spacing', 'elementor');
const WordSpacingField = () => {
  const rowRef = (0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)(null);
  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_controls_registry_styles_field__WEBPACK_IMPORTED_MODULE_3__.StylesField, {
    bind: "word-spacing",
    propDisplayName: WORD_SPACING_LABEL
  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_styles_field_layout__WEBPACK_IMPORTED_MODULE_4__.StylesFieldLayout, {
    label: WORD_SPACING_LABEL,
    ref: rowRef
  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_editor_controls__WEBPACK_IMPORTED_MODULE_1__.SizeControl, {
    anchorRef: rowRef,
    min: -Number.MAX_SAFE_INTEGER
  })));
};

/***/ }),

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

__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   StyleTabCollapsibleContent: function() { return /* binding */ StyleTabCollapsibleContent; },
/* harmony export */   getStylesInheritanceIndicators: function() { return /* binding */ getStylesInheritanceIndicators; }
/* 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 _styles_inheritance_components_styles_inheritance_section_indicators__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../styles-inheritance/components/styles-inheritance-section-indicators */ "./packages/packages/core/editor-editing-panel/src/styles-inheritance/components/styles-inheritance-section-indicators.tsx");



const StyleTabCollapsibleContent = ({
  fields = [],
  children
}) => {
  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_editor_ui__WEBPACK_IMPORTED_MODULE_1__.CollapsibleContent, {
    titleEnd: getStylesInheritanceIndicators(fields)
  }, children);
};
function getStylesInheritanceIndicators(fields) {
  if (fields.length === 0) {
    return null;
  }
  return isOpen => !isOpen ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_styles_inheritance_components_styles_inheritance_section_indicators__WEBPACK_IMPORTED_MODULE_2__.StylesInheritanceSectionIndicators, {
    fields: fields
  }) : null;
}

/***/ }),

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

__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   StyleTabSection: function() { return /* binding */ StyleTabSection; }
/* 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 _hooks_use_default_panel_settings__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../hooks/use-default-panel-settings */ "./packages/packages/core/editor-editing-panel/src/hooks/use-default-panel-settings.ts");
/* harmony import */ var _section__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./section */ "./packages/packages/core/editor-editing-panel/src/components/section.tsx");
/* harmony import */ var _style_tab_collapsible_content__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./style-tab-collapsible-content */ "./packages/packages/core/editor-editing-panel/src/components/style-tab-collapsible-content.tsx");




const StyleTabSection = ({
  section,
  fields = [],
  unmountOnExit = true
}) => {
  const {
    component,
    name,
    title,
    action
  } = section;
  const tabDefaults = (0,_hooks_use_default_panel_settings__WEBPACK_IMPORTED_MODULE_1__.useDefaultPanelSettings)();
  const SectionComponent = component || (() => /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(react__WEBPACK_IMPORTED_MODULE_0__.Fragment, null));
  const isExpanded = tabDefaults.defaultSectionsExpanded.style?.includes(name);
  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_section__WEBPACK_IMPORTED_MODULE_2__.Section, {
    title: title,
    defaultExpanded: isExpanded,
    titleEnd: (0,_style_tab_collapsible_content__WEBPACK_IMPORTED_MODULE_3__.getStylesInheritanceIndicators)(fields),
    unmountOnExit: unmountOnExit,
    action: action
  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(SectionComponent, null));
};

/***/ }),

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

__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   StyleTab: function() { return /* binding */ StyleTab; },
/* harmony export */   StyleTabSlot: function() { return /* binding */ StyleTabSlot; },
/* harmony export */   injectIntoStyleTab: function() { return /* binding */ injectIntoStyleTab; },
/* harmony export */   stickyHeaderStyles: function() { return /* binding */ stickyHeaderStyles; }
/* 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_props__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @elementor/editor-props */ "@elementor/editor-props");
/* harmony import */ var _elementor_editor_props__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_elementor_editor_props__WEBPACK_IMPORTED_MODULE_1__);
/* harmony import */ var _elementor_editor_responsive__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @elementor/editor-responsive */ "@elementor/editor-responsive");
/* harmony import */ var _elementor_editor_responsive__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_elementor_editor_responsive__WEBPACK_IMPORTED_MODULE_2__);
/* harmony import */ var _elementor_locations__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @elementor/locations */ "@elementor/locations");
/* harmony import */ var _elementor_locations__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_elementor_locations__WEBPACK_IMPORTED_MODULE_3__);
/* harmony import */ var _elementor_session__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! @elementor/session */ "@elementor/session");
/* harmony import */ var _elementor_session__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(_elementor_session__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 _contexts_classes_prop_context__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../contexts/classes-prop-context */ "./packages/packages/core/editor-editing-panel/src/contexts/classes-prop-context.tsx");
/* harmony import */ var _contexts_element_context__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../contexts/element-context */ "./packages/packages/core/editor-editing-panel/src/contexts/element-context.tsx");
/* harmony import */ var _contexts_scroll_context__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ../contexts/scroll-context */ "./packages/packages/core/editor-editing-panel/src/contexts/scroll-context.tsx");
/* harmony import */ var _contexts_style_context__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ../contexts/style-context */ "./packages/packages/core/editor-editing-panel/src/contexts/style-context.tsx");
/* harmony import */ var _contexts_styles_inheritance_context__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ../contexts/styles-inheritance-context */ "./packages/packages/core/editor-editing-panel/src/contexts/styles-inheritance-context.tsx");
/* harmony import */ var _hooks_use_active_style_def_id__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ../hooks/use-active-style-def-id */ "./packages/packages/core/editor-editing-panel/src/hooks/use-active-style-def-id.ts");
/* harmony import */ var _css_classes_css_class_selector__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! ./css-classes/css-class-selector */ "./packages/packages/core/editor-editing-panel/src/components/css-classes/css-class-selector.tsx");
/* harmony import */ var _sections_list__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! ./sections-list */ "./packages/packages/core/editor-editing-panel/src/components/sections-list.tsx");
/* harmony import */ var _style_sections_background_section_background_section__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(/*! ./style-sections/background-section/background-section */ "./packages/packages/core/editor-editing-panel/src/components/style-sections/background-section/background-section.tsx");
/* harmony import */ var _style_sections_border_section_border_section__WEBPACK_IMPORTED_MODULE_16__ = __webpack_require__(/*! ./style-sections/border-section/border-section */ "./packages/packages/core/editor-editing-panel/src/components/style-sections/border-section/border-section.tsx");
/* harmony import */ var _style_sections_effects_section_effects_section__WEBPACK_IMPORTED_MODULE_17__ = __webpack_require__(/*! ./style-sections/effects-section/effects-section */ "./packages/packages/core/editor-editing-panel/src/components/style-sections/effects-section/effects-section.tsx");
/* harmony import */ var _style_sections_layout_section_layout_section__WEBPACK_IMPORTED_MODULE_18__ = __webpack_require__(/*! ./style-sections/layout-section/layout-section */ "./packages/packages/core/editor-editing-panel/src/components/style-sections/layout-section/layout-section.tsx");
/* harmony import */ var _style_sections_position_section_position_section__WEBPACK_IMPORTED_MODULE_19__ = __webpack_require__(/*! ./style-sections/position-section/position-section */ "./packages/packages/core/editor-editing-panel/src/components/style-sections/position-section/position-section.tsx");
/* harmony import */ var _style_sections_size_section_size_section__WEBPACK_IMPORTED_MODULE_20__ = __webpack_require__(/*! ./style-sections/size-section/size-section */ "./packages/packages/core/editor-editing-panel/src/components/style-sections/size-section/size-section.tsx");
/* harmony import */ var _style_sections_spacing_section_spacing_section__WEBPACK_IMPORTED_MODULE_21__ = __webpack_require__(/*! ./style-sections/spacing-section/spacing-section */ "./packages/packages/core/editor-editing-panel/src/components/style-sections/spacing-section/spacing-section.tsx");
/* harmony import */ var _style_sections_typography_section_typography_section__WEBPACK_IMPORTED_MODULE_22__ = __webpack_require__(/*! ./style-sections/typography-section/typography-section */ "./packages/packages/core/editor-editing-panel/src/components/style-sections/typography-section/typography-section.tsx");
/* harmony import */ var _style_tab_section__WEBPACK_IMPORTED_MODULE_23__ = __webpack_require__(/*! ./style-tab-section */ "./packages/packages/core/editor-editing-panel/src/components/style-tab-section.tsx");

























const TABS_HEADER_HEIGHT = '37px';
const {
  Slot: StyleTabSlot,
  inject: injectIntoStyleTab
} = (0,_elementor_locations__WEBPACK_IMPORTED_MODULE_3__.createLocation)();
const stickyHeaderStyles = {
  position: 'sticky',
  zIndex: 1100,
  opacity: 1,
  backgroundColor: 'background.default',
  transition: 'top 300ms ease'
};
const StyleTab = () => {
  const currentClassesProp = useCurrentClassesProp();
  const [activeStyleDefId, setActiveStyleDefId] = (0,_hooks_use_active_style_def_id__WEBPACK_IMPORTED_MODULE_12__.useActiveStyleDefId)(currentClassesProp ?? '');
  const [activeStyleState, setActiveStyleState] = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(null);
  const breakpoint = (0,_elementor_editor_responsive__WEBPACK_IMPORTED_MODULE_2__.useActiveBreakpoint)();
  if (!currentClassesProp) {
    return null;
  }
  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_contexts_classes_prop_context__WEBPACK_IMPORTED_MODULE_7__.ClassesPropProvider, {
    prop: currentClassesProp
  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_contexts_style_context__WEBPACK_IMPORTED_MODULE_10__.StyleProvider, {
    meta: {
      breakpoint,
      state: activeStyleState
    },
    id: activeStyleDefId,
    setId: id => {
      setActiveStyleDefId(id);
      setActiveStyleState(null);
    },
    setMetaState: setActiveStyleState
  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_session__WEBPACK_IMPORTED_MODULE_4__.SessionStorageProvider, {
    prefix: activeStyleDefId ?? ''
  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_contexts_styles_inheritance_context__WEBPACK_IMPORTED_MODULE_11__.StyleInheritanceProvider, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(ClassesHeader, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_css_classes_css_class_selector__WEBPACK_IMPORTED_MODULE_13__.CssClassSelector, null), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_5__.Divider, null)), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_sections_list__WEBPACK_IMPORTED_MODULE_14__.SectionsList, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_style_tab_section__WEBPACK_IMPORTED_MODULE_23__.StyleTabSection, {
    section: {
      component: _style_sections_layout_section_layout_section__WEBPACK_IMPORTED_MODULE_18__.LayoutSection,
      name: 'Layout',
      title: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_6__.__)('Layout', 'elementor')
    },
    fields: ['display', 'flex-direction', 'flex-wrap', 'justify-content', 'align-items', 'align-content', 'align-self', 'gap', 'order', 'grid-column', 'grid-row', 'grid-auto-rows', 'grid-auto-columns']
  }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_style_tab_section__WEBPACK_IMPORTED_MODULE_23__.StyleTabSection, {
    section: {
      component: _style_sections_spacing_section_spacing_section__WEBPACK_IMPORTED_MODULE_21__.SpacingSection,
      name: 'Spacing',
      title: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_6__.__)('Spacing', 'elementor')
    },
    fields: ['margin', 'padding']
  }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_style_tab_section__WEBPACK_IMPORTED_MODULE_23__.StyleTabSection, {
    section: {
      component: _style_sections_size_section_size_section__WEBPACK_IMPORTED_MODULE_20__.SizeSection,
      name: 'Size',
      title: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_6__.__)('Size', 'elementor')
    },
    fields: ['width', 'min-width', 'max-width', 'height', 'min-height', 'max-height', 'overflow', 'aspect-ratio', 'object-fit']
  }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_style_tab_section__WEBPACK_IMPORTED_MODULE_23__.StyleTabSection, {
    section: {
      component: _style_sections_position_section_position_section__WEBPACK_IMPORTED_MODULE_19__.PositionSection,
      name: 'Position',
      title: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_6__.__)('Position', 'elementor')
    },
    fields: ['position', 'z-index', 'scroll-margin-top']
  }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_style_tab_section__WEBPACK_IMPORTED_MODULE_23__.StyleTabSection, {
    section: {
      component: _style_sections_typography_section_typography_section__WEBPACK_IMPORTED_MODULE_22__.TypographySection,
      name: 'Typography',
      title: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_6__.__)('Typography', 'elementor')
    },
    fields: ['font-family', 'font-weight', 'font-size', 'text-align', 'color', 'line-height', 'letter-spacing', 'word-spacing', 'column-count', 'text-decoration', 'text-transform', 'direction', 'font-style', 'stroke']
  }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_style_tab_section__WEBPACK_IMPORTED_MODULE_23__.StyleTabSection, {
    section: {
      component: _style_sections_background_section_background_section__WEBPACK_IMPORTED_MODULE_15__.BackgroundSection,
      name: 'Background',
      title: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_6__.__)('Background', 'elementor')
    },
    fields: ['background']
  }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_style_tab_section__WEBPACK_IMPORTED_MODULE_23__.StyleTabSection, {
    section: {
      component: _style_sections_border_section_border_section__WEBPACK_IMPORTED_MODULE_16__.BorderSection,
      name: 'Border',
      title: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_6__.__)('Border', 'elementor')
    },
    fields: ['border-radius', 'border-width', 'border-color', 'border-style']
  }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_style_tab_section__WEBPACK_IMPORTED_MODULE_23__.StyleTabSection, {
    section: {
      component: _style_sections_effects_section_effects_section__WEBPACK_IMPORTED_MODULE_17__.EffectsSection,
      name: 'Effects',
      title: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_6__.__)('Effects', 'elementor')
    },
    fields: ['mix-blend-mode', 'box-shadow', 'opacity', 'transform', 'filter', 'backdrop-filter', 'transform-origin', 'transition']
  }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(StyleTabSlot, null)), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_5__.Box, {
    sx: {
      height: '150px'
    }
  })))));
};
function ClassesHeader({
  children
}) {
  const scrollDirection = (0,_contexts_scroll_context__WEBPACK_IMPORTED_MODULE_9__.useScrollDirection)();
  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_5__.Stack, {
    sx: {
      ...stickyHeaderStyles,
      top: scrollDirection === 'up' ? TABS_HEADER_HEIGHT : 0
    }
  }, children);
}
function useCurrentClassesProp() {
  const {
    elementType
  } = (0,_contexts_element_context__WEBPACK_IMPORTED_MODULE_8__.useElement)();
  const prop = Object.entries(elementType.propsSchema).find(([, propType]) => propType.kind === 'plain' && propType.key === _elementor_editor_props__WEBPACK_IMPORTED_MODULE_1__.CLASSES_PROP_KEY);
  if (!prop) {
    return null;
  }
  return prop[0];
}

/***/ }),

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

__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   StylesFieldLayout: function() { return /* binding */ StylesFieldLayout; }
/* harmony export */ });
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
/* harmony import */ var _elementor_ui__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @elementor/ui */ "@elementor/ui");
/* harmony import */ var _elementor_ui__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_elementor_ui__WEBPACK_IMPORTED_MODULE_1__);
/* harmony import */ var _control_label__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./control-label */ "./packages/packages/core/editor-editing-panel/src/components/control-label.tsx");



const StylesFieldLayout = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.forwardRef((props, ref) => {
  const {
    direction = 'row',
    children,
    label,
    infoTooltip
  } = props;
  const LayoutComponent = direction === 'row' ? Row : Column;
  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(LayoutComponent, {
    label: label,
    infoTooltip: infoTooltip,
    ref: ref,
    children: children
  });
});
const Row = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.forwardRef(({
  label,
  children,
  infoTooltip
}, ref) => {
  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_1__.Grid, {
    container: true,
    gap: 2,
    alignItems: "center",
    flexWrap: "nowrap",
    ref: ref,
    "aria-label": `${label} control`
  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_1__.Grid, {
    item: true,
    xs: 6
  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_control_label__WEBPACK_IMPORTED_MODULE_2__.ControlLabel, {
    infoTooltip: infoTooltip
  }, label)), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_1__.Grid, {
    item: true,
    xs: 6,
    sx: theme => ({
      width: `calc(50% - ${theme.spacing(2)})`
    })
  }, children));
});
const Column = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.forwardRef(({
  label,
  children,
  infoTooltip
}, ref) => {
  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_1__.Stack, {
    gap: 0.75,
    ref: ref
  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_control_label__WEBPACK_IMPORTED_MODULE_2__.ControlLabel, {
    infoTooltip: infoTooltip
  }, label), children);
});

/***/ }),

/***/ "./packages/packages/core/editor-editing-panel/src/contexts/classes-prop-context.tsx":
/*!*******************************************************************************************!*\
  !*** ./packages/packages/core/editor-editing-panel/src/contexts/classes-prop-context.tsx ***!
  \*******************************************************************************************/
/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {

__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   ClassesPropProvider: function() { return /* binding */ ClassesPropProvider; },
/* harmony export */   useClassesProp: function() { return /* binding */ useClassesProp; }
/* 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 Context = /*#__PURE__*/(0,react__WEBPACK_IMPORTED_MODULE_0__.createContext)(null);
function ClassesPropProvider({
  children,
  prop
}) {
  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(Context.Provider, {
    value: {
      prop
    }
  }, children);
}
function useClassesProp() {
  const context = (0,react__WEBPACK_IMPORTED_MODULE_0__.useContext)(Context);
  if (!context) {
    throw new Error('useClassesProp must be used within a ClassesPropProvider');
  }
  return context.prop;
}

/***/ }),

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

__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   ElementProvider: function() { return /* binding */ ElementProvider; },
/* harmony export */   useElement: function() { return /* binding */ useElement; },
/* harmony export */   usePanelElementSetting: function() { return /* binding */ usePanelElementSetting; }
/* 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 Context = /*#__PURE__*/(0,react__WEBPACK_IMPORTED_MODULE_0__.createContext)(null);
function ElementProvider({
  children,
  element,
  elementType,
  settings
}) {
  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(Context.Provider, {
    value: {
      element,
      elementType,
      settings
    }
  }, children);
}
function useElement() {
  const context = (0,react__WEBPACK_IMPORTED_MODULE_0__.useContext)(Context);
  if (!context) {
    throw new Error('useElement must be used within a ElementProvider');
  }
  return context;
}
function usePanelElementSetting(propKey) {
  const context = (0,react__WEBPACK_IMPORTED_MODULE_0__.useContext)(Context);
  if (!context) {
    throw new Error('usePanelElementSetting must be used within a ElementProvider');
  }
  return context.settings[propKey] ?? null;
}

/***/ }),

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

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



const ScrollContext = /*#__PURE__*/(0,react__WEBPACK_IMPORTED_MODULE_0__.createContext)(undefined);
const ScrollPanel = (0,_elementor_ui__WEBPACK_IMPORTED_MODULE_1__.styled)('div')`
	height: 100%;
	overflow-y: auto;
`;
const DEFAULT_SCROLL_DIRECTION = 'up';
function ScrollProvider({
  children
}) {
  const [direction, setDirection] = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(DEFAULT_SCROLL_DIRECTION);
  const ref = (0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)(null);
  const scrollPos = (0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)(0);
  (0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(() => {
    const scrollElement = ref.current;
    if (!scrollElement) {
      return;
    }
    const handleScroll = () => {
      const {
        scrollTop
      } = scrollElement;
      if (scrollTop > scrollPos.current) {
        setDirection('down');
      } else if (scrollTop < scrollPos.current) {
        setDirection('up');
      }
      scrollPos.current = scrollTop;
    };
    scrollElement.addEventListener('scroll', handleScroll);
    return () => {
      scrollElement.removeEventListener('scroll', handleScroll);
    };
  });
  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(ScrollContext.Provider, {
    value: {
      direction
    }
  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(ScrollPanel, {
    ref: ref
  }, children));
}
function useScrollDirection() {
  return (0,react__WEBPACK_IMPORTED_MODULE_0__.useContext)(ScrollContext)?.direction ?? DEFAULT_SCROLL_DIRECTION;
}

/***/ }),

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

__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   StyleProvider: function() { return /* binding */ StyleProvider; },
/* harmony export */   getProviderByStyleId: function() { return /* binding */ getProviderByStyleId; },
/* harmony export */   useIsStyle: function() { return /* binding */ useIsStyle; },
/* harmony export */   useStyle: function() { return /* binding */ useStyle; }
/* 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_styles_repository__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @elementor/editor-styles-repository */ "@elementor/editor-styles-repository");
/* harmony import */ var _elementor_editor_styles_repository__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_elementor_editor_styles_repository__WEBPACK_IMPORTED_MODULE_1__);
/* harmony import */ var _errors__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../errors */ "./packages/packages/core/editor-editing-panel/src/errors.ts");




const Context = /*#__PURE__*/(0,react__WEBPACK_IMPORTED_MODULE_0__.createContext)(null);
function StyleProvider({
  children,
  ...props
}) {
  const provider = props.id === null ? null : getProviderByStyleId(props.id);
  const {
    userCan
  } = (0,_elementor_editor_styles_repository__WEBPACK_IMPORTED_MODULE_1__.useUserStylesCapability)();
  if (props.id && !provider) {
    throw new _errors__WEBPACK_IMPORTED_MODULE_2__.StylesProviderNotFoundError({
      context: {
        styleId: props.id
      }
    });
  }
  const canEdit = userCan(provider?.getKey() ?? '').updateProps;
  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(Context.Provider, {
    value: {
      ...props,
      provider,
      canEdit
    }
  }, children);
}
function useStyle() {
  const context = (0,react__WEBPACK_IMPORTED_MODULE_0__.useContext)(Context);
  if (!context) {
    throw new Error('useStyle must be used within a StyleProvider');
  }
  return context;
}
function getProviderByStyleId(styleId) {
  const styleProvider = _elementor_editor_styles_repository__WEBPACK_IMPORTED_MODULE_1__.stylesRepository.getProviders().find(provider => {
    return provider.actions.all().find(style => style.id === styleId);
  });
  return styleProvider ?? null;
}
function useIsStyle() {
  return !!(0,react__WEBPACK_IMPORTED_MODULE_0__.useContext)(Context);
}

/***/ }),

/***/ "./packages/packages/core/editor-editing-panel/src/contexts/styles-inheritance-context.tsx":
/*!*************************************************************************************************!*\
  !*** ./packages/packages/core/editor-editing-panel/src/contexts/styles-inheritance-context.tsx ***!
  \*************************************************************************************************/
/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {

__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   StyleInheritanceProvider: function() { return /* binding */ StyleInheritanceProvider; },
/* harmony export */   useInheritedValues: function() { return /* binding */ useInheritedValues; },
/* harmony export */   useStylesInheritanceChain: function() { return /* binding */ useStylesInheritanceChain; },
/* harmony export */   useStylesInheritanceSnapshot: function() { return /* binding */ useStylesInheritanceSnapshot; }
/* 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_editor_props__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @elementor/editor-props */ "@elementor/editor-props");
/* harmony import */ var _elementor_editor_props__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_elementor_editor_props__WEBPACK_IMPORTED_MODULE_2__);
/* harmony import */ var _elementor_editor_responsive__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @elementor/editor-responsive */ "@elementor/editor-responsive");
/* harmony import */ var _elementor_editor_responsive__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_elementor_editor_responsive__WEBPACK_IMPORTED_MODULE_3__);
/* harmony import */ var _elementor_editor_styles__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! @elementor/editor-styles */ "@elementor/editor-styles");
/* harmony import */ var _elementor_editor_styles__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(_elementor_editor_styles__WEBPACK_IMPORTED_MODULE_4__);
/* harmony import */ var _elementor_editor_styles_repository__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! @elementor/editor-styles-repository */ "@elementor/editor-styles-repository");
/* harmony import */ var _elementor_editor_styles_repository__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(_elementor_editor_styles_repository__WEBPACK_IMPORTED_MODULE_5__);
/* harmony import */ var _hooks_use_styles_rerender__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../hooks/use-styles-rerender */ "./packages/packages/core/editor-editing-panel/src/hooks/use-styles-rerender.ts");
/* harmony import */ var _styles_inheritance_create_styles_inheritance__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../styles-inheritance/create-styles-inheritance */ "./packages/packages/core/editor-editing-panel/src/styles-inheritance/create-styles-inheritance.ts");
/* harmony import */ var _classes_prop_context__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./classes-prop-context */ "./packages/packages/core/editor-editing-panel/src/contexts/classes-prop-context.tsx");
/* harmony import */ var _element_context__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ./element-context */ "./packages/packages/core/editor-editing-panel/src/contexts/element-context.tsx");
/* harmony import */ var _style_context__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ./style-context */ "./packages/packages/core/editor-editing-panel/src/contexts/style-context.tsx");












const Context = /*#__PURE__*/(0,react__WEBPACK_IMPORTED_MODULE_0__.createContext)(null);
function StyleInheritanceProvider({
  children
}) {
  const styleDefs = useAppliedStyles();
  const breakpointsTree = (0,_elementor_editor_responsive__WEBPACK_IMPORTED_MODULE_3__.getBreakpointsTree)();
  const {
    getSnapshot,
    getInheritanceChain
  } = (0,_styles_inheritance_create_styles_inheritance__WEBPACK_IMPORTED_MODULE_7__.createStylesInheritance)(styleDefs, breakpointsTree);
  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(Context.Provider, {
    value: {
      getSnapshot,
      getInheritanceChain
    }
  }, children);
}
function useStylesInheritanceSnapshot() {
  const context = (0,react__WEBPACK_IMPORTED_MODULE_0__.useContext)(Context);
  const {
    meta
  } = (0,_style_context__WEBPACK_IMPORTED_MODULE_10__.useStyle)();
  if (!context) {
    throw new Error('useStylesInheritanceSnapshot must be used within a StyleInheritanceProvider');
  }
  if (!meta) {
    return null;
  }
  return context.getSnapshot(meta) ?? null;
}
function useStylesInheritanceChain(path) {
  const context = (0,react__WEBPACK_IMPORTED_MODULE_0__.useContext)(Context);
  if (!context) {
    throw new Error('useStylesInheritanceChain must be used within a StyleInheritanceProvider');
  }
  const schema = (0,_elementor_editor_styles__WEBPACK_IMPORTED_MODULE_4__.getStylesSchema)();
  const topLevelPropType = schema?.[path[0]];
  const snapshot = useStylesInheritanceSnapshot();
  if (!snapshot) {
    return [];
  }
  return context.getInheritanceChain(snapshot, path, topLevelPropType);
}
const EMPTY_INHERITED_VALUES = {};
function useInheritedValues(propKeys) {
  const snapshot = useStylesInheritanceSnapshot();
  return (0,react__WEBPACK_IMPORTED_MODULE_0__.useMemo)(() => {
    if (!snapshot || propKeys.length === 0) {
      return EMPTY_INHERITED_VALUES;
    }
    return Object.fromEntries(propKeys.map(key => [key, snapshot[key]?.[0]?.value ?? null]));
  }, [snapshot, propKeys]);
}
const useAppliedStyles = () => {
  const currentClassesProp = (0,_classes_prop_context__WEBPACK_IMPORTED_MODULE_8__.useClassesProp)();
  const baseStyles = useBaseStyles();
  (0,_hooks_use_styles_rerender__WEBPACK_IMPORTED_MODULE_6__.useStylesRerender)();
  const classesProp = (0,_element_context__WEBPACK_IMPORTED_MODULE_9__.usePanelElementSetting)(currentClassesProp);
  const appliedStyles = _elementor_editor_props__WEBPACK_IMPORTED_MODULE_2__.classesPropTypeUtil.extract(classesProp) ?? [];
  return _elementor_editor_styles_repository__WEBPACK_IMPORTED_MODULE_5__.stylesRepository.all().filter(style => [...baseStyles, ...appliedStyles].includes(style.id));
};
const useBaseStyles = () => {
  const {
    elementType
  } = (0,_element_context__WEBPACK_IMPORTED_MODULE_9__.useElement)();
  const widgetsCache = (0,_elementor_editor_elements__WEBPACK_IMPORTED_MODULE_1__.getWidgetsCache)();
  const widgetCache = widgetsCache?.[elementType.key];
  return Object.keys(widgetCache?.base_styles ?? {});
};

/***/ }),

/***/ "./packages/packages/core/editor-editing-panel/src/controls-registry/conditional-field.tsx":
/*!*************************************************************************************************!*\
  !*** ./packages/packages/core/editor-editing-panel/src/controls-registry/conditional-field.tsx ***!
  \*************************************************************************************************/
/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {

__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   ConditionalField: function() { return /* binding */ ConditionalField; },
/* harmony export */   getDependencies: function() { return /* binding */ getDependencies; }
/* 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_props__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @elementor/editor-props */ "@elementor/editor-props");
/* harmony import */ var _elementor_editor_props__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_elementor_editor_props__WEBPACK_IMPORTED_MODULE_2__);
/* harmony import */ var _contexts_styles_inheritance_context__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../contexts/styles-inheritance-context */ "./packages/packages/core/editor-editing-panel/src/contexts/styles-inheritance-context.tsx");
/* harmony import */ var _hooks_use_styles_fields__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../hooks/use-styles-fields */ "./packages/packages/core/editor-editing-panel/src/hooks/use-styles-fields.ts");





const ConditionalField = ({
  children
}) => {
  const {
    propType,
    value,
    resetValue
  } = (0,_elementor_editor_controls__WEBPACK_IMPORTED_MODULE_1__.useBoundProp)();
  const depList = getDependencies(propType);
  const {
    values: depValues,
    setValues: setDepValues
  } = (0,_hooks_use_styles_fields__WEBPACK_IMPORTED_MODULE_4__.useStylesFields)(depList);
  const inheritedValues = (0,_contexts_styles_inheritance_context__WEBPACK_IMPORTED_MODULE_3__.useInheritedValues)(depList);
  const resolvedValues = resolveWithInherited(depValues, inheritedValues);
  const isHidden = !(0,_elementor_editor_props__WEBPACK_IMPORTED_MODULE_2__.isDependencyMet)(propType?.dependencies, resolvedValues).isMet;
  useSyncDepsWithInherited({
    isHidden,
    depValues,
    value,
    inheritedValues,
    setDepValues,
    resetValue
  });
  return isHidden ? null : children;
};
function wasDepsCleared(prevDepValues, depValues) {
  if (!prevDepValues) {
    return false;
  }
  return Object.keys(prevDepValues).some(key => prevDepValues[key] && (!depValues || !depValues[key]));
}
function useSyncDepsWithInherited({
  isHidden,
  depValues,
  value,
  inheritedValues,
  setDepValues,
  resetValue
}) {
  const syncRef = (0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)({
    hasSynced: false,
    prevDepValues: depValues
  });
  (0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(() => {
    const {
      hasSynced,
      prevDepValues
    } = syncRef.current;
    if (hasSynced && value && wasDepsCleared(prevDepValues, depValues) || isHidden && depValues && value) {
      resetValue();
    }
    if (isHidden || !value || !depValues) {
      syncRef.current = {
        hasSynced: false,
        prevDepValues: depValues
      };
      return;
    }
    if (hasSynced) {
      syncRef.current.prevDepValues = depValues;
      return;
    }
    syncRef.current = {
      hasSynced: true,
      prevDepValues: depValues
    };
    Object.entries(depValues).forEach(([key, depValue]) => {
      const inherited = inheritedValues[key];
      if (!depValue && inherited) {
        setDepValues({
          [key]: inherited
        }, {
          history: {
            propDisplayName: key
          }
        });
      }
    });
  }, [isHidden, depValues, value, inheritedValues, setDepValues, resetValue]);
}
function resolveWithInherited(localValues, inheritedValues) {
  if (!localValues) {
    const hasInherited = Object.keys(inheritedValues).length > 0;
    return hasInherited ? {
      ...inheritedValues
    } : null;
  }
  return Object.fromEntries(Object.entries(localValues).map(([key, val]) => [key, val ?? inheritedValues[key] ?? null]));
}
function getDependencies(propType) {
  if (!propType?.dependencies?.terms.length) {
    return [];
  }
  return propType.dependencies.terms.flatMap(term => !(0,_elementor_editor_props__WEBPACK_IMPORTED_MODULE_2__.isDependency)(term) ? term.path : []);
}

/***/ }),

/***/ "./packages/packages/core/editor-editing-panel/src/controls-registry/control-type-container.tsx":
/*!******************************************************************************************************!*\
  !*** ./packages/packages/core/editor-editing-panel/src/controls-registry/control-type-container.tsx ***!
  \******************************************************************************************************/
/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {

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


const ControlTypeContainer = ({
  children,
  layout
}) => {
  if (layout === 'custom') {
    return children;
  }
  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(StyledContainer, {
    layout: layout
  }, children);
};
const StyledContainer = (0,_elementor_ui__WEBPACK_IMPORTED_MODULE_1__.styled)(_elementor_ui__WEBPACK_IMPORTED_MODULE_1__.Box, {
  shouldForwardProp: prop => !['layout'].includes(prop)
})(({
  layout,
  theme
}) => ({
  display: 'grid',
  gridGap: theme.spacing(1),
  ...getGridLayout(layout)
}));
const getGridLayout = layout => ({
  justifyContent: 'space-between',
  ...getStyleByLayout(layout)
});
const getStyleByLayout = layout => {
  if (layout === 'full') {
    return {
      gridTemplateColumns: 'minmax(0, 1fr)'
    };
  }
  if (layout === 'two-columns') {
    return {
      alignItems: 'center',
      gridTemplateColumns: 'repeat(2, minmax(0, 1fr))'
    };
  }
};

/***/ }),

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

__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   Control: function() { return /* binding */ Control; }
/* 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 _contexts_element_context__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../contexts/element-context */ "./packages/packages/core/editor-editing-panel/src/contexts/element-context.tsx");
/* harmony import */ var _errors__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../errors */ "./packages/packages/core/editor-editing-panel/src/errors.ts");
/* harmony import */ var _controls_registry__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./controls-registry */ "./packages/packages/core/editor-editing-panel/src/controls-registry/controls-registry.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); }




const Control = ({
  props,
  type
}) => {
  const ControlByType = _controls_registry__WEBPACK_IMPORTED_MODULE_3__.controlsRegistry.get(type);
  const {
    element
  } = (0,_contexts_element_context__WEBPACK_IMPORTED_MODULE_1__.useElement)();
  if (!ControlByType) {
    throw new _errors__WEBPACK_IMPORTED_MODULE_2__.ControlTypeNotFoundError({
      context: {
        controlType: type
      }
    });
  }

  // @ts-expect-error ControlComponent props are inferred from the type (T).
  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(ControlByType, _extends({}, props, {
    context: {
      elementId: element.id
    }
  }));
};

/***/ }),

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

__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   controlsRegistry: function() { return /* binding */ controlsRegistry; }
/* harmony export */ });
/* harmony import */ var _elementor_editor_controls__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @elementor/editor-controls */ "@elementor/editor-controls");
/* harmony import */ var _elementor_editor_controls__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_elementor_editor_controls__WEBPACK_IMPORTED_MODULE_0__);
/* harmony import */ var _elementor_editor_props__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @elementor/editor-props */ "@elementor/editor-props");
/* harmony import */ var _elementor_editor_props__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_elementor_editor_props__WEBPACK_IMPORTED_MODULE_1__);
/* harmony import */ var _errors__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../errors */ "./packages/packages/core/editor-editing-panel/src/errors.ts");



const queryArrayPropTypeUtil = (0,_elementor_editor_props__WEBPACK_IMPORTED_MODULE_1__.createArrayPropUtils)(_elementor_editor_props__WEBPACK_IMPORTED_MODULE_1__.queryPropTypeUtil.key, _elementor_editor_props__WEBPACK_IMPORTED_MODULE_1__.queryPropTypeUtil.schema);
const controlTypes = {
  image: {
    component: _elementor_editor_controls__WEBPACK_IMPORTED_MODULE_0__.ImageControl,
    layout: 'custom',
    propTypeUtil: _elementor_editor_props__WEBPACK_IMPORTED_MODULE_1__.imagePropTypeUtil
  },
  'svg-media': {
    component: _elementor_editor_controls__WEBPACK_IMPORTED_MODULE_0__.SvgMediaControl,
    layout: 'full',
    propTypeUtil: _elementor_editor_props__WEBPACK_IMPORTED_MODULE_1__.svgSrcPropTypeUtil
  },
  text: {
    component: _elementor_editor_controls__WEBPACK_IMPORTED_MODULE_0__.TextControl,
    layout: 'full',
    propTypeUtil: _elementor_editor_props__WEBPACK_IMPORTED_MODULE_1__.stringPropTypeUtil
  },
  textarea: {
    component: _elementor_editor_controls__WEBPACK_IMPORTED_MODULE_0__.TextAreaControl,
    layout: 'full',
    propTypeUtil: _elementor_editor_props__WEBPACK_IMPORTED_MODULE_1__.stringPropTypeUtil
  },
  size: {
    component: _elementor_editor_controls__WEBPACK_IMPORTED_MODULE_0__.SizeControl,
    layout: 'two-columns',
    propTypeUtil: _elementor_editor_props__WEBPACK_IMPORTED_MODULE_1__.sizePropTypeUtil
  },
  select: {
    component: _elementor_editor_controls__WEBPACK_IMPORTED_MODULE_0__.SelectControlWrapper,
    layout: 'two-columns',
    propTypeUtil: _elementor_editor_props__WEBPACK_IMPORTED_MODULE_1__.stringPropTypeUtil
  },
  chips: {
    component: _elementor_editor_controls__WEBPACK_IMPORTED_MODULE_0__.ChipsControl,
    layout: 'full',
    propTypeUtil: _elementor_editor_props__WEBPACK_IMPORTED_MODULE_1__.stringArrayPropTypeUtil
  },
  link: {
    component: _elementor_editor_controls__WEBPACK_IMPORTED_MODULE_0__.LinkControl,
    layout: 'custom',
    propTypeUtil: _elementor_editor_props__WEBPACK_IMPORTED_MODULE_1__.linkPropTypeUtil
  },
  query: {
    component: _elementor_editor_controls__WEBPACK_IMPORTED_MODULE_0__.QueryControl,
    layout: 'full',
    propTypeUtil: _elementor_editor_props__WEBPACK_IMPORTED_MODULE_1__.queryPropTypeUtil
  },
  'query-chips': {
    component: _elementor_editor_controls__WEBPACK_IMPORTED_MODULE_0__.QueryChipsControl,
    layout: 'full',
    propTypeUtil: queryArrayPropTypeUtil
  },
  'query-filter-repeater': {
    component: _elementor_editor_controls__WEBPACK_IMPORTED_MODULE_0__.QueryFilterRepeaterControl,
    layout: 'full',
    propTypeUtil: _elementor_editor_props__WEBPACK_IMPORTED_MODULE_1__.queryFilterArrayPropTypeUtil
  },
  url: {
    component: _elementor_editor_controls__WEBPACK_IMPORTED_MODULE_0__.UrlControl,
    layout: 'full',
    propTypeUtil: _elementor_editor_props__WEBPACK_IMPORTED_MODULE_1__.stringPropTypeUtil
  },
  switch: {
    component: _elementor_editor_controls__WEBPACK_IMPORTED_MODULE_0__.SwitchControl,
    layout: 'two-columns',
    propTypeUtil: _elementor_editor_props__WEBPACK_IMPORTED_MODULE_1__.booleanPropTypeUtil
  },
  number: {
    component: _elementor_editor_controls__WEBPACK_IMPORTED_MODULE_0__.NumberControl,
    layout: 'two-columns',
    propTypeUtil: _elementor_editor_props__WEBPACK_IMPORTED_MODULE_1__.numberPropTypeUtil
  },
  repeatable: {
    component: _elementor_editor_controls__WEBPACK_IMPORTED_MODULE_0__.RepeatableControl,
    layout: 'full',
    propTypeUtil: undefined
  },
  'key-value': {
    component: _elementor_editor_controls__WEBPACK_IMPORTED_MODULE_0__.KeyValueControl,
    layout: 'full',
    propTypeUtil: _elementor_editor_props__WEBPACK_IMPORTED_MODULE_1__.keyValuePropTypeUtil
  },
  'html-tag': {
    component: _elementor_editor_controls__WEBPACK_IMPORTED_MODULE_0__.HtmlTagControl,
    layout: 'two-columns',
    propTypeUtil: _elementor_editor_props__WEBPACK_IMPORTED_MODULE_1__.stringPropTypeUtil
  },
  toggle: {
    component: _elementor_editor_controls__WEBPACK_IMPORTED_MODULE_0__.ToggleControl,
    layout: 'full',
    propTypeUtil: _elementor_editor_props__WEBPACK_IMPORTED_MODULE_1__.stringPropTypeUtil
  },
  'date-time': {
    component: _elementor_editor_controls__WEBPACK_IMPORTED_MODULE_0__.DateTimeControl,
    layout: 'full',
    propTypeUtil: _elementor_editor_props__WEBPACK_IMPORTED_MODULE_1__.DateTimePropTypeUtil
  },
  video: {
    component: _elementor_editor_controls__WEBPACK_IMPORTED_MODULE_0__.VideoMediaControl,
    layout: 'full',
    propTypeUtil: _elementor_editor_props__WEBPACK_IMPORTED_MODULE_1__.videoSrcPropTypeUtil
  },
  'inline-editing': {
    component: _elementor_editor_controls__WEBPACK_IMPORTED_MODULE_0__.InlineEditingControl,
    layout: 'full',
    propTypeUtil: _elementor_editor_props__WEBPACK_IMPORTED_MODULE_1__.htmlV3PropTypeUtil
  },
  email: {
    component: _elementor_editor_controls__WEBPACK_IMPORTED_MODULE_0__.EmailFormActionControl,
    layout: 'custom',
    propTypeUtil: _elementor_editor_props__WEBPACK_IMPORTED_MODULE_1__.emailsPropTypeUtil
  },
  'date-range': {
    component: _elementor_editor_controls__WEBPACK_IMPORTED_MODULE_0__.DateRangeControl,
    layout: 'custom',
    propTypeUtil: _elementor_editor_props__WEBPACK_IMPORTED_MODULE_1__.dateRangePropTypeUtil
  },
  'time-range': {
    component: _elementor_editor_controls__WEBPACK_IMPORTED_MODULE_0__.TimeRangeControl,
    layout: 'custom',
    propTypeUtil: _elementor_editor_props__WEBPACK_IMPORTED_MODULE_1__.timeRangePropTypeUtil
  },
  'attachment-type': {
    component: _elementor_editor_controls__WEBPACK_IMPORTED_MODULE_0__.AttachmentTypeControl,
    layout: 'custom',
    propTypeUtil: _elementor_editor_props__WEBPACK_IMPORTED_MODULE_1__.stringPropTypeUtil
  }
};
class ControlsRegistry {
  constructor(controlsRegistry) {
    this.controlsRegistry = controlsRegistry;
    this.controlsRegistry = controlsRegistry;
  }
  get(type) {
    return this.controlsRegistry[type]?.component;
  }
  getLayout(type) {
    return this.controlsRegistry[type]?.layout;
  }
  getPropTypeUtil(type) {
    return this.controlsRegistry[type]?.propTypeUtil;
  }
  registry() {
    return this.controlsRegistry;
  }
  register(type, component, layout,
  // eslint-disable-next-line @typescript-eslint/no-explicit-any
  propTypeUtil) {
    if (this.controlsRegistry[type]) {
      throw new _errors__WEBPACK_IMPORTED_MODULE_2__.ControlTypeAlreadyRegisteredError({
        context: {
          controlType: type
        }
      });
    }
    this.controlsRegistry[type] = {
      component,
      layout,
      propTypeUtil
    };
  }
  unregister(type) {
    if (!this.controlsRegistry[type]) {
      throw new _errors__WEBPACK_IMPORTED_MODULE_2__.ControlTypeNotRegisteredError({
        context: {
          controlType: type
        }
      });
    }
    // eslint-disable-next-line @typescript-eslint/no-dynamic-delete
    delete this.controlsRegistry[type];
  }
}
const controlsRegistry = new ControlsRegistry(controlTypes);

/***/ }),

/***/ "./packages/packages/core/editor-editing-panel/src/controls-registry/create-top-level-object-type.ts":
/*!***********************************************************************************************************!*\
  !*** ./packages/packages/core/editor-editing-panel/src/controls-registry/create-top-level-object-type.ts ***!
  \***********************************************************************************************************/
/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {

__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   createTopLevelObjectType: function() { return /* binding */ createTopLevelObjectType; }
/* harmony export */ });
const createTopLevelObjectType = ({
  schema
}) => {
  const schemaPropType = {
    key: '',
    kind: 'object',
    meta: {},
    settings: {},
    default: null,
    shape: schema
  };
  return schemaPropType;
};

/***/ }),

/***/ "./packages/packages/core/editor-editing-panel/src/controls-registry/element-controls/get-element-by-type.ts":
/*!*******************************************************************************************************************!*\
  !*** ./packages/packages/core/editor-editing-panel/src/controls-registry/element-controls/get-element-by-type.ts ***!
  \*******************************************************************************************************************/
/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {

__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   getElementByType: function() { return /* binding */ getElementByType; }
/* 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 getElementByType = (elementId, type) => {
  const currentElement = (0,_elementor_editor_elements__WEBPACK_IMPORTED_MODULE_0__.getContainer)(elementId);
  if (!currentElement) {
    return null;
  }
  if (currentElement.model.get('elType') === type) {
    return currentElement;
  }
  return currentElement.children?.findRecursive?.(child => child.model.get('elType') === type) ?? null;
};

/***/ }),

/***/ "./packages/packages/core/editor-editing-panel/src/controls-registry/element-controls/registry.ts":
/*!********************************************************************************************************!*\
  !*** ./packages/packages/core/editor-editing-panel/src/controls-registry/element-controls/registry.ts ***!
  \********************************************************************************************************/
/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {

__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   registerElementControls: function() { return /* binding */ registerElementControls; }
/* harmony export */ });
/* harmony import */ var _controls_registry__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../controls-registry */ "./packages/packages/core/editor-editing-panel/src/controls-registry/controls-registry.tsx");
/* harmony import */ var _tabs_control_tabs_control__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./tabs-control/tabs-control */ "./packages/packages/core/editor-editing-panel/src/controls-registry/element-controls/tabs-control/tabs-control.tsx");


const controlTypes = {
  tabs: {
    component: _tabs_control_tabs_control__WEBPACK_IMPORTED_MODULE_1__.TabsControl,
    layout: 'full'
  }
};
const registerElementControls = () => {
  Object.entries(controlTypes).forEach(([type, {
    component,
    layout
  }]) => {
    _controls_registry__WEBPACK_IMPORTED_MODULE_0__.controlsRegistry.register(type, component, layout);
  });
};

/***/ }),

/***/ "./packages/packages/core/editor-editing-panel/src/controls-registry/element-controls/tabs-control/tabs-control.tsx":
/*!**************************************************************************************************************************!*\
  !*** ./packages/packages/core/editor-editing-panel/src/controls-registry/element-controls/tabs-control/tabs-control.tsx ***!
  \**************************************************************************************************************************/
/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {

__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   ConditionalTooltip: function() { return /* binding */ ConditionalTooltip; },
/* harmony export */   TabsControl: function() { return /* binding */ TabsControl; },
/* harmony export */   TabsControlContent: function() { return /* binding */ TabsControlContent; }
/* 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_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_props__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @elementor/editor-props */ "@elementor/editor-props");
/* harmony import */ var _elementor_editor_props__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_elementor_editor_props__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 _contexts_element_context__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../../../contexts/element-context */ "./packages/packages/core/editor-editing-panel/src/contexts/element-context.tsx");
/* harmony import */ var _settings_field__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../../settings-field */ "./packages/packages/core/editor-editing-panel/src/controls-registry/settings-field.tsx");
/* harmony import */ var _get_element_by_type__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ../get-element-by-type */ "./packages/packages/core/editor-editing-panel/src/controls-registry/element-controls/get-element-by-type.ts");
/* harmony import */ var _use_actions__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ./use-actions */ "./packages/packages/core/editor-editing-panel/src/controls-registry/element-controls/tabs-control/use-actions.ts");











const TAB_MENU_ELEMENT_TYPE = 'e-tabs-menu';
const TAB_CONTENT_AREA_ELEMENT_TYPE = 'e-tabs-content-area';
const TabsControl = ({
  label
}) => {
  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_settings_field__WEBPACK_IMPORTED_MODULE_8__.SettingsField, {
    bind: "default-active-tab",
    propDisplayName: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_6__.__)('Tabs', 'elementor')
  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(TabsControlContent, {
    label: label
  }));
};
const TabsControlContent = ({
  label
}) => {
  const {
    element
  } = (0,_contexts_element_context__WEBPACK_IMPORTED_MODULE_7__.useElement)();
  const {
    addItem,
    duplicateItem,
    moveItem,
    removeItem
  } = (0,_use_actions__WEBPACK_IMPORTED_MODULE_10__.useActions)();
  const {
    [_use_actions__WEBPACK_IMPORTED_MODULE_10__.TAB_ELEMENT_TYPE]: tabLinks
  } = (0,_elementor_editor_elements__WEBPACK_IMPORTED_MODULE_2__.useElementChildren)(element.id, {
    [TAB_MENU_ELEMENT_TYPE]: _use_actions__WEBPACK_IMPORTED_MODULE_10__.TAB_ELEMENT_TYPE
  });
  const tabList = (0,_get_element_by_type__WEBPACK_IMPORTED_MODULE_9__.getElementByType)(element.id, TAB_MENU_ELEMENT_TYPE);
  const tabContentArea = (0,_get_element_by_type__WEBPACK_IMPORTED_MODULE_9__.getElementByType)(element.id, TAB_CONTENT_AREA_ELEMENT_TYPE);
  const repeaterValues = tabLinks.map((tabLink, index) => {
    return {
      id: tabLink.id,
      title: tabLink.editorSettings?.title,
      index
    };
  });
  const setValue = (_newValues, _options, meta) => {
    if (meta?.action?.type === 'add') {
      const items = meta.action.payload;
      return addItem({
        tabContentAreaId: tabContentArea.id,
        items,
        tabsMenuId: tabList.id
      });
    }
    if (meta?.action?.type === 'remove') {
      const items = meta.action.payload;
      return removeItem({
        items,
        tabContentAreaId: tabContentArea.id
      });
    }
    if (meta?.action?.type === 'duplicate') {
      const items = meta.action.payload;
      return duplicateItem({
        items,
        tabContentAreaId: tabContentArea.id
      });
    }
    if (meta?.action?.type === 'reorder') {
      const {
        from,
        to
      } = meta.action.payload;
      return moveItem({
        toIndex: to,
        tabsMenuId: tabList.id,
        tabContentAreaId: tabContentArea.id,
        movedElementId: tabLinks[from].id,
        movedElementIndex: from
      });
    }
  };
  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_editor_controls__WEBPACK_IMPORTED_MODULE_1__.Repeater, {
    showToggle: false,
    values: repeaterValues,
    setValues: setValue,
    showRemove: repeaterValues.length > 1,
    label: label,
    itemSettings: {
      getId: ({
        item
      }) => item.id,
      initialValues: {
        id: '',
        title: 'Tab'
      },
      Label: ItemLabel,
      Content: ItemContent,
      Icon: () => null
    }
  });
};
const ItemLabel = ({
  value,
  index
}) => {
  const elementTitle = value?.title;
  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_5__.Stack, {
    sx: {
      minHeight: 20
    },
    direction: "row",
    alignItems: "center",
    gap: 1.5
  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("span", null, elementTitle), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(ItemDefaultTab, {
    index: index
  }));
};
const ItemDefaultTab = ({
  index
}) => {
  const {
    value: defaultItem
  } = (0,_elementor_editor_controls__WEBPACK_IMPORTED_MODULE_1__.useBoundProp)(_elementor_editor_props__WEBPACK_IMPORTED_MODULE_3__.numberPropTypeUtil);
  const isDefault = defaultItem === index;
  if (!isDefault) {
    return null;
  }
  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_5__.Chip, {
    size: "tiny",
    shape: "rounded",
    label: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_6__.__)('Default', 'elementor')
  });
};
const ItemContent = ({
  value,
  index
}) => {
  if (!value.id) {
    return null;
  }
  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_5__.Stack, {
    p: 2,
    gap: 1.5
  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(TabLabelControl, {
    elementId: value.id
  }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_settings_field__WEBPACK_IMPORTED_MODULE_8__.SettingsField, {
    bind: "default-active-tab",
    propDisplayName: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_6__.__)('Tabs', 'elementor')
  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(DefaultTabControl, {
    tabIndex: index
  })));
};
const DefaultTabControl = ({
  tabIndex
}) => {
  const {
    value,
    setValue
  } = (0,_elementor_editor_controls__WEBPACK_IMPORTED_MODULE_1__.useBoundProp)(_elementor_editor_props__WEBPACK_IMPORTED_MODULE_3__.numberPropTypeUtil);
  const isDefault = value === tabIndex;
  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_5__.Stack, {
    direction: "row",
    alignItems: "center",
    justifyContent: "space-between",
    gap: 2
  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_editor_controls__WEBPACK_IMPORTED_MODULE_1__.ControlFormLabel, null, (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_6__.__)('Set as default tab', 'elementor')), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(ConditionalTooltip, {
    showTooltip: isDefault,
    placement: "right"
  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_5__.Switch, {
    size: "small",
    checked: isDefault,
    disabled: isDefault,
    onChange: ({
      target
    }) => {
      setValue(target.checked ? tabIndex : null);
    },
    inputProps: {
      ...(isDefault ? {
        style: {
          opacity: 0,
          cursor: 'not-allowed'
        }
      } : {})
    }
  })));
};
const TabLabelControl = ({
  elementId
}) => {
  const editorSettings = (0,_elementor_editor_elements__WEBPACK_IMPORTED_MODULE_2__.useElementEditorSettings)(elementId);
  const label = editorSettings?.title ?? '';
  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_5__.Stack, {
    gap: 1
  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_editor_controls__WEBPACK_IMPORTED_MODULE_1__.ControlFormLabel, null, (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_6__.__)('Tab name', 'elementor')), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_5__.TextField, {
Showing 512.00 KB of 782.82 KB. Use Edit/Download for full content.

Directory Contents

Dirs: 0 × Files: 4
Name Size Perms Modified Actions
editor-editing-panel.asset.php
892 B lrwxr-xr-x 2026-09-08 12:13:37
Edit Download
editor-editing-panel.js
782.82 KB lrwxr-xr-x 2026-09-08 12:13:37
Edit Download
editor-editing-panel.min.js
154.00 KB lrwxr-xr-x 2026-09-08 12:13:37
Edit Download
editor-editing-panel.strings.js
11.62 KB lrwxr-xr-x 2026-09-08 12:13:37
Edit Download
If ZipArchive is unavailable, a .tar will be created (no compression).
© 2026 0xNothings — Secure File Manager. All rights reserved. Built with ❤️ & Tailwind x Dark UI