# darkify/1.5.1/src/Admin/blocks/build/index.js

Darkify – Dark Mode &amp; Night Mode for Website &amp; Admin (Dark Theme Included), version 1.5.1. 579 lines.

- Page: https://pluginprobe.com/plugins/darkify/1.5.1/code/src/Admin/blocks/build/index.js
- Raw: https://pluginprobe.com/plugins/darkify/1.5.1/raw/src/Admin/blocks/build/index.js
- Modified: 2026-05-04T09:54:44+00:00

Line numbers below start at 1. Link to a line or a range by appending a fragment to the
page URL, for example `https://pluginprobe.com/plugins/darkify/1.5.1/code/src/Admin/blocks/build/index.js#L10-L20`.

```javascript
/******/ (() => { // webpackBootstrap
/******/ 	"use strict";
/******/ 	var __webpack_modules__ = ({

/***/ "../../assets/img/darkify-icon.svg":
/*!*****************************************!*\
  !*** ../../assets/img/darkify-icon.svg ***!
  \*****************************************/
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {

__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   ReactComponent: () => (/* binding */ SvgDarkifyIcon),
/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
/* harmony export */ });
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
var _rect, _rect2, _path, _path2, _path3, _path4;
function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }

var SvgDarkifyIcon = function SvgDarkifyIcon(props) {
  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("svg", _extends({
    xmlns: "http://www.w3.org/2000/svg",
    width: 256,
    height: 256,
    fill: "none"
  }, props), _rect || (_rect = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("rect", {
    width: 256,
    height: 256,
    fill: "#121116",
    rx: 3
  })), _rect2 || (_rect2 = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("rect", {
    width: 256,
    height: 256,
    stroke: "#364154",
    rx: 3
  })), _path || (_path = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("path", {
    stroke: "#121116",
    d: "M58 58h140v140H58z"
  })), _path2 || (_path2 = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("path", {
    fill: "#fff",
    d: "M128 58a5 5 0 0 1 5 5v10a5 5 0 0 1-10 0V63a5 5 0 0 1 5-5"
  })), _path3 || (_path3 = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("path", {
    fill: "#fff",
    fillRule: "evenodd",
    d: "M128 168c-30.324 0-40.324-10-40-40 .325-30 9.676-40 40-40 30.325 0 40 10 40 40s-9.675 40-40 40",
    clipRule: "evenodd"
  })), _path4 || (_path4 = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("path", {
    fill: "#fff",
    d: "M133 183a5 5 0 0 0-10 0v10a5 5 0 0 0 10 0zM198 128a5 5 0 0 1-5 5h-10a5 5 0 0 1 0-10h10a5 5 0 0 1 5 5M73 133a5 5 0 0 0 0-10H63a5 5 0 0 0 0 10zM74.465 74.465a5 5 0 0 1 7.07 0l7.072 7.07a5 5 0 0 1-7.071 7.072l-7.071-7.071a5 5 0 0 1 0-7.071M81.536 183.606a5.001 5.001 0 0 1-7.071-7.071l7.07-7.071a5 5 0 1 1 7.072 7.071zM183.606 74.465a5 5 0 0 0-7.071 0l-7.071 7.07a5 5 0 1 0 7.071 7.072l7.071-7.071a5 5 0 0 0 0-7.071M176.535 183.606a5.001 5.001 0 0 0 7.071-7.071l-7.071-7.071a5 5 0 0 0-7.071 0 5 5 0 0 0 0 7.071z"
  })));
};

/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjU2IiBoZWlnaHQ9IjI1NiIgdmlld0JveD0iMCAwIDI1NiAyNTYiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxyZWN0IHdpZHRoPSIyNTYiIGhlaWdodD0iMjU2IiByeD0iMyIgZmlsbD0iIzEyMTExNiIvPgo8cmVjdCB3aWR0aD0iMjU2IiBoZWlnaHQ9IjI1NiIgcng9IjMiIHN0cm9rZT0iIzM2NDE1NCIvPgo8cmVjdCB4PSI1OCIgeT0iNTgiIHdpZHRoPSIxNDAiIGhlaWdodD0iMTQwIiBzdHJva2U9IiMxMjExMTYiLz4KPHBhdGggZD0iTTEyOCA1OEMxMzAuNzYxIDU4IDEzMyA2MC4yMzg2IDEzMyA2M1Y3M0MxMzMgNzUuNzYxNCAxMzAuNzYxIDc4IDEyOCA3OEMxMjUuMjM5IDc4IDEyMyA3NS43NjE0IDEyMyA3M1Y2M0MxMjMgNjAuMjM4NiAxMjUuMjM5IDU4IDEyOCA1OFoiIGZpbGw9IndoaXRlIi8+CjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMTI4IDE2OEM5Ny42NzU2IDE2OCA4Ny42NzU2IDE1OCA4OC4wMDAzIDEyOEM4OC4zMjUgOTggOTcuNjc1NiA4OCAxMjggODhDMTU4LjMyNSA4OCAxNjggOTggMTY4IDEyOEMxNjggMTU4IDE1OC4zMjUgMTY4IDEyOCAxNjhaIiBmaWxsPSJ3aGl0ZSIvPgo8cGF0aCBkPSJNMTMzIDE4M0MxMzMgMTgwLjIzOSAxMzAuNzYxIDE3OCAxMjggMTc4QzEyNS4yMzkgMTc4IDEyMyAxODAuMjM5IDEyMyAxODNWMTkzQzEyMyAxOTUuNzYxIDEyNS4yMzkgMTk4IDEyOCAxOThDMTMwLjc2MSAxOTggMTMzIDE5NS43NjEgMTMzIDE5M1YxODNaIiBmaWxsPSJ3aGl0ZSIvPgo8cGF0aCBkPSJNMTk4IDEyOEMxOTggMTMwLjc2MSAxOTUuNzYxIDEzMyAxOTMgMTMzSDE4M0MxODAuMjM5IDEzMyAxNzggMTMwLjc2MSAxNzggMTI4QzE3OCAxMjUuMjM5IDE4MC4yMzkgMTIzIDE4MyAxMjNIMTkzQzE5NS43NjEgMTIzIDE5OCAxMjUuMjM5IDE5OCAxMjhaIiBmaWxsPSJ3aGl0ZSIvPgo8cGF0aCBkPSJNNzMgMTMzQzc1Ljc2MTQgMTMzIDc4IDEzMC43NjEgNzggMTI4Qzc4IDEyNS4yMzkgNzUuNzYxNCAxMjMgNzMgMTIzSDYzQzYwLjIzODYgMTIzIDU4IDEyNS4yMzkgNTggMTI4QzU4IDEzMC43NjEgNjAuMjM4NiAxMzMgNjMgMTMzSDczWiIgZmlsbD0id2hpdGUiLz4KPHBhdGggZD0iTTc0LjQ2NDUgNzQuNDY0NUM3Ni40MTcxIDcyLjUxMTggNzkuNTgyOSA3Mi41MTE4IDgxLjUzNTUgNzQuNDY0NUw4OC42MDY2IDgxLjUzNTVDOTAuNTU5MiA4My40ODgyIDkwLjU1OTIgODYuNjU0IDg4LjYwNjYgODguNjA2NkM4Ni42NTQgOTAuNTU5MiA4My40ODgyIDkwLjU1OTIgODEuNTM1NSA4OC42MDY2TDc0LjQ2NDUgODEuNTM1NUM3Mi41MTE4IDc5LjU4MjkgNzIuNTExOCA3Ni40MTcxIDc0LjQ2NDUgNzQuNDY0NVoiIGZpbGw9IndoaXRlIi8+CjxwYXRoIGQ9Ik04MS41MzU1IDE4My42MDZDNzkuNTgyOSAxODUuNTU4IDc2LjQxNzEgMTg1LjU1OCA3NC40NjQ1IDE4My42MDZDNzIuNTExOCAxODEuNjUzIDcyLjUxMTggMTc4LjQ4NyA3NC40NjQ1IDE3Ni41MzVMODEuNTM1NSAxNjkuNDY0QzgzLjQ4ODIgMTY3LjUxMSA4Ni42NTQgMTY3LjUxMSA4OC42MDY2IDE2OS40NjRDOTAuNTU5MiAxNzEuNDE2IDkwLjU1OTIgMTc0LjU4MiA4OC42MDY2IDE3Ni41MzVMODEuNTM1NSAxODMuNjA2WiIgZmlsbD0id2hpdGUiLz4KPHBhdGggZD0iTTE4My42MDYgNzQuNDY0NUMxODEuNjUzIDcyLjUxMTggMTc4LjQ4NyA3Mi41MTE4IDE3Ni41MzUgNzQuNDY0NUwxNjkuNDY0IDgxLjUzNTVDMTY3LjUxMSA4My40ODgyIDE2Ny41MTEgODYuNjU0IDE2OS40NjQgODguNjA2NkMxNzEuNDE2IDkwLjU1OTIgMTc0LjU4MiA5MC41NTkyIDE3Ni41MzUgODguNjA2NkwxODMuNjA2IDgxLjUzNTVDMTg1LjU1OCA3OS41ODI5IDE4NS41NTggNzYuNDE3MSAxODMuNjA2IDc0LjQ2NDVaIiBmaWxsPSJ3aGl0ZSIvPgo8cGF0aCBkPSJNMTc2LjUzNSAxODMuNjA2QzE3OC40ODcgMTg1LjU1OCAxODEuNjUzIDE4NS41NTggMTgzLjYwNiAxODMuNjA2QzE4NS41NTggMTgxLjY1MyAxODUuNTU4IDE3OC40ODcgMTgzLjYwNiAxNzYuNTM1TDE3Ni41MzUgMTY5LjQ2NEMxNzQuNTgyIDE2Ny41MTEgMTcxLjQxNiAxNjcuNTExIDE2OS40NjQgMTY5LjQ2NEMxNjcuNTExIDE3MS40MTYgMTY3LjUxMSAxNzQuNTgyIDE2OS40NjQgMTc2LjUzNUwxNzYuNTM1IDE4My42MDZaIiBmaWxsPSJ3aGl0ZSIvPgo8L3N2Zz4K");

/***/ }),

/***/ "./block.json":
/*!********************!*\
  !*** ./block.json ***!
  \********************/
/***/ ((module) => {

module.exports = /*#__PURE__*/JSON.parse('{"apiVersion":2,"name":"darkify/switcher","title":"Dark Mode Switcher","category":"widgets","icon":"visibility","description":"Easily place a dark mode switch anywhere on your website. Fully customizable and powered by Darkify for a smooth light/dark experience.","textdomain":"darkify","editorScript":"file:./build/index.js","editorStyle":"file:./build/index.css","style":["theme-around","theme-classic","theme-orbit","theme-dual","theme-shift","theme-within"],"supports":{"styles":false,"html":false},"attributes":{"style":{"type":"string","default":"classic"},"size":{"type":"string","default":"1.0"},"custom_size":{"type":"number","default":100},"switch_bg_light":{"type":"string","default":"#121116"},"switch_bg_dark":{"type":"string","default":"#ffffff"},"light_icon_color":{"type":"string","default":"#ffffff"},"dark_icon_color":{"type":"string","default":"#121116"},"light_text_color":{"type":"string","default":"#121116"},"dark_text_color":{"type":"string","default":"#ffffff"},"border_width":{"type":"number","default":0},"border_light_color":{"type":"string","default":"#121116"},"border_dark_color":{"type":"string","default":"#ffffff"},"border_radius":{"type":"number","default":7},"alignment":{"type":"string","default":"left"},"preview":{"type":"boolean","default":false}},"example":{"attributes":{"preview":true}}}');

/***/ }),

/***/ "./src/edit.js":
/*!*********************!*\
  !*** ./src/edit.js ***!
  \*********************/
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {

__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   "default": () => (/* binding */ Edit)
/* harmony export */ });
/* harmony import */ var _wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @wordpress/i18n */ "@wordpress/i18n");
/* harmony import */ var _wordpress_i18n__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__);
/* harmony import */ var _wordpress_block_editor__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @wordpress/block-editor */ "@wordpress/block-editor");
/* harmony import */ var _wordpress_block_editor__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_wordpress_block_editor__WEBPACK_IMPORTED_MODULE_1__);
/* harmony import */ var _wordpress_components__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @wordpress/components */ "@wordpress/components");
/* harmony import */ var _wordpress_components__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_wordpress_components__WEBPACK_IMPORTED_MODULE_2__);
/* harmony import */ var _wordpress_server_side_render__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @wordpress/server-side-render */ "@wordpress/server-side-render");
/* harmony import */ var _wordpress_server_side_render__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_wordpress_server_side_render__WEBPACK_IMPORTED_MODULE_3__);
/* harmony import */ var _editor_scss__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./editor.scss */ "./src/editor.scss");
/* harmony import */ var _assets_img_darkify_icon_svg__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../../assets/img/darkify-icon.svg */ "../../assets/img/darkify-icon.svg");
/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! react/jsx-runtime */ "react/jsx-runtime");
/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6___default = /*#__PURE__*/__webpack_require__.n(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__);



 // Displays the PHP output in editor



function Edit({
  attributes,
  setAttributes
}) {
  const {
    style,
    size,
    custom_size,
    switch_bg_light,
    switch_bg_dark,
    light_icon_color,
    dark_icon_color,
    light_text_color,
    dark_text_color,
    border_width,
    border_light_color,
    border_dark_color,
    border_radius,
    alignment,
    preview
  } = attributes;
  const blockProps = (0,_wordpress_block_editor__WEBPACK_IMPORTED_MODULE_1__.useBlockProps)();
  const buttonStyle = [{
    label: 'Classic',
    value: 'classic'
  }, {
    label: 'Expand',
    value: 'expand'
  }, {
    label: 'Inner Moon',
    value: 'inner-moon'
  }, {
    label: 'within',
    value: 'within'
  }, {
    label: 'Orbit',
    value: 'orbit'
  }, {
    label: 'Around',
    value: 'around'
  }, {
    label: 'Dark Side',
    value: 'dark-side'
  }, {
    label: 'Horizon',
    value: 'horizon'
  }, {
    label: 'Eclipse',
    value: 'eclipse'
  }, {
    label: 'Lightbulb',
    value: 'lightbulb'
  }, {
    label: 'Dark Inner',
    value: 'dark-inner'
  }, {
    label: 'Half Sun',
    value: 'half-sun'
  }, {
    label: 'Simple',
    value: 'simple'
  }, {
    label: 'Duality',
    value: 'duality'
  }, {
    label: 'Dual',
    value: 'dual'
  }, {
    label: 'Shift',
    value: 'shift'
  }];
  if (preview) {
    return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)("div", {
      ...blockProps,
      children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)("img", {
        src: `${_assets_img_darkify_icon_svg__WEBPACK_IMPORTED_MODULE_5__["default"]}`,
        alt: "Dark Mode Switcher",
        style: {
          width: '100%',
          height: 'auto'
        }
      })
    });
  }
  const ImageSelectControl = ({
    options,
    value,
    onChange
  }) => {
    const baseUrl = `${darkify.dir_url}src/Admin/Framework/assets/images/`;
    return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)("div", {
      className: "darkify-image-select-control",
      children: options.map(opt => {
        const imageUrl = `${baseUrl}${opt.value}.svg`;
        return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsxs)("div", {
          className: `darkify-image-option ${value === opt.value ? 'active' : ''}`,
          onClick: () => onChange(opt.value),
          children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)("img", {
            src: imageUrl,
            alt: opt.label
          }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)("span", {
            children: opt.label
          })]
        }, opt.value);
      })
    });
  };
  return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsxs)("div", {
    ...(0,_wordpress_block_editor__WEBPACK_IMPORTED_MODULE_1__.useBlockProps)(),
    children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(_wordpress_block_editor__WEBPACK_IMPORTED_MODULE_1__.BlockControls, {
      group: "block",
      children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(_wordpress_block_editor__WEBPACK_IMPORTED_MODULE_1__.AlignmentControl, {
        value: alignment,
        onChange: nextAlign => {
          setAttributes({
            alignment: nextAlign
          });
        }
      })
    }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(_wordpress_block_editor__WEBPACK_IMPORTED_MODULE_1__.InspectorControls, {
      children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsxs)(_wordpress_components__WEBPACK_IMPORTED_MODULE_2__.PanelBody, {
        title: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__.__)('Darkify Settings', 'darkify'),
        children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)("p", {
          children: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__.__)('Switch Style', 'darkify')
        }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(ImageSelectControl, {
          value: style,
          options: buttonStyle,
          onChange: val => setAttributes({
            style: val
          })
        }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_2__.SelectControl, {
          label: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__.__)('Switch Size', 'darkify'),
          value: size,
          options: [{
            label: 'XS',
            value: '0.6'
          }, {
            label: 'S',
            value: '0.8'
          }, {
            label: 'M',
            value: '1.0'
          }, {
            label: 'L',
            value: '1.2'
          }, {
            label: 'XL',
            value: '1.4'
          }, {
            label: 'XXL',
            value: '1.6'
          }, {
            label: 'Custom',
            value: 'custom'
          }],
          onChange: val => setAttributes({
            size: val
          })
        }), size === 'custom' && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_2__.RangeControl, {
          label: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__.__)('Custom Size', 'darkify'),
          value: custom_size,
          onChange: val => setAttributes({
            custom_size: val
          }),
          min: 40,
          max: 300
        }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)("p", {
          children: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__.__)('Light Mode Background', 'darkify')
        }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_2__.ColorPalette, {
          value: switch_bg_light,
          onChange: val => setAttributes({
            switch_bg_light: val
          })
        }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)("p", {
          children: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__.__)('Dark Mode Background', 'darkify')
        }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_2__.ColorPalette, {
          value: switch_bg_dark,
          onChange: val => setAttributes({
            switch_bg_dark: val
          })
        }), style !== 'duality' && style !== 'shift' && style !== 'dual' && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsxs)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.Fragment, {
          children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)("p", {
            children: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__.__)('Light Mode Icon Color', 'darkify')
          }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_2__.ColorPalette, {
            value: light_icon_color,
            onChange: val => setAttributes({
              light_icon_color: val
            })
          }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)("p", {
            children: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__.__)('Dark Mode Icon Color', 'darkify')
          }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_2__.ColorPalette, {
            value: dark_icon_color,
            onChange: val => setAttributes({
              dark_icon_color: val
            })
          })]
        }), style === 'dual' && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsxs)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.Fragment, {
          children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)("p", {
            children: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__.__)('Light Mode Text Color', 'darkify')
          }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_2__.ColorPalette, {
            value: light_text_color,
            onChange: val => setAttributes({
              light_text_color: val
            })
          }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)("p", {
            children: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__.__)('Dark Mode Text Color', 'darkify')
          }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_2__.ColorPalette, {
            value: dark_text_color,
            onChange: val => setAttributes({
              dark_text_color: val
            })
          })]
        }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_2__.RangeControl, {
          label: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__.__)('Border Width', 'darkify'),
          value: border_width,
          onChange: val => setAttributes({
            border_width: val
          }),
          min: 0,
          max: 20
        }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)("p", {
          children: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__.__)('Border Light Color', 'darkify')
        }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_2__.ColorPalette, {
          value: border_light_color,
          onChange: val => setAttributes({
            border_light_color: val
          })
        }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)("p", {
          children: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__.__)('Border Dark Color', 'darkify')
        }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_2__.ColorPalette, {
          value: border_dark_color,
          onChange: val => setAttributes({
            border_dark_color: val
          })
        }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_2__.RangeControl, {
          label: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__.__)('Border Radius', 'darkify'),
          value: border_radius,
          onChange: val => setAttributes({
            border_radius: val
          }),
          min: 0,
          max: 100
        })]
      })
    }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)((_wordpress_server_side_render__WEBPACK_IMPORTED_MODULE_3___default()), {
      block: "darkify/switcher",
      attributes: attributes
    })]
  });
}

/***/ }),

/***/ "./src/editor.scss":
/*!*************************!*\
  !*** ./src/editor.scss ***!
  \*************************/
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {

__webpack_require__.r(__webpack_exports__);
// extracted by mini-css-extract-plugin


/***/ }),

/***/ "./src/save.js":
/*!*********************!*\
  !*** ./src/save.js ***!
  \*********************/
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {

__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   "default": () => (/* binding */ save)
/* harmony export */ });
function save() {
  return null;
}

/***/ }),

/***/ "@wordpress/block-editor":
/*!*************************************!*\
  !*** external ["wp","blockEditor"] ***!
  \*************************************/
/***/ ((module) => {

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

/***/ }),

/***/ "@wordpress/blocks":
/*!********************************!*\
  !*** external ["wp","blocks"] ***!
  \********************************/
/***/ ((module) => {

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

/***/ }),

/***/ "@wordpress/components":
/*!************************************!*\
  !*** external ["wp","components"] ***!
  \************************************/
/***/ ((module) => {

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

/***/ }),

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

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

/***/ }),

/***/ "@wordpress/server-side-render":
/*!******************************************!*\
  !*** external ["wp","serverSideRender"] ***!
  \******************************************/
/***/ ((module) => {

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

/***/ }),

/***/ "react":
/*!************************!*\
  !*** external "React" ***!
  \************************/
/***/ ((module) => {

module.exports = window["React"];

/***/ }),

/***/ "react/jsx-runtime":
/*!**********************************!*\
  !*** external "ReactJSXRuntime" ***!
  \**********************************/
/***/ ((module) => {

module.exports = window["ReactJSXRuntime"];

/***/ })

/******/ 	});
/************************************************************************/
/******/ 	// The module cache
/******/ 	var __webpack_module_cache__ = {};
/******/ 	
/******/ 	// The require function
/******/ 	function __webpack_require__(moduleId) {
/******/ 		// Check if module is in cache
/******/ 		var cachedModule = __webpack_module_cache__[moduleId];
/******/ 		if (cachedModule !== undefined) {
/******/ 			return cachedModule.exports;
/******/ 		}
/******/ 		// Create a new module (and put it into the cache)
/******/ 		var module = __webpack_module_cache__[moduleId] = {
/******/ 			// no module.id needed
/******/ 			// no module.loaded needed
/******/ 			exports: {}
/******/ 		};
/******/ 	
/******/ 		// Execute the module function
/******/ 		__webpack_modules__[moduleId](module, module.exports, __webpack_require__);
/******/ 	
/******/ 		// Return the exports of the module
/******/ 		return module.exports;
/******/ 	}
/******/ 	
/************************************************************************/
/******/ 	/* webpack/runtime/compat get default export */
/******/ 	(() => {
/******/ 		// getDefaultExport function for compatibility with non-harmony modules
/******/ 		__webpack_require__.n = (module) => {
/******/ 			var getter = module && module.__esModule ?
/******/ 				() => (module['default']) :
/******/ 				() => (module);
/******/ 			__webpack_require__.d(getter, { a: getter });
/******/ 			return getter;
/******/ 		};
/******/ 	})();
/******/ 	
/******/ 	/* webpack/runtime/define property getters */
/******/ 	(() => {
/******/ 		// define getter functions for harmony exports
/******/ 		__webpack_require__.d = (exports, definition) => {
/******/ 			for(var key in definition) {
/******/ 				if(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) {
/******/ 					Object.defineProperty(exports, key, { enumerable: true, get: definition[key] });
/******/ 				}
/******/ 			}
/******/ 		};
/******/ 	})();
/******/ 	
/******/ 	/* webpack/runtime/hasOwnProperty shorthand */
/******/ 	(() => {
/******/ 		__webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))
/******/ 	})();
/******/ 	
/******/ 	/* webpack/runtime/make namespace object */
/******/ 	(() => {
/******/ 		// define __esModule on exports
/******/ 		__webpack_require__.r = (exports) => {
/******/ 			if(typeof Symbol !== 'undefined' && Symbol.toStringTag) {
/******/ 				Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
/******/ 			}
/******/ 			Object.defineProperty(exports, '__esModule', { value: true });
/******/ 		};
/******/ 	})();
/******/ 	
/************************************************************************/
var __webpack_exports__ = {};
// This entry needs to be wrapped in an IIFE because it needs to be isolated against other modules in the chunk.
(() => {
/*!**********************!*\
  !*** ./src/index.js ***!
  \**********************/
__webpack_require__.r(__webpack_exports__);
/* harmony import */ var _wordpress_blocks__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @wordpress/blocks */ "@wordpress/blocks");
/* harmony import */ var _wordpress_blocks__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_wordpress_blocks__WEBPACK_IMPORTED_MODULE_0__);
/* harmony import */ var _block_json__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../block.json */ "./block.json");
/* harmony import */ var _edit__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./edit */ "./src/edit.js");
/* harmony import */ var _save__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./save */ "./src/save.js");
/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! react/jsx-runtime */ "react/jsx-runtime");
/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__);





const DarkifyIcon = () => /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsxs)("svg", {
  width: "24",
  height: "24",
  viewBox: "0 0 44 44",
  xmlns: "http://www.w3.org/2000/svg",
  children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)("path", {
    d: "M23.5 1.5C23.5 0.671573 22.8284 0 22 0C21.1716 0 20.5 0.671573 20.5 1.5V4.5C20.5 5.32843 21.1716 6 22 6C22.8284 6 23.5 5.32843 23.5 4.5V1.5Z",
    fill: "currentColor"
  }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)("path", {
    d: "M34 22C34 28.6274 28.6274 34 22 34C15.3726 34 10 28.6274 10 22C10 15.3726 15.3726 10 22 10C28.6274 10 34 15.3726 34 22Z",
    fill: "currentColor"
  }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)("path", {
    d: "M22 38C22.8284 38 23.5 38.6716 23.5 39.5V42.5C23.5 43.3284 22.8284 44 22 44C21.1716 44 20.5 43.3284 20.5 42.5V39.5C20.5 38.6716 21.1716 38 22 38Z",
    fill: "currentColor"
  }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)("path", {
    d: "M10.6863 10.6863C10.1005 11.2721 9.15074 11.2721 8.56495 10.6863L6.44363 8.56498C5.85784 7.97919 5.85784 7.02945 6.44363 6.44366C7.02942 5.85787 7.97916 5.85787 8.56495 6.44366L10.6863 8.56498C11.2721 9.15077 11.2721 10.1005 10.6863 10.6863Z",
    fill: "currentColor"
  }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)("path", {
    d: "M35.435 37.5564C36.0208 38.1421 36.9705 38.1421 37.5563 37.5564C38.1421 36.9706 38.1421 36.0208 37.5563 35.435L35.435 33.3137C34.8492 32.7279 33.8995 32.7279 33.3137 33.3137C32.7279 33.8995 32.7279 34.8493 33.3137 35.435L35.435 37.5564Z",
    fill: "currentColor"
  }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)("path", {
    d: "M10.6863 33.3137C11.2721 33.8995 11.2721 34.8492 10.6863 35.435L8.56495 37.5563C7.97916 38.1421 7.02942 38.1421 6.44363 37.5563C5.85784 36.9706 5.85784 36.0208 6.44363 35.435L8.56495 33.3137C9.15074 32.7279 10.1005 32.7279 10.6863 33.3137Z",
    fill: "currentColor"
  }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)("path", {
    d: "M37.5563 8.56496C38.1421 7.97918 38.1421 7.02943 37.5563 6.44364C36.9705 5.85786 36.0208 5.85786 35.435 6.44364L33.3137 8.56496C32.7279 9.15075 32.7279 10.1005 33.3137 10.6863C33.8995 11.2721 34.8492 11.2721 35.435 10.6863L37.5563 8.56496Z",
    fill: "currentColor"
  }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)("path", {
    d: "M6 22C6 22.8284 5.32843 23.5 4.5 23.5H1.5C0.671573 23.5 0 22.8284 0 22C0 21.1716 0.671573 20.5 1.5 20.5H4.5C5.32843 20.5 6 21.1716 6 22Z",
    fill: "currentColor"
  }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)("path", {
    d: "M42.5 23.5C43.3284 23.5 44 22.8284 44 22C44 21.1716 43.3284 20.5 42.5 20.5H39.5C38.6716 20.5 38 21.1716 38 22C38 22.8284 38.6716 23.5 39.5 23.5H42.5Z",
    fill: "currentColor"
  })]
});
(0,_wordpress_blocks__WEBPACK_IMPORTED_MODULE_0__.registerBlockType)(_block_json__WEBPACK_IMPORTED_MODULE_1__.name, {
  title: _block_json__WEBPACK_IMPORTED_MODULE_1__.title,
  icon: DarkifyIcon,
  edit: _edit__WEBPACK_IMPORTED_MODULE_2__["default"],
  save: _save__WEBPACK_IMPORTED_MODULE_3__["default"]
});
})();

/******/ })()
;
//# sourceMappingURL=index.js.map
```
