WordPress.org
Get WordPress

Plugin Directory

Changeset 3214695


Ignore:
Timestamp:
12/30/2024 08:42:42 AM (15 months ago)
Author:
Kaira
Message:

Fixed slider CSS depencency missing

Location:
blockons
Files:
4 edited

Legend:

Unmodified
Added
Removed

  • blockons/tags/1.2.05/dist/editor.js

    r3214689 r3214695  
    66
    77function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
    8 var _blockonsEditorObj$bl;
     8var _blockonsEditorObj;
    99function _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); }
    1010function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
    … …  
    4848  dispatch = _wp$data.dispatch;
    4949var isPremium = Boolean(blockonsEditorObj.isPremium);
    50 var tooltipDefaults = (_blockonsEditorObj$bl = blockonsEditorObj.blockonsOptions) === null || _blockonsEditorObj$bl === void 0 ? void 0 : _blockonsEditorObj$bl.tooltips;
     50var tooltipDefaults = ((_blockonsEditorObj = blockonsEditorObj) === null || _blockonsEditorObj === void 0 || (_blockonsEditorObj = _blockonsEditorObj.blockonsOptions) === null || _blockonsEditorObj === void 0 ? void 0 : _blockonsEditorObj.tooltips) || {
     51  enabled: false
     52};
    5153var BlockonsInlineBlockTooltip = function BlockonsInlineBlockTooltip(_ref) {
    5254  var isActive = _ref.isActive,
    … …  
    5456    value = _ref.value;
    5557  var selectedBlock = useSelect(function (select) {
    56     return select("core/block-editor").getSelectedBlock();
     58    return select('core/block-editor').getSelectedBlock();
    5759  }, []);
    5860
    5961  // console.log("selectedBlock", selectedBlock);
    6062
    61   var allowedBlocks = ["core/paragraph", "core/heading", "core/list-item", "blockons/line-heading"];
     63  var allowedBlocks = ['core/paragraph', 'core/heading', 'core/list-item', 'blockons/line-heading'];
    6264  if (!tooltipDefaults.enabled || !selectedBlock || !allowedBlocks.includes(selectedBlock.name)) {
    6365    return null;
    6466  }
    65   var activeFormat = getActiveFormat(value, "blockons/inline-tooltip");
     67  var activeFormat = getActiveFormat(value, 'blockons/inline-tooltip');
    6668  var _useState = useState({
    67       style: (tooltipDefaults === null || tooltipDefaults === void 0 ? void 0 : tooltipDefaults.style) || "underlined",
    68       theme: (tooltipDefaults === null || tooltipDefaults === void 0 ? void 0 : tooltipDefaults.theme) || "one",
    69       title: "",
    70       text: "",
    71       icon: "",
    72       image: "",
    73       color: (tooltipDefaults === null || tooltipDefaults === void 0 ? void 0 : tooltipDefaults.color) || "#424242",
    74       fcolor: (tooltipDefaults === null || tooltipDefaults === void 0 ? void 0 : tooltipDefaults.fcolor) || "#000",
    75       pcolor: (tooltipDefaults === null || tooltipDefaults === void 0 ? void 0 : tooltipDefaults.pcolor) || "#424242",
    76       pfcolor: (tooltipDefaults === null || tooltipDefaults === void 0 ? void 0 : tooltipDefaults.pfcolor) || "#FFF"
     69      style: (tooltipDefaults === null || tooltipDefaults === void 0 ? void 0 : tooltipDefaults.style) || 'underlined',
     70      theme: (tooltipDefaults === null || tooltipDefaults === void 0 ? void 0 : tooltipDefaults.theme) || 'one',
     71      title: '',
     72      text: '',
     73      icon: '',
     74      image: '',
     75      color: (tooltipDefaults === null || tooltipDefaults === void 0 ? void 0 : tooltipDefaults.color) || '#424242',
     76      fcolor: (tooltipDefaults === null || tooltipDefaults === void 0 ? void 0 : tooltipDefaults.fcolor) || '#000',
     77      pcolor: (tooltipDefaults === null || tooltipDefaults === void 0 ? void 0 : tooltipDefaults.pcolor) || '#424242',
     78      pfcolor: (tooltipDefaults === null || tooltipDefaults === void 0 ? void 0 : tooltipDefaults.pfcolor) || '#FFF'
    7779    }),
    7880    _useState2 = _slicedToArray(_useState, 2),
    … …  
    8183  useEffect(function () {
    8284    if (activeFormat) {
    83       var attributes = Object.keys(activeFormat.attributes).length > 0 ? activeFormat.attributes : Object.keys(activeFormat.unregisteredAttributes).length > 0 ? activeFormat.unregisteredAttributes : "";
     85      var attributes = Object.keys(activeFormat.attributes).length > 0 ? activeFormat.attributes : Object.keys(activeFormat.unregisteredAttributes).length > 0 ? activeFormat.unregisteredAttributes : '';
    8486      setSelectedTooltip({
    85         style: attributes["data-style"] || (tooltipDefaults === null || tooltipDefaults === void 0 ? void 0 : tooltipDefaults.style) || "underlined",
    86         theme: attributes["data-theme"] || (tooltipDefaults === null || tooltipDefaults === void 0 ? void 0 : tooltipDefaults.theme) || "one",
    87         title: attributes["data-title"] || "",
    88         text: attributes["data-text"] || "",
    89         icon: attributes["data-icon"] || "",
    90         image: attributes["data-image"] || "",
    91         color: attributes["data-color"] || (tooltipDefaults === null || tooltipDefaults === void 0 ? void 0 : tooltipDefaults.color) || "#424242",
    92         fcolor: attributes["data-fcolor"] || (tooltipDefaults === null || tooltipDefaults === void 0 ? void 0 : tooltipDefaults.fcolor) || "#000",
    93         pcolor: attributes["data-pcolor"] || (tooltipDefaults === null || tooltipDefaults === void 0 ? void 0 : tooltipDefaults.pcolor) || "#424242",
    94         pfcolor: attributes["data-pfcolor"] || (tooltipDefaults === null || tooltipDefaults === void 0 ? void 0 : tooltipDefaults.pfcolor) || "#FFF"
     87        style: attributes['data-style'] || (tooltipDefaults === null || tooltipDefaults === void 0 ? void 0 : tooltipDefaults.style) || 'underlined',
     88        theme: attributes['data-theme'] || (tooltipDefaults === null || tooltipDefaults === void 0 ? void 0 : tooltipDefaults.theme) || 'one',
     89        title: attributes['data-title'] || '',
     90        text: attributes['data-text'] || '',
     91        icon: attributes['data-icon'] || '',
     92        image: attributes['data-image'] || '',
     93        color: attributes['data-color'] || (tooltipDefaults === null || tooltipDefaults === void 0 ? void 0 : tooltipDefaults.color) || '#424242',
     94        fcolor: attributes['data-fcolor'] || (tooltipDefaults === null || tooltipDefaults === void 0 ? void 0 : tooltipDefaults.fcolor) || '#000',
     95        pcolor: attributes['data-pcolor'] || (tooltipDefaults === null || tooltipDefaults === void 0 ? void 0 : tooltipDefaults.pcolor) || '#424242',
     96        pfcolor: attributes['data-pfcolor'] || (tooltipDefaults === null || tooltipDefaults === void 0 ? void 0 : tooltipDefaults.pfcolor) || '#FFF'
    9597      });
    9698    } else {
    9799      setSelectedTooltip({
    98         style: (tooltipDefaults === null || tooltipDefaults === void 0 ? void 0 : tooltipDefaults.style) || "underlined",
    99         theme: (tooltipDefaults === null || tooltipDefaults === void 0 ? void 0 : tooltipDefaults.theme) || "one",
    100         title: "",
    101         text: "",
    102         icon: "",
    103         image: "",
    104         color: (tooltipDefaults === null || tooltipDefaults === void 0 ? void 0 : tooltipDefaults.color) || "#424242",
    105         fcolor: (tooltipDefaults === null || tooltipDefaults === void 0 ? void 0 : tooltipDefaults.fcolor) || "#000",
    106         pcolor: (tooltipDefaults === null || tooltipDefaults === void 0 ? void 0 : tooltipDefaults.pcolor) || "#424242",
    107         pfcolor: (tooltipDefaults === null || tooltipDefaults === void 0 ? void 0 : tooltipDefaults.pfcolor) || "#FFF"
     100        style: (tooltipDefaults === null || tooltipDefaults === void 0 ? void 0 : tooltipDefaults.style) || 'underlined',
     101        theme: (tooltipDefaults === null || tooltipDefaults === void 0 ? void 0 : tooltipDefaults.theme) || 'one',
     102        title: '',
     103        text: '',
     104        icon: '',
     105        image: '',
     106        color: (tooltipDefaults === null || tooltipDefaults === void 0 ? void 0 : tooltipDefaults.color) || '#424242',
     107        fcolor: (tooltipDefaults === null || tooltipDefaults === void 0 ? void 0 : tooltipDefaults.fcolor) || '#000',
     108        pcolor: (tooltipDefaults === null || tooltipDefaults === void 0 ? void 0 : tooltipDefaults.pcolor) || '#424242',
     109        pfcolor: (tooltipDefaults === null || tooltipDefaults === void 0 ? void 0 : tooltipDefaults.pfcolor) || '#FFF'
    108110      });
    109111    }
    … …  
    120122    contentClassName: "blockons-tooltip-settings-popover",
    121123    popoverProps: {
    122       placement: "bottom-start"
     124      placement: 'bottom-start'
    123125    },
    124126    renderToggle: function renderToggle(_ref2) {
    … …  
    138140        className: "blockons-tooltip-settings"
    139141      }, /*#__PURE__*/React.createElement(TextControl, {
    140         label: __("Tooltip Title", "blockons"),
     142        label: __('Tooltip Title', 'blockons'),
    141143        value: selectedTooltip.title,
    142         onChange: handleTooltipChange("title")
     144        onChange: handleTooltipChange('title')
    143145      }), /*#__PURE__*/React.createElement(TextareaControl, {
    144         label: __("Tooltip Text", "blockons"),
     146        label: __('Tooltip Text', 'blockons'),
    145147        value: selectedTooltip.text,
    146         onChange: handleTooltipChange("text")
     148        onChange: handleTooltipChange('text')
    147149      }), isPremium && /*#__PURE__*/React.createElement("p", {
    148150        className: "tooltip-link-hint"
    149       }, __("Add links", "blockons"), ": (Blockons [*https://blockons.com/])"), /*#__PURE__*/React.createElement("div", {
     151      }, __('Add links', 'blockons'), ": (Blockons [*https://blockons.com/])"), /*#__PURE__*/React.createElement("div", {
    150152        className: "blockons-divider"
    151153      }), /*#__PURE__*/React.createElement("div", {
    … …  
    163165              className: "dashicons dashicons-admin-appearance"
    164166            }),
    165             title: __("Blockons Tooltip", "blockons"),
     167            title: __('Blockons Tooltip', 'blockons'),
    166168            onClick: onToggle,
    167169            isActive: isOpen,
    … …  
    170172        },
    171173        renderContent: function renderContent() {
    172           return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("p", null, __("Blockons Pro offers advanced Tooltips with more customization options.", "blockons")));
     174          return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("p", null, __('Blockons Pro offers advanced Tooltips with more customization options.', 'blockons')));
    173175        }
    174176      }), isPremium && activeFormat && /*#__PURE__*/React.createElement(Dropdown, {
    … …  
    182184              className: "dashicons dashicons-admin-appearance"
    183185            }),
    184             title: __("Blockons Tooltip", "blockons"),
     186            title: __('Blockons Tooltip', 'blockons'),
    185187            onClick: onToggle,
    186188            isActive: isOpen
    … …  
    189191        renderContent: function renderContent() {
    190192          return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(SelectControl, {
    191             label: __("Tooltip Link Style", "blockons"),
     193            label: __('Tooltip Link Style', 'blockons'),
    192194            value: selectedTooltip.style,
    193195            options: [{
    194               label: "Underlined",
    195               value: "underlined"
     196              label: 'Underlined',
     197              value: 'underlined'
    196198            }, {
    197               label: "Underline Dashed",
    198               value: "dashed"
     199              label: 'Underline Dashed',
     200              value: 'dashed'
    199201            }, {
    200               label: "Highlighted",
    201               value: "highlight"
     202              label: 'Highlighted',
     203              value: 'highlight'
    202204            }],
    203             onChange: handleTooltipChange("style")
     205            onChange: handleTooltipChange('style')
    204206          }), /*#__PURE__*/React.createElement("div", {
    205207            className: "blockons-tooltip-clrs"
    … …  
    216218              }, /*#__PURE__*/React.createElement(ColorIndicator, {
    217219                colorValue: selectedTooltip.color
    218               }), /*#__PURE__*/React.createElement("span", null, __("Tooltip Link Color", "blockons")));
     220              }), /*#__PURE__*/React.createElement("span", null, __('Tooltip Link Color', 'blockons')));
    219221            },
    220222            renderContent: function renderContent() {
    221223              return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(ColorPicker, {
    222224                color: selectedTooltip.color,
    223                 onChange: handleTooltipChange("color"),
     225                onChange: handleTooltipChange('color'),
    224226                defaultValue: "#f4f4f4"
    225227              }));
    226228            }
    227           }), (selectedTooltip.theme !== "one" || selectedTooltip.theme !== "two") && /*#__PURE__*/React.createElement(Dropdown, {
     229          }), (selectedTooltip.theme !== 'one' || selectedTooltip.theme !== 'two') && /*#__PURE__*/React.createElement(Dropdown, {
    228230            className: "blockons-tooltip-color",
    229231            contentClassName: "blockons-tooltip-color-picker",
    … …  
    237239              }, /*#__PURE__*/React.createElement(ColorIndicator, {
    238240                colorValue: selectedTooltip.fcolor
    239               }), /*#__PURE__*/React.createElement("span", null, __("Font Color", "blockons")));
     241              }), /*#__PURE__*/React.createElement("span", null, __('Font Color', 'blockons')));
    240242            },
    241243            renderContent: function renderContent() {
    242244              return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(ColorPicker, {
    243245                color: selectedTooltip.fcolor,
    244                 onChange: handleTooltipChange("fcolor"),
     246                onChange: handleTooltipChange('fcolor'),
    245247                defaultValue: "#f4f4f4"
    246248              }));
    … …  
    249251            className: "blockons-divider"
    250252          }), /*#__PURE__*/React.createElement(TextControl, {
    251             label: __("Tooltip Icon", "blockons"),
     253            label: __('Tooltip Icon', 'blockons'),
    252254            value: selectedTooltip.icon,
    253             onChange: handleTooltipChange("icon"),
    254             help: __("Add the CSS class names of the Font Awesome icon to be displayed in the Tooltip", "blockons")
     255            onChange: handleTooltipChange('icon'),
     256            help: __('Add the CSS class names of the Font Awesome icon to be displayed in the Tooltip', 'blockons')
    255257          }), /*#__PURE__*/React.createElement("div", {
    256258            className: "blockons-divider"
    257259          }), /*#__PURE__*/React.createElement(SelectControl, {
    258             label: __("Tooltip Popup Theme", "blockons"),
     260            label: __('Tooltip Popup Theme', 'blockons'),
    259261            value: selectedTooltip.theme,
    260262            options: [{
    261               label: "Dark",
    262               value: "one"
     263              label: 'Dark',
     264              value: 'one'
    263265            }, {
    264               label: "Light",
    265               value: "two"
     266              label: 'Light',
     267              value: 'two'
    266268            }, {
    267               label: "Custom Color",
    268               value: "custom"
     269              label: 'Custom Color',
     270              value: 'custom'
    269271            }],
    270             onChange: handleTooltipChange("theme")
     272            onChange: handleTooltipChange('theme')
    271273          }), /*#__PURE__*/React.createElement("div", {
    272274            className: "blockons-divider"
    273           }), selectedTooltip.theme === "custom" && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
     275          }), selectedTooltip.theme === 'custom' && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
    274276            className: "blockons-tooltip-clrs"
    275277          }, /*#__PURE__*/React.createElement(Dropdown, {
    … …  
    285287              }, /*#__PURE__*/React.createElement(ColorIndicator, {
    286288                colorValue: selectedTooltip.pcolor
    287               }), /*#__PURE__*/React.createElement("span", null, __("Popup Color", "blockons")));
     289              }), /*#__PURE__*/React.createElement("span", null, __('Popup Color', 'blockons')));
    288290            },
    289291            renderContent: function renderContent() {
    290292              return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(ColorPicker, {
    291293                color: selectedTooltip.pcolor,
    292                 onChange: handleTooltipChange("pcolor"),
     294                onChange: handleTooltipChange('pcolor'),
    293295                defaultValue: "#d6c0ff"
    294296              }));
    295297            }
    296           }), (selectedTooltip.theme !== "one" || selectedTooltip.theme !== "two") && /*#__PURE__*/React.createElement(Dropdown, {
     298          }), (selectedTooltip.theme !== 'one' || selectedTooltip.theme !== 'two') && /*#__PURE__*/React.createElement(Dropdown, {
    297299            className: "blockons-tooltip-color",
    298300            contentClassName: "blockons-tooltip-color-picker",
    … …  
    306308              }, /*#__PURE__*/React.createElement(ColorIndicator, {
    307309                colorValue: selectedTooltip.pfcolor
    308               }), /*#__PURE__*/React.createElement("span", null, __("Popup Font Color", "blockons")));
     310              }), /*#__PURE__*/React.createElement("span", null, __('Popup Font Color', 'blockons')));
    309311            },
    310312            renderContent: function renderContent() {
    311313              return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(ColorPicker, {
    312314                color: selectedTooltip.pfcolor,
    313                 onChange: handleTooltipChange("pfcolor"),
     315                onChange: handleTooltipChange('pfcolor'),
    314316                defaultValue: "#000"
    315317              }));
    … …  
    319321          })), /*#__PURE__*/React.createElement(MediaUpload, {
    320322            className: "components-icon-button components-toolbar__control",
    321             allowedTypes: ["image"],
     323            allowedTypes: ['image'],
    322324            value: selectedTooltip.image,
    323325            onSelect: function onSelect(media) {
    324               return handleTooltipChange("image")(media.url);
     326              return handleTooltipChange('image')(media.url);
    325327            },
    326328            render: function render(_ref9) {
    … …  
    335337                className: "blockons-tt-upload-button remove",
    336338                onClick: function onClick() {
    337                   handleTooltipChange("image")("");
     339                  handleTooltipChange('image')('');
    338340                }
    339               }, __("Remove Image", "blockons"))) : /*#__PURE__*/React.createElement(Button, {
     341              }, __('Remove Image', 'blockons'))) : /*#__PURE__*/React.createElement(Button, {
    340342                className: "blockons-tt-upload-button",
    341343                icon: "format-image",
    342344                onClick: open
    343               }, __("Add a Tooltip Image", "blockons"));
     345              }, __('Add a Tooltip Image', 'blockons'));
    344346            }
    345347          }), /*#__PURE__*/React.createElement("p", {
    … …  
    348350            href: "https://blockons.com/documentation/content-tooltips/#adding-tooltips",
    349351            target: "_blank"
    350           }, __("Read more on adding Tooltips", "blockons"))));
     352          }, __('Read more on adding Tooltips', 'blockons'))));
    351353        }
    352354      })), /*#__PURE__*/React.createElement("div", {
    353355        className: "blockons-tooltip-preview  ".concat(selectedTooltip.theme)
    354       }, isPremium && selectedTooltip.style === "highlight" ? /*#__PURE__*/React.createElement("mark", {
     356      }, isPremium && selectedTooltip.style === 'highlight' ? /*#__PURE__*/React.createElement("mark", {
    355357        className: "blockons-tooltip-style ".concat(selectedTooltip.style),
    356358        style: _objectSpread({
    … …  
    374376      }), /*#__PURE__*/React.createElement("div", _extends({
    375377        className: "blockons-tooltip-preview-tooltip"
    376       }, isPremium && selectedTooltip.theme === "custom" ? {
     378      }, isPremium && selectedTooltip.theme === 'custom' ? {
    377379        style: {
    378380          backgroundColor: selectedTooltip.pcolor,
    … …  
    389391      }, "Some example text."), /*#__PURE__*/React.createElement("span", _extends({
    390392        className: "blockons-tooltip-arrow"
    391       }, isPremium && selectedTooltip.theme === "custom" ? {
     393      }, isPremium && selectedTooltip.theme === 'custom' ? {
    392394        style: {
    393395          borderTopColor: selectedTooltip.pcolor
    394396        }
    395397      } : {}))))), /*#__PURE__*/React.createElement("div", {
    396         className: "blockons-tooltip-btns ".concat(activeFormat ? "active" : "")
     398        className: "blockons-tooltip-btns ".concat(activeFormat ? 'active' : '')
    397399      }, /*#__PURE__*/React.createElement(Button, {
    398400        variant: "secondary",
    … …  
    400402        onClick: function onClick() {
    401403          onChange(applyFormat(value, {
    402             type: "blockons/inline-tooltip",
     404            type: 'blockons/inline-tooltip',
    403405            attributes: {
    404               "data-style": selectedTooltip.style,
    405               "data-theme": selectedTooltip.theme,
    406               "data-title": selectedTooltip.title,
    407               "data-text": selectedTooltip.text,
    408               "data-icon": selectedTooltip.icon,
    409               "data-image": selectedTooltip.image,
    410               "data-color": selectedTooltip.color,
    411               "data-fcolor": selectedTooltip.fcolor,
    412               "data-pcolor": selectedTooltip.pcolor,
    413               "data-pfcolor": selectedTooltip.pfcolor
     406              'data-style': selectedTooltip.style,
     407              'data-theme': selectedTooltip.theme,
     408              'data-title': selectedTooltip.title,
     409              'data-text': selectedTooltip.text,
     410              'data-icon': selectedTooltip.icon,
     411              'data-image': selectedTooltip.image,
     412              'data-color': selectedTooltip.color,
     413              'data-fcolor': selectedTooltip.fcolor,
     414              'data-pcolor': selectedTooltip.pcolor,
     415              'data-pfcolor': selectedTooltip.pfcolor
    414416            }
    415417          }));
    416418        },
    417419        disabled: !selectedTooltip.title && !selectedTooltip.text
    418       }, activeFormat && (selectedTooltip.title || selectedTooltip.text) ? __("Update Tooltip", "blockons") : __("Add Tooltip", "blockons")), activeFormat && /*#__PURE__*/React.createElement(Button, {
     420      }, activeFormat && (selectedTooltip.title || selectedTooltip.text) ? __('Update Tooltip', 'blockons') : __('Add Tooltip', 'blockons')), activeFormat && /*#__PURE__*/React.createElement(Button, {
    419421        variant: "secondary",
    420422        className: "blockons-tooltip-button remove",
    421423        onClick: function onClick() {
    422           onChange(removeFormat(value, "blockons/inline-tooltip"));
     424          onChange(removeFormat(value, 'blockons/inline-tooltip'));
    423425        },
    424426        icon: "no-alt",
    425         title: __("Remove Tooltip", "blockons")
     427        title: __('Remove Tooltip', 'blockons')
    426428      })));
    427429    }
    428430  }))));
    429431};
    430 registerFormatType("blockons/inline-tooltip", {
    431   title: "Blockons Tooltip",
    432   tagName: "span",
    433   className: "blockons-inline-tooltip",
     432registerFormatType('blockons/inline-tooltip', {
     433  title: 'Blockons Tooltip',
     434  tagName: 'span',
     435  className: 'blockons-inline-tooltip',
    434436  edit: BlockonsInlineBlockTooltip
    435437});

  • blockons/tags/1.2.05/dist/editor.min.js

    r3214689 r3214695  
    1 (()=>{var e={8720:()=>{function e(o){return e="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},e(o)}var o;function t(){return t=Object.assign?Object.assign.bind():function(e){for(var o=1;o<arguments.length;o++){var t=arguments[o];for(var n in t)({}).hasOwnProperty.call(t,n)&&(e[n]=t[n])}return e},t.apply(null,arguments)}function n(e,o){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);o&&(n=n.filter((function(o){return Object.getOwnPropertyDescriptor(e,o).enumerable}))),t.push.apply(t,n)}return t}function l(e){for(var o=1;o<arguments.length;o++){var t=null!=arguments[o]?arguments[o]:{};o%2?n(Object(t),!0).forEach((function(o){a(e,o,t[o])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):n(Object(t)).forEach((function(o){Object.defineProperty(e,o,Object.getOwnPropertyDescriptor(t,o))}))}return e}function a(o,t,n){return(t=function(o){var t=function(o,t){if("object"!=e(o)||!o)return o;var n=o[Symbol.toPrimitive];if(void 0!==n){var l=n.call(o,t||"default");if("object"!=e(l))return l;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(o)}(o,"string");return"symbol"==e(t)?t:t+""}(t))in o?Object.defineProperty(o,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):o[t]=n,o}function c(e,o){return function(e){if(Array.isArray(e))return e}(e)||function(e,o){var t=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=t){var n,l,a,c,r=[],i=!0,s=!1;try{if(a=(t=t.call(e)).next,0===o){if(Object(t)!==t)return;i=!1}else for(;!(i=(n=a.call(t)).done)&&(r.push(n.value),r.length!==o);i=!0);}catch(e){s=!0,l=e}finally{try{if(!i&&null!=t.return&&(c=t.return(),Object(c)!==c))return}finally{if(s)throw l}}return r}}(e,o)||function(e,o){if(e){if("string"==typeof e)return r(e,o);var t={}.toString.call(e).slice(8,-1);return"Object"===t&&e.constructor&&(t=e.constructor.name),"Map"===t||"Set"===t?Array.from(e):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?r(e,o):void 0}}(e,o)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function r(e,o){(null==o||o>e.length)&&(o=e.length);for(var t=0,n=Array(o);t<o;t++)n[t]=e[t];return n}wp.hooks.addFilter;var i=wp.element,s=i.useState,u=i.useEffect,b=wp.i18n.__,m=wp.richText,p=m.registerFormatType,d=(m.unregisterFormatType,m.applyFormat),k=m.removeFormat,f=m.getActiveFormat,g=wp.blockEditor,v=g.BlockControls,h=g.MediaUpload,E=wp.components,y=E.ToolbarGroup,R=E.Dropdown,w=E.ToolbarButton,C=(E.ToggleControl,E.TextControl),O=E.TextareaControl,A=E.SelectControl,N=E.Button,P=E.ColorPicker,T=E.ColorIndicator,x=wp.data,I=x.useSelect,D=(x.dispatch,Boolean(blockonsEditorObj.isPremium)),j=null===(o=blockonsEditorObj.blockonsOptions)||void 0===o?void 0:o.tooltips;p("blockons/inline-tooltip",{title:"Blockons Tooltip",tagName:"span",className:"blockons-inline-tooltip",edit:function(e){var o=e.isActive,n=e.onChange,r=e.value,i=I((function(e){return e("core/block-editor").getSelectedBlock()}),[]);if(!j.enabled||!i||!["core/paragraph","core/heading","core/list-item","blockons/line-heading"].includes(i.name))return null;var m=f(r,"blockons/inline-tooltip"),p=c(s({style:(null==j?void 0:j.style)||"underlined",theme:(null==j?void 0:j.theme)||"one",title:"",text:"",icon:"",image:"",color:(null==j?void 0:j.color)||"#424242",fcolor:(null==j?void 0:j.fcolor)||"#000",pcolor:(null==j?void 0:j.pcolor)||"#424242",pfcolor:(null==j?void 0:j.pfcolor)||"#FFF"}),2),g=p[0],E=p[1];u((function(){if(m){var e=Object.keys(m.attributes).length>0?m.attributes:Object.keys(m.unregisteredAttributes).length>0?m.unregisteredAttributes:"";E({style:e["data-style"]||(null==j?void 0:j.style)||"underlined",theme:e["data-theme"]||(null==j?void 0:j.theme)||"one",title:e["data-title"]||"",text:e["data-text"]||"",icon:e["data-icon"]||"",image:e["data-image"]||"",color:e["data-color"]||(null==j?void 0:j.color)||"#424242",fcolor:e["data-fcolor"]||(null==j?void 0:j.fcolor)||"#000",pcolor:e["data-pcolor"]||(null==j?void 0:j.pcolor)||"#424242",pfcolor:e["data-pfcolor"]||(null==j?void 0:j.pfcolor)||"#FFF"})}else E({style:(null==j?void 0:j.style)||"underlined",theme:(null==j?void 0:j.theme)||"one",title:"",text:"",icon:"",image:"",color:(null==j?void 0:j.color)||"#424242",fcolor:(null==j?void 0:j.fcolor)||"#000",pcolor:(null==j?void 0:j.pcolor)||"#424242",pfcolor:(null==j?void 0:j.pfcolor)||"#FFF"})}),[m]);var x=function(e){return function(o){E((function(t){return l(l({},t),{},a({},e,o))}))}};return React.createElement(React.Fragment,null,React.createElement(v,null,React.createElement(y,null,React.createElement(R,{className:"blockons-tooltip-settings-dropdown",contentClassName:"blockons-tooltip-settings-popover",popoverProps:{placement:"bottom-start"},renderToggle:function(e){e.isOpen;var t=e.onToggle;return React.createElement(w,{icon:React.createElement("span",{className:"dashicons dashicons-format-status"}),title:"Blockons Tooltip",onClick:t,isActive:o})},renderContent:function(){return React.createElement("div",{className:"blockons-tooltip-settings"},React.createElement(C,{label:b("Tooltip Title","blockons"),value:g.title,onChange:x("title")}),React.createElement(O,{label:b("Tooltip Text","blockons"),value:g.text,onChange:x("text")}),D&&React.createElement("p",{className:"tooltip-link-hint"},b("Add links","blockons"),": (Blockons [*https://blockons.com/])"),React.createElement("div",{className:"blockons-divider"}),React.createElement("div",{className:"blockons-tooltip-extra"},React.createElement("div",{className:"blockons-tooltip-color-wrap"},!D&&React.createElement(R,{className:"blockons-tooltip-color disabled",contentClassName:"blockons-tooltip-color-picker",renderToggle:function(e){var o=e.isOpen,t=e.onToggle;return React.createElement(w,{icon:React.createElement("span",{className:"dashicons dashicons-admin-appearance"}),title:b("Blockons Tooltip","blockons"),onClick:t,isActive:o,className:"btn-disabled"})},renderContent:function(){return React.createElement(React.Fragment,null,React.createElement("p",null,b("Blockons Pro offers advanced Tooltips with more customization options.","blockons")))}}),D&&m&&React.createElement(R,{className:"blockons-tooltip-color",contentClassName:"blockons-tooltip-color-picker",renderToggle:function(e){var o=e.isOpen,t=e.onToggle;return React.createElement(w,{icon:React.createElement("span",{className:"dashicons dashicons-admin-appearance"}),title:b("Blockons Tooltip","blockons"),onClick:t,isActive:o})},renderContent:function(){return React.createElement(React.Fragment,null,React.createElement(A,{label:b("Tooltip Link Style","blockons"),value:g.style,options:[{label:"Underlined",value:"underlined"},{label:"Underline Dashed",value:"dashed"},{label:"Highlighted",value:"highlight"}],onChange:x("style")}),React.createElement("div",{className:"blockons-tooltip-clrs"},React.createElement(R,{className:"blockons-tooltip-color",contentClassName:"blockons-tooltip-color-picker",renderToggle:function(e){e.isOpen;var o=e.onToggle;return React.createElement(N,{variant:"link",onClick:o,className:"blockons-colorpicker-btn"},React.createElement(T,{colorValue:g.color}),React.createElement("span",null,b("Tooltip Link Color","blockons")))},renderContent:function(){return React.createElement(React.Fragment,null,React.createElement(P,{color:g.color,onChange:x("color"),defaultValue:"#f4f4f4"}))}}),("one"!==g.theme||"two"!==g.theme)&&React.createElement(R,{className:"blockons-tooltip-color",contentClassName:"blockons-tooltip-color-picker",renderToggle:function(e){e.isOpen;var o=e.onToggle;return React.createElement(N,{variant:"link",onClick:o,className:"blockons-colorpicker-btn"},React.createElement(T,{colorValue:g.fcolor}),React.createElement("span",null,b("Font Color","blockons")))},renderContent:function(){return React.createElement(React.Fragment,null,React.createElement(P,{color:g.fcolor,onChange:x("fcolor"),defaultValue:"#f4f4f4"}))}})),React.createElement("div",{className:"blockons-divider"}),React.createElement(C,{label:b("Tooltip Icon","blockons"),value:g.icon,onChange:x("icon"),help:b("Add the CSS class names of the Font Awesome icon to be displayed in the Tooltip","blockons")}),React.createElement("div",{className:"blockons-divider"}),React.createElement(A,{label:b("Tooltip Popup Theme","blockons"),value:g.theme,options:[{label:"Dark",value:"one"},{label:"Light",value:"two"},{label:"Custom Color",value:"custom"}],onChange:x("theme")}),React.createElement("div",{className:"blockons-divider"}),"custom"===g.theme&&React.createElement(React.Fragment,null,React.createElement("div",{className:"blockons-tooltip-clrs"},React.createElement(R,{className:"blockons-tooltip-color",contentClassName:"blockons-tooltip-color-picker",renderToggle:function(e){e.isOpen;var o=e.onToggle;return React.createElement(N,{variant:"link",onClick:o,className:"blockons-colorpicker-btn"},React.createElement(T,{colorValue:g.pcolor}),React.createElement("span",null,b("Popup Color","blockons")))},renderContent:function(){return React.createElement(React.Fragment,null,React.createElement(P,{color:g.pcolor,onChange:x("pcolor"),defaultValue:"#d6c0ff"}))}}),("one"!==g.theme||"two"!==g.theme)&&React.createElement(R,{className:"blockons-tooltip-color",contentClassName:"blockons-tooltip-color-picker",renderToggle:function(e){e.isOpen;var o=e.onToggle;return React.createElement(N,{variant:"link",onClick:o,className:"blockons-colorpicker-btn"},React.createElement(T,{colorValue:g.pfcolor}),React.createElement("span",null,b("Popup Font Color","blockons")))},renderContent:function(){return React.createElement(React.Fragment,null,React.createElement(P,{color:g.pfcolor,onChange:x("pfcolor"),defaultValue:"#000"}))}})),React.createElement("div",{className:"blockons-divider"})),React.createElement(h,{className:"components-icon-button components-toolbar__control",allowedTypes:["image"],value:g.image,onSelect:function(e){return x("image")(e.url)},render:function(e){var o=e.open;return null!=g&&g.image?React.createElement("div",{className:"blockons-tooltip-imgpreview"},React.createElement("div",{className:"blockons-tooltip-imgpreview-img"},React.createElement("img",{src:g.image})),React.createElement(N,{className:"blockons-tt-upload-button remove",onClick:function(){x("image")("")}},b("Remove Image","blockons"))):React.createElement(N,{className:"blockons-tt-upload-button",icon:"format-image",onClick:o},b("Add a Tooltip Image","blockons"))}}),React.createElement("p",{className:"note-link"},React.createElement("a",{href:"https://blockons.com/documentation/content-tooltips/#adding-tooltips",target:"_blank"},b("Read more on adding Tooltips","blockons"))))}})),React.createElement("div",{className:"blockons-tooltip-preview  ".concat(g.theme)},D&&"highlight"===g.style?React.createElement("mark",{className:"blockons-tooltip-style ".concat(g.style),style:l({backgroundColor:g.color},g.fcolor?{color:g.fcolor}:{})},"Tooltip Preview"):React.createElement("span",t({className:"blockons-tooltip-style ".concat(g.style)},D?{style:l(l({},g.color?{borderBottomColor:g.color}:{}),g.fcolor?{color:g.fcolor}:{})}:{}),"Tooltip Preview"),D&&g.icon&&React.createElement("span",{className:"blockons-icon ".concat(g.icon),style:{color:g.color}}),React.createElement("div",t({className:"blockons-tooltip-preview-tooltip"},D&&"custom"===g.theme?{style:{backgroundColor:g.pcolor,color:g.pfcolor}}:{}),D&&g.image&&React.createElement("div",{className:"blockons-tooltip-img"},React.createElement("div",{className:"blockons-tooltip-img-prvw"},"Image")),React.createElement("h6",{className:"preview-title"},"Tooltip Title"),React.createElement("p",{className:"preview-text"},"Some example text."),React.createElement("span",t({className:"blockons-tooltip-arrow"},D&&"custom"===g.theme?{style:{borderTopColor:g.pcolor}}:{}))))),React.createElement("div",{className:"blockons-tooltip-btns ".concat(m?"active":"")},React.createElement(N,{variant:"secondary",className:"blockons-tooltip-button",onClick:function(){n(d(r,{type:"blockons/inline-tooltip",attributes:{"data-style":g.style,"data-theme":g.theme,"data-title":g.title,"data-text":g.text,"data-icon":g.icon,"data-image":g.image,"data-color":g.color,"data-fcolor":g.fcolor,"data-pcolor":g.pcolor,"data-pfcolor":g.pfcolor}}))},disabled:!g.title&&!g.text},m&&(g.title||g.text)?b("Update Tooltip","blockons"):b("Add Tooltip","blockons")),m&&React.createElement(N,{variant:"secondary",className:"blockons-tooltip-button remove",onClick:function(){n(k(r,"blockons/inline-tooltip"))},icon:"no-alt",title:b("Remove Tooltip","blockons")})))}}))))}})},6942:(e,o)=>{var t;
     1(()=>{var e={8720:()=>{function e(o){return e="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},e(o)}var o;function t(){return t=Object.assign?Object.assign.bind():function(e){for(var o=1;o<arguments.length;o++){var t=arguments[o];for(var n in t)({}).hasOwnProperty.call(t,n)&&(e[n]=t[n])}return e},t.apply(null,arguments)}function n(e,o){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);o&&(n=n.filter((function(o){return Object.getOwnPropertyDescriptor(e,o).enumerable}))),t.push.apply(t,n)}return t}function l(e){for(var o=1;o<arguments.length;o++){var t=null!=arguments[o]?arguments[o]:{};o%2?n(Object(t),!0).forEach((function(o){a(e,o,t[o])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):n(Object(t)).forEach((function(o){Object.defineProperty(e,o,Object.getOwnPropertyDescriptor(t,o))}))}return e}function a(o,t,n){return(t=function(o){var t=function(o,t){if("object"!=e(o)||!o)return o;var n=o[Symbol.toPrimitive];if(void 0!==n){var l=n.call(o,t||"default");if("object"!=e(l))return l;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(o)}(o,"string");return"symbol"==e(t)?t:t+""}(t))in o?Object.defineProperty(o,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):o[t]=n,o}function c(e,o){return function(e){if(Array.isArray(e))return e}(e)||function(e,o){var t=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=t){var n,l,a,c,r=[],i=!0,s=!1;try{if(a=(t=t.call(e)).next,0===o){if(Object(t)!==t)return;i=!1}else for(;!(i=(n=a.call(t)).done)&&(r.push(n.value),r.length!==o);i=!0);}catch(e){s=!0,l=e}finally{try{if(!i&&null!=t.return&&(c=t.return(),Object(c)!==c))return}finally{if(s)throw l}}return r}}(e,o)||function(e,o){if(e){if("string"==typeof e)return r(e,o);var t={}.toString.call(e).slice(8,-1);return"Object"===t&&e.constructor&&(t=e.constructor.name),"Map"===t||"Set"===t?Array.from(e):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?r(e,o):void 0}}(e,o)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function r(e,o){(null==o||o>e.length)&&(o=e.length);for(var t=0,n=Array(o);t<o;t++)n[t]=e[t];return n}wp.hooks.addFilter;var i=wp.element,s=i.useState,u=i.useEffect,b=wp.i18n.__,m=wp.richText,p=m.registerFormatType,d=(m.unregisterFormatType,m.applyFormat),k=m.removeFormat,f=m.getActiveFormat,g=wp.blockEditor,v=g.BlockControls,h=g.MediaUpload,E=wp.components,y=E.ToolbarGroup,R=E.Dropdown,w=E.ToolbarButton,C=(E.ToggleControl,E.TextControl),O=E.TextareaControl,A=E.SelectControl,N=E.Button,P=E.ColorPicker,T=E.ColorIndicator,x=wp.data,I=x.useSelect,D=(x.dispatch,Boolean(blockonsEditorObj.isPremium)),j=(null===(o=blockonsEditorObj)||void 0===o||null===(o=o.blockonsOptions)||void 0===o?void 0:o.tooltips)||{enabled:!1};p("blockons/inline-tooltip",{title:"Blockons Tooltip",tagName:"span",className:"blockons-inline-tooltip",edit:function(e){var o=e.isActive,n=e.onChange,r=e.value,i=I((function(e){return e("core/block-editor").getSelectedBlock()}),[]);if(!j.enabled||!i||!["core/paragraph","core/heading","core/list-item","blockons/line-heading"].includes(i.name))return null;var m=f(r,"blockons/inline-tooltip"),p=c(s({style:(null==j?void 0:j.style)||"underlined",theme:(null==j?void 0:j.theme)||"one",title:"",text:"",icon:"",image:"",color:(null==j?void 0:j.color)||"#424242",fcolor:(null==j?void 0:j.fcolor)||"#000",pcolor:(null==j?void 0:j.pcolor)||"#424242",pfcolor:(null==j?void 0:j.pfcolor)||"#FFF"}),2),g=p[0],E=p[1];u((function(){if(m){var e=Object.keys(m.attributes).length>0?m.attributes:Object.keys(m.unregisteredAttributes).length>0?m.unregisteredAttributes:"";E({style:e["data-style"]||(null==j?void 0:j.style)||"underlined",theme:e["data-theme"]||(null==j?void 0:j.theme)||"one",title:e["data-title"]||"",text:e["data-text"]||"",icon:e["data-icon"]||"",image:e["data-image"]||"",color:e["data-color"]||(null==j?void 0:j.color)||"#424242",fcolor:e["data-fcolor"]||(null==j?void 0:j.fcolor)||"#000",pcolor:e["data-pcolor"]||(null==j?void 0:j.pcolor)||"#424242",pfcolor:e["data-pfcolor"]||(null==j?void 0:j.pfcolor)||"#FFF"})}else E({style:(null==j?void 0:j.style)||"underlined",theme:(null==j?void 0:j.theme)||"one",title:"",text:"",icon:"",image:"",color:(null==j?void 0:j.color)||"#424242",fcolor:(null==j?void 0:j.fcolor)||"#000",pcolor:(null==j?void 0:j.pcolor)||"#424242",pfcolor:(null==j?void 0:j.pfcolor)||"#FFF"})}),[m]);var x=function(e){return function(o){E((function(t){return l(l({},t),{},a({},e,o))}))}};return React.createElement(React.Fragment,null,React.createElement(v,null,React.createElement(y,null,React.createElement(R,{className:"blockons-tooltip-settings-dropdown",contentClassName:"blockons-tooltip-settings-popover",popoverProps:{placement:"bottom-start"},renderToggle:function(e){e.isOpen;var t=e.onToggle;return React.createElement(w,{icon:React.createElement("span",{className:"dashicons dashicons-format-status"}),title:"Blockons Tooltip",onClick:t,isActive:o})},renderContent:function(){return React.createElement("div",{className:"blockons-tooltip-settings"},React.createElement(C,{label:b("Tooltip Title","blockons"),value:g.title,onChange:x("title")}),React.createElement(O,{label:b("Tooltip Text","blockons"),value:g.text,onChange:x("text")}),D&&React.createElement("p",{className:"tooltip-link-hint"},b("Add links","blockons"),": (Blockons [*https://blockons.com/])"),React.createElement("div",{className:"blockons-divider"}),React.createElement("div",{className:"blockons-tooltip-extra"},React.createElement("div",{className:"blockons-tooltip-color-wrap"},!D&&React.createElement(R,{className:"blockons-tooltip-color disabled",contentClassName:"blockons-tooltip-color-picker",renderToggle:function(e){var o=e.isOpen,t=e.onToggle;return React.createElement(w,{icon:React.createElement("span",{className:"dashicons dashicons-admin-appearance"}),title:b("Blockons Tooltip","blockons"),onClick:t,isActive:o,className:"btn-disabled"})},renderContent:function(){return React.createElement(React.Fragment,null,React.createElement("p",null,b("Blockons Pro offers advanced Tooltips with more customization options.","blockons")))}}),D&&m&&React.createElement(R,{className:"blockons-tooltip-color",contentClassName:"blockons-tooltip-color-picker",renderToggle:function(e){var o=e.isOpen,t=e.onToggle;return React.createElement(w,{icon:React.createElement("span",{className:"dashicons dashicons-admin-appearance"}),title:b("Blockons Tooltip","blockons"),onClick:t,isActive:o})},renderContent:function(){return React.createElement(React.Fragment,null,React.createElement(A,{label:b("Tooltip Link Style","blockons"),value:g.style,options:[{label:"Underlined",value:"underlined"},{label:"Underline Dashed",value:"dashed"},{label:"Highlighted",value:"highlight"}],onChange:x("style")}),React.createElement("div",{className:"blockons-tooltip-clrs"},React.createElement(R,{className:"blockons-tooltip-color",contentClassName:"blockons-tooltip-color-picker",renderToggle:function(e){e.isOpen;var o=e.onToggle;return React.createElement(N,{variant:"link",onClick:o,className:"blockons-colorpicker-btn"},React.createElement(T,{colorValue:g.color}),React.createElement("span",null,b("Tooltip Link Color","blockons")))},renderContent:function(){return React.createElement(React.Fragment,null,React.createElement(P,{color:g.color,onChange:x("color"),defaultValue:"#f4f4f4"}))}}),("one"!==g.theme||"two"!==g.theme)&&React.createElement(R,{className:"blockons-tooltip-color",contentClassName:"blockons-tooltip-color-picker",renderToggle:function(e){e.isOpen;var o=e.onToggle;return React.createElement(N,{variant:"link",onClick:o,className:"blockons-colorpicker-btn"},React.createElement(T,{colorValue:g.fcolor}),React.createElement("span",null,b("Font Color","blockons")))},renderContent:function(){return React.createElement(React.Fragment,null,React.createElement(P,{color:g.fcolor,onChange:x("fcolor"),defaultValue:"#f4f4f4"}))}})),React.createElement("div",{className:"blockons-divider"}),React.createElement(C,{label:b("Tooltip Icon","blockons"),value:g.icon,onChange:x("icon"),help:b("Add the CSS class names of the Font Awesome icon to be displayed in the Tooltip","blockons")}),React.createElement("div",{className:"blockons-divider"}),React.createElement(A,{label:b("Tooltip Popup Theme","blockons"),value:g.theme,options:[{label:"Dark",value:"one"},{label:"Light",value:"two"},{label:"Custom Color",value:"custom"}],onChange:x("theme")}),React.createElement("div",{className:"blockons-divider"}),"custom"===g.theme&&React.createElement(React.Fragment,null,React.createElement("div",{className:"blockons-tooltip-clrs"},React.createElement(R,{className:"blockons-tooltip-color",contentClassName:"blockons-tooltip-color-picker",renderToggle:function(e){e.isOpen;var o=e.onToggle;return React.createElement(N,{variant:"link",onClick:o,className:"blockons-colorpicker-btn"},React.createElement(T,{colorValue:g.pcolor}),React.createElement("span",null,b("Popup Color","blockons")))},renderContent:function(){return React.createElement(React.Fragment,null,React.createElement(P,{color:g.pcolor,onChange:x("pcolor"),defaultValue:"#d6c0ff"}))}}),("one"!==g.theme||"two"!==g.theme)&&React.createElement(R,{className:"blockons-tooltip-color",contentClassName:"blockons-tooltip-color-picker",renderToggle:function(e){e.isOpen;var o=e.onToggle;return React.createElement(N,{variant:"link",onClick:o,className:"blockons-colorpicker-btn"},React.createElement(T,{colorValue:g.pfcolor}),React.createElement("span",null,b("Popup Font Color","blockons")))},renderContent:function(){return React.createElement(React.Fragment,null,React.createElement(P,{color:g.pfcolor,onChange:x("pfcolor"),defaultValue:"#000"}))}})),React.createElement("div",{className:"blockons-divider"})),React.createElement(h,{className:"components-icon-button components-toolbar__control",allowedTypes:["image"],value:g.image,onSelect:function(e){return x("image")(e.url)},render:function(e){var o=e.open;return null!=g&&g.image?React.createElement("div",{className:"blockons-tooltip-imgpreview"},React.createElement("div",{className:"blockons-tooltip-imgpreview-img"},React.createElement("img",{src:g.image})),React.createElement(N,{className:"blockons-tt-upload-button remove",onClick:function(){x("image")("")}},b("Remove Image","blockons"))):React.createElement(N,{className:"blockons-tt-upload-button",icon:"format-image",onClick:o},b("Add a Tooltip Image","blockons"))}}),React.createElement("p",{className:"note-link"},React.createElement("a",{href:"https://blockons.com/documentation/content-tooltips/#adding-tooltips",target:"_blank"},b("Read more on adding Tooltips","blockons"))))}})),React.createElement("div",{className:"blockons-tooltip-preview  ".concat(g.theme)},D&&"highlight"===g.style?React.createElement("mark",{className:"blockons-tooltip-style ".concat(g.style),style:l({backgroundColor:g.color},g.fcolor?{color:g.fcolor}:{})},"Tooltip Preview"):React.createElement("span",t({className:"blockons-tooltip-style ".concat(g.style)},D?{style:l(l({},g.color?{borderBottomColor:g.color}:{}),g.fcolor?{color:g.fcolor}:{})}:{}),"Tooltip Preview"),D&&g.icon&&React.createElement("span",{className:"blockons-icon ".concat(g.icon),style:{color:g.color}}),React.createElement("div",t({className:"blockons-tooltip-preview-tooltip"},D&&"custom"===g.theme?{style:{backgroundColor:g.pcolor,color:g.pfcolor}}:{}),D&&g.image&&React.createElement("div",{className:"blockons-tooltip-img"},React.createElement("div",{className:"blockons-tooltip-img-prvw"},"Image")),React.createElement("h6",{className:"preview-title"},"Tooltip Title"),React.createElement("p",{className:"preview-text"},"Some example text."),React.createElement("span",t({className:"blockons-tooltip-arrow"},D&&"custom"===g.theme?{style:{borderTopColor:g.pcolor}}:{}))))),React.createElement("div",{className:"blockons-tooltip-btns ".concat(m?"active":"")},React.createElement(N,{variant:"secondary",className:"blockons-tooltip-button",onClick:function(){n(d(r,{type:"blockons/inline-tooltip",attributes:{"data-style":g.style,"data-theme":g.theme,"data-title":g.title,"data-text":g.text,"data-icon":g.icon,"data-image":g.image,"data-color":g.color,"data-fcolor":g.fcolor,"data-pcolor":g.pcolor,"data-pfcolor":g.pfcolor}}))},disabled:!g.title&&!g.text},m&&(g.title||g.text)?b("Update Tooltip","blockons"):b("Add Tooltip","blockons")),m&&React.createElement(N,{variant:"secondary",className:"blockons-tooltip-button remove",onClick:function(){n(k(r,"blockons/inline-tooltip"))},icon:"no-alt",title:b("Remove Tooltip","blockons")})))}}))))}})},6942:(e,o)=>{var t;
    22/*!
    33    Copyright (c) 2018 Jed Watson.

  • blockons/trunk/dist/editor.js

    r3207408 r3214695  
    66
    77function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
    8 var _blockonsEditorObj$bl;
     8var _blockonsEditorObj;
    99function _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); }
    1010function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
    … …  
    4848  dispatch = _wp$data.dispatch;
    4949var isPremium = Boolean(blockonsEditorObj.isPremium);
    50 var tooltipDefaults = (_blockonsEditorObj$bl = blockonsEditorObj.blockonsOptions) === null || _blockonsEditorObj$bl === void 0 ? void 0 : _blockonsEditorObj$bl.tooltips;
     50var tooltipDefaults = ((_blockonsEditorObj = blockonsEditorObj) === null || _blockonsEditorObj === void 0 || (_blockonsEditorObj = _blockonsEditorObj.blockonsOptions) === null || _blockonsEditorObj === void 0 ? void 0 : _blockonsEditorObj.tooltips) || {
     51  enabled: false
     52};
    5153var BlockonsInlineBlockTooltip = function BlockonsInlineBlockTooltip(_ref) {
    5254  var isActive = _ref.isActive,
    … …  
    5456    value = _ref.value;
    5557  var selectedBlock = useSelect(function (select) {
    56     return select("core/block-editor").getSelectedBlock();
     58    return select('core/block-editor').getSelectedBlock();
    5759  }, []);
    5860
    5961  // console.log("selectedBlock", selectedBlock);
    6062
    61   var allowedBlocks = ["core/paragraph", "core/heading", "core/list-item", "blockons/line-heading"];
     63  var allowedBlocks = ['core/paragraph', 'core/heading', 'core/list-item', 'blockons/line-heading'];
    6264  if (!tooltipDefaults.enabled || !selectedBlock || !allowedBlocks.includes(selectedBlock.name)) {
    6365    return null;
    6466  }
    65   var activeFormat = getActiveFormat(value, "blockons/inline-tooltip");
     67  var activeFormat = getActiveFormat(value, 'blockons/inline-tooltip');
    6668  var _useState = useState({
    67       style: (tooltipDefaults === null || tooltipDefaults === void 0 ? void 0 : tooltipDefaults.style) || "underlined",
    68       theme: (tooltipDefaults === null || tooltipDefaults === void 0 ? void 0 : tooltipDefaults.theme) || "one",
    69       title: "",
    70       text: "",
    71       icon: "",
    72       image: "",
    73       color: (tooltipDefaults === null || tooltipDefaults === void 0 ? void 0 : tooltipDefaults.color) || "#424242",
    74       fcolor: (tooltipDefaults === null || tooltipDefaults === void 0 ? void 0 : tooltipDefaults.fcolor) || "#000",
    75       pcolor: (tooltipDefaults === null || tooltipDefaults === void 0 ? void 0 : tooltipDefaults.pcolor) || "#424242",
    76       pfcolor: (tooltipDefaults === null || tooltipDefaults === void 0 ? void 0 : tooltipDefaults.pfcolor) || "#FFF"
     69      style: (tooltipDefaults === null || tooltipDefaults === void 0 ? void 0 : tooltipDefaults.style) || 'underlined',
     70      theme: (tooltipDefaults === null || tooltipDefaults === void 0 ? void 0 : tooltipDefaults.theme) || 'one',
     71      title: '',
     72      text: '',
     73      icon: '',
     74      image: '',
     75      color: (tooltipDefaults === null || tooltipDefaults === void 0 ? void 0 : tooltipDefaults.color) || '#424242',
     76      fcolor: (tooltipDefaults === null || tooltipDefaults === void 0 ? void 0 : tooltipDefaults.fcolor) || '#000',
     77      pcolor: (tooltipDefaults === null || tooltipDefaults === void 0 ? void 0 : tooltipDefaults.pcolor) || '#424242',
     78      pfcolor: (tooltipDefaults === null || tooltipDefaults === void 0 ? void 0 : tooltipDefaults.pfcolor) || '#FFF'
    7779    }),
    7880    _useState2 = _slicedToArray(_useState, 2),
    … …  
    8183  useEffect(function () {
    8284    if (activeFormat) {
    83       var attributes = Object.keys(activeFormat.attributes).length > 0 ? activeFormat.attributes : Object.keys(activeFormat.unregisteredAttributes).length > 0 ? activeFormat.unregisteredAttributes : "";
     85      var attributes = Object.keys(activeFormat.attributes).length > 0 ? activeFormat.attributes : Object.keys(activeFormat.unregisteredAttributes).length > 0 ? activeFormat.unregisteredAttributes : '';
    8486      setSelectedTooltip({
    85         style: attributes["data-style"] || (tooltipDefaults === null || tooltipDefaults === void 0 ? void 0 : tooltipDefaults.style) || "underlined",
    86         theme: attributes["data-theme"] || (tooltipDefaults === null || tooltipDefaults === void 0 ? void 0 : tooltipDefaults.theme) || "one",
    87         title: attributes["data-title"] || "",
    88         text: attributes["data-text"] || "",
    89         icon: attributes["data-icon"] || "",
    90         image: attributes["data-image"] || "",
    91         color: attributes["data-color"] || (tooltipDefaults === null || tooltipDefaults === void 0 ? void 0 : tooltipDefaults.color) || "#424242",
    92         fcolor: attributes["data-fcolor"] || (tooltipDefaults === null || tooltipDefaults === void 0 ? void 0 : tooltipDefaults.fcolor) || "#000",
    93         pcolor: attributes["data-pcolor"] || (tooltipDefaults === null || tooltipDefaults === void 0 ? void 0 : tooltipDefaults.pcolor) || "#424242",
    94         pfcolor: attributes["data-pfcolor"] || (tooltipDefaults === null || tooltipDefaults === void 0 ? void 0 : tooltipDefaults.pfcolor) || "#FFF"
     87        style: attributes['data-style'] || (tooltipDefaults === null || tooltipDefaults === void 0 ? void 0 : tooltipDefaults.style) || 'underlined',
     88        theme: attributes['data-theme'] || (tooltipDefaults === null || tooltipDefaults === void 0 ? void 0 : tooltipDefaults.theme) || 'one',
     89        title: attributes['data-title'] || '',
     90        text: attributes['data-text'] || '',
     91        icon: attributes['data-icon'] || '',
     92        image: attributes['data-image'] || '',
     93        color: attributes['data-color'] || (tooltipDefaults === null || tooltipDefaults === void 0 ? void 0 : tooltipDefaults.color) || '#424242',
     94        fcolor: attributes['data-fcolor'] || (tooltipDefaults === null || tooltipDefaults === void 0 ? void 0 : tooltipDefaults.fcolor) || '#000',
     95        pcolor: attributes['data-pcolor'] || (tooltipDefaults === null || tooltipDefaults === void 0 ? void 0 : tooltipDefaults.pcolor) || '#424242',
     96        pfcolor: attributes['data-pfcolor'] || (tooltipDefaults === null || tooltipDefaults === void 0 ? void 0 : tooltipDefaults.pfcolor) || '#FFF'
    9597      });
    9698    } else {
    9799      setSelectedTooltip({
    98         style: (tooltipDefaults === null || tooltipDefaults === void 0 ? void 0 : tooltipDefaults.style) || "underlined",
    99         theme: (tooltipDefaults === null || tooltipDefaults === void 0 ? void 0 : tooltipDefaults.theme) || "one",
    100         title: "",
    101         text: "",
    102         icon: "",
    103         image: "",
    104         color: (tooltipDefaults === null || tooltipDefaults === void 0 ? void 0 : tooltipDefaults.color) || "#424242",
    105         fcolor: (tooltipDefaults === null || tooltipDefaults === void 0 ? void 0 : tooltipDefaults.fcolor) || "#000",
    106         pcolor: (tooltipDefaults === null || tooltipDefaults === void 0 ? void 0 : tooltipDefaults.pcolor) || "#424242",
    107         pfcolor: (tooltipDefaults === null || tooltipDefaults === void 0 ? void 0 : tooltipDefaults.pfcolor) || "#FFF"
     100        style: (tooltipDefaults === null || tooltipDefaults === void 0 ? void 0 : tooltipDefaults.style) || 'underlined',
     101        theme: (tooltipDefaults === null || tooltipDefaults === void 0 ? void 0 : tooltipDefaults.theme) || 'one',
     102        title: '',
     103        text: '',
     104        icon: '',
     105        image: '',
     106        color: (tooltipDefaults === null || tooltipDefaults === void 0 ? void 0 : tooltipDefaults.color) || '#424242',
     107        fcolor: (tooltipDefaults === null || tooltipDefaults === void 0 ? void 0 : tooltipDefaults.fcolor) || '#000',
     108        pcolor: (tooltipDefaults === null || tooltipDefaults === void 0 ? void 0 : tooltipDefaults.pcolor) || '#424242',
     109        pfcolor: (tooltipDefaults === null || tooltipDefaults === void 0 ? void 0 : tooltipDefaults.pfcolor) || '#FFF'
    108110      });
    109111    }
    … …  
    120122    contentClassName: "blockons-tooltip-settings-popover",
    121123    popoverProps: {
    122       placement: "bottom-start"
     124      placement: 'bottom-start'
    123125    },
    124126    renderToggle: function renderToggle(_ref2) {
    … …  
    138140        className: "blockons-tooltip-settings"
    139141      }, /*#__PURE__*/React.createElement(TextControl, {
    140         label: __("Tooltip Title", "blockons"),
     142        label: __('Tooltip Title', 'blockons'),
    141143        value: selectedTooltip.title,
    142         onChange: handleTooltipChange("title")
     144        onChange: handleTooltipChange('title')
    143145      }), /*#__PURE__*/React.createElement(TextareaControl, {
    144         label: __("Tooltip Text", "blockons"),
     146        label: __('Tooltip Text', 'blockons'),
    145147        value: selectedTooltip.text,
    146         onChange: handleTooltipChange("text")
     148        onChange: handleTooltipChange('text')
    147149      }), isPremium && /*#__PURE__*/React.createElement("p", {
    148150        className: "tooltip-link-hint"
    149       }, __("Add links", "blockons"), ": (Blockons [*https://blockons.com/])"), /*#__PURE__*/React.createElement("div", {
     151      }, __('Add links', 'blockons'), ": (Blockons [*https://blockons.com/])"), /*#__PURE__*/React.createElement("div", {
    150152        className: "blockons-divider"
    151153      }), /*#__PURE__*/React.createElement("div", {
    … …  
    163165              className: "dashicons dashicons-admin-appearance"
    164166            }),
    165             title: __("Blockons Tooltip", "blockons"),
     167            title: __('Blockons Tooltip', 'blockons'),
    166168            onClick: onToggle,
    167169            isActive: isOpen,
    … …  
    170172        },
    171173        renderContent: function renderContent() {
    172           return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("p", null, __("Blockons Pro offers advanced Tooltips with more customization options.", "blockons")));
     174          return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("p", null, __('Blockons Pro offers advanced Tooltips with more customization options.', 'blockons')));
    173175        }
    174176      }), isPremium && activeFormat && /*#__PURE__*/React.createElement(Dropdown, {
    … …  
    182184              className: "dashicons dashicons-admin-appearance"
    183185            }),
    184             title: __("Blockons Tooltip", "blockons"),
     186            title: __('Blockons Tooltip', 'blockons'),
    185187            onClick: onToggle,
    186188            isActive: isOpen
    … …  
    189191        renderContent: function renderContent() {
    190192          return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(SelectControl, {
    191             label: __("Tooltip Link Style", "blockons"),
     193            label: __('Tooltip Link Style', 'blockons'),
    192194            value: selectedTooltip.style,
    193195            options: [{
    194               label: "Underlined",
    195               value: "underlined"
     196              label: 'Underlined',
     197              value: 'underlined'
    196198            }, {
    197               label: "Underline Dashed",
    198               value: "dashed"
     199              label: 'Underline Dashed',
     200              value: 'dashed'
    199201            }, {
    200               label: "Highlighted",
    201               value: "highlight"
     202              label: 'Highlighted',
     203              value: 'highlight'
    202204            }],
    203             onChange: handleTooltipChange("style")
     205            onChange: handleTooltipChange('style')
    204206          }), /*#__PURE__*/React.createElement("div", {
    205207            className: "blockons-tooltip-clrs"
    … …  
    216218              }, /*#__PURE__*/React.createElement(ColorIndicator, {
    217219                colorValue: selectedTooltip.color
    218               }), /*#__PURE__*/React.createElement("span", null, __("Tooltip Link Color", "blockons")));
     220              }), /*#__PURE__*/React.createElement("span", null, __('Tooltip Link Color', 'blockons')));
    219221            },
    220222            renderContent: function renderContent() {
    221223              return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(ColorPicker, {
    222224                color: selectedTooltip.color,
    223                 onChange: handleTooltipChange("color"),
     225                onChange: handleTooltipChange('color'),
    224226                defaultValue: "#f4f4f4"
    225227              }));
    226228            }
    227           }), (selectedTooltip.theme !== "one" || selectedTooltip.theme !== "two") && /*#__PURE__*/React.createElement(Dropdown, {
     229          }), (selectedTooltip.theme !== 'one' || selectedTooltip.theme !== 'two') && /*#__PURE__*/React.createElement(Dropdown, {
    228230            className: "blockons-tooltip-color",
    229231            contentClassName: "blockons-tooltip-color-picker",
    … …  
    237239              }, /*#__PURE__*/React.createElement(ColorIndicator, {
    238240                colorValue: selectedTooltip.fcolor
    239               }), /*#__PURE__*/React.createElement("span", null, __("Font Color", "blockons")));
     241              }), /*#__PURE__*/React.createElement("span", null, __('Font Color', 'blockons')));
    240242            },
    241243            renderContent: function renderContent() {
    242244              return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(ColorPicker, {
    243245                color: selectedTooltip.fcolor,
    244                 onChange: handleTooltipChange("fcolor"),
     246                onChange: handleTooltipChange('fcolor'),
    245247                defaultValue: "#f4f4f4"
    246248              }));
    … …  
    249251            className: "blockons-divider"
    250252          }), /*#__PURE__*/React.createElement(TextControl, {
    251             label: __("Tooltip Icon", "blockons"),
     253            label: __('Tooltip Icon', 'blockons'),
    252254            value: selectedTooltip.icon,
    253             onChange: handleTooltipChange("icon"),
    254             help: __("Add the CSS class names of the Font Awesome icon to be displayed in the Tooltip", "blockons")
     255            onChange: handleTooltipChange('icon'),
     256            help: __('Add the CSS class names of the Font Awesome icon to be displayed in the Tooltip', 'blockons')
    255257          }), /*#__PURE__*/React.createElement("div", {
    256258            className: "blockons-divider"
    257259          }), /*#__PURE__*/React.createElement(SelectControl, {
    258             label: __("Tooltip Popup Theme", "blockons"),
     260            label: __('Tooltip Popup Theme', 'blockons'),
    259261            value: selectedTooltip.theme,
    260262            options: [{
    261               label: "Dark",
    262               value: "one"
     263              label: 'Dark',
     264              value: 'one'
    263265            }, {
    264               label: "Light",
    265               value: "two"
     266              label: 'Light',
     267              value: 'two'
    266268            }, {
    267               label: "Custom Color",
    268               value: "custom"
     269              label: 'Custom Color',
     270              value: 'custom'
    269271            }],
    270             onChange: handleTooltipChange("theme")
     272            onChange: handleTooltipChange('theme')
    271273          }), /*#__PURE__*/React.createElement("div", {
    272274            className: "blockons-divider"
    273           }), selectedTooltip.theme === "custom" && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
     275          }), selectedTooltip.theme === 'custom' && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
    274276            className: "blockons-tooltip-clrs"
    275277          }, /*#__PURE__*/React.createElement(Dropdown, {
    … …  
    285287              }, /*#__PURE__*/React.createElement(ColorIndicator, {
    286288                colorValue: selectedTooltip.pcolor
    287               }), /*#__PURE__*/React.createElement("span", null, __("Popup Color", "blockons")));
     289              }), /*#__PURE__*/React.createElement("span", null, __('Popup Color', 'blockons')));
    288290            },
    289291            renderContent: function renderContent() {
    290292              return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(ColorPicker, {
    291293                color: selectedTooltip.pcolor,
    292                 onChange: handleTooltipChange("pcolor"),
     294                onChange: handleTooltipChange('pcolor'),
    293295                defaultValue: "#d6c0ff"
    294296              }));
    295297            }
    296           }), (selectedTooltip.theme !== "one" || selectedTooltip.theme !== "two") && /*#__PURE__*/React.createElement(Dropdown, {
     298          }), (selectedTooltip.theme !== 'one' || selectedTooltip.theme !== 'two') && /*#__PURE__*/React.createElement(Dropdown, {
    297299            className: "blockons-tooltip-color",
    298300            contentClassName: "blockons-tooltip-color-picker",
    … …  
    306308              }, /*#__PURE__*/React.createElement(ColorIndicator, {
    307309                colorValue: selectedTooltip.pfcolor
    308               }), /*#__PURE__*/React.createElement("span", null, __("Popup Font Color", "blockons")));
     310              }), /*#__PURE__*/React.createElement("span", null, __('Popup Font Color', 'blockons')));
    309311            },
    310312            renderContent: function renderContent() {
    311313              return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(ColorPicker, {
    312314                color: selectedTooltip.pfcolor,
    313                 onChange: handleTooltipChange("pfcolor"),
     315                onChange: handleTooltipChange('pfcolor'),
    314316                defaultValue: "#000"
    315317              }));
    … …  
    319321          })), /*#__PURE__*/React.createElement(MediaUpload, {
    320322            className: "components-icon-button components-toolbar__control",
    321             allowedTypes: ["image"],
     323            allowedTypes: ['image'],
    322324            value: selectedTooltip.image,
    323325            onSelect: function onSelect(media) {
    324               return handleTooltipChange("image")(media.url);
     326              return handleTooltipChange('image')(media.url);
    325327            },
    326328            render: function render(_ref9) {
    … …  
    335337                className: "blockons-tt-upload-button remove",
    336338                onClick: function onClick() {
    337                   handleTooltipChange("image")("");
     339                  handleTooltipChange('image')('');
    338340                }
    339               }, __("Remove Image", "blockons"))) : /*#__PURE__*/React.createElement(Button, {
     341              }, __('Remove Image', 'blockons'))) : /*#__PURE__*/React.createElement(Button, {
    340342                className: "blockons-tt-upload-button",
    341343                icon: "format-image",
    342344                onClick: open
    343               }, __("Add a Tooltip Image", "blockons"));
     345              }, __('Add a Tooltip Image', 'blockons'));
    344346            }
    345347          }), /*#__PURE__*/React.createElement("p", {
    … …  
    348350            href: "https://blockons.com/documentation/content-tooltips/#adding-tooltips",
    349351            target: "_blank"
    350           }, __("Read more on adding Tooltips", "blockons"))));
     352          }, __('Read more on adding Tooltips', 'blockons'))));
    351353        }
    352354      })), /*#__PURE__*/React.createElement("div", {
    353355        className: "blockons-tooltip-preview  ".concat(selectedTooltip.theme)
    354       }, isPremium && selectedTooltip.style === "highlight" ? /*#__PURE__*/React.createElement("mark", {
     356      }, isPremium && selectedTooltip.style === 'highlight' ? /*#__PURE__*/React.createElement("mark", {
    355357        className: "blockons-tooltip-style ".concat(selectedTooltip.style),
    356358        style: _objectSpread({
    … …  
    374376      }), /*#__PURE__*/React.createElement("div", _extends({
    375377        className: "blockons-tooltip-preview-tooltip"
    376       }, isPremium && selectedTooltip.theme === "custom" ? {
     378      }, isPremium && selectedTooltip.theme === 'custom' ? {
    377379        style: {
    378380          backgroundColor: selectedTooltip.pcolor,
    … …  
    389391      }, "Some example text."), /*#__PURE__*/React.createElement("span", _extends({
    390392        className: "blockons-tooltip-arrow"
    391       }, isPremium && selectedTooltip.theme === "custom" ? {
     393      }, isPremium && selectedTooltip.theme === 'custom' ? {
    392394        style: {
    393395          borderTopColor: selectedTooltip.pcolor
    394396        }
    395397      } : {}))))), /*#__PURE__*/React.createElement("div", {
    396         className: "blockons-tooltip-btns ".concat(activeFormat ? "active" : "")
     398        className: "blockons-tooltip-btns ".concat(activeFormat ? 'active' : '')
    397399      }, /*#__PURE__*/React.createElement(Button, {
    398400        variant: "secondary",
    … …  
    400402        onClick: function onClick() {
    401403          onChange(applyFormat(value, {
    402             type: "blockons/inline-tooltip",
     404            type: 'blockons/inline-tooltip',
    403405            attributes: {
    404               "data-style": selectedTooltip.style,
    405               "data-theme": selectedTooltip.theme,
    406               "data-title": selectedTooltip.title,
    407               "data-text": selectedTooltip.text,
    408               "data-icon": selectedTooltip.icon,
    409               "data-image": selectedTooltip.image,
    410               "data-color": selectedTooltip.color,
    411               "data-fcolor": selectedTooltip.fcolor,
    412               "data-pcolor": selectedTooltip.pcolor,
    413               "data-pfcolor": selectedTooltip.pfcolor
     406              'data-style': selectedTooltip.style,
     407              'data-theme': selectedTooltip.theme,
     408              'data-title': selectedTooltip.title,
     409              'data-text': selectedTooltip.text,
     410              'data-icon': selectedTooltip.icon,
     411              'data-image': selectedTooltip.image,
     412              'data-color': selectedTooltip.color,
     413              'data-fcolor': selectedTooltip.fcolor,
     414              'data-pcolor': selectedTooltip.pcolor,
     415              'data-pfcolor': selectedTooltip.pfcolor
    414416            }
    415417          }));
    416418        },
    417419        disabled: !selectedTooltip.title && !selectedTooltip.text
    418       }, activeFormat && (selectedTooltip.title || selectedTooltip.text) ? __("Update Tooltip", "blockons") : __("Add Tooltip", "blockons")), activeFormat && /*#__PURE__*/React.createElement(Button, {
     420      }, activeFormat && (selectedTooltip.title || selectedTooltip.text) ? __('Update Tooltip', 'blockons') : __('Add Tooltip', 'blockons')), activeFormat && /*#__PURE__*/React.createElement(Button, {
    419421        variant: "secondary",
    420422        className: "blockons-tooltip-button remove",
    421423        onClick: function onClick() {
    422           onChange(removeFormat(value, "blockons/inline-tooltip"));
     424          onChange(removeFormat(value, 'blockons/inline-tooltip'));
    423425        },
    424426        icon: "no-alt",
    425         title: __("Remove Tooltip", "blockons")
     427        title: __('Remove Tooltip', 'blockons')
    426428      })));
    427429    }
    428430  }))));
    429431};
    430 registerFormatType("blockons/inline-tooltip", {
    431   title: "Blockons Tooltip",
    432   tagName: "span",
    433   className: "blockons-inline-tooltip",
     432registerFormatType('blockons/inline-tooltip', {
     433  title: 'Blockons Tooltip',
     434  tagName: 'span',
     435  className: 'blockons-inline-tooltip',
    434436  edit: BlockonsInlineBlockTooltip
    435437});

  • blockons/trunk/dist/editor.min.js

    r3207408 r3214695  
    1 (()=>{var e={8720:()=>{function e(o){return e="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},e(o)}var o;function t(){return t=Object.assign?Object.assign.bind():function(e){for(var o=1;o<arguments.length;o++){var t=arguments[o];for(var n in t)({}).hasOwnProperty.call(t,n)&&(e[n]=t[n])}return e},t.apply(null,arguments)}function n(e,o){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);o&&(n=n.filter((function(o){return Object.getOwnPropertyDescriptor(e,o).enumerable}))),t.push.apply(t,n)}return t}function l(e){for(var o=1;o<arguments.length;o++){var t=null!=arguments[o]?arguments[o]:{};o%2?n(Object(t),!0).forEach((function(o){a(e,o,t[o])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):n(Object(t)).forEach((function(o){Object.defineProperty(e,o,Object.getOwnPropertyDescriptor(t,o))}))}return e}function a(o,t,n){return(t=function(o){var t=function(o,t){if("object"!=e(o)||!o)return o;var n=o[Symbol.toPrimitive];if(void 0!==n){var l=n.call(o,t||"default");if("object"!=e(l))return l;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(o)}(o,"string");return"symbol"==e(t)?t:t+""}(t))in o?Object.defineProperty(o,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):o[t]=n,o}function c(e,o){return function(e){if(Array.isArray(e))return e}(e)||function(e,o){var t=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=t){var n,l,a,c,r=[],i=!0,s=!1;try{if(a=(t=t.call(e)).next,0===o){if(Object(t)!==t)return;i=!1}else for(;!(i=(n=a.call(t)).done)&&(r.push(n.value),r.length!==o);i=!0);}catch(e){s=!0,l=e}finally{try{if(!i&&null!=t.return&&(c=t.return(),Object(c)!==c))return}finally{if(s)throw l}}return r}}(e,o)||function(e,o){if(e){if("string"==typeof e)return r(e,o);var t={}.toString.call(e).slice(8,-1);return"Object"===t&&e.constructor&&(t=e.constructor.name),"Map"===t||"Set"===t?Array.from(e):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?r(e,o):void 0}}(e,o)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function r(e,o){(null==o||o>e.length)&&(o=e.length);for(var t=0,n=Array(o);t<o;t++)n[t]=e[t];return n}wp.hooks.addFilter;var i=wp.element,s=i.useState,u=i.useEffect,b=wp.i18n.__,m=wp.richText,p=m.registerFormatType,d=(m.unregisterFormatType,m.applyFormat),k=m.removeFormat,f=m.getActiveFormat,g=wp.blockEditor,v=g.BlockControls,h=g.MediaUpload,E=wp.components,y=E.ToolbarGroup,R=E.Dropdown,w=E.ToolbarButton,C=(E.ToggleControl,E.TextControl),O=E.TextareaControl,A=E.SelectControl,N=E.Button,P=E.ColorPicker,T=E.ColorIndicator,x=wp.data,I=x.useSelect,D=(x.dispatch,Boolean(blockonsEditorObj.isPremium)),j=null===(o=blockonsEditorObj.blockonsOptions)||void 0===o?void 0:o.tooltips;p("blockons/inline-tooltip",{title:"Blockons Tooltip",tagName:"span",className:"blockons-inline-tooltip",edit:function(e){var o=e.isActive,n=e.onChange,r=e.value,i=I((function(e){return e("core/block-editor").getSelectedBlock()}),[]);if(!j.enabled||!i||!["core/paragraph","core/heading","core/list-item","blockons/line-heading"].includes(i.name))return null;var m=f(r,"blockons/inline-tooltip"),p=c(s({style:(null==j?void 0:j.style)||"underlined",theme:(null==j?void 0:j.theme)||"one",title:"",text:"",icon:"",image:"",color:(null==j?void 0:j.color)||"#424242",fcolor:(null==j?void 0:j.fcolor)||"#000",pcolor:(null==j?void 0:j.pcolor)||"#424242",pfcolor:(null==j?void 0:j.pfcolor)||"#FFF"}),2),g=p[0],E=p[1];u((function(){if(m){var e=Object.keys(m.attributes).length>0?m.attributes:Object.keys(m.unregisteredAttributes).length>0?m.unregisteredAttributes:"";E({style:e["data-style"]||(null==j?void 0:j.style)||"underlined",theme:e["data-theme"]||(null==j?void 0:j.theme)||"one",title:e["data-title"]||"",text:e["data-text"]||"",icon:e["data-icon"]||"",image:e["data-image"]||"",color:e["data-color"]||(null==j?void 0:j.color)||"#424242",fcolor:e["data-fcolor"]||(null==j?void 0:j.fcolor)||"#000",pcolor:e["data-pcolor"]||(null==j?void 0:j.pcolor)||"#424242",pfcolor:e["data-pfcolor"]||(null==j?void 0:j.pfcolor)||"#FFF"})}else E({style:(null==j?void 0:j.style)||"underlined",theme:(null==j?void 0:j.theme)||"one",title:"",text:"",icon:"",image:"",color:(null==j?void 0:j.color)||"#424242",fcolor:(null==j?void 0:j.fcolor)||"#000",pcolor:(null==j?void 0:j.pcolor)||"#424242",pfcolor:(null==j?void 0:j.pfcolor)||"#FFF"})}),[m]);var x=function(e){return function(o){E((function(t){return l(l({},t),{},a({},e,o))}))}};return React.createElement(React.Fragment,null,React.createElement(v,null,React.createElement(y,null,React.createElement(R,{className:"blockons-tooltip-settings-dropdown",contentClassName:"blockons-tooltip-settings-popover",popoverProps:{placement:"bottom-start"},renderToggle:function(e){e.isOpen;var t=e.onToggle;return React.createElement(w,{icon:React.createElement("span",{className:"dashicons dashicons-format-status"}),title:"Blockons Tooltip",onClick:t,isActive:o})},renderContent:function(){return React.createElement("div",{className:"blockons-tooltip-settings"},React.createElement(C,{label:b("Tooltip Title","blockons"),value:g.title,onChange:x("title")}),React.createElement(O,{label:b("Tooltip Text","blockons"),value:g.text,onChange:x("text")}),D&&React.createElement("p",{className:"tooltip-link-hint"},b("Add links","blockons"),": (Blockons [*https://blockons.com/])"),React.createElement("div",{className:"blockons-divider"}),React.createElement("div",{className:"blockons-tooltip-extra"},React.createElement("div",{className:"blockons-tooltip-color-wrap"},!D&&React.createElement(R,{className:"blockons-tooltip-color disabled",contentClassName:"blockons-tooltip-color-picker",renderToggle:function(e){var o=e.isOpen,t=e.onToggle;return React.createElement(w,{icon:React.createElement("span",{className:"dashicons dashicons-admin-appearance"}),title:b("Blockons Tooltip","blockons"),onClick:t,isActive:o,className:"btn-disabled"})},renderContent:function(){return React.createElement(React.Fragment,null,React.createElement("p",null,b("Blockons Pro offers advanced Tooltips with more customization options.","blockons")))}}),D&&m&&React.createElement(R,{className:"blockons-tooltip-color",contentClassName:"blockons-tooltip-color-picker",renderToggle:function(e){var o=e.isOpen,t=e.onToggle;return React.createElement(w,{icon:React.createElement("span",{className:"dashicons dashicons-admin-appearance"}),title:b("Blockons Tooltip","blockons"),onClick:t,isActive:o})},renderContent:function(){return React.createElement(React.Fragment,null,React.createElement(A,{label:b("Tooltip Link Style","blockons"),value:g.style,options:[{label:"Underlined",value:"underlined"},{label:"Underline Dashed",value:"dashed"},{label:"Highlighted",value:"highlight"}],onChange:x("style")}),React.createElement("div",{className:"blockons-tooltip-clrs"},React.createElement(R,{className:"blockons-tooltip-color",contentClassName:"blockons-tooltip-color-picker",renderToggle:function(e){e.isOpen;var o=e.onToggle;return React.createElement(N,{variant:"link",onClick:o,className:"blockons-colorpicker-btn"},React.createElement(T,{colorValue:g.color}),React.createElement("span",null,b("Tooltip Link Color","blockons")))},renderContent:function(){return React.createElement(React.Fragment,null,React.createElement(P,{color:g.color,onChange:x("color"),defaultValue:"#f4f4f4"}))}}),("one"!==g.theme||"two"!==g.theme)&&React.createElement(R,{className:"blockons-tooltip-color",contentClassName:"blockons-tooltip-color-picker",renderToggle:function(e){e.isOpen;var o=e.onToggle;return React.createElement(N,{variant:"link",onClick:o,className:"blockons-colorpicker-btn"},React.createElement(T,{colorValue:g.fcolor}),React.createElement("span",null,b("Font Color","blockons")))},renderContent:function(){return React.createElement(React.Fragment,null,React.createElement(P,{color:g.fcolor,onChange:x("fcolor"),defaultValue:"#f4f4f4"}))}})),React.createElement("div",{className:"blockons-divider"}),React.createElement(C,{label:b("Tooltip Icon","blockons"),value:g.icon,onChange:x("icon"),help:b("Add the CSS class names of the Font Awesome icon to be displayed in the Tooltip","blockons")}),React.createElement("div",{className:"blockons-divider"}),React.createElement(A,{label:b("Tooltip Popup Theme","blockons"),value:g.theme,options:[{label:"Dark",value:"one"},{label:"Light",value:"two"},{label:"Custom Color",value:"custom"}],onChange:x("theme")}),React.createElement("div",{className:"blockons-divider"}),"custom"===g.theme&&React.createElement(React.Fragment,null,React.createElement("div",{className:"blockons-tooltip-clrs"},React.createElement(R,{className:"blockons-tooltip-color",contentClassName:"blockons-tooltip-color-picker",renderToggle:function(e){e.isOpen;var o=e.onToggle;return React.createElement(N,{variant:"link",onClick:o,className:"blockons-colorpicker-btn"},React.createElement(T,{colorValue:g.pcolor}),React.createElement("span",null,b("Popup Color","blockons")))},renderContent:function(){return React.createElement(React.Fragment,null,React.createElement(P,{color:g.pcolor,onChange:x("pcolor"),defaultValue:"#d6c0ff"}))}}),("one"!==g.theme||"two"!==g.theme)&&React.createElement(R,{className:"blockons-tooltip-color",contentClassName:"blockons-tooltip-color-picker",renderToggle:function(e){e.isOpen;var o=e.onToggle;return React.createElement(N,{variant:"link",onClick:o,className:"blockons-colorpicker-btn"},React.createElement(T,{colorValue:g.pfcolor}),React.createElement("span",null,b("Popup Font Color","blockons")))},renderContent:function(){return React.createElement(React.Fragment,null,React.createElement(P,{color:g.pfcolor,onChange:x("pfcolor"),defaultValue:"#000"}))}})),React.createElement("div",{className:"blockons-divider"})),React.createElement(h,{className:"components-icon-button components-toolbar__control",allowedTypes:["image"],value:g.image,onSelect:function(e){return x("image")(e.url)},render:function(e){var o=e.open;return null!=g&&g.image?React.createElement("div",{className:"blockons-tooltip-imgpreview"},React.createElement("div",{className:"blockons-tooltip-imgpreview-img"},React.createElement("img",{src:g.image})),React.createElement(N,{className:"blockons-tt-upload-button remove",onClick:function(){x("image")("")}},b("Remove Image","blockons"))):React.createElement(N,{className:"blockons-tt-upload-button",icon:"format-image",onClick:o},b("Add a Tooltip Image","blockons"))}}),React.createElement("p",{className:"note-link"},React.createElement("a",{href:"https://blockons.com/documentation/content-tooltips/#adding-tooltips",target:"_blank"},b("Read more on adding Tooltips","blockons"))))}})),React.createElement("div",{className:"blockons-tooltip-preview  ".concat(g.theme)},D&&"highlight"===g.style?React.createElement("mark",{className:"blockons-tooltip-style ".concat(g.style),style:l({backgroundColor:g.color},g.fcolor?{color:g.fcolor}:{})},"Tooltip Preview"):React.createElement("span",t({className:"blockons-tooltip-style ".concat(g.style)},D?{style:l(l({},g.color?{borderBottomColor:g.color}:{}),g.fcolor?{color:g.fcolor}:{})}:{}),"Tooltip Preview"),D&&g.icon&&React.createElement("span",{className:"blockons-icon ".concat(g.icon),style:{color:g.color}}),React.createElement("div",t({className:"blockons-tooltip-preview-tooltip"},D&&"custom"===g.theme?{style:{backgroundColor:g.pcolor,color:g.pfcolor}}:{}),D&&g.image&&React.createElement("div",{className:"blockons-tooltip-img"},React.createElement("div",{className:"blockons-tooltip-img-prvw"},"Image")),React.createElement("h6",{className:"preview-title"},"Tooltip Title"),React.createElement("p",{className:"preview-text"},"Some example text."),React.createElement("span",t({className:"blockons-tooltip-arrow"},D&&"custom"===g.theme?{style:{borderTopColor:g.pcolor}}:{}))))),React.createElement("div",{className:"blockons-tooltip-btns ".concat(m?"active":"")},React.createElement(N,{variant:"secondary",className:"blockons-tooltip-button",onClick:function(){n(d(r,{type:"blockons/inline-tooltip",attributes:{"data-style":g.style,"data-theme":g.theme,"data-title":g.title,"data-text":g.text,"data-icon":g.icon,"data-image":g.image,"data-color":g.color,"data-fcolor":g.fcolor,"data-pcolor":g.pcolor,"data-pfcolor":g.pfcolor}}))},disabled:!g.title&&!g.text},m&&(g.title||g.text)?b("Update Tooltip","blockons"):b("Add Tooltip","blockons")),m&&React.createElement(N,{variant:"secondary",className:"blockons-tooltip-button remove",onClick:function(){n(k(r,"blockons/inline-tooltip"))},icon:"no-alt",title:b("Remove Tooltip","blockons")})))}}))))}})},6942:(e,o)=>{var t;
     1(()=>{var e={8720:()=>{function e(o){return e="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},e(o)}var o;function t(){return t=Object.assign?Object.assign.bind():function(e){for(var o=1;o<arguments.length;o++){var t=arguments[o];for(var n in t)({}).hasOwnProperty.call(t,n)&&(e[n]=t[n])}return e},t.apply(null,arguments)}function n(e,o){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);o&&(n=n.filter((function(o){return Object.getOwnPropertyDescriptor(e,o).enumerable}))),t.push.apply(t,n)}return t}function l(e){for(var o=1;o<arguments.length;o++){var t=null!=arguments[o]?arguments[o]:{};o%2?n(Object(t),!0).forEach((function(o){a(e,o,t[o])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):n(Object(t)).forEach((function(o){Object.defineProperty(e,o,Object.getOwnPropertyDescriptor(t,o))}))}return e}function a(o,t,n){return(t=function(o){var t=function(o,t){if("object"!=e(o)||!o)return o;var n=o[Symbol.toPrimitive];if(void 0!==n){var l=n.call(o,t||"default");if("object"!=e(l))return l;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(o)}(o,"string");return"symbol"==e(t)?t:t+""}(t))in o?Object.defineProperty(o,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):o[t]=n,o}function c(e,o){return function(e){if(Array.isArray(e))return e}(e)||function(e,o){var t=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=t){var n,l,a,c,r=[],i=!0,s=!1;try{if(a=(t=t.call(e)).next,0===o){if(Object(t)!==t)return;i=!1}else for(;!(i=(n=a.call(t)).done)&&(r.push(n.value),r.length!==o);i=!0);}catch(e){s=!0,l=e}finally{try{if(!i&&null!=t.return&&(c=t.return(),Object(c)!==c))return}finally{if(s)throw l}}return r}}(e,o)||function(e,o){if(e){if("string"==typeof e)return r(e,o);var t={}.toString.call(e).slice(8,-1);return"Object"===t&&e.constructor&&(t=e.constructor.name),"Map"===t||"Set"===t?Array.from(e):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?r(e,o):void 0}}(e,o)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function r(e,o){(null==o||o>e.length)&&(o=e.length);for(var t=0,n=Array(o);t<o;t++)n[t]=e[t];return n}wp.hooks.addFilter;var i=wp.element,s=i.useState,u=i.useEffect,b=wp.i18n.__,m=wp.richText,p=m.registerFormatType,d=(m.unregisterFormatType,m.applyFormat),k=m.removeFormat,f=m.getActiveFormat,g=wp.blockEditor,v=g.BlockControls,h=g.MediaUpload,E=wp.components,y=E.ToolbarGroup,R=E.Dropdown,w=E.ToolbarButton,C=(E.ToggleControl,E.TextControl),O=E.TextareaControl,A=E.SelectControl,N=E.Button,P=E.ColorPicker,T=E.ColorIndicator,x=wp.data,I=x.useSelect,D=(x.dispatch,Boolean(blockonsEditorObj.isPremium)),j=(null===(o=blockonsEditorObj)||void 0===o||null===(o=o.blockonsOptions)||void 0===o?void 0:o.tooltips)||{enabled:!1};p("blockons/inline-tooltip",{title:"Blockons Tooltip",tagName:"span",className:"blockons-inline-tooltip",edit:function(e){var o=e.isActive,n=e.onChange,r=e.value,i=I((function(e){return e("core/block-editor").getSelectedBlock()}),[]);if(!j.enabled||!i||!["core/paragraph","core/heading","core/list-item","blockons/line-heading"].includes(i.name))return null;var m=f(r,"blockons/inline-tooltip"),p=c(s({style:(null==j?void 0:j.style)||"underlined",theme:(null==j?void 0:j.theme)||"one",title:"",text:"",icon:"",image:"",color:(null==j?void 0:j.color)||"#424242",fcolor:(null==j?void 0:j.fcolor)||"#000",pcolor:(null==j?void 0:j.pcolor)||"#424242",pfcolor:(null==j?void 0:j.pfcolor)||"#FFF"}),2),g=p[0],E=p[1];u((function(){if(m){var e=Object.keys(m.attributes).length>0?m.attributes:Object.keys(m.unregisteredAttributes).length>0?m.unregisteredAttributes:"";E({style:e["data-style"]||(null==j?void 0:j.style)||"underlined",theme:e["data-theme"]||(null==j?void 0:j.theme)||"one",title:e["data-title"]||"",text:e["data-text"]||"",icon:e["data-icon"]||"",image:e["data-image"]||"",color:e["data-color"]||(null==j?void 0:j.color)||"#424242",fcolor:e["data-fcolor"]||(null==j?void 0:j.fcolor)||"#000",pcolor:e["data-pcolor"]||(null==j?void 0:j.pcolor)||"#424242",pfcolor:e["data-pfcolor"]||(null==j?void 0:j.pfcolor)||"#FFF"})}else E({style:(null==j?void 0:j.style)||"underlined",theme:(null==j?void 0:j.theme)||"one",title:"",text:"",icon:"",image:"",color:(null==j?void 0:j.color)||"#424242",fcolor:(null==j?void 0:j.fcolor)||"#000",pcolor:(null==j?void 0:j.pcolor)||"#424242",pfcolor:(null==j?void 0:j.pfcolor)||"#FFF"})}),[m]);var x=function(e){return function(o){E((function(t){return l(l({},t),{},a({},e,o))}))}};return React.createElement(React.Fragment,null,React.createElement(v,null,React.createElement(y,null,React.createElement(R,{className:"blockons-tooltip-settings-dropdown",contentClassName:"blockons-tooltip-settings-popover",popoverProps:{placement:"bottom-start"},renderToggle:function(e){e.isOpen;var t=e.onToggle;return React.createElement(w,{icon:React.createElement("span",{className:"dashicons dashicons-format-status"}),title:"Blockons Tooltip",onClick:t,isActive:o})},renderContent:function(){return React.createElement("div",{className:"blockons-tooltip-settings"},React.createElement(C,{label:b("Tooltip Title","blockons"),value:g.title,onChange:x("title")}),React.createElement(O,{label:b("Tooltip Text","blockons"),value:g.text,onChange:x("text")}),D&&React.createElement("p",{className:"tooltip-link-hint"},b("Add links","blockons"),": (Blockons [*https://blockons.com/])"),React.createElement("div",{className:"blockons-divider"}),React.createElement("div",{className:"blockons-tooltip-extra"},React.createElement("div",{className:"blockons-tooltip-color-wrap"},!D&&React.createElement(R,{className:"blockons-tooltip-color disabled",contentClassName:"blockons-tooltip-color-picker",renderToggle:function(e){var o=e.isOpen,t=e.onToggle;return React.createElement(w,{icon:React.createElement("span",{className:"dashicons dashicons-admin-appearance"}),title:b("Blockons Tooltip","blockons"),onClick:t,isActive:o,className:"btn-disabled"})},renderContent:function(){return React.createElement(React.Fragment,null,React.createElement("p",null,b("Blockons Pro offers advanced Tooltips with more customization options.","blockons")))}}),D&&m&&React.createElement(R,{className:"blockons-tooltip-color",contentClassName:"blockons-tooltip-color-picker",renderToggle:function(e){var o=e.isOpen,t=e.onToggle;return React.createElement(w,{icon:React.createElement("span",{className:"dashicons dashicons-admin-appearance"}),title:b("Blockons Tooltip","blockons"),onClick:t,isActive:o})},renderContent:function(){return React.createElement(React.Fragment,null,React.createElement(A,{label:b("Tooltip Link Style","blockons"),value:g.style,options:[{label:"Underlined",value:"underlined"},{label:"Underline Dashed",value:"dashed"},{label:"Highlighted",value:"highlight"}],onChange:x("style")}),React.createElement("div",{className:"blockons-tooltip-clrs"},React.createElement(R,{className:"blockons-tooltip-color",contentClassName:"blockons-tooltip-color-picker",renderToggle:function(e){e.isOpen;var o=e.onToggle;return React.createElement(N,{variant:"link",onClick:o,className:"blockons-colorpicker-btn"},React.createElement(T,{colorValue:g.color}),React.createElement("span",null,b("Tooltip Link Color","blockons")))},renderContent:function(){return React.createElement(React.Fragment,null,React.createElement(P,{color:g.color,onChange:x("color"),defaultValue:"#f4f4f4"}))}}),("one"!==g.theme||"two"!==g.theme)&&React.createElement(R,{className:"blockons-tooltip-color",contentClassName:"blockons-tooltip-color-picker",renderToggle:function(e){e.isOpen;var o=e.onToggle;return React.createElement(N,{variant:"link",onClick:o,className:"blockons-colorpicker-btn"},React.createElement(T,{colorValue:g.fcolor}),React.createElement("span",null,b("Font Color","blockons")))},renderContent:function(){return React.createElement(React.Fragment,null,React.createElement(P,{color:g.fcolor,onChange:x("fcolor"),defaultValue:"#f4f4f4"}))}})),React.createElement("div",{className:"blockons-divider"}),React.createElement(C,{label:b("Tooltip Icon","blockons"),value:g.icon,onChange:x("icon"),help:b("Add the CSS class names of the Font Awesome icon to be displayed in the Tooltip","blockons")}),React.createElement("div",{className:"blockons-divider"}),React.createElement(A,{label:b("Tooltip Popup Theme","blockons"),value:g.theme,options:[{label:"Dark",value:"one"},{label:"Light",value:"two"},{label:"Custom Color",value:"custom"}],onChange:x("theme")}),React.createElement("div",{className:"blockons-divider"}),"custom"===g.theme&&React.createElement(React.Fragment,null,React.createElement("div",{className:"blockons-tooltip-clrs"},React.createElement(R,{className:"blockons-tooltip-color",contentClassName:"blockons-tooltip-color-picker",renderToggle:function(e){e.isOpen;var o=e.onToggle;return React.createElement(N,{variant:"link",onClick:o,className:"blockons-colorpicker-btn"},React.createElement(T,{colorValue:g.pcolor}),React.createElement("span",null,b("Popup Color","blockons")))},renderContent:function(){return React.createElement(React.Fragment,null,React.createElement(P,{color:g.pcolor,onChange:x("pcolor"),defaultValue:"#d6c0ff"}))}}),("one"!==g.theme||"two"!==g.theme)&&React.createElement(R,{className:"blockons-tooltip-color",contentClassName:"blockons-tooltip-color-picker",renderToggle:function(e){e.isOpen;var o=e.onToggle;return React.createElement(N,{variant:"link",onClick:o,className:"blockons-colorpicker-btn"},React.createElement(T,{colorValue:g.pfcolor}),React.createElement("span",null,b("Popup Font Color","blockons")))},renderContent:function(){return React.createElement(React.Fragment,null,React.createElement(P,{color:g.pfcolor,onChange:x("pfcolor"),defaultValue:"#000"}))}})),React.createElement("div",{className:"blockons-divider"})),React.createElement(h,{className:"components-icon-button components-toolbar__control",allowedTypes:["image"],value:g.image,onSelect:function(e){return x("image")(e.url)},render:function(e){var o=e.open;return null!=g&&g.image?React.createElement("div",{className:"blockons-tooltip-imgpreview"},React.createElement("div",{className:"blockons-tooltip-imgpreview-img"},React.createElement("img",{src:g.image})),React.createElement(N,{className:"blockons-tt-upload-button remove",onClick:function(){x("image")("")}},b("Remove Image","blockons"))):React.createElement(N,{className:"blockons-tt-upload-button",icon:"format-image",onClick:o},b("Add a Tooltip Image","blockons"))}}),React.createElement("p",{className:"note-link"},React.createElement("a",{href:"https://blockons.com/documentation/content-tooltips/#adding-tooltips",target:"_blank"},b("Read more on adding Tooltips","blockons"))))}})),React.createElement("div",{className:"blockons-tooltip-preview  ".concat(g.theme)},D&&"highlight"===g.style?React.createElement("mark",{className:"blockons-tooltip-style ".concat(g.style),style:l({backgroundColor:g.color},g.fcolor?{color:g.fcolor}:{})},"Tooltip Preview"):React.createElement("span",t({className:"blockons-tooltip-style ".concat(g.style)},D?{style:l(l({},g.color?{borderBottomColor:g.color}:{}),g.fcolor?{color:g.fcolor}:{})}:{}),"Tooltip Preview"),D&&g.icon&&React.createElement("span",{className:"blockons-icon ".concat(g.icon),style:{color:g.color}}),React.createElement("div",t({className:"blockons-tooltip-preview-tooltip"},D&&"custom"===g.theme?{style:{backgroundColor:g.pcolor,color:g.pfcolor}}:{}),D&&g.image&&React.createElement("div",{className:"blockons-tooltip-img"},React.createElement("div",{className:"blockons-tooltip-img-prvw"},"Image")),React.createElement("h6",{className:"preview-title"},"Tooltip Title"),React.createElement("p",{className:"preview-text"},"Some example text."),React.createElement("span",t({className:"blockons-tooltip-arrow"},D&&"custom"===g.theme?{style:{borderTopColor:g.pcolor}}:{}))))),React.createElement("div",{className:"blockons-tooltip-btns ".concat(m?"active":"")},React.createElement(N,{variant:"secondary",className:"blockons-tooltip-button",onClick:function(){n(d(r,{type:"blockons/inline-tooltip",attributes:{"data-style":g.style,"data-theme":g.theme,"data-title":g.title,"data-text":g.text,"data-icon":g.icon,"data-image":g.image,"data-color":g.color,"data-fcolor":g.fcolor,"data-pcolor":g.pcolor,"data-pfcolor":g.pfcolor}}))},disabled:!g.title&&!g.text},m&&(g.title||g.text)?b("Update Tooltip","blockons"):b("Add Tooltip","blockons")),m&&React.createElement(N,{variant:"secondary",className:"blockons-tooltip-button remove",onClick:function(){n(k(r,"blockons/inline-tooltip"))},icon:"no-alt",title:b("Remove Tooltip","blockons")})))}}))))}})},6942:(e,o)=>{var t;
    22/*!
    33    Copyright (c) 2018 Jed Watson.
Note: See TracChangeset for help on using the changeset viewer.